@media only screen and (max-width: 1400px) {
	#main-content .progress ul li {
		width: 10%;
	}
}

@media only screen and (max-width: 1200px) {
	#main-content .progress .info {
		padding: 40px 0;
	}

	#main-content .progress .wheelchair-car {
	    top: -36px;
	    right: 4%;
	}

	#main-content .progress ul {
		width: 60%;
	}

	#main-content .progress ul li {
		width: 34%;
		margin-bottom: 2%;
	}

	#main-content .progress ul li:nth-child(3),
	#main-content .progress ul li:nth-child(4) {
		margin-bottom: 0;
	}

	#main-content .babyseat-sec .babyseat-info {
		right: 4%;
	}


	#main-hero .hero-btns ul li.get-quote-btn a {
	  background-position: 20% center;
	}

	#main-hero .hero-btns ul li.get-quote-btn a:hover {
	  background-position: 20% center;
	}

	#main-hero .hero-btns ul li.book-online-btn a {
	  background-position: 10% center;
	}

	#main-hero .hero-btns ul li.book-online-btn a:hover{
	  background-position: 10% center;
	}

	#main-hero .hero-btns ul li.corporate-btn a{
	  background-position: 6% center;
	}

	#main-hero .hero-btns ul li.corporate-btn a:hover {
	  background-position: 6% center;
	}

	#main-hero .hero-btns ul li.manage-btn a{
	  background-position: 10% center;
	}

	#main-hero .hero-btns ul li.manage-btn a:hover{
	  background-position: 10% center;
	}
}

@media only screen and (max-width: 1100px) {
	#main-hero .hero-btns ul li.get-quote-btn a,
	#main-hero .hero-btns ul li.book-online-btn a,
	#main-hero .hero-btns ul li.corporate-btn a,
	#main-hero .hero-btns ul li.manage-btn a,
	#main-hero .hero-btns ul li.get-quote-btn a:hover,
	#main-hero .hero-btns ul li.book-online-btn a:hover,
	#main-hero .hero-btns ul li.corporate-btn a:hover,
	#main-hero .hero-btns ul li.manage-btn a:hover  {
		background-image: none;
	}
}

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

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

	#main-content .salient-info h3 {
		font-size: 20px;
	}

	#main-content .salient-info ul.info-list li .image {
		margin-bottom: 8px;
	}

}

@media only screen and (max-width: 900px) {
	#main-header .top-navbar ul.list-inline li a {
    font-size: 15px;
    margin: 0 8px;
	}

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

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

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

	#main-hero .hero-btns {
    margin-top: 22px;
	}

	#main-hero .hero-btns ul li a {
    font-size: 14px;
	}

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

	#main-hero .widgets {
		width: 100%;
    	margin: 40px auto 0 auto;
	}

	#main-content .vehicles-info .info ul li {
		background-image: none !important;
		padding-left: 0;
	}

	#main-content .vehicles-info .btn a {
    	background-position: 90%;
	}

	#main-content .progress {
	    margin: 40px 0;
	}
	
	#main-content .progress h3 {
		text-align: center;
	}

	#main-content .progress p {
		text-align: center;
		font-size: 14px;
	}

	#main-content .progress p span {
		display: inline !important;
	}

	#main-content .progress .info {
		padding: 18px 0;
	}

	#main-content .progress ul {
		overflow: hidden;
		width: 100%;
		margin-bottom: 16px;
	}

	#main-content .progress ul li {
		width: 23.5%;
		margin: 0;
		margin-right: 2%;
	}

	#main-content .progress ul li:last-child {
		margin-right: 0;
	}

	#main-content .progress .wheelchair-car {
		position: static;
		top: 0;
		right: 0;
	}

	#main-content .babyseat-sec h2 {
		font-size: 26px;
	}

	#main-content .babyseat-sec .babyseat-info {
	    top: -80px;
	}

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

	#main-content .app-sec h3 {
	    font-size: 36px;
	    line-height: initial;
	}

	#main-content .app-sec p {
	    font-size: 24px;
	}

	#main-content .app-sec h2 {
    	font-size: 22px;
	}

	#main-content .salient-info ul.info-list li {
	    padding: 0px 32px;
	}

	#quick-links .row .quarter:first-child,
	#quick-links .row .quarter:last-child {
		width: 20%;
	}

	#quick-links .row .quarter:nth-child(2),
	#quick-links .row .quarter:nth-child(3) {
		width: 27%;
	}

}

