@charset "utf-8";
/* CSS Document */
@media only screen and (min-width:1600px) {
	.main-container.walkthrough .image iframe{ height:550px;}
}
@media only screen and (min-width:1024px) and (max-width: 1280px) {
	

#homeSlider{ height:auto !important}
.header-top .container{width:95%}
.main-container .detail h2{ font-size:30px; line-height:36px; margin:25% 0 15px;}
.main-container .detail ul li{ font-size:30px; line-height:32px;}
.inner-page .container { width:100% }
.banner-inner .content-box .container{width:100%}
.content-box{height:auto !important}
.content-box .box .icon img{height:70px;}
.content-box .box{margin:0 0 30px;}
.content-box .box h2{font-size:28px;}
.comingsoon{font-size:32px;}
footer .container{width:95%}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
p{ font-size:18px; line-height:24px;}	
.nav{ display:none}
.mm-toggle{margin-top:22px;}
#homeSlider{ height:auto !important}
.header-top .container{width:95%}

.main-container .detail h2{ font-size:24px; line-height:36px; margin:25% 0 15px;}
.main-container .detail ul li{ font-size:24px; line-height:32px;}
.main-container.walkthrough .image iframe{ height:300px;}
.inner-page-slider{background:url(../images/inner-page-bg.jpg) no-repeat 0 0; background-size:cover; padding:75px 0 40px; }
.inner-page-slider .owl-carousel{display:none !important}
.inner-page-slider .header-top{top:0; bottom:inherit; min-height:65px; position:absolute}
.header-top .logo img{height:60px;}
.inner-page-slider .mm-toggle{margin-top:12px;}
.inner-page .container { width:100% }
.inner-page{height:auto; padding:100px 0 30px}
.content-box .page-title{margin-bottom:15px}
.inner-page .header-top{ background:#323232; position:fixed; top:0; height:70px;}
.inner-page .header-top .logo img{height:70px;}
.inner-page .mm-toggle{margin-top:17px;}
.content-box .box .icon img{height:70px;}
.content-box .box h2{font-size:24px;}
.content-box .box p{font-size:20px;}
.banner-inner{padding:30px; height:auto !important; position:relative;}
.banner-inner .content-box .container{width:100%}
.content-box{height:auto !important; min-height:10px; padding:40px 0}
.comingsoon{font-size:24px;}
.footer .container{width:95%}
.footer-container .join-instagram li{width:33.33%;  }
.footer-col.last{width:100%}
}


@media only screen and (max-width: 767px) {
h1, .h1{font-size:30px; line-height:40px;} 
p{ font-size:18px; line-height:24px;}	
#homeSlider{ height:auto !important; padding-top:60px;}
.header-top{ background:#222; min-height:20px; padding:3px 0; top:0; bottom:inherit}
#homeSlider #videoContainer{ position:relative}
.mm-toggle{margin-top:8px;}
.nav{ display:none}
.header-top .container{width:100%}
.header-top .logo{width:150px;}
.header{height:110px; padding:20px 0 0}
.header .work-logo{width:130px;}
.work-nav{line-height:60px;}
.work-nav ul li{padding:0 6px;}
.work-nav ul li a{padding:0; font-size:16px;}
.main-container .col-sm-4,
.main-container .col-sm-8{width:100%; float:left;}
.main-container.walkthrough .image{margin-bottom:0px;}
.main-container .detail{margin-bottom:30px;}
.main-container .detail h2{ font-size:24px; line-height:36px; margin:0 0 15px;}
.main-container .detail ul li{ font-size:24px; line-height:32px;}
.main-container.walkthrough .image iframe{ height:300px;}



.inner-page{height:auto; padding:80px 0 30px}


.banner-inner{padding:15px; height:auto !important; position:relative; float:left;}
.banner-inner .content-box .container{width:100%}
.inner-page-slider{background:url(../images/inner-page-bg.jpg) no-repeat 0 0; background-size:cover; padding:65px 0 20px; }
.inner-page-slider .owl-carousel{display:none !important}
.inner-page-slider .header-top{top:0; bottom:inherit; min-height:65px; position:absolute}
.content-box{height:auto !important; min-height:10px; padding:30px 0;border-radius:10px;}


.content-box .page-title{margin-bottom:15px}
.inner-page .header-top{ background:#323232; position:fixed; top:0; height:65px;}
.content-box .box .icon img{height:70px;}
.content-box .box h2{font-size:24px; line-height:30px;}
.content-box .box p{font-size:20px;}
footer .container{width:100%}
.footer-col{float:left; width:100%; margin-bottom:30px; }
.join-instagram h3{text-align:left}
.comingsoon{font-size:24px;}
.footer-container .join-instagram li{width:50%; margin:0}
.footer-col.last{float:left; width:100%;}
.footerbottom{padding-top:0; margin:0}
.footerbottom .copyright{font-size:16px;}
.scrollToTop { bottom:10px; right:10px; width:30px;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.footer-container .join-instagram li{width:33.33%; }
.comingsoon{font-size:28px;}
}