@media only screen and (max-width: 1199px) {
    .main-menu > ul > li > a {
        font-size: 19px;
    }
    .social-box a {
        margin: 0 30px;
    }
    .pr-box figure {
        margin-bottom: -5px;
    }
}

/*@media only screen and (max-width: 1000px) {
    .main-menu ul li:hover ul {
        display: none;
    }
    .main-menu > ul > li > a {
        padding: 0 10px;
    }
    .main-menu ul > li.li-submenu > a {
        padding-right: 50px !important;
    }
    .main-menu ul > li > a .btn-slide-down {
        line-height: 61px;
        background: none !important;
        border-color: #fff !important;
    }
    .btn-slide-down {
        display: block !important;
    }
}*/

@media only screen and (min-width: 992px) {
    .menu-rsp {
        display: none !important;
    }
}

@media only screen and (max-width: 992px) {
    .main-menu {
        display: none;
    }
    .header-rsp {
        display: block;
    }
    body {
        padding-top: 85px;
    }
    header {
        position: relative;
        display: none !important;
    }
    .logo {
        display: none;
    }
    .search-box {
        width: 100%;
    }
    .header-right-box {
        width: 100%;
    }
    .search {
        width: 100%;
    }
    header .langs-box {
        display: none;
    }
    .banner-full-screen {
        height: calc(100% - 72px);
    }
    .banner .flex-box, .box-1, .box-2, footer, .boxes-3, .font-1 {
        font-size: 16px;
        line-height: 1.4;
    }
    .title-1 h2, .title-1 h1 {
        font-size: 35px;
    }
    .banner .prev-box, .carousel .prev-box {
        left: 10px;
    }
    .banner .next-box, .carousel .next-box {
        right: 10px;
    }
    .banner .description {
        padding: 0 70px;
    }
    .carousel {
        padding-left: 70px;
        padding-right: 70px;
    }
    .logos-box figure {
        padding: 10px;   
    }
    .checkbox-box label {
        margin: 9px 0 0 0;
    }
    .btn-2 {
        font-size: 20px;
    }
    .pr-content-box-1 {
        margin-top: -22px;
    }    
}

@media only screen and (max-width: 768px) {
    .z-content-box-2-1 figure, .z-content-box-4-1 figure {
        width: 100%;
        display: none;
    }
    .z-content-box-2-1 .txt, .z-content-box-4-1 .txt {
        width: 100%;
    }
    .z-box-1 figure {
        width: 20%;
    }
    .z-box-1 .txt {
        width: 79%;
    }
    .z-content-box-4-1 {
        padding-bottom: 30px;
    }
    .z-content-box-4-1 .txt .z-icon-1 {
        display: none;
    }
    .z-content-box-2-1 figure img {
        max-width: 100%;
        max-height: none;
        margin: 0;
    }
    .boxes-1-1 .box-1 {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
    .boxes-1 .col-box {
        width: 33.3333%;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .boxes-1-1 {
        text-align: center;
    }
    .boxes-1-1 .col-box, .boxes-1-1 .box-1.current {
        float: none;
        width: 74px !important;
        height: 74px;
        margin: 0 !important;
        padding: 0;
        vertical-align: top;
        display: inline-block;
    }
    .boxes-1-1 .col-box {
        margin: 2.5px 0 !important;
    }
    .boxes-1-1 .col-box a {
        width: 74px !important;
        height: 74px !important;
    }
    .boxes-1-1 .current.box-1 .figure {
        height: 35px;
        padding: 0;
        margin-bottom: 6px;
    }
    .boxes-1-1 .box-1.current .txt {
        height: 22px;
    }
    .boxes-1-1 .box-1.current {
        font-size: 10px;
        padding: 5px;
    }
    .boxes-1-1 {
        margin-bottom: 17px !important;
    }
    .boxes-1 .row-box {
        margin-left: -10px;
        margin-right: -10px;
    }
    .boxes-1 {
        float: left;
        width: 100%;
        margin-bottom: -25px;
    }
    .carousel li figure {
        height: 320px;
    }
    .social-box a {
        margin: 0 15px;
    }
    footer .col-box {
        width: 100%;
    }
    .banner .next-box, .banner .prev-box {
        margin-top: 0;
        top: 10px;
    }
}

@media only screen and (max-width: 576px) {
    .carousel li figure {
        height: 200px;
    }
    .logos-box figure {
        height: 100px;
    }
    .social-box a {
        margin: 10px;
    }
    .banner .description {
        position: relative;
        padding: 0;
        float: left;
        width: 100%;
    }
    .boxes-1 .col-box {
        width: 50%;
    }
    .pr-content-box-1 {
        margin-top: -10px;
    }
}