/*==========  Desktop First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {

    /*     //   .header-info > p:nth-of-type(1) .header-adress,{
    // margin-left: 50px;
    //  } */
    .header-adress,
    .header-adress-rostov {
        font-size: 17px;
    }

    .header-adress span,
    .header-adress-rostov span {
        font-size: 15px;
    }

    .header-logo {
        margin-left: 0;
    }

    .choice-cell img {
        margin-left: -20px;
    }

    .label-skidka,
    .label2-skidka-empty {
        right: -13px;
        -ms-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        /* top: -21px; */
    }

    .label-hit {
        right: -20px;
        -ms-transform: rotate(-40deg) scale(0.95);
        -webkit-transform: rotate(-40deg) scale(0.95);
        transform: rotate(-40deg) scale(0.95);
    }

    .choice-cell-h150 {
        height: 170px;
    }

    .kosay {
        -webkit-transform: skewY(34deg);
        -ms-transform: skewY(34deg);
        transform: skewY(34deg);
    }

    mark {
        background: rgba(255, 255, 255, 0.5);
    }

    .row_action h3 {
        /*margin: 10px;*/
    }

    .action_gift {
        padding: 10px;
    }

    .action_gift img {
        width: 60px;
        height: auto;
    }

    .video {
        width: 53%;
        width: 67%;
        margin: auto;
    }
}








/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .header-info>div:nth-of-type(1) {
        display: none;
    }

    .header-info>p:nth-of-type(2),
    .tel-auto-change,
    .tel-mobile,
    .tel-desktop {
        margin-top: 2px;
        border-top: solid 1px #ccc;
    }
    .header-info-worktime{
        border-left: none;
    }

    .header-info {
        margin-bottom: 0;
    }

    .header-adress,
    .header-adress-rostov {
        margin-left: 50px;
    }

    .header-adress span,
    .header-adress-rostov span {
        font-size: 14px;
    }

    .choice-cell img {
        margin-left: -65px;
    }

    .label-skidka {
        -ms-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        top: -21px;
        right: -23px;
    }

    .label2-skidka-empty {
        -ms-transform: scale(0.85);
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        top: -35px;
        right: -23px;
    }


    .autoboxes-php .label2-skidka-empty {
        right: -30px;
        top: -37px;
    }


    .choice-item-img-title {
        font-size: 17px;
    }

    .skidka-content {
        /* font-size: 20px; */
    }

    .skidka-content span {
        /* font-size: 16px; */
        color: #D40000;
    }

    .label-hit {
        right: -31px;
        top: -11px;
        -ms-transform: rotate(-40deg) scale(0.75);
        -webkit-transform: rotate(-40deg) scale(0.75);
        transform: rotate(-40deg) scale(0.75);
        /*
   -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    */
}

.bx-wrapper .bx-caption {
    bottom: 140px;
}

.price-bx {
    margin-top: 108px;
}

.binding .bx-wrapper .bx-caption {
    bottom: 105px;
}

section.advantages {
    background-size: cover;
}

.comments-item-img {
    padding-bottom: 15px;
}

.top_mnu {
    font-size: 17px;
}

.price {
    font-size: 23px;
}

.price span {
    font-size: 20px;
}

mark {
    background: rgba(255, 255, 255, 0.8);
}

.presentation-content {
    margin-top: 10px;
}

.presentation3 h1 {

    font-size: 30px;
    text-align: left;
    max-width: 400px;
    margin-top: 40px;
    line-height: 43px;
}

.presentation4 h1 {

    font-size: 30px;
    /*text-align: left;*/
    /*max-width: 400px;*/
    margin-top: 40px;
    line-height: 30px;
}

.presentation3 h1 i,
.presentation4 h1 i {
    font-size: 25px;
}

.presentation3 ul {
    padding-top: 20px;
    font-size: 21px;
    line-height: 30px;
}


.presentation4 ul {
    padding-top: 0;
    font-size: 18px;
    line-height: 17px;
}

.presentation4 h2 {
    font-size: 22px;
}

