@media screen and (max-width: 3789px) and (min-width: 2526px) {
  
}
@media screen and (max-width: 2508px) and (min-width: 1929px) {
 
}
@media screen and (max-width:1399px) and (min-width:992px){
    .header-btns {
    margin-right: 21px;
}
.hero-section {
    height: 100vh;
}
.main_logo a img {
    width: 150px;
    height: 150px;
    max-width: unset !important;
}
.main_menu .menu li a {
    font-size: 15px;
}
.main_menu li:not(:last-child) {
    margin-right: 17px;
}
.main_menu li:not(:first-child) {
    margin-right: 17px;
}
.main_menu li:not(:first-child) {
    margin-right: 17px;
}
}
@media screen and (max-width:1200px) and (min-width:992px){
    .cont-btn a {
    font-size: 16px;
}
  .main_logo a img {
    /* width: 114px; */
  
}
.main_menu li:not(:first-child) {
    margin-right: 20px;
}
.main_menu li:not(:first-child) {
    margin-right: 10px;
}
    .main_menu .menu li a {
    font-size: 14px;
}
.customer-slider .class-to-style.slick-arrow {
    right: 167%;
    left: unset;
}
.about-left {
    float: left;
    width: 50%;
    padding-top: 82px;
    padding-left: 61px;
    padding-right: 30px;
}
.title h4 {
    font-size: 36px;
}
}


