@media(max-width:1920px) {
      .home-banner .white-box {
        width: 117%;
    }
}

@media (max-width: 1680px) {
    .home-banner .home-content {  width: 795px;  }
    .home-banner .image-box::after {  width: 50%;  right: -17px; }
       .home-banner .home-card-image {
        width: 100%;
        position: relative;
        right: -157px;
        top: 10px;
    }
       .home-banner {
        background-position: left;
        height: calc(113vh - 189px);
    }
   .home-banner .white-box { width: 107%; }
   .banner-pading {padding-top: 32px;  padding-bottom: 37px;
}
}

@media (max-width: 1520px) {
      .home-banner {
        background-position: left;
        height: calc(134vh - 230px);
    }
    /* .home-banner .home-card-image { width: 43%; right: 14px;   top: 30px; } */
}

@media (max-width: 1440px) {
    .home-banner {  background-position: left; height: calc(100vh - 185px); }
    .blue-button {  padding: 10px 37px;}
    /* .home-banner .home-card-image { width: 44%; top: -1px; right: -27px;} */
    .home-banner .image-box::after {  width: 45%;  right: -26px;  top: 64px;}
     .home-banner .home-content {  width: 749px;}
}

@media(max-width:1366px) {
    .service-subcategory { gap: 11px;}
        .home-banner {
        background-position: left;
        height: calc(100vh - 119px);
    }
    .analysis .gray-box {  padding: 11px 18px;}
    .blue-button {  padding: 10px 57px;}
}

@media(max-width:1280px) {
    .padding-inline { padding-inline: 4em; }
    .home-banner .white-box {  width: 79%;   padding: 13px;}
    .home-banner h1 { font-size: 39px;}
    .home-banner .para-width {width: 588px;}
    .home-content p,  .home-content .fs-18 {font-size: 14px;}
     .home-banner .home-card-image { width: 100%;  position: unset; }
     .blue-button {
    padding: 10px 50px;
}
}

@media(max-width:1024px) {
    .home-banner h1 { font-size: 48px;}
    /* .home-banner .white-box { width: 100%;} */
    .home-banner .home-card-image { width: 100%;  position: unset; }
        .home-banner .white-box {
        width: 76%;
    }
     .professional-drop-down{
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate3d(1px, 172px, 0px);
}
}

@media(max-width:991px) {
    .footer .input-box input[type="submit"] { margin-left: -21px;}
        .home-banner .home-card-image { width: 100%; position: unset !important;  height: auto;}
        .home-banner {height: auto;}
   .home-banner .white-box {
        width: 80%;
    }
/* 
    .mega_menu-responsive {
    transform: translate3d(32px, 168px, 0px) !important;
} */
     .nav.flex-column {
        flex-direction: row !important;
        overflow-x: auto;
        white-space: nowrap;
    }
       .mega_menu .mega_menu_tabs {
        font-size: 14px;
        border: 1px solid gray;
    }
}



@media(max-width:800px) {
    .blue-button {  padding: 10px 53px;}
    .footer .input-box input[type="submit"] { padding: 8px 19px;}
    .footer .input-box { padding: 9px 8px 9px 7px;}
    /* .home-banner .home-card-image {  width: 55%; top: 26%;  right: 175px;  margin: auto;} */
    .home-banner h1 { font-size: 44px;}
    .home-banner .para-width {  width: 626px;}
    .home-banner .home-content { width: 523px;}
}

@media(max-width:767px) {
    
    .home-banner .para-width { width: 555px;}
    .home-banner h1 { font-size: 37px;}
    /* .home-banner .home-card-image { width: 60%; top: 30%; right: 125px; margin: auto;} */

    .mega_menu .dropdown-menu {
    background-color: var(--white);
    border-top: 1px solid var(--border-color);
    z-index: 9999999;
    overflow-y: scroll;
    height: 400px;
}

       .mega_menu .mega_menu_tabs {
        font-size: 11px;
        border: 1px solid gray;
    }
    .mega_menu .tab-content .tab-pane .category-box {  font-size: 12px;}
 
}

@media(max-width:600px) {
    .service .fs-34 {font-size: 27px;}
    .padding-inline {padding-inline: 2em;}
    .home-banner .para-width { width: 462px; }
    .home-banner h1 {  font-size: 32px;}
    .home-banner .white-box {  width: 87%;}
    /* .home-banner .home-card-image {width: 83%; top: 30%; right: 28px; margin: auto;} */
    .professional .fs-34 {font-size: 21px;}
    .privacy-policy { padding-inline: 20px;}
    .consumers h3 {font-size: 35px;}
    .home-content p, .home-content .fs-18 {  font-size: 13px; max-width: 400px;}
    .category-swipper .swiper-button-prev {
    left: 15rem;
    top: 27em;
}
.category-swipper .swiper-button-next {
    right: 16rem;
    top: 27em;
}
    /* .mega_menu-responsive {
        transform: translate3d(11px, 185px, 0px) !important;
    } */

    body .professional-drop-down{
            position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate3d(2px, 180.5px, 0px);

    }
    
}

@media(max-width:480px) {
    .service .service-tab { min-width: 190px;}
    .search-bar { width: 392px;}
    .home-banner .para-width {width: 440px;}
    .home-banner .white-box {width: 74%;}
    /* .home-banner .home-card-image {width: 88%;top: 33%;right: 18px; margin: auto;} */
    .consumers h3 { font-size: 30px;}
    .privacy-policy .fs-34 {font-size: 30px;}
 
        .category-swipper .swiper-button-prev {
        left: 13rem;
        top: 27em;
    }
      .category-swipper .swiper-button-next {
        right: 12rem;
        top: 27em;
    }
    .home-content p, .home-content .fs-18 {  font-size: 13px; max-width: 350px;}
        .home-banner .para-width {
        width: 400px;
    }
}

@media(max-width:414px) {
    .service .service-tab { min-width: 172px; }
    .home-banner .white-box { width: 68%;}
    .category-swipper .swiper-button-prev
 {
        left:11rem;
        top: 27em;
    }     .category-swipper .swiper-button-next {
        left: 15rem;
        top: 27em;
    }
}

@media(max-width:375px) {
       .home-banner .para-width { width: 300px;}
       .profrssional-img { height: 400px;}

}

@media(max-width:320px) {
/* 
    .category-swipper .swiper-button-next { right: 108px;top: 31em;}
    .category-swipper .swiper-button-prev { left: 108px; top: 31em;} */
}
/* 
@media only screen and (min-width: 992px) {
    .mega_menu .dropdown-menu { width: 100%;}
    .dropdown.mega_menu:hover .dropdown-menu { display: flex; }
    .mega_menu .dropdown-menu.show {  display: flex;}


} */