@media only screen and (max-width: 800px) {
	#main-header .top-navbar .menu {
		display: none;
	}

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

	#main-hero .hero-btns ul {
		width: 80%;
		display: block;
		margin: 0 auto;
	}

	#main-hero .hero-btns ul li {
		float: left;
		width: 49%;
		margin: 0 2% 2% 0;
	}

	#main-hero .hero-btns ul li:nth-child(even) {
		margin-right: 0;
	}

	#main-hero .hero-btns ul li:nth-child(3),
	#main-hero .hero-btns ul li:nth-child(4) {
		margin-bottom: 0;
	}

	#main-hero .hero-btns ul li a {
		font-size: 16px;
	}

	#main-content .row .col-half {
		float: none;
		width: 100%;
	}

	#main-content .row .col-half:last-child {
		margin-top: 22px;
	}

	#vertical-entrance h3 {
		font-size: 16px;
	}

	main h2 {
		font-size: 20px;
	}

	main h3 {
		font-size: 20px;
	}

	#main-content .vehicles-info {
		margin-bottom: 0;
	}

	#main-content .babyseat-sec {
		margin: 40px 0;
	}

	#main-content .babyseat-sec .info {
		padding: 40px 0 20px 0;
	}

	#main-content .babyseat-sec h2 span {
		display: inline !important;
	}

	#main-content .babyseat-sec .babyseat-info {
		position: static;
		top: 0;
		right: 0;
		margin-top: 4%;
	}

	#main-content .babyseat-sec .babyseat-info img {
		display: block;
		margin: 0 auto;
	}

	#main-content .text-content img {
		width: 100%;
		height: auto;
		display: block;
	}

	#main-content .app-sec .row {
		display: block;
	}

	#main-content .app-sec img {
		margin: 0 auto;
	}


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

	#main-content .salient-info ul.info-list li {
		background: none;
		float: left;
		width: 48%;
		padding: 0;
		margin: 0 4% 26px 0;
	}

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

	#main-content .salient-info ul.info-list li:nth-child(3),
	#main-content .salient-info ul.info-list li:nth-child(4) {
		margin-bottom: 0;
	}

	#main-content .quick-links ul {
		margin: 0;
	}

	#main-footer .headline {
	    padding-bottom: 18px;
    	margin-bottom: 18px;
	}

	#main-footer .row .about {
		text-align: center;
		float: none;
		width: 100%;
		margin-bottom: 28px;
	}

	#main-footer .about .text {
	    margin-top: 10px;
	}

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

	#main-footer .row .app-info,
	#main-footer .row .contact-info {
		width: 48%;
		margin-right: 4%;
	}

	#main-footer .row .contact-info {
		margin-right: 0;
	}

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

	#main-hero .hero-btns ul li.get-quote-btn a {
	  background:#3fb65f url(../images/small-checkbox-icon.png) no-repeat 24% center;
	}

	#main-hero .hero-btns ul li.get-quote-btn a:hover {
	  background:#002633 url(../images/small-checkbox-icon.png) no-repeat 24% center;
	}

	#main-hero .hero-btns ul li.book-online-btn a {
	  background:#00a6d6 url(../images/small-pound-icon.png) no-repeat 14% center;
	}

	#main-hero .hero-btns ul li.book-online-btn a:hover{
	  background:#002633 url(../images/small-pound-icon.png) no-repeat 14% center;
	}

	#main-hero .hero-btns ul li.corporate-btn a{
	  background:#f77621 url(../images/small-business-car-icon.png) no-repeat 9% center;
	}

	#main-hero .hero-btns ul li.corporate-btn a:hover {
	  background:#002633 url(../images/small-business-car-icon.png) no-repeat 9% center;
	}

	#main-hero .hero-btns ul li.manage-btn a{
	  background:#448aff url(../images/small-calendar-icon.png) no-repeat 14% center;
	}

	#main-hero .hero-btns ul li.manage-btn a:hover{
	  background:#002633 url(../images/small-calendar-icon.png) no-repeat 14% center;
	}

	.mobilenav {
	    display: block;
	}

	.mobilenavbutton {
	    background: url(../images/menu-icon.png) top left no-repeat;
	    display: block;
	    position: absolute;
	    top: 75px;
	    right: 2%;
	    z-index: 999;
	    text-indent: -9999px;
	    width: 49px;
	    height: 48px;
	}
	
}

