@media screen and (max-width:1400px) {
	.section-company2-2 .flexslider:hover .flex-direction-nav .flex-prev{
		left:5%;
	}
	.section-company2-2 .flexslider:hover .flex-direction-nav .flex-next{
		right:5%;
	}
}



@media screen and (max-width:1200px) {
	
	h1{font-size:60px;}
	h2{font-size:40px;}
	h3{font-size:30px;}
	h4{font-size:26px;}	
	h5{font-size:18px;}
	
	/*header*/
	header {width:100%;}
	header .logo{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	header .logo a{
		display:inline-block;
	}	
	.header-wrap{
		overflow:none;
		background:rgba(0,0,0,0.3);
	}
	.nav{
		text-align:center;
	}
	header ul.primary-nav{
		margin:0 auto;
	}
	.header-wrap.open:after,
	header ul.primary-nav > li:hover{
		background:none;
	}
	.mainvisual .slide_txt h2{
		font-size:40px;
	}
	.sub {
		height:300px;
		padding:160px 5% 0;
		background-size:auto 550px;
	}
	.sub h2 {
		font-size:50px;
	}
	.visual-halfbox .section-title > p,
	.section-title > p{
		font-size:18px;
		line-height:1.3;
	}
	.detail-anchor{
		top:108px;
	}
	.img-visual.s-img01 > img{
		max-width:none;
		min-height:400px;
		width:auto;
		max-height:500px;
	}
	.page-gallery-detail .section-title h4{
		font-size:46px;
	}
	.page-gallery-detail .section-title p{
		margin-top:30px;
		font-size:16px;
	}	
	
}
@media screen and (max-width:1100px) {

}
@media screen and (max-width:991px) {
	header .logo img {
		width:160px;
	}
	.mainvisual.section-slider p{
		width:70%;
		font-size:26px;
		line-height:1.3
	}
	.mainvisual .slide_txt h2{
		font-size:52px;
	}
	.letter-container > h2 {
		width:90%;
		margin:0 auto;
	}
	.main-box {
		width:70%;
		margin-top:30px;
	}
	.main-ourworks .main-box{
		margin-left:0;
	}
	.section-fullimg.main-ourstory,
	.section-fullimg.main-ourworks {
		min-height:auto;
		max-height:400px;
	}
	.section-fullimg .main-box h3{
		font-size:48px;
	}
	.section-fullimg{
		min-height:400px;
	}
	.section-fullimg .main-box > p{
		font-size:15px;
	}
	/* sub */
	.section-title h3{
		font-size:42px;
	}
	.section-title h3:after{
		width:80px;
		height:2px;
		top:58px;
	}
	.box-padding{
		padding:25px;
	}
	.box-padding h4{
		margin:0 0 20px;
		color:#222;
	}
	.grade-grid li > .blit_grade:after {
		width:80px;
		margin-left:15px;
	}
	.depth2{
		top:146px;
	}
	.fixed .depth2{
		top:137px;
	}
	.img-visual.s-img01{
		float:none;
		width:100%;
		position:absolute;
		z-index:9;
		top:0;
		left:0;
	}
	.img-visual.s-img01 > img{
		max-height:none;
		max-width:100%;		
	}	
	
	.visual-halfbox{
		position:relative;
		z-index:99;
		float:none;
		width:100%;
		max-width:none;
		padding:10%;		
	}
	.visual-halfbox img{
		max-width:500px;
	}	
	.img-visual.s-img01:after{
	    content: '';
	    position: absolute;
	    display: block;
	    width: 100%;
	    height: 100%;
	    z-index: 102;
	    background: rgba(252, 248, 227, 0.88);
	    top: 0;
	    left: 0;	
	}	
	.visual-halfbox .section-title > p{
		color:#444444;
	}	
	.info-box.box02{
		background:rgba(93, 88, 74, 0.63);
	}
	.sub-section.page-ourstory-02{
		margin:0;
	}
}


@media screen and (max-width:820px) {	
	
	h1{font-size:50px;}
	h2{font-size:33px;}
	h3{font-size:27px;}
	h4{font-size:24px;}	
	h5{font-size:18px;}	
	
	.select-Familysite{
		display:none;
	}
	.all-wrap{
		position:relative;
	}
	.mo_btn_close {
	    /*display: inline-block;*/
	    position: absolute;    
	    width: 40px;
	    height: 40px;
	    background: #222;
	    right: 20px;
	    top: 20px;
	    text-indent: -2000px;
	    background: url('../images/btn_close.png') no-repeat;
	    background-size: 22px 22px;
	    background-position: 16px 3px;
			cursor:pointer;
	}
	.mo-open .mo_btn_close {
		display:inline-block;
	}
	.m-overlay.open{
		position:absolute;
		z-index:9999;
		width:100%;
		height:100%;
		top:0;
		bottom:0;
		left:0;
		background:rgba(0,0,0,0.6);
	}
	.navigation {
		border:none;
	}
	.header-wrap{
		/*height:70px;	*/
		background:none;	
		border:none;
	}
	.header-wrap:after{
		height:70px;
	}
	header ul.primary-nav > li.depth2-open > a:after{
		display:none;
	}
	nav{
		position:relative;
	}
	nav ul.primary-nav {
		overflow:hidden;
	}
	.fixed .header-wrap .logo img{
		width:120px;
	}
	.fixed header .logo  a {
		padding:7px 0 7px 0;
	}
	nav ul.primary-nav{
		overflow-y:auto;
	}
	header {
		width: 90%;
		margin:0 auto;
	}
	header .logo {
		z-index:10;
	}
	header .logo img{
		width:140px;
	}	
	header .logo  a {
		padding:15px 0;
	}
	.fa.mo-arrow{
		display:inline-block;
		position:absolute;
		right:25px;
		top:14px;	
	}
	.nav-toggle span, 
	.nav-toggle span:before, 
	.nav-toggle span:after{
		width:30px;
		height:2px;
	}
	a.nav-toggle.active {
		display:none;
		position:fixed;
		/*right:260px;*/
		top:35px;
		right:39px;
	}
	.nav-toggle span:before {
	  top: -7px;
	  }
	
	.nav-toggle span:after {
	  bottom: -7px; 
	 }	
	 .header-inner {
	 	/*display:none;*/
	 }
	.header-nav {
		position: fixed;
		background-color: #000;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 99999;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
		transition: opacity 0.5s, visibility 0s 0.5s;
	}
	.navicon {
		display:block;
		visibility: visible;
	}
	.header-wrap{
		overflow:visible;
	}
	.all-wrap.mo-open .navigation.fixed .header-wrap:after,
	.navigation.fixed .header-wrap.open:after{
		background:none;		
	}
	.all-wrap.mo-open .logo{
		opacity:0.3;
	}
	header .nav {
		position: fixed;
		top: 0;
		right:0;
		height:100%;
		width:250px;
		z-index:10000;
		background:#333;	
	    -webkit-transform: translateX(100%);
	    -moz-transform: translateX(100%);
	    -o-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    transform: translateX(100%);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transform: all 0.5s;
		-ms-transform: all 0.5s;
		transition: all 0.5s;	
	}
	header .header-inner.open .nav {		
	    -webkit-transform: translateX(0);
	    -moz-transform: translateX(0);
	    -o-transform: translateX(0);
	    -ms-transform: translateX(0);
	    transform: translateX(0);	
		box-shadow:0px 0px 20px rgba(0,0,0,0.5);	    	
	}	
	header ul.primary-nav > li{
		margin:0;
	}
	.header-wrap.open{
		height:auto;
	}
	.depth2, .fixed .depth2 {
		position:relative;
		top:0;
		left:0;
	}	
	.depth2{
		float:none;
		display:none;
		width:100%;
		margin:0;
		height:auto;
		padding:0;
		opacity:1;
	}
	.primary-nav > li.nav_active > a:after{
		display:none;
	}
	.depth2-open .depth2,
	.primary-nav > li.nav_active .depth2{
		height:auto;
	}

	.depth2 li a {
		line-height:30px;
	}	
	nav ul.primary-nav > li.active {		
		background:#101010;		
	}
	nav ul.primary-nav > li.active .fa.mo-arrow {		
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);		
	}
	
	nav ul.primary-nav > li.active li .fa.mo-arrow {
		display:none;
	}	
	nav ul.primary-nav .depth2 li > a{
		padding:7px 5px 7px 40px;
		background:#171717;
		border-bottom:1px solid #171717;
	}
	header ul.primary-nav {
		float:none;
		display:block;
	}
	header ul.primary-nav > li > a{
		width:100%;
	}
	nav ul li a {
		color: #fff;
		font-size: 25px;
		text-transform: uppercase;
		font-weight: 600;
		-moz-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out
	}

	nav ul.primary-nav li {
		float:none;
		display: block;
		text-align:left;
		width:100%;
	}

	nav ul.primary-nav {
		overflow:hidden;
		margin: 0;
		padding: 0;
		margin-top:70px;
		text-align: center;
		border-top:1px solid #444;
	}
	nav ul.primary-nav li > a {
		width:100%;
		padding:15px 25px;
		border-bottom:1px solid #444;
	}

	header .header-nav.open ul.primary-nav li,
	header .header-nav.open ul.member-actions li {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	nav ul.primary-nav li:first-child {
		-moz-transition-delay: 0.05s;
		-o-transition-delay: 0.05s;
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s
	}

	nav ul.primary-nav li:nth-child(2) {
		-moz-transition-delay: 0.1s;
		-o-transition-delay: 0.1s;
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s
	}

	nav ul.primary-nav li:nth-child(3) {
		-moz-transition-delay: 0.15s;
		-o-transition-delay: 0.15s;
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s
	}

	nav ul.primary-nav li:nth-child(4) {
		-moz-transition-delay: 0.2s;
		-o-transition-delay: 0.2s;
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s
	}
 
	 /*main*/
	.main-visual , .main{
		min-height:550px;
	}
	.main .main-content{
		padding:45% 3% 0;
	}
	.main-content h2{
		font-size:23px;
		font-weight:300;
	}
	.down-arrow{
		display:none;
	}
	.section{
		padding:40px 0;
	}
	.section-title{
		margin:20px 0 40px;
	}
	.breadcrumb{
		display:none;
	}
	.tit-b-margin {
		margin-bottom:20px;
	}	
	.btn_link{
		width:100%;
		text-align:center;
	}
	.box-info{
		margin-bottom:20px;
	}
	.service-box{
		width:100%;
	}
	.section-halfbox .col-md-12{
		padding:0;
	}
	.intro-content ul{
		min-height:auto;
		min-height:0;
		margin-bottom:20px;
	}
	.section-halfbox.serv1, 
	.section-halfbox.serv2,
	.section-halfbox.section-company1-2{
		background-attachment:initial;
	}
	.section-halfbox.serv1:after{
		display:none;
	}
	.section-halfbox.serv1 .service-box{
		background:rgba(0,0,0,0.5);
	}
	.service-box h3, .service-box h4, .service-box li {
		color:#FFF;
	}
	.section-halfbox.serv2 .service-box{
		background:rgba(134, 90, 23, 0.5);
	}	
	.section-halfbox.serv2{
		margin-top:0;
	}
	.section-halfbox .btn{
		border:1px solid #FFF;
		color:#fff;
	}	
	.section-halfbox .btn:hover{
		border:1px solid #333333;
	}		
		
	/* sub */
	.sub {
		height:300px;
		background-size:auto 480px;
	}
	.sub h2 {
		font-size:50px;
	}
	.page-header h2:after{
		top:62px;
	}
	.page-tab ul{
		width:100%;
		display:block;
	}
	.page-tab ul > li{
		width:33.3%;
		margin:0 0 -2px;
		padding:15px 5px;		
	}
	.page-tab ul > li > a{
		font-size:15px;
	}
	.depth2 li.active > a > span{
		line-height:30px;
	}
	.imgbox{
		width:100%;
	}
	.list_title{
		padding:0 20px;
		font-size:27px;
		font-weight:400;
	}	
	.sub-section{
		margin:25px 0;
	}

	/*footer*/
	footer .social-share {
		display: none;
	}

	footer .footer-links {
		margin: 50px 0;
	}
	address{
		line-height:1.5;
	}

	
}

@media screen and (max-width:767px) {
	
	.navigation{border:0;}

	.mainvisual .slide_txt h2{
		font-size:40px;
	}	
	.mainvisual.section-slider p{
		width:70%;
		line-height:1.3;
		font-size:24px;
		font-weight:300;
	}
	.mainvisual .slide_txt {
		top:60%;
	}
	.mainvisual.section-slider .slide_img {
		height:500px;
	}
	.mainvisual.section-slider .slides {
		 height:500px;
	}
	footer .nav_bottom > li {
		font-size:13px;
		margin-right:50px;
		width:95px;
		padding:0 5px;
	}
	
	footer ul.footer-group li {
		margin-right:10px;
	}
	footer ul.footer-group li a{
		display:inline-block;
		padding:5px 0;
	}	

	.main-box {
		width:70%;
		margin-top:0px;
	}
	.main-ourworks .main-box{
		margin-left:0;
	}
	.section-fullimg{
		padding:40px 3%;
	}
	.section-fullimg.main-ourstory,
	.section-fullimg.main-ourworks {
		min-height:auto;
		max-height:200px;
	}	
	.section-fullimg.main-contact{
		min-height:auto;
		min-height:180px;
	}
	.section-fullimg{
		padding:50px 3%;
	}
	.section-fullimg .main-box h3{
		font-size:28px;
	}
	.main-box{
		width:100%;
	}
	.main-box > h3:after{
		height:1px;
		width:60px;
	}
	.section-fullimg.main-contact .main-box{
		text-align:left;
	}
	.main-contact .main-box > h3:after{
		left:0;
		margin:0;
	}
	.section-fullimg{
		min-height:200px;
	}
	.section-fullimg .main-box > p{
		font-size:16px;
	}
	.btn_line{
		display:none;
	}	
	.main-box{
		position:relative;
	}	
	.main-box .mo-link{
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		z-index:100;
		top:0;
		left:0;
	}	
	.list_contact h6{
		padding-bottom:10px;
		border-bottom:1px solid #d9d9d9;
	}
	.list_contact dt, .list_contact dd {
		line-height:1.4;
	}

	.box-padding{
		padding:20px 0px 40px;
	}
	.box-padding img{
		margin-bottom:-40px;
	}	

	.visual-halfbox img{
		max-width:400px;
	}
}

@media screen and (max-width:640px) {
	
	.mainvisual.section-slider p{
		font-size:20px;	
	}
		
	/***************** sub *****************/

	.sub-contents-wrap {
		padding:30px 0 50px;
	}
	.sub {
		height:200px;
		padding:20% 3% 0;
		background-size:auto 280px;
	}
	.page-header > p {
		font-size:14px;
		margin-top:20px;
		line-height:1.3;
		opacity:0.8;
	}
	.page-header h2:after{
		width:60px;
		top:38px;
		height:2px;
	}
	.section-title h3{
		font-size:28px;
	}	
	.section-title h3:after	{
		width:60px;
		margin-left:-30px;
		top:40px;
	}	
	.btn-down{
		width:100%;
		margin:5px 0;
	}	
	.section-fullimg{
		min-height:250px;
	}
	.page-header h2{
		font-size:33px;
	}

	.section-title p{
		padding:0 20px;
	}
	.list_contact h4{
		font-size:24px;
	}
	.img-visual.s-img01 > img{
		width:auto;
		max-height:400px;
		max-width:none;
	}
	.img-visual.s-img02{
		overflow:hidden;
	}
	.sub-section.page-ourstory-03{
		margin:20px 0 -50px 0;
	}	
	.imgbox,.imgbox figure{
		height:250px;
	}
	.map-google{
		height:400px;
	}
	.page-gallery-detail .section-title h4{
		font-size:36px;
	}
	.page-gallery-detail .section-title p{
		margin-top:20px;
		font-size:14px;
	}
	.page-tab ul > li > a{
		font-size:13px;
	}	
	footer ul.footer-group {
		border-top: none;
		text-align:center;
	}

	footer ul.footer-group li a {
		font-size: 13px;
		text-transform: uppercase;
		/*padding: 20px 0;
		display: block;
		border-bottom: dashed 1px #4E566C;*/
	}

	footer ul.footer-group li {
	/*	display: block;*/
	}

	footer .footer-links {
		margin: 10px 0 30px;
	}
	footer address{
		text-align:center;
	}
	footer p{
		margin-top:20px;
		text-align:Center;
	}
	.detail-contents img{
		margin-bottom:10px;
	}

}

@media screen and (max-width:480px) {
	.mainvisual.section-slider p{
		font-size:15px;
	}
	.box_fake {
		margin-top:-50px;
	}
	.box_fake > .fake_top{
		height: 60px;
	}
	.box_fake > .fake_bottom{
		margin-top:100px;
		height: 80px;
	}
	.section-fullimg .main-box > h3 {
		font-size:23px;
	}
	.section-fullimg .main-box > p{
		font-size:14px;
	}
	.main-box{
		width:100%;
	}
	.main-box > p{
		margin-top:20px;
	}
	.page-header p > br{
		display:none			
	}	
	.section-fullimg .main-box > p >br{
		display:none;
	}
	.page-ourstory-02 .section-title{
		margin:20px 0 10px;
	}
	.list_contact h4 {
		font-size:22px;
	}	
	.list_contact  p , 
	.list_contact dt, 
	.list_contact dd {
		font-size:14px;
	}
	.visual-halfbox{
		padding:15% 5% 10%;	
	}
	.imgbox, .imgbox figure{
		height:230px;
	}
	footer .nav_bottom{
		display:inline-block;
		margin:10px auto 0;
	}
	footer .box_bottom_nav img{
		width:140px;
	}
	footer .nav_bottom > li {	
		margin-right:15px;
	}
	footer .nav_bottom li > a:after{
		height:1px;
		background:#3c3c3c;
	}
	footer .box_bottom_nav{
		padding:0 0 40px;
	}
	.page-ourstory-03 .info-box{
		padding:30px 30px 40px;
		min-height:auto;
	}
	.section-fullimg .info-box p{
		font-size:18px;
	}
}
@media screen and (max-width:460px) {
	.imgbox, .imgbox figure{
		/*height:325px;*/
	}
	figure.effect-linebox h3{
		padding-top:43%;
	}	
}
@media screen and (max-width:400px) {
	.sub {
		height:260px;
		padding:27% 0 0;
		background-size:auto 260px;
	}	

}
@media screen and (max-width:340px) {
	.mainvisual .slide_txt h2{
		font-size:36px;
	}
	footer .nav_bottom > li{
		margin-right:0;
		font-size:12px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select:focus,
	textarea:focus,
	input:focus {
	  font-size: 16px;
	  background: #FFFFFF;
	}
	select,
	textarea,
	input {
	  font-size: 16px;
	} 
	.tf,.tf:focus,
	.ta,.ta:focus {
		font-size:16px;
	}
}