@media screen and (min-width: 1200px) and (max-width: 1400px){

    .cancel-inner{

        width: 80px;

        height: 80px;

    }

    .cancel-inner span {

        font-size: 12px;

    }

    .search_text{

        padding: 9px 0px;

        font-size: 13px;

    }

    .close_box {

        font-size: 14px;

        padding: 10px 12px;

    }

    

    .vehicle_title{

        font-size: 16px;

    }

    .adress_text{

        font-size: 14px;

    }

    .time_text{

        font-size: 14px;

    }

    .history_text{

        font-size: 16px;

    }

    .history_text_box {

        padding: 16px 20px;

    }

    .title_box{

        font-size: 14px;

        padding: 8px 15px;

    }

    .serch_filter_right_box{

        padding: 15px;

    }

    .serch_filter_left_box{

        padding: 15px 0px;

    }

}

@media (max-width: 1199px) {

    .renteon-personal-page .top-bar-inner {

        display: block;

    }

    .cars{

        flex: 0 1 49%;

    }

    .renteon-personal-page .car-section,.renteon-personal-page .insurance-section {

        width: 100%;

    }



    .additional-section {

        margin: 0 0 30px;

    }



    .renteon-personal-page .car-section {

        padding-left: 30px;

        margin: 0 0 20px;

    }

    .search_text{

        padding: 9px 0px;

        font-size: 13px;

    }

    .close_box {

        font-size: 14px;

        padding: 10px 12px;

    }

    .show_car_btn {

        padding: 9px 7px 9px 28px;

    }

    .col_ser_box {

        flex: 0 0 auto;

        width: 50%;

    }

    .col_date_box{

        flex: 0 0 auto;

        width: 100%;

    }

    .show_car_box {

        flex: 0 0 auto;

        width: 100%;

        margin: 20px 0 0;

    }

    .serch_filter_box{

        width: 100%;

    }

    .vehicle_title{

        font-size: 16px;

    }

    .adress_text{

        font-size: 14px;

    }

    .time_text{

        font-size: 14px;

    }

    .history_text{

        font-size: 16px;

    }

    .history_text_box {

        padding: 16px 20px;

    }

    .title_box{

        font-size: 14px;

        padding: 8px 15px;

    }

    .serch_filter_right_box{

        padding: 15px;

    }

    .serch_filter_left_box{

        padding: 15px 0px;

    }

    .car_btn{

        font-size: 16px;

        padding: 10px 20px;

    }

    .trucks_btn{

        font-size: 16px;

        padding: 10px 20px;

    }

    .inquiry_box{

        padding: 15px;

    }

    .package{
        flex: 0 0 49%;
    }

}

