﻿#NewDiv {
    /*margin: 25px 25px 0;*/
    padding: 25px 10px;
    display: block;
    background: #fff;
    float:left;
    width:100%;
}

.col-lg-5.col-md-6.col-sm-8 {
    float: right;
    width: 532px;
}

button.lets-get-booking,button.close-booking {
    display: none;
}

@media (max-width:1200px) {
.col-lg-5.col-md-6.col-sm-8.letsgetbooking {
    position: fixed;
    right: -517px;
    transition: all ease .5s;
    z-index:999;
}
.col-lg-5.col-md-6.col-sm-8.letsgetbooking.letsgetbooking-show {
    right:0;
}
button.lets-get-booking.lets-get-booking-hide {
    display:none;
}
button.close-booking.close-booking-show {
    display:block;
}
    button.lets-get-booking {
    display: block;
    top: 22px;
    text-align: left;
    transform: rotateZ(90deg);
    transform-origin: left;
    position: absolute;
    left: -5px;
    z-index: 99;
    border: 1px solid #000;
    outline: 0;
    border-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px 20px;
    background: #fdc401;
    }
    button.close-booking {
          display:none;
    position: absolute;
    left: -13.5px;
    top: 0;
    font-weight: bold;
    padding: 4px 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 0;
    z-index: 99;
    background: #fdc500;
    }
.col-lg-5.col-md-6.col-sm-8.letsgetbooking .calculate-my-ride-form
{
    max-width:100%;
}
}

@media (min-width:768px){

.col-lg-7.col-md-6.col-sm-6 {
    width: calc(100% - 532px);
}

}

@media (max-width:768px){

.col-lg-7.col-md-6.col-sm-6 {
    padding:0;
}
    #NewDiv {
    padding:0;
    margin:0;
    }
}

.col-lg-5.col-md-6.col-sm-8 .calculate-my-ride-form
{
        background: #251f25 !important;
        box-shadow: 0px 6px 20px #000;
}
.col-lg-7.col-md-6.col-sm-6 .detai_outer_div
{
        background: #251f25 !important;
        box-shadow: 0px 6px 20px #000;
        margin: 0;
        padding: 15px;
}

.col-lg-7.col-md-12.col-sm-12 .detai_outer_div
{
        background: #251f25 !important;
        box-shadow: 0px 6px 20px #000;
        margin: 0;
        padding: 15px;
}

.col-lg-12 .detai_outer_div
{
        background: #251f25 !important;
        box-shadow: 0px 6px 20px #000;
        margin: 0;
        padding: 15px;
}

.text-contain-inside
{
    max-height:401px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin:20px 0 0;
    color: #c18e65 !important;
    padding: 0 5px;
}

.text-contain-inside::-webkit-scrollbar {
    width: 8px;
    background: #4c4b4c;
}

.text-contain-inside::-webkit-scrollbar-thumb {
    width: 8px;
    background: #daa520;
}


