@media screen and (min-width: 0px){
.container {
width: 100%;
} 
}
@media screen and (min-width: 768px){
.container {
width: 97%;
} 
}
@media screen and (min-width: 992px){
.container {
width: 980px;
}

}
@media screen and (min-width: 1024px){
.container {
width: 1014px;
}
}
@media screen and (min-width: 1050px){
.container {
width: 1035px;
}

}   
@media screen and (min-width: 1100px){
.container {
width: 1075px;
}
}
@media screen and (min-width: 1150px){
.container {
width: 1130px;
}
}
@media screen and (min-width: 1200px) {
.container {
 width: 1200px;
}
}
@media (min-width: 1201px){
}
@media (min-width: 1367px){
#sliderag{
padding-bottom:20vh;
}
}
@media screen and (min-width: 1450px){
.featuresdiv{
margin-top:-109px;
position:relative;
z-index:200;
}
.featsectit {
background-color: rgba(10,17,42,0.8);
}
}
@media screen and (min-width: 1650px){
 
#sliderag:after , #sliderag:before{
height:1000px;
width:200px;
top: -300px;
left:300px;
}
#sliderag:after{
left:650px;
} 

.teamag:after , .teamag:before{
height:1000px;
width:200px;
top: -300px;
right:300px;
}
.teamag:after{
right:650px;
}    

}
@media screen and (min-width: 1750px){
.slidecontent .slidecol:last-child img{
margin-bottom:40px;
}
}
@media screen and (min-width: 1830px){
.slidecontent .slidecol:last-child img{
margin-bottom:60px;
}
}
@media screen and (min-width: 1920px){
#containerag{
width:1920px;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
}
.slidecontent .slidecol:last-child img{
margin-bottom:20px;
}
}
@media screen and (min-width: 0px) and (max-width: 1366px){

}
@media screen and (min-width: 0px) and (max-width: 1200px){
.navbar-nav > li > a{
font-size:14px;
} 
a.smallcat img {
height: 264px;
}
.gsmall{
margin:15px 0;
}
.gallerycontent{
padding:20px 30px;
}
.centertit label:before {
margin-right: 5%;
}
.centertit label:after {
margin-left: 5%;
}
}
@media screen and (min-width: 0px) and (max-width: 1150px){
.topbar2 .navbar li > a, .topbar2 .navbar-nav > li > a{
padding:0 12px;
}

}
@media screen and (min-width: 0px) and (max-width: 1100px){

.gallery-item{
width:31.3%;
}
.topbar2 .navbar li > a, .topbar2 .navbar-nav > li > a {
font-size: 15px;
}
.topbar2 {
    margin-right: 20px;
}
.headerbtns a {
    padding: 0 17px;
font-size:15px;
}   
.slidecol{
width: 45%;
}
.slidecontent .slidecol:last-child{
width: 55%;
}
.ftsmlag {
padding: 45px 25px;
}
.fttitag {
font-size: 22px;
}
.ftdescag{
font-size:17px;
}
#sliderag:before, #sliderag:after {
width: 17vw;
top:-21vw;
left: 6vw;
}
#sliderag:after {
left: 34vw;
}
.teamag:before, .teamag:after{
width: 17vw;
top:-21vw;
right: 6vw;
}
.teamag:after{
right: 34vw;
}
.postavatrelative{
height:200px;
}
}
@media screen and (min-width: 0px) and (max-width: 992px){
.topbar2 {
margin-right: 0px;
}
.topbar2 .navbar li > a, .topbar2 .navbar-nav > li > a {
padding: 0px 14px;
font-size:15px;
}  
.headerag .social {
left: 15px;
right:initial;
} 

.topbar .headerbtns{
bottom: -55px;
    position: absolute;
    z-index: 200;
right:15px;
}
.topbar .btn-boda , .topbar .headerbtns .btn-primary:hover , .topbar .headerbtns .btn-primary:focus , .topbar .headerbtns .btn-primary:active{
color:#1c2548;
background: #fff;
border: 1px solid #fff;
}
.topbar .btn-boda:hover{
background:#7dbe1d;
color:#fff;
border: 1px solid #7dbe1d;
}
#sliderag {
height: auto;
max-height: initial;
min-height: initial;
padding-bottom: 30px;
}
#sliderag .container{
margin-top:85px;
}
.internalpagesag #sliderag .container{
margin-top:0;
}
.indicatorsag2{
margin:30px auto 0;
display:table;
float:none;
}
.slsecondimg{
margin-bottom:20px;
}
.slidedesag {
margin: 10px 0 0;
}
.slidebtns {
margin-top: 25px;
}
.slidebtns a {
height: 40px;
line-height: 40px;
}
.slidecol{
width: 55%;
}
.slidecontent .slidecol:last-child{
width: 45%;
}
.slsecondimg {
width: 45%;
}
.slidecontent .slidecol:last-child img {
max-height: 100%;
}
.centertit label:before {
margin-right: 0;
}
.centertit label:after {
margin-left: 0;
}
.featuresdiv {
padding-bottom: 87px;
}
.teamcaro {
margin: 21px auto 87px;
}
.teamag .wmaintitblog {
margin-top: 87px;
margin-bottom: 41px;
}
.footerag {
margin-top: 87px;
}
.postsblogdiv{
padding-top:87px;
}
#sliderag:before, #sliderag:after {
top:-25vw;
}
.teamag:before, .teamag:after{
top:-25vw;
}
.teamag .carousel-inner {
width: 90%;
margin: 0 auto;
} 
.postavatrelative{
height:180px;
}
} 
@media screen and (min-width: 0px) and (max-width: 850px){
 
.page_content img{
float:none;
margin:0 auto 10px;
}
 
.slidecol{
width: 100%;
display:block;
text-align:center;
} 
.slidecontent .slidecol:last-child , .slsecondimg{
display:none;
}
.slsecondimg {
width: 35%;
}
.slidebtns{
margin:25px auto 0;
}
.postavatrelative{
height:160px;
}
.footerlogo{
display:none;
}
}
@media screen and (min-width: 0px) and (max-width: 767px){
#containerag{
width:100%;
padding:0;
}
.hidden-sm{
display:none !important;
}
.collapse{
display:none;
}
header.headerag{
height:auto;
padding-bottom:10px;
}
.headerag .social {
bottom:-55px;
} 
.topbar .headerbtns{
bottom: -60px;
}  
.indicatorsag2 .carousel-indicators li , .indicatorsag2 .carousel-indicators li.active{
width:14px;
height:14px;
margin-right:4px;
margin-left:0;
}
.topbar2{
float:none;
clear:both;
} 
header .navbar{
display:block;
}
.topbar .navbar-header{
margin:0;
}
.topbar .navbar-collapse{
padding:10px;
margin:0;
}
.topbar .navbar li > a, .topbar .navbar-nav > li > a{
font-size:14px;
line-height:40px;
}
.topbar .navbar li a, .topbar .navbar-nav > li > a{
line-height:40px;
border-bottom:1px solid rgba(0,0,0,0.15);
} 
.topbar .navbar-collapse{
background:#efefef;
border-top:1px solid rgba(0,0,0,0.15);
padding:15px;
margin-top:8px;
margin-bottom: 7px;
}
 .navbar-nav .open .dropdown-menu > li > a:focus {
background:#ccc;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
border-color:rgba(0,0,0,0.15);
}
.topbar .navbar-toggle ,.topbar .navbar-toggle:hover ,.topbar .navbar-toggle:focus{
border:1px solid transparent; 
background:transparent;
padding: 0; 
font-size:30px;
color:#1c2548;
margin-right:0px !important;
margin-top:-44px; 
}
.topbar .navbar-toggle[aria-expanded="true"]{
color:#7dbe1d;
}
.topbar .navbar li:last-child a, .topbar .navbar-nav > li:last-child > a{
border:0;
} 
.topbar .navbar li a .fa{
margin-top: 15px; 
}

