/*  @ M E D I A  Q U E R I E S  */

@media (max-width: 1199px) {
    header .logo {
        white-space: nowrap;
    }
    header .logo .text {
        margin: 0 0 0 12px;
    }
    header .topnav {
        padding: 0;
        overflow: hidden;
        margin-top: -15px;
    }
    header .topnav ul li a {
        padding: 12px 16px 10px;
    }
    header .topnav ul li {
        margin-right: 0;
    }
    header .search {
        margin-left: 10px;
    }
    header .search input[type="text"] {
        width: 200px;
    }
    .projects ul {
        margin: 0px -12px;
    }
    .projects ul li {
        padding: 0 12px;
    }
    .slider ul {
        margin: 0 -100px;
    }
    .measurer .info {
        width: 600px;
    }
    .thanks {
        text-align: left;
        padding-left: 50px;
    }
    .fullcart table tr td:last-child {
        padding-left: 50px;
    }
    .filter .range .wrap .from, .filter .range .wrap .to {
        width: 78px;
    }
    .leftcol .banner {
        text-align: center;
        padding: 5px 20px;
        height: auto;
    }
    .leftcol .banner .text {
        width: auto;
        position: relative;
        top: 0;
        left: 0;
        font-family: 'RalewayRegular';
    }
    .leftcol .banner .phone {
        position: relative;
        top: 0;
        left: 0;
        color: #3d3d3d;
        margin-top: 10px;
    }
    .leftcol .banner img {
        display: none;
    }
    .pagination {
        text-align: center;
    }
    .services li .price,
    .services li .button {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin: 14px 5px 0;
    }
    .services li .name {
        margin-bottom: 10px;
    }
    .product .data .row .col:last-child {
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }
    .product .measurer {
        padding-left: 30px;
        padding-right: 30px;
    }
    .product .measurer::after {
        display: none;
    }
    .product .info {
        justify-content: space-between;
    }
    .product .info .item.manufacturer:last-child {
        text-align: center;
    }
    .product.service .call {
        text-align: left;
        padding: 15px 12px 15px 12px;
        float: left;
    }
    .product.service .row .col:last-child {
        width: auto;
        margin-top: 0;
    }
    .leftcol .box ~ .service {
        margin-top: 32px;
    }
    .product .colors {
        margin-top: 26px;
    }
    .product .info {
        margin: 38px -15px 0;
    }
    .product .info .item {
        padding: 0 15px;
    }
}