.presentation3 li:before {
    font-size: 18px;
}

.presentation4 li:before {
    font-size: 18px;
}



.form-top {
    margin-top: 36px;
}

.presentation-action {
    background: rgba(255, 255, 255, 0.8);
}

.plus {
    color: rgba(255, 108, 0, 0.9);
}

.row_same{
    padding-left: 5px;
    padding-right: 5px;
}
.tumb{
    padding-left: 10px;
    padding-right: 10px;
}


.advantages-item-descr {

    width: auto;
    text-align: left;
    text-justify: none;
}

    /*  .bx-wrapper .bx-pager a {
    width: 25px;
    }*/

    .bx-wrapper .bx-pager .bx-pager-item,
    .bx-wrapper .bx-controls-auto .bx-controls-auto-item {

        width: 30px;
    }

    .skidka2-content {
        font-size: 20px;
        padding-top: 40px;
    }

    .video {

        /*     width: 72%;
        margin: auto;*/
    }

}




/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {

    section {
        margin-top: 0;
    }

    .header-logo img {
        width: 100px;
    }

    .cоtainer_320 {
        width: 276px;
    }

    .choice-cell img {
        margin-left: 0px;
    }

    .shadow-perimeter,
    .shadow-perimeter-skidka {
        margin-bottom: 30px;
    }

    .top_line {

        margin-top: 0;
        position: fixed;
        width: 100%;
        z-index: 10000;
    }

    .header-logo {
        padding-top: 10px;
        float: left;
    }

    .header-adress,
    .header-adress-rostov {
        margin-left: 0;
        padding-top: 13px;
        width: 63%;
        line-height: 0.8;
    }
    .tel-mobile {
        float: none;
    }
    .header-info-tel{
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 10px;
        position: absolute;
        top: 0;
        right: 30px;
    }

    .header-info {
        display: none;
    }

    .header-info>p:nth-of-type(2),
    .tel-auto-change,
    .tel-mobile,
    .tel-desktop {
        margin-top: 2px;
        border-top: none;
    }

    .header-title {
        margin-top: 75px;
        background-repeat: repeat;
    }

    #top_nav {
        display: none;
    }

    .top_mnu ul {
        /* display: none;      */
        position: absolute;
        right: 10px;
        top: 24px;
        width: 219px;
    }

    .top_mnu ul li {
        display: block;
        border: none;
        background: rgba(230, 235, 255, .95);
        /*          float: right;
        width: 258px; */
        display: inline-block;
        line-height: 1.7;
        margin-bottom: 2px;
        width: 100%;
    }

    .top_mnu ul li a {
        width: 100%;
    }



    .bx-wrapper .bx-caption {
        bottom: 105px;
    }

    .autoboxes-php .bx-wrapper .bx-pager {
        bottom: 122px;
    }

    .bx-wrapper {
        margin: 0 auto 0;
    }

    .bars {
        margin-top: 30px;
    }

    .price-bx {
        margin-top: 80px;
    }

