@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans-Regular.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans-Medium.ttf');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans-Bold.ttf');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}
.middleman .new-container{  
    max-width: 1160px;
    margin: 0 auto;
}
.middleman .middleman-main-section{
    margin-bottom:48px;
}
.middleman  p{
    margin-bottom:0
}
.middleman .fs-40{
    font-family: "Inter"; 
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    text-align: center;
    margin-bottom:0;
}
.middleman .fs-24{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    /* line-height: 29px;  */
    line-height: 32px; 
    color: #000000;
    margin-bottom:24px;
}
.middleman .fs-18{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;     
    color: #000000;
    margin-bottom:12px
}
.middleman .fs-16{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom:0;

}
.middleman .filter-title{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;       
    color: #000000;
    margin-bottom:24px;
    margin-left:22px;
    /* text-align:center; */

}

.middleman .reason-text{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;   
    color: #353535;
    margin-bottom:0;
}
.middleman .green-border{
    width: 287px;
    height: 2px;
    background: #4AC96E;
    margin:32px auto;
}
.middleman.banner-section{
    margin-bottom:48px;
}
.middleman .middleman-banner {
    height: 400px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
}
.middleman .banner-content{
    width: 100%;
    height: 100%;   
    margin: auto;  
    display: flex;
    align-items: center;
    color: #FFFFFF;
}
.middleman .middleman-by{
    display: flex;
    justify-content: center;
    align-items: center;
}
.middleman .banner-text{
    max-width: 854px;
    display:flex;
    justify-content: center;
    align-items: center;
    
}
.middleman .middleman-by img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;   
    margin-right: 19px;
}
.middleman .middleman-by p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;   
    margin-bottom: 0;
    letter-spacing: 0.28px;
}
.middleman .middleman-by .banner-name{
    font-family: 'Montserrat';
    position: relative;
    margin-right: 22px;
}
.middleman .middleman-by .banner-updated-text{
    font-family: 'Roboto';
}
.middleman .middleman-by .banner-name-bold {
    font-weight: 600;
}
.middleman .middleman-by .banner-name:after {
    content: "";
    position: absolute;
    top: 36%;
    right: -13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #4AC96E;;
}

.middleman .mid-right{
   max-width: 272px;
   border: 1px solid #D9D9D9;
   border-radius: 4px;
   padding:25px 16px 32px 0;
}
.middleman .mid-right .close-filter,
.middleman .mid-right .open-filter{
    display:none;
    position: absolute;
    top:15px;
    right: 15px;
    padding:5px 15px;
    color: #31568A;
    cursor:pointer;
}

.middleman .mid-left{
   padding:0 24px 0 0;
}
.middleman #mid_row{
    flex-wrap: unset;
}
.middleman .filter-list li{
    line-height: 17px;  
}

.middleman .filter-list a{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;     
    color: #31568A;
    cursor: pointer;
}
.middleman .filter-list li a:hover{
  text-decoration-line: underline!important;
  font-weight: 500;
  color:#31568A!important;
}
.middleman .filter-list li::marker {
    color: #31568A!important;
  }
.middleman .filter-list li.active a{
  text-decoration-line: underline;
  font-weight: 500;
}
.middleman .filter-list li{
  margin-left:16px;
}
.middleman .filter-list li:not(:last-child){
    margin-bottom:16px
}
.middleman .reasons{
    display:flex;
    margin-bottom:24px;
}
.middleman .reason-item{
    display:flex;    
    align-items: center;
    margin-bottom:24px;
}
.middleman .reason-block .reason-item:last-child{
    margin-bottom:0;
}
.middleman .reason-item img{
    margin-right: 24px;
    width: 135px;
    height: 187px;
}
.middleman .reason-block:first-child{
   margin-right: 26px;
}
.middleman .filter-blog{
    margin-bottom:48px;
}
.middleman .signal-types .types-img{
    margin:24px 0;      
    display:flex;
    align-items: center;
    justify-content: center;

}
.middleman .types-img img{
    width: 568px;
    height: 401.59px;   

}
.middleman .generations{
    display:flex;    
}
.middleman .generations > div{
   width: 100%;    
}
.middleman .generations > div .generation:not(:last-child){
   margin-bottom:24px;    
}
.middleman .generations .generations-1{
  margin-right: 24px;    
}
.middleman .generation .gen-top{
    display:flex;
    align-items: baseline;
    margin-bottom:16px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;   
    color: #000000;
}

.middleman .gen-top .title-g{
    margin-right:5px;
    font-weight: 500;

}

