/* MEDIA 1200 */

@media (min-width: 1024px) and (max-width: 2000px) {
}

/* MEDIA 1024 */

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

/* END MEDIA 800 */

@media (min-width: 600px) and (max-width: 800px) {
}

@media (max-width: 900px) {


    body {

        font-size: 14px;
    }
    .curved-div::before {
        z-index: 33;
    }

    /*btn*/
    .btn-primary {
        padding: 8px 20px;
        font-size: .875rem;
    }

    .btn-secondary {
        padding: 8px 20px;
        font-size: .875rem;
    }

    .btn-outline-white {
        padding: 8px 20px;
        font-size: .875rem;
    }

    /*menu*/
    .logo {
        position: absolute;
        top: 15px;
        right: 10px;
        width: 145px;
        z-index: 100;
        max-width: 75px;
    }

    html[dir="ltr"] .logo {
        right: auto;
        left: 10px;
    }

    .menu-section {
        width: 100%;
        z-index: 40;
    }

        .menu-section .navbar {
            justify-content: flex-end;
        }

        .menu-section .navbar-nav {
            padding: 0;
        }

    /*slider*/
    .main-slider {
        height: 55vh;
        position: relative;
    }

    .content-slider {
        z-index: 44;
        color: #fff;
    }

    .curved-div {
        /*display: none;*/
        width: 100%;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
    }

        .curved-div .play-button {
            top: 74%;
            left: 27%;
        }

    html[dir="ltr"] .curved-div .play-button {
        top: 83%;
        left: auto;
        right: 27%;
    }

    /*about*/
    .about {
        min-height: auto;
        padding: 50px 0;
    }

        .about .history-taps .nav-link {
            padding: 11px 15px;
            min-width: 130px;
        }

    .history-taps .nav-link {
        padding: 10px 15px;
        min-width: 100px;
    }

    .swiper-button-prev {
        left: 33% !important;
    }

    .nav-item .fast-access {
        color: #007653 !important;
        background: white !important;
        font-weight: bold;
        text-decoration: none;
        border-radius: 5px;
        padding: 5px 5px;
    }

        .nav-item .fast-access:focus,
        .nav-item .fast-access:hover {
            background: #007653 !important;
            border-radius: 5px;
            color: #fff !important;
            font-weight: bold;
            text-decoration: none;
            padding: 5px 5px;
        }
}


@media (min-width: 992px) {
}

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