/* Banner Media Queries */

@media only screen and (min-width: 1200px) and (max-width: 1250px) {
    .banner-image-box {
        mask-size: 100% 98%;
    }
}

@media only screen and (min-width: 1251px) and (max-width: 1300px) {
    .banner-image-box {
        mask-size: 100% 102%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1350px) {
    .banner-image-box {
        mask-size: 100% 106%;
    }
}

@media only screen and (min-width: 1351px) and (max-width: 1400px) {
    .banner-image-box {
        mask-size: 100% 110%;
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1450px) {
    .banner-image-box {
        mask-size: 100% 108%;
    }
}

@media only screen and (min-width: 1451px) and (max-width: 1500px) {
    .banner-image-box {
        mask-size: 100% 108%;
    }
}

@media only screen and (min-width: 1501px) and (max-width: 1550px) {
    .banner-image-box {
        mask-size: 100% 113%;
    }
}

@media only screen and (min-width: 1551px) and (max-width: 1600px) {
    .banner-image-box {
        mask-size: 100% 95%;
    }
}

@media only screen and (min-width: 1601px) and (max-width: 1650px) {
    .banner-image-box {
        mask-size: 100% 95%;
    }
}

@media only screen and (min-width: 1651px) and (max-width: 1700px) {
    .banner-image-box {
        mask-size: 100% 98%;
    }
}

@media only screen and (min-width: 1701px) and (max-width: 1750px) {
    .banner-image-box {
        mask-size: 100% 101%;
    }
}

@media only screen and (min-width: 1751px) and (max-width: 1800px) {
    .banner-image-box {
        mask-size: 100% 104%;
    }
}

@media only screen and (min-width: 1801px) and (max-width: 1850px) {
    .banner-image-box {
        mask-size: 100% 107%;
    }
}

@media only screen and (min-width: 1851px) and (max-width: 1900px) {
    .banner-image-box {
        mask-size: 100% 110%;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1950px) {
    .banner-image-box {
        mask-size: 100% 113%;
    }
}

@media only screen and (min-width: 1951px) and (max-width: 2000px) {
    .banner-image-box {
        mask-size: 100% 115%;
    }
}

@media only screen and (min-width: 2001px) and (max-width: 2050px) {
    .banner-image-box {
        mask-size: 100% 118%;
    }
}

@media only screen and (min-width: 2051px) and (max-width: 2100px) {
    .banner-image-box {
        mask-size: 100% 121%;
    }
}

@media only screen and (min-width: 2101px) and (max-width: 2150px) {
    .banner-image-box {
        mask-size: 100% 124%;
    }
}

@media only screen and (min-width: 2151px) and (max-width: 2200px) {
    .banner-image-box {
        mask-size: 100% 128%;
    }
}

@media only screen and (min-width: 2201px) and (max-width: 2250px) {
    .banner-image-box {
        mask-size: 100% 130%;
    }
}

@media only screen and (min-width: 2251px) and (max-width: 2300px) {
    .banner-image-box {
        mask-size: 100% 133%;
    }
}

@media only screen and (min-width: 2301px) and (max-width: 2350px) {
    .banner-image-box {
        mask-size: 100% 136%;
    }
}

@media only screen and (min-width: 2351px) and (max-width: 2400px) {
    .banner-image-box {
        mask-size: 100% 139%;
    }
}

@media only screen and (min-width: 2401px) and (max-width: 2450px) {
    .banner-image-box {
        mask-size: 100% 142%;
    }
}

@media only screen and (min-width: 2451px) and (max-width: 2500px) {
    .banner-image-box {
        mask-size: 100% 145%;
    }
}


/* Banner Media Queries */



@media only screen and (min-width: 1600px) and (max-width: 2500px) {

    .long-sec .container-xxl,
    .long-sec .container-xl,
    .long-sec .container-lg,
    .long-sec .container-md,
    .long-sec .container-sm,
    .long-sec .container {
        max-width: 85vw;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {

    .banner-main-box {
        padding-top: 30px;
    }

    header.long-sec {
        top: 30px;
    }

    img.banner-middle-img {
        height: 407px;
    }

    .menuSec ul {
        gap: 5%;
    }

    ul.banner-left-list {
        margin-top: 50px;
    }

    .main-footer-heading h2 {
        font-size: 100px;
    }

    footer {
        margin-bottom: -40px;
    }

    section.banner-sec {
        margin-top: 10px;
    }


}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

    .banner-main-box {
        padding-top: 20px;
    }

    header.long-sec {
        top: 30px;
    }

    img.banner-middle-img {
        height: 350px;
    }

    .menuSec ul {
        gap: 5%;
    }

    ul.banner-left-list {
        margin-top: 50px;
    }

    .main-footer-heading h2 {
        font-size: 100px;
    }

    footer {
        margin-bottom: -40px;
        padding-top: 50px;
    }

    section.banner-sec {
        margin-top: 10px;
    }

}

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

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

@media only screen and (min-width: 520px) and (max-width: 767px) {


    h1 {
        font-size: 44px;
    }

    h2 {
        font-size: 40px;
        margin: 0 0 10px 0;
    }

    h3 {
        font-size: 35px;
    }

    h4 {
        font-size: 30px;
    }

    p {
        font-size: 15px;
        margin: 0 0 15px 0;
    }


    header.long-sec {
        position: unset;
        background: #d8fd71;
    }

    .banner-main-box {
        padding: 0;
    }

    .banner-top-text {
        padding: 20px 0;
        gap: 10px;
    }

    .horizontal-btns {
        justify-content: center;
    }

    .banner-top-text p {
        font-size: 15px;
        width: 100%;
    }

    .theme-btn {
        font-size: 14px;
        padding: 15px 25px;
    }

    .theme-btn1 {
        font-size: 14px;
        padding-left: 20px;
    }

    .business-slider .slick-slide {
        opacity: 1;
    }

    .business-slider .slide-inactive-overlay {
        opacity: 0;
    }

    .business-slider .slick-slide:not(.slick-center) .business-card-text {
        opacity: 1;
    }

    section.banner-sec {
        background: #46acd3;
        margin: 0;
    }

    img.banner-middle-img {
        height: 350px;
        object-fit: contain;
        padding-bottom: 10px;
    }

    .theme-btn-arrow {
        width: 40px;
        height: 40px;
    }

    .theme-btn-arrow i {
        font-size: 12px;
    }

    ul.banner-left-list {
        margin: 0 auto;
    }

    .banner-left {
        display: flex;
        justify-content: space-between;
    }

    ul.banner-left-list {
        flex-direction: column;
        width: 47%;
        margin: 0;
    }

    ul.banner-left-list * {
        white-space: nowrap;
        align-items: center;
        text-align: center;
    }

    img.banner-left-img {
        width: 100%;
        height: 200px;
    }

    span.money-back {
        /* writing-mode: sideways-rl; */
        padding: 10px 30px;
        margin: 0;
    }

    .banner-right {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 10px 0;
    }

    img.banner-right-img {
        width: 100%;
    }

    .brands-sec {
        padding: 0;
    }

    .banner-bottom .col-lg-4:nth-child(2) {
        order: 3;
    }

    .banner-bottom .col-lg-4:nth-child(1) {
        order: 0;
    }

    .brand-item {
        width: fit-content;
    }

    .brand-marquee-list {
        gap: 30px;
    }

    .brand-marquee-container::before {
        display: none;
    }

    .brand-marquee-container::after {
        display: none;
    }

    .about-left-insights {
        transform: unset;
        top: 10%;
        position: unset;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .about-left {
        padding-right: 0;
        padding-left: 0;
    }


    img.about-img {
        height: auto;
    }

    .white-bar-text {
        position: unset;
        transform: unset;
        margin: 0 auto 10px auto;
    }

    .about-image {
        margin: 20px 0;
    }


    .sec {
        padding: 40px 0;
    }


    .brand-marquee-container {
        padding: 20px 0 0 0;
    }

    .center-heading p {
        width: 100%;
        font-size: 13px;
    }

    .business-slider-arrows {
        width: 100%;
        transform: unset;
        position: unset;
        justify-content: center;
    }

    .business-slider-arrows a {
        transform: unset;
    }

    img.business-card-img {
        height: 330px;
    }

    .slicknav_nav a:hover {
        background: #46acd3;
        color: #fff;
    }

    .business-card {
        gap: 10px;
        margin: 10px;
    }

    .slicknav_menu {
        background: #d8fd71;
        position: relative;
        z-index: 999999999;
    }

    .slicknav_nav a {
        color: #000;
    }

    .price-top {
        padding: 0;
    }

    .price-card {
        margin: 10px 0;
    }

    .emoji-heading h2 {
        font-size: 20px;
        mask-image: unset;
        line-height: 1.5;
    }

    .emoji-heading img {
        width: 22px;
        height: 22px;
    }

    .why-mid {
        margin: 0;
    }

    footer::before {
        height: 100%;
    }

    .why-right-bottom {
        margin: 10px 0;
    }

    .why-right-top {
        margin: 10px 0;
    }

    .why-mid-content {
        padding: 20px 0 0 0;
        text-align: center;
    }

    .why-mid-bottom {
        padding: 0 0 20px 0;
        text-align: center;
    }

    .why-left-content h2 {
        margin: 0;
    }

    img.why-left-img {
        height: 350px;
    }

    .f62 {
        font-size: 52px;
    }

    .f82 {
        font-size: 72px;
    }

    .globe-icon-container {
        margin: 0;
    }

    .why-right-bottom {
        padding: 30px 20px;
        gap: 20px;
    }

    .about-right {
        text-align: center;
    }

    .business-card-text {
        text-align: center;
    }

    .price-top {
        text-align: center;
    }

    .why-left-content {
        text-align: center;
    }

    ul.client-list {
        justify-content: center;
    }

    .testi-card-video video {
        height: 600px;
    }


    .footer-top h2 {
        font-size: 26px;
    }

    .footer-box {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .footer-box a {
        font-size: 16px;
        margin: 0 0 5px 0;
        font-weight: 500;
    }

    img.badge-img {
        display: none;
    }

    .footer-box.right-box * {
        font-size: 16px;
        margin: 0 0 5px 0;
        line-height: 1.2;
        font-weight: 500;
    }

    .footer-bottom {
        padding: 0;
    }

    .footer-bottom p {
        text-align: center;
        margin: 5px 0;
    }

    ul.social-links {
        justify-content: center;
        margin: 5px 0;
    }

    footer {
        padding-top: 50px;
        margin-bottom: -10px;
    }

    .main-footer-heading h2 {
        font-size: 48px;
    }

    .footer-mid {
        background: #fff;
        box-shadow: 0 0 1px 0 #00000070;
        border: 1px solid #000;
        border-radius: 20px;
    }

    .main-footer-heading {
        margin-top: 10px;
    }

    .footer-box p {
        line-height: 1;
    }

    .testi-slider .slick-slide {
        opacity: 1;
    }

    ul.taglist li {
        font-size: 10px;
        padding: 5px 10px;
    }

    .banner-image-box {
        display: none;
    }


}

@media only screen and (min-width: 300px) and (max-width: 519px) {

    h1 {
        font-size: 31px;
    }

    h2 {
        font-size: 35px;
        margin: 0 0 10px 0;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 25px;
    }

    p {
        font-size: 14px;
        margin: 0 0 15px 0;
    }


    header.long-sec {
        position: unset;
        background: #d8fd71;
    }


    .banner-main-box {
        padding: 0;
    }

    .banner-top-text {
        padding: 20px 0;
        gap: 10px;
    }

    .horizontal-btns {
        justify-content: center;
    }

    .banner-top-text p {
        font-size: 14px;
        width: 100%;
    }

    .theme-btn {
        font-size: 12px;
        padding: 15px 25px;
    }

    .theme-btn1 {
        font-size: 12px;
        padding-left: 20px;
    }

    .business-slider .slick-slide {
        opacity: 1;
    }

    .business-slider .slide-inactive-overlay {
        opacity: 0;
    }

    .business-slider .slick-slide:not(.slick-center) .business-card-text {
        opacity: 1;
    }

    section.banner-sec {
        background: #46acd3;
        margin: 0;
    }

    img.banner-middle-img {
        height: 350px;
        object-fit: contain;
        padding-bottom: 10px;
    }

    .theme-btn-arrow {
        width: 35px;
        height: 35px;
    }

    .theme-btn-arrow i {
        font-size: 12px;
    }

    ul.banner-left-list {
        margin: 0 auto;
    }

    .banner-left {
        display: flex;
    }

    ul.banner-left-list {
        flex-direction: column;
        width: 36%;
    }

    ul.banner-left-list * {
        white-space: nowrap;
        align-items: center;
        text-align: center;
    }

    img.banner-left-img {
        width: 90%;
        height: auto;
    }

    span.money-back {
        writing-mode: sideways-rl;
        padding: 20px 10px;
        margin: 0;
    }

    .banner-right {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin: 10px 0;
    }

    img.banner-right-img {
        width: 100%;
    }

    .brands-sec {
        padding: 0;
    }

    .banner-bottom .col-lg-4:nth-child(2) {
        order: 3;
    }

    .banner-bottom .col-lg-4:nth-child(1) {
        order: 0;
    }

    .brand-item {
        width: fit-content;
    }

    .brand-marquee-list {
        gap: 30px;
    }

    .brand-marquee-container::before {
        display: none;
    }

    .brand-marquee-container::after {
        display: none;
    }

    .about-left-insights {
        transform: unset;
        top: 10%;
        position: unset;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .about-left {
        padding-right: 0;
        padding-left: 0;
    }


    img.about-img {
        height: auto;
    }

    .white-bar-text {
        position: unset;
        transform: unset;
        margin: 0 auto 10px auto;
    }

    .about-image {
        margin: 20px 0;
    }


    .sec {
        padding: 40px 0;
    }


    .brand-marquee-container {
        padding: 20px 0 0 0;
    }

    .center-heading p {
        width: 100%;
        font-size: 13px;
    }

    .business-slider-arrows {
        width: 100%;
        transform: unset;
        position: unset;
        justify-content: center;
    }

    .business-slider-arrows a {
        transform: unset;
    }

    img.business-card-img {
        height: 300px;
    }



    .business-card {
        gap: 10px;
        margin: 10px;
    }

    .slicknav_menu {
        background: #d8fd71;
        position: relative;
        z-index: 999999999;
    }

    .slicknav_nav a {
        color: #000;
    }

    .price-top {
        padding: 0;
    }

    .price-card {
        margin: 10px 0;
    }

    .emoji-heading h2 {
        font-size: 15px;
        mask-image: unset;
        line-height: 1.5;
    }

    .emoji-heading img {
        width: 20px;
        height: 20px;
    }

    .why-mid {
        margin: 0;
    }

    footer::before {
        height: 100%;
    }

    .why-right-bottom {
        margin: 10px 0;
    }

    .why-right-top {
        margin: 10px 0;
    }

    .why-mid-content {
        padding: 20px 0 0 0;
        text-align: center;
    }

    .why-mid-bottom {
        padding: 0 0 20px 0;
        text-align: center;
    }

    .why-left-content h2 {
        margin: 0;
    }

    img.why-left-img {
        height: 350px;
    }

    .f62 {
        font-size: 42px;
    }

    .f82 {
        font-size: 62px;
    }

    .globe-icon-container {
        margin: 0;
    }

    .why-right-bottom {
        padding: 30px 20px;
        gap: 20px;
    }

    .about-right {
        text-align: center;
    }

    .business-card-text {
        text-align: center;
    }

    .price-top {
        text-align: center;
    }

    .why-left-content {
        text-align: center;
    }

    ul.client-list {
        justify-content: center;
    }

    .testi-card-video video {
        height: 350px;
    }


    .footer-top h2 {
        font-size: 26px;
    }

    .footer-box {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .footer-box a {
        font-size: 16px;
        margin: 0 0 5px 0;
        font-weight: 500;
    }

    img.badge-img {
        display: none;
    }

    .footer-box.right-box * {
        font-size: 16px;
        margin: 0 0 5px 0;
        line-height: 1.2;
        font-weight: 500;
    }

    .footer-bottom {
        padding: 0;
    }

    .footer-bottom p {
        text-align: center;
        margin: 5px 0;
    }

    ul.social-links {
        justify-content: center;
        margin: 5px 0;
    }

    footer {
        padding-top: 50px;
        margin-bottom: -10px;
    }

    .main-footer-heading h2 {
        font-size: 34px;
    }

    .footer-mid {
        background: #fff;
        box-shadow: 0 0 1px 0 #00000070;
        border: 1px solid #000;
        border-radius: 20px;
    }

    .main-footer-heading {
        margin-top: 10px;
    }

    .footer-box p {
        line-height: 1;
    }

    .testi-slider .slick-slide {
        opacity: 1;
    }

    ul.taglist li {
        font-size: 10px;
        padding: 5px 10px;
    }

    .banner-image-box {
        display: none;
    }

    .slicknav_nav a:hover {
        background: #46acd3;
        color: #fff;
    }

    .main-logo img {
        width: 25%;
    }

}

@media only screen and (min-width: 0px) and (max-width: 299px) {}