/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .container {
        width: 480px;
    }

    #top .logo {
        margin-left: 10px;
    }

    #top h3 {
        font-size: 28px;
    }
    
    .menu_btn {
        display: block;
        cursor: pointer;
    }
    .top_menu__list {
        display: none;
    }
    #top_menu_bg {
        width: 100%;
        position: relative;
        height: 47px;
        display: none;
    }

    #price {
        display: none;
    }

    #price480 {
        background-color: #99caf3;
        display: block;
        padding-bottom: 15px;
    }

    #price480 .item480 table tr td {
        background-color: #fff;
        border: 1px solid #ccc;
        font-family: "PFDinTextCondPro-Medium.ttf";
        font-size: 26px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
    }

    #price480 .item480 table tr td.red768 {
        color: #ffffff;
        background-color: #af0e0a;
    }

    #full_price_btn {
        font-size: 22px;
        line-height: 42px;
        width: 280px;
    }

    #price480 .item480 table {
        border-collapse: collapse;
        margin: 20px 0;
        padding: 10px;
        width: 100%;
    }

   #block_action480 {
  background-color: #99caf3;
  display: block;
  padding: 20px 0;
}

    #block_action768 {
        display: none;
    }

    #block_action480 img.img_left {
        display: block;
        height: 200px;
        margin: 0 auto;
        position: relative;
        top: -285px;
    }

    #block_action480 .act_trimmer {
        background-image: url("../images/trimmer.png");
        background-size: 100% 100%;
        display: block;
        float: none;
        height: 122px;
        margin: 178px auto 0;
        width: 385px;
    }

    #block_action480 .act_pila {
        background-image: url("../images/trimmer.png");
        background-size: 100% 100%;
        float: none;
        height: 92px;
        margin: 0 auto 26px;
        width: 350px;
    }

    #block_action480 img.img_right {
        display: block;
        float: none;
        height: 200px;
        margin: 0 auto;
        position: relative;
        top: -174px;
    }

    #block_action480 .btn {
        display: block;
        font-size: 30px;
        height: 80px;
        line-height: 80px;
        margin: 20px auto;
        position: relative;
        text-align: center;
        width: 350px;
    }
    #block_action480 p{
        position: relative;
        font-family: "PFDinTextCondPro-Regular.ttf";
        font-size: 14px;
        text-align: center;
    }
    #block_action480 .act_pila p {
        color: #ffffff;
        font-family: "PFDinTextCondPro-Regular.ttf";
        font-size: 22px;
        margin-left: 100px;
        margin-top: 5px;
        position: relative;
        top: -56px;
    }

    #block_action480 .act_trimmer p {
        color: #ffffff;
        font-family: "PFDinTextCondPro-Regular.ttf";
        font-size: 22px;
        margin-left: 100px;
        margin-top: 5px;
        position: relative;
        top: -56px;
    }

    #block_action480 .act_pila img {
        margin-left: 39px;
        margin-top: 8px;
    }

    #block_action480 .act_trimmer img {
        margin-left: 39px;
        margin-top: 8px;
    }

    #footer .contacts p {
        font-size: 28px;
        margin-left: 15px;
    }

    #footer .contacts p.p_time {
        font-size: 16px;
    }

    .contacts_btn {
        margin-left: 15px;
        
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

    .container {
        width: 320px;
    }

    #top h3 {
        font-size: 22px;
        line-height: 23px;
        top: -6px;
        width: 179px;
    }

    #top .logo {
        margin-left: 10px;
        margin-right: 10px;
    }

    #top .logo img {
        height: 60px;
        width: 81px;
    }

    #price480 .item480 table tr td {
        font-size: 22px;
        padding: 4px 63px;
    }

    #block_action480 .btn {
        display: block;
        font-size: 30px;
        height: 80px;
        line-height: 80px;
        margin: 20px auto;
        position: relative;
        text-align: center;
        top: -173px;
        width: 350px;
    }
    #block_action480 .act_pila {
        background-image: url("../images/trimmer.png");
        background-size: 100% 100%;
        float: none;
        height: 78px;
        margin: 28px auto 26px;
        width: 280px;
    }

    #block_action480 .act_trimmer {
        background-image: url("../images/trimmer.png");
        background-size: 100% 100%;
        display: block;
        float: none;
        height: 108px;
        margin: 153px auto 0;
        position: relative;
        top: 54px;
        width: 310px;
    }

    #block_action480 .act_pila img {
        float: left;
        margin: 8px 11px 15px 28px;
        width: 28px;
    }

    #block_action480 .act_trimmer img {
        float: left;
        margin: 8px 11px 15px 28px;
        width: 28px;
    }

    #block_action480 .act_pila p {
        color: #ffffff;
        font-family: "PFDinTextCondPro-Regular.ttf";
        font-size: 19px;
        margin-left: 50px;
        margin-top: 5px;
        position: relative;
        top: -1px;
    }

    #block_action480 .act_trimmer p {
        color: #ffffff;
        font-family: "PFDinTextCondPro-Regular.ttf";
        font-size: 19px;
        margin-left: 50px;
        margin-top: 5px;
        position: relative;
        top: -1px;
    }
    .contacts_btn {
        font-size: 17px;
        margin-left: 10px;
    }
    #footer .contacts p {
        font-size: 32px;
        margin-left: 10px;
        width: 95%;
    }
    #block_action480 img.img_left {
        display: block;
        margin: 0 auto;
        position: relative;
        top: -240px;
    }

    #block_action480 img.img_right {
        display: block;
        float: none;
        margin: 0 auto;
        position: relative;
        top: -139px;
    }

    #block_action480 .btn {
        display: block;
        font-size: 24px;
        height: 60px;
        line-height: 60px;
        margin: 20px auto;
        position: relative;
        text-align: center;
        top: 0;
        width: 280px;
    }
    #block_action480 p {
        font-family: "PFDinTextCondPro-Regular.ttf";
        font-size: 14px;
        text-align: center;
        display: block;
    }
    #block_action480 {
        background-color: #99caf3;
        background-image: none;
        height: auto;
        margin-top: -27px;
        padding-top: 10px;
        position: relative;
    }
    #modal_form {
        width: 252px;
    }
    .form .btn {
        font-size: 21px;
        text-align: center;
        width: 98%;
    }
    .form input {
        width: 98%;
    }
    .form p {
        font-size: 10px;
    }
	
    #modal_form2 img.svaya {
        display: none;
    }
    #modal_form2 {
        max-width: 100%;
    }
    #modal_form2 form {
        float: right;
        width: 240px;
    }
    p.privacy_form {
        font-size: 10px;
        width: 235px;
    }
    /**/
    #modal_form3 img.svaya {
        display: none;
    }
    #modal_form3 {
        max-width: 100%;
    }
    #modal_form3 form {
        float: right;
        width: 240px;
    }
}

