@charset "utf-8";
/* CSS Document */



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

@media only screen and (min-width:768px) and (max-width: 990px){

}

@media only screen and (max-width:991px){
.header-main-area .header-nav {margin: 0;}
.header-main-area .header-info {justify-content: end;}
.hm-info {background-size: cover;}
.hm-choose .media-body  { padding: 0;}
.hm-services .col-grid { display: grid; grid-template-columns: repeat(2, 1fr);}
.hm-services .entry-overlay {padding: 10px 20px;}
.hm-cta {text-align: center;}
.hm-cta p {margin-bottom: 20px;}
.hm-cta .media-btn { text-align: center;}
.hm-seework .media-body { margin-bottom: 25px;}
.hm-seework .media-grid {grid-template-columns: repeat(2, 1fr);}
.mbm-10 {margin-bottom: 10px;}
/*.mb-20 {margin-bottom: 0;}*/
.hm-freestimate .media-body {padding: 3rem;}
.hm-freestimate .section-heading h2 {font-size: 30px; line-height: 40px; }
.header-main-area .stellarnav ul li {margin-right: 0px;}
.stellarnav.mobile>ul>li>a {display: block;}
.abt-chose .col-item {margin-bottom: 15px;}
footer .footer-widget { margin-bottom: 20px;}
.abt-chose {background-size: cover;}
.abt-exp .media-body {padding-right: 0; margin-bottom: 20px;}
.abt-exp .media-figure figure:first-child {grid-column: 1;}
.site-footer .footer-widget {margin-bottom: 20px;}
.site-footer .footer-logo {margin-bottom: 1rem;}
.abt-info .media-body {padding: 0;}
.hm-info .media-body {clip-path:polygon(0% 0, 100% 0, 100% 100%, 0 100%); padding: 4rem 1rem;}
.hm-choose .entry-post {margin-bottom: 20px;}
.main-banner .banner-title  {font-size: 32px; line-height: 40px;}
.main-banner .banner-txt h6 {margin-bottom: 2rem;}
.hm-abt .media-body {padding-right: 0;margin-bottom: 30px;}
.hm-choose figure img {width: 100%;}
.abt-info figure img {width: 100%; height: auto;}
.abt-info figure {height: auto; margin-bottom: 20px;}
.service-list .media-body {padding-right: 0px;}
.service-page figure {width: 100%;}
.service-list .flex-row-reverse .media-body { padding-right: 0; padding-left: 0rem;}
.service-list figure img {width: 100%; height: auto;}
.inner-banner .banner-title {font-size: 35px; line-height: 40px;}
.contact-page .form-info {max-width: 100%;}
.hm-faq .media-body1 {margin-top: 15px;}
.site-wrapper {width: 100%; overflow-x: hidden;}


}



@media only screen and (max-width:767px){
.hm-seework .media-grid, .hm-services .col-grid { display: grid; grid-template-columns: repeat(1, 1fr);}
.inner-banner .banner-title {font-size: 35px;}
.hm-info .section-heading h3,.section-heading h3, .hm-services .section-heading h2 {line-height: 35px; font-size: 28px;}
.service-list .media-body {margin-bottom: 20px;}
.Global-topbar p {padding: 0 15px;}
.main-banner .banner-req .media-btn {padding-right: 0;}
.hm-services .col-grid .entry-post {margin-bottom: 15px;}
.hm-seework figure img {height: 100%;}
.abt-info .section-list .list-info {width: 100%; max-width: 100%; margin-bottom: 20px;}
.abt-info .section-list .list-info:last-child {width: 100%; max-width: 100%;}
.abt-info .section-list {flex-direction: column;}
.abt-exp .media-figure {grid-template-columns: repeat(1, 1fr);}


}

@media only screen and (max-width: 576px){
.main-banner .banner-req {flex-direction: column;}
.main-banner .banner-req .media-btn { margin-bottom: 15px;}

}




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

}

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

}