@media only screen and (max-width: 1199px) {
    .fr-box {
        width: 25%;
    }
    .pr-content-box-3 {
        padding: 0;
    }
    .pr-content-box-2 a {
        margin: 10px 10px 8px 10px;
    }
    .content-box-13 figure {
        width: 30%;
    }
    .sidebar-1 {
        width: 30%;
    }
    .sidebar {
        width: 30%;
    }
    .content-box-13-1 {
        padding-top: 0;
    }
    .content-box-13-1 .txt {
        font-size: 25px;
    }
    .content-box-11-1 figure {
        width: 50%;
    }
    .menu-1 a, .menu-1 div {
        padding-top: 8px;
        font-size: 16px;
    }
    .box-7 figure {
        width: 30%;
    }
    .content-box-1-3 figure {
        margin-bottom: 0;
    }
    .carousel {
        padding: 0 25px;
    }
    .search-box-1 .input-box {
        width: 250px;
    }
    .carousel .prev-box {
        left: 0;
    }
    .box-7 .description {
        padding-left: 15px;
    }
    .box-7-1 .description {
        padding-left: 0;
    }
    .box-7 .txt-2 span span {
        font-size: 34px;
    }
    .content-box-1-3 .description {
        padding-top: 90px;
    }
    .content-box-1-3 .txt-2 {
        margin-bottom: 25px;
    }
    .boxes-5 {
        margin-bottom: 0;
    }
    .carousel .next-box {
        right: 0;
    }
    .carousel .prev-box, .carousel .next-box {
        top: 110px;
    }
    .content-box-1-3 .description {
        padding-right: 40px;
        width: 55%;
    }
    .btn-2 {
        font-size: 16px;
    }
    .banner-subpage .description {
        height: 480px;
    }
   .main-menu > ul > li {
        margin-left: 20px;
   }
    .banner .description {
        font-size: 22px;
    }
    .banner .name, .banner-subpage h1, .subpage-title {
        font-size: 45px;
    }
    .banner .txt {
        margin-bottom: 28px;
    }
    .box-2-2 {
        width: 100%;
    }
    .box-2-1 .data-box .float-right {
        margin-top: 6px;
    }
    .newsletter-box {
        padding: 100px 0;
    }
    .newsletter .txt, .contact-box .name {
        font-size: 38px;
    }
    .btn-1 {
        font-size: 16px;
        line-height: 56px;
    }
    .box-2 figure {
        padding: 10px;
    }
    .boxes-2-1 .box-2 .description {
        padding: 0 15px;
    }
    .btn-1 {
        line-height: 42px;
        height: 40px;
    }
    .x-box-1 figure {
        width: 30%;
        margin-right: 15px;
    }
    .sidebar-1-2 {
        width: 183px;
    }
}

