@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1044px) {
.wrapper{ width:100%;}
.section2:after{ background-size:100%;}
.section3:after{ background-size:100%;}
.section4:after{ background-size:100%;}
.fix-position{ z-index:999; width:auto; left:inherit;}
ul.fixed-menu{ width:165px;}
}


@media only screen and (max-width:1024px) {

}


@media only screen and (max-width: 960px) {
.slide-dec{ font-size:13em;}

} 

@media only screen and (max-width: 890px) {
.contact-left{ width:100%;}
.contact-right{ width:100%; padding-left:0;}

} 

@media only screen and (max-width: 768px) {
.footer{ text-align:center;}
.footer img{ float:none;}
.footer-txt{ padding-left:0; width:100%; text-align:center;}
.landing-left{ width:588px; padding-right:0; overflow:hidden; float:none; margin:0 auto;}
.landing-right{ width:100%; float:left;}
}


@media only screen and (max-width: 660px) {
.landing-left{ width:100%;}
.landing-right{ padding-top:30px;}
}



@media only screen and (max-width: 640px) {
svg.sland-top{ height:50px;}

}

@media only screen and (max-width: 568px) {
.detail-banner{ width:80%;}
.slide-dec{ font-size:10em;}
.heading h2{ font-size:30px;}
}


@media only screen and (max-width: 480px) {
.detail-banner{ width:94%; left:10px;}
.detail-banner h2{ font-size:18px;}
ul.fixed-menu li a{ font-size:15px;}
svg.sland-top{ height:30px;}
.slide-dec{ font-size:8em;}
.inner-content{ padding: 40px 18px 48px;}
ul.fixed-menu{ width:135px;}

}


@media only screen and (max-width: 360px) {
.slide-dec{ font-size:6em;}
.section3 .detail-banner{ margin-top: -59px;} 
}

@media only screen and (max-width: 320px) {
ul.top-social{ width:100%; text-align:center;}
.top-margin{ margin-top:-27px;}
.detail-banner{ margin-top:-38px;}
}