.middleman .generation .gen-image{
    width:228px;
    height:24px;
    display: flex;
    align-items: center;
    position: relative;
    
}
.middleman .generation .gen-image img{
    width:100%;
    height:auto;
    object-fit: contain;
}
.middleman .generation .gen-image p{
    position: absolute;
    bottom: -4px;
    right: 20%;   
}
.middleman .generation .mid-text {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #545454;
}
.middleman .boosters-imgs{
    display:flex;
    justify-content: space-between;
    margin:24px 0;
}
.middleman .boosters-imgs .mid-booster{
    width:272px;
    height: 272px;
}
.middleman .boosters-imgs .mid-booster img{
    width:100%;
    height: 100%;
    object-fit: contain;
}
.middleman .mid-text ul{
    margin-top:24px;
    margin-left:10px;

}
.middleman .mid-text ul li{
   margin-left:16px;
}
.middleman .ready-title{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #35383C;
    margin-bottom:10px

}
.middleman .mid-btn a{
    width: 272px;
    height: 48px;
    background: #FF7C00;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    border-radius: 2px;    
    font-family: 'Inter';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;    
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}

.middleman .mid-btn a:hover {
    cursor: pointer;
    background: #e97000;
    box-shadow: 0px 4px 6px 0px #00000033 inset;
    color: #ffffff !important;
    font-size: 15px;
    text-decoration: none;
}
.middleman .ready{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 35px 28px;   
    width: 100%;
    height: 199px;
    background: linear-gradient(180deg, rgba(224, 255, 241, 0.14) 0%, #E0FFF1 58.33%, rgba(224, 255, 241, 0.14) 100%);
}
.middleman .ready-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;    
    width: 318px;
    
}
.middleman .ready p{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;   
    text-align: center;
    text-transform: capitalize;
    color: #35383C;
    margin-bottom:20px;
}
.middleman .w100-img{
    margin: 24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.middleman .w100-img img{
    width: 100%;
    height: auto;
}
.middleman .how-does .w100-img {
    margin-bottom:0;
}
.middleman .blue-ul {
    margin-bottom:24px
}
.middleman .blue-li {
    display:flex;
    align-items: center;     
}
.middleman .blue-li .blue-number{
    margin-right: 16px;
}
.middleman .blue-li:not(:last-child) {
    margin-bottom:24px;
}

.middleman .correctly .blue-li:not(:last-child){
    margin-bottom:16px;
}
.middleman  .correctly .blue-li img{
    margin-right: 24px;
}
.middleman .blue-ul .blue-number{
    min-width: 39.98px;
    height: 38.62px;
    background: #2A64F6;
    border-radius: 50%;
    display:flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;  
    color: #FFFFFF;

}
.middleman .realy-icon{
    display:flex;
    align-items: center;   
    margin-bottom:16px;
}
.middleman .blue-icon-mob{
    display:none
}
.middleman .blue-icon{
    width: 32px;
    height: 32px;
    margin-right:10px;
}

.middleman .realy-icon p{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 32px;
    color: #000000;
}
/* .realy-work .fs-16{
    line-height:32px ;
} */
.middleman .realy-item:not(:last-child){
    margin-bottom:24px;
}
.middleman .car-block{
    display:flex;   
    margin-bottom:24px;
}
.middleman .car-img{
    min-width: 568px;
    height: 231.38px;
    margin-right:34px;
}
.middleman .car-img img{
    width: 100%;
    height: 100%;
   object-fit: contain;
}
.middleman .work-car .mid-btn a{
    margin:16px auto 0 auto;
}
.middleman .supported-banner{   
    position: relative;
    width: 100%;
    min-height: 316px;
    margin-bottom:24px;
}
.middleman .supported-banner .supported-img-mob{
    display:none; 
 }
.middleman .supported-banner img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.middleman .supported-content {  
    position: absolute;
    top:0;
    left: 0;
    width: 55%; 
    min-height: 316px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.middleman .supported-text{
    max-width: 227px;   
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 130%;    
    text-align: center;  
    color: #31568A

}
.middleman .blue-block {
    width: 100%;
    min-height: 144px;
    padding: 28px 72px;
    display: flex;
    align-items: center;;
    justify-content: space-between;
    background:#2250C5;
    border: 0.496381px solid rgba(242, 242, 242, 0.17);
    border-radius: 4px;   
    
}
.middleman .blue-block .blue-text {
    width: 320px;
}
.middleman .blue-block .blue-text * {
    color: #FFFFFF;
}
.middleman .blue-block .fs-24 {
    margin-bottom:8px;
    text-align: left;
}
.middleman .mid-btn-small a{
    width: 148px;
}
.middleman  .mid-video{
    position: relative;
    margin:24px 0;
}
.middleman  .mid-video .install-video{
    width: 100%;
    height: 486px ;
}

.middleman  .play-button{
    position: absolute;
    top: 45.06%;
    left: 46.06%;
    width: 68px;
    height: 48px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 20%;
    border:none;    
}

.middleman .play-button img{
    width: 18.37px;
    height: 19.18px;
}
.middleman .video-text{
    color:white;
    position: absolute;
    top:14px;
    left:16px;
    font-weight: 400;
}
.middleman .middleman-mob-filter .top-filter-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.middleman .top-filter-product .top-filter-item.active {
    border: 2px solid #3ad68f;
    border-radius: 10px;
}
.middleman .top-filter-product .top-filter-item.active .top-filter-item-title {
    color: #3ad68f;
}

.middleman .top-filter-product .top-filter-item-img-all {
    width: 32px;
    height: 38px;
}
.middleman .top-filter-product .top-filter-item-img {
    width: 27px;
    height: 27px;
}
.middleman .top-filter-product .top-filter-item-title {
    margin-top: 2px;  
    margin-bottom:0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    /* line-height: 25px;    */
    color: #35383C;

}
.middleman .top-filter-product .top-filter-item {
    width: 82px;
    height: 76px;
    background-color: white;
    box-shadow: 0px 10px 20px rgba(80, 80, 131, 0.101961);
    border-radius: 10px;   
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.middleman  .ready-mob{
    display:none;
}
.middleman #mid_right .mid-right{
    max-height: 97vh!important;
}
.middleman #mid_right .mid-right ul{
    max-height: 85vh!important;
    padding-bottom:15px;
    overflow-y: scroll;     
    padding-left:22px;   
    direction:rtl;        
}

.middleman #mid_right .mid-right li{
    direction:ltr;     

}
.middleman #mid_right ::-webkit-scrollbar {
    width: 6px;
    background: transparent;          
   
}
.middleman #mid_right ::-webkit-scrollbar-thumb {   
    width: 5px;
    background-color: #D2DFF0; 
    border-radius: 10px;
    height: 134px;
}
.middleman #mid_right .mob-ul-title{
    display:none;
}
.middleman .mid-text img{
    margin:24px 0;
}
@media only screen and (max-width: 1250px){
    .middleman .new-container {
        max-width: 1024px;
    }
    .middleman .car-img {
        min-width: 509px;
    }
    .middleman #mid_right .mid-right ul{
        padding-left: 13px;
    }
   
}
@media only screen and (max-width: 1180px){
    .middleman .new-container {
        max-width: 1000px;

    }
}
@media only screen and (max-width: 1024px){
    .middleman .new-container {
        max-width: 928px;
    }
    .middleman.banner-section{
        margin-bottom:32px;
    }
    .middleman .fs-40{       
        font-size: 36px;        
    }
    .middleman .filter-title{   
        font-size: 16px;
        line-height: 19px;   
        margin-bottom:16px;
    }
   
    .middleman .banner-text {
        max-width: 597px;
    }
    .middleman .middleman-banner {       
        background-position: 4%;
    }
    .middleman .reason-item img{
        width:102px;
        height: 141.38px;
        margin-right: 16px;
    }
    .middleman .reason-block:first-child{
        margin-right: 16px;
     }
    .middleman .filter-list a{
        font-size: 12px;       
    }
    .middleman .filter-list li{       
        line-height: 15px;
    }
    .middleman .mid-right {
        max-width: 220px;
        padding:24px 16px;
        padding-left:0;
    }
    .middleman .generations .generations-1{
        margin-right: 16px;    
      }
      .middleman .boosters-imgs .mid-booster {
        width: 220px;
        height: 220px;
    }
    .middleman .car-block{
        flex-wrap: wrap;
    }
    .middleman .car-img {
        min-width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .middleman .work-car .mid-btn a {        
        width: 100%;
    }
    .middleman .supported-content {
        width: 182px;
        min-height: 253px;
        margin-left: 76px;    
    }
    .middleman .supported-banner{
        min-height: 253px;
    }
    .middleman .mid-video .install-video {        
        height: 389px;
    }

}

@media only screen and (max-width: 991px){
    .middleman #mid_row{
        height: auto!important;
        flex-direction: column-reverse;
    }
    .middleman #mid_right{
        height: auto!important;     
        top:0;
        margin-left: -16px;
        z-index: 15;

    }
    .middleman .mid-left {
        padding: 0;
        margin-top:20px;
    } 
    .middleman #mid_right .filter-title{
        display:none;
    }
    .middleman #mid_right .filter-list li{
        display:none;      
        font-family: 'Open Sans';       

    }
    .middleman #mid_right .filter-list li.active{
        display:list-item; 
        margin-bottom:0;

    }  
    /* .middleman #mid_right .filter-list .mob-ul-title{
        display:list-item;
    }  */
    .middleman #mid_right.scroll-filter .filter-list .mob-ul-title{
        display:none!important;
    }
    .middleman #mid_right.scroll-filter .filter-list li.active{
            
        margin-bottom:16px;
    }   
    
    .middleman .mid-right {       
        max-width: 100%;       
        padding: 20px;
        padding-right: 50px;
        background: #FFFFFF;
        box-shadow: 0px 10px 10px rgba(80, 80, 131, 0.1);
        border:none;
        position: relative; 
    }
    .middleman .filter-list li {
        line-height: 19px;
    }
    .middleman .filter-list a {
        font-family: 'Open Sans';       
        font-style: normal;  
        font-size: 14px;   
        line-height: 19px;   
        letter-spacing: 1px;
        display: block;
        width: 100%;
          
    }  
    .middleman .filter-list .active a {       
        font-family: 'Open Sans';       
        font-style: normal;     
        font-weight: 700!important;                 
        letter-spacing: 2px;
    }

    .middleman .mid-right .open-filter{
        display:block;
    } 
  
    .middleman #mid_right.scroll-filter .mid-right{
        max-height: 343px!important;
    }
    .middleman #mid_right.scroll-filter .mid-right ul{
        max-height: 270px!important;
        overflow-y: scroll;
        direction:rtl;  
        padding-left:20px;   
    }
    .middleman #mid_right .mid-right ul{
        padding-bottom:0;
    }   
    .middleman #mid_right .mid-right ul{       
        overflow-y: unset;       
    }
   
    .middleman .filter-list li a:hover{
        text-decoration-line: underline;
        font-weight: 700!important;
        font-size: 14px;
        letter-spacing: 2px;
    }
   

}
@media only screen and (max-width: 980px){
    .middleman .new-container {
        max-width: 880px;
    }
}
@media only screen and (max-width: 900px){
    .middleman .new-container {
        max-width: 760px;
    }
}
@media only screen and (max-width: 768px){   
    .middleman .new-container {
        max-width: 650px;
    }
    .middleman .reasons{
        display:block;
        margin-bottom:40px;
    }
    .middleman .reason-block:first-child{
        margin-right: 0;
     }
     .middleman .reason-block:first-child .reason-item:last-child{
        margin-bottom:24px;
    }
    .middleman .boosters-imgs .mid-booster {
        width: 200px;
        height: 200px;
    }
    .middleman .supported-banner{       
        margin-bottom:20px;
    }
    .middleman .supported-banner .supported-img-mob{
       display:block; 
    }
    .middleman .supported-banner .supported-img{
       display:none; 
    }
    .middleman .supported-content{
        display:none;
    }
    .middleman .supported-banner {
        min-height: 262px;       
    }
    .middleman .blue-block{
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
        padding: 22px

    }
    .middleman .blue-block .blue-text{
        margin: auto;
        margin-bottom:20px;
    }
    .middleman .blue-block .mid-btn{
        margin: auto!important;        
    }  
    .middleman .types-img img{
        width: 100%;
        height: auto;
        object-fit: contain;
    } 
   
    
 
}
@media only screen and (max-width: 700px){
    .middleman .new-container {
        max-width: 550px;
    }
}
@media only screen and (max-width: 600px){
    .middleman .new-container {
        max-width: 480px;
    }
    .middleman .generations{
        display:block;
    }
    .middleman .generation .gen-top{
        font-family: 'Open Sans';
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
    }
   
    .middleman .generations > div .generation {
        margin-bottom: 24px;
    }

    .middleman .generation .gen-image p{
        right: 18%;
    }
}
@media only screen and (max-width: 550px){
    .middleman .new-container {
        max-width: 400px;
    }
}
@media only screen and (max-width: 500px){
    .middleman .new-container {
        max-width: unset;
        padding:0 16px;
    }
    .middleman .middleman-main-section {
        margin-bottom:40px;
    }
    .middleman .none-500{
        display:none
    }
    .middleman .fs-40{
        font-weight: 800;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .middleman .fs-24{
        font-family: 'Open Sans';
        font-weight: 800;
        font-size: 14px;
        line-height: 19px; 
        letter-spacing: 2px;
        text-transform: uppercase;    
        color: #35383C;
        margin-bottom:20px;
    }    
    .middleman .fs-16{
        font-family: 'Open Sans';       
        font-size: 14px;
        line-height: 28px;  
        color: #35383C;    
    }
         

    .middleman.banner-section{
        margin-bottom:16px;
    }
   
    .middleman .green-border {
        width: 287px;      
        margin: 24px auto;
    }
    .middleman .middleman-by img {
        width: 32px;
        height: 32px;      
        border-radius: 50%;
        margin-right: 16px;
    }
    .middleman .middleman-by p{
        font-size: 12px;
    }
    .middleman .middleman-by .banner-name {
        font-family: 'Inter';
        margin-right: 20px;
    }
    .middleman .middleman-by .banner-name-bold {
        font-weight: 400;
    }

    .middleman .banner-text {
        max-width: 100%;
    }
    .middleman .middleman-banner {       
        background-image: none!important;
        background: #000120;
        height: 180px ;
    }
    
    .middleman .reason-text{
        font-family: 'Open Sans';
        line-height: 28px;
    }
    .middleman .fs-18 {
        font-family: 'Open Sans';
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;       
        letter-spacing: 0.02em;        
    }    
    
  
    .middleman .signal-types .types-img{
        margin:20px 0;       
    }
    .middleman .filter-blog {
        margin-bottom: 40px;
    }   

    .middleman .generation .mid-text {
        font-family: 'Open Sans'; 
        line-height: 18px;
    }
    .middleman .boosters-imgs{        
        margin:20px 0;
    }
    .middleman .boosters-imgs .mid-booster {
        width: 130px;
        height: 130px;
    }
    .middleman .mid-text ul li {
        margin-left: 18px;
        padding-left:10px;
        list-style-image: url('../img/Rectangle.png');
    }
    .middleman .w100-img {
        margin: 20px 0;
    }
    /* .filter-blog.ready-section{
        display:none;
    } */
    .middleman .blue-ul .blue-number{
        min-width: 24px;
        height: 24px;
        background: #379FE8;
    }
    .middleman .blue-ul .blue-number{
        font-family: 'Open Sans';
        margin-top: 7px;
    }
    .middleman .blue-li{
        align-items: start;
    }
    /* .middleman .correctly .blue-li{
        align-items: center;
    } */
    .middleman .blue-li .blue-number {
        margin-right: 8px;
    }
    .middleman .blue-li:not(:last-child) {
        margin-bottom: 0;
    }
    .middleman .realy-icon p{
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 28px;
        color: #35383C;
    }
    .middleman .blue-icon {
        display:none;       
    }
    .middleman .blue-icon-mob {
        display:block;
        width: 24px;
        height: 24px;
        margin-right:8px;
    }
    .middleman .realy-icon{
        margin-bottom:8px;
    }
    .middleman .work-car .mid-btn a {       
        height: 40px;       
        background: #3AD68F;
        border: 0.3px solid #D2D6D6;
        box-shadow: none;
        border-radius: 61px;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        margin-top:20px;
    }
    .middleman .car-block {       
        margin-bottom: 20px;
    }
    .middleman  .ready-mob{
        display:block!important;
        margin: 40px -16px;
    }
    .middleman  .ready-mob .ready{
        background: #379FE8;
        padding: 35px 30px;

    }
    .middleman .ready-mob .ready-title{
        font-family: 'Open Sans';       
        font-weight: 800;
        font-size: 14px;
        line-height: 19px;    
        letter-spacing: 2px;
        color: #FFFFFF;
    }
    .middleman .ready-mob .ready p{
        font-family: 'Open Sans';      
        font-weight: 700;       
        color: #FFFFFF;
    }
    .middleman .ready-mob .mid-btn a{
        width: 100%;
        background: #FFFFFF;
        border: 0.3px solid #D2D6D6;
        border-radius: 61px;
        font-family: 'Open Sans';
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;     
        color: #35383C;
    }
    .middleman .ready-mob .mid-btn{
        width: 100%;
    }
    .middleman .mid-video {     
        margin: 20px 0;
    }
    .middleman .mid-text img {     
        margin: 20px 0;
    }
    .middleman .mid-video .install-video {        
        height: 193px;
    }
    .middleman .mid-blue-block{
        display:none;
    }
    .middleman .correctly .blue-li img {
        margin-right: 8px;
    }
    .category-banner{
        display:none;
    }
   
    .middleman .mid-text ul {        
        margin-left: 3px;
    }
    .middleman #characteristics{
        margin-bottom:20px;

    }
}
@media only screen and (max-width: 390px){
    .middleman .new-container {
        max-width: 550px;
    }
    .middleman .boosters-imgs .mid-booster {
        width: 109px;
        height: 109px;
    }
    .middleman .top-filter-product .top-filter-item {
        width: 72px;
        height: 66px;
    }
}