/*40335*/
body {
    background: #F5F5F7;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SF Pro Text Regular.eot');
    src: url('../fonts/SF Pro Text Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SF Pro Text Regular.woff2') format('woff2'), url('../fonts/SF Pro Text Regular.woff') format('woff'), url('../fonts/SF Pro Text Regular.svg#SF Pro Text Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SF Pro Text Medium.eot');
    src: url('../fonts/SF Pro Text Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/SF Pro Text Medium.woff2') format('woff2'), url('../fonts/SF Pro Text Medium.woff') format('woff'), url('../fonts/SF Pro Text Medium.svg#SF Pro Text Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'SF Pro Display', Arial;;
    src: url('../fonts/SF Pro Display Bold.eot');
    src: url('../fonts/SF Pro Display Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SF Pro Display Bold.woff2') format('woff2'), url('../fonts/SF Pro Display Bold.woff') format('woff'), url('../fonts/SF Pro Display Bold.svg#SF Pro Display Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'SF Pro Display', Arial;;
    src: url('../fonts/SF Pro Display Medium.eot');
    src: url('../fonts/SF Pro Display Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/SF Pro Display Medium.woff2') format('woff2'), url('../fonts/SF Pro Display Medium.woff') format('woff'), url('../fonts/SF Pro Display Medium.svg#SF Pro Display Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'SF Pro Display', Arial;;
    src: url('../fonts/SF Pro Display Regular.eot');
    src: url('../fonts/SF Pro Display Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SF Pro Display Regular.woff2') format('woff2'), url('../fonts/SF Pro Display Regular.woff') format('woff'), url('../fonts/SF Pro Display Regular.svg#SF Pro Display Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-00FE;
}

/*Header*/
header {
    margin-bottom: 40px;
    background: #1a191a;
}
.navbar-header {
    margin-left: 0;
}
header .navbar-brand {
    height: auto;
    padding: 11px 15px;
}
.nav > li > a {
    font-family: 'SF Pro Text', Arial;  font-size:25px; font-weight:400;
}
header .navbar-brand + span {
    display:none;
}
.navbar-header img {
    height:30px;
}

.business-info {
    font-family: 'SF Pro Text', Arial; 
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
/*.navbar li:last-child a {
    padding-right: 0;
}*/

/*Footer */
.footerBar p a {
    font-family: 'SF Pro Text', Arial; 
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.footerBar p {
    font-family: 'SF Pro Text', Arial; 
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.footer-help {
    font-size: 15px;
    color: #000;
    font-family: 'SF Pro Text', Arial; 
    padding: 20px 0;
    font-weight: 600;
    border-top: solid 1px #D2D2D7;
}

/*Home page*/
.btn-primary:hover {
    background: #0257ad !important;
}
.page-title {
    color: #000;
    font-family: 'SF Pro Display', Arial;
    font-size: 45px;
    font-weight: 700;
    margin: 70px 0;
}
.section-title {
    font-family: 'SF Pro Display', Arial;
    font-size: 35px;
    font-weight: 700;
    text-align: left;
    color: #000;
    margin-bottom: 30px;
}
.device-search {
    margin-bottom: 20px;
    border-bottom: solid 1px #D2D2D7; padding-bottom:40px;
}
.section-sub-title {
    font-size: 25px;
    font-family: 'SF Pro Display', Arial;
    font-weight: 500;
    color: #000;
}
.help-icon {
    color: #0188cc; margin-right:10px;
}
.helptxt {
    font-family: 'SF Pro Text', Arial;  font-size:20px; color:#000;
}
.helptxt a{
    text-decoration:underline; color:#000;
}
    .helptxt a:hover {
        color:#0071E3;
    }
        #Search_content {
    margin-top: 0;
}

.imei-search input {
    height: 75px;
    border-radius: 10px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    border: 1px solid #D2D2D7;
    margin-bottom: 20px;
    font-size: 25px; text-transform:none;
}
    .imei-search input::placeholder {
        text-transform: none;
        font-family: 'SF Pro Text', Arial; 
        
        color: #D2D2D7;
    }
    .searchbtn {
    width: 100%;
    height: 74px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    font-size: 25px;
    background: #0071E3;
}
.errorMsg {
    top:83px;
}
.white-box {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: left;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    position: relative;
}
    .white-box .pcProduct {
        padding:0 !important;
    }
    .white-box .section-title {
        margin-bottom:20px;
    }
    .white-box .roundBderBox {
        border:0; padding:0;
    }
.pc-products a{
    display:flex; justify-content:space-between; text-decoration:none; color:#000;
}
.pc-products a:hover {
    color:#000; text-decoration:none;
}
.white-box .pc-products a img {
    position: absolute;
    right: 0;
    bottom: -6px;
}
.prod-btns {
    display:flex; margin-top:10px; justify-content:center;
}

.business-btn {
    border-radius: 10px;
    font-size: 21px !important;
    background: #0071E3;
    color: #fff;
    padding: 6px 40px;
}

.white-box .pcProdInfo {
    font-family: 'SF Pro Text', Arial;  font-size:15px; color:#000; font-weight:500;
}
.white-box .roundBderBox .prodList .btn {
    border-radius: 10px;
    font-size: 21px;
    background: #0071E3;
    
}

.roundBderBox.businessdiv.hiddenCnt .accordion-arrow{
    transform: rotate(0); transition:all ease-in-out .5s;
}
.roundBderBox.businessdiv .accordion-arrow {
    transform: rotate(180deg);
    transition: all ease-in-out .5s;
}

.roundBderBox.pcProduct.hiddenCnt .accordion-arrow {
    transform: rotate(0);
    transition: all ease-in-out .5s;
}

.roundBderBox.pcProduct .accordion-arrow {
    transform: rotate(180deg);
    transition: all ease-in-out .5s;
}

.pcProdInfo {
    font-size:15px; color:#000; font-weight:500;
}

.white-box .roundBderBox .prodList .btn:hover {
    background: #0257ad;
}
/*Right Section*/

.flex-row {
    display: flex;
    justify-content: space-between;
}
.right-info-box {
    display: flex;
    padding: 10px 20px;
    min-height:221px;
}
.info-desc-box {
    width: calc(100% - 135px);
}
.section-box {
    padding:0 90px; position:relative;
}
.section-img {
    width: 140px; margin-right:10px; margin-top:40px;
}

.section-box:last-child:before {
    background: #D2D2D7;
    width: 1px;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
}

.info-title {
    font-family: 'SF Pro Display', Arial;; font-size:25px; color:#000; font-weight:700; margin:0;
}
.info-desc {
    font-family: 'SF Pro Text', Arial;  font-size:20px; margin:0; color:#000;
}

.right-info-box:last-child {
    margin-bottom:0;
}
/*cookies modal*/
.modal-content {
    border-radius: 10px;
}
.secondary-btn {
    border-radius: 10px;
    border: 1px solid #72757E;
    background: #FFF;
    font-family: 'SF Pro Text', Arial; 
    font-size: 25px;
    color: #72757E !important;
}
.primary-btn {
    border-radius: 10px;
    border: 1px solid #72757E;
    background: #0071E3;
    font-family: 'SF Pro Text', Arial; 
    font-size: 25px;
    color: #fff;
    border-color: #0071E3;
}
    .primary-btn:hover {
        background: #0257ad;
        color:#fff;
    }
/*Inspection page*/
.inspection-float {
    float:right;
}
.inspection h4 {
    background: transparent;
    border: 0;
    font-family: 'SF Pro Text', Arial;  font-size:34px; color:#000; font-weight:700; padding:0; margin-bottom:30px;
}
.sectionBox .customRow {
    border:0; padding:10px 0;
}
.sectionBox h5 {
    font-family: 'SF Pro Text', Arial;  font-size:25px; font-weight:700; color:#000; margin-bottom:0;
}
.sectionBox p {
    font-family: 'SF Pro Text', Arial; 
    font-size: 25px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0;
}
.radioView {
    background:none;
}
.toggle-flex {
    display:flex;
}
.radio-select label.btn {
    border-radius: 15px;
    border: 1px solid #72757E;
    width: 174px;
    height: 47px;
    background: #FFF;
    font-size: 25px;
    line-height: 45px;
    margin-right: 8px;
    color: #72757E;

}
   
    .radio-select label.btn label {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .radio-select label.btn:hover {
        border: 1px solid #0071E3;
        color: #fff;
        background: #0071E3;
    }

    .radio-select label.btn.active {
        border-radius: 15px !important;
        border: 1px solid #0071E3;
        color: #fff;
        background: #0071E3 !important;
    }

    .radio-select label.btn:active {
        background: #0071E3 !important;
        color: #fff;
    }

.disableblock {
    background: #f5f5f7 !important;
}
.deviceVisual h4 {
    font-family:'SF Pro Text'; font-size:25px; color:#000; background:transparent; text-align:center;
}
.spec h6 {
    font-family:'SF Pro Display', Arial;; font-size:30px; background:transparent; color:#000; text-align:center; font-weight:700;
}
.spec .specMsg{border-radius:5px;}
.spec ul{
    display: flex;
    align-items: center;
    padding-top:0;
    flex-wrap:wrap;
}
.capacity {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.deviceColor span {
    font-size: 25px;
    font-family: 'SF Pro Text', Arial; 
    color: #000;
}
.capacity span {
    font-size: 25px;
    font-family: 'SF Pro Text', Arial; 
    color: #000;
}
.spec ul {
    padding-left:0;
}
.spec li {
    margin-right: 10px !important;
}
.spec li a label {
    color: #000;
}
.spec ul.capacity li {
    margin-right: 10px !important;
    display: inline-block;
}
.spec ul.capacity li:first-child {
    margin-right:0 !important; 
}
.spec ul.deviceColor li a{
    position:relative;

}
.deviceColor input {
    position: absolute; margin-top:0; top:0; width:20px; height:20px; cursor:pointer;
}
.spec ul.deviceColor li:first-child {
    padding-bottom: 0 !important;
}
.spec ul.deviceColor {
    padding-bottom:0;
}
.imei.macbook {
    font-size: 25px;
    font-family: 'SF Pro Text', Arial; 
    color: #000;
    margin-top:50px !important; border:0;
    padding:0;
}
.LiSize {
    font-size: 25px; color:#000 !important;
}
.action {
    display:flex; align-items:center; justify-content:space-between;
}
.inspection .btn-primary {
    width: 299px;
    height: 74px;
    background: #0071E3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 15px;
    font-family: 'SF Pro Text',Arial;
    font-weight: 700;
}
.inspection a.btn-default {
    width: 299px;
    height: 74px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 15px;
    font-family: 'SF Pro Text',Arial;
    font-weight: 700;
    color: #72757E !important;
    border-color: #72757E;
}
    .inspection a.btn-default:hover {
        color: #fff !important;
        background: #72757E;
    }
.spec ul.deviceColor li a {
    width:20px; height:20px;
}
.toggle-margin {
    margin-top:0 !important;
}
.macbook.macCnt ul li {
    width: auto !important;
    font-size: 25px;
    color: #000;
}
.serial.macbook {
    font-size: 25px;
    color: #000;
    padding-left:0;
    border:0;
    margin-top:50px !important;
}
.fa-question-circle {
    color: #0071E3 !important; font-size:20px;
}
.header-space .radio-select{
    margin-top:15px;
}
/*Modals*/
.modal-title {
    font-size: 25px;
    color: #000;
    text-align: center;
    font-family: 'SF Pro Text',Arial;
    font-weight: 500;
}
.modal-body {
    color: #000; font-size:25px;
}
.modal a {
    color: #0071E3;
}
.fallBack ul li span {
    background: #0071E3; margin-top:8px;
}
.modal-body .form-control {
    height:60px; border-radius:10px; font-size:25px;
}
.modalSet p {
    color:#000;
}
/*valuation*/
.gsx li {
    font-size: 25px;
    font-family: 'SF Pro Text', Arial; 
    color: #000;
}
.gsx .imei {
    margin-top:40px;
}
.inspection-float .sub-title {
    background: transparent;
    border-bottom: 0 !important;
    font-family: 'SF Pro Text', Arial; 
    font-size: 34px;
    color: #000;
    font-weight: 700;
    padding: 0;
    margin-bottom: 30px;
}
.valuationMsg {
    color: #0071E3;
    font-size: 18px;
    width:98%;
    /*text-align:left;*/
}
.valuationPrice {
    border-radius: 10px;
    border: 1px solid #D2D2D7;
    background: #FFF;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
.valuationPrice{
    font-size:100px; color:#000; width:98%;
}
.white-box.valuation-box {
    padding: 15px 50px;
}
.deviceSummary .first, .grading-flex {
    /*display:flex; justify-content:space-between;*/ margin:30px 0; font-weight:700; color:#000; font-size:25px;
}
.summary-width {
    width: 98%;
    margin: 0 auto;
    float: none;
    color: #000;
    font-family: 'SF Pro Text', Arial;  font-size:25px;
}
.primary-action-btn {
    width: 299px;
    height: 74px;
    background: #0071E3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 15px;
    font-family: 'SF Pro Text',Arial;
    font-weight: 700;
}
    .primary-action-btn:hover {
        background: #0257ad;
    }
a.secondary-action-btn {
    color: #72757E !important;
}
.secondary-action-btn {
    width: 299px;
    height: 74px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 15px;
    font-family: 'SF Pro Text',Arial;
    font-weight: 700;
    color: #72757E !important;
    border-color: #72757E;
}
    .secondary-action-btn:hover {
        color: #fff !important;
        background: #72757E;
    }
.justify-flex {
    display:flex; justify-content:space-between; width:100%;
}
.zeroValue {
    border-color: #00b91a;
    color: #00b91a;
}
    .zeroValue img {
        top: 10px;
        right: 15px;
    }
    .zeroValue a {
        color: #00b91a !important; text-decoration:underline !important;
    }

/*customer info*/
.header-title {
    background: transparent;
    border-bottom: 0 !important;
    font-family: 'SF Pro Text', Arial; 
    font-size: 35px;
    color: #000;
    font-weight: 700;
    padding: 0 !important;
    margin-bottom: 30px !important;
    margin-top:0;
}
.email-wrapper .custom-width {
    padding:0;
}
.customer-title {
    color: #000;
    font-family: 'SF Pro Text',Arial;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:15px;
}
.customerInfo.white-box {
    padding: 50px;

}
.customerInfo .form-control {
    height:75px; border-radius:10px;
}
.email-wrapper .custom-width {
    width:40%;
}
.bank-transfer-desc {
    font-size:35px !important; margin-top:30px;
}
.packaging {
    background:url(../../../images/packaging.svg) no-repeat #fff;
    height:220px;
    padding-left:200px;
}
.packaging .boxHeader{
    background:none;
}
#delivery-options .active {
    box-shadow: inset 0 0 0 5px #0071E3;
}
.packaging.returnPack {
    background: url(../../../images/returnpack.svg) no-repeat #fff;
}
.packaging .header-title{
    margin-bottom:30px;
}
#lblMoreDeliveryOptions .boxContent {
    font-size:35px; color:#000; padding:0;
}
    #lblMoreDeliveryOptions .boxContent a {
        color:#0071E3;
    }

.inner-title {
    font-size: 25px;
    color: #000;
    font-family: 'SF Pro Text',Arial;
    font-weight: 700;
    /*text-align: left;*/
   
}
.finalcheck-desc {
    font-family: 'SF Pro Text',Arial; font-size:18px; color:#000; text-align:left; 
}
.finalcheck-center {
    text-align:center;
}

.Priceinfo #lblPhoneValuation {
    font-size: 20px !important;
    font-weight: bold;
    color: #000;
    text-align:left;
    margin:0;
}
.text-info {
    color:#0071E3;
}
.Priceinfo p {
    font-size: 20px !important;
    text-align: left;
    color: #000;
}
.final-confirmation {
    margin: 50px 0;
    display: flex;
    align-items: center;

}
.final-confirmation label {
    font-family: 'SF Pro Text',Arial;
    font-size: 25px;
    color: #000;
    font-weight:bold;
  margin-bottom:0;
  width:calc(100% - 60px)
}

.final-confirmation input[type="checkbox"] {
    width: 40px;
    height: 40px;
    margin-right:20px;

}
.confScreen.threeClm {
    margin-top:30px;
}
/*login*/
.loginBox.white-box {
    border: 0;
    margin-top: 0;
    padding: 30px 60px;
}
.loginBox.white-box input {
    height:75px; border-radius:10px; font-size:25px;
}
    .loginBox.white-box input:placeholder {
        color: #D2D2D7 !important;
    }
        .login-float {
    float:right;
}
#reset-password label {
    font-size: 25px;
    color: #000;
    font-family: 'SF Pro Text',Arial;
    font-weight: 400;
}
#reset-password .primary-action-btn {
    padding-left: 20px;
    padding-right: 20px;
}
.loginBox .btn {
    margin-left:auto;
}
.forgot-btn {
    width:350px;
}
/*My orders*/
.prevClose.white-box {
    margin-top:30px;
}
/*.panel-title > a {
    background:none;
}*/
.header-margin {
    margin-top:50px !important;
}
.accordion-box {
    border: 1px solid #D2D2D7;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    border-radius:10px;
}
    .accordion-box .panel-group {
        margin-bottom:0;
    }
.accordion-box .panel{
    border-radius:10px;
}
    .panel-default:first-child .panel-heading {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.panel-default:last-child .panel-heading {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.borderBox {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #cfcfd4;
    background:#fff;
}

#deviceCheck-inputs .inner-title{
    height:110px;
}
#deviceCheck-inputs .title-height {
    height: inherit;
}
.custom-large-width {
    width: 43%;
}
.back-btn {
    width: 299px;
    height: 74px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 15px;
    font-family: 'SF Pro Text',Arial;
    font-weight: 700;
    color: #72757E;
    border-color: #72757E;
}
a.back-btn {
    color: #72757E !important;
}
    .back-btn:hover {
        color: #fff !important;
        background: #72757E;
    }
.btn-blue {
    width: 299px;
    height: 74px;
    background: #0071E3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 15px;
    font-family: 'SF Pro Text',Arial;
    font-weight: 700;
    color:#fff;
}
    .btn-blue:hover {
        background: #0257ad;
        color:#fff;
    }
.iban-payment{margin:70px 0;}
.iban-payment input {
    border-radius: 10px;
    border: 1px solid #72757E;
    background: #FFF;
    height: 75px;
    font-size: 25px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'SF Pro Text', Arial;
}
    #iban-payment input::placeholder {
        color: #D2D2D7;
    }
.iban.white-box {
    padding: 60px 40px;
}
.postCode-block {
    position:relative;
}
#btnFindAddress {
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    border: 0;
    color: #0071E3 !important;
}
.header-space {
    margin-top:50px;
}
.manual-row {
    margin-bottom:20px;
}
.manual-address {
    color: #0071E3;
    font-size: 20px;
    font-family: 'SF Pro Text', Arial;
}
/*Thank you page*/
.print-btn {
    width:100%;
}
.print-btn a {
    margin: 10px auto !important;
}
.important-information {
    font-size:20px;
}
    .important-information span {
        color: #FF3B30; font-weight:700;
    }
.instructionList li {
    font-size:25px; color:#000;
}
.thankyou-desc p{
    margin-bottom:15px;
}
.instructionList i {
    background:transparent;
}
.instructionList i {
    background: transparent;
    border: solid 2px #0071E3;
    color: #0071E3;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    top: 3px;
    left: -40px;
}
.instructionList {
    margin:0 !important;
}
.instructionList li{
    padding-left:0;
}
.customerInfo h6 {
    font-size:25px !important; color:#000; font-weight:400 !important;
}
.thankyou-btn {
    font-size:20px;
}
.action-btns {
    justify-content:unset; margin-top:50px !important;
}

.tips {
    color:#000 !important; text-decoration:underline;
}
.tips:hover{
    color:#0071E3 !important;
}
.confScreen.threeClm .checkbox {
    display:none;
}
#NextSteps_view .inner-title{
    height:85px;
}
#NextSteps_view .title-height{
    height:inherit;
}
#OrderComplete_content a{
    color:#0071E3;
}
/*QA Testing*/
.btn-primary {
    background: #0071E3; font-size:25px; border-radius:10px;
}
.inspection-device-img img{
    height:400px;
}
.btn-default {
    width: 299px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-weight: 700;
    border-radius: 15px;
    height: 74px;
    font-family: 'SF Pro Text',Arial;
}
#findAddress .btn-default {
    width: inherit;
    font-size: 25px;
    height: auto;
    border-radius: 10px;
    font-weight: normal;
    font-family: 'SF Pro Text',Arial;
}

