@media (max-width: 1500px) {

    .contact-content-container {

        margin: 0 20px 0 20px;
    }
}


@media (max-width: 1250px) {

    .products-item-container {
        width: 32%;
        height: auto;
        margin: 0 2% 26px 0;
    }

    .product-slider {
        height: auto;
    }

    .comment-container {
        width: 88%;
    }

    .footer-contacts-container {
        width: 100%;
    }

}


@media (max-width: 1170px) {

 .top-menu{
     display: none;
 }

 .mobile-menu-button{
    display: block !important;
 }

.slide-text-block {
    width: 68%;
}

    .start-info-left {
        padding: 58px 3% 33px 3%;
    }

    .start-info-right {
        padding: 55px 3%;
    }


}

@media (max-width: 1150px) {

    .products-item-container {
        width: 47%;
        margin: 0 1.5% 26px 1.5%;
    }

    .products-item-container:nth-of-type(3n) {
        margin-right: 1.5%;
    }


    .comment-container {
        width: 95%;
        padding: 17px 3% 0 3%;
    }

    .footer-contacts-container {
        margin: 45px auto 0 auto;
        padding: 43px 3% 30px 3%;
    }

    .footer-contacts-left{
        font-size: 30px;
        width: 47%;
    }

    .footer-contacts-right {
        width: 48%;
    }


}

@media (max-width: 1050px) {

    .footer-menu-item{
        display: none;
    }

    .footer-contacts {
        float: none;
        text-align: center;
        margin: 0 auto;
    }

    .footer-menu {
        text-align: center;
        padding: 70px 40px 55px 40px;
    }


    .start-catalog-item {
        width: 49%;
        margin: 0 2% 28px 0;
    }

    .start-catalog-item:nth-of-type(2n){
        margin-right: 0 !important;
    }

    .start-catalog-item:nth-of-type(3n){
        margin-right: 2%;
    }

    .start-color-item {
        width: 31.8%;
        margin: 0 2.2% 19px 0;
    }

    .start-color-item:nth-of-type(3n){
        margin-right: 0;
    }

    .start-color-item:nth-of-type(4n){
        margin-right: 2.2% !important;
    }
}

@media (max-width: 950px) {

    .slide-text-block {
        width: 100%;
    }

    .start-info-left-header {
        font-size: 35px;
    }

    .start-info-left {
        padding: 58px 5% 33px 5%;
        width: 49%;
    }

    .start-info-right {
        padding: 20px 5%;
    }

    .start-content-container {
        margin-top: 205px;
    }

    .cooperation-wrapper{
        width: 100%;
        padding: 50px 7% 75px 7%;
    }

    .design-wrapper{
        width: 63%;
        margin: 0 7% 0 0;
        padding: 50px 5% 0 5%;
        position: relative;
        top: -50px;
        background: #ededed;
    }

}

@media (max-width: 850px) {

    .content {
        padding: 0;
    }

    .catalog-item-name2 {
        padding: 20px 30px 0 30px;
    }

    .start-catalog-item {
        height: 270px;
        width: 48.4%;
        margin: 0 3.1% 28px 0;
    }

    .start-catalog-item:nth-of-type(3n) {
        margin-right: 3.1%;
    }

    .parts-colors-desc {
        width: 65%;
    }

    .parts-colors-logo {
        width: 29%;
    }

    .color-item {
        width: 48%;
        margin: 0 1% 15px 1%;
    }

    .contact-content-container {
        margin: 0;
    }

    .contact-right {
        padding: 40px 20px 30px 20px;
    }

}

