@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1200px) {
.hide-mobile1200 { display:none;}
#banner .main-banner .item .banner-text p{display:none;}	
}
@media only screen and (max-width: 992px) {	
    #header .logo { padding:5px 15px 15px; width:200px;}
    #navigation { padding:40px 15px 0 0;}
    #gallery .boxes .box { width:33.33%;}
    #footer .left { float:none; text-align:center;}
    #footer .right { float:none; text-align:center;}
    #footer .right .link { float:none; width:100%; margin-bottom:20px;}
    #footer .right .address h3 { padding-bottom:10px;}
    #footer .right .address p + p { margin-top:10px;}
    #footer .right .address { float:none; width:100%; margin-bottom:20px;}
    #footer { padding:25px 15px}
    .panel { margin-left:4%;}
    .panel .column4 { float:left; width:45%; margin-left:2%; margin-bottom:40px;}
}
@media (min-width: 801px) {
}
@media only screen and (max-width: 800px) {
    #navigation { display:none;}
    #banner .main-banner .item .banner-text { font-size:30px;}
    #sub-banner .title { font-size:40px;}
    #sub-banner .text { padding:50px 10px;}
    .saprator { height:50px;}
    #product .boxes .row .box.left,
    #product .boxes .row .box.right { float:none; width:100%;}
    #product .boxes .row .box .text { padding:12.8% 15px 12.7% 15px;}
    #content-boxes .boxes .row .box.left,
    #content-boxes .boxes .row .box.right { float:none; width:100%;} 
    #content-boxes .boxes .row .box .text { padding:40px 15px;}	
    #banner .main-banner .item .banner-text { top:70%;}
    .typography img.right { max-width:100%;}
    #banner .go-down { bottom:20px;}
    #banner .go-down a { width:51px; height:28px; background-size:51px auto;}
    #banner .main-banner .owl-dots { bottom:70px;}	
	.hide-mobile800 { display:none;}
	.panel { margin-left:0; }
	.panel .column1 { float:none; width:100%; margin-left:0;}
	.panel .column2 { float:none; width:100%; margin-left:0;}
	.panel .column2 + .column2 { margin-top:20px;}
	.panel .column4 + .column4 { margin-top:20px;} 
}
@media only screen and (max-width: 667px) {
    #gallery .boxes .box { width:50%;}
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 600px) {
.panel .column4 { float:none; width:95%; margin-left:2%; margin-bottom:40px;}
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
    #gallery .boxes .box { width:100%;}
    #banner .main-banner .item .banner-text .homefeature .btn { font-size:14px;padding:10px 20px;}
}
@media only screen and (max-width: 480px) {
}
@media only screen (max-device-width: 480px) and (orientation: landscape) {	
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}