.container {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 30px;
	width: 100%;
}

@media (max-width:1699px) {
	.hero-left-form {
	    padding: 50px 0 80px;
	}
}
@media (max-width:1439px) {
	.container {
	    max-width: 1200px;
	}
	.share-ride-right-col {
	    top: -30px;
	    left: -100px;
	    width: 585px;
	}
	.share-ride-section {
	    margin-top: 0px;
	    margin-bottom: 50px;
	}
	.testimonials-body {
	    max-height: 160px;
	}
	.form-trip-filed {
	    gap: 19px;
	}
	.medium {
	    font-size: 16px;
	}
	.form-group.form-submit .btn {
	    font-size: 18px;
	    min-width: 100%;
	}


}

@media (max-width:1279px) {}

@media (max-width:1199px) {
	p {
	    font-size: 15px;
	    line-height: 24px;
	}
	.container {
	    padding: 0 15px;
	}
	.row {
	    margin: 0 !important;
	}
	.header {
	    border-bottom: 0px;
	    padding: 0;
	}
	.header .container {
	    padding: 0;
	}
	.header-wrapper {
	    display: block;
	}
	.logo {
	    position: unset;
	    margin: 0;
	    width: 200px;
	}
	.header-head {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: space-between;
	    position: relative;
	    background: #fff;
	    border-bottom: 1px solid #c3dae5;
	    padding: 20px 15px;
	    z-index: 222;
	}
	.hamburger-menu {
	    height: 45px;
	    width: 45px;
	    cursor: pointer;
	    padding: 0;
	    margin: 0;
	    background: #0f3d80;
	    border-radius: 100%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.bar, .bar:after, .bar:before {
		width: 22px;
		height: 2px;
		background: #fff;
		border-radius: 5px;
	}
	.bar {
		position: relative;
		transition: all 0ms 300ms;
	}
	.bar.animate {
	  	background: rgba(255, 255, 255, 0);
	}
	.bar:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 7px;
		transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.bar:after {
		content: "";
		position: absolute;
		left: 0;
		top: 7px;
		transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.bar.animate:after {
		top: 0;
		transform: rotate(45deg);
		transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.bar.animate:before {
		bottom: 0;
		transform: rotate(-45deg);
		transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.main-nav {
	    background: #0f3d80;
	    position: fixed;
	    top: -150%;
	    right: 0%;
	    width: 100%;
	    height: 100%;
	    z-index: 99;
	    transition: .7s;
	    -webkit-transition: .7s;
	    -moz-transition: .7s;
	    overflow-y: auto;
	    padding-left: 0;
	    padding-right: 0;
		padding-top: 110px;
	    padding-bottom: 92px;
	    margin: 0;
	    transform: none;
	    -webkit-transform: none;
	    -ms-transform: none;
		box-shadow: none;
		display: block;
	}
	.mobile-menu-active .main-nav {
		top: 0;
	}
	.header .user-dropdown {
	    background: #fff;
	    position: fixed;
	    top: -150%;
	    padding-top: 92px;
	    right: 0%;
	    width: 100%;
	    height: 100%;
	    z-index: 99;
	    transition: .7s;
	    -webkit-transition: .7s;
	    -moz-transition: .7s;
	    overflow-y: auto;
	    padding-left: 0;
	    padding-right: 0;
	    padding-bottom: 92px;
	    margin: 0;
	    transform: none;
	    -webkit-transform: none;
	    -ms-transform: none;
		box-shadow: none;
		display: block;
	}
	.user-dropdown-show .header .user-dropdown {
		top: 0;
	}
	.mobile-menu-active .logo, .mobile-menu-active .head-right-col,
	.user-dropdown-show .logo, .user-dropdown-show .avatar-loging > a, .user-dropdown-show .hamburger-menu  {
	    position: relative;
	    z-index: 222;
	}
	.main-nav .header-left, .main-nav .header-right {
	    display: block;
	}
	.header-menu ul {
	    color: #fff;
	    display: block;
	}
	.header-menu ul li a {
	    border-bottom: 1px solid #c3dae5;
	    width: 100%;
	    padding: 10px 15px;
	    color: #fff !important;
	}
	.header-menu img {
	    filter: brightness(0) invert(1);
	}
	.header .user-dropdown li:first-child a {
	    border-top: 1px solid #c3dae5;
	}
	.header .user-dropdown::before, .header .user-dropdown::after {
		display: none;
	}
	h1 {
	    font-size: 42px;
	    line-height: 55px;
	}
	.hero-left-form {
	    padding: 20px 0 40px;
	}
	.section {
	    padding: 45px 0;
	}
	.home-benefits-icon-card {
	    width: 60px;
	    height: 60px;
	    margin: 0 auto 18px;
	}
	.home-benefits-icon-card img {
	    max-width: 22px;
	}
	.heading h3 {
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.home-benefits-holder {
	    padding: 20px 10px;
	    border: 1px solid #EBF2FA;
	}
	.home-benefits-info-card p {
	    padding: 0px 0px;
	    font-size: 14px;
	    line-height: 24px;
	}
	.heading h2 {
	    font-size: 27px;
	    line-height: 38px;
	}
	.share-ride-wrap {
	    padding: 28px 15px;
	    height: 280px;
	    left: 0;
	    margin-left: 100px;
	}
	.share-ride-right-col {
	    top: -50px;
	    left: -90px;
	    width: 515px;
	}
	.share-ride-section {
	    margin-top: 10px;
	    margin-bottom: 40px;
	}
	.carride-3-content-info figcaption {
	    padding: 20px;
	}
	.carride-3-content-info h3 {
	    font-weight: 800;
	    font-size: 26px;
	    line-height: 1.1;
	}
	.testimonials-footer p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.testimonials-footer h6 {
	    font-size: 17px;
	}
	.footer-item {
	    width: 100% !important;
	    padding: 0;
	}
	.footer-item:nth-child(1) {
	    margin-bottom: 20px;
	}
	.footer-menu ul li {
	    margin: 0;
	    padding-left: 0;
	}
	.footer-menu ul li::after {
		display: none;
	}
	.footer-menu ul li a {
	    border-top: 1px solid rgb(15 61 128 / 52%);
	    padding: 10px 10px;
	}
	.footer .container {
	    padding: 0;
	}
	.logo-footer, .follow-icon {
	    padding: 0 15px;
	}
	.logo-footer img {
	    margin-bottom: 10px;
	    max-width: 240px;
	}
	.footer-item h5 {
	    background: #31486b;
	    padding: 12px 15px;
	    margin: 0;
	    color: #fff;
	    font-weight: 600;
	}
	.copyright {
	    margin: 0;
	    padding: 15px 0 15px;
	    border-top: 1px solid rgb(15 61 128 / 31%);
	}
	.follow-icon img {
	    width: 28px;
	}
	.footer {
	    padding: 40px 0 0;
	}
	.copyright p {
	    font-size: 12px;
	}
	.copyright a img {
	    max-width: 100px;
	    margin-left: 5px;
	}
	.top-space {
	    margin-top: 66px;
	}
	.carride-three-row .col-lg-12:nth-child(even) .carride-3-content-info figcaption {
		padding-left: 0;
		padding-right: 20px;
	}
	.header-menu .user-dropdown {
	    position: relative;
	    top: 0;
	    right: 0;
	    width: 100%;
	    border-radius: 0;
	    background: transparent;
	    box-shadow: unset;
	}
	.header-menu .user-dropdown::before, .header-menu .user-dropdown::after {
		display: none;
	}
	.header-menu .user-dropdown li a {
	    padding-left: 55px;
	}
	.head-right-col {
	    display: flex;
	    flex-direction: row-reverse;
	    column-gap: 10px;
	}
	.avatar-loging > a img {
	    width: 45px;
	    height: 45px;
	    object-fit: cover;
	}
	.mob-login-card {
	    display: inline-block;
	}
	.header-menu .login-btn {
	    display: none;
	}
	.minus {
	    left: 15px;
	}
	.plus {
	    right: 15px;
	}
	.calendar input.medium {
	    background-position: left 11px center;
	    padding-left: 35px;
	}
	.form-trip-filed {
	    gap: 18px;
	}
	.ride-listing-second-section {
	    padding: 40px 0;
	}
	.filter-check-item label {
	    padding-left: 28px;
	    font-size: 15px;
	}
	.filter-check-item {
	    padding: 0 14px 10px;
	}
	.sidebar-heading {
	    padding: 10px 15px;
	}
	.sidebar-heading h4 {
	    font-size: 20px;
	}
	.sidebar-heading a {
	    font-size: 14px;
	}
	.profile-details-right {
	    padding-left: 10px;
	}
	li.hide-menu-mob {
	    display: none;
	}
}

@media (max-width:1023px) {
	.hero-left-form {
	    padding: 40px 0 40px;
	    width: 100%;
	}
	.hero-tittle {
	    margin: 0 0 20px;
	}
	.hero-tittle h1 {
	    font-size: 32px;
	    line-height: 42px;
	}
	.hero-app-img-right {
	    display: none;
	}
	.home-benefits-item {
	    padding: 0 5px;
	}
	.share-ride-section {
	    margin-top: 0;
	    margin-bottom: 70px;
	    padding-top: 0;
	}
	.share-ride-left-col {
	    margin-left: 0;
	    width: 100%;
	    text-align: left;
	}
	.share-ride-info-holder {
	    max-width: 80%;
	}
	.share-ride-right-col {
	    top: 110px;
	    left: auto;
	    width: 275px;
	    right: 30px;
	}
	.share-ride-wrap {
	    padding: 28px 15px;
	    height: auto;
	    left: 0;
	    margin-left: 0;
	}
	.carride-3-content-info {
	    align-items: unset;
	}
	.carride-3-content-info figure img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}
	.btn {
	    min-width: 180px;
	}
	.testi-item {
	    padding: 20px 15px;
	}
	.testimonials-quote img {
	    width: 30px;
	}
	.testimonials-quote {
	    margin-bottom: 15px;
	}
	.testimonials-body {
	    margin-bottom: 15px;
	}
	.testimonials-left-col .heading {
	    margin: 0 auto 25px;
	}
	.testimonials-slider ul.slick-dots {
	    margin-top: 15px;
	}
	.filter-mobile-adrs-popup {
	    display: flex;
	    flex-wrap: wrap;
	    border-radius: 101px;
	    box-shadow: 0 0 0 2px #0071eb;
	    margin: 22px 0;
	}
	.filter-adrs-popup-left {
	    width: calc(100% - 80px);
	}
	.filter-adrs-popup-left a {
	    padding: 10px;
	    display: block;
	    position: relative;
	}
	.filter-adrs-popup-left a::after {
	    content: "";
		background: url('/assets/images/search-icon.svg') no-repeat;
		position: absolute;
		left: 13px;
		top: 50%;
		width: 30px;
		height: 30px;
		background-size: 100%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}

	.filter-adrs-popup-left a {
	    padding: 10px 0 10px 55px;
	    display: block;
	    position: relative;
	}
	.filter-adrs-popup-left ul {
	    margin: 0;
	    padding: 0;
	    text-overflow: ellipsis;
	    align-items: center;
	    min-inline-size: 0;
	    white-space: nowrap;
	    grid-template-rows: auto;
	    grid-template-columns: auto auto auto;
	    display: inline-grid;
	    gap: 8px;
	}
	.filter-adrs-popup-left ul li{
		margin: 0;
		padding: 0;
		display: block;
		font-size: 14px;
		color: #000;
		vertical-align: middle;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.filter-adrs-popup-left p {
	    font-size: 14px;
	    display: block;
	    line-height: normal;
		margin: 0;
		padding: 0;
		color: #57667f;
	}
	.filter-mobile-click-sidebar {
		width: 80px;
	}
	.filter-mobile-click-sidebar a {
	    color: #0068d6;
	    font-weight: 500;
	    height: 100%;
	    width: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.display-none-ipad{
		display: none;
	}
	.ride-listing-second-section .col-lg-8 {
	    flex: 0 0 auto;
	    width: 100%;
	}
	.fitter-details-right{
		padding: 0;
	}
	.fitter-listing-left {
	    position: fixed;
	    top: -100%;
	    z-index: 9;
	    background: #000;
	    padding: 30px;
	    overflow-x: auto;
	    width: 100%;
	    height: 100%;
	    right: 0;
		transition: .7s;
        -webkit-transition: .7s;
        -moz-transition: .7s;
	}
	.filter-dropdown-show .fitter-listing-left {
	    top: 0;
	}
	.ride-list-map {
	    display: none;
	}
	.filter-check-item label {
	    color: #fff;
	}
	.filter-check-item label img {
	    filter: none;
	}
	.filter-check-item input:checked + label:before, .filter-check-item input:not(:checked) + label:before {
	    border: 1px solid #ffffff;
	    background: #000000;
	}
	.filter-check-item input:checked + label:after, .filter-check-item input:not(:checked) + label:after {
	    background: #ffffff;
	}
	.sidebar-heading {
	    padding: 0;
	    background: none;
	}
	.sidebar-heading h4 {
	    font-size: 20px;
	    color: #fff;
		width: 100%;
		position: relative;
	}
	.sidebar-heading h4::after {
	   content: "";
	   background: url('/assets/images/dropdown-arrow.svg') no-repeat;
	   width: 15px;
	   height: 8px;
	   position: absolute;
	   right: 0;
	   top: 10px;
	}
	.sidebar-heading a{
		display: none;
	}
	.filter-check-item {
	    padding: 0 0 10px;
		border-bottom: none;
	}
	.sort-filter-item {
	    margin: 0;
	    padding: 20px 0 10px;
	    border-top: 2px #373737 solid;
	}

	.filter-mobile-blk-close {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items: center;
		margin: 0 0 14px;
	}

	.filter-mobile-blk-close h3{
		margin: 0;
		padding: 0;
		color: #fff;
		letter-spacing: 0.04em;
		font-size: 24px;
		font-weight: 600;
	}
	.mobile-menu-active, .user-dropdown-show, .filter-dropdown-show, .filter-from-popup-modal, .location-popup-modal {
	    overflow: hidden;
	}
	.ride-listing-banner {
	    position: fixed;
	    top: -110%;
	    right: 0;
	    width: 100%;
	    height: 101vh;
	    z-index: 9;
	    margin: 0;
		padding-bottom: 30px;
	    border-radius: 0;
	    border: none;
		transition: .7s;
        -webkit-transition: .7s;
        -moz-transition: .7s;
		overflow-x: scroll;
	}
	.filter-from-popup-modal .ride-listing-banner{
		top: 0;
	}
	.ride-listing-banner .form-group {
	    width: 100%;
	}
	.ride-listing-banner .half-left {
	    width: 100%;
	}
	.ride-listing-banner .half-right {
	    width: 100%;
	}
	.blue-close-icon, .edit-heading{
		display: block;
	}
	.blue-close-icon {
	    width: 24px;
	    margin: 0 0 50px;
	}
	.edit-heading {
	    text-align: center;
	    margin: 0 0 20px;
	}
	.edit-heading h2 {
	    font-weight: 900;
	}
	.map-popup-right-location {
	    width: 100%;
	    padding: 0;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	}
	.map-popup-left-sidebar {
	    width: 100%;
	    padding: 0;
	    background: none;
	    position: relative;
	}
	.map-popup-left-sidebar .map-popup-blk-close p {
	    display: none;
	}
	.map-popup-blk-close {
	    top: 10px;
	    left: 20px;
	    right: auto;
	    background: #f4f6fb;
	    padding: 10px;
	    border-radius: 100px;
	    z-index: 9;
	}
	.ride-list-map.ride-show-mobile-btn-fixed {
	    display: block;
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    padding: 50px 0;
	    margin: 0;
	    z-index: 1;
	}
	.ride-article-main.article-new-design {
	    overflow-x: inherit;
	    height: auto;
	    padding-right: 0;
	}
	.map-popup-right-location .ride-time-and-title {
	    display: none;
	}
	.location-popup-scroll .ride-time-and-title {
	    display: block;
	    position: sticky;
	    top: 0;
	    background: #fff;
	    z-index: 9;
	    padding: 10px 0 10px;
	}
	.map-article-sildebar-popup-scroll {
	    z-index: 60;
	    border-radius: 16px 16px 0 0;
	    pointer-events: none;
	    block-size: calc(100% - (8px * 2 + 56px));
	    inline-size: 100%;
	    position: absolute;
	    inset-block-end: 0;
	    overflow-y: auto;
	}
	.map-article-sildebar-popup-scroll::before {
	    content: "";
	    block-size: calc(100% - 80px);
	    inline-size: 100%;
	    display: block;
	}
	.location-popup-scroll {
	    background: #fff;
	    padding: 10px 20px 20px;
	    pointer-events: auto;
	    min-block-size: 100%;
	    position: relative;
	    border-radius: 20px;
	}
	.location-popup-scroll .tittle-rltr {
	    display: none;
	}
	.departure-select-fixed {
	    position: absolute;
	    top: 10px;
	    left: auto;
	    right: 10px;
	    background: #fff;
	    border-radius: 15px;
	    padding: 14px;
	    display: flex;
	    z-index: 99999;
	    gap: 12px;
	}
	.departure-select-fixed .filter-check-item {
	    padding: 0;
	    margin: 0;
	    border: none;
	}
	.departure-select-fixed .filter-check-item label {
	    color: #000;
	}
	.iframe-section iframe {
	    border-radius: 0;
	}
	.mobile-apply-clear-btn	{
		display: flex;
	}
	.filter-mobile-click-sidebar a img {
	    width: 30px;
	}

	.display-none{
		display: block;
	}

	.ride-details-rlt-sildebar{
		display: none;
	}
	.tool-price-list.display-none {
	    display: flex;
	}
	.request-btn-mobile {
	    display: block;
	}

	.map--page-full-secreen .map-popup-right-location {
	    position: relative;
	}
	.map--page-full-secreen .map-popup-left-sidebar {
	    height: auto;
	    position: absolute;
	    bottom: 0;
	}
	.map--page-full-secreen .map-article-sildebar-popup-scroll {
	    height: auto;
	    bottom: 0;
	    inline-size: inherit;
	    block-size: initial;
	    position: relative;
	    z-index: 1;
	}
	.map--page-full-secreen .map-article-sildebar-popup-scroll::before{
		display: none;
	}
	.map--page-full-secreen .location-popup-scroll {
	    height: auto;
	    background: no-repeat;
	    padding: 0;
	    min-block-size: initial;
	    border-radius: 0;
	}
	.map--page-full-secreen .map-popup-left-sidebar .ride-article-main.article-new-design {
	    height: auto;
	    padding-right: 0;
	    padding-bottom: 0;
	}
	.map--page-full-secreen {
	    height: calc(100vh - 86px);
	    position: relative;
	}
	.map-driver-details {
	    border-radius: 0;
	}
	.inner-padding-top {
	    padding-top: 86px !important;
	}
	.msg-bubble-wrap.mine .msg-bubble {
	    max-width: 100%;
	}
	.msg-bubble-wrap.other .msg-bubble {
	    max-width: 100%;
	}
}

@media only screen and (device-width : 812px) and (device-height : 375px) and (-webkit-device-pixel-ratio : 3) {}

@media (max-width:767px) {
	.profile-details-right {
	    padding-left: 0;
	    padding-top: 20px;
	}
	.heading h1 {
	    font-size: 30px;
	    margin: 0;
	    line-height: normal;
	}
	.edit-btn.btn {
	    min-width: 150px;
	}
	.profile-heading h1, .profile-heading h2, .profile-heading h3, .profile-heading h4, .profile-heading h5 {
	    font-size: 22px;
	}
	.profile-lidting ul li {
	    font-size: 16px;
	}
	.profile-lidting {
	    padding: 20px 20px;
	}
	.msg-sidebar {
	    height: 170px !important;
	}
	.msg-thread-info p.msg-thread-preview {
	    margin-top: 0 !important;
	}
}

@media (max-width:575px) {
	.hero-left-form {
	    padding: 25px 0 40px;
	}
	.hero-tittle {
	    margin: 0 0 25px;
	}
	.hero-tittle h1 {
	    font-size: 27px;
	    line-height: 39px;
	    text-align: center;
	}
	.form-trip-filed {
	    gap: 20px 15px;
	}
	.form-group label {
	    font-size: 15px;
	    margin: 0 0 12px;
	    line-height: 1;
	}
	.half-group {
	    width: 100%;
	}
	.form-col6 {
	    width: 100%;
	}
	.going-row {
	    row-gap: 20px;
	}
	.form-group.form-submit {
	    margin-top: 0;
	}
	.medium {
	    height: 50px;
	    border-radius: 6px;
	    padding: 10px 15px;
	    font-size: 16px;
	}
	.calendar input.medium {
	    background-position: left 15px center;
	    padding-left: 40px;
	}
	.form-group.form-submit .btn {
	    min-height: 54px;
	    font-size: 18px;
	}
	.home-benefits-section .row {
	    row-gap: 20px;
	}
	.share-ride-info-holder {
	    max-width: 100%;
	}
	.share-ride-left-col {
	    padding: 0;
	}
	.share-ride-right-col {
	    top: auto;
	    left: auto;
	    width: 245px;
	    right: 30px;
	    bottom: -50px;
	    pointer-events: none;
	}
	.share-ride-wrap {
	    padding: 28px 15px;
	    height: auto;
	    left: 0;
	    margin-left: 0;
	    padding-bottom: 100px;
	}
	.share-ride-section {
	    margin-bottom: 45px;
	}
	.carride-3-content-info figure {
	    width: 100%;
	    height: 220px;
	}
	.carride-3-content-info figcaption {
	    padding: 25px 0 0 !important;
	    width: 100%;
	}
	.carride-3-content-info figcaption .btn {
	    width: 100%;
	}
	.testimonials-slider .slick-slide {
	    margin: 0 5px;
	}
	.testimonials-body::-webkit-scrollbar {
		width: 3px;
	}
	.testimonials-body {
	    padding-right: 5px;
        max-height: 170px;
	}
	.copyright-info.text-right p {
	    text-align: left;
	    margin-top: 15px;
		justify-content: flex-start;
	}
	.ride-listing-banner .form-group.form-submit {
	    width: 100%;
	    margin-top: 0;
	}
	.edit-heading {
	    margin: 0 0 30px;
	}
	.tittle-rltr {
	    display: none;
	}
	.line-time-tools {
	    flex-wrap: wrap;
		inline-size: fit-content;
	    gap: 0;
		inline-size: initial;
	    flex-grow: initial;
	    flex-direction: column;
	    width: 80px;
	}
	.hours-ride hr {
	    transform: rotate(90deg);
	    top: 12px;
	    right: -12px;
	    width: 56px;
	}
	.hours-ride:before, .hours-ride:after {
	    transform: none;
	    left: auto;
	    right: 11px;
	}
	.hours-ride:after {
	    bottom: -22px;
	    top: auto;
	}
	.hours-ride:before {
	    top: -16px;
	}
	.time-inr-cl  .hours-ride p {
	    padding: 0;
	}
	.ride-map-time-info {
	    flex-wrap: wrap;
		inline-size: initial;
	}
	.hours-ride {
	    width: 100%;
		text-align: left;
	    inline-size: 100%;
	    min-inline-size: 100%;
	    max-inline-size: 100%;
	}
	.time-inr-cl {
	    flex-direction: initial;
	    display: flex;
	    line-height: 20px;
	    flex-wrap: wrap;
		flex-grow: inherit;
		flex-shrink: inherit;
	    inline-size: inherit;
	    max-inline-size: inherit;
		width: 100%;
	}
	.ride-article-diver-details {
	    gap: 10px;
	}
	.car-icon {
	    width: 26px;
	}
	.diver-name {
	    gap: 10px;
	}
	.diver-name figure img {
	    width: 26px;
	}
	.diver-name figure h6 {
	    width: calc(100% - 26px);
		font-size: 14px;
	}
	.instant-icon span {
	    font-size: 14px;
	}
	.star span {
	    font-size: 14px;
	}
	.copyright .row {
	    padding: 0 15px;
	}
	.row>* {
	    padding-left: 0;
	    padding-right: 0;
	}
	.ride-time-seat {
	    width: 100%;
	}
	.hours-ride {
	    width: 100%;
	    text-align: left;
	    inline-size: inherit;
	    min-inline-size: inherit;
	    max-inline-size: inherit;
	}
	.tittle-inr-info {
	    width: 100%;
	    justify-content: space-between;
	}

	.ride-article-first-row {
	    display: flex;
	    flex-wrap: unset;
	    justify-content: normal;
	    align-items: flex-start;
	    flex-direction: initial;
	}
	.ride-article-time-left {
	    flex-grow: unset;
	    flex-shrink: unset;
	}
	.msg-sidebar {
	    height: 155px !important;
	}
	.msg-footer {
	    padding: 16px 15px !important;
	    gap: 10px !important;
	}
	.vehicle-card {
	    flex-wrap: wrap;
	}
	.vehicle-card-info {
	    flex: unset;
	    width: calc(100% - 50px - 16px);
	}
	.vehicle-card-actions {
	    padding-left: 65px;
	}
	.vehicle-card-actions button.btn {
	    width: auto;
	    padding: 0px 15px;
	    min-width: 90px !important;
	}
	.inner-card .form-group .medium {
	    height: 42px;
	    padding: 10px 12px;
	    font-size: 13px;
	}
	.btn {
	    min-height: 42px;
	    font-size: 13px;
	    padding: 0 15px;
	}
	.two-col .col-side {
		width: 100% !important
	}
}