@media screen and (min-width: 992px) {
.mobile-view {
    display: none;
}
  button.sub-menu-toggle {display: none;}
  .menu-back,.menu > li > .toggle-submenu {display: none;}
  .navigation-open,.navigation-close {display: none;}
  .main_menu .menu {display: flex;list-style: none;}
  .main_menu .menu li {position: relative;}
  .main_menu .menu li:last-child {margin-right: 0;}
  .main_menu .menu li {position: relative;}
  .sub-menu {background-color: #424244;display: none;position: absolute;top: 90%;left: 0;z-index: 9;border-radius: 0;}
.menu li:hover .sub-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    width: 184px !important;
    padding: 0;
    left: -33px;
}
  .sub-menu li {position: relative;}
  .sub-menu > li {margin: 0px !important;}
  .sub-menu > li {flex: 0 0 50%;}
  .sub-menu li > a {
    display: flex;
    padding: 11px 15px;
    align-items: center;
    border-bottom: 1px solid #fff !important;
    width: 100%;
    border-bottom: 0;
    font-size: 19px;color: #fff !important;
}
.sub-menu li > a:hover {
    background-color: #17b890;
    color: #fff !important;
    text-decoration: none;
}
.sub-menu li > a {
    color: #fff !important;
    /* font-size: 14px !important; */
}
  .sub-menu > li:first-child {display: none;}
  .sub-menu > a {display: none !important;}
  .second-sub_menu {display: none !important;}
  .sub-menu > li:hover .second-sub_menu {display: block !important;left: 100%;top: 0;}
  .sub-menu .has-sub .icon-submenu {right: 26px;top: 50%;}
  .sub-menu .has-sub .icon-submenu::before{color: #fff;}
  .sub-menu .has-sub:hover .icon-submenu::before {color:#fff;}
  .sub-menu li:last-child > a {
    border-bottom: 0px !important;
}
.service-inner.inspection-inner-estimate .row {
    flex-direction: row-reverse;
    align-items: center;
} 
.works .about-left {
    padding-left: 25px;
    padding-right: 100px;
}
.main_menu,.cont-btn {
    margin-bottom: -26px;
}
}
@media screen and (max-width: 991px) {
 .header-phone a {
    font-size:0 !important;
}
 .desktop-view {
    display: none;
}
/*header-start*/

 .sidebar_sub_menus .sub-menu {
    top: 179px !important;
}
.icon-submenu {
    position: absolute;
    top: 50%;
    right: 62px;
    transform: translate(-50%, -50%);
    margin-top: -8px;
}
.main_menu .menu li.active a {color: #9e2a2b;/* border-bottom: 2px solid; */}
  li.active.has-sub ul.sub-menu a{font-size: 15px}
  button.sub-menu-toggle {display: none;}

  .navigation-open span {display: block;width: 24px;height: 3px;background: #fff;margin: 0 auto;position: relative;pointer-events: none;-moz-transition: all 0s ease 0.25s;-ms-transition: all 0s ease 0.25s;-o-transition: all 0s ease 0.25s;-o-transition: all 0s ease 0.25s;-webkit-transition: all 0s ease 0.25s;transition: all 0s ease 0.25s;}
  .navigation-open span:before,
  .navigation-open span:after {content: "";display: block;width: 100%;height: 100%;background: #fff;position: absolute;left: 0;top: -7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
  .navigation-open span:after {top: 7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
  .navigation ul {padding: 0;list-style-type: none;margin: 0;}
  .navigation ul.menu {font-size: 16px;font-weight: 500;z-index: 6;text-align: left;width: 100%;flex-direction: column;}
.navigation {z-index: 999;position: fixed;top: 0;left: 100%;width: 278PX;height: 100%;overflow: auto;background: #fff;-webkit-overflow-scrolling: touch;display: block !important;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;padding: 70px 0;}
  .menu-back {border: none;width: 100%;height: 40px;background: none;color: #fff;font-size: 24px;font-weight: 500;padding: 0;font-family: inherit;text-align: left;background-color: transparent;width: fit-content;padding: 0.5rem 0;height: auto;display: none;}
  .menu-back:before {content: "\f106";font-family: "FontAwesome";color: var(--highlights);font-size: 24px;display: inline-block;vertical-align: middle;margin: -5px 8px 0 0;}
  .theme-header:after {content: "";display: block;position: fixed;left: 0;right: 0;top: 0;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 9;cursor: pointer;transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);-webkit-transform: translateX(100%);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
  body.menu-action .theme-header:after {transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;}
 body.menu-action .navigation {margin-left: -275px;}
  body.menu-action {position: fixed;top: 0;left: 0;height: 100vh !important;width: 100%;overflow: hidden;max-height: 100vh !important;}
  .navigation ul.menu li {
    position: relative;
    border-bottom: 1px solid #010101;
    padding: 0;
    margin-right: 0;
}

  .navigation ul.menu li:before {display: none;}
  .navigation ul.menu > li {width: 100%;margin: 0 !important;padding: 0;}
  .navigation ul.menu > li:before {display: none;}
 .navigation ul.menu li a {
    padding: 12px 24px;
    font-weight: 400;
    display: block;
    letter-spacing: 1px;
    text-align: left;
    border: none;
    font-size: 20px;
}
  .toggle-submenu {display: block;position: absolute;right: 0;top: 0px;display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background-color: transparent;}
  .toggle-submenu:before, .toggle-submenu:after {
    position: absolute;
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    font-weight: bold;
    top: 14px;
    color: #000;
    line-height: 14px;
}
  .toggle-submenu:after {opacity: 0;}
  .navigation ul.menu li.selected > a {color: #151515;}
  .navigation ul.menu li.selected > .toggle-submenu:after {opacity: 1;}
  .navigation ul.menu li ul {-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;width: 100%;overflow: scroll;-webkit-overflow-scrolling: touch;padding: 0;position: unset;display: none;}
  .second-sub_menu {background: #373737 !important;}
  .icon-submenu {display: none !important;}
  .navigation ul.menu li ul.show {margin-right: 0;display: block;}
  span.toggle-submenu.open::before {content: "\f106";}
  .navigation ul.menu li .device-toggle {position: absolute;width: 39px;height: 39px;left: 0;top: 0;cursor: pointer;}
  .navigation ul.menu li .device-toggle:before,
  .navigation ul.menu li .device-toggle:after {content: "";display: block;height: 3px;width: 15px;position: absolute;left: 12px;top: 18px;background: #333;}
  .navigation ul.menu li .device-toggle:after {width: 3px;height: 15px;top: 12px;left: 18px;}
  .navigation ul.menu li.selected > .device-toggle:before,
  .navigation ul.menu li.selected > .device-toggle:after {background: #660460;}
  .navigation ul.menu li .device-toggle.in:after {-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
  .navigation ul.menu .sub-menu .inner-sub li > a {padding-left: 55px;}
  .navigation ul.menu li .inner-sub .device-toggle {left: 0;}
  .navigation ul.menu.no-sub li a {padding-left: 15px;}
  .megamenu_img {display: none;}
  .navigation ul.menu li.has-sub.megamenu .sub-menu {display: block !important;}
  .navigation ul.menu li.has-sub .mega_menu {display: none;}
.navigation-open:before {opacity: 1;-moz-transition: opacity 0.5s ease;-ms-transition: opacity 0.5s ease;-o-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
  body.menu-action .navigation-open:before {opacity: 0;}
  .navigation ul.menu li .device-toggle {position: absolute;width: 26px;height: 30px;left: 0;top: 0;cursor: pointer;}
  .navigation ul.menu li .device-toggle:before,.navigation ul.menu li .device-toggle:after {content: "";display: block;height: 2px;width: 12px;position: absolute;left: 7px;top: 14px;background: #606060;}
  .navigation ul.menu li .device-toggle:after {width: 2px;height: 12px;left: 12px;top: 9px;}
  .navigation ul.menu .sub-menu .inner-sub li > a {padding-left: 44px;}
.navigation-close {
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    vertical-align: middle;
    z-index: 11;
    width: 20px;
    height: 17px;
    background: none;
    border: none;
    background: #c51c31;
    width: 30px;
    height: 30px;
}
  .navigation-close:before, .navigation-close:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
  .navigation-close:after {-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
  body.menu-action header:after {transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;}
  .navigation ul.menu li > a span.menu_count {color: #0070b2;margin-right: 10px;}

  .navigation-open span:before,
  .navigation-open span:after {content: "";display: block;width: 100%;height: 100%;background:#fff;position: absolute;left: 0;top: -7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
  .navigation-open span:after {top: 7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
.navigation-open {
    padding: 1px;
    position: relative;
    vertical-align: middle;
    z-index: 1;
    width: 50px;
    height: 45px;
    border-radius: 2px;
    background: #c51c31;
    border: 2px solid #c51c31;
    color: #fff;
}
.menu-img img{margin-left: 20px !important;  padding-top: 10px;}
.close-icon {
    right: 48px;
}

.overlay button {
    width: 24%;
}
.main_logo a {
    justify-content: start;
}
header .cont-btn {
    margin-left: 0;
    margin-top: 0;
}
/* header-end*/

.about-left {
    padding-top: 61px;
    padding-left: 40px;
    padding-right: 24px;
    margin-bottom: 13px;
}
.title h4 {
    font-size: 29px;
}
.title h3 {
    font-size: 23px;
}
.lern-btn {
    margin-top: 20px;
}
.about-right img {
    height: 500px;
}
.works .title h4 {
    font-size: 22px;
}
.customer:before {
    width: 47%;
}
.customer-slider .class-to-style.slick-arrow {
    right: 159%;
    left: unset;
}
.customer-info {
    width: 54%;
    margin-left: 24%;
}
.customer-slider .class-to-style.slick-arrow, .customer-slider .class-style.slick-arrow {

    top: 58%;
}
.footer-bottom {
    display: block;
}
.footer-bottom .divider {
    width: unset;
    height: unset;
    background-color: transparent;
    border-bottom: 1px solid;
    float: left;
    width: 100%;
    margin-bottom: 22px;
    padding-bottom: 12px;
}.hero-section {
    display: block;
    width: 100%;
    height: auto;
}
.footer-copy {
     display: block; 
    text-align: center;
}
.footer-right {
    text-align: center;
}
.about {
    padding: 50px;
}
.works{padding-top: 0px;padding-left: 50px;padding-right: 50px;padding-bottom: 50px}
.about-right img {
    height: auto;
    margin-top: 30px;
}
    .about-detils {
  
    display: block;
}
.about-left,.about-right {
    width: 100%;
}
.about-left {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
.bnner-content h1 {
    font-size: 32px;
}
.breadcrumb {
    font-size: 17px;
}
.separator:before {
    top: 4px;
}
.about.contact-inner-form .about-right img {
    height: auto;
}
.about-img-iner {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
}
.about-img-iner img {
    margin-bottom: 30px;
}
.contactus.contactus-innerpage,#inner-page,.defult_pages_content {
    margin-top: 50px;    margin-bottom: 50px;
}
.search-result-data {
    margin-top: 50px;
}
.search-result-data h1.page-title, .search-result-data h2, .Not_found.text-center h2 {
    font-size: 32px;
}
.search-result-count.default-max-width, p.grey-text, .service-txt p {
    line-height: 22px;
}
.gallery, .inner-service {
    margin: 40px 0px;
}
section.about.contact-inner-form {
    padding: 50px 0px !important;
}
.hero-content h1 {
    font-size: 35px;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100% !important;
}
.single-products {
    margin-top: 50px;
}
}


@media screen and (max-width: 767px){
    .deskmenu {
    width: 89%;
}
.menu-cart {
    margin-left: 0px;
    margin-top: 20px;
}
    .header-phone {
    display: none;
}
    .hero-content h1 {
    font-size: 30px;
}
    .about_us_main p, .service-txt p {
    width: 100%;
    float: left;
    font-size: 18px;
}
    .defult_pages_content span.alignleft, .service-img {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0px;
}
    section.search-result-data ul li {
    font-size: 18px;
    padding: 12px;
}
    .search-result-data h1.page-title, .search-result-data h2, .Not_found.text-center h2 {
    font-size: 22px;
}
    .bnner-content {
    padding-top: 100px;
    padding-bottom: 100px;
}
    .hero-content h1 br{display: none;}
    .hero-section {
    display: block;
    height: auto;
}
.hero-box h3 {
    bottom: unset;
    top: 50%;padding-left: 50px;
}
.customer-detils {
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
}
.customer:before {
    width: 100%;
}
.customer-info {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
}
.custome-box p,.customer-info h3,.custome-box span {
    color: #fff;
}
.customer-slider .class-to-style.slick-arrow, .customer-slider .class-style.slick-arrow{display: none;}
.customer-slider.slick-initialized.slick-slider ul.slick-dots li.slick-active button {
    background-color: #fff;
    border: 1px solid #fff;
}
.map iframe {
    height: 350px;
}
.hero-content {
    left: 50px;
}
.related.products h2,.woocommerce-Tabs-panel h2 {
    font-size: 25px;
}
}
@media screen and (max-width: 575px){
.hero-left img {
    height: 67vh;
}
}


@media screen and (max-width: 474px){
    .title h4 {
    font-size: 25px;
}
.title h3 {
    font-size: 20px;
}
p {
    font-size: 18px;
}
.lern-btn a {
    font-size: 18px;
    padding: 9px 27px;
}
.footer-logo p br{display: none;}
    .about {
    padding: 29px;
}
.hero-content {
    left: 29px;right: 29px;
}
.hero-left img {
    width: 100%;
    height: 67vh;
    object-fit: cover;
}
.works {
    padding-top: 0px;
    padding-left: 29px;
    padding-right: 29px;
    padding-bottom: 29px;
}
.hero-box h3 {
    padding-left: 29px;
}
.cont-btn a {
    font-size: 16px;
    padding: 16px 6px;
}
.navigation-open {
    width: 43px;
    height: 38px;
}
.hero-content h1 {
    font-size: 22px;
}
.main_logo a img {
    width: 95px;
    height: 95px;
    margin-bottom: -36px;
}
}




@media screen and (max-width: 3789px) and (min-width: 2526px) {
.hero-content {
    padding-left: 33%;
}
.about-left {
    padding-left: 26.1%;
}
.works .about-left {
    padding-left: 2%;
    padding-right: 25%;
}
}
@media screen and (max-width: 2525px) and (min-width: 1929px){
.hero-content {
    padding-left: 19%;
}
.about-left {
    padding-left: 18%;
}
.works .about-left {
    padding-left: 2%;
    padding-right: 18%;
}
}
    
@media screen and (max-width: 1928px) and (min-width: 1801px){
.hero-content {
    padding-left: 12%;
}
.about-left {
    padding-left: 14%;
}
.works .about-left {
    padding-left: 2%;
    padding-right: 15%;
}
}
@media screen and (max-width: 1800px) and (min-width: 1688px){
.hero-content {
    padding-left: 7.9%;
}
.about-left {
    padding-left: 12%;
}
.works .about-left {
    padding-left: 2%;
    padding-right: 13%;
}
}