@media all and (min-width: 321px) {
    body {
        overflow-x: hidden;
    }
}

@media all and (min-width: 981px) {
    .container {
        width: 980px;
        padding-left: 60px;
        padding-right: 60px;
    }

    footer .col {
        float: left;
        width: 50%;
        padding-left: 70px;
        padding-right: 70px;
    }

    .substrate-block {
        background-attachment: fixed;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #fancybox-wrap {
        width: 50% !important;
        /*max-width: 710px!important;*/
        max-width: 50% !important;
        /*height: 425px!important;*/
        height: 90%!important;
        max-height: 90%;
        /*max-height: 750px;*/
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #fancybox-content {
        width: auto !important;
        height: 100% !important;
        overflow-y: auto;
    }

    .product-popup-wrapper .col-container {
        display: table;
        width: 100%;
    }

    .product-popup-wrapper .col {
        display: table-cell;
        vertical-align: middle;
    }

    .product-popup-wrapper .product-image {
        position: fixed;
        width: 30%;
        margin-top: 15px;
    }

    .product-popup-wrapper .product-image img {
        width: 100%;
        height: auto;
    }

    .product-popup-wrapper .product-description {
        padding-left: 35%;
        /*padding: 0 42px;*/
        float: none;
    }

    .product-popup-wrapper .product-name {
        text-align: left;
        padding: 25px 0;
        float: none;
    }

    .product-list .slick-list {
        max-height: 300px;
    }

    footer .container > a {
        margin-right: 30px;
    }

    footer .nmk-copy {
        margin-top: 4px;
        float: left;
    }

    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

}

@media all and (min-width: 981px) and (max-width: 1000px) {
    .slick-next {
        margin-right: -44px;
    }

    .slick-prev {
        margin-left: -44px;
    }
}

@media all and (max-width: 980px) and (min-width: 501px) {
    .substrate-block img {
        width: calc(158%);
        max-width: 480px;
        margin-left: -29px;
    }
}

@media all and (max-width: 980px) {

    .container {
        padding-left: 29px;
        padding-right: 29px;
        width: 480px;
    }

    .slick-prev {
        margin-left: -30px;
    }

    .slick-next {
        margin-right: -30px;
    }

    footer {
        margin-top: 45px;
    }

    footer .col {
        padding-left: 29px;
        padding-right: 29px;
    }

    footer .col:first-child {
        padding-bottom: 40px;
    }

    h1 {
        font-size: 45px;
    }

    h1,
    h2,
    h3 {
        line-height: 1;
    }

    .our-production {
        margin-bottom: 40px;
    }

    .our-production .dots-wrapper {
        padding: 15px 0 30px;
    }

    .substrate-block {
        background-position: 65% 60% !important;
    }

    .our-production .slider-list {
        position: relative;
    }

    .our-production .slider-list li {
        display: block;
        float: none;
        text-align: center;
    }

    .our-production .slider-list li:first-child {
        opacity: 1;
        position: static;
        visibility: visible;
        width: auto;
        height: auto;
    }

    .our-production .slider-list li.dropdown-wrapper {
        position: absolute;
        width: 100%;
        top: 100%;
        display: none;
    }

    .our-production .slider-list.opened li.dropdown-wrapper {
        display: block;
        z-index: 1050;
    }

    .our-production .slider-list li a,
    .slider-list .active a {
        color: #84754d;
        background: transparent;
    }

    .slider-list li {
        border: 1px solid #84754d;
    }

    .our-production .slider-list li:hover a,
    .our-production .slider-list li.active:hover a {
        color: #fff;
        background: #84754d;
    }

    .our-production .slider-list.opened li a {
        color: #fff;
        background: #84754d;
    }

    .our-production .slider-list.opened li a:hover {
        background: #6f6344;
    }

    #fancybox-wrap {
        /*width: 425px !important;*/
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        /* max-height: 550px; */
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #fancybox-content {
        width: auto !important;
        overflow-y: auto;
        height: 100% !important;
    }

    .top-image-wrapper {
        height: 87vh;
        max-height: 87vh;
        min-height: 87vh;
    }

    a.logo {
        width: 96%;
    }

    .video-sound-icon {
        display: none;
    }

    .top-motto h1 {
        margin: 38px 0 47px;
    }

    footer {
        text-align: center;
    }

    footer .container > a {
        width: 100%;
        margin-bottom: 8px;
    }

    footer .social-wrapper {
        margin: 30px 0;
    }

    .product-item span {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    h2 {
        padding-top: 5px;
    }
}

@media all and (max-width: 786px) {
    .wrapper {
        visibility: hidden;
        position: absolute;
        z-index: -1000;
        left: -100%;
        top: 0;
    }

    .wrapper.ft {
        visibility: visible;
        position: static;
        width: 480px;
        margin-top: -99px;
    }

    .wrapper.ft footer {
        padding: 40px 55px;
    }

    .wrapper.ft ul {
        display: none;
    }

    .wrapper.mobile {
        visibility: visible;
        position: static;
        padding-bottom: 99px;
    }

    .detail .wrapper.mobile .content h3 {
        margin-top: 10px;
    }

    .detail .wrapper.mobile .top h2 {
        font-size: 26px;
        margin-bottom: 40px;
    }

    .articles .mobile h5 {
        text-align: left;
    }

    .page-c01.articles .mobile .top h2 {
        line-height: 150%;
    }

    .page-c01.articles .mobile .top .content-wrapper .content ul li a {
        font-size: 15px;
    }

    #feedback-form .file-wrapper {
        margin: 0 auto;
        float: none;
    }

    #feedback-form button {
        display: block;
        float: none;
        margin: 45px auto 0;
    }

    .page-c01 .top.articles-mobile .content {
        padding-left: 250px;
    }

    .page-c01 .top .content .additional-menu {
        margin-bottom: 35px;
    }

    .page-c01 .top .content .additional-menu li a {
        color: #fff;
        text-decoration: none;
        font-size: 20px;
    }

    .page-c01 .top .content .additional-menu li.active a {
        color: #33cccc;
    }

    .page-c01 .top .content .additional-menu li.hover {
        color: #33cccc;
    }

    #fancybox-close-custom {
        top: 20px;
        right: 20px;
        position: fixed;
    }
}

@media all and (max-width: 500px) {
    .container {
        width: auto;
    }

    .slick-next {
        margin-right: -25px;
    }

    .slick-prev {
        margin-left: -25px;
    }

    .product-item .product-image img {
        width: 75%;
        height: auto;
    }
}

@media all and (max-width: 450px) {
    .slick-prev,
    .slick-next {
        width: 31px;
        height: 55px;
    }
}