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

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

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

@media (min-width: 1200px) {
    section .container {
        max-width: 980px;
    }
}

@media (max-width: 1199.98px) {
    .pop-tz {
        height: 400px;
    }
    .pop-tz .pop-i {
        width: 25%;
    }
}

@media (max-width: 1100px) {
    .home-navbar .logo-slogan, .home-navbar .login i {
        display: none;
    }
    .pop-tz {
        height: 500px;
    }
    .pop-tz .pop-i {
        width: 33%;
    }

    .content-block {
        flex-direction: column;
    }
    .content-block.no-responsive {
        flex-direction: row;
    }
    .vertical-container, .vertical-container.left {
        margin: 0 auto;
    }
    .vertical-container {
        order: 1;
    }
    .vertical-container.responsive-reverse {
        order: 0;
    }
    .clapat-button {
        margin: 5px;
    }

    .carousel-box {
        height: 315px;
    }
    .carousel-box .knob {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 0;
    }
    .carousel-box .left {
        left: -25px;
    }
    .carousel-box .right {
        right: -25px;
    }
}

@media (max-width: 910px) {
    .home-navbar .logo {
        position: initial;
    }
    .home-navbar .navbar-nav, .home-navbar .login {
        display: none;
    }
    .home-navbar .show-menu {
        display: block;
    }

    .link-tz {
        height: 220px;
    }
    .link-tz .link-i {
        width: 50%;
    }

    .carousel-box {
        height: 180px;
    }
    .carousel-box .knob{
        width: 30px;
        height: 30px;
        margin: -15px 0 0 0;
    }
    .carousel-box .left {
        left: -15px;
    }
    .carousel-box .right {
        right: -15px;
    }
}

@media (max-width: 575.98px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pop-tz {
        height: 800px;
    }
    .pop-tz .pop-i {
        width: 50%;
    }
}

@media (max-width: 413.98px) {
    .section-title h2 {
        font-size: 32px;
    }

    .content-block .vertical-container img {
        max-width: 100%;
    }
    .content-block.no-responsive .vertical-container img {
        max-width: none;
    }

    .link-tz ul, .pop-tz ul {
        padding: 0;
    }
    .link-tz {
        height: 300px;
    }
    .link-tz .link-i {
        width: 100%;
        text-align: center;
    }
    .pop-tz {
        height: 1450px;
    }
    .pop-tz .pop-i {
        width: 100%;
        text-align: center;
    }

    .carousel-box {
        height: 126px;
    }
    .carousel-box .knob{
        width: 20px;
        height: 20px;
        margin: -10px 0 0 0;
    }
    .carousel-box .left {
        left: -10px;
    }
    .carousel-box .right {
        right: -10px;
    }

    .explanation {
        margin: 0 auto;
    }
}