/* ----zabory-------- */
@media (max-width: 750px) {
    #top > h2, #footer > h2 {
        margin-left: -80px;
    }
}

@media (max-width: 704px) {
   
   #header h1 span {
       display: inline;
   }
   
   .row-1 {
        flex-direction: column;
        align-items: center;
   }
}

@media (max-width: 660px) {
    #top > h2, #footer > h2 {
        margin-left: -30px;
    }
    
    #map_new #spb {
        left: 240px;
    }
    
    #map_new .office {
        display: none;
    }
    
    #map_new .moskow .text {
        bottom: 0;
    }
}

@media (max-width: 570px) {
    
    #top > h2, #footer > h2 {
        display: none;
    }
    
    #top {
        width: 440px;
        margin: 0 auto;
    }
    
    #form1,
    #header h3, 
    #header_bg .credit {
        display: none;
    }
    
    #header h1 span {
        width: 350px;
        font-size: 44px;
        text-align: center;
        line-height: 1.37;
    }
    
     .header_h1 {
        text-align: center; 
     } 
    
    #header_bg #header {
        width: 350px;
        margin: 0 auto;
    }
    
    .z-prices {
        max-width: 480px;
    }
    
    .row-1 {
        flex-direction: column;
        align-items: center;
    }
    
    .model {
        width: 437px;
        margin: 20px 0;
    }
    
    .model-2,
    .model-3 div{
        width: 437px;
    }
    
    .gate a, .model-2 div a {
        height: 42px;
        line-height: 42px;
    }
    
    #form  .form {
        flex-direction: column;
    }
    
    #form  .form input, #form  .form .btn {
        width: 240px;
    }
    
    .form_wrapper p {
        width: 280px;
        margin: 10px auto;
    }
    
    .gates {
        flex-direction: column;
        max-width: 480px;
        justify-content: center;
        align-items: center;
    }
    
    .gate {
        margin-bottom: 20px;
    }
    
    .gate img {
        width: 435px;
    }
    
    #map_new {
        background-image: none;
        min-height: 175px;
    }
    
    
    #map_new #spb {
        left: 0;
        top:0;
        width: 420px;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    #map_new #spb {
        left: -50px;
    }
    
    #header_bg {
        height: 150px;
        background-size: 200%;
        background-position-x: -30px;
    }
    
    #map_new {
        margin-top: -60px;
    }
    
    .z-prices h2 {
        margin-bottom: 0;
    }
    
    .model {
        width: 300px; 
        border: 2px solid;
    }
}

@media (max-width: 439px) {

    #top {
        width: 320px;
    }
    
    #header h1 span {
        width: 280px;
        font-size: 36px;
        padding: 5px;
        margin: 0 auto;
    }
    
    #header_bg #header {
        width: 320px;
    }
    
    .z-prices {
        max-width: 320px;
    }
    
    .model,
    .model-2, 
    .model-3 div,
    .gate img {
        width: 280px;
    }
    
    .gates {
        max-width: 320px;
    }
    
    #map_new #spb {
        width: 280px;
        left: 0;
        margin: 0 auto;
    }
    
}