@media(max-width: 991px) {
    .reservation-widget-bottom{
        flex-wrap: wrap;
    }
    .info-box{
        padding: 20px;
        flex: 1 0 50%;
    }
    .overview, .car-category {
        width: 100%;
    }
    .top-header .top-bar-inner {
        width: 100%;
    }
    .car-category{
        text-align: left;
    }
    .cars{

        width:100%;

        margin: 20px auto;

    }

    label.label_text.return {

        margin-left: 0;

    }

    .cal {

        display: block;

    }

    button.modal_buton.loading-btn span.spinner {

        left: 10px;

    }

    button.modal_buuton.loading-btn {

        padding-left: 25%;

    }

    button.addi_submit.loading-btn span.spinner {

        left: 10px;

    }

    .personal_btn.loading-btn span.spinner {

        left: 10px;

    }

    .insurance-inner {

        display: block;

        padding: 0;

    }

    .modal-content.small-modal {

        width: 70%;

    }

    .package {

        margin: 50px 0;

    }



    

    body .renteon-form{

        padding: 20px 0;

        background:none;

    }

    input#dateRangePicker{

        top:70px;

    }

    button.clender_date_box{

        border-radius: 5px;

    }

    .clender_time_box{

        margin: 10px 0;

        border-radius: 5px;

    }

    .mobile-menu .daterangebox {

        padding: 20px 10px;

    }

    .daterangebox {

        justify-content: space-between;

    }

    button#endRang{

        margin: 0;

    }

    i.bi.bi-calendar{

        width: 20%;

    }

    .clender_date_box span {

        width: 80%;

        text-align: left;

        padding: 10px;

    }

    .cal_inner {

        display: block;

        width: 49%;

    }

    button#startRang,select#startTimePicker,select#endTimePicker,button#endRang {

        width: 100%;

    }

    .loading-btn .spinner{

        left: 60px;

    }

    .search_text{

        padding: 9px 0px;

        font-size: 13px;

    }

    .close_box {

        font-size: 14px;

        padding: 12px;

        line-height: 1.5;

    }

    .show_car_btn{

        padding: 9px 15px;

    }

    .col_ser_box {

        flex: 0 0 auto;

        width: 50%;

    }

    .mobile-menu .col_date_box{

        border-bottom: 2px solid #c9c9cf;

        border-top: 2px solid #c9c9cf;

    }

    .col_date_box{

        flex: 0 0 auto;

        width: 100%;

        margin: 23px 0 15px;

    }
	
	.show_car_btn{
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #74d74c;
    padding: 15px 15px;
    width: 100%;
	height: 52px; 
    border: none;
    border-radius: 5px;
}

    .show_car_box {

        flex: 0 0 auto;

        width: 100%;

    }

    .serch_filter_box{

        width: 100%;

    }

    .vehicle_title{

        font-size: 30px;

    }

    i#renteon-icon,#renteon-icon-drop {

        font-size: 30px;

    }

    .adress_text{

        font-size: 14px;

    }

    .time_text{

        font-size: 14px;

    }

    .history_text{

        font-size: 16px;

    }

    .history_text_box {

        padding: 16px 20px;

    }

    .title_box{

        font-size: 14px;

        padding: 8px 15px;

    }

    .serch_filter_right_box{

        padding: 15px;

    }

    .serch_filter_left_box{

        padding: 15px 0px;

    }

    .information_box{

        font-size: 12px;

        padding: 10px 8px;

        margin-left: 5px;

    }

    .car_btn{

        font-size: 16px;

        padding: 10px 20px;

    }

    .trucks_btn{

        font-size: 16px;

        padding: 10px 20px;

    }



     /*new*/

    .inquiry_box.mobile-menu {

        -webkit-box-align: center;

        align-items: center;

        display: block;

        height: 100%;

        -webkit-box-pack: center;

        justify-content: center;

        left: 0px;

        position: fixed;

        bottom: 0px;

        width: 100%;

        z-index: 104;

        top: 0;

        padding: 10px 15px;

    }



    .inquiry_box.mobile-menu label.label_text {

        display: block;

        text-align: center;

    }



    .inquiry_box.mobile-menu div#dropdown-content {

        top: 128px;

        height: calc(100% - 7.475rem);

        overflow-x: scroll;

        z-index: 9999;

        left:0;

    }



    .inquiry_box.mobile-menu .serch_filter_box {

        border-radius: 0;

        border-top: 5px solid #c9c9cf;

        box-shadow: none;

        margin: 0;

        height: 100%;

    }

    .inquiry_box.mobile-menu .serch_filter_left_box{

        overflow-x: scroll;

        height: 100%;

    }

    .inquiry_box.mobile-menu .col_ser_box.px_20 {

        width: 50%;

        margin: auto;

        padding: 3px 15px;

    }

    .inquiry_box.mobile-menu div#dropdown-content-drop {

        top: 100px;

        height: calc(100% - 7.475rem);

        overflow-x: scroll;

        z-index: 9999;

        left:0;

    }

    .serch_filter_left_box{

        width: 100%;

    }

    .inquiry_box.mobile-menu i.bi.bi-x-lg {

        position: absolute;

        top: 5px;

        font-size: 20px;

        left: 19px;

    }

    button#edit_form{

        width:100%;
		padding: 1px 4px;
		height: 40px;

    }

    /* form */

    div#dropdown-content {

        position: absolute;

        top: 37%;

        width: 100%;

    }

    #dropdown-content-drop{

        position: absolute;

        top: 67%;

        width: 100%;

    }



    .row.align-items-end {

        position: relative;

    }

    

    .history_text_box{

        justify-content: space-between;

    }

    .history_text {

        width: inherit;

    }

    .mobile-info {

        text-align: right;

        display: block;

    }

    /*div#info-box {

        display: none;

    }*/

    i.bi.bi-chevron-left {

        display: block;

        font-size: 30px;

    }



    div#info-box, div#info-box-drop {

        -webkit-box-align: center;

        align-items: center;

        display: flex;

        height: 100%;

        -webkit-box-pack: center;

        justify-content: center;

        left: 0px;

        position: fixed;

        bottom: 0px;

        width: 100%;

        z-index: 104;

    }



    .pick_return_row {

        color: #000;

    }



    .serch_filter_right_box i.bi.bi-airplane-fill.search_fill_icon {

        color: #000;

        font-size: 30px;

    }



    



    table.time_table tr td {

        padding: 7px 0;

    }



    /*table.time_table {

        margin: 20px 0 0;

    }*/

    .mobile-info {

        text-align: right;

        display: block;

        position: absolute;

        right: 25px;

        margin: -64px 0 0;

        line-height: 3;

    }

    .mobile-info i {

        font-size: 23px;

    }

    #aspickup,#asdrop{

        display: block;

        position: relative;

        font-size: 14px;

        font-weight: 500;

        color: #fff;

        background: #74d74c;

        padding: 13px 15px;

        width: 100%;

        border: none;

        border-radius: 5px;

        margin: 20px 0 0;

    }

    .mobile-title{

        display: block;

        position: absolute;

        top: 20px;

        left:34%;

        font-size: 20px;

        font-weight: 600;

        display: block;

    }

    .inquiry_box.mobile-menu .show_car_box {

        padding:0 15px;

    }

    /*car*/

    .availability-main{

        display: block;

    }

    .end_area {

        margin: 0 0 30px;


    }

    .start_area {

        margin-right: 0;

        margin-bottom: 30px;

    }

    .top-bar-inner {

        display: block;

        width: 100%;

    }

    .car-section {

        margin: 0 0 30px;

        border: 0;

        padding: 0;

    }

    .top-bar-inner.add-twoside{

        width:100%;

    }

    .tab-pane.fade.active.show form {

        display: block;

    }

    .service-part.col-sm-5 {

        text-align: center;

        width: 50%;

    }

    .custom-check.col-sm-4, .custom-quantity.col-sm-4,.service-price.col-sm-3 {

        width: 25%;

    }

    .col-sm-8.price-details {
        text-align: left;
        display: block;
        width: 100%;
    }

    .car-details{
        width: 100%;
    }
    .expence_box .col-md-4{
        width: 100%;
    }
    .detail-box{
        text-align: left;
    }
    .renteon-personal-page .car-section, .woocommerce .car-section{
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0 0 20px;
    }
    .renteon-personal-page .insurance-section, .woocommerce .insurance-section{
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0 0 20px;
    }

    .renteon-personal-page .location_date, .woocommerce .location_date {
        padding: 10px;
    }

}

