/* Media Queries for responsive design */
@media (max-width: 575.98px) {
    .text-split-section img {
        height: 250px;
    }

    .services-products .card-body .title {
        height: auto;
    }

    .about-us img {
        height: 250px;
    }

    .floating-section-wrapper {
        margin-top: -70px;
    }




    .request .form-control-textarea {
        min-height: 173px !important;
    }

    .request .form-label-input {
        margin-bottom: 0.5rem;
    }

    .request .btn.btn-filled-blue {
        max-width: 100%;
    }

    .services-list .image-wrapper {
        max-width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .hero-little {
        height: 200px;
    }

    .services-products .card img {
        height: auto;
    }

    .feature-icon img {
        width: 30px;
        height: 30px;
    }

    .text-split-section img,
    .service-card,
    .services-products .card {
        max-width: 100%;
    }

    .why-you-left,
    .why-you-right {
        padding: 0 !important;
    }

    .about-us img {
        max-width: 100%;
    }

    .hero-slide {
        height: 450px;
    }

    .header {
        display: none;
    }

    /***************************
    // Padding
    ***************************/
    .contact-bg {
        padding-top: 6rem;
    }

    .request,
    .news-in,
    .services-list,
    .faq,
    .feature-items,
    .text-split-section,
    .numbers-content,
    .services-products,
    .why-you-bg,
    .about-us {
        padding-top: 3rem;
    }

    .request,
    .news-in,
    .services-list,
    .faq,
    .contact-banner-section,
    .text-split-section,
    .numbers-content,
    .services-products,
    .why-you-bg,
    .about-us {
        padding-bottom: 3rem;
    }

    .highlight-features,
    .highlight-features .feature-item {
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }

    /***************************
    // End Padding
    ***************************/

    /***************************
    // Navbar
    ***************************/
    .navbar-top {
        display: none;
    }

    .navbar-bottom .skewed-btn.mobileshow,
    .navbar-bottom li.nav-item.mobileshow {
        display: block;
    }

    .navbar-toggler {
        right: 15px;
    }

    .navbar-collapse {
        display: flex;
        justify-content: flex-end;
    }

    .navbar-nav {
        padding: 15px;
        background: #fff;
        position: absolute;
        top: 66px;
        width: 250px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    }

    .navbar-nav .dropdown-menu {
        position: absolute !important;
    }

    /***************************
    // End Navbar
    ***************************/

    /***************************
    // Font Sizes
    ***************************/
    .font-size-40 * {
        font-size: calc(40px / 1.6) !important;
    }

    .font-size-39 * {
        font-size: calc(39px / 1.6) !important;
    }

    .font-size-38 * {
        font-size: calc(38px / 1.55) !important;
    }

    .font-size-37 * {
        font-size: calc(37px / 1.55) !important;
    }

    .font-size-36 * {
        font-size: calc(36px / 1.5) !important;
    }

    .font-size-35 * {
        font-size: calc(35px / 1.5) !important;
    }

    .font-size-34 * {
        font-size: calc(34px / 1.45) !important;
    }

    .font-size-33 * {
        font-size: calc(33px / 1.45) !important;
    }

    .news-in-content h2,
    .font-size-32 * {
        font-size: calc(32px / 1.45) !important;
    }

    .font-size-31 * {
        font-size: calc(31px / 1.4) !important;
    }

    .font-size-30 * {
        font-size: calc(30px / 1.4) !important;
    }

    .font-size-29 * {
        font-size: calc(29px / 1.35) !important;
    }

    .font-size-28 * {
        font-size: calc(28px / 1.35) !important;
    }

    .font-size-27 * {
        font-size: calc(27px / 1.3) !important;
    }

    .font-size-26 * {
        font-size: calc(26px / 1.3) !important;
    }

    .font-size-25 * {
        font-size: calc(25px / 1.3) !important;
    }

    .news-in-content h3,
    .font-size-24 * {
        font-size: calc(24px / 1.3) !important;
    }

    .font-size-23 * {
        font-size: calc(23px / 1.25) !important;
    }

    .font-size-22 * {
        font-size: calc(22px / 1.25) !important;
    }

    .font-size-21 * {
        font-size: calc(21px / 1.2) !important;
    }

    .font-size-20 * {
        font-size: calc(20px / 1.2) !important;
    }

    .font-size-19 * {
        font-size: calc(19px / 1.2) !important;
    }

    .font-size-18 * {
        font-size: calc(18px / 1.15) !important;
    }

    .font-size-17 * {
        font-size: calc(17px / 1.15) !important;
    }

    .news-in-content,
    .font-size-16 * {
        font-size: calc(16px / 1.1) !important;
    }

    .font-size-15 * {
        font-size: calc(15px) !important;
    }

    .font-size-14 * {
        font-size: calc(14px) !important;
    }

    .font-size-13 * {
        font-size: calc(13px) !important;
    }

    .font-size-12 * {
        font-size: calc(12px) !important;
    }

    .font-size-11 * {
        font-size: calc(11px) !important;
    }

    /***************************
    // End Font Sizes
    ***************************/
}

/* Extra small devices (phones, less than 576px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .text-split-section img {
        height: 300px;
    }

    .services-products .card-body .title {
        height: auto;
    }

    .about-us img {
        height: 300px;
    }

    .floating-section-wrapper {
        margin-top: -100px;
    }




    .request .btn.btn-filled-blue {
        max-width: 100%;
    }

    .services-list .image-wrapper {
        max-width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .hero-little {
        height: 300px;
    }


    .services-products .card img {
        height: auto;
    }

    .feature-icon img {
        width: 30px;
        height: 30px;
    }

    .text-split-section img,
    .service-card,
    .services-products .card {
        max-width: 100%;
    }

    .why-you-left,
    .why-you-right {
        padding: 0 !important;
    }

    .about-us img {
        max-width: 100%;
    }

    .hero-slide {
        height: 550px;
    }

    .header {
        display: none;
    }

    /***************************
    // Padding
    ***************************/
    .contact-bg {
        padding-top: 6rem;
    }

    .request,
    .news-in,
    .services-list,
    .faq,
    .feature-items,
    .text-split-section,
    .numbers-content,
    .services-products,
    .why-you-bg,
    .about-us {
        padding-top: 3rem;
    }

    .request,
    .news-in,
    .services-list,
    .faq,
    .contact-banner-section,
    .text-split-section,
    .numbers-content,
    .services-products,
    .why-you-bg,
    .about-us {
        padding-bottom: 3rem;
    }

    .highlight-features,
    .highlight-features .feature-item {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    /***************************
    // End Padding
    ***************************/

    /***************************
    // Navbar
    ***************************/
    .navbar-top {
        display: none;
    }

    .navbar-bottom .skewed-btn.mobileshow,
    .navbar-bottom li.nav-item.mobileshow {
        display: block;
    }

    .navbar-toggler {
        right: 15px;
    }

    .navbar-collapse {
        display: flex;
        justify-content: flex-end;
    }

    .navbar-nav {
        padding: 15px;
        background: #fff;
        position: absolute;
        top: 66px;
        width: 250px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    }

    .navbar-nav .dropdown-menu {
        position: absolute !important;
    }

    /***************************
    // End Navbar
    ***************************/

    /***************************
    // Font Sizes
    ***************************/
    .font-size-40 * {
        font-size: calc(40px / 1.3) !important;
    }

    .font-size-39 * {
        font-size: calc(39px / 1.3) !important;
    }

    .font-size-38 * {
        font-size: calc(38px / 1.28) !important;
    }

    .font-size-37 * {
        font-size: calc(37px / 1.28) !important;
    }

    .font-size-36 * {
        font-size: calc(36px / 1.25) !important;
    }

    .font-size-35 * {
        font-size: calc(35px / 1.25) !important;
    }

    .font-size-34 * {
        font-size: calc(34px / 1.23) !important;
    }

    .font-size-33 * {
        font-size: calc(33px / 1.23) !important;
    }

    .news-in-content h2,
    .font-size-32 * {
        font-size: calc(32px / 1.2) !important;
    }

    .font-size-31 * {
        font-size: calc(31px / 1.2) !important;
    }

    .font-size-30 * {
        font-size: calc(30px / 1.18) !important;
    }

    .font-size-29 * {
        font-size: calc(29px / 1.18) !important;
    }

    .font-size-28 * {
        font-size: calc(28px / 1.15) !important;
    }

    .font-size-27 * {
        font-size: calc(27px / 1.15) !important;
    }

    .font-size-26 * {
        font-size: calc(26px / 1.13) !important;
    }

    .font-size-25 * {
        font-size: calc(25px / 1.13) !important;
    }

    .news-in-content h3,
    .font-size-24 * {
        font-size: calc(24px / 1.1) !important;
    }

    .font-size-23 * {
        font-size: calc(23px / 1.1) !important;
    }

    .font-size-22 * {
        font-size: calc(22px / 1.08) !important;
    }

    .font-size-21 * {
        font-size: calc(21px / 1.08) !important;
    }

    .font-size-20 * {
        font-size: calc(20px / 1.05) !important;
    }

    .font-size-19 * {
        font-size: calc(19px / 1.05) !important;
    }

    .font-size-18 * {
        font-size: calc(18px / 1.03) !important;
    }

    .font-size-17 * {
        font-size: calc(17px / 1.03) !important;
    }

    .news-in-content,
    .font-size-16 * {
        font-size: calc(16px / 1.02) !important;
    }

    .font-size-15 * {
        font-size: calc(15px) !important;
    }

    .font-size-14 * {
        font-size: calc(14px) !important;
    }

    .font-size-13 * {
        font-size: calc(13px) !important;
    }

    .font-size-12 * {
        font-size: calc(12px) !important;
    }

    .font-size-11 * {
        font-size: calc(11px) !important;
    }

    /***************************
    // End Font Sizes
    ***************************/
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .hero-little {
        height: 300px;
    }

    .contact-banner-section .feature-items .font-size-20 * {
        font-size: calc(20px / 1.4) !important;
    }

    .text-split-section img {
        height: 400px;
    }

    .about-us img {
        height: 400px;
    }

    .floating-section-wrapper {
        margin-top: -160px;
    }




    .services-list .image-wrapper {
        max-width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .services-products .card img {
        height: auto;
    }

    .feature-icon img {
        width: 30px;
        height: 30px;
    }

    .service-card {
        max-width: 48%;
    }

    .text-split-section img {
        max-width: 100%;
    }

    .why-you-left,
    .why-you-right {
        padding: 0 !important;
    }

    .about-us img {
        max-width: 100%;
    }

    .hero-slide {
        height: 650px;
    }

    /***************************
    // Padding
    ***************************/
    .contact-bg {
        padding-top: 6rem;
    }

    .request,
    .news-in,
    .services-list,
    .faq,
    .feature-items,
    .text-split-section,
    .numbers-content,
    .services-products,
    .why-you-bg,
    .highlight-features,
    .about-us {
        padding-top: 3rem;
    }

    .request,
    .news-in,
    .services-list,
    .faq,
    .contact-banner-section,
    .text-split-section,
    .numbers-content,
    .services-products,
    .why-you-bg,
    .highlight-features,
    .about-us {
        padding-bottom: 3rem;
    }

    .highlight-features .feature-item {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    /***************************
    // End Padding
    ***************************/

    /***************************
    // Navbar
    ***************************/
    .navbar-top {
        display: none;
    }

    .navbar-bottom .skewed-btn.mobileshow,
    .navbar-bottom li.nav-item.mobileshow {
        display: block;
    }

    .navbar-toggler {
        right: 15px;
    }

    .navbar-collapse {
        display: flex;
        justify-content: flex-end;
    }

    .navbar-nav {
        padding: 15px;
        background: #fff;
        position: absolute;
        top: 66px;
        width: 250px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    }

    .navbar-nav .dropdown-menu {
        position: absolute !important;
    }

    /***************************
    // End Navbar
    ***************************/

    /***************************
    // Font Sizes
    ***************************/
    .font-size-40 * {
        font-size: calc(40px / 1.15) !important;
    }

    .font-size-39 * {
        font-size: calc(39px / 1.15) !important;
    }

    .font-size-38 * {
        font-size: calc(38px / 1.14) !important;
    }

    .font-size-37 * {
        font-size: calc(37px / 1.14) !important;
    }

    .font-size-36 * {
        font-size: calc(36px / 1.13) !important;
    }

    .font-size-35 * {
        font-size: calc(35px / 1.13) !important;
    }

    .font-size-34 * {
        font-size: calc(34px / 1.12) !important;
    }

    .font-size-33 * {
        font-size: calc(33px / 1.12) !important;
    }

    .news-in-content h2,
    .font-size-32 * {
        font-size: calc(32px / 1.12) !important;
    }

    .font-size-31 * {
        font-size: calc(31px / 1.11) !important;
    }

    .font-size-30 * {
        font-size: calc(30px / 1.11) !important;
    }

    .font-size-29 * {
        font-size: calc(29px / 1.10) !important;
    }

    .font-size-28 * {
        font-size: calc(28px / 1.10) !important;
    }

    .font-size-27 * {
        font-size: calc(27px / 1.10) !important;
    }

    .font-size-26 * {
        font-size: calc(26px / 1.09) !important;
    }

    .font-size-25 * {
        font-size: calc(25px / 1.09) !important;
    }

    .news-in-content h3,
    .font-size-24 * {
        font-size: calc(24px / 1.08) !important;
    }

    .font-size-23 * {
        font-size: calc(23px / 1.08) !important;
    }

    .font-size-22 * {
        font-size: calc(22px / 1.07) !important;
    }

    .font-size-21 * {
        font-size: calc(21px / 1.07) !important;
    }

    .font-size-20 * {
        font-size: calc(20px / 1.06) !important;
    }

    .font-size-19 * {
        font-size: calc(19px / 1.06) !important;
    }

    .font-size-18 * {
        font-size: calc(18px / 1.05) !important;
    }

    .font-size-17 * {
        font-size: calc(17px / 1.05) !important;
    }

    .news-in-content,
    .font-size-16 * {
        font-size: calc(16px / 1.04) !important;
    }

    .font-size-15 * {
        font-size: calc(15px) !important;
    }

    .font-size-14 * {
        font-size: calc(14px) !important;
    }

    .font-size-13 * {
        font-size: calc(13px) !important;
    }

    .font-size-12 * {
        font-size: calc(12px) !important;
    }

    .font-size-11 * {
        font-size: calc(11px) !important;
    }

    /***************************
    // End Font Sizes
    ***************************/
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .contact-banner-section .feature-items .font-size-20 * {
        font-size: calc(20px / 1.2) !important;
    }

    .benefit-card {
        padding: 1rem 1.5rem;
    }

    .hero-little {
        height: 350px;
    }

    .contact-banner-section {
        padding-bottom: 3rem;
    }

    .feature-items {
        padding-top: 3rem;
    }

    .contact-bg {
        padding-top: 14rem;
        padding-bottom: 14rem;
    }

    .services-products .card-body .title {
        height: 80px;
    }

    .services-products .card-body {
        padding: 1rem;
    }

    .services-products .card img {
        height: 200px;
    }

    .why-you-left {
        padding: 0 1rem 0 0;
    }

    .floating-card-green .font-size-32 * {
        font-size: calc(32px / 1.1) !important;
    }

    .hero-slide {
        height: 680px;
    }




    .services-list .title {
        height: 74px;
    }

    .services-list .image-wrapper {
        max-width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    /***************************
    // Navbar
    ***************************/
    .navbar-top {
        display: none;
    }

    .navbar-bottom .skewed-btn.mobileshow,
    .navbar-bottom li.nav-item.mobileshow {
        display: block;
    }

    .navbar-toggler {
        right: 15px;
    }

    .navbar-collapse {
        display: flex;
        justify-content: flex-end;
    }

    .navbar-nav {
        padding: 15px;
        background: #fff;
        position: absolute;
        top: 66px;
        width: 250px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    }

    .navbar-nav .dropdown-menu {
        position: absolute !important;
    }

    /***************************
    // End Navbar
    ***************************/

    /***************************
    // Font Sizes
    ***************************/
    .font-size-40 * {
        font-size: calc(40px / 1.1) !important;
    }

    .font-size-39 * {
        font-size: calc(39px / 1.1) !important;
    }

    .font-size-38 * {
        font-size: calc(38px / 1.09) !important;
    }

    .font-size-37 * {
        font-size: calc(37px / 1.09) !important;
    }

    .font-size-36 * {
        font-size: calc(36px / 1.08) !important;
    }

    .font-size-35 * {
        font-size: calc(35px / 1.08) !important;
    }

    .font-size-34 * {
        font-size: calc(34px / 1.07) !important;
    }

    .font-size-33 * {
        font-size: calc(33px / 1.07) !important;
    }

    .news-in-content h2,
    .font-size-32 * {
        font-size: calc(32px / 1.07) !important;
    }

    .font-size-31 * {
        font-size: calc(31px / 1.06) !important;
    }

    .font-size-30 * {
        font-size: calc(30px / 1.06) !important;
    }

    .font-size-29 * {
        font-size: calc(29px / 1.05) !important;
    }

    .font-size-28 * {
        font-size: calc(28px / 1.05) !important;
    }

    .font-size-27 * {
        font-size: calc(27px / 1.05) !important;
    }

    .font-size-26 * {
        font-size: calc(26px / 1.04) !important;
    }

    .font-size-25 * {
        font-size: calc(25px / 1.04) !important;
    }

    .news-in-content h3,
    .font-size-24 * {
        font-size: calc(24px / 1.03) !important;
    }

    .font-size-23 * {
        font-size: calc(23px / 1.03) !important;
    }

    .font-size-22 * {
        font-size: calc(22px / 1.02) !important;
    }

    .font-size-21 * {
        font-size: calc(21px / 1.02) !important;
    }

    .font-size-20 * {
        font-size: calc(20px / 1.01) !important;
    }

    .font-size-19 * {
        font-size: calc(19px / 1.01) !important;
    }

    .font-size-18 * {
        font-size: calc(18px) !important;
    }

    .font-size-17 * {
        font-size: calc(17px) !important;
    }

    .news-in-content,
    .font-size-16 * {
        font-size: calc(16px) !important;
    }

    .font-size-15 * {
        font-size: calc(15px) !important;
    }

    .font-size-14 * {
        font-size: calc(14px) !important;
    }

    .font-size-13 * {
        font-size: calc(13px) !important;
    }

    .font-size-12 * {
        font-size: calc(12px) !important;
    }

    .font-size-11 * {
        font-size: calc(11px) !important;
    }

    /***************************
    // End Font Sizes
    ***************************/
}


@media (min-width: 1200px) and (max-width: 1399.98px) {
    .font-size-22 * {
        font-size: calc(22px / 1.2) !important;
    }

    .hero-slide {
        height: 680px;
    }
}

@media (max-width: 340px) {
    .custom-circle-line-wrapper .custom-line {
        width: 40px;
    }
}