.topbar .navbar li a .dashicons {
margin-top: 15px; 
margin-right: 0px !important;
}
.topbar .navbar-nav .open .dropdown-menu{
background:#fff;
padding:10px;
}
.modal-open .modal{
padding-right:0 !important;
}
.modal-title{
font-size:15px;
}
.gfield_checkbox li{
font-size:13px !important;
} 
  
.page_tempag{
margin:0 auto;
} 
.indicatorsag2{
margin:0 auto;
top:initial;
bottom:10px;
}
.indicatorsag2 .container{
width:auto;
}
.indicatorsag2 .carousel-indicators{
right:0;
left:0;
display:table;
margin:0 auto;
position:relative;
}
.serverhideag h2, .blackbgtit ,.aboutustit{
font-size: 23px;
}
.labeledtit label:before {
margin-right: 10px;
}
.labeledtit label:after {
margin-left: 10px;
}
.aboutustit small {
font-size: 18px;
} 
#send_message ul li:first-child, #send_message ul li:nth-child(2), #send_message ul li:nth-child(3), #send_message ul li:nth-child(4), #send_message ul li:nth-child(6), #send_message ul li:nth-child(7){
width:100%;float:none;
}
.contactuspage , .page_tempag , .page_contentdev{
padding-right:15px;
padding-left:15px;
} 
 
