@media (min-width:280px) and (max-width:1200px){
.container{width: 98% !important;}
.SecServices button.slick-next{right: -10px;}
.SecServices button.slick-prev{left: -5px;}
.BlogMainSingle img {
    width: 100%;
    height: initial;
    margin: 20px 0 20px;
}
.ServiceMain li {
    width: 30%;
}
.SliderArea button.slick-arrow{display:none !important;}
#wprmenu_menu_ul{ width: 100%;}
.popup-main {
    width: 96%;
}
.SliderArea a.req-btn{display:none !important;}
.request-form-main {
    width: 100%;
}
img.girl {
    display: none;
}
}
@media (min-width:280px) and (max-width:1024px){
header.header-main{padding:  14px 0 0;}
header.header-main .col-md-3 , header.header-main .col-md-9 {
width:  100%;text-align:  center;float:  none;}
header nav ul{float:  none;}	
.Slider-content-main .Slider-content{text-align:center;}
.SliderArea a.req-btn{margin: 15px auto 0;}
.SecTestimonials button.slick-arrow,
.SecServices button.slick-arrow{display:none !important;}
.SecAboutMore{height: initial;padding: 50px 0;}
.AboutText{font-size:18px;}
.ServiceMain li{width:30%;}
.TestimonialMain li .col-md-11 , .TestimonialMain li .col-md-1 {width:  100%;
 text-align:  center;float:  none;   padding:  0;}
.TestimonialMain li .cont p:after{display:none;}
.contact-main form li{width: 100%;margin: 15px 0 0 !important;}
.contact-main form li.textarea{margin:15px 0 0 !important;}
    
    

}

@media (min-width:280px) and (max-width:980px){
.contact-main h2 br{content:"";}
header nav{display:none;}
.banner, .banner .container{height: 250px;}
.banner h4{font-size:30px;}
.SecAboutMore{background:#FFF;}
.SecTestimonials .testimonials-main{width: 100%;}
.SecTestimonials{height:initial;}
.SecTestimonials li img{width: initial;margin: 0 auto;}
.SecTestimonials ul{margin: 15px auto 0;width: 100%; text-align: center;}
.SliderArea h2{font-size: 20px;}
.SliderArea h5{font-size:22px;}
footer .mobnone {
    display: none;
}  
.footer-top .col-md-3, .col-md-4 {
    width: 50% !important;
    float: left;
} 
.BlogMain li img {
    width: 400px;
    height: initial;
    margin: 0 auto 20px;
    display: block;
}
.BlogMain ul {
    text-align:  center;
}

.BlogMain li a {
    display:  block;
    margin: 20px auto 0;
}
.BlogMain li {
    margin: 20px 0;
}
.SecTestimonials li .col-md-4 , .SecTestimonials li .col-md-8 {
    width: 100% !important;
    display: inline-block;
}

.SecTestimonials li .col-md-8 {
    margin:  20px 0 0;
}
.ServiceMain li {
    width: 30%;
    margin: 10px;
}

.WhatWeDoDetail .SingleImg:after {
    display:  none;
}
.WhatWeDoDetail .SingleImg {
    width: 500px;
    height: initial;
    position: relative;
    margin: 20px auto;
}

}

@media (min-width:280px) and (max-width:800px){
.AboutText{font-size: 15px;}
 .map{   clip-path: none; }
 .map figure figcaption var strong {
    position: absolute;
 
    left: -66px;
    top: -58px;
    margin: 0 auto;
}
.ServiceMain li {
    width: 45%;
}
.SecCallBg {
    display:  none;
}

.map {
    display: initial;
}


}

@media (min-width:280px) and (max-width:680px){
.contact-main{padding:40px 0 80px;}	
.footer-top .col-md-3, .col-md-4 {
    width: 100% !important;
    float: none;
    margin: 30px 0 0;
}
.SliderArea button.slick-arrow{display:none !important;}	
.footer-top {
    padding: 0 0 30px;
}
.ServiceMain li {
    width: 43%;
}

.SliderArea,.SliderArea .slide-item {
    height:  400px !important;
    clip-path: none;
    -webkit-clip-path: none;
}

.SliderArea .slide-item {
    background-attachment: initial !important;
}


.AboutMain h2 {
    font-size: 22px;
    padding: 0 0 10px;
}

.AboutMain h2:after , .AboutMain h2:before {
    display:  none;
}

.AboutMain p {
    padding: 12px 0 0;
}

.about-img-main {
    width:  100%;
    display: inline-block;
}

.about-img-main:after {
    display:  none;
}

.AboutMain {
    padding:  40px 0;
}

.AboutMain .whychoose {
    margin: 20px 0 0;
}
.about-img-main {
    margin: 20px 0 0;
}
.SecAboutMore {
    padding: 40px 0;
}
.AboutMain h2 {
    font-size: 16px;
    padding: 0;
}
.request-form-main form li {
    width: 100%;
    float: none;
    display: inline-block;
    padding: 10px;
}
.request-form-main h2 {
    font-size:  20px;
    padding:  0 0 3px;
}

.request-form-main h4 {
    font-size:  14px;
    padding: 0 0 3px;
}

.request-form-main p {
    font-size:  13px;
    padding:  0;
}
.request-form-main {
    width: 100%;
    padding: 20px 0;
}
}

@media (min-width:280px) and (max-width:600px){

.AboutText {

padding: 8% 0 0;

height:  initial;

padding:  20px 0;
}

#mg-wprm-wrap.cbp-spmenu-right, #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right.custom, #mg-wprm-wrap.cbp-spmenu-left.custom, .cbp-spmenu-vertical {
    width: 100% !important;
    max-width: 100% !important;
    z-index: 9999999999999 !important;
}

.WhatWeDoDetail .SingleImg {
    width: 100%;
    height: initial;
    margin: 20px 0 10px;
}
.WhatWeDoDetail .SingleImg:before {
    display: none;
}

}

