/*------------------------------------responsive---------------------------------------*/
@media (max-width: 1100px){
.slider ul li {width:33.3%;}.menu ul li a{
    padding: 30px 6px;
    color: #1a1a1a;
    font-size: 15px;}
}
@media(min-width:1024px){
.m_btn{display:none;}
.menu{display:block !important;}
}

@media (max-width: 1023px){
.container{width: 95%;}
.botbar{padding: 10px 0;  }
.botbar .logo {
  float: left; 
   position: static;
    top: 0px;
    left: 0;
    z-index: 9;
}
 .pages-2  .m_btn{display:block; padding-top: 40px; cursor: pointer;}
 .m_btn{display:block; padding-top: 15px; cursor: pointer;}
.menu{display:none; width: 100%; background: #fff; margin-top: 20px;}

.menu ul li{margin-left:0;  border-top:1px solid #ddd; float:none; }
.menu ul li a{ float: none;font-weight: 400; display: inline-block; color: red !important;
    padding: 5px;}

.menu ul li a.active{border-color: transparent; !important;}
.menu li:hover a{color: #21409A;}

.top-footer1 ul li{  width: 50%; }
.top-footer ul li{ width: 50%; }

.top-footer p{font-size: 14px;}
.cd-top {
    height: 30px;
    width: 30px;
    right: 30px;
    bottom: 30px;
  }
  .fluid_container{display: none;}

.mobile_banner{ width: 100%; height: 400px; overflow: hidden;  background: url(../images/5.jpg) no-repeat center center;
 background-size: cover; text-align: center; position: relative; display: block; z-index: 0;}
 .mobile_banner:after{position: absolute; width: 100%; height: 100%; background:#000;	opacity: .5; content:"";display:block; 
 z-index: 1; top: 0;}
.mob-con{top:47%;position: absolute; z-index: 9996; text-align: center; width: 100%}
 .mobile_banner  h2{color: #fff; font-size: 32px; margin-bottom: 10px; font-family: 'Montserrat',sans-serif; font-weight: 600; 

text-transform: uppercase; }
.mobile_banner h5{ color: #fff; font-size: 15px; margin-bottom: 20px; font-family: 'Montserrat',sans-serif; font-weight: 500;}
.mobile_banner a{ color: #fff; background: none; border: 3px solid #fff; padding: 5px 10px;transition: all .6s ease;
text-transform: uppercase; letter-spacing: 2px; }
.mobile_banner a:hover{background: #0092D7; border:3px solid #0092D7; }
 
#ninja-slider {
    width:75% !important;
}
#thumbnail-slider {    
}

.slider-test{width: auto !important;}

}

@media (max-width: 992px){
.page-section{ padding: 50px 0; }

.top_loction{float: none; text-align: center; display: flex; justify-content: center; margin-top: 2px;}
.top-social-icon{float: none; text-align: center; display: flex; justify-content: center;}
.pages-2  .botbar .logo { top: 15px;}
.pages-2  .m_btn{padding-top: 30px;}

.top-footer ul li{ padding-right: 20px;}
.top-footer ul li ul li a{font-size: 14px;}
.abt-lt{width: 40%}
.abt-rt1{ width: 60%; }
  .abt-rt2{width: 100% !important; padding-top: 20px;}
.slider ul li {width:50%;}.innerpage_banner{height: 200px;}
 .innerpage_banner h1{padding-top: 70px;}
 .col1{ width:50%;  }
	.profile p span{ font-size: 12px;}
	
}

@media (max-width: 767px){
.page-section{ padding: 30px 0; }
	body{font-size: 14px;}
h1{font-size: 20px; }
h2{ font-size: 18px;}
h3{ font-size: 16px; }
h4{ font-size: 15px; }
h5{ font-size: 14px; }
h6{ font-size: 13px; }
h2:after{margin-top: 8px;}

.top-footer ul li{ width: 100%; padding-right: 0px; padding-bottom: 20px; }
.top-footer ul li:last-child{padding-right: 0px; padding-bottom: 0px;}
.top-footer ul li ul li{ padding-bottom: 0px; }
.top-footer h4{color: #fff; margin-bottom: 15px;padding-bottom: 10px; position: relative; font-size: 18px;}
.top-footer h4:after{position: absolute;width: 50px; background:#33434a ; height: 3px; content:"";display:block; z-index: 2; 
margin-top: 10px;}
.bot-footer{font-size: 11px;}
.top-footer1 ul li{  width: 100%; }
.top-footer ul li{ width: 100%; }
.top-footer1 p{font-size: 14px;}
.cd-top {
    right: 20px;
    bottom: 20px;
  }
.abt-lt{display: none;}
.abt-rt1{ width: 100%; }
  .abt-rt2{width: 100% !important; padding-top:5px;}
   
  .section-head h2 {
    margin-bottom: 10px;
}
.ab-fl{width: 100%}
.testi ul{margin: 10px 0;}
.testi ul li{padding:0 0 10px 0; width: 100%}
.testimonial-text {
    padding: 5px;
}
.testimonial-3 .quote-left:before, .testimonial-grid-3 .quote-left:before {
    font-size: 30px;
}
a.more{margin-top: 15px; padding: 3px 5px; font-size: 13px;}
.slider ul li {width:50%;}

.call-action{padding: 10px 0; }
.call-lt{float: none; width: 100%; padding-right: 0px; text-align: center;}
.call-rt{float: none; width: 100%; padding-left: 0px; text-align: center;}

.mobile_banner{ height: 350px; }
 

.mob-con{top:60%;position: absolute; z-index: 9996; text-align: center; width: 100%}
 .mobile_banner  h2{ font-size: 18px; margin-bottom: 10px;}
.mobile_banner h5{font-size: 13px; margin-bottom: 15px;}
.mobile_banner a{  border: 1px solid #fff; padding: 2px 5px; font-size: 10px; }
.mobile_banner a:hover{ border:1px solid #0092D7; }

.innerpage_banner{height: 130px;}
 .innerpage_banner h1{padding-top: 45px; font-size: 18px;}
 .breadcrumbs li{font-size: 12px;}

.col1{ float:none;width:100%;margin-bottom:15px; height:auto;   }
	.image { height:auto; }
	.overlay_text h3{ font-size:13px;height:25px; white-space:nowrap; text-overflow:ellipsis; }
	.overlay_text p{ font-size:11px; max-height:70px; }
	.overlay_text{ top:25%;}
.profile,.feedback{width: 100%; padding-right: 0px;}
.profile p span{ font-size: 13px;}

.testi2 ul li{ padding: 10px;}

#thumbnail-slider { display: none !important;
}
#ninja-slider {width: 100% !important;}
#thumbs2 {height: 700px !important}

}

@media (max-width: 520px){
	.top_loction ul li:first-child{display: none;}
	.top_loction ul li{ float: none;margin:0; }
	.top_loction ul li:last-child{padding-top: 5px;}

	.pages-2  .botbar .logo { top: 10px;}
	.pages-2  .m_btn{padding-top: 25px;}
.slider ul li {width:100%;}
.client-list h4 img{max-width: 200px; text-align: center;}

.col1,.image{ height:auto;}

}