/*.col-sm-6{
    width: 48%;
}*/

form .row{
    display: flex;
    flex-direction: row;
}
.col-sm-6 {
    width: 50%;
    padding: 15px;
}
form .but{
    margin-left: 14px;
    margin-bottom: 40px;
}

.table tr th{
    color: white;
    background: #ec1c23;
}

.tax_alert{
    color: #31708f;
    background-color: #e2ecf3;
    border: 1px solid #bec9d4;
    border-radius: 4px;
    margin: 0;
    padding: 16px;
}
@media only screen and (max-width: 999px){
    .payment-option {
        width: 100% !important;
    }
}
.payment_option_form{
    text-align: center;
    margin: 0 auto;
}
.payment_option_form .pay_text{
    margin-top: 75px;
    margin-bottom: 30px;
}
.payment-option {
    margin: 0 auto 28px;
    width: 500px;
    border: 1px solid black;
}

.payment-option input[type="radio"] {
    display: none;
}

.payment-option label {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    background-color: #b3afaf;
    width: 100%;
    color: black;
    font-weight: bold;
}

.payment-option input[type="radio"]:checked + label {
    background-color: #ec1c23;
    color: white;
}

.payment-option .description {
    margin-top: 5px;
    font-size: 0.9em;
    color: #666;
    padding: 5px 15px;
    text-align: left;
}
/*    #offline_desc{
        display: none;
    }*/

.search-main {
    display: grid !important;
    column-gap: 0 !important;
    grid-row-gap: 0px;
    margin: 15px auto 0 auto !important;
}
.search__postcode .text {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    min-width: 100%;
    text-align: center;
    /*position: absolute;*/
    top: -36px;
    z-index: 9;
     min-height: max-content;
}
.search-main .text {
    margin: 10px 0;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    /*position: absolute;*/
    bottom: -22px;
    z-index: 999;
    text-align: center;
    /*max-width: fit-content;*/
    min-height: max-content;
}
@media only screen and (min-width:1200px) and (max-width:1480px){
.page-id-9 .search-main .text {
  /*position: absolute;*/
    /*max-width: min-content;*/
    min-width: 62% !important;
    text-align: center;
}
.page-id-9 .search__postcode .text {
    max-width: 100% !important;
}
}
/*@media only screen and (min-width:767px) and (max-width:1200px){
.page-id-9 .search__postcode span {
    bottom: -33px;
    min-width: max-content;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 60px;
}
.page-id-9 .search-main h6 {
    position: relative;
    top: -24px;
}
}*/
@media only screen and (min-width:767px) and (max-width:991px){
    .page-id-9 .search-main h6 {
    top: -25px !important;
}
    .page-id-9 .search__postcode.button-relative input {
    margin-top: 13px;
}
    .page-id-9 .radio-switch.copy-swith {
    margin: 0 auto !important;
}
.page-id-9 .search__postcode.button-relative.diffrent-taxt-box .text {
    top: 168px;
    text-align: center;
    min-width: 100% !important;
}
}
@media only screen and (min-width:991px) and (max-width:1200px){
     .page-id-9 .search-main h6 {
    top: -25px !important;
}
    .page-id-9 .search__postcode.button-relative input {
    margin-top: 13px;
}
    .page-id-9 .radio-switch.copy-swith {
    margin: 0 auto !important;
}
.page-id-9 .search__postcode.button-relative.diffrent-taxt-box .text {
    top: 168px;
    text-align: center;
    min-width: 100% !important;
}
.page-id-9 .radio-switch.copy-swith {
    display: block;
}
}
@media only screen and (min-width:767px) and (max-width:1200px){
.page-id-9 .search-main .text {
    top: 71px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/*.page-id-9 .search__postcode.button-relative.diffrent-taxt-box span {
    top: 78px;
    text-align: end;
    min-width: 71% ! IMPORTANT;
}*/
    .search-book-cl {
    color: #12110b !important;
    top: 158px !important;
    margin: 0 auto !important;
    min-width: max-content !important;
    left: 0;
    right: 0;
}
.page-id-270 .radio-switch.copy-swith {
    /*margin: 50px auto 0 auto !important;*/
}
.book-finds-now {
    margin: 0 auto !important;
    left: 0;
    right: 0;
    top: 53px !important;
}
    .page-id-270 .search-main h6 {
    /*padding-bottom: 45px;*/
}
}

@media only screen and (max-width:767px){
.page-id-270 .book-finds-now {
    top: 42px !important;
}
.page-id-270 .search-book-cl {
    top: 183px !important;
}
 #book_now_form h6 {
    font-size: 26px !important;
}
.book-finds-now {
    top: 45px !important;
}
.search-book-cl {
    top: 183px !important;
}
   .search-main .text {
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    top: 80px !important;
}
.page-id-9 .search__postcode.diffrent-taxt-box input {
    /*margin: 30px 2px !important;*/
}
.search__postcode .text {
    font-size: 16px;
    top: 178px !important;
    z-index: 9;
}
.page-id-9 .radio-switch.copy-swith {
    max-width: 226px !important;
    margin: 0px auto 0 auto !important;
}
}

@media only screen and (min-width:767px) and (max-width:1024px){
}
.book-finds-now {
    color: #12110b !important;
    bottom: 0 !important;
    /*text-align: left !important;*/
    /*position: absolute !important;*/
    top: 65px;
}
.search-book-cl {
    color: #12110b !important;
    top: -45px;
}
/*.radio-switch {
    position: inherit !important;
    top: 0;
    right: 0 !important;
    max-width: fit-content !important;
    display: block !important;
}*/

/* ------------------------------------------   */

.search__postcode ul.radio-switch.copy-swith {
    background-color: #cbcaca;
    display: inline-flex;
}
@media only screen and (min-width:320px) and (max-width:767px){
    .search__postcode.button-relative.diffrent-taxt-box input {
        margin: 0 auto !important;
    }
}
@media only screen and (min-width:320px) and (max-width:1200px){
    .page-id-270 .search__postcode .text {
        position: relative;
        top: 20px !important;
    }
}