@media screen and (max-width: 1160px) {
	#main-content .content-left form fieldset .updated {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
	#main-content .content-left form fieldset .return-btn {
		width: 200px;
		margin-top: 18px;
	}

	.default-hero .quote-buttons ul li a {
		font-size: 16px;
	}
}

@media screen and (max-width: 1000px) {
	#top-nav ul li a {
		padding: 12px 20px;
	}
	
	#main-hero .quote-form .quote-buttons ul li a {
		font-size: 20px;
	}
	
	.home-hero .hero-text {
		margin: 0;
	}
	
	#main-content .taxifare-info .fare-list ul li {
		padding: 16px 22px;
	}
	
	#main-content .taxifare-info .fare-list ul li h3 {
		font-size: 16px;
	}
	
	#main-content .taxifare-info .fare-list ul li h3 span:last-child {
		font-size: 32px;
	}
	
	#main-hero .get-quote .breadcrumbs ul li {
		font-size: 12px;
	}
}

@media screen and (max-width: 900px) {
   #top-nav ul li a {
		padding: 10px 12px;
	}
	
	#main-hero .quote-form .quote-buttons ul li a {
		font-size: 16px;
	}
	
	#main-hero .quote-form .cards img {
		width: 70%;
	}
	
	#main-content .why-us .list ul li h3 {
		font-size: 20px;
	}
	
	#main-content .taxifare-info .fare-list ul li h3 {
		font-size: 14px;
	}
	
	#customer-feedback .reviews {
		float: none;
		width: 100%;
	}
	
	#customer-feedback .social {
		float: none;
		margin-top: 16px;
	}
	
	#main-hero .get-quote .breadcrumbs {
		display: none;
	}
    
    #customer-feedback .reviews h2 {
        margin-bottom: 16px;
    }

    .default-hero .quote-buttons ul li a {
    	font-size: 14px;
    }

	.post-content h2,
    .post-content .post h2 a {
	    font-size: 22px !important;
	    line-height: 29px;
    }

    .post-content .post .post-descriptions .date {
	    margin-right: 14px;
    }
	
}

