@media only screen and (max-width: 1199px) {
    header .logo img {
        width: 120px;
        margin-top: 8px;
    }
    header .btn-1 {
        font-size: 12px;
    }
    .main-menu > ul > li {
        margin: 0 10px;
    }
    .banner .bx-controls, .slider .bx-controls {
        margin-left: -465px;
    }
    .content-box-4 .description {
        padding-right: 30px;
    }
}

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

@media only screen and (max-width: 992px) {
    .btn-slide-down {
        display: block !important;
    }    
    .main-menu {
        display: none;
    }
    .header-rsp {
        display: block;
    }
    body {
        padding-top: 70px;
    }
    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 .bx-controls, .slider .bx-controls {
        margin-left: 0;
        left: 0;
        text-align: center;
        width: 100%;
    }
    .banner .bx-wrapper .bx-pager, .slider .bx-wrapper .bx-pager {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .banner .bx-pager .bx-pager-item, .slider .bx-pager .bx-pager-item {
        margin-left: 5px;
        margin-right: 5px;
    }
    .banner .txt-1, .banner .txt-3 {
        font-size: 16px;
        padding-left: 0;
    }
    .banner .txt-2 {
        font-size: 30px;
    }
    .banner .txt-1:after {
        display: none;
    }
    .banner .description-2 {
        width: 100%;
    }
    .banner figure, .banner .figure-2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .banner .figure-2 {
        width: 50%;
       left: auto;
       right: 0;
    }
    .banner .description {
        padding-top: 240px;
        height: auto;
    }
    .banner .description-2 {
        padding-top: 30px;
    }
    .banner .txt-4 p {
        font-size: 16px;
    }
    .banner .txt-4 p:after {
        top: 0;
    }
    .banner li {
        min-height: 10px !important;
        height: 480px !important;
    }
    .banner .txt-4 {
        margin-bottom: 20px;
    }
    .content-box-2 .text {
        padding: 0;
    }
    .copyright, .created {
        width: 100%;
        text-align: center;
    }
    .langs-box {
        margin-top: -10px;
    }
    .content-box-4 .description {
        padding-top: 35px;
        padding-right: 15px;
        height: 400px;
    }
    .slider .bx-controls {
        bottom: 15px;
    }
    .langs-box ul li {
        line-height: 36px;
    }
}

@media only screen and (max-width: 768px) {
    .btn-1 {
        height: auto;
        line-height: normal;
        padding: 15px 10px 14px 10px !important;
    }
    .banner .figure-2 {
        display: none;
    }
    .content-box-3 .txt span {
        font-size: 16px;
    }
    .banner li {
        height: auto !important;
        background: none !important;
    }
    .banner {
        background: rgb(1, 141, 149);
    }
    .banner .bx-controls {
        bottom: 34px;
    }
    .banner .txt-1, .banner .txt-3, .banner .txt-4 p, .banner .txt-4 p span {
        font-size: 14px;
    }
    .banner .txt-2 {
        font-size: 25px;
        line-height: 1.1;
    }
    .banner .txt-4 p:after {
        width: 2px;
        height: 2px;
        top: 8px;
        background: #fff;
    }
    .banner .txt-4 p {
        padding-left: 10px;
    }
    .banner .txt-2 {
        font-size: 20px;
    }
    .title, .title-box-1 div, .content-box-3 .txt {
        font-size: 25px;
    }
    .title-1 span {
        font-size: 16px;
        margin-top: -5px;
    }
    .title-box-1:after {
        display: none;
    }
    .title-box-1 div {
        padding: 0;   
    }
    .title-box-1 {
        padding: 0;
        display: block;
    }
    .boxes-1 .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .boxes-1 .row > div {
        padding: 0 5px;
    }
    .content-box-4 .description {
        width: 100%;
    }
    .slider .txt-1 {
        font-size: 25px;
    }
    .slider figure {
        width: 100%;
        height: 250px;
    }
    .content-box-4 .description {
        height: auto;
    }
    .slider .description {
        padding: 0 0 60px 0;
        padding-top: 275px;
    }
    .slider .txt-2 {
        font-size: 16px;
    }
    .slider .txt-1 {
        line-height: 1.3;
    }
    .c-box {
        padding-left: 90px;
    }
}

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