@media (max-width:1800px) {
    .fix-height { height: 4845px; }
}
@media (max-width:1400px) {
    .clients::after { left: 85%; top: 40% !important; }
    .LivesTxt { position: absolute; left: 61%; top: -20%; }
}
@media (max-width:1280px) {
    .fix-height { height: 3609px; }
}
@media (max-width:1200px) {
    .clients h4 { color: rgb(255, 255, 255); font-size: 35px; font-weight: 300; line-height: 66px; letter-spacing: 0em; text-align: left; }
    .clients { height: 200px; position: relative; }
    .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 200px; width: 200px; border-radius: 50%; position: absolute; left: -3%; top: 20%; overflow-x: hidden; }
    .circle-four { height: 170px; width: 170px; border-radius: 50%; background: linear-gradient(90deg, rgb(249, 228, 203) 0%, rgb(248, 115, 117) 97.92%); }
    .second-ball { height: 200px; width: 200px; }
    .feature p { font-size: 60px; }
    .circle-wave { height: 120px; width: 120px; }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { font-size: 35px !important; }
    .ball-animation { margin-left: 241px !important; margin-top: -204px !important; }
    .banner h1 { font-size: 60px; }
    .LivesTxt { top: -20% !important; left: 68%; }
    .pattern-layer { margin-top: 30px; }

    /* .circle-wave {
        height: 120px !important;
        width: 120px !important;
        left: 45% !important;
        top: 116% !important;
    } */ }
    @media (max-width:1560px) and (min-width:1400px) {
        .ball-animation { margin-left: 600px !important; margin-top: -218px !important; }
        .second-ball { right: 3% !important; width: 150px !important; height: 150px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 150px !important; width: 150px !important; left: 1% !important; }
        .circle-feature2 { margin-left: 90px !important; }
        .banner-first { width: 57% !important; }
        .LivesTxt { position: absolute; left: 59% !important; top: -22% !important; }
    }
    @media (max-width:1399px) and (min-width:1200px) {
        .circle-wave { left: 45% !important; }
        .ball-animation { margin-left: 400px !important; margin-top: -218px !important; }
        .banner-first { width: 65% !important; }
        .second-ball { right: 3% !important; width: 150px !important; height: 150px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 150px !important; width: 150px !important; left: 1% !important; }
        .circle-feature2 { margin-left: 90px !important; }
    }
    @media (max-width:1199px) and (min-width:1000px) {
        .project-info-button-main { position: relative !important; }
        .project-info-button { left: 36px !important; bottom: 7% !important; top: -9px !important; }
        .project-info p { width: 100% !important; }
        .project-info p { width: 100% !important; }
        .project-info-button { position: absolute; left: 69% !important; bottom: -2% !important; }
        .ball-animation { margin-left: 400px !important; margin-top: -218px !important; }
        .banner-first { width: 65% !important; }
        .second-ball { right: 6% !important; width: 130px !important; height: 130px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 130px !important; width: 130px !important; left: 5% !important; top: 26% !important; }
        .circle-feature2 { margin-left: 90px !important; }
        .feature p { font-size: 50px; }
        .ball-animation { margin-left: 47px !important; margin-top: -209px !important; }
        .landing-page { background-image: none !important; }
    }
    @media (max-width:999px) and (min-width:900px) {
        .customBtnSlider button { position: absolute; top: -78px !important; right: 0; height: 26px; width: 40px; background: transparent; border: none; }
        .dashboard-mobile-view { display: block !important; }
        .dashboard-desktop-view { display: none !important; }
        .close-icon { width: 25px !important; height: 25px !important; font-size: 13px !important; }
        .desktop-cross { display: none !important; }
        .close-icon-section { position: absolute !important; top: -4px !important; }
        .main-section { display: block !important; }
        .left-section { height: 345px !important; }
        .project-info-button-main { position: relative !important; }
        .project-info-button { left: 36px !important; bottom: 7% !important; top: -9px !important; }
        .left-section { width: 100% !important; max-width: 100% !important; }
        .right-section { max-width: 100% !important; }
        .mobile { display: block !important; }
        .desktop-slider { display: none; }
        .project-info p { width: 100% !important; }
        .project-info-button { left: 70% !important; bottom: 1% !important; }
        .ball-animation { margin-left: 400px !important; margin-top: -218px !important; }
        .banner-first { width: 86% !important; }
        .second-ball { right: 6% !important; width: 130px !important; height: 130px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 130px !important; width: 130px !important; left: 5% !important; top: 26% !important; }
        .circle-feature2 { margin-left: 90px !important; }
        .feature p { font-size: 35px !important; }
        .ball-animation { margin-left: 47px !important; margin-top: -209px !important; }
        .landing-page { background-image: none !important; }
        .circle-wave { left: 44% !important; }
        .project-info-button-main-mobile { display: none !important; }
    }
    @media (max-width:899px) and (min-width:800px) {
        .customBtnSlider button { position: absolute; top: -92px !important; right: 0; height: 26px; width: 40px; background: transparent; border: none; }
        .navbar-toggler-icon { width: 1.7em !important; height: 1.7em !important; }
        .dashboard-mobile-view { display: block !important; }
        .dashboard-desktop-view { display: none !important; }
        header { padding: 10px 0 10px 0 !important; }
        .close-icon { width: 25px !important; height: 25px !important; font-size: 13px !important; }
        .desktop-cross { display: none !important; }
        .close-icon-section { position: absolute !important; top: -4px !important; }
        .left-section { position: relative; top: -70px !important; }
        .left-section { height: 325px !important; }
        .mobile { display: block !important; }
        .desktop-slider { display: none; }
        .main-section { display: block !important; }
        .project-info-button-main { position: relative !important; }
        .project-info-button { left: 36px !important; bottom: 7% !important; top: -9px !important; }
        .left-section { width: 100% !important; max-width: 100% !important; }
        .right-section { max-width: 100% !important; }
        .ball-animation { margin-left: -50px !important; margin-top: -227px !important; }
        .banner-first { width: 86% !important; }
        .second-ball { right: 5% !important; width: 130px !important; height: 130px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 130px !important; width: 130px !important; left: 5% !important; top: 26% !important; }
        .circle-feature2 { margin-left: 90px !important; }
        .feature p { font-size: 35px !important; }
        .landing-page { background-image: none !important; }
        .circle-wave { left: 43% !important; }
    }
    @media (max-width:799px) and (min-width:768px) {
        .customBtnSlider button { position: absolute; top: -91px !important; right: 0; height: 26px; width: 40px; background: transparent; border: none; }
        .dropdown-item { color: #ffff !important; font-size: 15px !important; }
        .dropdown-menu { background-color: black !important; }
        .navbar-toggler-icon { width: 2.5em !important; height: 2.5em !important; }
        .dashboard-mobile-view { display: block !important; }
        .dashboard-desktop-view { display: none !important; }
        header { padding: 10px 0 10px 0 !important; }
        .close-icon { width: 25px !important; height: 25px !important; font-size: 13px !important; }
        .desktop-cross { display: none !important; }
        .close-icon-section { position: absolute !important; top: -4px !important; }
        .left-section { position: relative !important; top: -70px !important; }
        .left-section { height: 325px !important; }
        .project-info p { width: 100% !important; }
        .mobile { display: block !important; }
        .desktop-slider { display: none; }
        .main-section { display: block !important; }
        .project-info-button-main { position: relative !important; }
        .project-info-button { left: 36px !important; bottom: 7% !important; top: -9px !important; }
        .left-section { width: 100% !important; max-width: 100% !important; }
        .right-section { max-width: 100% !important; }
        .banner h1 { font-size: 43px !important; }
        .ball-animation { margin-left: -202px !important; margin-top: -201px !important; }
        .ball-decoration { width: 80% !important; height: 80% !important; }
        .banner-first { width: 84% !important; left: 3% !important; }
        .circle-wave { left: 41% !important; top: -23% !important; }
        .LivesTxt img { max-width: 98px !important; }
        .LivesTxt { top: -23% !important; left: 35% !important; }
        .second-ball { right: 6% !important; width: 100px !important; height: 100px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 100px !important; width: 100px !important; left: 5% !important; top: 26% !important; }
        .circle-feature2 { margin-left: 90px !important; }
        .feature p { font-size: 28px !important; }
        .landing-page { background-image: none !important; }
        .footer-para h6 { font-size: 27px !important; }
        .circle-main { display: flex !important; justify-content: center !important; }
        .since p { font-size: 32px !important; }
        img.amazio { width: 100% !important; }
    }
    @media (max-width:767px) and (min-width:600px) {
        .customBtnSlider button { position: absolute; top: -83px !important; right: 0; height: 26px; width: 40px; background: transparent; border: none; }
        .dropdown-item { color: #ffff !important; font-size: 15px !important; }
        .dropdown-menu { background-color: black !important; }
        .navbar-toggler-icon { width: 2.5em !important; height: 2.5em !important; }
        .dashboard-mobile-view { display: block !important; }
        .dashboard-desktop-view { display: none !important; }
        .button-image-center { width: 40px !important; }
        .button-image-right { width: 30px !important; }
        header { padding: 10px 0 10px 0 !important; }
        .close-icon { width: 25px !important; height: 25px !important; font-size: 13px !important; }
        .desktop-cross { display: none !important; }
        .close-icon-section { position: absolute !important; top: 10px !important; }
        .left-section { position: relative !important; top: -70px !important; }
        .left-section { height: 325px !important; }
        .mobile { display: block !important; }
        .desktop-slider { display: none; }
        .main-section { display: block !important; }
        .project-info-button-main { position: relative !important; }
        .project-info-button { left: 36px !important; bottom: 7% !important; top: -9px !important; }
        .left-section { width: 100% !important; max-width: 100% !important; }
        .right-section { max-width: 100% !important; }
        .banner h1 { font-size: 43px !important; }
        .ball-animation { margin-left: -202px !important; margin-top: -201px !important; }
        .ball-decoration { width: 80% !important; height: 80% !important; }
        .banner-first { width: 84% !important; left: 3% !important; }
        .circle-wave { left: 41% !important; top: -23% !important; }
        .LivesTxt img { max-width: 98px !important; }
        .LivesTxt { top: -23% !important; left: 66% !important; }
        .second-ball { right: 6% !important; width: 100px !important; height: 100px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 100px !important; width: 100px !important; left: 5% !important; top: 26% !important; }
        .circle-feature2 { margin-left: 90px !important; }
        .feature p { font-size: 28px !important; }
        .landing-page { background-image: none !important; }
        .footer-para h6 { font-size: 27px !important; }
        .circle-main { display: flex !important; justify-content: center !important; }
        .since p { font-size: 32px !important; }
        img.amazio { width: 100% !important; }
    }
    @media (max-width:599px) and (min-width:500px) {
        .customBtnSlider button { position: absolute; top: -75px !important; right: 0; height: 26px; width: 40px; background: transparent; border: none; }
        .dropdown-item { color: #ffff !important; font-size: 15px !important; }
        .dropdown-menu { background-color: black !important; }
        .navbar-toggler-icon { width: 3.5em !important; height: 3.5em !important; }
        .dashboard-mobile-view { display: block !important; }
        .dashboard-desktop-view { display: none !important; }
        .button-image-center { width: 40px !important; }
        .button-image-right { width: 30px !important; }
        header { padding: 10px 0 10px 0 !important; }
        .close-icon { width: 25px !important; height: 25px !important; font-size: 13px !important; }
        .desktop-cross { display: none !important; }
        .close-icon-section { position: absolute !important; top: -4px !important; }
        .left-section { position: relative; top: -41px !important; }
        .left-section { height: 280px !important; }
        .project-info p { width: 100% !important; }
        .mobile { display: block !important; }
        .desktop-slider { display: none; }
        .main-section { display: block !important; }
        .project-info-button-main { position: relative !important; }
        .project-info-button { left: 36px !important; bottom: 7% !important; top: -9px !important; }
        .left-section { width: 100% !important; max-width: 100% !important; }
        .right-section { max-width: 100% !important; }
        .ball-animation { margin-left: -361px !important; margin-top: -205px !important; }
        .ball-decoration { width: 60% !important; height: 60% !important; }
        .banner-first { width: 83% !important; left: 3% !important; top: 45%; }
        .LivesTxt img { width: 100%; max-width: 77px !important; min-height: 294px !important; }
        .banner h1 { font-size: 40px !important; }
        .circle-wave { left: 43% !important;        /* top: 134% !important; */ }
        .second-ball { right: 3% !important; width: 100px !important; height: 100px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 100px !important; width: 100px !important; left: 5% !important; top: 26% !important; }
        .circle-feature2 { margin-left: 90px !important; }
        .feature p { font-size: 28px !important; }
        .landing-page { background-image: none !important; }
        .circle-main { display: flex !important; justify-content: center !important; }
        .since p { font-size: 32px !important; }
        img.amazio { width: 100% !important; max-width: 170px; object-fit: cover !important; max-width: 160px !important; }
        .landing-page h6 { font-size: 28px !important; }
        .landing-page p { font-size: 14px !important; padding: 0 10px 0 10px; }
        .banner-four .para { font-size: 20px !important; }
        .circle-wave { height: 80px !important; width: 80px !important; }
        button.btn.btn-light { height: 40px !important; width: 135px !important; border-radius: 35px !important; }
        .footer-para h6 { font-size: 22px !important; }
        .footer-para { padding: 0 0 0px 24px !important; }
        .footer-left-side { padding: 0 11px 0 0px !important; }
    }
    @media (max-width:499px) and (min-width:400px) {
        .customBtnSlider button { position: absolute; top: -56px !important; right: 0; height: 26px; width: 40px; background: transparent; border: none; }
        .dropdown-item { color: #ffff !important; font-size: 15px !important; }
        .dropdown-menu { background-color: black !important; }
        .navbar-toggler-icon { width: 3.5em !important; height: 3.5em !important; }
        a.navbar-brand.new-nav { padding: 5px 5px 5px 5px !important; }
        svg { height: 12px !important; }
        .dashboard-mobile-view { display: block !important; }
        .dashboard-desktop-view { display: none !important; }
        .button-image-center { width: 40px !important; }
        .button-image-right { width: 30px !important; }
        .close-icon { width: 25px !important; height: 25px !important; font-size: 13px !important; }
        .desktop-cross { display: none !important; }
        .close-icon-section { position: absolute !important; top: -4px !important; }
        .left-section { position: relative; top: -41px !important; }
        .left-section { height: 280px !important; }
        .mobile { display: block !important; }
        .desktop-slider { display: none !important; }
        .main-section { display: block !important; }
        .project-info p { width: 100% !important; }
        .project-info-button-main { position: relative !important; }
        .project-info-button { left: 36px !important; bottom: 7% !important; top: -9px !important; }
        .left-section { width: 100% !important; max-width: 100% !important; }
        .right-section { max-width: 100% !important; }
        .ball-animation { margin-left: -419px !important; margin-top: -205px !important; }
        .ball-decoration { width: 50% !important; height: 50% !important; }
        .banner-first { width: 80% !important; left: 3% !important; top: 76% !important; }
        .LivesTxt img { width: 100%; max-width: 68px !important; }
        .LivesTxt { top: -82% !important; left: 63% !important; }
        .banner h1 { font-size: 30px !important; line-height: 49px !important; }
        .circle-wave { left: 42% !important; top: -11% !important; }
        .second-ball { right: 3% !important; width: 100px !important; height: 100px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 100px !important; width: 100px !important; left: 5% !important; top: 26% !important; }
        .circle-feature2 { margin-left: 90px !important; }
        .feature p { font-size: 24px !important; }
        .landing-page { background-image: none !important; }
        .circle-main { display: flex !important; justify-content: center !important; }
        .since p { font-size: 22px !important; }
        img.amazio { width: 100% !important; max-width: 170px; object-fit: cover !important; max-width: 160px !important; }
        .landing-page h6 { font-size: 28px !important; }
        .landing-page p { font-size: 14px !important; }
        .banner-four .para { font-size: 16px !important; line-height: 35px !important; }
        .circle-wave { height: 80px !important; width: 80px !important; }
        button.btn.btn-light { height: 40px !important; width: 135px !important; border-radius: 35px !important; }
        .footer-para h6 { font-size: 26px !important; }
        .footer-para { padding: 0 0 0px 24px !important; }
        .landing-page p { font-size: 14px !important; padding: 0 10px 0 10px !important; }
        .footer-left-side { padding: 0 11px 0 0px !important; }
    }
    @media (max-width:399px) and (min-width:390px) {
        .customBtnSlider button { position: absolute; top: -58px !important; right: 0; height: 26px; width: 40px; background: transparent; border: none; }
        .navbar-toggler-icon { width: 3.5em !important; height: 3.5em !important; }
        .dropdown-item { color: #ffff !important; font-size: 15px !important; }
        .dropdown-menu { background-color: black !important; }
        .dashboard-mobile-view { display: block !important; }
        .dashboard-desktop-view { display: none !important; }
        .button-image-center { width: 40px !important; }
        .button-image-right { width: 30px !important; }
        .close-icon { width: 25px !important; height: 25px !important; font-size: 13px !important; }
        .desktop-cross { display: none !important; }
        .close-icon-section { position: absolute !important; top: -4px !important; }
        .left-section { position: relative; top: -41px !important; }
        .left-section { height: 280px !important; }
        .project-info p { width: 100% !important; }
        .project-content h2 { font-size: 32px !important; }
        .mobile { display: block !important; }
        .desktop-slider { display: none !important; }
        .main-section { display: block !important; }
        .project-info-button-main { position: relative !important; }
        .project-info-button { left: 36px !important; bottom: 7% !important; top: -9px !important; }
        .left-section { width: 100% !important; max-width: 100% !important; }
        .right-section { max-width: 100% !important; }
        .ball-animation { margin-left: -502px !important; margin-top: -205px !important; }
        .ball-decoration { width: 50% !important; height: 50% !important; }
        .banner-first { width: 94% !important; left: 3% !important; top: 76% !important; }
        .LivesTxt img { width: 100%; max-width: 68px !important; }
        .LivesTxt { top: -81% !important; left: 45% !important; }
        .banner h1 { font-size: 30px !important; line-height: 49px !important; }
        .circle-wave { left: 40% !important; top: -19% !important; }
        .second-ball { right: 7% !important; width: 70px !important; height: 70px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 70px !important; width: 70px !important; left: 5% !important; top: 26% !important; }
        .circle-feature2 { margin-left: 90px !important; }
        .feature p { font-size: 24px !important; }
        .landing-page { background-image: none !important; }
        .circle-main { display: flex !important; justify-content: center !important; }
        .since p { font-size: 22px !important; }
        img.amazio { width: 100% !important; object-fit: cover !important; max-width: 140px !important; padding: 10px 0 0 0 !important; }
        .landing-page h6 { font-size: 28px !important; }
        .landing-page p { font-size: 14px !important; padding: 0 10px 0 10px !important; }
        .banner-four .para { font-size: 16px !important; line-height: 35px !important; }
        .circle-wave { height: 70px !important; width: 70px !important; }
        button.btn.btn-light { height: 40px !important; width: 135px !important; border-radius: 35px !important; }
        .footer-para h6 { font-size: 26px !important; }
        .footer-para { padding: 0 0 0px 24px !important; }
        .footer-left-side { padding: 0 11px 0 0px !important; }
        .circle-four { height: 160px !important; width: 160px !important; }
    }
    @media (max-width:767.97px) {
        .customBtnSlider button { position: fixed; top: auto !important; bottom: 50px; margin-right: 30px; background-size: 30px; width: 30px; height: 30px; }
        .fix-height { height: auto !important; }
        #gallery div[data-scroll-speed] { transform: none !important }
    }
    @media (max-width:389px) and (min-width:300px) {
        .customBtnSlider button { position: absolute; top: -56px !important; right: 0; height: 26px; width: 40px; background: transparent; border: none; }
        .dropdown-item { color: #ffff !important; font-size: 15px !important; }
        .dropdown-menu { background-color: black !important; }
        .navbar-toggler-icon { width: 3.5em !important; height: 3.5em !important; }
        .dashboard-mobile-view { display: block !important; }
        .dashboard-desktop-view { display: none !important; }
        .button-image-center { width: 40px !important; height: 40px !important; }
        .button-image-right { width: 30px !important; }
        .close-icon { width: 25px !important; height: 25px !important; font-size: 13px !important; }
        .desktop-cross { display: none !important; }
        .close-icon-section { position: absolute !important; top: 5px !important; }
        .left-section { position: relative; top: -41px !important; }
        .left-section { height: 280px !important; }
        .project-content h2 { font-size: 29px !important; }
        .project-info p { width: 100% !important; }
        .mobile { display: block !important; }
        .desktop-slider { display: none !important; }
        .main-section { display: block !important; }
        .project-info-button-main { position: relative !important; }
        .project-info-button { left: 36px !important; bottom: 7% !important; top: -9px !important; }
        .left-section { width: 100% !important; max-width: 100% !important; }
        .right-section { max-width: 100% !important; }
        .ball-animation { margin-left: -502px !important; margin-top: -205px !important; }
        .ball-decoration { width: 50% !important; height: 50% !important; }
        .banner-first { width: 94% !important; left: 3% !important; top: 76% !important; }
        .LivesTxt img { width: 100%; max-width: 68px !important; }
        .LivesTxt { top: -81% !important; left: 64% !important; }
        .banner h1 { font-size: 30px !important; line-height: 49px !important; }
        .circle-wave { left: 40% !important; top: -19% !important; }
        .second-ball { right: 7% !important; width: 70px !important; height: 70px !important; }
        .since-main { background: linear-gradient(90deg, #F9E4CB 0%, #F87375 97.92%); height: 70px !important; width: 70px !important; left: 5% !important; top: 26% !important; }
        .circle-feature2 { margin-left: 90px !important; }
        .feature p { font-size: 24px !important; }
        .landing-page { background-image: none !important; }
        .circle-main { display: flex !important; justify-content: center !important; }
        .since p { font-size: 22px !important; }
        img.amazio { width: 100% !important; object-fit: cover !important; max-width: 140px !important; padding: 10px 0 0 0 !important; }
        .landing-page h6 { font-size: 28px !important; }
        .landing-page p { font-size: 14px !important; padding: 0 10px 0 10px !important; }
        .banner-four .para { font-size: 16px !important; line-height: 35px !important; }
        .circle-wave { height: 70px !important; width: 70px !important; }
        button.btn.btn-light { height: 40px !important; width: 135px !important; border-radius: 35px !important; }
        .footer-para h6 { font-size: 26px !important; }
        .footer-para { padding: 0 0 0px 24px !important; }
        .footer-left-side { padding: 0 11px 0 0px !important; }
        .circle-four { height: 160px !important; width: 160px !important; }
    }


@media (max-width:767px) {
    .footer-para { padding: 20px 20px 0 !important; }
    .navbar-expand-lg .navbar-nav .nav-link { font-size: 18px !important; }
}