/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
@media (max-width: 600px){
    .card-div{
     flex-direction: column;   
    }
    .back_img_fiz h1{
            font-size: 22px;
    max-width: 80%;
    }
    .card{
     margin-bottom:10px;   
    }
}
@media (min-width: 700px){
   
     .owl-prev{
  
    left: -30px;
    }
    .owl-next{
       
    right: -30px;
    }
}
@media (min-width: 950px){
    
   .Nav_container{
       -webkit-box-shadow: 0 6px 14px rgba(0,0,0,0.25), 0 0px 1px rgba(0,0,0,0.22);
               box-shadow: 0 6px 14px rgba(0,0,0,0.25), 0 0px 1px rgba(0,0,0,0.22);
           position: fixed;
    background: rgb(245, 245, 245);
    width: unset;
    right: 0px;
       top: 98px;
    border-radius: 5px;
   }
}
    @media screen and (max-width: 1142px) and (min-width: 750px){
     .mob_banner_serv{
     display:block !important;   
    }
}
@media (max-width: 1142px){
    .last_update_banner{
        flex-direction: column;
    align-items: center;
    }
    .last_update_banner p{
     text-align:center;   
    }
    .banner_laptop_container{
           margin-top: 81px; 
    }
    .banner_laptop{
     display: none;     
    }
   
    }
  
