@media screen and (min-width: 1200px) and (max-width: 1599px){
    .nb-item a {
        font-size: 28px;
    }
    .about-nav a {font-size: 16px}
    .hight-text .desc {
        max-height: 170px;
    }
    footer .col-md-4:last-child p {
        font-size: 13px;
    }
    .container {
        max-width: 1200px;
    }
    .pro-nav > div {
        padding-right: 10px;
    }
    .pro-nav-item li a, .pro-nav-item h2 a {
        font-size: 13px;
    }
    .products-item h4 a {
        font-size: 14px;
    }
    .products-item .flex-center-between span {
        font-size: 14px;
    }
    .product-info h1 {
        font-size: 30px;
    }
    .pro-plus a {
        margin-right: 20px;
    }
    .container-fluid {
        padding: 0 60px;
    }
    .cl-slider .cl-item span {
        margin: 60px;
    }
    .cl-slider .slick-prev {
        left: 310px;
    }
    .cl-slider .slick-next {
        right: 310px;
    }
    .careers-info .short-desc {
        font-size: 18px;
    }
    .careers-info h1, .careers-frm h4 {
        font-size: 28px;
    }
    .upload-cv .btn-black {
        min-width: 140px;
    }
    .text-404 h1 span {
        font-size: 260px;
    }
    .text-404 h2 {
        font-size: 40px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .slick-track, .slick-list {
        height: 100%;
    }
    .search-box {
        padding: 10px;
    }
    .products-block {
        margin: 0;
    }
}
@media screen and (min-width: 768px){
    .visible-mobile {
        display: none;
    }
    .visible-desktop {
        display: block;
    }
    .show-search {
        display: none;
    }
    #menu, .btn-none-1{
        display: none !important;
    }
}
@media screen and (max-width: 767px){
    .search-frm input {
        color: #000;
    }
    .search-frm input:focus {
        width: 100%;
    }
    .visible-mobile {
        display: block;
    }
    .visible-desktop {
        display: none;
    }
    .header-top {
        padding: 2px 0;
    }

    .pd-60 {
        padding: 30px 0;
    }
    .mm-menu {
        background: #0c568f;
        z-index: 9999;
    }
    .mm-listitem>a, .mm-menu .mm-navbar a, .mm-menu .mm-navbar>*, .mm-counter {
        color: #fff !important;
        text-transform: uppercase;
    }
    .mm-menu .mm-listview .mm-btn_next:after , .mm-menu .mm-btn:after, .mm-menu .mm-btn:before{
        border-color:  #ffff;
    }
    .cates-flex, .products-flex {
        flex-wrap: wrap;
    }
    .container-fluid {
        padding: 0 15px;
    }
    .store-slider:before, .hight-image:before {
        display: none;
    }
    .banner-text .h3  {
        font-size: 30px;
    }
    .cates-flex > a {
        flex: 0 0 calc((100% - 20px)/2);
        max-width: calc((100% - 20px)/2);
        margin-right: 20px;
        margin-top: 20px;
    }
    .cates-flex > a:nth-child(2n) {
        margin-right: 0;
    }
    .cates {
        padding-top: 10px;
    }
    .collections {
        padding: 60px 0;
    }
    .collect-item, .collection-slider {
        margin: 0;
    }
    .collection-slider .slick-arrow {
        top: 50%;
        transform: translate(0, -50%);
    }
    .collection-slider .slick-prev {
        left: 0;
    }
    .collection-slider .slick-next {
        right: 0;
    }
    .collect-text h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .collect-text {
        padding: 20px;
    }
    .collection-slider .slick-current {
        margin-top: 0;
    }
    .collection-slider .slick-list {
        padding: 0;
    }
    .projects-detail .col-md-6 {
        margin-top: 30px;
    }

    .dis-cover {
        position: static;
    }
    .dis-cover {
        display: none;
    }
    .breadcrum {
        flex-wrap: wrap;
    }
    .hight-text {
        padding-top: 0;
        padding-bottom: 30px;
    }
    .projects {
        padding: 30px 0;
    }
    .pj-item {
        margin-top: 30px;
    }
    .text-404 h1 span {
        font-size: 120px;
    }
    .abs-404 {
        position: static;
    }
    .menu-btn i {
        margin: 7px 0;
        width: 30px;
    }
    .btn-search span, .btn-product span {
        display: none;
    }
    .btn-search {
        display: none;
        margin-right: 10px;
    }
    .btn-cart, .btn-login {
        margin-left: 20px;
    }
    .menu-btn {
        margin-right: 30px;
    }
    .btn-language {
        color: #fff;
        font-weight: 600;
    }
    .active.btn-language {
        display: none;
    }
    .banner-item,.banner-item > img, .video-bg {
        height: 70vh;
    }
    .banner-text .h2, .banner-text .h3 {
        font-size: 24px;
    }
    .modal-center .modal-content {
        padding: 30px 15px;
    }
    .modal-form .col-md-6 {
        margin-top: 10px;
    }
    .modal-center-content .title h2, .title h2 {
        font-size: 24px;
    }
    .table-cart table {
        max-width: none;
        width: 1200px;
    }
    .about-nav a {
        font-size: 14px;
        padding: 0 5px;
    }
    .about-video {
        margin-bottom: 30px;
    }
    .about-video iframe {
        height: 350px;
    }
    .about-nb {
        flex-wrap: wrap;
    }
    .about-nb > div {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .nb-item a, .news-detail h1 {
        font-size: 24px;
    }
    .teams-slider .slick-arrow {
        top: auto;
        bottom: -50px;
    }
    .news-detail, .pro-nav, .collection-list {
        padding: 30px 0;
    }
    .nav-home {
        padding: 30px 0 0 0;
    }
    .nav-cover {
        margin: 30px 0;
    }
    .detail-left .desc,.careers-info .short-desc {
        font-size: 18px;
    }
    header {
        padding-top: 20px;
    }
    .modal-top .close {
        right: 10px;
        top: 90px;
    }
    .modal-top-menu .container-fluid {
        padding: 15px;
    }
    .pro-nav > div {
        padding-right: 10px;
        flex: 0 0 50%;
    }
    .pro-nav {
        flex-wrap: wrap;
    }
    .collection-list .container {
        padding: 0 15px;
    }
    .collection-list .row {
        margin: 0 -15px;
    }
    .collection-list .col-md-6 {
        padding: 0 15px;
    }
    .collection-list .collect-item {
        margin: 0 0 40px 0 ;
    }
    .collection-list .col-md-6:nth-child(2n+1) {
        margin-top: 0;
    }
    .title-page, .collect-pros h2, .careers-info h1,
    .careers-frm h4{
        font-size: 24px;
    }
    .btn {
        font-size: 14px;
        height: 40px;
    }
    .cl-slider .cl-item span {
        margin: 0;
    }
    .cl-slider .slick-current span {
        transform: scale(1);
    }
    .collect-gallery{
        padding: 0 15px;
    }
    .cl-item p {
        margin-top: 20px;
    }
    .collect-desc .projects-hight, .careers-dt,
    .careers, .products-detail{
        padding: 30px 0;
    }
    footer {
        padding: 30px 0 10px 0;
    }
    footer .col-md-4:last-child {
        margin-top: 20px;
    }
    .pro-nav-item ul{
        display: none;
    }
    .btn-black {
        height: 40px;
        min-width: 120px;
    }
    .careers-tbl table {
        max-width: none;
        width: 900px;
    }
    .careers-tbl {
        margin-top: 30px;
    }
    .nav-home li a {
        font-size: 18px;
    }
    .partner-l {
        display: none;
    }
    .find-docs .col-md-4 {
        margin-bottom: 10px;
    }
    .product-info {
        margin-top: 20px;
        padding-left: 0;
    }
    .product-info h1 {
        font-size: 24px;
    }
    .product-info .input-cart .button,.product-info .quantity-field[type=number] {
        height: 40px;
    }
    .pro-plus {
        flex-wrap: wrap;
    }
    .pro-plus a {
        margin: 0 20px 15px 0;
    }
    .related-slider .slick-list {
        margin: 0;
    }
    .pro-items {
        margin: 0;
    }
    .fiter-content {
        padding: 20px;
    }
    .products-page .pro-items {
       margin-right: 10px;
    }
    .pro-nav-item h2 a {
        font-size: 13px;
    }
    .pro-nav-item h2 {
        margin-bottom: 10px;
    }
    .search-box {
        display: none;
    }
    .nb-item-abs a {
        padding: 0 10px;
    }
    .store-slider .slick-arrow {
        bottom: -60px;
        left: auto;
        right: 0;
    }
    .store-slider .slick-prev {
        right: 80px;
    }
    .sign-in .col-md-3 {
        margin-top: 10px;
    }
    .pagination ul {
        text-align: left !important;
    }
    .pagination .list-inline-item:not(:last-child) {
        margin: 0 10px 10px 0;
    }
    .collect-item img {
        height: 460px;
    }
    .mgt-mb-15 {
        margin-top: 15px;
    }
    .mdl-link {
        font-size: 13px;
    }
    .teams-item img {
        height: auto;
    }
    .related-slider .products-item {
        flex: 0 0 100%;
        max-width: 100% ;
        margin-right: 10px !important;
        min-width: auto !important;
    }
    .ss-text > .flex-center {
        justify-content: space-between;
    }
    .sign-in .col-md-5 {
        justify-content: center;
        margin-bottom: 20px;
    }
    .sign-in .col-md-3 {
        justify-content: center;
    }
    .sign-in {
        padding: 30px 0;
    }
    .mb-block {
        display: block;
    }
    .hight-image img {
        height: auto;
    }
    .cl-slider .cl-item span img {
        height: 350px;
    }
    .products-item  {
        flex: 1;
        min-width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-top: 20px;
    }
    .products-item:nth-child(2n) {
        margin-right: 0;
    }
    .products-item h4 a, .products-item .flex-center-between,
    .products-item span:last-child{
        font-size: 14px;
    }
    .products-item .flex-center-between {
        flex-wrap: wrap;
    }
    .products-item .flex-center-between > * {
        width: 100%;
    }
    .contact-info li a {
        color: rgba(15, 20, 31, 0.8);
    }
    .contact-info .title h2 {
        font-size: 18px;
    }
    .cl-slider .slick-arrow {
        top: auto;
        bottom: -40px;
    }
    .cl-slider .slick-prev {
        left: 37%;
        transform: translate(0, -50%);
    }
    .cl-slider .slick-next {
        right: 37%;
        transform: translate(0, -50%);
    }
    .about-nav .flex-center-center {
        flex-wrap: wrap;
    }
    .about-nav a {
        margin-bottom: 10px;
        padding: 0 15px;
    }
    .show-more {
        display: none;
    }
    .product-image-slider .slick-track {
        display: flex;
        align-items: center;
    }
    .product-image-slider .slick-arrow {
        opacity: 0.5;
    }
    .product-image-slider .slick-slide {
        padding: 10px;
    }
    form.flex-center {
        flex-wrap: wrap;
    }
    .product-image-slider .slick-dots {
        bottom: 0;
    }
    .product-info .add-to-cart-button {
        margin: 20px 0 0 0;
    }
    .search-box {
        position: absolute;
        width: 300px;
        right: -15px;
        z-index: 2;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 30%);
        box-shadow: 0 1px 6px 0 rgb(0 0 0 / 30%);
        display: none;
        top: calc(100% + 15px);
        background: #fff;
        padding: 10px;
        margin-right: 0;
    }
    .search-frm {
        position: relative;
    }
    .btn-none-1 {
        margin-right: 20px;
        color: #fff;
    }
    .search-frm input {
        background: rgba(0, 0, 0, 0.07);
        width: 100%;
        height: 38px;
        border: none;
        padding-right: 35px;
        font-size: 14px;
        padding-left: 10px;
    }
    .search-frm button {
        border: none;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        left: auto;
        color: #1D3455;
        font-size: 16px;
    }
    .search-b {
        position: relative;
    }
    .search-frm button i {
        color: #1D3455;
    }
    .search-hd:before {
        content: '';
        position: absolute;
        bottom: 100%;
        width: 0;
        height: 0;
        right: 2px;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #fff;
    }
    .search-frm input::-webkit-input-placeholder {   color: #1D3455;}
    .search-frm input::-moz-placeholder {   color: #1D3455;}
    .search-frm input:-ms-input-placeholder {   color: #1D3455;}
}
@media screen and (min-width: 568px) and (max-width: 767px) {
    .partners-item {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
        margin-bottom: 10px;
    }

}
@media screen and (max-width: 567px) {
    .partners-item {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
        margin-bottom: 10px;
    }
    .show .partner-abs {
        height: 250px;
        overflow: auto;
    }
    .partners-item.show {
        margin-bottom: 270px;
    }
}