@media(max-height: 768px){
    .banner_slide,.banner_block{
        min-height: 850px;
    }
}
@media(max-width: 1650px){
    .planning_title{
        font-size: 25px;
    }
    .planning_flex_item{
        font-size: 14px;
    }
}
@media(max-width: 1500px){
    .slider_planning .owl-dots{
        bottom: -50px;
    }
    .commerce_opis{
        width: 51%;
    }
    .wrapper,.banner_slide{
        padding: 0 20px;
    }
    .banner_slide{
        padding-left: 30px;
    }
    .burger_btn {
        padding: 15px ;
    }
    .header .social_link{
        margin-left: 40px;
    }
    .owl-nav{
        left: 20px;
        right: 20px;
    }


    .banner_grid_item:first-child:before,.banner_grid_item:nth-child(3):before{
        height: 105px;
    }
    .hid_slider .owl-dots{
        bottom: -50px;
    }
    .banner_grid_item:first-child:before{
        top: 10px;
    }
}
@media(max-width: 1350px){
    .planning_flex{
        flex-wrap: wrap;
        justify-content: center;
    }
    .planning_title {
        font-size: 22px;
    }
    .planning_img_block{
        height: 440px;
    }
}
@media (max-width: 1250px) {
    .li_richness span{
        min-width: 125px;
        margin-right: 5% !important;
    }
    .code_text{
        font-size: 16px;
    }
    .code_block img{
        max-width: 65px;
    }
    .code_block a{
        margin-right: 15px;
    }
    .code_block{
        max-width: 400px;
    }
    .planning_title svg{
        transform: translateY(-16%);
        margin: 0 8px;
    }
    .banner_grid_item:first-child:after,.banner_grid_item:nth-child(2):after{
        bottom: -24px;
    }
    .banner_grid_item:first-child:before{
        top: 0;
    }
    .hid_img ,.video_hid{
        height: 575px;
    }
    .planning_flex_item{
        font-size: 14px;
    }
    .planning_flex {
        margin: 20px 0;
    }
    .planning_title{
        margin-top: 20px;
    }
    .planning_img_block{
        height: 420px;
    }
    .banner_grid_item_title {
        font-size: 45px;
        margin-bottom: 10px;
    }
    .banner_subtitle{
        font-size: 16px;
    }
    .mob_menu{
        top: 104px;
    }
    .section_img {
        margin-top: 60px;
    }
    .description_list .li{
        font-size: 15px;
    }
    .phone{
        font-size: 16px;
    }
    .pos3{
        max-width: 80%;
    }
    .btn{
        padding: 18px 20px;
        font-size: 12px;
    }
    .logo img{
        width: 125px;
    }
    .header{
        padding: 10px 0;
    }
    .banner_title{
        font-size: 35px;
    }
    .section_title,.planning_title{
        font-size: 18px;
    }
    .section_description{
        font-size: 15px;
    }
    .section_title_big {
        font-size: 30px;
    }
    .section{
        padding-bottom: 100px;
    }
    .section_fix{
        padding-top: 100px;
    }
    .section_bg{
        padding: 100px 0;
    }
    .pos2{
        max-width: 77%;
    }
    .pos1{
        max-width: 95%;
    }.license{
    font-size: 14px;
         }
    .benefits_title{
        font-size: 30px;
    }
    .benefits_descr{
        font-size: 14px;
    }
    .section_otst.fix {
        margin-bottom: 60px;
    }
    .slider_richness, .slider_richness .owl-stage-outer, .slider_richness .owl-stage, .slider_richness .owl-item,.slider_richness .slider_img {
        height: 100%;
        max-height: 750px;
    }
}
@media (max-width: 1050px) {
    .menu_item.fix{
        display: block;
        text-align: center;
        margin:0 0 10px 0;
    }
    .banner_slide{
        padding-top: 60px;
    }
    .banner_block,.banner_slide{
        height: 83vh;
    }
    .code_block{
        margin: 15px auto 0 auto;
        padding: 8px;
    }
    .code_text {
        font-size: 14px;
    }
    .banner_left,.banner_right{
        top: auto;
        transform: translateY(0);
    }
    .button_top{
        display: none;
    }
    .flex_plan .section_title{
        margin-bottom: 15px;
    }
    .flex_plan{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    .flex_plan .flex_btn{
        flex-direction: row;
        margin-left: 0;
    }
    .flex_plan .flex_btn .button:first-child{
        margin-right: 25px!important;
    }
    .planning_img {
        max-width: 75%;
        object-fit: contain;
        max-height: 80%;
    }
    .banner_slide {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .banner_left{
        max-width: none;
        text-align: center;
        margin: 0 auto;
    }
    .banner_title,.banner_subtitle{
        text-align: center;
    }
    .banner_grid{
        grid-gap: 30px 36px;
    }
    .banner_grid_item span {
        font-size: 14px;
    }
    .line{
        width: 109%;
    }
    .phone {
        display: none;
    }
    .header .social_link {
        margin-left: 25px;
    }
    .footer_menu{
        display: none;
    }
    .footer_bottom{
        border: none;
    }
    .footer_bottom>.flex{
        flex-direction: column-reverse;
        justify-content:center ;
        align-items: center;
    }
    .contact_info div, .contact_info a,.contact_info span{
        font-size: 14px;
    }
    .logo_footer{
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0,0);
        margin: 20px 0;
    }
    .footer .social_link{
        margin: 0 20px;
    }
    .license{
        text-align: center;
        margin-bottom: 15px;
    }
    .footer{
        padding-top: 0;
    }
    .dev{
        display: flex;
        justify-content: center;
    }
    .team_item {
        height: 550px;
    }
    .slider_img {
        height: 750px;
    }
    .gallery_item {
        height: 650px;
    }
    .slider_images.fix .slider_img {
        height: 650px;
    }
    .section_img{
        margin-top: 60px;
    }
    .flex_btn{
        flex-direction: column;
    }
    .button.fix{
        width: 100%;
        margin-right: 0!important;
    }
    .button.fix .btn{
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    .section_otst{
        padding-left: 30px;
    }
    .mob_menu{
        display: block;
        padding: 15% 0;
    }
    .hid_img ,.video_hid{
        height: 500px;
    }
    .hid_title{
        margin-bottom: 15px;
    }
}

@media (max-width: 850px) {
    .slider_richness .slider_img{
        height: 450px;
    }
    .slider_richness .owl-dots{
        bottom: 10px;
    }
    .hid_img,.video_hid{
        height: 450px;
    }
    .flex_plan .flex_btn .button:first-child {
        margin-right: 0px !important;
    }
    .block_img.fix .right_img {
        max-width: 80%;
        height: 50%;
    }
    .slider_images.fix .slider_img {
        height: 450px;
    }
    .planning_img_block,.block_img.fix .left_img{
        height: 420px;
    }
    .flex_plan .flex_btn{
        flex-direction: column;
    }
    .flex_btn {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
    /*.button.fix{*/
    /*    width: 48%;*/
    /*}*/
    .section_otst{
        padding-left: 0px;
    }
    .banner_subtitle {
        font-size: 18px;
    }
    .banner_title {
        font-size: 30px;
    }
    .section_fix{
        padding-top: 60px;
    }
    .section{
        padding-bottom: 60px;
    }
    .left_img.fix{
        height: 450px;
        padding-bottom: 0px;
        width: 100%;
    }
    .section_otst.fix{
        margin-bottom: 40px;
    }
    .team_item {
        height: 450px;
    }
    .team_name{
        font-size: 21px;
    }
    .flex_partnerstvo > div,.flex_partnerstvo .section_title{
        width: 100%;
    }

.header .social_list{
    display: none;
}
    .block_img{
        width: 100%;
    }
    .left_img{
        height: 430px;
        margin-top: 40px;
    }
    .section_img_fix{
        margin-top: 40px;
    }
    .commerce_opis .button.fix,  .commerce_block .button.fix{
        width: 100%;
    }
    .description_list .li span{
        margin-right: 30px;
    }
    .commerce_block  .flex_btn{
        flex-direction: column;
    }
    .banner .owl-nav{
        top: auto;
        bottom: 45px;
        left: auto;
    }
    .slider_img {
        height: 450px;
    }
    .right_img{
        height: 230px;
    }
    .benefits_list{
        padding: 45px 0;
    }
    .benefits_title {
        font-size: 25px;
    }
    .tabs_item {
        padding: 15px 10px 15px 10px;
        font-size: 15px;
    }
    .tabs_item img{
        margin-right: 15px;
    }
    .flex_partnerstvo{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #contact>.flex{
        flex-direction: column;
    }
    .contact_left{
        width: 100%;
        margin-bottom: 20px;
    }
    .contact_info.fix{
        margin-bottom: 20px;
    }
    .contact_right,.block_left,.block_text{
        width: 100%;
    }
    .flex_block{
        flex-direction: column-reverse;
    }
    .img_fix{
        position: relative;
    }
    .block_left{
        margin-top: 40px;
    }
    .block_text{
        margin-top: 40px;
        display: flex;
        flex-direction: column-reverse;
    }
    .section_img{
        order: 1;
        margin-bottom: 40px;
        margin-top: 0;
    }
    .section_title{
        order: 1;
    }

    .slider_images{
        margin-bottom: 40px;
    }
    .flex_partnerstvo .section_title{
        order: 0;
    }
    .descr_ots{
        margin: 40px 0 0 0;
    }
    .line{
        width: 100%;
    }
    .flex_block.fix .section_title {
        order: 0;
    }
    .section_bg{
        padding: 60px 0;
    }
    .block_text_richness{
        flex-direction: column;
    }
    .block_text_richness .section_title{
        order: initial;
    }
    .flex_block_richness{
        flex-direction: column;
    }
   body .slider_richness .slider_img{
        background-position: bottom!important;
    }
}
@media (max-width: 730px) {
    .video_popup .panel{
        max-width: 90%;
    }
    .planning_flex{
        flex-wrap: wrap;
        justify-content: center;
    }
    .commerce_block{
        flex-direction: column;
        margin-top: 0;
    }
    .commerce_tabs {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        margin-left: 0;
    }
    .commerce_opis {
        width: 100%;
    }
    .commerce_block>div {
        width: 100%;
    }
    .tabs_item:last-child{
        border-bottom: 1px solid rgba(188, 138, 126, 0.1);
    }
    .tabs_item {
        width: 50%;
        border-left: 0;
        box-sizing: border-box;
    }
    .commerce_block>div:first-child{
        display: flex;
        flex-direction: column-reverse;
    }
    .commerce_block .button.fix{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .panel{
        padding:25px 20px;
        max-width: 90%;
    }
    .popup_zaglav {
        font-size: 17px;
    }
    .popup_close{
        right: 2px;
        top: 2px;
    }
}
@media (max-width: 600px) {
    .planning_img_slider .owl-nav button img{
        max-width: 30px;
    }
    .banner_grid_item:first-child:before, .banner_grid_item:nth-child(3):before,
    .banner_grid_item:first-child:after, .banner_grid_item:nth-child(2):after{
        display: none;
    }
    .planning_img_block {
        height: 340px;
    }
    .hid_img ,.video_hid{
        height: 390px;
    }
    .right_img.fix {
        height: 250px;
    }
    .banner_title{
        margin-bottom: 15px;
        font-size: 25px;
        line-height: 1.3;
    }
    .mob_menu{
        top: 95px;
    }
    .menu_scroll .menu_link{
        font-size: 16px;
    }

    .menu_scroll .menu_item {
        margin: 0 0 15px 0;
    }
    .btn_call.mob {
        display: flex;
        background: #BC8A7E;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        justify-content: center;
    }
    .burger{
        height: 45px;
    }
    .btn_call {
        display: none;
    }
    .banner_slide,.banner_block{
        min-height: 550px;
        height: 100vh;
    }
    .scroll_block{
        bottom: -10%;
    }
    .feedback_form{
        margin-top:20px;
    }
    .form-group{
        width: 100%;
        margin-top: 15px;
    }
    .flex_form{
        flex-wrap: wrap;
    }
    .slider_images.fix .slider_img {
        height: 350px;
    }
    .gallery_item {
        height: 500px;
    }
    .mob_menu .phone{
        display: flex;
        opacity: 0.76;
    }
    .banner_grid_item_title {
        font-size: 30px;
        margin-bottom: 3px;
    }
    .banner_grid_item:first-child:before, .banner_grid_item:nth-child(3):before {
        height: 75px;
    }
    .banner_grid_item:nth-child(3):before{
        bottom: 0;
        top: auto;
    }
    .banner_grid_item:first-child:after,.banner_grid_item:nth-child(2):after{
        bottom: -11px;
    }
    .banner_slide{
        grid-gap: 15px;
    }
    .banner_grid_item span br{
        display: none;
    }
    .banner_grid_item span {
        font-size: 12px;
    }
    .banner_grid_item{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .banner_grid {
        grid-gap: 10px 25px;
    }
    .code_block img{
        max-width: 50px;
    }
    .code_text{
        font-size: 12px;
        letter-spacing: 0.5px;
    }
    .slider_richness .slider_img {
        height: 350px;
    }
    .banner_grid_item_title svg {
        width: 35px;
        height: 45px;
    }
}
@media (max-width: 500px) {
    .team_item{
        background-position: top!important;
    }
    .li_richness span {
        min-width: 75px;
        margin-right: 7% !important;
        margin-bottom: 15px;
    }
    .li_richness{
        flex-direction: column;
    }
    .left_img.fix {
        height: 340px;
    }
    .hid_title{
        font-size: 14px;
    }
    .hid_img ,.video_hid{
        height: 340px;
    }
    .commerce_block .button.fix:first-child{
        margin-bottom: 0;
    }
    .planning_img {
        max-width: none;
        max-height: 75%;
        object-fit: contain;
    }
    .form-control::placeholder{
        font-size: 13px;
    }

    .tabs_item,.section_description{
        font-size: 14px;
    }
    .tabs_item{
        padding-right: 5px;
        padding-left: 5px;
        text-align: center;
        justify-content: center;
        line-height: 1.1;
        min-height: 50px;
    }
    .tabs_item img{
       display: none;
    }
    .slider_team{
        margin-top: 40px;
    }
    .team_item {
        height: 360px;
    }
    .team_name {
        font-size: 18px;
    }
    .team_pos{
        font-size: 14px;
    }
    .team_social .social_link {
        margin: 0 8px;
    }
    .slider_text .owl-dots,.slider_text_new .owl-dots{
        bottom: -25px;
    }
    .slider_text button, .slider_text_new button{
        margin: 0 4px!important;
    }
    .slider_item .section_description{
        max-width: 100%;
        padding: 0;
    }
    .banner_title {
        font-size: 23px;
    }
    .banner_subtitle {
        font-size: 14px;
    }
    .section_title,.planning_title {
        font-size: 16px;
    }
    .section_otst.fix {
        margin-top: 40px;
    }
    .flex_btn {
        flex-direction: column;
    }
    .button.fix {
        margin-top: 15px;
        width: 100%;
    }
    .slider_images {
        margin-bottom: 15px;
    }
    .slider_text_new{
        margin-bottom: 40px;
    }
    .img_fix{
        height: 370px;
    }
}
@media (max-width: 480px) {
    .contact_info div, .contact_info a{
        font-size: 12px;
    }
    .benefits_descr {
        font-size: 13px;
    }
    .benefits_title {
        font-size: 23px;
    }
    .right_img.fix,.right_img{
        max-width: 75%;
    }
    .contact_info >div {
        width: 85%;}
    .contact_info span{
        line-height: 1.2;
    }
}
@media (max-width: 350px) {
    .btn img{
        display: none;
    }
    .tabs_item, .section_description,.description_list .li {
        font-size: 13px;
    }
    .contact_info div, .contact_info a {
        font-size: 11px;
    }
}