﻿@media(max-width:1300px) {
    .footer-box {
        gap: unset;
    }

    .box-1 {
        padding-left: 25px;
    }

    .box-2 {
        padding-left: 55px;
    }

    .box-3 {
        padding-left: 44px;
    }
}

@media(max-width:1200px) {
    .footer-box {
        gap: unset;
    }

    .box-2 {
        padding-left: 30px;
    }

    .box-3 {
        padding-left: 30px;
    }
}

@media(max-width:1100px) {
    .image img {
        width: 400px;
    }

    .text-foot h2 {
        font-size: 20px;
    }

    .text-foot p {
        font-size: 15px;
    }

    .box-2 {
        padding-left: 50px;
    }
}




@media(max-width:900px) {
    .image img {
        width: 350px;
    }

    .hero-box {
        gap: 15px;
    }

    .footer-icon {
        padding: 20px;
        font-size: 25px;
    }

    .text-foot h2 {
        font-size: 18px;
    }

    .footer-inner {
        padding: 60px 10px 50px;
    }

    .text-foot p {
        font-size: 13px;
        line-height: 20px;
    }

    .footer-box {
        gap: 0px;
    }

    .image-3-h img {
        width: 300px;
    }

    .text-b h2 {
        font-size: 30px;
    }

    .image {
        width: 360px;
    }

    .image-3-h-1 {
        width: 310px;
    }

        .image-3-h-1 img {
            width: 90%;
        }

    .image-3-h {
        width: 300px;
    }

    .nav-link a {
        font-size: 13px;
    }

    .btn a {
        font-size: 13px;
    }

    .nav-bar {
        padding-right: 25px;
    }

    .float-bar {
        display: block;
    }

    .box-2 {
        padding-left: 38px;
    }

    .box-3 {
        padding-left: 20px;
    }

    .above-header {
        display: none;
    }

    .above-header-m {
        display: block;
    }

        .above-header-m .social-icon {
            justify-content: center;
        }
}


@media(max-width:800px) {
    /* .main-header-box {
        display: none;
    }*/

    .main-header-box {
        display: none;
    }

    .mobile-nav {
        display: block;
    }

    .social-icon {
        justify-content: center;
    }

    .image {
        width: 98%;
        padding-bottom: 25px;
    }

    .image-3-h {
        width: 100%;
    }

        .image-3-h img {
            width: 100%;
        }

    .text-b h2 {
        font-size: 20px;
    }

    .social-icon-footer {
        gap: 10px;
    }

    .footer-box {
        grid-template-columns: 100%;
    }

    .box-foot {
        text-align: center;
        padding-bottom: 20px;
    }

    .box-2 {
        padding-left: unset;
    }

    .box-3 {
        padding-left: unset;
    }

    .box-1 {
        padding-left: unset;
    }
}


@media(max-width:750px) {
    image {
        width: 100%;
    }

    .image img {
        width: 100%;
    }

    .hero-box {
        flex-direction: column;
    }

    .hero-box-m {
        flex-direction: column-reverse;
    }

    .heading h2 {
        font-size: 20px;
    }

    .heading {
        text-align: left;
    }
}




@media(max-width:600px) {
    .image {
        width: 100%;
    }

    /* .image img {
            width: 376px;
        }*/


    .text-b h2 {
        font-size: 17px;
    }

    .text-b h4 {
        font-size: 14px;
    }

    .heading h2 {
        font-size: 18px;
    }

    /* .image-3-h img {
        width: 360px;
    }
*/
    .hero-box-1 {
        padding: 25px 10px 0;
    }

    .hero-box-2 {
        padding: 0px 10px 50px;
    }

    .heading {
        text-align: left;
    }

    .botton-footer {
        flex-direction: column;
        text-align: center;
    }

    .h-text h3 {
        font-size: 18px;
    }
    .banner-image{
        display:none;
    }
    .banner-image-m {
        display: block;
    }
    
    .banner-image-m img {
        width:100%;
    }


    /*thank you*/

}


@media(max-width:500px) {
    /*.image-3-h {
        width: 352px;
    }*/

    .image {
        width: 100%;
    }

    .copy p {
        font-size: 13px;
    }
}

@media(max-width:400px) {
}
