@media (min-width: 992px) and (max-width: 1199px) {
    footer .header-title span, header .header-title span{
        font-size: 58px;
    }

    .prod1 img{
        width: 100%;
    }

    .kaps1, .kaps3{
        font-size: 16px;
    }

    .wrap-yellow{
        font-size: 27px;
        width: 400px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 25px;
    }

    .wrap-white .price__text {
        font-size: 19px;
    }

    .wrap-white .price__new{
        font-size: 44px;
    }

    .wrap-white .prices{
        margin-right: 20px;
    }

    .wrap-white .timer .timer-text{
        margin-bottom: 5px;
    }

    .countdown__item{
        height: 45px;
        width: 45px;
        line-height: 40px;
    }

    .forma{
        padding: 20px;
    }

    .forma .form__item{
        width: 201px;
    }

    .wrap-white{
        padding-left: 12px;
    }

    .header-wrapper {
        margin-top: 70px;
    }

    .zdor .zdor-text p {
        font-size: 15px;
    }

    .imp-text p{
        font-size: 17px;
        margin-bottom: 20px;
    }

    .fact{
        margin-bottom: 40px !important;
    }

    .sostav .sos-item p{
        font-size: 14px;
        bottom: -11px;
    }
    .preim-ul {
         padding-left: 15px;
     }

    .expert .eff p {
        font-size: 14px;
    }

    .buttons a{
        font-size: 13px;
    }

    .reviews .text .text-item p{
        padding: 0 13px;
        font-size: 15px;
    }

    .reviews .text .text-item span{
        padding-left: 13px;
    }

    .expert{
        padding-bottom: 165px;
    }

    .sostav .sos-item span:before{
        border-bottom-width: 35px;
    }
    .expert .eff span {
        font-size: 22px;
    }
    .expert .eff{
        right: 20px;
    }

    .expert .expert-text p .fonsp1,
    .expert .expert-text p .fonsp2{
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .expert .expert-text p{
        font-size: 14px;
    }

    .expert .expert-name {
        margin-top: 0;
    }

    .sostav .sos-item span:after{
        border-top-width: 35px;
    }

    .sostav .sos-item span{
        width: 250px;
        font-size: 15px;
        bottom: 100px;
    }

    .preim .preim-wrap .preim-ul li{
        font-size: 16px;
    }

    .prod2{
        width: 277px;
        left: -15px;
    }

    .prod2 img{
        width: 100%;
    }

    .imp-p p{
        font-size: 15px;
    }

    .section-title span{
        font-size: 34px;
    }

    .imp-text span{
        font-size: 15px;
        margin-bottom: 0;
    }

    .section-title span:before{
        border-bottom-width: 53px;
    }

    .section-title span:after{
        border-top-width: 53px;
    }

    .imp-text p span{
        font-size: 17px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .rekv p, .rekv a{
        color: #ffffff;
    }
    .section-title span{
        font-size: 28px;
    }

    .section-title p{
        font-size: 19px;
    }
    .logo img{
        width: 100%;
    }

    .preim .preim-wrap .preim-ul li{
        -webkit-background-size: 30px;
        background-size: 30px;
        padding-left: 36px;
        padding-right: 5px;
        font-size: 13px;
        margin-bottom: 9px;
    }
    


    .prod2{
        left: -35px;
        width: 248px;
    }

    .prod2 img{
        width: 100%;
    }

    .preim-ul{
        padding-left: 10px;
    }

    .zdor .zdor-text p span{
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .sostav .opis{
        font-size: 17px;
    }

    .sostav .sos-item p{
        height: 80px;
        font-size: 12px;
    }

    .reviews .text .text-item span{
        padding-left: 0;
        font-size: 15px;
    }

    .reviews .text .text-item p{
        padding: 0;
        font-size: 13px;
    }

    .expert .eff{
        top: -70px;
        right: 16px;
    }
    .reviews .text .text-item img{
        width: 100% !important;
    }
    .sostav .sos-item span{
        width: 187px;
        bottom: 95px;
        font-size: 11px;
    }

    .sostav .sos-item span:before{
        border-bottom-width: 29px;
    }

    .sostav .sos-item span:after{
        border-top-width: 29px;
    }
    
    .expert{
        background-image: url('../img/expert-sm.jpg');
    }

    .zdor .zdor-text p {
        font-size: 13px;
    }

    .section-title span:before{
        border-bottom-width: 46px;
    }

    .section-title span:after{
        border-top-width: 46px;
    }

    .prizn .prizn-item p{
        font-size: 14px;
    }

    .prizn .elram{
        width: 100%;
    }

    footer .header-text, header .header-text{
        font-size: 13px;
    }

    footer .header-title span, header .header-title span{
        font-size: 44px;
    }

    .prod1{
        margin-top: 20px;
    }

    .prod1 img{
        width: 100%;
    }

    footer ul li, header ul li{
        font-size: 19px;
    }

    .kaps1, .kaps3{
        font-size: 15px;
        padding: 10px 13px 10px 9px;
    }

    .wrap-white{
        padding-left: 10px;
        padding-right: 22px;
    }

    .wrap-white .prices{
        margin-right: 10px;
    }

    .countdown__item{
        margin: 0 10px;
        width: 40px;
        font-size: 20px;
        height: 40px;
        line-height: 35px;
        line-height: 35px;
    }

    .countdown__item:after{
        right: -17px;
    }

    .forma .form__item{
        width: 161px;
        margin: 0 5px;
        font-size: 13px;
    }
    .imp-p span{
        top: -35px;
    }


    .imp-p p{
        font-size: 14px;
        padding-top: 20px;
    }

    .imp-text span{
        font-size: 11px;
    }

    .wrap-white .timer{
        font-size: 14px;
    }

    .imp-text p{
        font-size: 16px;
    }

    .imp-text p span{
        font-size: 16px;
    }

    .forma .form__btn{
        font-size: 14px;
    }

    .forma{
        padding: 20px 10px;
    }

    .wrap-white .timer .timer-text{
        margin-bottom: 3px;
    }

    .wrap-yellow{
        padding-left: 10px;
        font-size: 20px;
        width: 290px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .wrap-white .price__text {
        font-size: 16px;
    }
    .kaps2{
        font-size: 34px;
        top: 8px;
    }



    .wrap-white .price__new{
        font-size: 33px;
    }

    .kaps2:before{
        border-bottom-width: 59px;
    }

    .kaps2:after{
        border-top-width: 59px;
    }
}
@media (max-width: 767px) {
    .container{
        width: 320px;
    }
    
    header, footer{
        background-image: url('../img/header_mob.jpg');
        padding-top: 14px;
    }

    .kaps{
        margin-top: 25px;
    }


    .kaps1{
        padding: 20px 45px 20px 12px;

        font-size: 18px;
    }

    .kaps3{
        padding: 32px 37px 10px 37px;
    }

    .kaps2:before{
        left: -24px;
        border-bottom-width: 102px;
        border-left-width: 24px;
    }

    .kaps2:after{
        right: -25px;
        border-top-width: 102px;
        border-right-width: 26px;
    }
    .wrap-white .timer{
        font-size: 16px;
        text-align: center;
        width: 100%;
    }

    .wrap-white{
        padding: 40px 10px 0 10px;
    }
    .countdown__item:after{
        right: -24px;
    }
    .countdown__item{
        margin: 0 17px;
    }

    .forma .form__item{
        width: 100%;
        margin: 0 0 10px;
    }

    .forma{
        padding: 25px 15px;
    }

    .wrap-white .prices{
        margin-right: 0;
        width: 100%;
        margin-top: 15px;
        text-align: center;
    }

    .wrap-yellow:after{
        width: 200px;
        -webkit-transform: skew(86deg);
        -moz-transform: skew(86deg);
        -ms-transform: skew(86deg);
        -o-transform: skew(86deg);
        transform: skew(86deg);
        top: 87px;
    }
    
    .konf{
        text-align: left;
        margin: 10px 0;
        color: #fff;
    }

    .wrap-yellow:before{
        content: '';
        z-index: 1;
        right: 0;
        bottom: -18px;
        position: absolute;
        border-top: 19px solid #f2d61a;
        border-left: 265px solid transparent;
    }

    .header-wrapper{
        overflow: hidden;
    }

    .kaps2{
        margin: 0 auto;
        top: 0;
        display: block;
        text-align: center;
        font-size: 58px;
        width: 238px;
    }

    footer ul li, header ul li{
        font-size: 19px;
        margin-bottom: 25px;
    }

    .wrap-yellow{
        width: auto;
        padding-left: 15px;
        font-size: 25px;
    }

    footer ul, header ul{
        margin-top: 35px;
    }

    footer .header-title span, header .header-title span{
        font-size: 28px;
        padding: 0 5px;
    }

    .prod1{
        position: relative;
        bottom: 17px;
    }

    .prod1 img{
        width: 100%;
    }

    footer .header-title, header .header-title{
        margin-top: 10px;
    }

    .logo img{
        width: 100%;
    }

    footer .logo, header .logo{
        margin-top: 0;
    }

    footer .header-text, header .header-text{
        margin-top: 10px;
        line-height: 1.8;
    }

    .par1:before{
        border-bottom-width: 98px !important;
        border-left-width: 12px !important;
        left: -12px !important;
        width: 13px !important;
    }

    .par1:after{
        border-top-width: 98px !important;
        border-right-width: 12px !important;
        right: -12px !important;
        width: 13px !important;

    }

    .par2:before{
        border-bottom-width: 140px !important;
        border-left-width: 12px !important;
        left: -12px !important;
        width: 13px !important;
    }

    .par2:after{
        border-top-width: 140px !important;
        border-right-width: 12px !important;
        right: -12px !important;
        width: 13px !important;
    }

    .par3:before{
        border-bottom-width: 219px !important;
        border-left-width: 12px !important;
        left: -12px !important;
        width: 12px !important;
    }

    .par3:after{
        border-top-width: 219px !important;
        border-right-width: 12px !important;
        right: -12px !important;
        width: 12px !important;
    }

    .zdor .zdor-text p span{
        background: none;
        padding: 0;
    }

    .sostav .sos-item p{
        height: 110px;
    }

    .sostav .sos-item span{
        width: 250px;
        font-size: 15px;
        padding: 9px 0;
        bottom: 130px;
    }

    .sostav .opis{
        text-align: left;
        font-size: 19px;
    }




    .section-title p{
        margin-top: 10px;
    }



    .prizn .elram{
        width: 100%;
        padding: 15px 10px;
        text-align: left;
        margin-top: 20px;
        font-size: 20px;
    }

    .prizn .prizn-item p{
        margin-top: 15px;
    }


    
    .prizn{
        background-image: url('../img/prizn_mob.jpg');
    }

    .imp-text span{
        margin-bottom: 20px;
    }

    .imp-p span{
        width: 100%;
    }

    .imp-p{
        margin-top: 35px;
    }

    .section-title{
        text-align: left;
        margin-bottom: 15px;
    }

    .section-title span{
        display: block;
        padding: 7px 0;
        font-size: 30px;
    }

    .imp {
        padding-top: 7px;
    }
    
    .zdor{
        background-image: url('../img/zdor_mob.jpg');
        padding-top: 20px;
        padding-bottom: 235px;
    }

    .zdor .zdor-text .section-title span{
        line-height: 1.42857143;
        font-size: 31px;
    }

    .zdor .zdor-text .section-title{
        padding-left: 0;
    }

    .preim-ul{
        padding-left: 0;
        padding-right: 10px;
    }

    .preim .section-title {
        text-align: center;
        margin-bottom: 0;
    }

    .prod2{
        position: relative !important;
        top: 0 !important;
    }


    .prod2 img{
        width: 100%;
    }

    .preim .preim-wrap .preim-ul li{
        font-size: 16px;
        margin-bottom: 10px;
    }

    .preim .preim-wrap{
        border: none;
        padding-top: 0;
    }

    .preim{
        padding-top: 8px;
    }

    .sostav{
        padding-bottom: 30px;
    }
    .sostav .section-title span{
        line-height: 1.42857143;
        font-size: 29px;
    }

     .owl-dots{
        text-align: center;
    }

    .sostav .owl-dot{
        display: inline-block;
        width: 20px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background-color: #fff;
        height: 20px;
        margin: 0 4px;
    }

    .sostav .sos-item{
        margin-bottom: 20px;
    }

    .sostav .owl-dot.active{
        background-color: #f2d61a;
    }
    
    .expert{
        padding-top: 40px;
        background-image: url('../img/expert_mob.jpg');
        padding-bottom: 460px;
    }

    .expert .expert-title{
        font-size: 29px;
    }

    .expert .expert-name span {
        font-size: 18px;
    }

    .expert-name p{
        font-size: 13px;
    }

    .expert .expert-text p .fonsp1,
    .expert .expert-text p .fonsp2{
        background: none;
        padding: 0;
    }
    .expert .expert-name {
        margin-top: 75px;
    }
    .expert .eff{
        top: auto;
        bottom: -207px;
        right: 90px;
    }

    .expert .eff span {
        font-size: 17px;
    }

    .expert .eff p {
        font-size: 12px;
    }
    .buttons a{
        margin: 0 auto 20px;
        width: 270px;
    }

    .reviews .text .text-item span{
        padding-left: 10px;
    }

    .video-item{
        margin-bottom: 20px;
    }

    .reviews .text .text-item p{
        padding: 0 10px;
    }

    .tab-content{
        height: 480px;
    }

    .nav-tabs{
        margin-bottom: 5px !important;
    }

    .nav-tabs li{
        margin-bottom: 20px !important;
    }
 .reviews .owl-dot{
     background-color: #391039;
     width: 20px;
     height: 20px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     margin: 0 4px;
     display: inline-block;
 }

    .reviews .owl-dot.active{
        background-color: #f2d61a;
    }

    .rekv{
        padding: 46px 0 25px 0;
    }


}