.table-responsive {
width: 92.5vw;
}
.footerag{
padding: 0 0px 60px;
}
.centertit{
font-size:25px;
}
.centertit small{
font-size:15px;
}
 #sliderag{
padding-bottom:50px;
}
.indicatorsag2 {
bottom: -25px;
}
.slidedesag{
height:60px;
position:relative;
overflow:hidden;
}
.maintitblog, .centertit, .aboutustit, .bluebgag h1, .featsectit {
font-size: 25px;
}
.featsectit {
height: 85px;
line-height:75px;
}
.featdesc{
font-size:18px;
padding-top: 20px;
padding-bottom:0;
line-height:30px;
}
.featuresdiv {
    padding-bottom: 67px;
}
.teamcaro {
margin: 21px auto 67px;
}
.teamag .wmaintitblog , .footerag {
margin-top: 67px;
}
.postsblogdiv{
padding-top:67px;
}
#sliderag:before, #sliderag:after {
width: 22vw;
top:-35vw;
left: -4vw;
}
#sliderag:after {
left: 34vw;
}
.teamag:before, .teamag:after{
width: 22vw;
top:-35vw;
right: -4vw;
}
.teamag:after{
right: 34vw;
}
.teamag .carousel-inner , .teambigdiv .row{
width: 80%;
margin: 0 auto;
} 
.postavatrelative{
height:200px;
}
.footerhead {
height: 85px;
padding-top: 17px;
}
.internalpagesag .maintitblog{
margin-top:40px;
}
}
@media screen and (min-width: 0px) and (max-width: 650px){ 
.footerhead {
height: auto;
padding: 17px 0;
}
.footerag .social{
display:table;
float:none;
}
.footerag .newsletter{
float:none;
display:table;
margin:15px auto 0;
}
.footercontent > div{
float:none;
text-align:center;
}
.footermenus{
text-align:center;
}
.footermenus ul li{
float:none;
display:inline-block;
}
  
}  
@media screen and (min-width: 0px) and (max-width: 600px){ 
.headerag .social , .topbar .headerbtns{
display:none;
}
.othheader .topbar .headerbtns{
display:block;
background:rgba(0,0,0,0.3);
padding:10px 0;
}
#sliderag .container ,.internalpagesag #sliderag .container {
margin-top: 0;
}
#sliderag {
padding: 30px 0 50px;
}
#sliderag .maintitblog{
margin:80px 0 30px;
} 
.topbar .headerbtns {
bottom:-70px;
width: 100%;         
text-align: center;   
right:0; 
}
.topbar .headerbtns a{
    display: inline-block;   
    text-align: center;
float:none;
}
.slidetitag {
font-size: 30px;
}
.slidedesag{
font-size: 17px;
}
.page-title{
font-size:17px;
}

.sliderbtn{
top:40%;
padding:0 10px;
} 

.prod_nav a{
width:36px;
height:36px;
line-height:36px;
}
.prod_nav a .fa{
line-height:36px;
font-size:14px;
}
.morepostsag2 {
height: 36px;
line-height: 34px;
font-size:16px;
}  
.avatimag{
width:100%;
}

.gallery-item{
width:48%;
}
.labeledtit label:before, .labeledtit label:after{
width:25px;
}
.blackbgtit small{
font-size:15px;
line-height:1.5;
}

