@media screen and (max-width:1200px) {
	#main-hero .widgets {
		width: 90%;
	}

	#main-content .pertinent .row .col:last-child .line-step {
		width: 52%;
	}
}

@media screen and (max-width:1100px) {
	#main-header .top-navbar ul.list-inline li a {
		margin: 0 10px;
	}

	#main-hero .widgets {
		width: 100%;
	}

	#salient-features ul li {
		min-height: 292px;
		margin-right: 1%;
	}

	#salient-features h3 span {
		display: block;
		margin-top: 6px;
	}

	#salient-features ul li:last-child {
		margin-right: 0;
	}

	#main-content .vehicles-info ul li {
		font-size: 12px;
	}

	#main-footer ul li a,
	#main-footer p {
		font-size: 14px;
	}

	#main-content .vehicle-info-text .vehicle-capacity p span {
		display: block;
	}

	#main-content .pertinent .line-step {
		width: 70%;
	}


}

@media screen and (max-width:1000px) {
	#main-header .top-navbar .row,
	#main-header .top-navbar .logo {
		display: block;
	}

	#main-header .top-navbar .logo {
		text-align: center;
		margin-bottom: 18px;
	}

	#main-header .top-navbar ul.list-inline li a {
		margin: 0 3.9%;
	}

	#main-hero .widgets ul.widget-list li a {
	    font-size: 10px;
	}

	#salient-features h3 {
		font-size: 20px; 
	}

	#salient-features p,
	#main-content .vehicles-info ul li {
		font-size: 14px;
	}

	#main-content .vehicles-info ul {
		display: block;
	}

	#main-footer .row {
		overflow: hidden;
		display: block;
	}

	#main-footer .row .col {
		float: left;
	}

	#main-footer .row .col:first-child {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 auto 28px auto;
	}

	#main-footer .row .social-links {
		width: 200px;
		margin: 20px auto 0 auto;
	}

	#main-footer .row .col:nth-child(2) {
	    width: 16%;
	}

	#main-footer .row .col:nth-child(3),
	#main-footer .row .col:nth-child(4) {
		width: 24%;
	}

	#main-footer .row .col:last-child {
		width: 30%;
	}

	#main-footer .footer-nav .row {
		display: flex;
	}

	#main-content .vehicles-list h2 {
		font-size: 22px;
	}

	#main-content .pertinent .row .col:last-child .line-step {
		width: 44%;
	}
}