@media (max-width: 750px) {

    .container.start-info-container {
        padding: 0;
    }

    .start-info-left {
        padding: 50px 3% 40px 3%;
        width: 100%;
        top: 0;
    }

    .start-info-right {
        padding: 20px 5%;
        width: 94%;
        top: -33px;
        margin: 0 auto;
        float: none;
        display: block;
    }

    .start-content-container {
        margin-top: 60px;
    }

    .start-color-item {
        width: 47.4%;
        margin: 0 1.3% 19px 1.3%;
        padding: 0 4%;
    }

    .start-color-item:nth-of-type(2n) {
        margin-right: 1.3%;
    }

    .start-color-item:nth-of-type(3n) {
        margin-right: 1.3% !important;
    }

    .start-color-item:nth-of-type(4n) {
        margin-right: 0 !important;
    }

    .middle {
        padding: 30px 0 90px;
    }

    .products-item-container {
        width: 100%;
        margin: 0 0 20px 0;
    }

}

@media (max-width: 700px) {

    .form-form input.inp, .form-form textarea.inp, .inp{
        width: 100%;
    }

    .contact-left{
        width: 100%;
    }

    .contact-right{
        width: 100%;
    }

    .contact-head-block {
        padding: 35px 4% 0 4%;
    }

    .contact-content {
        padding: 0%;
    }

    .contact-left {
        padding: 0 4% 50px 4%;
    }

    .popup_window {
        padding: 40px 5% 40px 5%;
        left: 5%;
        width: 90%;
        margin-left: 0;
    }
}


@media (max-width: 650px) {

    .slide-text{
        font-size: 30px;
    }

    .slide-text-block {
        padding: 40px 0 0 0;
    }

    .start-slider-container{
        height: 625px;
    }

    .start-slider-container .slides{
        height: 625px;
    }

    .start-slider-container .slider-item{
        height: 625px;
    }

    .start-header {
        font-size: 28px;
    }

    .start-catalog-item {
        height: 270px;
        width: 100%;
        margin: 0 0 11px 0;
    }

    .start-catalog-item:nth-of-type(3n) {
        margin-right: 0;
    }

    .catalog-item-name {
        font-size: 25px;
    }

    .footer-contacts-left {
        width: 100%;
        padding: 0;
    }

    .footer-contacts-right {
        width: 100%;
        margin: 55px 0 0 0;
        text-align: center;
    }

}

@media (max-width: 600px) {

    .htmledit-block-3, .htmledit-block-imgleft, .htmledit-block-textleft, .htmledit-block-textright, .htmledit-block-imgright, .htmledit-block-4, .htmledit-block-2 {
        width: 100%;
    }

    .page-header {
        font-size: 30px;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    .start-cooperation-container {
        margin: 55px 0 85px 0;
    }

    .cooperation-header{
        font-size: 30px;
    }

    .cooperation-wrapper {
        padding: 50px 4% 45px 4%;
    }

    .design-wrapper {
        width: 94%;
        margin: 0;
        padding: 50px 5% 0 5%;
        position: relative;
        top: -40px;
        background: #ededed;
    }

}

@media (max-width: 550px) {

    .container {
        padding: 0 15px;
    }

    .logo-name{
        font-size: 36px;
    }

    .logo-descr{
        font-size: 13px;
    }

    .header {
        padding: 14px 0;
    }

    .header-phone-mail-container {
        padding: 3px 0;
    }

    .mobile-menu-button {
        top: 6px;
    }

    .mobile-menu {
        top: 79px;
    }

    .parts-item, .parts-item-colors {
        font-size: 20px;
        width: 100%;
    }

    .parts-content-container, .parts-colors-content-container {
        min-height: 70px;
    }

    .parts-colors-desc {
        width: 100%;
    }

    .parts-colors-logo {
        width: 100%;
        padding: 0;
    }

    .parts-colors-link-item {
        padding: 20px 0 0 0;
    }

    .parts-colors-link-item {
        margin: 0 20px 5px 0;
        padding: 20px 0 0 0;
    }

    .color-item {
        width: 100%;
        margin: 0 0 15px 0;
    }

}

@media (max-width: 500px) {

    .start-color-item {
        width: 100%;
        margin: 0 0 9px 0;
        padding: 0 8%;
    }
}

@media (max-width: 450px) {

    .header-phone-mail-container{
        display: none;
    }

}