@media (min-width: 1200px) {

}
@media (min-width: 992px) and (max-width: 1199px) {
/*--index page--*/
 #cssmenu > ul > li { padding: 0 15px;}
.slide-content { padding: 15px 30px;}
.slide-content h2 , .slide-content p { font-size: 24px;}
.about-seepage { padding: 0 20px 0 0;}
.slidernav { display: block;}
.diagram-details-top h2 { font-size: 18px;}
.diagram-details-top p { font-size: 14px;}
.diagram-thumb a.video span { width: 55px;}

/*Seepage top*/
.inner-page-head .slide-content { padding: 10px 20px;}
.inner-page-head .slide-content p { font-size: 16px; margin: 10px 0 0; width: 70%;}
.main-content-sec { padding: 40px 0;}
.page-content { padding: 0;}
.page-aside { padding: 0 0 0 30px;}

/*Testimonial top*/
.page-heading { font-size: 24px; line-height: 33px;}
.testi-list p { font-size: 17px; line-height: 24px;}

/*Gallery top*/
.gallery-video { padding: 25px 30px;}
.gallery-content { padding: 0;}
.gallery-side { padding: 0;}

/*Gallery top*/ 
.contact-detail { font-size: 24px; line-height: 34px;}
}

@media (min-width: 768px) and (max-width: 991px) {
 header { height: 50px;}
 header .col-sm-12 { padding: 0;}	
.main-slide .col-sm-12 { padding: 0;}	

.main-slide { margin: 0;}
.logo-sec { width: 100% !important; float: left; height: auto !important;}
.logo { display: none;}
.sm-logo { display: block; width: 250px; margin: 20px auto;}
.slide-content { width: 100% !important; padding: 15px 30px; height: auto !important;}
.slide-content h2 sup { font-size: 15px;}
.slide-content h2 , .slide-content p { font-size: 22px; text-align: center;}
 a.findout-btn { float: none; display: table; margin: 0 auto;}

.about-seepage { padding: 0 20px 0 0;}
.slidernav { display: block;}
.diagram-details-top h2 { font-size: 13px;}
.diagram-details-top p { font-size: 11px;}

.diagram-thumb a.video span { width: 40px;}
.top-social { width: auto; position: absolute; top: 0; right: 15px;}
.top-social ul li { font-size: 24px; line-height: 24px;}
.copy-right-sec p { text-align: center; margin: 0 0 10px;}
.slidernav { top: 100px;}

.fixheader #cssmenu { top: 14px;}
.fixheader #cssmenu > ul { margin: 20px 0 0;}
#cssmenu  { position: absolute; top: 0; left: 0;}
#cssmenu > ul { margin: 12px 0 0; background: #0275ca ;}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li > a.active, #cssmenu > ul > li:hover > a { border:0; padding: 0;}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li > a.active, #cssmenu > ul > li:hover > a {  border-bottom: 0px solid #fff !important;  }
#cssmenu > ul > li { padding:0; margin: 0;}
#cssmenu > ul > li:first-child { padding:0;}
#cssmenu > ul > li > a { padding:15px 20px !important; color:#fff !important; text-align: left; border:0; font-size: 17px;}
#cssmenu > ul > li > a.active , #cssmenu > ul > li > a:hover { background:#005b9e; color:#fff !important; border-radius: 0;}
#cssmenu ul ul { padding:15px 15px 0; top: 0; border:0; border-radius: 0; background: #fff;}
#cssmenu ul ul li { border-top:0px important; width: 100% !important; margin: 0 0 15px;}
#cssmenu ul ul li a { background: none; border:0 important; margin: 0 0 8px; font-size: 17px; color: #512c1e;}

/*Seepage top*/
.inner-page-head .slide-content p { margin: 0; width: 100%; margin: 0 0 10px;}
.inner-page-head .slide-content a.findout-btn { float: none; margin: 0 auto 10px;}
.main-content-sec { padding: 30px 0;}
.page-content { padding: 0;}
.page-content h3 , .page-content h2 { font-size: 16px; margin: 0 0 10px; line-height: 22px;}
.page-content p { font-size: 14px; margin: 0 0 10px; line-height: 21px;}
.page-aside { padding: 0 0 0 30px;}

/*Testimonial top*/
.page-heading { font-size: 20px; line-height: 30px;}
.testi-list { padding: 20px 0;}
.testi-list p , .testi-list h2 { font-size: 16px; line-height: 23px;}
.testi-list h2 { margin: 0;}

/*Gallery top*/
.gallery-content { padding: 0;}
.gallery-list-sec ul li a { margin: 0 0 10px;} 
.gallery-list-sec p { font-size: 13px; line-height: 18px; margin: 0 0 10px;}
.gallery-side { padding: 0;}
.gallery-video { padding: 20px 20px;}

/*Gallery top*/ 
.contact-detail { font-size: 20px; line-height: 30px;}

}
@media (max-width: 767px) {
/*--index page--*/
 header { height: 50px;}
 header .col-sm-12 { padding: 0;}	
.main-slide .col-sm-12 { padding: 0;}	
.seepage-thumbs-sec .col-sm-12 { padding: 0;}	

.top-social { width: auto; position: absolute; top: 0; right: 15px;}
.top-social ul li { font-size: 24px; line-height: 24px;}

.main-slide { margin: 0;}
.logo-sec { width: 100% !important; float: left; height: auto !important;}
.logo { display: none;}
.sm-logo { display: block; width: 200px; margin: 20px auto;}
.slide-content { width: 100% !important; padding: 15px 20px !important; height: auto !important;}
.slide-content h2 sup { font-size: 15px;}
.slide-content h2 , .slide-content p { font-size: 18px !important; text-align: center; line-height: 24px !important;}
.slide-content h2 br , .slide-content p br { display: none;}
 a.findout-btn { float: none; display: table; margin: 0 auto;}

 .seepage-thumbs li { width: 50%; min-height: 200px;}
 .thumb-button { display: none;}

.about-seepage { padding: 0 0 0 0; margin: 0 0 20px;}
.slidernav { display: block;}
.slidernav { top: 30%; z-index: 1;}
.slidernav a.previous { left:0px;}
.slidernav a.next { right:-10px;}
.slide-list { padding: 0 35px;}
.slide-list p { font-size: 15px; line-height: 19px;}
.diagram-details-top h2 { font-size: 13px; margin: 0 0 5px;}
.diagram-details-top p { font-size: 12px;}

.diagram-box { margin: 0 0 20px;}
.diagram-details-top { width: 49%;}
.diagram-thumb { width: 49%; float: right;}
.diagram-thumb a.video span { width: 40px;}
.diagram-detail-sec li { width: 100%; padding: 20px 0; border-left: 0; border-top: 1px solid #005b9e;}

.copy-right-sec p { text-align: center; margin: 0 0 10px; font-size: 12px;}
.copy-right-sec p sup { font-size: 7px;}


.fixheader #cssmenu { top: 14px;}
.fixheader #cssmenu > ul { margin: 20px 0 0;}
#cssmenu  { position: absolute; top: 0; left: 0;}
#cssmenu > ul { margin: 12px 0 0; background: #0275ca ;}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li > a.active, #cssmenu > ul > li:hover > a { border:0; padding: 0;}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li > a.active, #cssmenu > ul > li:hover > a {  border-bottom: 0px solid #fff !important;  }
#cssmenu > ul > li { padding:0; margin: 0;}
#cssmenu > ul > li:first-child { padding:0;}
#cssmenu > ul > li > a { padding:15px 20px !important; color:#fff !important; text-align: left; border:0; font-size: 17px;}
#cssmenu > ul > li > a.active , #cssmenu > ul > li > a:hover { background:#005b9e; color:#fff !important; border-radius: 0;}
#cssmenu ul ul { padding:15px 15px 0; top: 0; border:0; border-radius: 0; background: #fff;}
#cssmenu ul ul li { border-top:0px important; width: 100% !important; margin: 0 0 15px;}
#cssmenu ul ul li a { background: none; border:0 important; margin: 0 0 8px; font-size: 17px; color: #512c1e;}

/*Seepage top*/
.inner-page-head .slide-content p { margin: 0; width: 100%; margin: 0 0 10px;}
.inner-page-head .slide-content a.findout-btn { float: none; margin: 0 auto 10px;}
.main-content-sec { padding: 25px 0;}
.page-content { padding: 0;}
.page-content h3 , .page-content h2 { font-size: 16px; margin: 0 0 10px; line-height: 22px;}
.page-content p { font-size: 14px; margin: 0 0 10px; line-height: 21px;}
.page-aside { padding: 25px 0 0 0; margin: 15px 0 0; border-left: 0; border-top: 1px solid #005b9e; }

/*Testimonial top*/
.page-heading { font-size: 17px; line-height: 26px; margin: 0 0 15px;}
.testi-list { padding: 15px 0;}
.testi-list p , .testi-list h2 { font-size: 15px; line-height: 22px;}
.testi-list h2 { margin: 0 0 15px;}

/*Gallery top*/
.gallery-content { padding: 0;}
.gallery-list-sec ul li a { margin: 0 0 10px;} 
.gallery-list-sec p { font-size: 12px; line-height: 16px; margin: 0 0 10px;}
.gallery-side { padding: 0; border: 0; margin: 0;}
.gallery-video { padding: 15px; margin: 0 0 25px;}


/*Gallery top*/ 
.contact-detail { font-size: 18px; line-height: 30px; margin: 10px 0 20px;}

} 



@media (max-width: 480px) {

}
@media (max-width: 360px) {

}
@media (max-width: 320px) { 

}