@media only screen and (max-width: 1199px) {
 
.slide1{width:100%; height:auto; padding:50px; padding-top: 100px; padding-bottom: 20px; position:relative; z-index:-1;}
.bannertext{ width:56%;}
}
@media only screen and (max-width:992px) {
 

/*-----------------------------------*/
.header{padding-top:8px; padding-bottom:8px;}
.logo {text-align:left!important; padding-top:0px!important; }
 
.banner{background:url(../images/banner/slide1bg.jpg)  80% center no-repeat; background-size:cover; position:relative;  }
 .banner h2{font-size:30px;}
 .topsection-box{width:48%;}
 .gallery{padding-top:50px; padding-bottom:50px;}
.gallery h2{padding-top:0; text-align:center;}
.gallery::after{display:none;}
    .togglemenu {
        display: block;
    }
    .responsivemenu {
    display: none;
    position: absolute;
    top: 50px;
    right: 15px;
    position: absolute;
    width: 250px !important;
    z-index: 100;
    box-shadow: 5px 0px 5px -5px #333, 0 5px 5px -5px #333;
    background:#FFF;
}
        .responsivemenu > ul > li {
            width: 100%; border-bottom:1px solid #e8e8e8; line-height:40px;
        }
        .responsivemenu ul li.submenu div {
            position: absolute;
            width: 100%;
            left:0!important; top:40px!important;  background:#e8e8e8;  
        }
        .responsivemenu ul li.submenu ul { width:100%!important; left:0!important; top:40px!important;  background:#e8e8e8;  
        }
 
}
@media only screen and (max-width: 768px) {
.sticky-header{ position:static; }
.logo{ text-align:center;padding-bottom:0px;}
.toplink span{display:block; text-align:center;}
 

.header{ position:static; background:#F2F6FF;}
.banner{ position:relative; background:none;  }
.banner::after{ content:""; top:0; left:0; width:100%; height:100%; background:url(../images/banner/slide1bg.jpg) center right no-repeat; position:absolute; z-index:-2; }
.banner::before{ content:""; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0, 0.6); position:absolute; z-index:-1; }
.banner h2{font-size:30px; text-align:center; white-space:normal; word-wrap:break-word; word-break:break-all; color:#FFF;}
.banner h3{color:#FFF;}
.banner a{font-size:14px;  padding:8px 20px;}
.slide1{width:100%; height:auto; padding:30px; padding-top: 20px; padding-bottom: 20px; position:relative; z-index:-1;}
.bannertext {width:100%; left:0; text-align:center;}
.banner .carousel-indicators{display:none;}
.topsection { padding-top:40px;}
.innerbanner{padding-top:20px;}

.commentbox01-row{margin-bottom:00px;}
.commentbox01-cont{width:100; }
.commentbox01-left{width:100%; }
.commentbox01-left h3{margin-bottom:20px;}
.commentbox01-right{width:100%; text-align:center;} 
.commentbox01-right img{ margin-right:0; }


}

@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;}
.mtoplink ul li div.submenu{left:-50%;}

}


@media only screen and (max-width: 500px){
.bannertext{ top:40px!important; left:8%;}
 .banner h2{font-size:20px; margin:0; margin-bottom:5px; white-space:normal; word-wrap:break-word; word-break:break-all;}
 .banner h2 span{font-size:16px;}
 .banner a{font-size:14px;  padding:8px 20px;}
}
 
 
@media only screen and (max-width: 500px){
 .topsectionbox{display:block;}
 .topsectionicon{width:100%!important;}
 .topsection h2{text-align:center;}
 
 
 
 .bannertext{ top:10px!important; left:8%;}
 .banner h2{font-size:18px; margin:0; margin-bottom:5px; white-space:normal; word-wrap:break-word; word-break:break-all;}
 .banner h2 span{font-size:14px;}
 .banner a{font-size:14px;  padding:5px 10px;}
 .toplink .container .row .col-xs-6{width:100%;}
}

@media only screen and (max-width: 460px) {
	
 
}
@media only screen and (max-width: 350px) {
    .mtoplink ul{ display:flex; justify-content:center; flex-wrap:wrap;}
    .mtoplink ul li div.submenu{left:0px;}
}