/*     .recl {
        margin-bottom: 35px;
    } */

    .comments-item {
        margin-left: 10px;
        margin-right: 10px;
    }

    .top_mnu {
        font-size: 20px;
    }

    .advantages,
    .advantages_top {
        display: none;
    }

    .advantages-item-descr {
        width: 185px;
    }

    .price {
        font-size: 25px;
    }

    .price span {
        font-size: 22px;
    }

    .form-block-border {
        max-width: 100%;
    }

    .presentation3 {
        /*height: 710px;*/
        height: auto;
        background-size: auto 710px;
        /*margin-bottom: 60px;*/
    }

    .presentation4 {
        margin-top: 80px;
        height: auto;
        background-size: auto 710px;

    }


    .presentation3 h1 {
        margin-top: 10px;
        max-width: 100%;
    }

    .presentation3 ul {
        padding-top: 20px;
        font-size: 22px;
        line-height: 30px;
    }
    .presentation{
        height: auto;
        background-size:  cover;

    }
    .presentation10b {
      margin-top: 75px;
}


    .form-top {
        margin-top: auto;
        padding-top: 20px;
        /*padding-bottom: 60px;*/
        /*float: right;*/

    }

    #top_nav_mobile {

        position: fixed;
        right: 0;
        top: 58px;
    }

    .fancybox-close {
        top: 25px;
        right: 25px;
        position: fixed;
    }

    .img_cert {
        margin-bottom: 15px;
    }

    /*    .bx-wrapper .bx-pager a {
    width:auto;
    }*/

    .bx-wrapper .bx-pager .bx-pager-item,
    .bx-wrapper .bx-controls-auto .bx-controls-auto-item {

        width: auto;
    }

    .choice-item-img-title {
        font-size: 20px;
    }

    .skidka2-content {
        font-size: 22px;
        padding-top: 38px;
    }
    .orange_border, .blue_border {
        width: 100%;
    }
    .recl ul {
        margin-bottom: 0;
    }
    .row_same{
        padding-left: 10px;
        padding-right: 10px;
    }
    .tumb{
        /* width: 25%; */
        padding-left: 5px;
        padding-right: 5px;
    }

}

@media only screen and (max-width: 743px) {

    .presentation3 {
        height: 750px;
        background-size: auto 750px;
    }

    .presentation10b {
        background-position: 80% 0%;
    }

    .presentation10a {
        background-size: auto;
    }
    .header-title {
        /*margin-top: 20px;*/
        height: auto;
        padding: 5px;
    }
}


@media only screen and (max-width: 726px) {
    .header-title h1 {
        font-size: 20px;
    }

    .header-title-short h1 {
        font-size: 24px;
    }

    .presentation-action-100 {
        width: 56%;
    }


}

@media only screen and (max-width: 649px) {
    .header-title-orange h1 {
        line-height: 22px;
    }

    .presentation-action-100 {
        width: 53%;
    }
}


@media only screen and (max-width: 608px) {
    .header-title h1 {
        font-size: 20px;
        line-height: 22px;
    }

    .header-title-short h1 {
        font-size: 22px;
        line-height: 33px;
    }

    .header-title-orange h1 {
        line-height: 33px;
    }

    .presentation-action-100 {
        width: 52%;
    }
}

@media only screen and (max-width: 600px) {

    .top_line{
    margin-left: -15px;
    margin-top: 0;
    height: 80px;
    }

    .header-adress p,
    .header-adress-rostov p {
        display: none;
    }

    .header-title {
        margin-top: 105px;
    }

    .header-info {
        margin-top: 17px;
    }

    .adres-mob {
        display: block;
    }

.header-info-tel{
    width: calc(100% - 150px - 10px);
}

.header-info-tel div{
 width: 100%;
}
    .header-info {
        margin-top: 5px;
        margin-right: 10px;
    }

    .presentation-action-100 {
        width: 100%;
    }

    .presentation-action {
        margin-bottom: 10px;
    }

    .presentation-action-right {
        float: none;

        display: inline-block;
    }

    .presentation3 {
        height: 890px;
        background-size: auto 890px;
    }
    .presentation10b {
      margin-top: 95px;
}
    .action_gift {
        padding: 20px;
    }

    #top_nav_mobile {
        top: 86px;
    }
        .tumb{
        width: 25%;
    }
}


@media only screen and (max-width: 598px) {
    .header-title-orange h1 {
        line-height: 22px;
    }
}

@media only screen and (max-width: 554px) {
    .mnu_mob_static_top {
        top: 107px;
    }
        .top_line{
        height: 107px;
    }
        .top_mnu ul {
        top: 52px;
    }

}

@media only screen and (max-width: 545px) {
    .adres-mob {
        font-size: 15px;

    }
    .mnu_mob_static_top {
        top: 78px;
    }
    .top_line{
        height: 78px;
    }
    .top_mnu ul {
        top: 24px;
    }
    .header-title-orange {
        height: 100px;
        background: url('/resources/img/header-title-decor-orange.png') repeat center top;
    }

    .presentation10b {
        background-position: 70% 0%;
    }


}

