@media ( max-width: 1920px ) {

}

@media ( max-width: 1895px ) {

}

@media (max-width: 1600px) {
}

@media (max-width: 1536px) {
}

@media (max-width: 1440px) {
}

@media ( max-width: 1366px ) {

}

@media (max-width: 1308px) {

}

@media (max-width: 1280px) {


}

@media (max-width: 1199px) {

}

@media (max-width: 1112px) {
}

@media ( max-width: 1100px ) {

}

@media (max-width: 1024px) {
    .header-section .header-content-wrapper {
        padding: 0 20px;
    }
}

@media ( max-width: 992px ) {
}

@media ( max-width: 980px ) {

}

@media ( max-width: 767px ) {
    .toggle-button-menu {
        display: block;
        cursor: pointer;
    }
    .header-section .header-content-wrapper {
        padding: 0 20px;
    }
    .main-menu-wrapper > .d-flex.align-items-center {
        flex-direction: column;
        position: absolute;
        top: 50px;
        right: 0;
        width: 100%;
        background-color: #fff;
        height: 100vh;
        display: none;
    }
    .main-menu-wrapper a {
        padding: 10px 20px;
        margin: 10px 0;
        border-bottom: 1px solid #DBDEE2;
    }
    .main-menu-wrapper .buton-login a {
        margin-top: 20px;
        display: block;
        max-width: 150px;
        text-align: center;
        margin-left: 20px;
    }
    .main-menu-wrapper > .d-flex.align-items-center li {
        width: 100%;
    }

    .footer-section {
        padding: 50px 20px 0;
    }

    .footer-new-holder {
        flex-wrap: wrap;
    }

    .footer-new-list {
        padding: 0 0px 20px 0;
    }

    .footer-new-holder-left {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .footer-new-holder-right {
        display: flex;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .footer-new-holder-right-holder-payments, .footer-new-holder-right-holder-trust-badge {
        justify-content: center;
    }

    .footer-new-bottom-text:first-child {
        margin-right: 0;
        text-align: center;
    }
}

@media ( max-width: 667px ) {

}

/*header mobile css---------------------*/
@media (max-width: 576px) {

}

@media (max-width: 479px) {

}

@media (max-width: 420px) {

}

@media (max-width: 350px) {
}