@media screen and (max-width:900px) {
	#main-header .top-navbar .logo {
		text-align: left;
		margin-bottom: 0;
	}

	#main-header .top-navbar nav {
		display: none;
	}

	#main-header .top-navbar .row {
		display: block;
	}

	.mobilenav {
        display: block 
    }

    .mobilenavbutton {
        background: url(/static/img/menu-icon.png) top left no-repeat;
        display: block;
        position: absolute;
        top: 83px;
        right: 3%;
        z-index: 999;
        text-indent: -9999px;
        width: 50px;
        height: 35px 
    }

	#main-hero .widgets ul.widget-list li a,
	#main-content .salient-features ul {
		display: block;
	}

	#main-hero .widgets ul.widget-list li img:first-child {
		display: block;
		margin-bottom: 8px;
	}

	#main-hero .widgets ul.widget-list li span {
		float: right;
		font-size: 12px;
	}

	#main-content .vehicles-list h2 {
		font-size: 28px;
	}

	.vehicle-contant .content-left,
	.booking-content .content-left,
	.vehicle-contant aside.sidebar-right,
	.booking-content aside.sidebar-right,
	#main-content .pertinent .row .col {
		float: none !important;
		width: 100% !important;
		margin-right: 0 !important;
	}

	.vehicle-contant aside.sidebar-right,
	.booking-content aside.sidebar-right {
		margin-top: 28px;
	}

	#main-content .vehicle-info-text .vehicle-capacity p span {
		display: inline-block;
	}

	#main-content .salient-features ul li {
		float: left;
		width: 49%;
		margin-bottom: 16px;
	}

	#main-content .salient-features ul li:nth-child(even) {
		margin-right: 0;
	}

	#main-content .pertinent .row .col {

	}

	#main-content .pertinent .steppa {
		float: left;
	}

	#main-content .pertinent .row {
		overflow: unset;
	}

	#main-content .pertinent h4,
	#main-content .pertinent p {
		margin-left: 80px;
	}

	#main-content .pertinent .box {
	    padding: 30px 18px 90px 18px;
	}

	#main-content .pertinent .line-step,
	#main-content .pertinent .row .col:last-child .line-step {
		width: 1px;
	    height: 100%;
	    top: 52px;
	    margin-left: 26px;
	    z-index: 0;
	}

	#main-content .pertinent .row .col:last-child .line-step {

	}

	#main-content .pertinent .steppaFine {
		position: absolute;
	    left: 0;
	    top: 122%;
	}

	#main-content .reviews-profiles ul.profile-list,
	#main-content .journey-details .row {
		display: block;
		overflow: hidden;
	}

	#main-content .reviews-profiles h3 {
		text-align: center;
	}

	#main-content .reviews-profiles ul.profile-list li,
	#main-content .journey-details .pick-up-info,
	#main-content .journey-details .price-info {
		float: left;
		width: 48%;
		border-right: 0;
		margin-right: 4%;
	}

	#main-content .reviews-profiles ul.profile-list li:nth-child(even) {
		margin-right: 0;
	}

	#main-content .reviews-profiles ul.profile-list li:nth-child(3),
	#main-content .reviews-profiles ul.profile-list li:nth-child(4) {
		margin-top: 4%;
	}

	#main-content .journey-details .journey-info {
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	#main-content .journey-details .price-info {
		margin-right: 0;
	}
}

