@media only screen and ( max-width: 1300px ) {
.wrapper {max-width: 900px;}
#navigation ul li a{padding:0 58px;}
}
@media only screen and ( max-width: 1250px ) {
.lft_aside{ left:-191px;}
.signupbtn{ display:block;}


}
@media only screen and ( max-width: 1150px ) {
#header .buybtn{right:-50px;}
}
@media only screen and ( max-width: 1080px ) {
#header .buybtn{right:0px;}
}


@media only screen and ( max-width: 980px ) {
.wrapper{width:98%;}
#wowslider-container1 > .ws-title > div{width:100%; padding-left:3%;}
#navigation ul li a{padding:0 58px;}
#header .buybtn{right:0;}


}
@media only screen and ( max-width: 920px ) {
#navigation ul li a{padding:0 46px;}
.sec-2 .col:nth-child(1) video {width:100%;}
.sec-2 .col:nth-child(2) .atom_twitter_feeds {width:100%!important;}
}



@media only screen and ( max-width: 800px ) {
#navigation ul li a{padding:0 38px;}
#header .buybtn{position:static; display: inline-block; margin-top: 20px;}
.innerContent .whatsbox .row li img{height:auto;}

.sec-3 .col:nth-child(1),.sec-3 .col:nth-child(2){width:80%; margin:0 10% 15px 10%; }

#footer .lft,#footer .rgt{float:left; width:100%; margin-bottom:15px; }
#footer .clintLogo h2,#footer .clintLogo ul{text-align:center;}
#footer .clintLogo li{float:none; display:inline-block;}
#footer .rgt li{width:50%; padding-left:30px;}
#footer .newsletter {text-align:center;}
}

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


}

@media only screen and (max-width: 640px) {
.sec-3 h2{font-size:25px}
.gallery h2{font-size:18px;}
.selectpro .select{padding:8px 36px 8px 5px; display:inline-block}
.selectpro .select:after{top:7px;}
.gallery .lft,.gallery .rgt{width:100%; text-align:center; }
.innerContent .lftContent,.innerContent .rgtContent{width:100%; margin-right:0; margin-bottom:25px;}
.whatsbox li h3{font-size:13px; padding:5px 7px;}
.whatsbox li .innrtxt{top:5%;}
.news h2:before, .news h2:after{display:none;}
.innerContent .whatsbox .row:nth-child(n) li:nth-child(n){width:80%; margin:0 10% 25px 10%;} 
.lft_aside .signbx:before{background:none;}

}

@media only screen and ( max-width: 480px ){
.row {width:80%; float:none; margin:auto; margin-bottom:25px; display:block}
.row .wh_box,.sec-2 .col:nth-child(n),.row .col,.sec-3 .col:nth-child(n){width:100%; margin-right:0; margin-left:0; margin-bottom:25px;}
.sec-3 .col:nth-child(2) img{width:auto;}
.sec-3 .col:nth-child(2) , .whoall h3{text-align:center;}
.whoall figure,.whoall .innrtxt{width:100%;}



}

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

@media only screen and ( max-width: 360px){
}
@media only screen and ( max-width: 320px){


}