@media (min-width:280px) and (max-width:500px){
.SliderArea p{ font-size: 14px; text-transform: capitalize;	}   
.contact-main h2 {
    font-size: 22px;
    padding: 0 0 10px;
}
.map figure figcaption var strong {
    display: none;
}
.map figure figcaption {
    width: 96%;
    left: 0;
    right: 0;
    margin: 0 auto;
}    
	.BlogMain li p {
    font-size: 13px;
    line-height: 20px;
}
.BlogMain {
    padding: 30px 0;
}
.BlogMainSingle p {
    font-size: 14px;
    line-height: 20px;
}
.BlogMainSingle h2 {
    font-size: 25px;
}
.BlogMainSingle {
    padding: 40px 0;
}
.BlogMainSingle h2:before , .BlogMainSingle h2:after{display:none;}
.TestimonialMain h2 {
    font-size:  25px;
}

.TestimonialMain h2:after , .TestimonialMain h2:before {
    display:  none;
}
.TestimonialMain{padding:40px 0;}
.TestimonialMain li .cont p{font-size:14px; line-height:20px; padding:13px 0 0;}
.ServiceMain li {
    width: 100%;
    margin: 10px 0;
}
.ServiceMain h2:after, .ServiceMain h2:before {
    display: none;
}
.ServiceMain{padding:40px 0;}
.ServiceMain li .ser-image{height:initial;}

.ServiceMain li .ser-image {
    height: 300px;
}

.banner, .banner .container {
    height: 200px;
}
.banner h4 {
    font-size: 20px;
}

.SliderArea, .SliderArea .slide-item {
    height: 400px !important;
}

.SecAbout h2 {
    font-size:  22px;
    line-height: 20px;
}

.SecAbout p {
    font-size:  14px;
    line-height: 20px;
}

.SecServices h2 {
    font-size:  20px;
}

.SecAboutMore h2 {
    font-size:  20px;
    padding:  0 0 10px;
}

.SecAboutMore p {
    font-size:  14px;
    line-height: 20px;
}

.SecBlogs h2 {
    font-size:  20px;
}

.SecBlogs {
    padding: 40px 0;
}

.SecBlogs li h5 {
    font-size:  15px;
    padding: 0;
    margin:  0;
}

.SecTestimonials h2 {
    font-size: 20px;
}

.SecTestimonials li h5 {
    font-size:  20px;
}

.SecTestimonials li p {
    font-size:  14px;
}
}


@media (min-width:280px) and (max-width:400px){
    .ServiceMain h2 {
    font-size: 20px;
    padding: 0;
}
.contact-main h2 {
    font-size: 18px;
}
.contact-main p {
    font-size: 13px;
    line-height: 20px;
}	
.ServiceMain li .ser-image {
    height: 260px;
}	
.request-form-main h2 {
    font-size: 15px;
}

.SliderArea h5 {
    font-size: 18px;
}
.SliderArea h2 {
    font-size: 16px;
}
}