@media only screen and (max-width: 700px) {
	#main-header .our-app {
		padding: 12px 12px;
	}

	#quick-links h3 {
    	font-size: 18px;
	}

	#quick-links .headline {
    	margin-bottom: 9px;
	}

	#quick-links ul li a {
    	font-size: 14px;
	}

	#main-footer .footer-nav .links {
		width: 32%;
	}

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

	#main-footer .footer-nav .links ul li {
		margin: 0 !important;
	}

	#main-footer .footer-nav .links ul li:last-child {
		margin-top: 8px;
	}

	#main-hero .hero-btns ul {
		width: 90%;
	}
	
}

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

	#main-header .our-app {
		padding: 16px 12px;
	}

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

	#main-header .contact-info ul.list-inline li:last-child a {
		margin-top: 8px;
	}

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

	#main-hero .hero-btns ul {
		width: 90%;
	}

	#main-hero .widgets ul.widget-list li a {
	    min-height: auto;
	    border-radius: 8px;
	    padding: 12px 12px;
	}






	#main-content .vehicles-info p,
	#main-content .vehicles-info .btn a {
		font-size: 14px;
	}

	#main-content .vehicles-info .row .col {
		width: 100%;
		margin: 0;
		margin-bottom: 6%;
	}

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

	#main-content .vehicles-info .info ul li {
		padding-left: 26px;
	}

	#main-content .vehicles-info .info ul li.users-icon {
		background: url("../img/small-blue-users-icon.png") no-repeat left center !important;
	}

	#main-content .vehicles-info .info ul li.large-briefcase {
		background: url("../img/large-blue-briefcase-icon.png") no-repeat left center !important;
	}

	#main-content .vehicles-info .info ul li.small-briefcase {
		background: url("../img/small-blue-briefcase-icon.png") no-repeat left center !important;
	}

	#main-content .vehicles-info .car-img img {
		margin: 0 auto;
	}

	#main-hero .cards-info > div {
		display: block;
	}

	#main-hero .cards-info p {
		margin: 0;
		margin-bottom: 12px;
	}

	#vertical-entrance {
		margin: 40px 0 18px 0;
	}

	#vertical-entrance ul {
		display: block;
		text-align: center;
	}

	#vertical-entrance ul li {
		display: inline-block;
		width: 120px;
		margin: 0 2% 4% 0;
	}

	#main-content .about-content .features ul {
		display: block;
	}

	#main-content .about-content .features ul li {
		display: inline-block;
		margin: 0 4% 4% 0;
	}

	#main-content .app-sec h3 {
	    font-size: 32px;
	    line-height: 38px;
	}

	#main-content .app-sec .mt-6 {
		margin-top: 28px;
	}

	#quick-links {
    	padding: 28px 0;
	}

	#quick-links .row .quarter:first-child,
	#quick-links .row .quarter:last-child,
	#quick-links .row .quarter:nth-child(2),
	#quick-links .row .quarter:nth-child(3) {
		width: 48%;
		margin: 4% 4% 0 0;
	}

	#quick-links .row .quarter:nth-child(even) {
		margin-right: 0;
	}

	#quick-links .row .quarter:nth-child(1),
	#quick-links .row .quarter:nth-child(2) {
		margin-top: 0;
	}

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

	#main-footer .footer-nav .design-by p {
	    font-size: 12px;
	}

	.home-hero {
	    padding: 48px 0;
	}

	#main-header .top-navbar {
	    padding: 16px 0;
	}

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

	#main-content .customers-feedback ul li {
		width: 100%;
		margin-bottom: 4%;
	}

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

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

	#main-hero .hero-btns ul li a {
		font-size: 14px;
	}

}

@media only screen and (max-width: 500px) {
	#main-content .about-content .features {
		display: none;
	}
	#main-header .our-app {
		display: block;
		padding: 14px 22px;
	}

	#main-header .our-app p {
		display: none;
	}

	#main-header .our-app ul {
		text-align: center;
	}

	#main-content .progress h3 {
		font-size: 34px;
	}

	#main-content .progress ul li {
		width: 48%;
		margin: 0 4% 4% 0;
	}

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

	#main-content .quick-links ul li a {
		font-size: 13px;
	}

	#main-content .quick-links ul.links-list li {
	    margin: 4px 0;
	}

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

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

	#main-footer .footer-nav .links {
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 16px;
		margin-bottom: 16px;
	}

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

	#main-footer .footer-nav .design-by img,
	#main-footer .footer-nav .design-by p {
		float: none;
		text-align: center;
	}

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

	#main-hero .widgets {
	    margin: 16px auto 0 auto;
	}

	#main-hero .hero-btns ul li a {
		background-position: 22px center !important;
		text-align: left;
		font-size: 22px;
	    padding: 16px 16px 16px 60px;
	}

	#main-hero .hero-btns ul li a span {
		display: block;
		font-size: 14px;
	}

	.mobilenavbutton {
		top: 72px;
	}


}

@media only screen and (max-width: 425px) {
	#vertical-entrance ul li {
		width: 100px;
	}

	#main-content .app-sec .text {
		margin-top: 12px !important;
	}

	#main-content .app-sec .app-btns {
		display: block;
		width: 100%;
	}

	#main-content .app-sec .app-btns ul {
		overflow: hidden;
		display: block;
		margin-top: 20px;
	}

	#main-content .app-sec .app-btns ul li {
		float: left;
	}

	

}

@media only screen and (max-width: 400px) {
	#main-hero .hero-btns ul {
		width: 80%;
	}

	#main-hero .hero-btns ul li {
		width: 100%;
		margin: 0;
		margin-bottom: 4%;
	}

	#main-hero .hero-btns ul li:nth-child(3) {
		margin-bottom: 4%;
	}

	#main-hero .hero-btns ul li:last-child {
		margin-bottom: 0;
	}

	#main-footer .row .col {
		float: none;
		width: 100%;
		margin: 0;
		margin-top: 20px;
	}

	#main-footer .row .about {
		margin-top: 0;
	}
}