@media screen and (max-width:800px) {
	.wrapper {
		width: 94%;
	}

	.home-hero {
	    padding: 80px 0 100px 0;
	}

	#main-hero h1 {
		font-size: 38px;
	}

	#main-hero .hero-text p {
		font-size: 20px;
	}

	#main-hero .get-quote .form-row .col {
		width: 49.5%;
	}

	#main-hero .get-quote .form-row .col:nth-child(2) {
		margin-right: 0;
	}

	#main-hero .get-quote .form-row .col:last-child {
	    width: 100%;
	    clear: both;
	    margin-top: 14px;
	}

	#main-hero .get-quote form .box {
        border: 0;
    	border-bottom: 2px solid #dbdbdb;
	}

	#main-content .row .col-half {
		float: none;
	    width: 100%;
	    margin: 0;
	    margin-bottom: 28px;
	}

	#main-content .row .col-half:last-child {
	    margin-bottom: 0;
	}

	#salient-features ul,
	#main-content .customers-feedback ul {
		display: block;
	}

	#salient-features ul li {
		float: left;
		width: 48%;
		min-height: 240px;
		margin: 0 4% 4% 0;
	}

	#salient-features h3 span {
		display: inline;
	}

	#salient-features ul li:nth-child(even) {
		margin-right: 0;
	}

	#salient-features ul li:nth-child(3),
	#salient-features ul li:nth-child(4) {
		margin-bottom: 0;
	}

	.mt-8 {
	    margin-top: 40px;
	}

	.mb-8 {
	    margin-bottom: 40px;
	}

	#main-content .benefits,
	#main-content .vehicles-info,
	#main-content .customers-feedback {
		padding: 40px 0;
	}

	#main-content .benefits ul li,
	#main-content .vehicles-info .row .col,
	#main-footer .row .col:nth-child(2),
	#main-footer .row .col:nth-child(3),
	#main-footer .row .col:nth-child(4),
	#main-footer .row .col:last-child {
		width: 48%;
		margin: 0;
		margin: 0 4% 4% 0;
	}

	#main-content .benefits .box {
		padding: 26px 14px;
	}

	#main-content .benefits ul li:nth-child(3),
	#main-content .benefits ul li:nth-child(5),
	#main-content .vehicles-info .row .col:nth-child(3),
	#main-content .vehicles-info .row .col:nth-child(5) {
		margin-right: 4%;
	}

	#main-content .benefits ul li:nth-child(even),
	#main-content .vehicles-info .row .col:nth-child(even) {
		margin-right: 0;
	}

	#main-content .fare-table ul li,
	#main-content .customers-feedback ul li,
	#main-content .content-left,
	#main-content aside.sidebar-right {
		float: none;
		width: 100%;
		margin: 0 0 2% 0;
	}

	#main-content .fare-table ul li:nth-child(7) {
		margin-bottom: 2% !important;
	}

	#main-content .customers-feedback ul li:last-child {
		margin: 4% 0 0 0;
	}

	#main-footer .row .col {
		margin-bottom: 8% !important;
	}

	#main-footer .row .col:nth-child(3),
	#main-footer .row .col:last-child {
		margin-right: 0;
	}

	#main-footer .row .col:nth-child(4),
	#main-footer .row .col:last-child {
		margin-bottom: 0 !important;
	}

	#main-footer .footer-nav {
		padding: 20px 0 28px 0;
	}

	#main-footer .footer-nav .row {
		display: block;
	}

	#main-footer .footer-nav .copyright {
		margin-bottom: 12px;
	}

	#main-footer .footer-nav .design-by {
		text-align: center;
	    margin: 12px auto 0 auto;
	}

	#main-footer .footer-nav .design-by img,
	#main-footer .footer-nav .design-by p {
		float: none;
	    margin: 0 auto;
	}

	#main-content .vehicles-list ul li {
		overflow: hidden;
	}

	#main-content .vehicles-list .vehicle-info,
	#main-content .relevant-pages ul {
		display: block;
	}

	#main-content .vehicles-list .vehicle-img,
	#main-content .vehicles-list .vehicle-info-text {
		float: left;
		width: 48%;
		margin: 0 4% 18px 0;
	}

	#main-content .vehicles-list .vehicle-info-text {
		margin-right: 0;
	}

	#main-content .vehicles-list .book-info {
		clear: both;
		width: 100%;
    	border-top: 1px dotted #c9c9c9;
		padding-top: 18px;
	}

	#main-content .vehicles-list .book-info .price {
		float: right;
	}

	#main-content .vehicles-list .book-info .advantages {
		float: left;
		margin-top: 0;
	}

	#main-content .vehicles-list .book-info .advantages p {
		text-align: left;
		padding-left: 24px;
	}

	#main-content .vehicles-list .shield-checkmark-icon {
	    background: url(/static/img/shield-checkmark-icon.png) no-repeat left center;
		margin-top: 0;
	}

	#main-content .vehicles-list .green-check-circle {
	    background: url(/static/img/green-check-circl-icon.png) no-repeat left center;
	    margin-top: 6px;
	}

	#main-content .vehicles-list .book-btn {
    	overflow: hidden;
		width: 100%;
		padding-top: 12px;
		margin: 0;
	}

	.page-hero {
		padding: 60px 0;
	}

	#main-content .booking-form form .row .col-half,
	#main-content .relevant-pages ul li {
		float: left;
		width: 48%;
		margin-right: 4%;
	}

	#main-content .relevant-pages h3 {
		font-size: 18px;
	}

	#main-content .relevant-pages ul li,
	#main-content .relevant-pages ul li:nth-child(10) {
		margin-bottom: 4% !important;
	}

	#main-content .relevant-pages ul li:nth-child(even) {
		margin-right: 0;
	}

	#main-content .relevant-pages ul li:nth-child(3),
	#main-content .relevant-pages ul li:nth-child(9) {
		margin-right: 4%;
	}

	#main-content aside.sidebar-right {
		margin-top: 28px;
	}

	#main-content .vehicles-list .book-now p {
		margin-bottom: 18px;
	}

	#main-content .confirmation-info {
	    margin-top: -110px;
	}

	#main-content .manage-booking {
		width: 100%;
	}
}