@media (max-width: 991px) {
    .leftcol {
        width: 33%;
    }
    .maincol {
        width: 66%;
    }
    .maincol .products li {
        width: 50%;
    }
    .banners {
        border-bottom: none;
        padding-bottom: 54px;
    }
    .banners ul li img {
        display: none;
    }
    .banners ul li .text {
        display: block;
    }
    .banners .slick-next, .banners .slick-prev {
        left: 48px;
        right: 0;
        margin: auto;
        position: absolute;
    }
    .banners .slick-prev {
        left: 0;
        right: 48px;
    }
    .fullcart table td:last-child .wrap {
        width: 45px;
    }
    .fullcart table tr td:last-child {
        padding-right: 65px;
        padding-left: 25px;
    }
    .fullcart td.price {
        font-size: 26px;
    }
    .orderform .form + .form {
        -webkit-flex: 1.5 1 0;
        -moz-flex: 1.5 1 0;
        -ms-flex: 1.5 1 0;
        -o-flex: 1.5 1 0;
        flex: 1.5 1 0;
    }
    .contacts .form {
        width: 48%;
    }
    .contacts .wrap {
        width: 52%;
    }
    header .logo {
        text-align: center;
    }
    header .logo .text {
        margin: 10px 0 0 0;
        display: block;
    }
    header .call {
        background: none;
        padding-left: 10px;
    }
    header .call::before {
        display: none;
    }
    header .call .phone {
        font-size: 23px;
    }
    header .topnav ul li a {
        font-size: 12px;
    }
    header .search input[type="text"],
    header .search input[type="text"].short:focus {
        width: 160px;
    }
    .advantages ul {
        margin: 0;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .advantages ul li {
        -webkit-flex: 1 1 auto;;
        -moz-flex: 1 1 auto;;
        -ms-flex: 1 1 auto;;
        -o-flex: 1 1 auto;;
        flex: 1 1 auto;
        width: 48%;
        max-width: 48%;
        margin: 0;
        border-radius: 10px 0 16px 0;
    }
    .advantages .title {
        font-size: 19px;
    }
    .advantages ul li + li + li {
        margin-top: 30px;
    }
    footer .top .title {
        font-size: 14px;
        margin-bottom: 16px;
    }
    footer .call .phone {
        font-size: 20px;
    }
    .question-form .title {
        font-size: 30px;
    }
    h1,
    .team .title,
    .video .title,
    .faq .title,
    .projects .title,
    .scheme .title,
    .section .title,
    .products.hits .title {
        font-size: 32px;
    }
    .products.hits .title::before {
        margin-top: 4px;
    }
    .video .player {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        margin-bottom: 34px;
    }
    .video .player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .scheme ul li {
        margin-top: 20px;
    }
    .scheme .title {
        margin-bottom: 10px;
    }
    .slick-next,
    .slick-prev {
        top: -87px;
    }
    .slider .slick-prev,
    .slider .slick-next {
        width: 42px;
    }
    .slider .slick-prev {
        right: 57px;
    }
    .popupcart td.price {
        font-size: 24px;
    }
    .popupcart .title {
        padding: 28px 22px;
    }
    .popupcart form {
        padding: 0 22px;
    }
    .popupcart td.name img {
        width: 40px;
        border: 4px solid #f2f2f2;
        padding: 6px;
    }
    .popupcart td.name span {
        font-size: 18px;
    }
    .measurer .info {
        width: 380px;
    }
    .measurer p {
        line-height: 1.5;
    }
    header .minicart .count {
        display: none;
    }
    .promotions ul li + li {
        margin-top: 50px;
    }
    .promotions ul li .wrap {
        overflow: visible;
    }
    .promotions ul li > a > img,
    .promotions ul li > img {
        margin-bottom: 20px;
    }
    .thanks {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        margin: 0;
    }
    .thanks img {
        display: none;
    }
    .projects {
        overflow: hidden;
    }
    .contacts form .right {
        text-align: center;
    }
    .services ul li {
        width: 50%;
    }
    .product .select select {
        width: 135px;
    }
    .product .addit li {
        width: 50%;
    }
    .product .data {
        padding-left: 30px;
    }
    .product.service .row .col:last-child {
        width: 100%;
        margin-top: 30px;
    }
    .product.service .call {
        text-align: center;
        padding: 15px 12px;
        float: none;
    }
    .product.service .manufacturer {
        float: none;
        text-align: center;
    }
    .product.service .manufacturer .wrap {
        display: inline-block;
        vertical-align: middle;
    }
    .product.service .manufacturer .caption {
        margin: 0 12px 0 0;
    }
    .product.service .row + .measurer {
        margin-top: 50px;
    }
    .popupcart td a.shk-del {
        top: 66px;
    }
    .extra {
        width: 720px;
    }
    header .nav > ul > li::before,
    header .nav > ul > li::before {
        margin: 0 4px;
        border-radius: 0 0 4px 4px;
    }
    header .nav > ul > li:hover::before,
    header .nav > ul > li.active::before {
        top: -4px;
    }
    header .nav > ul > li:hover > a::before,
    header .nav > ul > li.active > a::before {
        top: -8px;
    }
    header .nav > ul > li:hover > a::after,
    header .nav > ul > li.active > a::after {
        top: -8px;
    }
    header .nav > ul > li.inactive::before {
        top: -100%;
    }
    .measurer form {
        padding-left: 20px;
    }
    .product .measurer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .product .info {
        text-align: center;
        display: block;
        margin-top: 2px;
    }
    .product .info .icon:first-child {
        margin: 0 0 14px 0;
    }
    .product .info .icon + .wrap {
        display: block;
    }
    .product .info .item {
        display: inline-block;
    }
    .product .info .item {
        margin-top: 30px;
    }
    .product .info .item {
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .call .phone::before {
        display: none;
    }
    .call .phone {
        padding-left: 38px;
    }
    .extra {
        width: 100%;
        margin-left: 15px;
        text-align: center;
    }
    .extra ul li {
        width: 100%;
        text-align: center;
    }
    .extra ul li img {
        float: none;
        margin: 0 0 15px;
    }
    .extra .title {
        margin: 0;
    }
    .extra .notice img{
        display: none;
    }
    .extra ul li .name {
        margin-bottom: 18px;
    }
    .extra ul li + li {
        margin-top: 34px;
    }
    .leftcol {
        width: 100%;
    }
    .maincol {
        width: 100%;
        padding-left: 0;
        margin-top: 40px;
    }
    .orderform .row {
        display: block;
    }
    .orderform .form + .form,
    .orderform .row + .row .form {
        margin-left: 0;
        margin-top: 38px;
    }
    .orderform .form .right,
    .orderform .form .left {
        text-align: center;
    }
    .form .name + input.address {
        background-image: none;
        padding-left: 16px;
    }
    .contacts {
        display: block;
    }
    .contacts .form,
    .contacts .wrap {
        width: 100%;
    }
    .contacts .wrap {
        padding-left: 0;
        margin-top: 50px;
    }
    header .logo .text {
        font-family: "RalewayRegular";
    }
    footer .top .wrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    footer .top .wrap > div {
        -webkit-flex: 1 1 auto;;
        -moz-flex: 1 1 auto;;
        -ms-flex: 1 1 auto;;
        -o-flex: 1 1 auto;;
        flex: 1 1 auto;
        width: 50%;
        max-width: 50%;
        text-align: center;
    }
    footer .top .wrap > div + div + div {
        margin-top: 35px;
        width: 100%;
        max-width: 100%;
    }
    footer .call,
    footer .developer {
        text-align: center;
    }
    .question-form .title {
        font-size: 28px;
    }
    .question-form form::before,
    .question-form form::after {
        display: none;
    }
    .question-form form {
        margin-bottom: 8px;
        width: auto;
    }
    .question-form button {
        margin-bottom: 30px;
    }
    .question-form .heading {
        padding: 22px 20px 26px;
        font-size: 20px;
    }
    .question-form .wrap {
        border-radius: 0 0 8px 8px;
    }
    .team li {
        width: 50%;
        margin-bottom: 46px;
    }
    .projects ul,
    .album {
        margin: 0 -12px;
    }
    .projects ul li,
    .album li {
        padding: 0 12px;
        margin-top: 35px;
        width: 33.333%;
    }
    .projects li .image,
    .album li .image {
        background: none;
        width: auto;
        height: auto;
    }
    .projects li .image img,
    .album li .image img {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }
    .projects li .info {
        width: auto;
        margin: 16px 0 0;
        padding: 0;
    }
    .scheme ul li {
        width: 50%;
    }
    .scheme li:nth-child(4n + 4) .heading,
    .scheme li:nth-child(4n + 4) p {
        margin-right: 28px;
    }
    .scheme li:nth-child(4n + 4)::after {
        display: block;
    }
    .scheme li:nth-child(2n + 2) .heading,
    .scheme li:nth-child(2n + 2) p {
        margin-right: 0;
    }
    .scheme li:nth-child(2n + 2)::after {
        display: none;
    }
    .advantages {
        padding-top: 50px;
    }
    .popupcart td.name img {
        width: 40px;
        border: 4px solid #f2f2f2;
        padding: 6px;
    }
    .popupcart td.name,
    .popupcart td.amount,
    .popupcart td.price,
    .popupcart table,
    .popupcart tbody,
    .popupcart tr {
        display: block;
        border-bottom: none;
        text-align: center;
        padding: 0;
    }
    .popupcart td.name {
        padding: 55px 0 16px 0;
    }
    .popupcart td.price {
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 26px;
    }
    .popupcart td.name span {
        display: block;
    }
    .popupcart td.name img {
        float: none;
        display: inline-block;
        margin: 0 0 12px 0;
    }
    .popupcart td a.shk-del {
        top: 0;
        left: 50%;
        margin-left: -20px;
        margin-top: 10px;
        background-position: center center;
        padding: 20px;
    }
    .popupcart td.amount {
        padding-bottom: 16px;
    }
    .popupcart td.amount button {
        padding: 0 16px;
    }
    .popupcart td.amount input.shk-count {
        height: 40px;
    }
    .popupcart td.amount span {
        display: none;
    }
    .popupcart td.amount .wrap {
        margin-right: 0;
    }
    .popupcart .bottom {
        text-align: center;
    }
    .popupcart .bottom .total {
        float: none;
        text-align: center;
        margin-top: 20px;
        top: 0;
    }
    .popupcart .bottom {
        padding: 22px 0 30px;
    }
    .popupcart a.continue {
        margin: 12px 24px;
    }
    .popupcart .button {
        margin: 12px 0;
    }
    .work ul {
        margin: 0 -14px;
        padding-top: 8px;
    } 
    .work ul li {
        width: 50%;
        padding: 0 14px;
        margin-top: 28px;
    }
    header .top {
        text-align: center;
        position: relative;
    }
    header .topnav {
        display: block;
        padding: 0;
        overflow: visible;
        line-height: 0;
    }
    header .topnav ul {
        display: none;
        padding: 10px 15px;
        background-color: #f4a211;
        width: 100%;
        z-index: 90;
    }
    header .topnav ul li {
        margin: 0;
        display: block;
        float: none;
    }
    header .topnav ul li:hover,
    header .topnav ul li.active {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none;

    }
    header .topnav ul li:hover a,
    header .topnav ul li.active a {
        color: #565656;
    }
    header .topnav ul li + li {
        border-top: 1px solid #fdc86c;
    }
    header .topnav ul li a {
        font-size: 14px;
        padding: 19px 0 18px;
    }
    header .topnav ul.active {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
    }
    header .topnav .toggle,
    header .nav .toggle {
        display: inline-block;
    }
    header .nav {
        display: block;
        padding: 0;
        overflow: visible;
        line-height: 0;
    }
    header .nav > ul {
        display: none;
        padding: 20px 15px;
        background-color: #3e3e3e;
        width: 100%;
        z-index: 99;
    }
    header .nav > ul > li {
        margin: 0;
        display: block;
        float: none;
    }
    header .nav > ul > li:hover,
    header .nav > ul > li.active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    header .nav > ul > li:hover > a,
    header .nav > ul > li.active > a {
        color: #ababab;
    }
    header .nav > ul > li + li {
        border-top: 1px solid #717171;
    }
    header .nav > ul > li > a {
        font-size: 14px;
        padding: 17px 0 16px;
        color: #fff;
    }
    header .nav > ul.active {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
    }
    header .nav .toggle::before,
    header .nav .toggle::after,
    header .nav .toggle span {
        background-color: #fff;
    }
    header .search input[type="text"].short,
    header .search input[type="text"],
    header .search input[type="text"].short:focus {
        width: 215px;
    }
    header .middle .wrap {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    header .bottom .wrap {
        padding: 16px 0;
        position: inherit;
    }
    header .middle {
        text-align: center;
    }
    header .logo {
        margin-bottom: 18px;
        white-space: normal;
        width: 100%;
        border-bottom: 1px solid #faf8f6;
        padding-bottom: 16px;
    }
    header .logo br {
        display: none;
    }
    header .minicart {
        margin-top: 18px;
    }
    header .minicart a.checkout {
        padding: 12px 20px 13px 22px;
        border-radius: 20px;
    }
    header .info {
        padding: 0 20px;
        width: 100%;
        border-bottom: 1px solid #faf8f6;
        padding-bottom: 18px;
    }
    .promotions ul li > a > img,
    .promotions ul li > img {
        margin-bottom: 20px;
        float: none;
        width: 100%;
    }
    .promotions ul li + li {
        margin-top: 60px;
    }
    header .top .container > .wrap {
        padding-top: 15px;
    }
    .call .phone,
    .call .button {
        margin-bottom: 15px;
    }
    .fullcart table td {
        display: block;
        text-align: center;
    }
    .fullcart table td + td {
        border-left: none;
    }
    .fullcart .count button {
        padding: 0 16px;
    }
    .fullcart table tr td:last-child {
        text-align: center;
        padding-right: 25px;
    }
    .fullcart tr.params td + td {
        display: none;
    }
    .fullcart tr.delivery td:nth-child(2),
    .fullcart tr.total td:nth-child(2),
    .fullcart tr.param td:nth-child(2),
    .fullcart tr.item-param td:nth-child(2) {
        display: none;
    }
    .fullcart table td:last-child .wrap {
        border-left: none;
    }
    .fullcart tr.param td {
        padding: 8px 20px 8px;
    }
    .fullcart tr.param td:first-child {
        padding: 15px 20px 8px !important;
    }
    .fullcart tr.param td.price {
        padding-top: 0;
    }
    .fullcart tr.params td {
        padding-bottom: 5px;
    }
    .fullcart tr.param td a.del {
        top: 5px;
        margin-top: 0 !important;
    }
    .leftcol .projects li .image {
        width: auto;
    }
    .leftcol .projects ul {
        margin: 0 -15px;
    }
    .leftcol .projects ul li {
        margin-top: 20px;
        width: 50%;
        padding: 0 15px;
    }
    .products_ajax ~ .projects ul li {
        width: 50%;
    }
    .leftcol .projects ul li + li {
        margin-top: 20px;
    }
    .maincol .products ul {
        margin: 0 -10px;
    }
    .maincol .products li {
        padding: 0 10px;
    }
    .product .gallery {
        margin: 0 0 40px;
        width: 100%;
        float: none;
    }
    .product .data {
        padding-left: 0;
        float: none;
        width: 100%;
    }
    .columns {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        padding-top: 20px;
    }
    .columns > div + div {
        margin: 30px 0 0;
    }
    .product .scheme {
        margin: 60px 0 40px;
    }
    .product .gallery .discount {
        right: 38px;
    }
    .product .gallery .sticker {
        right: 30px;
    }
    .slider {
        padding-bottom: 65px;
        text-align: center;
        border-bottom: none;
    }
    .slider ul {
        margin: 0;
    }
    .slider ul li img {
        display: none;
    }
    .slider ul li .text {
        display: block;
    }
    .slider .slick-next, .slider .slick-prev {
        left: 44px;
        right: 0;
        margin: auto;
        position: absolute;
        top: auto;
        bottom: 0;
        height: 46px;
        width: 34px;
        background-position: center -9px;
    }
    .slider .slick-prev {
        left: 0;
        right: 44px;
    }
    .slider .slick-next:hover, .slider .slick-prev:hover {
        background-position: center -69px;
    }
    header .nav > ul > li > ul {
        position: relative;
        top: 0;
        left: 0;
        border-bottom: none;
        background-color: #fff;
        padding: 18px 15px 16px;
        margin: 2px 0 10px;
        overflow: hidden;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    header .nav > ul > li > ul a {
        border-bottom: 1px solid #cecece;
        padding: 13px 0 14px;
    }
    header .nav > ul > li > ul > li {
        width: 100%;
        padding: 0 10px;
    }
    header .nav > ul > li > ul:after {
        background-color: #ffedcc;
        bottom: 16px;
    }
    header .nav > ul > li:hover > ul {
        display: none;
    }
    header .nav > ul > li.actived > ul {
        display: block;
    }
    header .nav > ul > li::before,
    header .nav > ul > li::before,
    header .nav ul > li > a::before,
    header .nav ul > li > a::before,
    header .nav > ul > li > a::after,
    header .nav > ul > li > a::after,
    header .nav > ul > li.parent:hover::after {
        display: none;
    }
    header .nav > ul > li {
        border-left: none;
    }
    header .nav > ul > li:last-child {
        border-right: none;
    }
    header .nav > ul > li > ul {
        text-align: center;
    }
    header .nav > ul > li > ul li + li {
        border-top: none;
    }
    header .nav > ul > li > ul > li:last-child a {
        border-bottom: none;
    }
    header .nav > ul > li > ul a:hover,
    header .nav > ul > li > ul li.active {
        background-color: #f3f3f3;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .measurer .wrapper {
        display: block;
    }
    .measurer .info::after,
    .measurer .info .wrap::before,
    .measurer .info::before {
        display: none;
    }
    .measurer .info {
        width: auto;
    }
    .measurer .info .wrap::after {
        border-radius: 7px;
    }
    .measurer form {
        padding: 18px 10px 20px;
        width: 100%;
    }
    .measurer form input[type="text"] {
        width: 240px;
        margin: 16px 60px 0;
    }
    .measurer form button {
        margin: 20px 60px 0;
    }
    .measurer .info .wrap {
        padding: 24px 32px 28px;
    }
    .scheme {
        padding: 45px 0 50px;
        background: #f3f3f3;
    }
    .scheme ul {
        text-align: left;
    }
    .scheme li p {
        color: #424242;
    }
    .question-form {
        padding-bottom: 60px;
    }
    footer .top {
        padding: 40px 0 30px;
    }
    .leftcol .service .icon {
        display: none;
    }
    .leftcol .projects {
        border-bottom: 1px solid #dedede;
        background: #fafafa;
        padding: 22px 22px 30px;
    }
    .leftcol .projects .title {
        margin-bottom: 7px;
    }
    .leftcol .projects li .image img {
        border: none;
    }
    .product .colors .caption {
        display: block;
        text-align: center;
        margin-bottom: 8px;
    }
    .product .colors ul {
        text-align: center;
        display: block;
    }
    .product .colors ul li {
        width: 25%;
    }
    .work .callback form > div {
        width: 90%;
        display: block;
        margin: 20px auto 0;
    }
    .work .callback form button {
        margin-top: 24px;
    }
    .products_ajax ~ .projects {
        display: block;
        margin: 40px 0 0;
    }
    .products_ajax ~ .projects .title {
        margin-bottom: -14px;
    }
    .leftcol .box .title .toggle {
        display: block;
    }
    .breadcrumbs + .leftcol .banner, 
    .breadcrumbs + .leftcol .service,
    .breadcrumbs + .leftcol .projects {
        display: none;
    }
    .maincol .leftcol {
        display: block;
    }
    .leftcol > .box:first-child .title ~ * {
        display: none;
    }
    .leftcol > .box:first-child {
        padding-bottom: 0;
    }
    .leftcol > .box:first-child .title {
        border-bottom: 0;
    }
    .leftcol > .box.active {
        padding-bottom: 32px;
    }
    .leftcol > .box.active .title {
        border-bottom: 1px solid #e5e9ec;
    }
    .leftcol > .box.active .title ~ * {
        display: block;
    }
}

@media (max-width: 580px) {
    .projects ul li,
    .album li {
        width: 50%;
    }
    .work ul li {
        width: 100%;
    }
    .contacts .wrap .row {
        text-align: center;
    }
    .contacts .address, .contacts .phone {
        background: none;
        padding-left: 0;
        margin: 0 27px 24px;
    }
    .product .data .row {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .product .data .row .col + .col {
        margin-top: 30px;
    }
    .product .select select {
        width: 200px;
    }
    .product .count button {
        padding: 0 16px;
    }
    .product .addit li {
        width: 100%;
    }
    .product .addit .select > span {
        width: 30%;
        text-align: left;
    }
    .product .addit .select select {
        width: 70%;
    }
}

@media (max-width: 480px) {
    .advantages ul li {
        width: 100%;
        max-width: 100%;
    }
    .advantages ul li + li,
    .advantages ul li + li + li {
        margin-top: 26px;
    }
    .measurer form input[type="text"],
    .measurer form button {
        margin-left: 10px;
        margin-right: 10px;
    }
    .measurer form input[type="text"] {
        width: 220px;
    }
    footer .top .wrap > div {
        width: 100%;
        max-width: 100%;
    }
    footer .top .wrap > div + div {
        margin-top: 35px;
    }
    footer .top ul {
        margin-top: -3px;
    }
    footer .top ul li {
        display: block;
    }
    .product .measurer form input[type="text"] {
        width: 80%;
    }
    .columns .feature li .info {
        right: -28px;
        width: 290px;
    }
    .columns .feature li .info img {
        width: 80px;
    }
    .content_block{width: 100%;padding-left:0;}
    .projects .categories .button {
        border-width: 1px;
        padding: 6px 15px 8px;
        font-size: 13px;
        margin: 10px 4px 0 0;
    }
}

@media (max-width: 440px) {
    footer .top .wrap > div,
    .scheme ul li,
    .team li,
    .projects ul li,
    .album li,
    .services ul li,
    .leftcol .projects ul li,
    .products_ajax ~ .projects ul li,
    .maincol .products li {
        width: 100%;
        max-width: 100%;
    }
    .leftcol .projects ul li + li {
        margin-top: 32px;
    }
    footer .top .wrap > div + div {
        margin-top: 28px;
    }
    footer .top .wrap > div,
    footer .call {
        text-align: center;
    }
    footer .top .title {
        margin-bottom: 14px;
    }
    .team li {
        margin-bottom: 36px;
    }
    .team li span {
        font-size: 15px;
    }
    .team li img {
        margin-bottom: 20px;
    }
    .team .title,
    .video .title,
    .faq .title,
    .projects .title {
        margin-bottom: 42px;
        margin-right: 0;
    }
    .projects .title {
        margin-bottom: 0;
    }
    .scheme .title,
    .section .title,
    .products.hits .title {
        margin-right: 0;
    }
    .scheme .title {
        margin-bottom: 20px;
    }
    .faq .title span {
        font-size: 20px;
    }
    .faq li .answer {
        margin-left: 0;
    }
    .scheme ul li + li {
        margin-top: 30px;
    }
    .scheme li .icon {
        height: auto;
        float: left;
        margin-right: 20px;
        width: 45px;
    }
    .scheme li .icon::after {
        display: none;
    }
    .scheme li .heading {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .scheme li .heading,
    .scheme li p {
        margin-right: 0;
    }
    .scheme li p {
        overflow: hidden;
    }
    .scheme li::after {
        display: none;
    }
    .slick-slider {
        text-align: center;
    }
    .slick-next,
    .slick-prev,
    .products.hits .slick-next, 
    .products.hits .slick-prev {
        top: 0;
        right: 0;
        left: 5px;
        position: relative;
        display: inline-block !important;
        margin-top: 24px;
    }
    .slick-prev,
    .products.hits .slick-prev {
        right: 0;
        left: -5px;
    }
    .callback,
    .application {
        width: auto;
    }
    .application .upload input {
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .application .upload {
        background-position: top center;
        overflow: hidden;
    }
    .application .upload span {
        display: block;
        margin: 15px auto 0;
        margin-left: 53px;
    }
    .application .upload span + span {
        padding-left: 0;
        display: block;
        width: auto;
        margin-top: 28px;
    }
    .application form button {
        margin-top: 8px;
    }
    .maincol .products li + li {
        margin-top: 30px;
    }
    .sorting {
        text-align: center;
    }
    .sorting .price {
        width: 100%;
        float: none;
    }
    .sorting .total {
        float: none;
        width: 100%;
        text-align: center;
        padding-top: 22px;
    }
    .sorting .price > span {
        margin-right: 0;
        float: none;
        padding: 0 0 5px;
        display: inline-block;
    }
    .sorting .price .button, .sorting .price .button:hover {
        margin: 10px 4px 0 4px;
    }
    .section li .name {
        min-height: 0;
    }
    .products.hits .slick-next, .products.hits .slick-prev {
        top: 6px;
    }
    .products.hits .slick-dots {
        display: none !important;
    }
    .products.hits {
        padding-bottom: 62px;
    }
    .products.hits .title {
        margin-right: 0;
    }
    .work .callback {
        margin: 10px 20px 20px;
        border: none;
    }
}