@media(max-width:1100px) {
}

@media(max-width:900px) {
}

@media(max-width:800px) {
    .header1 {
        display: none;
    }

    .navbar-mobile {
        display: block;
    }

    .why-txt {
        font-size: 15px;
    }

    .why-big {
        font-size: 35px;
    }

    .half-half h3 {
        font-size: 15px;
    }

    .contact span {
        font-size: 20px;
    }

    .floating-box {
        display: block;
    }

    .copy {
        padding-bottom: 40px;
    }

    .banner {
        margin-top: 0;
    }

    #scroll {
        bottom: 110px;
    }
}

@media(max-width:700px) {
    .whycs {
        flex-direction: column;
    }

    .benefits {
        grid-template-columns: 1fr 1fr;
    }

    .half-half {
        flex-flow: column-reverse;
    }

    .com-logo {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .footer-inner {
        flex-direction: column;
        text-align: center !important;
        gap: 20px;
    }

    .contstruct {
        grid-template-columns: 1fr;
    }

    .half-half img {
        max-width: 100%;
        width: 100%;
    }

    .contact {
        justify-content: center;
    }

    .footer-social {
        justify-content: center;
        gap: 25px;
    }

    .footer {
        padding: 25px 0;
    }

    .home-head h2 {
        font-size: 17px;
    }

    .underline-head {
        width: 25%;
    }
}



@media(max-width:600px) {
    .pc-banner {
        display: none;
    }

    .mob-banner {
        display: block;
        padding-top: 20px;
    }

    .banner {
        margin-top: -17px;
    }
    .banner{
        display:none;
    }

    .banner-m{
        display:block;
    }
}

@media(max-width:500px) {
    .com-logo {
        grid-template-columns: 1fr 1fr;
    }

    .copy {
        flex-direction: column;
        padding-bottom: 60px;
    }
}


@media(max-width:400px) {
    .com-logo {
        grid-template-columns: 1fr 1fr;
    }

    .why-txt {
        font-size: 13px;
    }

    .why-source {
        font-size: 13px;
    }

    .section {
        padding-top: 50px;
    }

    .benefits {
        grid-template-columns: 1fr;
        text-align: center;
    }

    ul.accordion-list li h3 {
        font-size: 13px;
    }

    .half-half h3 {
        font-size: 15px;
    }
}

@media(max-width:300px) {
}