/* https://bbbootstrap.com/snippets/multi-step-form-wizard-30467045 */
.main-banner { width: 100%; padding-top: 35px; padding-bottom: 35px;}
.banner-area { width: 100%;}
.banner-info { display: block;}
.banner-info li { display: block; float: left; font-size: 15px; color: #de1318; margin-right: 20px;  font-family: 'poppinssemibold';}
.banner-info li img { float: left; margin-right: 10px;} 
.logo-intro-col { }
ul.logo-intro { display: block; text-align: center; width: 100%;}
ul.logo-intro li { display: inline-block ;  margin: 5px 25px; }
.how-work-section { width: 100%;}
.how-it-work { margin-top: 20px;}
.how-work-col { text-align: center; padding-left: 30px; padding:40px 30px; position: relative; border-right: #e2e2e2 solid 1px;  }
.how-work-col:last-child { border-right: none;} 
.how-work-col::after,
.how-work-col::before { position: absolute; content: ""; border-style: solid; border-width: 16px; border-color: transparent transparent transparent #ffffff; left: 100%; top: 50%; margin-top: -16px; }
.how-work-col::before { border-width: 18px; border-color: transparent transparent transparent #e2e2e2; margin-top: -18px; }
.how-work-col:last-child::before,
.how-work-col:last-child::after { display: none;}
.steps {height: 36px; width:36px; margin: 0 auto;  border: #de1318 solid 1px; border-radius: 50%; padding: 3px; margin-bottom: 25px;}
.steps span { display: block; background: #de1318; height: 100%; width:100%; font-family: 'poppinsmedium'; font-size: 16px; line-height: 28px; color: #ffffff;    border-radius: 50%;  }
.how-work-heading { font-size: 18px; color: #181d23;  font-family: 'poppinsmedium'; margin-top: 28px; }
.how-work-col p { font-size: 14px; line-height: 22px; color: #717d8c;}
.choose-device-section { width: 100%; padding-top: 50px; }
.device-list { margin-top: 40px; justify-content: center;}
.device-col { max-height: 268px;
    border: #e2e2e2 solid 1px; text-align: center;  margin-top: 15px; margin-bottom: 15px; padding-top: 32px; padding-bottom: 32px;  border-radius: 4px; 
    -o-box-shadow: 0px 3px 30px 10px rgba(33,40,46,0.03);
    -webkit-box-shadow: 0px 3px 30px 10px rgba(33,40,46,0.03); 
    box-shadow: 0px 3px 30px 10px rgba(33,40,46,0.03);
}
.device-img { min-height: 185px;  }
.device-name { font-family: 'poppinsmedium'; font-size: 15px; color: #181d23; margin-bottom: 0px; min-height: 20px; }
.device-col p { font-family: 'poppinsmedium';  font-size: 18px; margin-bottom: 0px; }
.device-col .comman-btn {  margin: 15px 15px 0 15px;} 
.customer-service-section { padding-top: 30px; padding-bottom: 30px;}
.customer-service-info { }
.customer-heading { }
.customer-info p { font-size: 14px; line-height: 22px; color: #717d8c; margin-top: 12px; }
.customer-heading { font-size: 35px; }
.customer-info .comman-btn { margin-top: 20px; } 
ul.services-list { display: block; width: 100%; }
ul.services-list li { display: block; width: 100%; border-bottom: #e2e2e2 solid 1px; padding-top: 15px; padding-bottom: 15px; padding-right: 5%;  }
ul.services-list li:last-child { border-bottom: none; }
ul.services-list li img { float: left;}
.services-info { margin-left: 100px;}
.services-title { font-size: 18px; color: #181d23;   }
.services-info p { font-size: 15px; color: #717d8c; } 
.accept-device-section { width: 100%; margin-top: 10px;}
.accept-device-col { }
.accept-device-col::after,
.accept-device-col::before { display: none;}
.sell-device-btn { position: relative; font-size: 15px; color: #de1318;  font-family: 'poppinssemibold';  }
.sell-device-btn:hover { color: #de1318; }
.icon {  position: absolute; right: -25px; top: 4px;  transform: translate(-50%,-50%);
    width: 12px; height: 2px; cursor: pointer; }
.icon .arrow { position: absolute; top: 2px; width: 90%;  height: 2px; background-color: #de1318; }
.icon .arrow::after, 
.icon .arrow::before { content: ''; position: absolute; width: 72%; height: 2px; right: -2px;  background-color: #de1318;}
.icon .arrow::after { top: -3px; transform: rotate(45deg);}
.icon .arrow::before { top: 3px; transform: rotate(-45deg); }

/** Sell-Payment **/  
 .step-warp { margin-bottom: 50px;}  
.progressbar-name { font-family: 'poppinssemibold';  color: #de1318; font-size: 13px; line-height: 24px; text-transform: uppercase; text-align: left;  }  
.progressbar-name span { display:block; float: left; margin-right: 8px; background: #de1318; line-height: 20px; text-align: center;  height: 20px; width: 20px; border: #de1318 solid 1px; overflow:hidden; border-radius: 50%; color: #ffffff;  }
#progressbar li#step-three .progressbar-name { color: #717d8c; }
#progressbar li#step-three .progressbar-name span { border-color: #717d8c; background: #ffffff; color: #717d8c; }
#progressbar li#step-three.active .progressbar-name { color: #de1318; }
#progressbar li#step-three.active .progressbar-name span { border-color: #de1318; background: #de1318; color: #ffffff; }
.progressbar-name b { display: block; font-family: 'poppinsregular'; font-size: 12px; color: #717d8c; text-transform: initial; padding-left: 28px; margin-top: -7px;}

.progressbar-name span img { float: left; margin-top: 5px; margin-left: 3px;}
#step-two .progressbar-name span img,
#step-three .progressbar-name span img { display: none;}
#progressbar li.active .progressbar-name span img { display: block;  }
#progressbar li.active .progressbar-name span { color:#de1318;}

#progressbar { margin-bottom: 30px; overflow: hidden; margin-left: 0.5%; color: lightgrey }
#progressbar .active { color: #000000 }
#progressbar li { list-style-type: none; font-size: 12px; width: 33%; float: left; position: relative }
#progressbar.progressbar-02 li { width: 20%; }
#progressbar #step-one:before { background: url(../images/progressbar-arrow.png) right top no-repeat;  }
#progressbar li#step-two:before { background: #ffd5d6 url(../images/progressbar-arrow02.png) right top no-repeat;  }

#progressbar #step-one.active-next:before { background: url(../images/progressbar-arrow-next.png) right top no-repeat;  }
#progressbar li#step-two.active-next:before { background: #ffd5d6 url(../images/progressbar-arrow.png) right top no-repeat;  }
#progressbar li#step-three.active-next:before { background: #ffd5d6;  } 
#progressbar #step-one.active-next:before { background: url(../images/progressbar-arrow-next.png) right top no-repeat;  } 
#progressbar li#step-three.active:before { background: #de1318;  }



#progressbar li:before {  content: " "; width: 100%; height: 14px;  display: block; font-size: 18px;
    color: #ffffff; background: #e4e4e4;  margin: 0 auto 15px auto;padding: 2px; }
#progressbar li:after { content: ''; width: 100%; height: 14px; background: #e4e4e4; position: absolute;
    left: 0; top: 0; z-index: -1 } 
#progressbar li#step-two.active:before,
#progressbar li#step-two.active:after { background:#de1318 url(../images/progressbar-arrow.png) right top no-repeat; }
#progressbar li.active:before,
#progressbar li.active:after { background: #de1318 }

#progressbar #step-two.active-next.active:before,
#progressbar #step-three.active-next.active:before,
#progressbar #step-four.active-next.active:before { background: url(../images/progressbar-arrow-next.png) right top no-repeat; } 
 
 
 


 
#progressbar li#step-one.active:before, 
#progressbar li#step-one.active:after {
    -webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
 } 

#progressbar li:last-child::before, 
#progressbar li:last-child::after {
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
 } 

.payment-method-row { margin-bottom: 35px; margin-top: 80px; margin-left: -10px; margin-right: -10px;}   
.payment-method-col { width: 16.333333333%; padding-left: 10px; padding-right: 10px;}

.payment-method-row .device-col { border: #e2e2e2 solid 1px; padding:25px 20px 12px 20px; text-align: left; text-align: left;   max-height: inherit; cursor: pointer;  }
.payment-method-row .device-col:hover,
.payment-method-row .active { border-color: #de1318;  }

 

.payment-method-logo { width: 100%; display: block; min-height: 65px; }
.payment-method-name { font-family: 'poppinssemibold'; font-size: 15px; color: #181d23; margin-top: 35px; }

ul.payment-method-benefit { display: block; width: 100%;  }
ul.payment-method-benefit li { background: url(../images/check-icon.png) left 3px no-repeat; display: block; font-size: 12px; color: #717d8c; padding-left: 15px; margin-top: 20px;}
 
.payment-details { background: #ffffff; border: #e2e2e2 solid 1px; position: relative;  padding:0px 25px 25px 25px; text-align: left;  }    
.payment-details::after,
.payment-details::before { content: ''; position: absolute; left: 50px; top: -20px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #ffffff; clear: both; }
.payment-details::before { left: 48px; top: -22px; border-left: 22px solid transparent; border-right: 22px solid transparent; border-bottom: 22px solid #e2e2e2; }

.payment-details {  }
.payment-details p { font-size: 14px; line-height: 22px; color: #717d8c; margin-top: 10px;}
.payment-details .form-group { margin-bottom: 20px;}

.payment-details .form-control { font-size: 14px; line-height: 22px; color: #717d8c; padding: 22px 22px; border-radius: 10px;   }
.payment-details .form-control:focus { outline: none; box-shadow: none; border-color: #e2e2e2; }
.form-btn { border: #de1318 solid 2px; float: right; color: #de1318; font-size: 15px; line-height: 20px;   font-family: 'poppinssemibold'; padding: 12px 25px; min-width:125px; border-radius: 10px; }
.form-btn:hover { background: #de1318; color: #ffffff; }

.confirm-order-col {}
.confirm-order-col .how-work-heading { margin-bottom: 5px; margin-top: 20px;}
.shipping-payment-tr { border-bottom: #e2e2e2 solid 2px; padding-top: 8px; padding-bottom: 8px; }
.tr-border-none { border-color: #ffffff;}
.shipping-payment-tr div { width:50% ;   text-align: left; font-size: 13px; line-height: 18px; color: #717d8c;   }
.shipping-payment-tr div:last-child { text-align: left;  }
.shipping-payment-tr div:first-child { font-family: 'poppinsbold'; text-transform: uppercase; }
.shipping-payment-info { }
.shipping-payment-info .comman-btn { float:right; min-width: 250px; margin-top: 50px; margin-bottom: 20px; }
.shipping-payment-info .comman-btn img { margin-top: -8px; margin-right: 8px;}
.order-confirmed { }
.confirmed-check { margin-bottom: 15px;}
.order-confirmed .how-work-col { text-align: left; padding: 40px 70px; }
.order-confirmed .how-work-col:last-child { padding: 40px;}
.order-confirmed ul.services-list li { border-bottom-width: 2px; }
.order-confirmed ul.services-list li:first-child { padding-bottom: 30px; }
.order-confirmed ul.services-list li:last-child { padding-top: 30px;}

.order-confirmed .section-subtitle { color: #6f7b89; margin-bottom: 0px;  }
.order-confirmed .section-subtitle img { margin-right: 15px;}
.order-confirmed .section-subtitle span { font-family: 'poppinsregular'; }
.order-note  { background: #717d8c; padding-top: 16px; padding-bottom: 16px;
    font-size: 14px; line-height: 20px; text-align: center; color: #ffffff; 
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.order-note span { font-family: 'poppinssemibold'; }
.order-note span img { margin-top: -8px; margin-right: 8px; }
.offer-summary-col,
.offer-summary-col-2 { padding-top: 30px;   }
.offer-summary-col img { float: left; margin-right: 30px; width:100%; max-width:160px;}
 
 .offer-summary-col-2 .how-work-heading { margin-bottom: 5px; margin-top: 20px; } 
 .offer-summary-col-2 .comman-btn { margin-top: 12px; margin-right: auto; margin-left: auto;} 
 .offer-summary-col-2 .comman-btn i{ margin-right:8px; font-size:18px;}
.offer-price { text-align: center; color: #de1318; font-size: 43px; }
.offer-icon-div { margin-top: 27px; font-size: 12px; color: #717d8c; }
.offer-icon-div img { margin-top: -8px;}




.logo-intro-inner img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    opacity: 0.5;
    cursor: pointer;
}

.logo-intro-inner img:hover {
    opacity: 1;
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
}




.device-list-boxs{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
}
.device-list-boxs li{
    display: flex;
    width: 20%; 
    padding: 10px;
    
}
.device-list-boxs li a{ flex: 1; display: flex; }
div.product-view-box{ display: block; background: #FFFFFF;
    border: #e2e2e2 solid 1px;
    border-radius: 10px;
    -o-box-shadow: 0px 1px 2px 2px rgba(33,40,46,0.05);
    -webkit-box-shadow: 0px 1px 2px 2px rgba(33,40,46,0.05);
    box-shadow: 0px 1px 2px 2px rgba(33,40,46,0.05);
    box-sizing: border-box;  width: 100%; padding: 10px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
div.product-view-box .img-thumb{ padding:15px; min-height:182px;  text-align:center;  }
div.product-view-box .img-thumb img{ max-height:160px;} 
div.product-view-box h4{ text-align: center; font-size: 14px; font-weight: normal; color: #717d8c; }    


#probar{ display:flex; width:100%; padding:0px; margin:0px;}
#probar li{ flex:1; display:block; padding:0px; margin:0px;}
#probar li:before{ content:""; display:block; background-color:#e4e4e4; height:14px; width:100%; margin-bottom:10px; background-image:url(../images/bar-s.png); background-position:center right; background-repeat:no-repeat; background-size: contain 100%; }
#probar li:first-child:before{ border-radius:6px 0px 0px 6px;}
#probar li:last-child:before{ border-radius:0px 6px 6px 0px; background-image:none !important;}
#probar li:after{ content:""; display:block; clear:both; float:none;}
#probar .progressbar-name{ color:#717d8c; }
#probar .progressbar-name span{ margin-top:2px; border:1px solid #717d8c; color:#717d8c; background-color:#fff;}
#probar .progressbar-name span img{ display:none;}

#probar li.next:before{background-image:url(../images/bar-next.png); background-color:#ffd5d6;}
#probar li.next .progressbar-name span{ border-color:#de1318; color:#de1318; }
#probar li.next .progressbar-name { color:#de1318; }

#probar li.next.active:before{background-image:url(../images/bar-a.png); background-color:#de1318;}
#probar li.next.active .progressbar-name span{ border-color:#de1318; background-color:#de1318; color:#de1318; }
#probar li.next.active .progressbar-name { color:#de1318; }
#probar li.next.active .progressbar-name span img{ display:block;}
#probar li.next.active.full:before{background-image:url(../images/bar-f.png);}

#probar li.next .progressbar-name a { color: #de1318;}
#probar li.next.active:before{background-image:url(../images/bar-a.png); background-color:#de1318;}
#probar li.next.active .progressbar-name a span{ border-color:#de1318; background-color:#de1318; color:#de1318; }
#probar li.next.active .progressbar-name a { color:#de1318; }
#probar li.next.active .progressbar-name a span img{ display:block;}
#probar li.next.active.full:before{background-image:url(../images/bar-f.png);}

.cart-view{
	max-width:800px; margin:auto;
}
.cart-view table{ border:1px solid #eee; width:100%;}
.cart-view table td, .cart-view table th{ border:1px solid #eee; padding:6px 12px; }
.cart-view .offer-summary-col{ padding:30px;}

.btn-cart-wraper{ display:block; padding-top:25px;}
.btn-cart-wraper a{ padding:12px 24px; display:inline-block; margin:0 10px;}
.btn-cart-wraper a i{ margin-right:8px;}
.btn-cart-wraper a.btn-pg-back{ background-color:#303030; color:#fff;}
.btn-cart-wraper a.btn-pg-next{ background-color:#de1318;  color:#fff;}


.shipping-detail-box{ padding:45px 25px;}
.shipping-detail-box .theme-btn-black{float: right;
    min-width: 250px;
    margin-top: 10px; height:45px;
	background: #e41217;
color: #FFFFFF;
}

.payment-zella{ margin-left:0%;}
.payment-cash{ margin-left:-50%;}
.payment-details.payment-cash:before{left: 148px; }
.payment-details.payment-cash:after{left: 150px; }

.payment-check{ margin-left:-50%;}
.payment-details.payment-check:before{left: 145px; }
.payment-details.payment-check:after{left: 146px; }


.payment-details.payment-venmo, .payment-details.payment-apple{ float: right; right:0px; }
.payment-details.payment-apple:before{right: 48px; left:inherit;}
.payment-details.payment-apple:after{right: 50px; left:inherit;}

.payment-details.payment-venmo:before{right: 75px; left:inherit;}
.payment-details.payment-venmo:after{right: 78px; left:inherit;}

.memory-text{ font-size:36px; color:#424548; font-family: 'poppinsregular'; line-height: normal; padding-top:32px; padding-bottom:32px;}
.condition-box-col{ max-height:inherit; padding:0px; margin:0px;}
.condition-box{ height:auto; padding:0px; display:block; }
.condition-box ul{ list-style-type:none; display:block; padding:0px; margin:0px;}
.condition-box ul li{ display:block; padding:8px 16px 8px 32px; position:relative; color:#717d8c; border-bottom:1px solid #e2e2e2; margin:0px; text-align:left; font-size:13px;}
.condition-box ul li:before{ content:""; display:block; position:absolute; left:14px; top:11px; width:10px; height:10px; background-image:url(../images/check.png); background-position:center center; background-size:cover; }
.condition-box ul li:last-child{ border:0px;}
.condition-box h3{ color:#181d23; margin-top:15px; font-size:18px; }
.brand-box{ margin:0px; max-height: inherit; padding-top:0px; padding-bottom:0px; }
.brand-box-col, .network-box-col, .memory-box-col{ padding:15px;}
.network-box-col{-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;}
.network-box-col .device-col, .memory-box-col .device-col{ margin:0px; padding:0px;}
.network-box-col .device-col .device-img{ min-height:inherit;}
.condition-box-grid{ -ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; padding:10px;} 

@media (max-width: 991px){
.network-box-col{-ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%;}	 
.condition-box-grid{ -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; padding:10px;}
}
@media (max-width: 768px){
	.device-list-boxs li{ width:25%;}
}
@media (max-width: 600px){
.network-box-col{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}	 
.condition-box-grid{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding:10px;}
#probar li h5{ font-size:0px;}
#probar li h5 span{ margin-bottom:0px; font-size:13px; }
#probar li h5 b{ font-size:0px !important; display:none !important;} 
.device-list{ margin-top:0px;}
.device-list-boxs li{ width:33.333%;}
}

@media (max-width: 480px){
.network-box-col{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}	 
.condition-box-grid{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding:10px;}
.memory-text{ padding-top: 0px; padding-bottom: 0px; font-size: 22px;}
.step-warp{margin-bottom: 25px;}
.device-img { min-height: 142px; }
.brand-box-col{ padding:10px;}
.device-list-boxs li{ width:50%;}
div.product-view-box .img-thumb{  min-height:180px;}
.network-box-col .device-col .device-img img{ max-height:80px;}
.condition-box ul li{padding: 12px 16px 12px 32px;}
.condition-box ul li::before{ top: 16px;} 
}
.form-control.error{ border:1px solid #EC0000; color:#EC0000;}

 
 #presult.short, #rpresult.short{
    color:#FF0000;
}
 #presult.weak{
    color:#E66C2C;
}
 #presult.good{
    color:#2D98F3;
}
 #presult.strong{
    color:#006400;
}
.input label{ margin-bottom: .2rem;}
.input.email, .input.password{ margin-bottom: 15px !important; }
.input.email input, .input.password input {
    display: block;
    width: 100%;
    height: 46px;
    padding: .365rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.theme-btn-black {
    background-color: #404040;
    border-color: transparent;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 20px;
    width: 100%;
    border: 0px;
}
.theme-btn-black:hover {
    background-color: #de1318;
    color: #fff;
}

.payment-method-col{ position:relative;}
.payment-details{ position:absolute; top: calc(379px + 40px); min-width:450px;}
.payment-options{ padding-bottom:450px; position:relative;}

.device-list .index-brab-block{-ms-flex: 0 0 16.666666666%;
flex: 0 0 16.666666666%;
max-width: 16.666666666%;}
.offer-summary-col{ display:flex; }
.offer-summary-col > div { display:block; flex:1; }
.offer-summary-col > div img{ margin:auto; float:none; max-width:230px;}
.offer-summary-col > div.img-box{ display:flex; max-width:250px; align-items: center;
  justify-content: center;}
  .price-display-box > .row > div{-ms-flex: 1;
flex: 1;
max-width: 100%;} 
.price-display-box > .row > div.price-box-view{ max-width: 400px; }
@media (max-width: 768px){
.device-list .index-brab-block{-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;}
}
@media (max-width: 600px){
	.device-list .index-brab-block{-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;}
}
@media (max-width: 420px){
	.device-list .index-brab-block{-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;}
}

.message.error{ display:block; padding:6px 12px; background-color:#FFF3F2; color:#E60617; border:1px solid #FFD2D2; border-radius:3px;margin-bottom: 10px;}
.message.success{ display:block; padding:6px 12px; background-color:#dff0d8; color:#3c763d; border:1px solid #d6e9c6; border-radius:3px;margin-bottom: 10px;}
@media (max-width: 600px){
	.offer-summary-col{ display:block; }
   .offer-summary-col > div { display:block; flex:1; width:100%; }
   .price-display-box > .row{ display:block;}
   .price-display-box > .row > div{ width:100%; display:block; padding: 15px 15px}
   .offer-summary-col > div.img-box{ max-width:100%;}
	
}
.mobile-views .page-select-text{ padding-top:45px; }
.mobile-views .modal-name{ margin-top:15px;}
.mobile-views .device-list { margin-top: 0px; }
.mobile-views .network-box-col{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding:10px; }
@media (max-width: 600px){
	.mobile-views .page-select-text{ padding-top:15px; } 
	.mobile-views .modal-name{ text-align:center; margin-top:0px; }
	.mobile-views .img-thumb{ text-align:center; }
	.mobile-views .img-thumb img{ margin:auto; max-width:200px;}
	.mobile-views .network-box-col{-ms-flex: 0 0 33.333333333%; flex: 0 0 33.333333333%; max-width: 33.333333333%; padding:5px;}
    .mobile-views .device-list{ margin-right:-5px; margin-left:-5px; }
}
@media (max-width: 480px){
	.mobile-views .img-thumb img{ margin:auto; max-width:120px; margin-bottom:10px;}
}


.searchWraper{ display:block; width:100%; max-width:600px; position:relative; margin:auto;}
.searchWraper input[type=text]{ display:block; width:100%; height: 49px; font-size: 14px; padding:0px 60px 0px 30px; border:1px solid #ccc;}
.searchWraper .searchResults{ position:absolute; left:0px; right:0px; top:100%; display:none; padding:0px; margin:0px; list-style-type:none; border:1px solid #ccc;}
.searchWraper.active .searchResults{ display:block; z-index:99; max-height:600px; overflow:auto;}
.searchWraper.active .searchResults li{ display:block; padding:6px 12px; background-color:#fff; border-bottom:1px solid #ccc;}
.searchWraper.active .searchResults li:last-child{ border-bottom:0px;}
.searchWraper.active .searchResults li a{ display:flex; width:100%; color:#636363;}
.searchWraper.active .searchResults li a > span{ display:flex; flex:1; align-items: center;}
.searchWraper.active .searchResults li a > span:first-child{ max-width:50px; margin-right:10px;}
.searchWraper.active .searchResults li a > span img{ max-width:100%;}
.searchWraper.active .searchResults li a > span p{ }
.searchWraper.active .searchResults li a > span p.brand{ font-size:16px; margin:0px 0px 3px !important; font-weight:600; display:block; width:100%;}
.searchWraper.active .searchResults li a > span p.model{ font-size:14px; margin:0px !important; display:block; width:100%;}
.searchWraper.active .searchResults li:focus, .searchWraper.active .searchResults li.active{ background-color:#EAEAEA;}