@media only screen and (max-width: 1000px) {
    .main-menu ul li:hover ul {
        display: none;
    }
    .main-menu ul > li.li-submenu > a {
        padding-right: 50px !important;
    }
    .main-menu ul > li > a .btn-slide-down {
        line-height: 86px;
        color: #fff;
        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) {
   .klk-content-box-1 .az-content-box-2 .row-box .col-box {
      width: 100% !important;
   }
   .klk-content-box-1 .az-content-box-2 .row-box .col-box:last-child {

    width: 100%;
    padding-top: 30px;
}

    .social-box a {
        margin-right: 6px;
    }
            .fr-box {
        width: 33.333333%;
    }
    .q-box {
        padding: 20px;
    }
    .content-box-13 figure {
        width: 100%;
    }
    .content-box-13-1 {
        padding: 25px 0 0 0;
        float: left;
        width: 100%;
    }
    .content-box-13 figure img {
        width: 100%;
    }
    .search-box-1 label {
        font-size: 18px;
        margin-bottom: 10px;
        width: 100%;
    }
    .search-box-1 {
        padding: 15px 0 20px 0;
    }
    .search-box-1 .input-box, .search-box-1 .select, .search-box-1 button {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .search-box-1 .float-right {
        width: 100%;
    }
    .boxes-8 .row > div {
        width: 50%;
        flex: none;
        max-width: none;
    }
    .content-box-11-1 h3 {
        font-size: 28px;
    }
    .box-7 .txt-2 .row > div {
        width: 100%;
        flex: none;
        max-width: 100%;
    }
    .box-6 .description {
        width: 40%;
    }
    .content-box-9-1 figure {
        width: 50%;
    }
    .content-box-7-2 .description {
        padding-top: 0;
    }
    .box-5 .col-box {
        font-size: 16px;
    }
    .carousel .prev-box, .carousel .next-box {
        top: 76px;
    }
    .content-box-1-3 .description {
        padding-top: 30px;
    }    
    .main-menu {
        display: none;
    }
    .header-rsp {
        display: block;
    }
    body {
        padding-top: 0;
    }
    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);
    }
    body {
        padding-top: 70px;
    }
    .banner .description {
        display: table-cell;
        vertical-align: middle;
        float: none;
        width: 2000px;
        text-align: center;
    }
    .banner-full-screen, .banner .description {
        height: 350px;
    }
    .search-content {
        position: relative;
        top: auto;
        left: auto;
        float: left;
        background: #000;
        width: 100%;
    }
    .banner .description {
        font-size: 18px;
    }
    body .row20 > .col-box-2 {
        padding-right: 10px;
    }
    body .row20 > div {
        width: 33.33333%;
    }
    .s-label {
        margin-top: 10px;
    }
    .search-content .btn-2 {
        margin-top: 24px;
    }
    .search-content .container > .row {
        margin-top: -34px;
    }
    .title h2, .title h1 {
        font-size: 30px;
    }
    .title-txt {
        font-size: 18px;
    }
    .box-1 {
        font-size: 16px;
        line-height: normal;
    }
    .box-2-2 .txt-2 {
        font-size: 30px;
        padding: 0 6px;
        float: left;
        margin-top: 2px;
        line-height: 1.1;
        color: #fdc716;
    }    
    .box-2-1 .data-box:after {
        display: none;
    }
    .box-2-1 .data-box {
        padding-right: 0;
    }
    .newsletter-box {
        padding: 50px 0;
        background-size: cover;
    }
    .newsletter .txt, .contact-box .name {
        font-size: 28px;
    }
    .wrapper-1 {
        width: 100%;
    }
    .box-1 {
        max-width: 100%;
    }
    .banner-subpage .description {
        height: 250px;
    }
    .banner-subpage h1, .subpage-title {
        padding-top: 0;
    }
    .boxes-3 .col-box {
        width: 50%; 
    }
    .content-box-6-1 figure {
        width: 40%;
    }
    .title-1 h2 {
        font-size: 25px;
    }
    .content-box-1-3 h3 {
        font-size: 25px;
    }
    .q-box label {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
   .q-box {
      padding: 20px;
      text-align: center;
   }
   .klz-box-1 figure {
width: 50px;
}
.q-box .description {
   width: 100%;
   padding: 30px 0 0 0;
}
.klz-box-1 .name {
   font-size: 18px;
}
    .footer-top .row > div {
        width: 100%;
        max-width: 100%;
        flex: none;
    }
    .footer-top .row > div:first-child {
    margin-top: 0;
}
.klk-boxes-1 .row {
   margin: 0;
}
.footer-top .row > div {
    margin-top: 20px;
}
    body .boxes-3-1-1 .col-box {
        width: 100% !important;
    }
    .footer-top {
        text-align: center;
    }
    .social-box a {
    margin-left: 4px;
    margin-right: 4px;
}
            .fr-box {
        width: 50%;
    }
    .q-box .number {
        width: 100%;
    }
    .q-box .description {
        padding: 20px 0 0 0;
        width: 100%;
        float: left;
    }
    .q-box {
        float: left;
        width: 100%;
    }
    .q-box-1 .row > div:nth-child(1) {
        margin-bottom: 10px;
    }
    .q-box label {
        font-size: 16px;
    }
    .g-box img {
        width: 100%;
    }
    .x-date-1 {
        margin-top: -7px;
    }
    .hide767 {
        display: none;
    }
    .title-1-2 {
        margin-bottom: 30px;
    }
    .content-box-13-1 .txt {
        font-size: 22px;
        line-height: normal;
    }
    .sidebar-1 {
        width: 100%;
        padding-right: 0;
    }
    .main-1 {
        width: 100%;
    }
    .sidebar {
        width: 100%;
        padding-right: 0;
    }
    .content-box-11-1 figure {
        width: 100%;
    }
    .content-box-11-1 .description {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .content-box-11-1 figure img {
        width: 100%;
    }
    .main {
        float: left;
        width: 100%;
    }
    .box-7 .txt-2 span span {
        font-size: 25px;
    }
    .box-7 figure {
        width: 100%;
    }
    .x-box-1 figure, .x-box-1 figure img {
        width: 100%;
        margin-right: 0;
    }
    .box-7 figure img {
        width: 100%;
    }
    .x-box-1 .description {
        padding-bottom: 0;
    }
    .pagination-box li {
        margin: 5px;
    }
    .box-7 .description, .x-box-1 .description {
        padding-left: 0;
        float: left;
        width: 100%;
    }
    .txt-4 .add-btn-2 {
        clear: both;
        float: left;
        display: block;
    }
    .txt-4 .add-btn-1, .txt-4 .add-btn-2, .txt-4 .add-btn-3, .txt-4 .add-btn-4, .txt-4 .add-btn-5 {
        clear: both;
        margin-right: 0;
        float: left;
        display: block;
        margin: 5px 0;
    }
    .box-7 .txt-4 {
        height: auto;
    }
    .box-7 {
        float: left;
        width: 100%;
    }
    .box-6 .description {
        width: 100%;
        padding-right: 0;
    }
    .content-box-8 .txt-box {
        margin-bottom: 0;
    }
    .map-box-1 {
        width: 100%;
        margin-top:15px;
        float: left;
    }
    .content-box-1-3 .description {
        padding: 0;
        width: 100%;
        text-align: center;
        text-align: center;
    }
    .carousel .prev-box, .carousel .next-box {
        top: 115px;
    }
    .content-box-7-2 .description {
        width: 100%;
        text-align: center;
        padding-right: 0;
    }
    .content-box-7-2 h2 {
        text-align: center;
    }
    .content-box-7-2 {
        margin-top: 50px;
    }
    .box-5 .col-box {
        padding: 5px 15px;
        width: 100%;
        text-align: center;
    }
    .txt-box {
        margin-bottom: 40px;
    }
    .title-1 h2 {
        font-size: 22px;
    }   
    .content-box-1-3 h3 {
        text-align: center;   
    }
    .content-box-1-3 {
        padding-top: 30px;
    }
    .content-box-1-3 .btn-1 {
        float: none;
    }
    .banner-subpage .description {
        height: 150px;
    }    
    .banner-full-screen, .banner .description {
        height: 300px;
    }
    .banner .txt {
        font-size: 16px;
    }
    .banner .name, .banner-subpage h1, .subpage-title {
        font-size: 30px;
    }
    .boxes-1 .col-box {
        width: 33.33333%;
        margin-top: 30px;
    }
    .boxes-1 {
        margin-top: -30px;
    }
    .box-2-2 > .txt-1:first-child {
        display: block;
        width: 100%;
    }
    .box-2-2 .txt-1 br {
        display: none;
    }
    .box-2-2 .txt-2 {
        padding-left: 0;
    }
    .boxes-1-1 .col-box {
        width: 50%;
    }
    .social-box a {
        margin-right: 5px;
    }
    .c-form-box .row .row > div {
        width: 100%;
        flex: none;
        max-width: 100%;
    }
    .input-box textarea {
        height: 205px;
    }
    .content-box-6-1 figure {
        padding: 15px;
    }
    .box-6 h3 {
        font-size: 26px;
    }
    .search-box-1 label {
        font-size: 16px;
    }
    .x-button-1 a {
        padding: 0 10px;
    }
    .x-content-box-1 {
        margin-bottom: -40px;
    }
}

@media only screen and (max-width: 576px) {
    .search-box-1 .input-box {
        width: 100%;
    }
    .search-box-1 button {
        margin-top: 15px;
    }
    .search-box-1 {
        padding-bottom: 15px;
    }
    .search-box-1 .select {
        width: calc(100% - 54px);
        margin: 10px 0;
        margin-right: 20px;
    }
    .boxes-8 .row > div {
        width: 100%;
    }
    .box-8 figure img {
        width: 100%;
    }
    .box-8 .txt {
        margin-bottom: 30px;
        height: auto;
    }
    .content-box-9-1 figure {
        width: 100%;
    }
    .box-6 .map-box-1 {
        height: 200px;
    }
    .content-box-9-1 .c-form-box {
        width: 100%;
        float: left;
    }
    .content-box-6-1 figure {
        width: 100%;
    }
    .content-box-6-1 figure img {
        width: 100%;
    }
    .box-3 {
        width: 100%;
    }
    .content-box-6-1 .description {
        width: 100%;
        padding-top: 10px;
        float: left;
    }
    .boxes-3 .col-box {
        width: 100%;
    }
    body .row20 > div {
        width: 100%;
    }
    body .s-label {
        height: 8px;
        margin-top: 5px;
        line-height: 1px;
    }
    body .col-box-2 .s-label {
        height: auto;
        padding-top: 17px;
    }
    .search-content .btn-2 {
        margin-top: 15px;
    }
    .search-content {
        padding-top: 35px;
        padding-bottom: 15px;
    }
    .boxes-1 .col-box {
        width: 50%;
    }
    .boxes-2 .row > div {
        margin-top: 30px;
    }
    .boxes-2 .row > div:first-child {
        margin-top: 0;
    }
    .logos-box li {
        width: 49%;
    }
    .box-2-2 .txt-2 {
        width: 100%;
        padding-right: 0;
    }
    .logos-box figure {padding: 15px;}
    .box-2-2 .txt-1-2 {
        width: 100%;
    }
    .box-2-2 .txt-1-2 {
        padding-top: 0;
    }
    .box-2-2 {
        padding-top: 5px;
    }
    .logos-box {
        margin-top: 5px;
        margin-bottom: -15px;
    }
    .box-2 {
        text-align: center;
    }
    .newsletter-box {
        padding: 33px 0 38px 0;
        text-align: center;
        background: #fff;
    }
    .newsletter .txt {
        text-align: center;
        padding-right: 0;
        border: none;
        margin-bottom: 5px;
        font-size: 22px;
    }
    .n-form {
        padding-right: 0;
    }
    .n-form input {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .n-form .btn-2 {
        float: none;
        margin: 0 auto;
    }
    .box-2 figure img {
        width: 100%;
    }
    .newsletter {
        width: 100%;
    }
    footer {
        text-align: center;
    }
    .social-box a {
        margin-left: 4px;
        margin-right: 4px;
    }
    .footer-top .row > div {
        margin-top: 20px;
    }
    .footer-top .row > div:first-child {
        margin-top: 0;
    }
    .footer-bottom {
        text-align: center;
    }
    .footer-bottom .float-left {
        width: 100%;
    }
    .header-rsp .logo-rsp {
        width: 166px;
    }
}


@media only screen and (max-width: 992px) {
    .pr-content-box-3 {
        padding: 0 !important;
    }
    .sxs-box-1 table tr td:last-child {
        font-size: 16px;
    }
    .product-page .az-content-box-1 .row-box .col-box:first-child, .product-page .az-content-box-2 .row-box .col-box:first-child {
        width: 55% !important;
    }
    .product-page .az-content-box-1 .row-box .col-box:last-child, .product-page .az-content-box-2 .row-box .col-box:last-child {
        width: 45% !important;
    }
}

@media only screen and (max-width: 767px) {
   
    .product-page .az-content-box-1 .row-box .col-box:first-child, .product-page .az-content-box-2 .row-box .col-box:first-child {
        width: 100% !important;
    }
    .product-page .az-content-box-1 .row-box .col-box:last-child, .product-page .az-content-box-2 .row-box .col-box:last-child {
        width: 100% !important;
    }
   .sxs-button-box {
    text-align: center !important;
   }
   .pr-banner-box .bx-pager .bx-pager-item {
    margin-bottom: 8px !important;
   }
   .s-input select {
    width: 100% !important;
   }
   .pr-banner-box figure {
    height: 250px !important;
   }
}