#findAddress #AManuallyAddress {
    width: inherit;
    font-size: 25px;
    height: auto;
    display:inline-block;
}
#findAddress .modal-footer{
    display:flex; justify-content:flex-end;
}
#findAddress select{
    height:150px;
}
div#Terms_and_conditions2_dialog .modal-footer {
    display:flex; justify-content:flex-end;
}
    div#Terms_and_conditions2_dialog .modal-footer .primary-btn {
        width:299px; font-weight:700;
    }

.heading-mobile {
    display:none;
}
.contact_msg {
    font-size:20px; color:#000; margin-left:15%;
}
#CategoryBox .modal-footer {
    display: flex;
    justify-content: flex-end;
}
#CategoryBox .device-category {
    margin-bottom:10px;
}
#CategoryBox .modal-footer .btn{
    width:auto;

}
#lblOrderNumber {
    font-weight:700 !important; margin-bottom:30px;
}
.returnPack img {
    width: 80%;
}
.valution-description {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
}
.valution-description p{
    width:85%;
}
.login-relative {
    position:relative; min-height:270px;
}
    .login-relative .primary-action-btn {
        position:absolute; right:15px; bottom:0;
    }
.return-paragraph p:last-child {
    margin-top: 20px;
}
.model_identifier .border-bottom {
    margin:0 15px;
}
.panel {
    background:transparent;
}
.panel-body {
    background:#fff;
}
.postCode-relative {
    position:relative;
}
.update-btn {
    margin-left: auto !important;
}
.navbar {
    margin-bottom:0 !important;
}
/*Responsive*/
@media (max-width: 575.98px) {
    .header-title {
            font-size: 28px !important;
        }

        .flex-row {
            display: block;
        }

        .section-box {
            padding: 0 15px;
        }

        .prod-btns {
            display: block;
        }

            .prod-btns .btn {
                margin-bottom: 10px;
            }

        .white-box {
            padding-bottom: 40px;
        }

            .white-box .pc-products a img {
                bottom: -26px;
            }

        .right-info-box {
            display: block;
        }

        .info-desc-box {
            width: 100%;
        }

        .section-title {
            font-size: 30px;
        }

        .section-box:last-child:before {
            display: none;
        }

        .inspection-float {
            float: none;
        }

        .deviceColor li {
            width: 23% !important;
            margin-bottom: 10px !important;
        }

        .radio-select label.btn {
            width: 110px;
        }

        .sectionBox p {
            font-size: 19px !important;
        }

        /*.login-float {
            float: none;
        }*/

        .loginBox.white-box {
            padding: 30px 15px;
        }

        .login-container {
            margin: 0 15px;
        }

        .primary-action-btn {
            font-size: 18px;
        }

        .secondary-action-btn {
            font-size: 18px;
        }

        #delivery-options .white-box {
            height: auto;
            padding-left: 160px;
            padding-bottom: 14px;
        }

        #delivery-options .header-title {
            font-size: 18px !important;
            margin-bottom: 0 !important;
        }

        .customerInfo.white-box {
            padding: 15px;
        }

        #lblMoreDeliveryOptions .boxContent {
            font-size: 19px;
        }

        .inner-title {
            height: auto;
        }

        .custom-large-width {
            width: 100%;
        }

        .btn-blue {
            width: 100%;
        }

        .customer-title {
            font-size: 26px;
        }

        .final-confirmation label {
            font-size: 16px;
        }

        .action {
            display: block;
        }

        .inspection a.btn-default {
            width: 100%;
        }

        .inspection .btn-primary {
            width: 100%;
        }

        .justify-flex {
            display: block;
        }

        .valuationPrice {
            font-size: 80px;
        }

        .gsx li {
            font-size: 18px;
        }

        .instructionList li {
            font-size: 19px;
            padding-left: 30px;
        }

        .instructionList i {
            left: -15px;
        }

        .zeroValue img {
            width: 40px;
        }

        .white-box.valuation-box {
            padding: 15px;
        }

        .btn-default {
            font-size: 18px;
        }

        .heading-mobile {
            display: block;
        }

        .heading-desktop {
            display: none;
        }

        .contact_msg {
            margin-left: 0;
        }
        .login-relative .primary-action-btn {
            position:inherit;
        }
    }

    @media (min-width: 576px) and (max-width: 767.98px) {
        .flex-row {
            display: block;
        }

        .section-box {
            padding: 0 15px;
        }

            .section-box:last-child:before {
                display: none;
            }

        .login-container {
            margin: 0 15px;
        }

        .custom-large-width {
            width: 100%;
        }

        .btn-blue {
            width: 100%;
        }

        .inspection-float {
            float: none;
        }

        .heading-mobile {
            display: block;
        }

        .heading-desktop {
            display: none;
        }
        .login-relative .primary-action-btn {
            position: inherit;
        }
    }


    @media (min-width: 768px) and (max-width: 991.98px) {
        .flex-row {
            display: block;
        }

        .section-box {
            padding: 0 15px;
        }

            .section-box:last-child:before {
                display: none;
            }

        .nav > li > a {
            font-size: 20px;
        }

        /*.deviceVisual h4 {
            font-size: 18px;
        }*/

        .deviceColor span {
            font-size: 20px;
        }

        .capacity span {
            font-size: 20px;
        }

        .deviceColor li {
            width: 30% !important;
        }

        .spec h6 {
            font-size: 22px;
        }

        .imei span {
            font-size: 20px;
        }

        .spec ul.capacity li {
            font-size: 20px;
        }

        .login-container {
            margin: 0 15px;
        }

        /*.login-float {
            float: none;
        }*/

        .login-container {
            margin: 0 15px;
        }

        .nav > li > a {
            padding: 20px 11px; font-size:13px;
        }

        #deviceCheck-inputs .deviceCheck-item {
            min-height: 480px;
        }

        #deviceCheck-inputs .inner-title {
            height: auto;
        }

        .final-confirmation label {
            font-size: 19px;
        }

        

        .custom-large-width {
            width: 100%;
        }

        .valuationPrice {
            font-size: 90px;
        }
        /*.btn-blue {
            width: 100%;
        }*/

        .inspection-float {
            float: none;
        }

        .iban .btn-blue {
            width: 100%;
        }

        .heading-mobile {
            display: block;
        }

        .heading-desktop {
            display: none;
        }

        .contact_msg {
            margin-left: 0;
        }
        .login-relative .primary-action-btn {
            position: inherit;
        }
    }


    @media (min-width: 992px) and (max-width: 1199.98px) {
        .section-box {
            padding: 0 15px;
        }

        .prod-btns {
            display: block;
        }

            .prod-btns .btn {
                margin-bottom: 10px;
            }

        .login-container {
            margin: 0 15px;
        }

        .loginBox.white-box {
            padding: 30px;
        }

        #deviceCheck-inputs .deviceCheck-item {
            min-height: 490px;
        }

        .custom-large-width {
            width: 100%;
        }

        #deviceCheck-quality, #deviceCheck-sim, #deviceCheck-datawiped {
            margin-bottom: 0;
        }
        .nav > li > a {
            padding: 20px 11px; font-size:21px;
        }
        .contact_msg {
            margin-left:0;
        }
    }


    @media (min-width: 1200px) {
        .container-width {
            width: 1190px;
        }

        .login-container {
            margin: 0 15px;
        }

        .container-large {
            width: 98%;
        }

        .custom-large-width {
            width: 50%;
        }
    }

    @media (min-width: 1400px) {
        .container-width {
            width: 1500px;
        }
    }

    @media (min-width: 1800px) {
        .container-large {
            width: 1690px;
            margin: 0 auto;
        }

        .custom-large-width {
            width: 43%;
        }
    }