@media screen and (max-width: 1399px) and (min-width: 240px){
    .page-container{max-width: inherit; padding:0px 30px;width: 100%;}
    #header-section .container{max-width: inherit; padding:0px 30px;width: 100%;}
}
@media screen and (max-width: 1024px) and (min-width: 240px){
    .page-container{padding:0px 15px;}
    .gerenric-heading{font-size: 30px;}
    .mobile-bottom-nav{width: 100%; display: block; position: fixed; left: 0px; bottom: 0px; z-index: 999; background-color: #000; padding:10px;}
    .mobile-bottom-nav ul{display: flex; align-items: center; justify-content: space-between;}
    .mobile-bottom-nav ul li{list-style-type: none; padding: 2px;}
    .mobile-bottom-nav .nav-button{display: inline-flex; align-items: center; height: 27px; padding: 0px 8px; border-radius: 17px; font-size:11px; color: #fff;  background-color: #333333;}
    .mobile-bottom-nav .nav-button img{ height: 11px; display: block; margin-right: 3px;}
    .mobile-bottom-nav .nav-button.green-button{ background-color: transparent; border: 1px solid #6BC489;}
    .gerenric-links.pd-rt-50{padding-right: 0px;}
    .gerenric-links ul li{width: 33.333%;}
    .gerenric-links ul li.link-hide{display: none;}
    .gerenric-links ul li a{min-width: auto;  width: 100%; display: flex; }
    .desktop-nofitcation{display: none;}
    .mobile-nofitcation{display: block; position: relative; margin-right: 10px;}
    .mobile-nofitcation .circle-notif{width:12px; height:12px;display: flex; align-items: center; justify-content: center; font-size: 7px; color: #fff; background-color: #ED1D1D; border-radius: 100px; top: -9px; position: absolute; right: -7px;}
    .gerenric-table-desktop{display: none;}
    .gerenric-table-mobile{width: 100%; display: block;}
    .gerenric-table-mobile .table-box{width: 100%; border-radius: 10px; padding: 15px 15px; margin-bottom: 20px; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
    .gerenric-table-mobile .table-box .client-pick-info{width: 100%; margin-bottom: 30px;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-row{width: 100%; margin-bottom: 4px; display: flex; justify-content: space-between;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col{font-size: 13px;color: #000;font-weight: 600;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col:first-child{font-size: 15px;padding-right: 10px;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col .refrance-number{color: #8E8E8E;font-weight: 400;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col .passenger-div{display: flex;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col .passenger-div span{ margin-right: 4px;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col .passenger-div span:last-child{ margin-right: 0px;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col .passenger-div span img{height: 15px;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col .passenger-div span:nth-child(3) img{ margin-right: 0px; height: 12px;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col .cmpt-green{color: #6BC489;font-weight: 400;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col .cancel-red{color: #E35353;font-weight: 400;}
    .gerenric-table-mobile .table-box .client-pick-info .cp-col .pending-yellow{color: #f4b400;font-weight: 400;}
    .gerenric-table-mobile .table-box .pickdrop-location{width: 100%;}
    .gerenric-table-mobile .table-box .pickdrop-location .pick-location{width: 100%; display: flex; align-items: center;}
    .gerenric-table-mobile .table-box .pickdrop-location .pick-location .pick-icon{width: 40px; height: 40px; border-radius: 100px; background-color: #fff; border: 1px solid #8AF4B5; display: flex;align-items: center; justify-content: center; }
    .gerenric-table-mobile .table-box .pickdrop-location .pick-location .pick-icon img{width: 20px;}
    .gerenric-table-mobile .table-box .pickdrop-location .pick-location .pick-text{width: calc(100% - 40px); line-height: 120%; font-size: 15px; font-weight: 600; color: #000; padding-left: 15px;}
    .gerenric-table-mobile .table-box .pickdrop-location .pick-time{width: 100%;display: flex; align-items: center; padding-left:55px; height: 60px; position: relative; margin: 3px 0px;}
    .gerenric-table-mobile .table-box .pickdrop-location .pick-time::after{width: 1px; height: 100%; content: ''; background-color: #8E8E8E; position: absolute; left: 20px;}
    .gerenric-table-mobile .table-box .pickdrop-location .pick-time .pt-col{width: 50%;padding-right: 5px;display: flex; align-items: center; font-size: 15px; font-weight: 700; color: #000;}
    .gerenric-table-mobile .table-box .pickdrop-location .pick-time .pt-col img{display: block; margin-right: 10px;}
    .gerenric-table-mobile .table-box .action-button{width: 100%; display: flex; margin-top: 20px;}
    .gerenric-table-mobile .table-box .action-button .btn.btn-primary{width: 50%; padding: 12px 5px; margin: 0px 3px; font-size: 12px; font-weight: 500; color: #000; background-color: #8AF4B5;border: 1px solid #8AF4B5; border-radius: 100px;}
    .gerenric-table-mobile .table-box .action-button .btn.btn-primary.cancel-btn{ background-color: #fff; border-color: #E35353; color: #E35353;}
    
    .gerenric-table-mobile .total-booking-top{width: 100%; margin-bottom: 20px; font-size: 14px; color: #000; display: flex; justify-content: space-between;}
    .gerenric-table-mobile .total-booking-top .total-bk-number{padding-right: 10px;}
    .gerenric-table-mobile .car-id-info{width: 100%; margin-bottom: 20px; display: flex; justify-content: space-between;}
    .gerenric-table-mobile .car-id-info .car-id-date{font-weight: 700; font-size: 14px; color: #000; padding-right: 5px;}
    .gerenric-table-mobile .car-id-info .car-id-date span{ font-weight: 400; font-size: 11px; color: #707070;} 
    .gerenric-table-mobile .car-id-info .car-kgm{padding-left: 5px; text-align: right;}
    .gerenric-table-mobile .car-id-info .car-kgm .car-type{width: 100%; margin-bottom: 2px; display: flex; align-items: center; justify-content: space-between;} 
    .gerenric-table-mobile .car-id-info .car-kgm .car-type img{width: 60px;} 
    .gerenric-table-mobile .car-id-info .car-kgm .car-type .car-text{padding-left: 6px;font-weight: 700;  font-size: 14px; color: #000;}
    .gerenric-table-mobile .car-id-info .car-kgm .kgm-text{width: 100%;font-weight: 400; font-size: 11px; color: #707070;}
    .gerenric-table-mobile .table-location{width: 100%;min-height: 170px; display: flex; padding-right: 50px; position: relative;}
    .gerenric-table-mobile .table-location .lctn-box{width: 100%; font-size: 12px; color: #000; font-weight: 600; background-color: #F4F2F2; border-radius: 10px; padding: 15px;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-block{width: 100%;display: flex;align-items: center; line-height: 115%; border-bottom: 1px solid #CFCFCF; padding:10px 0px;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-block:last-child{border-bottom: 0px; padding-bottom: 0px;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-lctn-main{width: 100%; }
    .gerenric-table-mobile .table-location .lctn-box .lctn-lctn{width: 100%; min-height: 20px; margin-bottom: 2px; position: relative; display: flex;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-lctn:first-child:after{width: 1px; height: 100%; content: ''; position: absolute; top: 3px; left: 7px; background-color: #707070;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-lctn .lctn-cricle{width: 15px; height: 15px; position: relative;z-index: 9; margin-right: 10px; background-color: #25A057; line-height: 0%; font-size: 9px; color: #fff; border-radius: 100px; display: flex;padding-top: 8px; justify-content: center; }
    .gerenric-table-mobile .table-location .lctn-box .lctn-lctn .lctn-cricle.drop-red{background-color: #FF7B7B;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-lctn .lctn-text{width: calc(100% - 15px); padding-top: 2px;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-row{width: 100%; display: flex;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-row .lctn-col{width: 50%; display: flex;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-row .lctn-col:nth-child(1){padding-right: 15px; border-right: 1px solid #CFCFCF;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-row .lctn-col:nth-child(2){padding-left:15px;}
    .gerenric-table-mobile .table-location .lctn-box .lctn-row .lctn-col.color-red{color: #E21E3F;}
    .gerenric-table-mobile .table-location .ride-type{ width: 40px;height: 100%; display: flex; flex-wrap: wrap; align-items: center; position: absolute; right: 0px;  background-color: #F4F2F2; border-radius: 100px; padding:20px 5px;}
    .gerenric-table-mobile .table-location .ride-type .rd-blk{width: 100%;font-weight: 700;  font-size: 12px; color: #000; text-align: center; padding:10px 0px; border-bottom: 1px solid #CFCFCF;}
    .gerenric-table-mobile .table-location .ride-type .rd-blk:last-child{border-bottom: 0px;} 
    .gerenric-table-mobile .table-location .ride-type .rd-blk img{display: block; margin: auto;}
    .gerenric-table-mobile .table-user-detail{width: 100%; margin-top: 10px;}
    .gerenric-table-mobile .table-user-detail .usr-blk{width: 100%; min-height: 20px; font-weight: 600;  font-size: 12px; color: #000; display: flex; justify-content: space-between; margin-bottom: 5px;}
    .gerenric-table-mobile .table-user-detail .usr-blk .usr-contact{padding-right:5px; }
    .gerenric-table-mobile .table-user-detail .usr-blk .usr-contact a{word-break: break-all; display: flex; align-items: center; color: #000;} 
    .gerenric-table-mobile .table-user-detail .usr-blk .usr-contact img{height:10px; margin-right: 5px;} 
    .gerenric-table-mobile .table-user-detail .usr-blk .usr-pay{padding-left: 5px; padding-right: 10px; text-align: right;}
    .gerenric-table-mobile .send-email-button-m{width: 100%;border-radius: 10px; color: #000; cursor: pointer; margin-top: 15px; padding: 3px 10px; display: flex; align-items: center;justify-content: center;height: 45px; background-color: #8AF4B5; font-size: 16px; font-weight: 600; border: 0px;}
    .gerenric-table-mobile .send-email-button-m.pending-btn{background-color: #F4B400;}
    .gerenric-table-mobile .table-user-rd-info{width: 100%; margin-top: 20px; display: flex; justify-content: space-between; color: #000; font-weight: 600;}
    .gerenric-table-mobile .table-user-rd-info .user-rd-dt{padding-right: 5px;display: flex; align-items: center;}
    .gerenric-table-mobile .table-user-rd-info .user-rd-dt .usr-name{font-size: 14px; padding-right: 5px;}
    .gerenric-table-mobile .table-user-rd-info .user-rd-dt .usr-drop{min-width: 100px; background-color: #EDEDED; border-radius: 100px; padding: 4px 10px; display: flex;}
    .gerenric-table-mobile .table-user-rd-info .user-rd-dt .usr-drop .rd-dp-col{width: 50%; line-height: 82%;font-size: 11px;display: flex; align-items: center;}
    .gerenric-table-mobile .table-user-rd-info .user-rd-dt .usr-drop .rd-dp-col:nth-child(1){padding-right: 3px;}
    .gerenric-table-mobile .table-user-rd-info .user-rd-dt .usr-drop .rd-dp-col:nth-child(2){padding-left: 3px;}
    .gerenric-table-mobile .table-user-rd-info .user-rd-dt .usr-drop .rd-dp-col img{width: 15px;height: 15px; display: block; margin-right: 5px;}
    .gerenric-table-mobile .table-user-rd-info .user-rd-select{padding-left: 5px; font-size: 12px;}
    .gerenric-table-mobile .table-user-rd-info .user-rd-select .table-select-box select{font-size: 11px; min-width: 60px;}
    .gerenric-table-mobile .table-user{width: 100%;}
    .gerenric-table-mobile .table-user .car-type-m{width: 100%; margin-bottom: 20px; margin-top: 25px; display: flex; height: 40px; background-color: #F4F2F2; border-radius: 5px;}
    .gerenric-table-mobile .table-user .car-type-m .car-col{width: 25%;padding: 0px 10px;position: relative; top: -7px; }
    .gerenric-table-mobile .table-user .car-type-m .car-col .car-icon{width: 100%; text-align: center;}
    .gerenric-table-mobile .table-user .car-type-m .car-col .car-icon img{width: 55px;display: block; margin: auto;}
    .gerenric-table-mobile .table-user .car-type-m .car-col .car-seat{width: 100%; font-size: 14px; color: #050505; font-weight: 600; text-align: center;}
    .gerenric-table-mobile .table-user .spent-amount{width: 100%; display: flex; margin-bottom: 20px;}
    .gerenric-table-mobile .table-user .spent-amount .spent-col:nth-child(1){width: 47%; padding-right: 10px;}
    .gerenric-table-mobile .table-user .spent-amount .spent-col:nth-child(2){width: 53%; padding-left: 10px;}
    .gerenric-table-mobile .table-user .spent-amount .spt-box{width: 100%; background-color: #F4F2F2; border-radius: 5px; padding: 10px;}
    .gerenric-table-mobile .table-user .spent-amount .spt-box .spt-title{width: 100%;font-size: 12px; color: #050505; font-weight:500; text-align: center;border-bottom: 1px solid  #cecece; padding-bottom: 5px; margin-bottom: 10px;}
    .gerenric-table-mobile .table-user .spent-amount .spt-box .spt-amt{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #050505; font-weight: 700; text-align: center;}
    .gerenric-table-mobile .table-user .spent-amount .acpt-ride-block{width: 100%; position: relative; text-align: right; height: 40px; margin-bottom: 14px;  font-size: 13px; font-weight: 700; color: #000; padding: 5px 10px 5px 45px; display: flex; align-items: center; justify-content: flex-end; background-color: #F4F2F2; border-radius: 5px;}
    .gerenric-table-mobile .table-user .spent-amount .acpt-ride-block:last-child{margin-bottom: 0px;}
    .gerenric-table-mobile .table-user .spent-amount .acpt-ride-block img{width: 40px; position: absolute;left: 0px;}
    .gerenric-table-mobile .table-user .user-cnt{width: 100%; margin-bottom: 15px; display: flex;}
    .gerenric-table-mobile .table-user .user-cnt .usr-col{word-break: break-all;padding: 5px 0px; font-size: 12px; font-weight: 600; color: #000; display: flex;}
    .gerenric-table-mobile .table-user .user-cnt .usr-col:nth-child(1){width: 40%; padding-right: 5px;}
    .gerenric-table-mobile .table-user .user-cnt .usr-col:nth-child(2){width: 60%; padding-left: 5px;}
    .gerenric-table-mobile .table-user .user-cnt .usr-col img{width: 18px; display: block; margin-right: 4px;}
    .gerenric-table-mobile .table-user .user-cnt .usr-col a{display: flex; color: #000;}
    .gerenric-table-mobile .table-user .user-button-row{margin: 0px -3px;display: flex;}
    .gerenric-table-mobile .table-user .usr-btn{ width:100%; margin: 0px 3px; cursor: pointer; height:45px; padding: 5px 5px; font-size: 13px; color: #000; font-weight: 600; display: flex; justify-content: center; align-items: center; background-color: #F4B400; border-radius: 100px;}
    .gerenric-table-mobile .table-user .usr-btn img{width: 16px;margin-right: 5px;}
    .gerenric-table-mobile .table-user .usr-btn.usr-delete{background-color: transparent; border: 1px solid #ED1D1D; color: #000;}
    .gerenric-table-mobile .table-support{width: 100%;}
    .gerenric-table-mobile .table-support .car-id-info{align-items: center;}
    .gerenric-table-mobile .table-support .usr-drop{min-width: 100px; font-size: 12px; color: #000; font-weight: 700; display: flex;}
    .gerenric-table-mobile .table-support .usr-drop .rd-dp-col{width: 50%; line-height: 82%;font-size: 11px;display: flex; align-items: center;}
    .gerenric-table-mobile .table-support .usr-drop .rd-dp-col:nth-child(1){padding-right: 3px;}
    .gerenric-table-mobile .table-support .usr-drop .rd-dp-col:nth-child(2){padding-left: 3px;}
    .gerenric-table-mobile .table-support .usr-drop .rd-dp-col img{width: 15px;height: 15px; display: block; margin-right: 5px;}
    .gerenric-table-mobile .table-support .support-user{width: 100%; margin-bottom: 10px; background-color: #D6FCE5; padding:15px 15px; border-radius: 10px;}
    .gerenric-table-mobile .table-support .support-user .support-user-name{width: 100%; margin-bottom: 10px; font-size: 18px; color: #000; font-weight: 600;}
    .gerenric-table-mobile .table-support .support-user .support-user-info{width: 100%; display: flex;}
    .gerenric-table-mobile .table-support .support-user .support-user-info .spt-col{word-break: break-all;padding: 5px 0px; font-size: 12px; font-weight: 600; color: #5D6B62; display: flex;}
    .gerenric-table-mobile .table-support .support-user .support-user-info .spt-col:nth-child(1){width: 40%; border-right: 1px solid #25A057; padding-right: 5px;}
    .gerenric-table-mobile .table-support .support-user .support-user-info .spt-col:nth-child(2){width: 60%; padding-left: 15px;}
    .gerenric-table-mobile .table-support .support-user .support-user-info .spt-col img{width: 18px; display: block; margin-right: 4px;}
    .gerenric-table-mobile .table-support .support-user .support-user-info .spt-col a{display: flex; color: #5D6B62;}
    .gerenric-table-mobile .table-support .support-call{width: 100%; margin-bottom: 10px; background-color: #F4F2F2; padding:15px 15px; border-radius: 10px;}
    .gerenric-table-mobile .table-support .support-call .support-title{width: 100%; border-bottom: 1px solid #CFCFCF; padding-bottom: 5px; margin-bottom: 10px; font-size: 18px; color: #000; font-weight: 400;}
    .gerenric-table-mobile .table-support .support-call p{width: 100%;margin-bottom: 10px; font-size: 12px; color: #000; font-weight: 400;}
    .gerenric-table-mobile .table-support .support-call .support-cnt{width: 100%;display: flex; font-size: 13px; color: #000; font-weight: 600;}
    .gerenric-table-mobile .table-support .support-call .support-cnt img{width: 15px;display: block; margin-right: 5px;}
    .gerenric-table-mobile .table-support .support-call .support-cnt a{color: #000;}
    .gerenric-table-mobile .table-support .review-box{width: 100%; margin-bottom: 10px; background-color: #fff; border: 1px solid #CFCFCF; padding:15px 15px; border-radius: 10px;}
    .gerenric-table-mobile .table-support .review-box .review-box-inner{width: 100%; padding-right: 5px; max-height: 65px; overflow-y: auto;}
    .gerenric-table-mobile .table-support .review-box .review-box-inner::-webkit-scrollbar {width: 6px;}
    .gerenric-table-mobile .table-support .review-box .review-box-inner::-webkit-scrollbar-track {background: #f1f1f1; }
    .gerenric-table-mobile .table-support .review-box .review-box-inner::-webkit-scrollbar-thumb { background: #888; }
    .gerenric-table-mobile .table-support .review-box .review-box-inner::-webkit-scrollbar-thumb:hover {background: #555; }
    .gerenric-table-mobile .table-support .review-box .review-title{width: 100%; border-bottom: 1px solid #CFCFCF; padding-bottom: 5px; margin-bottom: 10px; font-size: 18px; color: #000; font-weight: 400;}
    .gerenric-table-mobile .table-support .review-box p{font-size: 12px; margin-bottom: 0px; line-height: 120%; color: #000; font-weight: 400;}
    .gerenric-table-mobile .table-support .review-box .review-textarea-m{width: 100%;font-size: 12px; line-height: 120%; color: #000; font-weight: 400; border: 0px; height: 65px; resize: none;}
    .gerenric-table-mobile .table-support .review-box .review-textarea-m:focus{outline: none;}
    .gerenric-table-mobile .table-subscriber-block{ width: 100%; margin-bottom: 20px; background-color: #F4F2F2; padding:20px 15px; border-radius: 10px;}
    .gerenric-table-mobile .table-subscriber-block .subscribe-date{width: 100%; margin-bottom: 6px; font-size: 13px; color: #707070; font-weight: 500;}
    .gerenric-table-mobile .table-subscriber-block .subscribe-name{width: 100%; margin-bottom: 15px; font-size: 15px; color: #000; font-weight: 600;}
    .gerenric-table-mobile .table-subscriber-block .subscribe-button-row{margin: 0px -3px;display: flex;}
    .gerenric-table-mobile .table-subscriber-block .subscribe-button-row .sbr-btn{ width:100%; margin: 0px 3px; cursor: pointer; height:38px; padding: 5px 5px; font-size: 11px; color: #fff;text-align: center; line-height: 110%; font-weight: 500; display: flex; justify-content: center; align-items: center; background-color: #000000; border-radius: 100px;}
    .admin-page .admin-top-bar .admin-top-button:nth-child(2){ display: none;}
    .gerenric-table-mobile .table-admin-block{ width: 100%; margin-bottom: 15px; background-color: #D6FCE5; padding:25px 15px; border-radius: 10px;}
    .gerenric-table-mobile .table-admin-block:last-child{margin-bottom: 0px;}
    .gerenric-table-mobile .table-admin-block .admin-title{width: 100%; margin-bottom: 20px; display: flex; align-items: center; position: relative; padding-right: 90px;}
    .gerenric-table-mobile .table-admin-block .admin-name{width: 100%; font-size: 15px; color: #000; font-weight: 600; line-height: 110%; }
    .gerenric-table-mobile .table-admin-block .admin-text-btn{ position: absolute; right: 0px; width:75px; cursor: pointer; height:28px; padding: 5px 5px; font-size: 13px; color: #000; font-weight: 500; display: flex; justify-content: center; align-items: center; background-color: #8AF4B5; border-radius: 100px;}
    .gerenric-table-mobile .table-admin-block .admin-contact{width: 100%;margin-bottom: 20px; display: flex;}
    .gerenric-table-mobile .table-admin-block .admin-contact .cnt-col{word-break: break-all;padding: 5px 0px; font-size: 12px; font-weight: 600; color: #5D6B62; display: flex;}
    .gerenric-table-mobile .table-admin-block .admin-contact .cnt-col:nth-child(1){width: 45%; border-right: 1px solid #25A057; padding-right: 5px;}
    .gerenric-table-mobile .table-admin-block .admin-contact .cnt-col:nth-child(2){width: 55%; padding-left: 15px;}
    .gerenric-table-mobile .table-admin-block .admin-contact .cnt-col img{width: 18px; display: block; margin-right: 4px;}
    .gerenric-table-mobile .table-admin-block .admin-contact .cnt-col a{display: flex; color: #5D6B62;}
    .gerenric-table-mobile .table-admin-block .admin-button-row{margin: 0px -3px;display: flex;}
    .gerenric-table-mobile .table-admin-block .admin-button-row .adm-btn{ width:100%; margin: 0px 3px; cursor: pointer; height:38px; padding: 5px 5px; font-size: 12px; color: #D6FCE5; font-weight: 600; display: flex; justify-content: center; align-items: center; background-color: #000000; border-radius: 100px;}
    .gerenric-table-mobile .table-admin-block .admin-button-row .adm-btn img{width: 16px;margin-right: 5px;}
    .gerenric-table-mobile .table-admin-block .admin-button-row .adm-btn.adm-delete{background-color: transparent; border: 1px solid #000; color: #ED1D1D;}

    .send_email_popup .table-email-box .table-email-box-inner{max-height: 160px;}
    .send_email_popup .modal-title img{width: 40px; margin-right: 10px;}
    .send_email_popup .table-email-box{padding: 10px 20px;}
    .send_email_popup .table-email-box .email-row{padding: 10px 0px;}
    .send_email_popup .table-email-box .gerenric_checkbox{font-size: 15px;font-weight: 700; padding-left: 26px;}
    .send_email_popup .table-email-box .gerenric_checkbox .checkmark{width: 20px; height: 20px;}
    .send_email_popup .table-email-box .gerenric_checkbox .checkmark:after{width: 15px; height: 15px;}
    .send_email_popup .table-email-box .gerenric_checkbox input:checked ~ .checkmark:after{background-size: 15px;}
    .send_email_popup .email-send-button{width: 100%; font-size: 16px; border-radius: 10px; color: #000; cursor: pointer; margin-top: 15px; padding: 3px 10px; display: flex; align-items: center;justify-content: center;height: 45px; background-color: #8AF4B5;  font-weight: 600; border: 0px;}
    
    .gerenric-pickup-info .pickup-top-bar .tab-pickupdrop .tab-col label{font-size: 13px;}
    .pickup-close-button{display: block; position: absolute; right: 24px; top: 17px; cursor: pointer;}
    .gerenric-steps .step-block{padding: 15px;}
    .gerenric-pickup-info .pickup-top-bar{padding: 25px 15px 10px 15px; height: 80px;}
    .gerenric-pickup-info .ride-book-block .location-add-box .location-type .location-input{font-size: 15px;padding-left: 10px;}
    .gerenric-bulk-actions .select-bar{display: none;}
    a.promotion-button{height: 40px; font-size: 13px;}

    #header-section .container{max-width: 100%; padding-left: 15px; padding-right: 15px;}
    #header-section #navbar_top{padding: 10px 0px;}
    #header-section #navbar_top.fixed-top{padding: 10px 0px;}
    #header-section .dashboard-nav ul li{margin-left: 5px;}
    #header-section .dashboard-nav ul li .btn.btn-primary{border-radius: 100px; min-width: 100px; padding: 7px 10px;}
    #header-section .dashboard-nav ul li .header-profile img{width: 16px;}
    #header-section .dashboard-nav ul li .header-title{font-size: 16px; text-overflow: ellipsis; overflow: hidden; max-width: 55px;}
    #header-section .dashboard-nav ul li.desktop-show{display: none;}
    #header-section .dashboard-nav ul li.dashboard-logout{width: 25px;display: block;}
    #header-section .navbar-brand{width: 100px;}
    #header-section .dashboard-nav ul li a.convert_link{background-color: #8af4b5;border-radius: 5px;font-size: 14px;font-weight: 500;color: #000;display: inline-flex;justify-content: center;align-items: center;padding: 5px 10px;}
    #banner-section .banner-bg{padding: 30px 40px; background-size: 100%, 0px;background-position: right 12%; min-height: 420px;display: flex;align-items: center;}
    #banner-section .banner-inner{display: block;}
    #banner-section .banner-form{width: 100%; border-radius: 0px; padding: 10px; background-color:rgba(0,0,0,0.50); z-index: 999; display: none; height: 100vh; overflow-y: auto; position: fixed; top: 60px; right: 0px; padding-bottom: 65px;}
    #banner-section .banner-form .gerenric-pickup-info{background-color: #fff;border-radius: 20px;}
    #banner-section .banner-detail .banner-subtitle{font-size: 18px;}
    #banner-section .banner-detail .banner-heading{font-size: 42px;}
    #banner-section .banner-detail .banner-text{font-size: 20px;}
    #banner-section .banner-detail .banner-button{ height: 55px; font-weight: 600; border: 2px solid #FFD85D; border-radius: 10px; font-size: 24px; padding: 5px 30px;}
    #banner-section .banner-detail .banner-button:hover{border-color: #8AF4B5;}
    .connected-section{top: 0px;padding: 0px 0px; margin-top: 30px;}
    .connected-section .connected-inner{padding: 0px; background-color: transparent; width: auto; margin-left: -5px; margin-right: -5px;}
    .connected-section .connect-col{padding: 0px 5px;}
    .connected-section .connect-item{background-color: #1B1C1C; border-radius: 15px; height: 70px;}
    .connected-section .connect-item .connect-icon{width: 23px; height: auto; background-color: transparent;}
    .connected-section .connect-item .connect-title{width: auto; font-size: 16px; color: #fff; padding-left: 10px;}
    .offer-add-section{padding: 30px 0px;}
    .offer-add-section .offer-add-inner{height: auto; padding: 20px;}
    .offer-add-section .offer-car-image{width: 50%; top:0px}
    .offer-add-section .offer-car-detail{width: 50%; padding-left: 60px;}
    .offer-add-section .offer-car-detail .offer-title{font-size: 20px;}
    .offer-add-section .offer-car-detail .offer-percentage{font-size: 35px;}
    .offer-add-section .offer-car-detail .offer-text{font-size: 18px;}
    .offer-add-section .offer-car-detail .offer-signup-button{padding: 3px 5px;justify-content: center; font-size: 15px; text-align: center; min-width: 110px;}
    .daily-routes-section{padding-top: 0px;}
    .daily-routes-section .gerenric-heading{display: block;}
    .daily-routes-section .routes-list{width: 100%;}
    .daily-routes-section .routes-list .list-row{font-size: 18px;}
    .daily-routes-section .routes-list .list-row .list-label:nth-child(1){padding-right: 20px;}
    .daily-routes-section .routes-list .list-row .list-label:nth-child(2){padding-left: 20px;}
    .daily-routes-section .routes-list .list-row .list-label:nth-child(1)::after{width: 40px;background-size: 40px; right: -20px;}
    .daily-routes-section .routes-image{display: none;}
    .why-choose-section{padding: 30px 30px;}
    .why-choose-section .why-choose-image{width: 100%; padding-bottom: 20px; padding-right: 0px; margin-bottom: 20px;}
    .why-choose-section .why-choose-image::after{background-image: none; left: 0px; width: 100%; height: 1px; background-color: #4C5252; right:inherit ; bottom: 0px;}
    .why-choose-section .why-choose-detail{width: 100%;padding-left:0px;}
    .why-choose-section .why-choose-detail ul{display: flex; flex-wrap: wrap;}
    .why-choose-section .why-choose-detail ul li{width: 100%;padding-left: 23px;font-size: 16px;}
    .why-choose-section .why-choose-detail ul li::after{width: 25px; height: 25px; background: url(../images/why_icon.svg)0px 0px no-repeat; background-size: 15px; top: 6px; background-color: transparent;}
    .popular-secion{padding-top: 30px;}
    .popular-secion .slick-dots{bottom: -35px;}
    .popular-secion .slick-dots li{width: 10px; height: 10px;}
    .popular-secion .popular-image{margin-bottom: 10px;}
    .popular-secion .popular-image img{height: 250px;}
    .popular-secion .popular-title{font-size: 20px;}
    .subscribe-section {padding: 60px 0px 30px 0px;}
    .subscribe-section .subscribe-image{width: 220px;}
    .subscribe-section .subscribe-image img.subscribe_d{display: none;}
    .subscribe-section .subscribe-image img.subscribe_m{display: block;}
    .subscribe-section .subscribe-detail{width: calc(100% - 220px); padding-left: 20px;}
    .subscribe-section .subscribe-detail .gerenric-heading{margin-bottom: 10px !important;}
    .subscribe-section .subscribe-detail p{display: none;}
    .subscribe-section .subscribe-detail .subscribe-input{padding: 12px 20px; font-size: 20px; margin-bottom: 15px;}
    .subscribe-section .subscribe-detail .subscribe-button{font-size: 18px; border-radius: 4px; height: 55px;padding: 5px 40px 5px 100px;}
    .subscribe-section .subscribe-detail .subscribe-button .subscribe-icon{width: 60px;}
    .subscribe-section .subscribe-detail .subscribe-button .subscribe-icon img{width: 30px;}
    .support-page {padding-bottom: 70px;}
    .support-page .happy-assist{width: 100%; margin-bottom: 30px; height: auto;}
    .support-page .support-form {width: calc(100% - 0px);}
    .support-page .support-form .support-col{padding: 0px 15px;}
    .support-page .support-form .support-col .gerenric-form{padding-left: 0px;}
    .support-page .support-form .support-col .support-info .support-icon{width: 40px;}
    .support-page .support-form .support-col .support-info .support-detail {width: calc(100% - 40px);}
    .support-page .support-form .support-col .support-info .support-detail .sd-title{margin-bottom: 0px;}
    .support-page .support-form .support-col .submit-text-show{padding-left: 0px;}
    #footer-section {margin-bottom: 50px;}
    #footer-section .footer-copyright{font-size: 20px;}
    

}
@media screen and (max-width: 800px) and (min-width: 240px){}

@media screen and (max-width: 650px) and (min-width: 240px){
    .gerenric-heading{font-size: 20px; margin-bottom: 30px;}
    .gerenric-form .social-media-connect .social-box{font-size: 13px;padding: 9px 15px;}
    .gerenric-form .social-media-connect .social-box .social-icon{left: 15px;}
    /* .gerenric-links ul li{width: 50%;} */
    .gerenric-links ul li a{font-size: 11px; height: 40px;}
    .gerenric-links ul li a img{width: 17px;}
    /* .gerenric-pickup-info .ride-book-block .pasanger-box .pasanger-col{width: 50%; margin-bottom: 10px;} */
    .gerenric-pickup-info .ride-book-block .pasanger-box .pasanger-icon{width: 12px;}
    .gerenric-pickup-info .ride-book-block .pasanger-box .pasanger-add .plusminus-button{width: 44px;height: 28px;    line-height: 100%;}
    .gerenric-pickup-info .ride-book-block .pasanger-box .pasanger-add .plusminus-button .plus-btn{width: 22px; height: 28px;}
    .gerenric-pickup-info .ride-book-block .pasanger-box .pasanger-add .plusminus-button .minus-btn{width: 22px; height: 28px;}
    .gerenric-pickup-info .ride-book-block .pasanger-box .pasanger-add .plusminus-input{width: 44px;padding: 4px 5px 4px 24px; height: 28px;left: 26px;}
    .gerenric-pickup-info .ride-book-block .pasanger-box .pasanger-add .plusminus-button .minus-btn::after{height: 18px;}
    .gerenric-pickup-info .car-select-block .car-row label{height: auto;    padding: 5px 13px;}
    .gerenric-pickup-info .car-info{align-items: center;}
    .gerenric-pickup-info .car-info .car-type{width: 70px;display: block;padding-right: 5px;}
    .gerenric-pickup-info .car-info .car-type::after{height: 100%; top: 0px;}
    .gerenric-pickup-info .car-info .car-type .car-title{padding-left: 0px; font-size: 12px;}
    .gerenric-pickup-info .car-info .car-detail {width: calc(100% - 70px); }
    .gerenric-pickup-info .car-info .car-detail .car-pasanger{padding-right: 0px;}
    .gerenric-pickup-info .car-info .car-detail .car-discount{ width: 35px; height: 30px;left: 70px; top: -5px;}
    .gerenric-pickup-info .car-info .car-detail .car-discount .discount-perentage{font-size: 10px;}
    .gerenric-pickup-info .car-info .car-detail .car-discount .discount-text{font-size: 6px;}
    .gerenric-pickup-info .car-info .car-detail .car-prise .car-amount{font-size: 13px;}
    .gerenric-pickup-info .ride-datepickup-block .dp-row{display: block; padding-bottom: 0px; border-bottom: 0px;}
    .gerenric-pickup-info .ride-datepickup-block .dp-row .dp-filed{width: 100%; padding: 5px 10px; border-bottom: 1px solid #000;}
    .gerenric-pickup-info .ride-datepickup-block .dp-row .dp-filed .dp-icon{left: 0px;}
    .gerenric-pickup-info .ride-datepickup-block .dp-row .dp-filed .dp-input{padding-left: 25px;}
    .gerenric-pickup-info .ride-payment-block p{font-size: 14px;}
    .gerenric-steps .steps-button .next-button{font-size: 16px; height: 45px;}
    .gerenric-steps .steps-button .back-button{font-size: 16px; height: 45px;}
    .gerenric-popup .verfiy-content{padding: 0px 20px;}
    .gerenric-popup .verfiy-content .verfiy-code .vf-input{height: 70px;}

    #header-section #navbar_top{padding: 10px 0px;}
    #header-section .navbar-brand{width: 80px;}
    #header-section .dashboard-nav ul li .btn.btn-primary{border-radius: 100px; min-width: 80px; padding: 7px 5px; font-size: 13px;}
    #banner-section .banner-bg{padding: 30px 30px; min-height: 320px; background-size: cover, 0px;background-position: 40% bottom;}
    #banner-section .banner-detail .banner-subtitle{font-size: 14px;}
    #banner-section .banner-detail .banner-heading{font-size: 30px;}
    #banner-section .banner-detail .banner-text{font-size: 16px;}
    #banner-section .banner-detail .banner-button{ height: 50px; font-size: 18px; padding: 5px 30px;}
    .connected-section .connect-item{height: 50px;}
    .connected-section .connect-item .connect-icon{width: 15px;}
    .connected-section .connect-item .connect-title{font-size: 13px;padding-left: 5px;}
    .offer-add-section .offer-car-image{width: 50%;}
    .offer-add-section .offer-car-detail{width: 50%; padding-left: 30px;}
    .offer-add-section .offer-car-detail .offer-title{font-size: 14px;}
    .offer-add-section .offer-car-detail .offer-percentage{font-size: 20px;}
    .offer-add-section .offer-car-detail .offer-text{font-size: 14px;}
    .daily-routes-section .routes-list .list-row{font-size: 15px;padding: 15px 0px;}
    .daily-routes-section .routes-list .list-row .list-label:nth-child(1)::after{width: 20px;background-size: 20px; right: -10px;}
    .why-choose-section .why-choose-detail ul li{font-size: 13px; margin-bottom: 10px;padding-left: 16px;}
    .why-choose-section .why-choose-detail ul li::after{width: 15px; background-size: 10px;}
    .popular-secion .popular-title{font-size: 16px;}
    .subscribe-section .subscribe-image{width: 100px;}
    .subscribe-section .subscribe-detail{width: calc(100% - 100px); padding-left: 40px;}
    .subscribe-section .subscribe-detail .gerenric-heading{font-size: 16px; margin-bottom: 5px !important;}
    .subscribe-section .subscribe-detail .subscribe-input{padding: 5px 10px; font-size: 13px; margin-bottom: 5px;}
    .subscribe-section .subscribe-detail .subscribe-button{font-size: 14px; height: 35px;padding: 5px 20px 5px 50px;}
    .subscribe-section .subscribe-detail .subscribe-button .subscribe-icon{width: 35px;}
    .subscribe-section .subscribe-detail .subscribe-button .subscribe-icon img{width: 15px;}
    .support-page .support-form{display: block;}
    .support-page .support-form .support-col{width: 100%; padding: 0px; margin-bottom: 40px;}
    .setting-page.support-page .support-form .support-col:nth-child(2){display: none;}
    .setting-page.support-page .support-form .support-col .support-info .support-detail .sd-title{font-size: 18px;}
    #footer-section { padding: 25px 0px;}
    #footer-section .footer-copyright{font-size: 14px;}
}

@media screen and (max-width: 480px) and (min-width: 240px){

    #banner-section .banner-bg{background-size: 370px, 0px;    min-height: 290px;  background-position: 0px bottom;}
    #banner-section .banner-detail .banner-subtitle{font-size: 12px;}
    #banner-section .banner-detail .banner-heading{font-size: 27px;}
    #banner-section .banner-detail .banner-text{font-size: 13px;}
    #banner-section .banner-detail .banner-button{ height: 45px; font-size: 16px; padding: 5px 30px;}
    .connected-section .connect-col{padding: 0px 3px;}
    .connected-section .connect-item{height: 40px;}
    .connected-section .connect-item .connect-icon{width: 12px;}
    .connected-section .connect-item .connect-title{font-size: 10px; padding-left: 2px;}
    .offer-add-section .offer-car-image{width: 50%;}
    .offer-add-section .offer-car-detail{width: 50%; padding-left: 10px;}
    .offer-add-section .offer-add-inner{padding: 20px 10px;}
    .offer-add-section .offer-car-detail .offer-title{font-size: 11px;}
    .offer-add-section .offer-car-detail .offer-percentage{font-size: 16px;}
    .offer-add-section .offer-car-detail .offer-text{font-size: 11px;}
    .daily-routes-section .routes-list .list-row{font-size: 11px;}
    .popular-secion .popular-col{padding: 0px 10px;}
    .popular-secion .popular-image img{height: 200px;}
}

@media screen and (max-width: 380px) and (min-width: 240px){
    .popular-secion .popular-image img{height: 150px;}
    .popular-secion .popular-title{font-size: 14px;}
}

@media screen and (max-width: 320px) and (min-width: 240px){}

@media screen and (max-width: 270px) and (min-width: 240px){}