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

@media only screen and (max-width: 1199px) {
    header .float-right, header .float-left {
        width: auto;
    }
    .pr-boxes .col-box {
        width: 33.3333%;
    }
    .sidebar {
        width: 230px;
        margin-right: 20px;
    }
    .pp-content-box .col-box-1 {
        width: 50%;
        margin-right: 30px;
    }
    header .logo img {
        width: 167px;
        margin-top: 10px;
    }
    .main-menu {
        width: 440px;
    }
    .main-menu>ul>li {
        margin: 0 15px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .main-menu ul li:hover ul {
        display: none;
    }
    .main-menu ul > li > a .btn-slide-down {
        line-height: 47px;
        background: none !important;
        color: transparent !important;
        border-color: transparent !important;
    }
    .btn-slide-down {
        display: block !important;
    }
    footer .text {
        max-width: 100%;
    }
}

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

@media only screen and (max-width: 992px) {
    .ppp-boxes {
        width: 100%;
    }
    .ppp-boxes .btn-1 {
        margin: 10px auto 0 auto;
    }
    .quantity-box {
        width: 100%;
    }
    .pp-box-4 .btn-2 {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .nav-tabs-1 li {
        margin: 0 10px;
    }
    .pp-box-5 .col-box {
        width: 100%;
        margin-bottom: 10px;
    }
    .fl-box {
        margin-left: 10px;
        margin-right: 10px;
    }
    .pr-boxes .col-box {
        width: 50%;
    }
    .article-text {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .article-image {
        margin: 0;
    }
    .boxes-1-1 .row-box .col-box {
        width: 33.3333%;
    }
    .slider .txt {
        font-size: 20px;
    }
    .slider h2 {
        font-size: 32px;
    }
    .slider .description {
        height: 400px;
    }
    .swiper-pagination {
        bottom: 20px;
    }
    .title h2, .title h1 {
        font-size: 32px;
    }
    body {
        padding-top: 70px;
    }
    .header-rsp {
        display: block;
    }
    header {
        position: relative;
    }
    header .float-left {
        display: none;
    }
    header .float-right {
        margin-top: 0;
        width: 100%;
    }
    .search-box {
        width: calc(100% - 109px);
    }
    header .fr {
        width: 100%;
    }
    footer .col-box-1 {
        margin-bottom: 30px;
        width: 100%;
    }
    footer .text {
        width: 100%;
    }
    footer .col-box-2, footer .col-box-3 {
        width: 33.333%;
    }
    body .main-menu {
        position: fixed;
        top: 70px;
        left: 0;
        display: none;
        background: rgba(0,0,0,0.5);
        width: 100%;
        overflow: auto;
        height: calc(100% - 70px);
        z-index: 102;
    }
    body .main-menu ul li a {
        text-align: left;
        color: #000;
        background: #fff;
        padding: 18px 15px 15px 15px;
    }
    body .main-menu ul li {
        position: relative;
        width: 100%;
        border-bottom: 1px solid #f1f1f1;
        margin: 0;
    }
    body .main-menu ul ul li:last-child {
        border-bottom: none;
    }
    body .main-menu ul ul li:first-child {
        border-top: 1px solid #f1f1f1;
    }
    body .main-menu ul {
        width: 100%;
    }
    body .main-menu ul li a {
        display: block;
        width: 100%;
        border: none;
        color: #2b216c !important;
        line-height: normal;
        height: auto;
        display: block;
        list-style: none;
    }
    body .main-menu ul li a:hover {
        background: #1ad48e;
        color: #fff !important;
    }
    .main-menu ul ul {
        position: relative;
        top: auto;
        border: none;
        left: auto;
        margin: 0;
    }
    .main-menu > ul > li.li-submenu > a:after {
        right: 15px;
        margin-top: -2px;
    }
    .main-menu ul > li > a .btn-slide-down {
        color: #757575;
        border-color: #757575;
        line-height: 56px;
        height: 54px;
    }
    body .main-menu ul ul li a {
        padding-left: 30px;
    }
    .carousel .swiper-button-prev {
        left: 0;
    }
    .carousel .swiper-button-next {
        right: 0;
    }
    .carousel {
        padding: 0 30px;
    }
    .pr-box {
        padding: 0 15px;
        padding-bottom: 15px;
    }
    .info-box {
        top: 15px;
    }
    .filtration-box .float-left {
        width: 100%;
    }
    .filtration-box {
        text-align: left;
    }
    .fl-box {
        margin-top: 14px;
        margin-left: 0;
        margin-right: 20px;
    }
    .pr-boxes-1 .pr-button-box {
        margin-bottom: 0;
    }
    .pr-boxes-1 .pr-box figure {
        width: 100px;
        text-align: center;
        padding: 0;
        height: auto;
    }
    .pr-boxes-1 .info-box {
        top: 0;
    }
    body .pr-boxes-1 .pr-box .pr-button-box {
        position: relative;
        margin: 0;
        float: right;
        text-align: center;
        padding-top: 10px;
    }

    body .pr-boxes-1 .pr-box .pr-button-box .btn-1 {
        float: none;
        display: inline-block;
    }
    .pr-boxes-1 .pr-box .description {
        padding: 0;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .nav-tabs-1 a {
        height: auto;
        line-height: normal;
        padding: 9px 5px 8px 5px;
    }
    .nav-tabs-1 ul li {
        width: 100%;
        margin: 0;
    }
    .select-1-1 {
        max-width: 100%;
    }
    .table-box-1 {
        overflow: auto;
    }
    .nav-tabs-1 {
        height: auto;
    }
    .pp-content-box .col-box-1 {
        width: 100%;
        margin-right: 0;
    }
    .pp-main-image {
        height: auto;
    }
    .pr-button-box {
        opacity: 1;
    }
    .pagination-box {
        padding-top: 50px;
    }
    .pr-boxes .col-box {
        width: 100%;
    }
    .sidebar {
        display: none;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 0;
    }
    .main {
        float: left;
        padding: 0 15px;
        width: 100%;
        padding-top: 14px;
    }
    .content-map .description {
        height: auto;
        padding-top: 300px;
    }
    .map {
        height: 300px;
    }
    .c-box {
        margin-top:15px;
        width: 100%;
    }
    .slider h2, .title h2, .title h1 {
        font-size: 25px;
    }
    .slider .txt {
        font-size: 16px;
    }
    .boxes-1 .row-box .col-box {
        width: 50%;
    }
    footer .col-box {
        width: 100%;
        margin: 20px 0 0 0;
    }
    footer .col-box-1 {
        margin-top: 0;
    }
    .copyright, .created {
        width: 100%;
        text-align: center;
    }
    .footer-top {
        padding: 45px 0;
    }
    body {
        padding-left: 0;
        padding-right: 0;
    }
    .button-box-3 {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 0;
    }
    .button-rwd {
        display:  block;
        padding: 0 15px;
    }
    .button-rwd a {
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .box-1 .name {
        height: auto;
    }
    .boxes-1 .row-box .col-box {
        width: 100%;
    }
    .box-1 img {
        width: 100%;
    }
}