@media (max-width: 1155px){
    .Carusel_item:before{
        display:none;
    }
     .owl-carousel.owl-drag .owl-item{
            padding-left: 0;
    }
}
@media (max-width: 1092px){
    .nav_user ul li a{
     font-size: 12px;   
    }
   
}
@media (max-width: 1010px){
    .pass_sec{
     margin-top:25px;   
    }
    .user_data{
        flex-direction: column;
    align-items: center;
    }
    .show_pass_form{
     margin-top: 50px;   
    }
}
@media (max-width: 1000px){

   .Text_banner{
           padding-top: 90px;
}
       
}
@media (max-width: 992px){
    .user_pay_space .user_pay_log{
        margin-top: 50px;
    max-width: 600px;
    width: 100%;
        overflow-x: scroll;
    }
    #liq_history{
     width:500px;
    }
    .user_pay_space{
     flex-direction: column;
    align-items: center;
    justify-content: center;   
    }
    .edit_lk_input{
        transform: translate(-50%, -50%);
            right: 50%;
    left: 50%;
    }
    .nav_user ul li a{
    font-size: 0;
    }
  .user_data_list li{
          flex-direction: column;
    justify-content: center;
    align-items: center;
  }
   .user_data_list li span{
           width: 100% !important;
               text-align: center;
   }
   .user_data_list li span:nth-child(1){
        margin-bottom: 25px;   
   }
}
@media (max-width: 950px){
    
     .call span{
     display:none;   
    }
     .call svg{
       display:block !important;   
     }
    .call{
    margin-right:10px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    }
   header .Second_contact_block{
            height: 42px;
    width: 42px;
    }
    .burger_header{
         margin-left: 40px;   
    }
    .form_open{
        padding: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: none;
    -webkit-box-shadow:none;
            box-shadow:none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .form_open svg{
        display:block !important;    
    }
    header .form_open span{
     display:none;   
    }
       header>div>form{
             margin-right: auto;
   }
    .Info_item{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    .Info_text, .Info_content {
    width: 80%;
}
.call_sec{
     flex-direction: row;   
}
}
@media (max-width: 863px){
    .pay_sum,
    .date_pay{
         font-size: 18px;   
    }
}
@media (max-width: 853px){
 .on_syst {
    max-width: unset;
    width: 86%;
}
.nav_user {
    width: 95%;
}
}
@media (max-width: 850px){
    .item_select_abonent img{
            max-width: unset;
    }
        .Review_container h4:nth-child(1){
         padding-bottom:0;   
        }
    .Review_container h4:nth-child(2){
            padding-top: 15px;
    }
    .rew_body:before{
            width: 97%;
                top: -12px;
    left: 0px;
    }
    .person_cont{
     display:none;   
    }
    .rew_body{
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
                bottom: 0;
                position: relative;
    left: 0;
    top: 0;
        padding-left: 40px;
    }
    .rew_body p{
     
    max-height: unset;   
    }
    .logog_header{
            margin-right: 107px;
    }
    .select_abonent{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    .item_select_abonent{
        width: 90%;
            max-width: 500px;
    }
    .item_select_abonent:not(:last-child){
            margin-bottom: 10px;
    }
    .abonentam_sec{
         padding-top: 119px !important;
    padding-bottom: 48px !important;   
    }
}
@media (max-width: 800px){
    
    .nav_user{
     padding: 10px 0;
    align-items: center;
    display: flex;
    flex-direction: column;   
    }
    .nav_user ul li{
     border:none;   
    }
    .nav_user ul li a{
         display: flex;
    justify-content: center;   
    }
    .nav_user ul li a i{
     margin:0;   
    }
    main .Second_contact_block{
            width: 83%;
    }
   
    .logog_header{
            margin-right: 107px;
    }
    .item_select_abonent h4{
     font-size: 19px;   
    }
    .form_client{
            width: 90%;
    }
    .small_input{
        width: 100%;
    }
    .form_input_container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    }
    .form_input_container input{
         width: 50%;
    }
.form_input_container label{
    margin-top: 10px;
}
    .Contacts_block{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    .First_contact_block{
     width:90% !important;   
    }
    .Banner::before{
        height: 43%;
    }
    .Tab_info_nav li span{
        display:none;
    }
    .Tab_info_nav li svg{
     display:block !important;   
    }
   
    .Superiority_items li{
            width: 49%;
                margin-bottom: 15px;
    }
    .Contacts_block .Second_contact_block{
     width: 90%;   
    }
   
   .agreement_block{
    flex-direction: row;
    align-items: center;   
   }
   .agreement_block>input{
           width: fit-content;
   }
    .agreement_block>label{
           margin: 0;
   }
}
@media (max-width: 762px){
    .user_form .form-group{
     flex-direction: column;
    align-items: flex-start;
    margin: 19px 0;   
    }
}
@media (max-width: 739px){
    .pay_page{
            flex-direction: column;
    align-items: center;
    }
}
@media (max-width: 735px){
    .date_pay{
     flex-direction: column;
    align-items: flex-start;   
    }
    .date_pay strong{
     margin:0;   
    }
}
@media (max-width: 698px){
    .commers_chose{
         flex-direction: column;
    width: 100%;   
        padding-top: 92px;
    }
    .commers_chose a{
     width:100%;   
    }
    
}
@media (max-width: 680px){
    .user_data>form{
     width: 100%;   
    }
    .reglament{
        padding: 0 15px;
    text-align: center;
}
    .user_form{
         max-width: unset;   
    }
    .faq_block h2{
    font-size: 30px;
    }
    .faq_flex{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
}
    .pay_container,
    .Banner .liq_pay,
    .Banner .portmone{
        display:none;
    }
    .pay_mob{
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;   
    }
    .serv_block{
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;   
    }
    .serv_item{
            width: 70%;
    }
    .info_text_serv{
            text-align: center;
    }
    .Services_container {
    padding-top: 25px;
}
.Services_container .form_open{
        margin: 40px auto 60px auto;
        width:85%;
}
   
}

@media (max-width: 700px){
  
    .form-control-leng .selected{
            border-radius: 0;
    }
     .form-control-leng{
        border: 1px solid #7D7D7D;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
border-radius: 5px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
    }
    .form-control-leng a{
            width: 51px;
    height: 25px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    }
    .form-control-leng{
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
    }
    .leng_mob{
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;  
             padding: 10px 0;
    }
    .logog_header{
            margin-right: auto;
    }
    header>div>form{
     display:none;   
    }
    .Tab_info_content li{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .Content_part_one{
            width: 70%;
    margin: 0 auto;
    }
    .Content_part_two{
        width: 100%;
    text-align: center;
    }
    .Content_part_two p{
        text-align: justify;
    }
    .sell_product img{
         margin: 0 auto 10px auto;   
    }
}
@media (max-width: 604px){
    .date_pay{
         position: relative;   
    }
    .date_pay strong{
         position: absolute;
    top: 30px;
    left: 99px;   
    }
    .pay_block{
         flex-direction: column;   
    }
    .pay_block>div{
     width: 100% !important;   
    }
    .pay_block>.liq_input_pay_cont{
     margin-bottom:15px;   
    }
}
@media (max-width: 555px){
    .date_pay strong {
    position: static;
    }
    .user{
         flex-direction: column;   
           
    }
    .nav_user>ul{       
        display: flex;
}
.nav_user ul li{
     margin: 0;   
     padding:0;
}
.nav_user ul li:not(:last-child){
       margin: 0; 
}
.nav_user ul li:not(:last-child){
     margin-right: 10px;   
}
.nav_user{
      width: fit-content;
    padding: 15px;
    margin-bottom: 10px;
}
.user_form{
     width: 100%;   
}
}
@media (max-width: 573px){
    .user_form .form-group{
         flex-direction: column;
    align-items: flex-start;
    margin: 28px 0;   
    }
}
@media (max-width: 564px){
    .burger_header {
    margin-left: 0;
}
}
@media (max-width: 510px){
.date_pay strong {
    position: absolute;
}
}
@media (max-width: 500px){
  header .Form_contacts{
   width:90%;   
  }
    .owl-prev{
        left: -20px;
    }
    .owl-next{
          right: -20px;
    }
    .form_open{
               margin: 0 auto 15px auto;
    }
    .Banner{   
              height: 582px!important;
    }
    
.Form_contacts{
 z-index:9;   
     width: 100%;
}
}
@media (max-width: 450px){
    .pay_page > .about_pay_words,
    .pay_page > .hello_pay_words{
         font-size: 26px;   
    }
   
    .item_select_abonent h4{
        font-size: 22px;
            font-weight: 600;
        height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    }
    .form_check_container>label{
            font-size: 10px;
    }
    .info_services h4{
     padding:0;   
    }
    .Logo img{
        width:70px;
    }
    .Banner::before{
           
    }
    .about_cp h3{
            font-size: 40px;
    }
    .Superiority_items{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .Superiority_items li{
            width: 90%;
                margin-bottom: 15px;
    }
     .soc_container{
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
 }
 .soc_container p,
 .soc_container a{
         margin-left: 0;
          font-size:14px;   
 }
 .Soc_footer li a svg {
 
    width: 35px !important;
    height: 35px !important;
 }
}
@media (max-width: 500px){
    .pay_header{
     flex-direction: column;   
    }
    .pay_header>div{
         margin-bottom: 10px;
    padding-bottom: 0;   
        margin-right: 0;
    }
    
}
@media (max-width: 437px){
 .date_pay strong{
      left: 120px;   
 }
}
@media (max-width: 436px){
    .feed_back .form_open{
         width: 100%;   
    }
    .pay_mob{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
       padding: 10px 0;
    }
}
@media (max-width: 413px){
.date_pay strong {
    left: 105px;
}
.user_form{
 padding: 12px;   
}
}
@media (max-width: 400px){
    .item_select_abonent p{
     font-size: 11px;   
    }
    .user_prof {
    margin-right: 20px;
}
    .form h4{
            font-size: 33px;
    }
    .Banner h3{
     font-size:30px;
         padding-bottom: 21px;
    }
    .Text_banner {
    padding-top: 100px;
}

 .Superiority_items li h5,
 .Superiority_items li span{
       font-size:11px;   
 }
 
}
@media (max-width: 400px){
 .item_select_abonent h4{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; 
 }
}
@media (max-width: 387px){
    .date_pay strong {
    left: 130px;
}
}
@media (max-width: 368px){
    .date_pay strong {
    position: static;
}
}