.about-banner .flex-row{ -ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.image-wraper{ flex-flow: column nowrap; }
.image-wraper img{ margin: auto; }
@media only screen and (min-width: 1024px) and (max-width: 1169px)  {
    .banner-heading { font-size: 46px;}
    ul.logo-intro li { margin: 5px 20px; }
    .order-confirmed .how-work-col { padding: 40px;}
} 
@media only screen and (min-width: 992px) and (max-width: 1023px)  {
    .banner-heading { font-size: 44px;}
    ul.logo-intro li { margin: 5px 20px; }

}  
@media (max-width: 991px) { 
    .banner-heading { font-size: 32px; line-height: 42px; margin-top: 15px;}
    ul.logo-intro li { margin: 5px 12px;} 
    ul.logo-intro li img { max-height:50px ; }
    ul.services-list li { padding-right: 0px;}
    .payment-method-row .device-col { padding: 15px 10px 12px 10px; }   
    .payment-method-row { margin-top: 10px;}
    .payment-method-name { margin-top: 20px;}
    .payment-method-row .how-work-col { padding-top: 20px; padding-bottom: 20px; } 
    .order-confirmed .how-work-col { padding-left: 30px; padding-right: 30px; }
    .order-confirmed .services-info { margin-left: 70px; }
   
    .progressbar-02 .progressbar-name { text-align: center;}
    .progressbar-02 .progressbar-name span { float: none; margin-left: auto; margin-right: auto;}
    .progressbar-02 .progressbar-name b { padding-left: 0px;}
    .offer-summary-col img {  margin-right: 0;    max-width: 80px;   float: none;    margin-bottom: 17px;  }
    .progressbar-02 .progressbar-name b { margin-top: 0px;}
    
}
@media (max-width: 767px) { 
.main-banner { text-align: center; padding-bottom: 10px;}   
.banner-info { text-align: center; width: 100%; }
.banner-info li { display: inline-block; float: initial; margin-right: 5px; margin-left: 5px; }
.comman-btn { margin-right: auto; margin-left: auto;}
.banner-img { margin-top: 30px;}
ul.logo-intro { margin-bottom: 30px;}
.how-work-col { border-bottom: #e2e2e2 solid 1px; border-right: none; }  
.how-work-col:last-child::before,
.how-work-col:last-child::after { display: none;} 
.how-work-col::after,
.how-work-col::before { content: ''; position: absolute; left: 50%; top: 100%; width: 0;    height: 0; clear: both; border-left: 18px solid transparent; border-right: 18px solid transparent;  margin-left: -18px; }
.how-work-col::after{ border-top: 18px solid #ffffff; margin-top: -1px; }
.how-work-col::before{ border-top: 18px solid #e2e2e2; margin-top: -0px; } 
ul.services-list { text-align: center;}
ul.services-list li { border-bottom: none; padding-bottom: 0px;}
.services-title { margin-top: 20px; font-family: 'poppinssemibold';}
ul.services-list img { float: initial!important; margin-left: auto; margin-right: auto; }
.device-sell-all { margin-bottom: 20px; }
.device-sell-all .device-col  { border: none; background: none; box-shadow: none; text-align: center; }
.device-sell-all .device-col p { display: none;}
.device-sell-all .device-col .comman-btn { margin-right: auto; margin-left: auto; }
.services-info { margin-left: 0;}
.customer-service-section .comman-btn { display: none; }
.device-sell-all .device-col { border: none; background: none; box-shadow: none;   text-align: center; max-height: 70px; padding-top: 0; padding-bottom: 0; }
.accept-device-section .comman-box-full { border: none; box-shadow: none; background: none;} 
.accept-device-section .accept-device-col { 
    margin-bottom: 30px;
    width: 100%; background: #FFFFFF; border: #e2e2e2 solid 1px; border-radius: 3px;  
    -o-box-shadow: 0px 5px 20px 15px rgba(33,40,46,0.05);
    -webkit-box-shadow: 0px 5px 20px 15px rgba(33,40,46,0.05); 
    box-shadow: 0px 5px 20px 15px rgba(33,40,46,0.05);
}
.accept-device-section .accept-device-col::after,
.accept-device-section .accept-device-col::before { display: none;}
.payment-method-col { width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; margin-top: 10px;}
.progressbar-name { font-size: 12px; line-height: 20px; text-align: center; padding-right: 10px; padding-left: 10px;}
.progressbar-name span { float: none; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
.order-confirmed .services-info { margin-left: 0;}
.order-confirmed .how-work-heading { text-align: center;}
.progressbar-02 .progressbar-name { line-height: 16px; padding-left: 0px; padding-right: 0px;   }

ul.mobile-nav li a{ position:relative;}
ul.mobile-nav li a span{ position:absolute; font-size:12px; height: 18px; width: 18px; right: 8px;top: -8px;}
}
@media (max-width: 600px) { 
.payment-options{ padding-bottom:0px;}
.step-warp{ padding:0px;}
.payment-method-col{ width:100%;}
.payment-method-col .device-col{ height:auto !important; margin:0px; display:block;}
.payment-method-col .device-col:after{ content:""; display:table; clear:both;}
.payment-details{ position:relative !important; left:inherit; top:inherit; right:inherit;  min-width:100%; margin:0px; }
.payment-method-logo{ text-align:center; width:30%; float:left;}
.payment-method-logo img{ margin:auto;}
.payment-method-name{ text-align:center; width:100%; display:none;}
ul.payment-method-benefit{ width:70%;  float:left; padding-left:10px;}
ul.payment-method-benefit li{ margin-top:3px;}
.payment-details::before, .payment-details::after{ display:none;}
.how-work-heading{ font-size:16px;}
.payment-details p{ font-size:12px;}
.payment-details .form-control{ padding:16px; border-radius: 4px;}
.payment-details .form-group label{ margin:0px;}
.payment-details .form-btn{padding: 8px 25px;}
.progressbar-name{ font-size:10px;}
.btn-cart-wraper a{ width:60%; min-width:120px; margin-top:5px; margin-bottom:5px;}
.cart-view .offer-summary-col{ padding:10px;}
table.cart{ font-size:12px; }
.payment-method-row{ margin-bottom:0px;}
.step-warp{ margin-bottom:0px;}
.get-touch-col{ margin-top:15px;}
.about-banner .flex-row{ display: block; }
.about-banner .flex-row .flex-col{ display: block; width:100%; max-width: 100%; }
.about-banner h1{ font-size: 26px; text-align: center; margin-top: 25px;}
.page-template-page-about-php .section-style-1 {  padding: 35px 0px; background-color: #fbfbf6;}
}

@media (max-width: 479px) { 
	
	.banner-heading { font-size: 28px;}
    .progressbar-02 .progressbar-name { line-height: 14px;  font-size: 11px;   }
    .progressbar-02 .progressbar-name b { font-size: 10px;}
}
@media (max-width: 420px) {
	.banner-heading { font-size: 26px;}
	.banner-info li { margin:0px 10px; font-size:12px; }
	.banner-info li.separator { display:none;}
	.comman-btn {
    display: block;
    background: #de1318;
    color: #FFFFFF;
    max-width: 200px;
    text-align: center;
    font-family: 'poppinssemibold';
    font-size: 14px;
    line-height: 44px;
    border-radius: 8px;
    margin-top: 16px;
}
}