@media screen and (max-width:700px) {
	#main-hero .get-quote .form-row .col {
		width: 100%;
		margin-right: 0;
	}

	#main-hero .get-quote .form-row .col:nth-child(2) {
		margin-top: 14px;
	}

	#main-hero .widgets {
	    width: 380px;
	}

	#main-hero .widgets ul {
		display: block;
	}

	#main-hero .widgets ul.widget-list li,
	#main-hero .widgets ul.widget-list li.google-widget {
		width: 100%;
		margin-bottom: 12px;
	}

	#main-hero .widgets ul.widget-list li a {
		display: flex;
	}

	#main-hero .widgets ul.widget-list li:last-child,
	#main-hero .widgets ul.widget-list li img:first-child {
		margin-bottom: 0;
	}

	#main-content .vehicles-list h2 {
	    font-size: 22px;
	}

	#main-content .vehicles-list h2 span {
		top: -2px;
	    padding: 3px 4px;
	}

	#main-content .vehicle-info-text .vehicle-capacity p span {
		display: block;
	}

}


@media screen and (max-width:600px) {
	.wrapper {
		width: 92%;
	}

	#main-header .contact-info ul.list-inline li {
		display: block;
	}

	#main-header .contact-info ul.list-inline li.phone-icon {
		margin-top: 4px;
	}

	.home-hero {
	    padding: 40px 0 80px 0;
	}

	#main-hero h1 {
	    font-size: 36px;
	}

	#main-hero .hero-text p {
		font-size: 16px;
	}

	.mt-2 {
	    margin-top: 10px;
	}

	#salient-features h3 {
		font-size: 18px;
	}

	#main-content .promo-box {
		width: 100%;
		margin: 0;
	}

	/*.mobilenavbutton {
    	top: 93px;
	}*/

	#main-content .vehicles-list ul li {
		padding: 22px 14px;
	}

	#main-content .vehicles-list .vehicle-img {
		width: 40%;
	}

	#main-content .vehicles-list .vehicle-info-text {
		width: 56%;
	}

	.page-hero {
		padding: 40px 0;
	}

	#main-content form .form-row,
	#main-content form .form-row .form-col {
		float: none;
		width: 100%;
		margin: 0;
	}

	#main-content form .form-row .form-col .form-row .form-col {
		float: left;
		width: 48%;
		margin-right: 4%;
	}

	#main-content form .form-row,
	#main-content form .form-row .meet-greet-info,
	#main-content form .form-row .intl-number {
		margin-top: 18px !important;
	}

	#main-content form .mbl-mb-2 {
		margin-bottom: 18px !important;
	}

	#main-content form .mbl-sec .meet-greet-info {
		margin-top: 0 !important;
	}

	#main-content form .note {
		padding: 0;
	}

	#main-content .booking-form form .pay-btns ul {
		display: block;
	}

	#main-content .booking-form form .pay-btns ul li {
		margin-bottom: 18px;
	}

	#main-content form .form-row .form-col:last-child,
	#main-content form .form-row .form-col .form-row .form-col:last-child,
	#main-content .booking-form form .pay-btns ul li:last-child  {
		margin: 0;
	}

	#main-content .pertinent .row {
		width: 100%;
	}

	.fleet-content .vehicles-list .row,
	.fleet-content .vehicles-list .info,
	.fleet-content ul.advantages,
	.fleet-content .vehicles-list h2,
	.fleet-content .vehicles-list p  {
		display: block;
	}

	.fleet-content .vehicles-list h2 {
		margin-bottom: 8px;
	}

	.fleet-content .vehicles-list .vehicle-img,
	.fleet-content .vehicles-list .book-now {
		width: 100% !important;
	}

	.fleet-content .vehicles-list .vehicle-img img {
		display: block;
		margin: 0 auto;
	}

	.fleet-content ul.advantages li {
	    float: left;
	    width: 49%;
	    margin: 0;
	    margin: 0 2% 2% 0 !important;
	}

	.fleet-content ul.advantages li:nth-child(even) {
        margin-right: 0 !important
    }

    .fleet-content ul.advantages li:nth-child(3) {
        margin-bottom: 0 !important
    }

    #main-content .confirmation-info,
    #main-content .reviews-profiles,
    #main-content .journey-details {
	    padding: 20px 16px;
    }

    #main-content .manage-form .form-row .form-col:last-child {
    	margin-top: 4%;
    }
}

