@media only screen and (max-width:1559px) {}

@media only screen and (max-width:1440px) {}

@media only screen and (min-width:1351px) and (max-width:1620px) {}

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

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

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

@media only screen and (min-width:551px) and (max-width:1340px) {

    .middelFooterWrapper h2 {
        font-size: 10vw;
    }

}

@media only screen and (max-width:1249px) {
    .headerLgoCol {
        width: 33%;
        padding-right: 65px;
    }

    .footerMenuWrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 67%;
    }
}

@media only screen and (max-width:991px) {
    .ckFooterMainWrapper {
        padding: 0 20px;
    }

    body .topFooterWrapper {
        display: none;
    }

}

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

    .headerLgoCol {
        width: 100%;
    }

    .footerMenuWrapper {
        width: 100%;
        flex-wrap: wrap;
        gap: 30px;
    }

    .topHeaderWrapper {
        flex-wrap: wrap;
        gap: 40px;
    }

    .bottomHeaderWrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
        padding: 40px 0 20px;
    }

    .middelHeaderWrapper {
        padding: 40px 0;
    }

    .bottomHeaderWrapper p {
        text-align: center;
    }

    .fcol {
        width: unset;
    }

    .bottomFooterWrapper {
        padding: 20px 0;
    }

    .bottomFooterWrapper {
        flex-direction: column;
    }

    .bottomFooterCol {
        gap: 12px;
    }

    .bottom-footer-social ul {
        gap: 12px;
    }

    .bottomFooterCol a {
        color: var(--color-primary-blue);
        font-size: 12px;
    }

    .bottomFooterWrapper p {
        font-size: 12px;
    }

    .bottom-footer-social img {
        width: 18px;
        height: 18px;
    }

    .bottom-footer-link {
        gap: 12px;
    }

    .bottomFooterCol {
        margin: 8px 0px;
    }


}

@media only screen and (max-width:550px) {

    .middelFooterWrapper h2 {
        font-size: 9.5vw;
    }

}