@media screen and (max-width: 800px) {
	.wrapper {
		width: 94%;
	}
	
	#main-header {
		padding: 18px 0;
	}
	
	#main-header .logo {
		float: none;
		width: 100%;
	}
	
	#main-header .contact-info {
    background: none;
		float: none;
		width: 100%;
		padding: 0;
		margin-top: 12px;
	}
	
	#main-header .contact-info h3 {
		display: none;
	}
	
	#main-header .contact-info p a {
		background: #3276bc url(../img/white-telephone-handle-silhouette.png) no-repeat 5% center;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 40px;
    padding: 10px 16px 10px 86px;
    box-sizing: border-box;
	}
	
	#top-nav {
		display: none;
	} 
	
	.mobilenavbutton {
    background: url(../img/menu-icon.png) top left no-repeat;
    display: block;
    position: absolute;
    top: 20px;
    right: 21px;
    z-index: 999;
    text-indent: -9999px;
    width: 49px;
    height: 48px;
	}
	
	#main-hero .quote-form,
	#main-hero .get-quote {
		float: none;
		width: 560px;
		margin: 0 auto;
	}
	
	#main-hero .quote-form .quote-buttons ul li a {
		font-size: 22px;
	}
	
	#main-hero .quote-form .cards img {
		width: auto;
		height: auto;
	}
	
	.home-hero .hero-text {
		float: none;
		width: 100%;
		margin-top: 28px;
	}
	
	#features .features-list ul li {
		overflow: hidden;
		float: none;
		width: 100%;
		display: block;
		text-align: left;
    border-top: 1px solid #dedede;
		padding: 24px 0;
		margin: 0;
	}
	
	#features .features-list ul li .image img {
		display: block;
		margin: 0;
	}
	
	#features .features-list ul li .image {
		float: left;
		width: 12%;
		margin-right: 4%;
	}
	
	#features .features-list ul li .descriptions {
		float: right;
    width: 84%;
		margin: 0;
	}
	
	#features .features-list ul li:first-child {
		border-top: 0;
		padding-top: 0;
	}
	
	#features .features-list ul li:last-child {
		padding-bottom: 0;
	}
	
	#main-content .heading {
		margin-bottom: 14px;
	}
	
	#main-content .row .col-half {
		float: none;
		width: 100%;
		margin-bottom: 26px;
	}
	
	#main-content .row .col-half:last-child {
		margin-bottom: 0;
	}
	
	#main-content .services {
		margin-top: 40px;
	}
	
	#main-content {
		margin: 40px 0;
	}
	
	#main-content .why-us {
		padding: 40px 0;
		margin-top: 40px;
	}
	
	#main-content .why-us .text-centered {
		text-align: left;
	}
	
	#main-content .why-us .list ul li {
		float: none;
		width: 100%;
		margin: 0;
		margin-bottom: 26px;
	}
	
	#main-content .why-us .list {
		margin-top: 18px;
	}
	
	main h2 {
		line-height: 34px;
		font-size: 26px;
	}
	
	#main-content .why-us .list ul li:last-child {
		margin-bottom: 0;
	}
	
	#main-content .taxifare-info {
		margin-top: 40px;
	}
	
	#main-content .taxifare-info .heading h2 {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	#main-content .taxifare-info .heading p {
		float: none;
	}
	
	#main-content .taxifare-info .fare-list {
		margin-top: 22px;
	}
	
	#main-content .taxifare-info .fare-list ul li {
		float: none;
		width: 100%;
		margin: 0;
		margin-bottom: 8px;
	}
	
	#main-content .taxifare-info .fare-list ul li h3 {
		font-size: 20px;
	}
	
	#main-content .taxifare-info .fare-list ul li h3 span:last-child {
		font-size: 40px;
	}
	
	#main-content .taxifare-info .fare-list ul li:last-child  {
		margin-bottom: 0;
	}
	
	#main-footer .copyright .footer-nav {
		overflow: hidden;
		float: none;
		width: 100%;
	}
	
	#main-footer .copyright p {
		float: none;
		width: 100%;
		margin-top: 12px;
	}
	
	.margintop-none {
		margin-top: 0 !important;
	}
	
	#main-content .faqs-content {
		margin-top: 12px;
	}
	
	main h1 {
		line-height: 38px;
	}
	
	#main-content hr.extera-padding {
		margin: 8px 0;
	}
	
	#main-content .content-left {
		overflow: hidden;
		float: none;
		width: 100%;
		margin: 0;
	}
	
	#main-content .sidebar-right {
		float: none;
		width: 100%;
		margin-top: 28px;
	}
	
	#main-content .sidebar-right .map {
		display: none;
	}
	
	#main-content .content-left form fieldset .return-btn a {
		padding: 12px 14px;
	}

	.default-hero .quote-buttons {
		width: 60%;
		margin: 18px auto 0 auto;
	}

	.default-hero .quote-buttons ul li {
		float: none;
		width: 100%;
	}

	.default-hero .quote-buttons ul li a {
		font-size: 16px;
		margin-bottom: 6px;
	}

	.default-hero .quote-buttons ul li:last-child a {
		margin-bottom: 0;
	}

	.page-hero .hero-text {
		padding: 50px 0;
	}

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

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

	#main-footer .row .socail {
	    float: none;
	    width: 100%;
	    clear: both;
	    padding-top: 20px;
	}

	#main-footer .row .socail ul li a {
	    float: none;
	    width: auto;
	    margin-right: 2%;
	    margin-bottom: 0;
	}

	#main-footer .row .socail ul li:nth-child(4) {
		margin-right: 2%;
	}
	
}

@media screen and (max-width: 700px) {
	#main-header .logo {
		padding: 0;
	}
	
	#customer-feedback .reviews h2 span:last-child {
		font-size: 16px;
	}
}