@media screen and (max-width:500px) {
	.home #main-hero .hero-text {
		text-align: left;
	}

	#main-hero .widgets {
		width: 100%;
	}

	#salient-features ul li {
	    min-height: 260px;
	    padding: 18px 10px;
	}

	#salient-features h3 span {
		display: block;
	}

	#main-content .benefits ul li,
	#main-content .vehicles-info .row .col {
		float: none;
		width: 100%;
		overflow: hidden;
		text-align: left;
		margin: 0;
		margin-bottom: 4%;
	}

	#main-content .benefits .box {
		min-height: auto;
	}

	#main-content .benefits ul li .image {
		float: left;
		width: 30%;
	    margin: 0 4% 2% 0;
	}

	#main-content .benefits ul li .description {
		float: left;
		width: 66%;
	}

	#main-content .benefits ul li:nth-child(4),
	#main-content .benefits ul li:nth-child(5),
	#main-content .vehicles-info .row .col:nth-child(4),
	#main-content .vehicles-info .row .col:nth-child(5) {
		margin-bottom: 4%;
	}

	#main-content .promo-sec {
		padding: 40px 0;
	}

	#main-content .promo-sec h2 {
		font-size: 38px;
	}

	#main-content .promo-sec h2 span {
		margin-top: 0;
	}

	#main-content .promo-sec ul {
		display: block;
		margin-top: 20px;
	}

	#main-content .promo-sec ul li {
		background: none;
		padding: 0;
		margin-bottom: 12px;
	}

	#main-content .promo-sec ul li:last-child, {
		margin-bottom: 0;
	}

	#main-content .vehicles-info ul {
		display: flex;
	}

	#main-content .fare-table ul li p {
		font-size: 14px;
	}

	#main-content .vehicle-info-text .salient-info ul li {
		font-size: 13px;
	    margin-top: 6px;
		padding: 4px 0 4px 32px !important;
	}

	#main-content .vehicles-list h2 {
	    font-size: 20px;
	}

	#main-content .vehicle-info-text .salient-info ul li:last-child {
		margin-bottom: 0;
	}

	#main-content .vehicles-list .price p {
		font-size: 30px;
	}

	#main-content .salient-features h3,
	#main-content .salient-features p {
		font-size: 13px;
	}

	#main-content .relevant-pages ul li {
		float: none;
		width: 100%;
		margin: 0 0 4% 0;
	}

	#main-content .relevant-pages ul li img {
		width: 100%;
	}

	#main-content .relevant-pages ul li:last-child {
		margin-bottom: 0 !important;
	}

	#main-header .top-navbar .logo {
		width: 80%;
	}

	#main-content .salient-features {
		display: none;
	}

	.vehicle-contant .row,
	.booking-content .row {
		margin-top: 0;
	}

	#main-content .reviews-profiles ul.profile-list li img {
		width: 80%;
		height: auto;
	}

	#main-content .journey-details .price-info p.price {
		font-size: 34px;
	}

}

@media screen and (max-width:400px) {
	#salient-features ul li {
		float: none;
		width: 100%;
		min-height: 232px;
		margin-right: 0;
	}

	#main-content .vehicles-list .book-info p,
	#main-content .vehicles-list .book-info .advantages p,
	#main-content .vehicles-list .book-info .advantages p {
	    background-position-x: 25%;
		text-align: center;
		padding-left: 0;
		margin: 0;
		margin-bottom: 4px;
	}

	#main-content .vehicles-list .book-info .advantages,
	#main-content .vehicles-list .book-info .price {
		float: none;
	}

	#main-content .salient-features ul li,
	#main-content .journey-details .pick-up-info,
	#main-content .journey-details .price-info {
		float: none;
		width: 100%;
	}

	#main-content .journey-details .price-info {
		margin-top: 20px;
	}

	#main-content .confirmation-info h2 {
		font-size: 22px;
	}


}

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

}

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