/*==========  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;
    }
}








/* 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;
    }

    .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;
}



}

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

.carousel-button-left a{
 margin-left: 15px;
}
.carousel-button-right a{
 margin-right: 15px;
}
}



/* 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: 0px;

        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;
    }

    #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;
    }

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

    .recl ul {
        margin-bottom: 0;

    }

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

    .top_mnu {
        font-size: 20px;
    }

    .advantages,
    .advantages_top {
        display: none;
    }

    .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;
    }

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

    }

    #top_nav_mobile {

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

        color: red
    }

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

    .consult-title h2 {
        font-size: 20px;
        padding-top: 15px;

    }

    .consult {
        height: auto;
        padding-bottom: 10px;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url('/resources/img/consult-bg.jpg') no-repeat scroll center;
    }

    .img_cert {
        margin: 15px;
        display: none;

    }
    .display-hide {
        display: block;

    }
    .row_same{
        padding-left: 10px;
        padding-right: 10px;
    }
    .tumb{
        /* width: 25%; */
        padding-left: 5px;
        padding-right: 5px;
    }
.carousel-items {
     margin-right: 15px;
}
.carousel-button-left a{
 margin-left: 15px;
}
.carousel-button-right a{
 margin-right: 15px;
}

}


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

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

}


@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-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;
    }

    .action_gift {
        padding: 20px;
    }

    #top_nav_mobile {
        top: 86px;
    }
    .mnu_mob_static_top {
        top: 80px;
    }

    .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;
    }
}



/* 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: 410px) {
    .display {
        display: none;
    }

    .presentation-advantages {
        font-size: 17px;
        line-height: 15px;
    }

    .icon_w_presentation img {
        width: 70px;
    }

}

@media only screen and (max-width: 406px) {
    .header-info {
        margin-top: 7px;
    }
.header-info-tel{
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;
 }
 .presentation-content h1 {
   font-size: 55px;
}

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

}

.presentation-content h2 {
    margin-top: -5px;
    font-size: 20px;
}
.presentation-content{
    margin-top: 30px;
}

}

@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);
    }
    .mnu_mob_static {
        font-size: 15px;
    }
    .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;
    }
}