@media(max-width: 767px){
    .tab-pane .Personal-form-field{
        flex: 0 0 100%;
    }
	.info-box::before {
		content: '';
		display: none;
		position: absolute;
		right: 0;
		height: 50px;
		width: 1px;
		background: #e9e9e9;
	}
    ul#my_Tab.form_tab li a {
        font-size: 12px;
        padding: 0 6px;
    }
    ul#my_Tab.form_tab li {
        margin: 0 6px;
    }
    
    .info-box {
        flex: 1 0 100%;
        justify-content: left;
    }

    .insurance-section .car_img {

        width: 35%;

    }

    span.recom_text {

        font-size: 12px;

        padding: 10px 7px;

    }

    .car-image img {

        width: -webkit-fill-available;

    }

    .feature_img{

        padding: 9px 10px;

    }

    .feature span {

        font-size: 12px;

    }

    .cartitle-details {

        width: 70%;

        display: inline-block;

        float: left;

    }



    .cancelation-details {

        display: inline-block;

        float: right;

        text-align: center;

        margin: auto;

         padding: 0;

    }



    .cancel-inner {

        border: 3.5px solid #3399FF;

        border-radius: 50%;

        width: 80px;

        height: 80px;

        text-align: center;

        color: #39f;

        font-weight: 500;

    }



    .cancel-inner span {

        font-size: 12px;

    }



    .cancel-inner h6 {

        font-size: 19px;

        font-weight: 700;

        margin: 0;

    }

    .package-basic h4 {

        font-size: 15px;

    }



    .pro_name {

        font-size: 14px;

    }



    .pro_desc {

        font-size: 12px;

    }

    .package-basic h4 {

        font-size: 15px;

    }

    .car-section {

        margin: 0 0 30px;

        border: 0;

        padding: 0;

    }



    .offi_left {

        width: 30px;

        height: 30px;

        padding: 0;

        border-radius: 5px;

    }



    .start_area {

        align-items: center;

    }



    .end_area {

        align-items: center;

    }

    

    .col-md-1.insu-img {

        width: 10%;

    }



    .col-md-11.pro_content {

        width: 90%;

    }

    .dropdown-container{

        margin: 0 auto 20px;

    }

    .inquiry_box.mobile-menu .col_ser_box.px_20{

        width: 100%;

    }

    .inquiry_box {

        padding: 0 10px;

    }

    .inquiry_box.mobile-menu div#dropdown-content {

        top: 100px;

    }

    .inquiry_box.mobile-menu div#dropdown-content-drop {

        top: 185px;

    }

    .search_text{

        padding: 9px 0px;

        font-size: 13px;

    }

    .close_box {

        font-size: 14px;

        padding: 14px 12px;

    }

    .show_car_btn{

        padding: 9px 15px;

    }

    .col_ser_box {

        flex: 0 0 auto;

        width: 100%;

    }

    .col_date_box{

        flex: 0 0 auto;

        width: 100%;

    }

    .show_car_box {

        flex: 0 0 auto;

        width: 100%;

        margin-left: auto;

        margin-right: auto;

        margin-top: 0;

    }

    button.btn-book.loading-btn .spinner{

        left:47px;

    }

    .serch_filter_box{

        width: 100%;

    }

    .vehicle_title{

        font-size: 25px;

    }

    .adress_text{

        font-size: 14px;

    }

    .time_text{

        font-size: 14px;

    }

    .history_text{

        font-size: 14px;

    }

    .history_text_box {

        padding: 16px 20px;

    }

    .title_box{

        font-size: 14px;

        padding: 8px 15px;

    }

    .serch_filter_box{

        display: block;

    }

    .serch_filter_right_box{

        padding: 15px;

        width: 100%;

    }

    .serch_filter_left_box{

        padding: 15px 0px;

        width: 100%;

    }

    .information_box{

        font-size: 12px;

        padding: 10px 8px;

        margin-left: 5px;

    }

    .car_btn{

        font-size: 16px;

        padding: 10px 20px;

    }

    .trucks_btn{

        font-size: 16px;

        padding: 10px 20px;

    }

    .px_20 {

        padding-top: 10px;

    }

    

    .insurance-section {

        margin: 0 0 30px;

    }

    .additional-section {

        margin: 0 0 30px;

    }

    .search_box{
        font-size: 16px;
        height: 50px;
    }

   

    

}

