@media(max-width:1024px){
.cssmenu{width:52.5%}
.banner_left span{width:410px;height:293px;background-size:84%}
.banner_left{margin-right:8em}
.banner_right h1{font-size:2.5em}
.banner_right h2{font-size:1.5em;margin-bottom:1em}
.banner_right p{font-size:.85em}
.banner_btn{padding:10px 20px;font-size:1em;margin-top:1.5em}
.banner_right{margin-top:2em}
div.flag_desc{width:65.22%}
.flag_desc h3{margin-bottom:.5em}
i.flag,i.camera,i.home{margin-right:.5em}
ul.test_box li.test_desc{width:70%}
ul.comment_section li.comment_desc{width:67.666%}
ul.tab_list{padding:2em 1em 1em;margin-left:10px}
ul.comment_section{padding:1em}
.gallery li{width:32.15%}
.wrapper{padding:1em 0}
.view .mask,.view .content{width:286px;height:192px}
.info{padding:0;margin-top:4em}
}
@media(max-width:800px){
.header_top{padding:1em}
.cssmenu{width:58.5%}
.banner_right{text-align:center;margin:2em 0}
.banner_left{text-align:center;margin:0}
.banner_left span{display:inline-table}
.sap_tabs{margin-top:3em}
.footer_grid{margin-bottom:2em}
p.m_1{font-size:1.2em}
.about_left{margin-bottom:2em}
.gallery li{width:31%}
.flag_grid{margin-bottom:1.5em}
.flag_desc p{margin-bottom:1em}
.view-first h3{font-size:.85em}
.view .mask,.view .content{width:217px;height:145px}
.info{padding:0;margin-top:2.5em}
.menu{margin:10px 0}
.active{display:block}
.menu li a{text-align:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-o-border-radius:0}
.nav{list-style:none;width:100%;position:absolute;right:0;background:#051619;top:110px;z-index:9999;border:1px solid #E0E0E0}
.menu li a span.messages{text-align:center;top:15px}
.nav li ul{width:100%}
.menu ul{margin:0}
.nav>li.hover>ul{width:100%}
.nav>li{float:none;display:block}
.nav ul{display:block;width:100%}
.nav>li.hover>ul,.nav li li.hover ul{position:static}
.nav li a{border-top:1px solid #e0e0e0;background:#fff}
.nav li:first-child a{border-top:0}
}
@media(max-width:768px){
.wrapper{padding:0}
.sub-menu{position:relative}
}
@media(max-width:640px){
body.fix{overflow:hidden}
.content_middle{padding:2em 1em}
.content_bottom{padding:2em 1em}
.footer{padding:0 1em}
.nav{top:87px}
.nav{ height: 100%; position:fixed}
.nav>li{display:block;position:relative;}
.ser-contr .col-sm-12 + .col-sm-12{margin-top:60px}
ul.about_grid1 li.about_img{margin-left:0;margin-bottom:10px}
.footer_top .col-md-4+.col-md-4{margin-top:30px}
.view .mask,.view .content{width:177px;height:120px}
.info{padding:0;margin-top:2em}
}
@media(max-width:480px){
.logo{width:150px}
.banner_right{display:none}
.col_1_of_portfolio{float:none;margin:0}
.view .mask,.view .content{width:364px;height:237px}
.span_1_of_portfolio{width:100%}
.info{padding:0;margin-top:5em}
.banner_left span{width:300px;height:215px}
ul.test_box li.test_img{margin-right:1em}
div.flag_desc{width:75.22%}
ul.comment_section li.comment_desc{width:66.666%}
.banner{padding:2em 2em 0}
.gallery li{width:27.555%}
.contact-to input[type="text"]{width:31.5%}
.sap_tabs{padding-top:0}
.resp-tabs-container{padding:10px}
ul.resp-tabs-list{display:none}
h2.resp-accordion{display:block}
.resp-vtabs .resp-tab-content{border:1px solid #C1C1C1}
.resp-vtabs .resp-tabs-container{border:0;float:none;width:100%;min-height:initial;clear:none}
.resp-accordion-closed{display:none!important}
}
@media(max-width:320px){
.banner_left span{width:250px;height:180px}
}