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

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

.header{padding-top:8px; padding-bottom:8px;}
.logo {text-align:left!important; padding-top:0px!important; }
.banner h2{font-size:30px;}
  
 
}
@media only screen and (max-width: 768px) {
.sticky-header{ position:static; }
.logo{ text-align:center;padding-bottom:0px;}
.bannertext{width:100%; text-align:center;    }
.slide1{padding:0;}
.banner{padding-top:10px;}
.banner h2{text-align:center;}
.banner h3{font-size:18px; text-align:center;}
.banner .carousel-indicators{display:none;}
.topsection { padding-top:40px;}
 
.login-section {background-position:top center;} 

}

@media only screen and (max-width: 650px){
.topsection-box{ width:98%;}
}

@media only screen and (max-width: 620px){
.header {height:auto;}
.logo{ text-align:center!important;}
.header .container .row .col-xs-6{ width:100%; text-align:center;}

}


@media only screen and (max-width: 500px){
.login-section{ position:relative;} 
.login-section::after{position:absolute;} 
}
 
 
@media only screen and (max-width: 500px){
 .topsectionbox{display:block;}
 .topsectionicon{width:100%!important;}
 .topsection h2{text-align:center;}
 
 
 
  
 .toplink .container .row .col-xs-6{width:100%;}
}

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

}