@media(max-width: 479px) {
	.col-md-1.insu-img {
	    padding: 0 0 0 7px;
	}
    .per-day{
        display: block;
    }
    button#personal-tab {

        margin: 0 10px 0 0;

    }

    .price-area{

        width:100%;

    }

    .renteon-personal-page .car-section,.renteon-personal-page .insurance-section,.additional-section {

        border: 0;

        padding: 0;

    }



    .insurance-section {}



    .additional-section {

        margin: 0 0 30px;

    }



    .detail-box {

    }



    .renteon-personal-page .col-sm-4 {

        width: 100%;

    }



    .renteon-personal-page .car-section {

        width: 100%;

    }



    .renteon-personal-page .insurance-section {

        width: 100%;

    }



    .additional-section .end_location {

        width: 100%;

    }



    .total,.total h6 {

        font-size: 15px;

    }



    .per-day,.per-day h6 {

        font-size: 14px;

    }



    .price-area {

        margin: 0 0 30px;

    }



    .modal-feature.row .col-md-1 {

        width: 8%;
        text-align: center;

    }

    .modal-feature.row .col-md-1 img {
        width: 100%;
    }

    .modal-content.small-modal {

        width: 99%;

    }

    .col-md-6.pro_content {

        width: 100%;
        text-align: center;

    }
    .modal-content.small-modal .modal-body .pro_content{
        text-align: left;
        width: 50%;
    }



    .col-md-5.not-includ {

        width: 42%;

        display: flex;

        justify-content: center;

        font-size: 15px;
        align-items: center;

    }

    .modal{
        padding: 30px 0 0;
        margin: 0;
    }
    .col-md-5.not-includ img {
        width: 11%;
        height: fit-content;
    }

    .modal-feature.row {

        margin: 0;

    }

    .checkbox-custom, .radio-custom{

        right:unset;

    }

    .modal-content.small-modal .modal-body {

        padding: 0;

    }

    .custom-check.col-sm-4 {

        text-align: center;

        padding: 10px;

        width: 100%;

    }

    button#edit_form{

        width:100%;
		padding: 1px 4px;
		height: 40px;

    }

    .custom-quantity.col-sm-4 {

        
        padding: 10px 80px;
        width: 100%;

    }
    
    input.qty-minus, input.qty-plus.custom-valid{
        padding: 5px;
        font-size: 17px;
    }
    .custom-quantity input[type=number1]{
        padding: 0;
    }
    .service-price.col-sm-3{
        font-size: 14px;
    }
    .service-price.col-sm-3{

        width: 100%;
        justify-content: center;
        border-top: 1px solid #ccc;
        border-left: 0;
        padding: 5px 0px 0px;
        align-items: center;
    }

    .service-price {

        font-weight: 700;

    }

    div#dropdown-content{

        top:27%;

    }

    #dropdown-content-drop{

        top:47%;

    }

    .col_ser_box {

        flex: 0 0 auto;

        width: 100%;

    }

    .col_date_box{

        flex: 0 0 auto;

        width: 100%;

    }

    .trucks_btn {

        font-size: 14px;

        padding: 10px 15px;

    }

    .car_btn{

        font-size: 14px;

        padding: 10px 15px;

    }

    .service-part.col-sm-5 {
        text-align: center;
        width: 100%;
    }
    .service-name,.service-price{
        font-size: 15px;
    }

}

@media screen and (max-width: 425px) {

    

    .information_box {

        font-size: 12px;

        padding: 10px 8px;

        margin-left: 0;

        margin-right: 10px;

        margin-top: 10px;

    }

    .has-global-padding {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .search_fill_icon{
        padding: 0px 10px 0px 0px;
    }
    .close_box {
        padding: 15px 12px;
    }

    .modal-header-2{
        display: block;
        margin-top: 15px;
    }
    .content-inner{
        text-align: center;
    }
    .img-ineer{
        margin: 0 auto;
    }
    .btn-inner {
        text-align: center;
        display: contents;
    }
    .top-bar-inner.add-oneside{
        width: 100%;
    }

}

@media screen and (max-width: 375px) {

    .information_box {

        font-size: 12px;

        padding: 10px 8px;

        margin-left: 0;

        margin-right: 0px;

        margin-top: 10px;

    }

    .inf_box_d-flex{

        display: block;

    }

}

@media screen and (max-width: 360px) {

}