@media screen and (max-width: 600px) {
	.wrapper {
		width: 92%;
	}
	
	#main-hero .quote-form,
	#main-hero .get-quote {
		width: 100%;
	}
	
	#main-hero .quote-form,
	#main-hero .get-quote {
		padding: 16px 16px;
	}
	
	#main-content .services .services-list ul li {
		display: block;
		float: none;
		width: 100%;
		margin: 0;
		margin-bottom: 26px;
	}
	
	#main-content .services ul li .description .read-btns {
		margin-top: 8px;
	}
	
	#main-content .services .services-list ul li:last-child {
		margin-bottom: 0;
	}
	
	#main-content .taxifare-info .fare-list ul li h3 {
		font-size: 16px;
	}
	
	#main-content .taxifare-info .fare-list ul li h3 span:last-child {
		font-size: 32px;
	}
	
	#main-content .taxifare-info .heading p {
		margin-top: 12px;
	}
	
	#main-content .taxifare-info .heading p span:first-child {
		display: block;
		margin-bottom: 12px;
	}
	
 	#customer-feedback .reviews h2 span {
		float: none;
		width: 100%;
		display: block;
		margin: 0;
		margin-bottom: 8px;
	}
    
	
	/*#customer-feedback .reviews h2 span:last-child {
		font-size: 22px;
	} */
	
	#main-footer .company-info ul li:first-child {
		width: 100%;
		margin-right: 0;
		padding-bottom: 12px;
	}
	
	#main-footer .copyright .footer-nav ul li a {
		width: 48%;
		border: 0;
		padding: 0;
		margin-right: 4%;
	}
	
	#main-footer .copyright .footer-nav ul li:nth-child(even) a {
		margin-right: 0;
	}
	
	.home-hero {
		padding: 20px 0;
	}
	
	#main-content .ui-accordion h3 {
		font-size: 14px;
		line-height: 18px;
	}
	
	#main-content .ui-accordion p {
		font-size: 14px;
		line-height: 18px;
	}
	
	.page-hero .hero-text {
		padding: 40px 0;
	}
	
	#main-content hr.border {
		margin: 16px 0;
	}
	
	#main-content .content-left form fieldset {
		margin-bottom: 24px;
	}
	
	#main-content .content-left form .form-row {
		margin-bottom: 4%;
	}
	
	#main-content .content-left form .form-row .form-col {
		float: none;
		width: 100%;
		margin: 0;
		margin-bottom: 4%;
	}
	
	#main-content .content-left form .form-row .form-col:last-child {
		margin-bottom: 0;
	}
	
	
	#main-content .content-left form fieldset .personal-info .form-col:nth-child(3) {
		margin-bottom: 4%;
	}
	
	#main-content .content-left form fieldset .return-btn {
		margin-top: 0;
	}
    
    #customer-feedback .reviews h2 span.image {
        float: none;
        width: 100%;
        display: block;
        margin-bottom: 6px;
    }

    #main-footer .row .col:first-child {
    	width: 100%;
    	margin-right: 0;
    	padding-bottom: 16px;
    }

    #main-footer .row .col {
    	width: 48%;
    	margin-right: 4%;
    }

    #main-footer .row .col:first-child p br {
    	display: none;
    }

    #main-footer .row .socail {
    	width: 100%;
    	margin-right: 0;
    }

    .post-content .post .post-descriptions .date {
	    margin-right: 12px;
    }
}

@media screen and (max-width: 500px) {
	#main-hero .quote-form .cards h3 span {
		display: block;
	}
	
	#main-hero .quote-form .quote-buttons ul li a {
		font-size: 18px;
	}
	
	.home-hero .hero-text p {
		font-size: 18px;
		line-height: 24px;
	}
	
	#main-hero .hero-text hr.border {
		margin: 22px 0;
	}
	
	#main-hero .row .col-half {
		float: none;
		width: 100%;
		margin-bottom: 22px;
	}
	
	#main-hero .hero-text .row .col-half h3 {
		margin-bottom: 0;
	}
	
	#main-hero .hero-text .row .col-half p {
		font-size: 14px;
		line-height: 22px;
	}
	
	#main-hero .row .col-half:last-child {
		margin-bottom: 0;
	}
	
	#features {
		padding: 26px 0;
	}
	
	#main-content .taxifare-info .fare-list ul li h3 {
		font-size: 14px;
	}
	
	#main-header .logo {
		width: 80%;
	}
	
	#main-header .contact-info p a {
		background-image: none;
		text-align: center;
		font-size: 38px;
		padding: 8px 12px;;
	}

	.default-hero .quote-buttons {
		width: 280px;
	}

	.post-content .post .post-thumbnail,
	.post-content .post .post-descriptions {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.post-content .post .post-descriptions {
		margin-top: 14px;
	}

}

@media screen and (max-width: 400px) {
	.wrapper {
		width: 90%;
	}
	
	.home-hero .hero-text h1 {
		font-size: 32px;
		line-height: 42px;
	}
	
	#main-hero .quote-form .quote-buttons ul li a {
		font-size: 14px;
	}
	
	#main-hero .quote-form .cards h3 {
		font-size: 14px;
		line-height: 18px;
	}
	
	#main-hero .quote-form .cards img {
		width: 66%;
	}
	
	#features .features-list ul li .image {
		width: 20%;
	}
	
	#features .features-list ul li .descriptions {
    width: 76%;
	}
	
	#main-content .taxifare-info .fare-list ul li {
		padding: 12px 14px;
	}
	
	#main-content .taxifare-info .fare-list ul li h3 {
		font-size: 12px;
		line-height: 24px;
	}
	
	#main-content .taxifare-info .fare-list ul li h3 span:last-child {
		font-size: 20px;
	}
	
	#main-header .logo {
		width: 76%;
		margin-bottom: 18px;
	}

	#main-footer .row {
	    margin-bottom: 8px;
	}
	
	#main-content .content-left form .form-row {
		margin-bottom: 6%;
	}
	
	#main-content .content-left form .ssl-logo img {
		margin-top: 22px;
	}

	#main-footer .row .socail ul li a img {
	    width: 9%;
	}
}

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