/*Responsive menu*/ 
#responsive-menu,
#sitelogo {display: none;}

#sitelogo {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    padding: 10px 0;
    float: left;
}
#touch-menu {
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
    float: right;
}

@media (max-width: 1280px) {
    .name,
    .texttt,
    .textt,
    .text,
    .spisok,
    .spisokk,
    .one,
    .zagolovok,
    .photos,
    .dop,
    .texty,
    .textyy,
    .textys,
    .buy,
    .buyss,
    .pripoy p,
    .three,
    .threess,
    .buys,
    .textts,
    .textyys,
    .textyyss,
    .textyysss,
    .textyyssss,
    .textte,
    header,
    header div,
    .pripoyse,
    .Menu,
    #video,
    .echo,
    .dopp {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    #in,
    .imgss {display: none;}
    .h {display: inline-block;}
    .echo {padding: 160px 40px 140px;}
    .view {
        width: 23% !important;
        margin: 1%;
    }
    header,
    .photo,
    .buy,
    .buyss,
    .pripoyse,
    .three,
    .form {
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }
}

@media (max-width: 1200px) {
    #nav_up {width: 16%;}
    header li {width: 15%;}
    .hh {width: 580px}
    .view {width: 31% !important;}
    .centerr .lefts,
    .centerr .center,
    .centerr .rights {
        margin: 0;
        width: 50%;
        padding: 40px;
        box-sizing: border-box;
        float: left;
    }
    .menu-tel {width: 20%;}
    .box {width: 46%; height: 300px;}
    .imageArrow {width: 100%; padding-top: 0; margin-bottom: 30px;}
    .imageArrow img {transform: rotate(90deg);}
    .imageForm {float: none; margin: 0 auto;}
}
@media (max-width: 1024px) {
    .menu-tel {width: 24%;}
    .photo {padding-top: 40px;}
    .rightchh {display: none;}
    .leftchh {width: 100%;}
    .box {width: 44%;}
    .echo {padding-bottom:60px;}
    
    /* menu */
    #menu ul {
        padding: 0;
        margin: 0;
    }
    #menu li {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #menu li#nav_up {
        padding-top: 10px;
        font-size: 30px;
    }
    #menu li.menu-tel {
        padding-bottom: 20px;
    }
    #menu li.menu-tel a {
        color: rgb(255, 165, 0);
        font-weight: bold !important;
    }
    #menu img {display: none;}
    .menu-tel small {
        width: 100%;
        position: relative;
        left: 0;
        bottom: 0;
    }
    
    
    /* responsive menu */
    #responsive-menu,
    #sitelogo {display: inherit;}
    li#nav_up {display: none !important;}
    header {background: rgba(0,0,0,0.8)}
    .menu,
    .contact_form label,
    .contact_form input, 
    .contact_form textarea,
    .contact_form li {
        margin: 0;
        padding: 0;
        display: inline-block;
        width: 100%;
    }
    button.submit {
        display: inline-block;
        margin-top: 20px;
        padding: 20px;
        width: 100%;
    }
    .box {margin: 20px 0;}
    .leftimg {margin: 0px 30px 10px 0;}
    .otstup {margin-bottom: 60px;}
    .menu {display: none;} 
    .contact_form ul {
        margin: 0;
        width: 100%;
        display: inline-block;
        max-width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    .form .contact_form {
        width: 420px;
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .h {margin: 0;}
    .hh {width: 100%; margin: 0;}
    .view {width: 45% !important;}
    .contact_form ul {max-width: 500px; width: 100%;}
    .centerr .lefts, .centerr .center, .centerr .rights {padding: 20px; width: 100%;}
    .imageForm {width: 100% !important;}
    .box {width: 100%; height: initial;}
    .rowBox img {
        margin: 0;
        width: 100%;
        height: inherit;
    }
    header li {text-align: center;}
    header li img {float: none !important;}
    #nav_up {margin: 0;}
    header li span {
        display: inline-block;
        width: 100%;
    }
    .priceRow div {width: 33%;}
    .priceRow div.pButton {
        width: 100%;
        padding-top: 30px;
    }
}
@media (max-width: 640px) {
    body,
    header,
    .image,
    article,
    .name,
    .texttt,
    .textt,
    .text,
    .spisok,
    .spisokk,
    .one,
    .zagolovok,
    .photos,
    .dop,
    .texty,
    .textyy,
    .textys,
    .buy,
    .buyss,
    .pripoy p,
    .three,
    .threess,
    .buys,
    .textts,
    .textyys,
    .textyyss,
    .textyysss,
    .textyyssss,
    .textte,
    header,
    header div,
    .pripoyse,
    .Menu,
    #video,
    .echo,
    .dopp {
        width: 100%;
    }
    
    
}
@media (max-width: 580px) {
    .modal {
        max-height: initial !important;
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        margin: 0;
        box-sizing: border-box;
    }
    .modal .forma {
        margin-top: 0;
        font-size: 20px;
        line-height: normal;
    }
    .modal .contacts_form label,
    .modal .contacts_form input, 
    .modal .contacts_form textarea,
    .contacts_form ul {
        width: 100% !important;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media (max-width: 520px) {
    .buyss {background: #111;}
    .form .contact_form {width: 100%;}
    .leftchh p {text-align: left;}
    .fourss,
    .four {background: #fff;}
    .cen {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .copyright {padding-left: 20px;}
    .fPhone {padding-right: 20px;}
    .echo {padding-top: 90px;}
}
@media (max-width: 480px) {
    .view,
    .view img {width: 100% !important;}
    .photo,
    .pripoy {padding-bottom: 40px;}
    .form,
    .pripoy {padding-top: 40px;}
    .r,
    .ii {height: initial;}
    .copyright,
    .fPhone {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
    }
    .centerr .lefts, 
    .centerr .center, 
    .centerr .rights {padding: 0;}
    .advent {
        margin: 0;
        padding: 0;
        padding-bottom: 40px;
        display: inline-block;
        width: 100%;
    }
    .advent img {
        margin: 0;
        padding: 0 20px 20px 0;
    }
    .advent p,
    .advent div,
    .otstup,
    .rowBox {
        padding: 0 !important;
        margin: 0 !important;
    }
    .rowBox h3 b {
        text-align: left;
        line-height: normal;
        display: inline-block;
        padding: 20px 0;
        width: 100%;
        margin: 0;
        float: none;
    }
    .pripoyse,
    .buyss,
    .form,
    .buy,
    .three {
        padding-left: 20px;
        padding-right: 20px;
    }
    .Menu {
        font-size: 24px;
        font-weight: bold;
        padding: 10px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #hhh {
        width: 100%;
        padding: 20px;
        text-align: center;
        box-sizing: border-box;
    }
    .main {padding-bottom: 0;}
    .one {margin-top: 0 !important;}
}
@media (max-width: 425px) {
    .advent,
    .advent p {text-align: center;}
    .advent img {
        float: none;
        margin: 0 auto;
    }
    .view .mask, 
    .view .content {
        width: 100% !important;
    }
    #pricePrice, 
    #priceDelivery {padding-top: 20px;}
    div.pOldPrice:before {top: 9px;}
    .priceRow div {
        width: 100%;
        padding: 10px 0;
    }
}