.devbigag .item, .devbigag .item img{
height:300px;
}
.videosarchive{
width:95%;
}
.contactsmall{
padding:0 0 0px;
}
.featuresdiv {
padding-bottom: 57px;
}
.teamcaro {
margin: 21px auto 57px;
}
.teamag .wmaintitblog , .footerag {
margin-top: 57px;
}
.postsblogdiv{
padding-top:57px;
}

.teamag .carousel-inner  , .teambigdiv .row{
width: 90%;
}
.postavatrelative{
height:160px;
}
.comment-metadata {
 
font-size:15px;
float:none;
margin:0 0 10px 0;
}
.comment-content {
    margin-top: -12px;
}
.edit-link{
margin:0  0 0 5px;
}
.comment-list li {
padding: 12px;
}
.comment-form p{
width:100%;
}
.comments-title{
font-size:25px;
}
 
.comment-author.vcard{
float:none;
} 
}
@media screen and (min-width: 0px) and (max-width: 520px){
.newsletter{
width:100%;
}
.centertit {
margin: 33px 0 30px;
}
.slidedesag{
font-size: 17px;
}
.slidetitag , .maintitblog, .centertit, .aboutustit, .bluebgag h1, .featsectit {
font-size: 22px;
}
.featsectit {
height: 75px;
line-height:65px;
}
.centertit small{
font-size:14px;
}

.centerdevb2 , .centerdevb{
height:auto;
}
.gfield_checkbox li{
float:none !important;
width:100% !important; 
} 
.modal form{
padding:10px 20px !important;
} 
.awardsdivbig .row{
width:65%;
}
a.smallcat .btn{
margin-top:50%;
}
 
.featuresdiv .row{
width:90%;
margin:0  auto;
}
.galleriesdivtabs , .gallerydets{
width:100%;
float:none;
} 
.galleriesdiv{
width:60%;
margin:0 auto;
}
   
.bigofferarchive{
width:65%;
}
.sidebarag .gform_wrapper{
margin:1em 0;
}
.interiorcounters .row > div , .interiorcounters .row > div:nth-child(3){
border:0;
border-bottom:1px solid #ccc;
}
.interiorcounters .row > div:last-child{
border:0;
}
.contactmessage .panel-body{
padding:0;
}
.page_tempag .postdet{
padding-left:0;
height:132px;
}
.postdet p{
text-align:justify;
}
.postdet h2{
margin-top:0;
} 
.featuresdiv {
padding-bottom: 47px;
}
.teamcaro {
margin: 21px auto 47px;
}
.teamag .wmaintitblog , .footerag {
margin-top: 47px;
}
.postsblogdiv{
padding-top:47px;
}
#sliderag:before, #sliderag:after {
width: 26vw;
top:-45vw;
left: -20vw;
}
#sliderag:after {
left: 23vw;
}
.teamag:before, .teamag:after{
width: 26vw;
top:-45vw;
right: -20vw;
}
.teamag:after{
right: 23vw;
}
.teamag .carousel-inner  , .teambigdiv .row{
width: 80%;
}
.postavatrelative{
height:250px;
}
.comment-author.vcard img{
display:none;
}
.comment-content{
padding-left:0;
padding-top:10px;
}
.comment-list li , .comment-form{
padding:25px 15px 10px;
}
.comments-title{
font-size:20px;
}
}
@media screen and (min-width: 0px) and (max-width: 454px){ 
 
 
.page-title {
font-size: 15px;
line-height:25px;
}
 
.page_contentdev{
font-size:15px;
} 
.sectorsmain > div{
width:95%;
} 
.contactsmall img , .contactsmall label{
height:200px;
line-height:200px;
}
.teamag .carousel-inner  , .teambigdiv .row{
width: 70%;
}
.postavatrelative{
height:230px;
}
}
@media screen and (min-width: 0px) and (max-width: 350px){
 
.teamag .carousel-inner  , .teambigdiv .row{
width: 90%;
} 
.gallery {
margin:0 auto;
width:80%;
}
.gallery-item{
width:100%;
float:none;
margin:10px;
}
.slidetitag, .maintitblog, .centertit, .aboutustit, .bluebgag h1, .featsectit {
    font-size: 18px;
}
.slidedesag {
font-size: 15px;
height:50px;
line-height:25px;
} 
.postavatrelative{
height:200px;
}
} 