@media only screen and (max-width: 560px) {


    .presentation-content {
        margin-top: 40px;
    }

    .presentation-content h1 {
        line-height: 40px;
        font-size: 45px;
    }

    .presentation-content h1 span {
        line-height: 25px;
        font-size: 30px;
    }

    .presentation-content h2 {
        /*margin-top: -30px;*/

    }

}





/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .header-title-short h1 {
        font-size: 20px;
        line-height: 33px;
    }

    .header-title-orange h1 {
        line-height: 22px;
    }


    .presentation2:before {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }
}



@media only screen and (max-width: 436px) {
    .presentation3 {
        height: 910px;
        background-size: auto 910px;
    }
}


@media only screen and (max-width: 460px) {
    .presentation3 ul {
        padding-top: 20px;
        font-size: 21px;
        line-height: 30px;
    }

    .row_action h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 426px) {
    .presentation3 {
        height: 955px;
        background-size: auto 955px;
    }
}
@media only screen and (max-width: 423px) {
    .mnu_mob_static_top {
        top: 92px;
    }
    .top_line{
        height: 92px;
    }
    .top_mnu ul {
        top: 34px;
    }
}

@media only screen and (max-width: 420px) {
    .visible450 {
        display: none;
        color: red
    }

    .presentation3 {
        height: 870px;
        background-size: auto 870px;
    }
}

@media only screen and (max-width: 406px) {
    .header-info {
        margin-top: 7px;
    }
.header-info-tel{
/* background: #000; */
right: 15px;
    width: calc(100% - 100px - 10px);
}
    .header-info>p:nth-of-type(2),
    .tel-auto-change,
    .tel-mobile {
        font-size: 20px;
    }

    .header-logo img {
        width: 80px;
    }

    .top_mnu ul {
        width: 185px;
    }

    .header-title-short h1 {
        line-height: 33px;
    }
}

@media only screen and (max-width: 409px) {
    .header-title-short h1 {
        line-height: 22px;
    }
}

@media only screen and (max-width: 400px) {
    .header-title h1 {
        font-size: 18px;
        /*line-height: 33px;*/
    }
}

@media only screen and (max-width: 372px) {
    .header-title h1 {
        line-height: 22px;
    }

    .presentation10b {
        background-position: 70% 100%;
        background-size: auto 92%;
        margin-top: 75px;

    }

    @media only screen and (max-width: 354px) {
        .header-title h1 {
            line-height: 18px;
        }

        .row_action h3 {
            font-size: 15px;
        }
    }








    /* Custom, iPhone Retina */

    @media only screen and (max-width: 334px) {
        .top_mnu ul {
            top: -5px;
        }

        .presentation2:before {
            -webkit-transform: rotate(10deg);
            -ms-transform: rotate(10deg);
            transform: rotate(10deg);
        }
        .top_mnu ul {
         top: 34px;
        }
    }


@media only screen and (max-width: 300px) {
    .adres-mob {
        font-size: 13px;
    }
        .mnu_mob_static_top {
        top: 104px;
    }
        .top_mnu ul {
        top: 60px;
    }
}





    /*==========  Mobile First Method  ==========*/


    /* Custom, iPhone Retina */

    @media only screen and (min-width: 320px) {}








    /* Extra Small Devices, Phones */

    @media only screen and (min-width: 480px) {}

    @media only screen and (min-width: 420px) {
        .hidden450 {
            display: none;
        }
    }







    /* Small Devices, Tablets */

    @media only screen and (min-width: 768px) {}








    /* Medium Devices, Desktops */

    @media only screen and (min-width: 992px) {
        .header-info>p:nth-of-type(1) {
            margin-left: 0;
        }

        .header-adress,
        .header-adress-rostov {
            margin-left: 7px;
        }

        .header-adress-rostov .header-adres-top-sm {
            font-size: 14px;
        }
    }








    /* Large Devices, Wide Screens */

    @media only screen and (min-width: 1200px) {
        .header-info>p:nth-of-type(1) {
            margin-left: 70px;
        }
    }