@media (min-width: 1600px) {

	.footer-top .right-text::before {left: -72px;}

}



@media (max-width: 1024px) {

	.thm-container {

		padding: 0 15px;

	}

	#header .header-info {

		float: none !important;

		width: 100%;

		padding-left: 15%;

	}

	.welcome-text .text-box p br {

		display: none;

	}

	.featured-service-box {

		padding-bottom: 50px;

	}

	.call-to-action .call-to-action-text {

		padding-bottom: 71px;

	}

	.single-team-member a.readmore {

		padding-left: 30px;

	}

	.single-fact-counter .icon-box {

		margin-bottom: 20px;

	}

	.single-fact-counter .icon-box, .single-fact-counter .text-box {

		display: block;

		text-align: center;

		padding: 0;

	}

	.single-service-page .image-box {

		/*display: none;*/

	}

	.single-fleet-gallery-wrapper.style-two .single-fleet-gallery {

		width: 33.3333%;

	}

	.error-404 .container br {

		display: none;

	}

	.error-404 .container {

		padding-bottom: 50px;

	}

	.faq-form input {

		width: 77%;

	}

	.contact-info ul li .content {

		padding-left: 25px;

	}

	#header2 .logo {

		float: left  !important;

		width: auto !important;

		margin: 0;

	}

	#header2 .nav-holder .nav-header {

	  float: right;

	  padding:  29px 0;

	}

	#header2 .nav-holder .nav-footer ul.nav > li > a {

	  color: #242424;

	  padding: 9px 14px;

	}

	#header2.stricky-fixed .logo img {

	  padding:  15px 0;

	}

	#header3 .logo {

		float: left  !important;

		width: auto !important;

		margin: 0;

	}

	#header3 .nav-holder .nav-header {

	  float: right;

	  padding:  29px 0;

	}

	#header3 .nav-holder .nav-footer ul.nav > li > a {

	  color: #242424;

	  padding: 9px 14px;

	}

	#header3.stricky-fixed .logo img {

	  padding:  15px 0;

	}

	.text-rotator-banner {

		height: 700px;

	}

	.footer-top .right-text .text-box p br {display: none;}

	.footer-top .right-text .text-box a {padding: 0 20px;}

	.footer-top .right-text .text-box .number {font-size: 27px;}

	.about-info-box.home-page .right-box {margin: 0;}

	.inner-call-to-action .thm-container .inner-wrapper {margin: 0;}

	.single-fact-counter {padding-left: 35px;}

	.single-pricing-box {width: 75%;margin-bottom: 50px;}

	.single-sidebar-widget .sidebar-call-to-action .top-box *,

	.single-sidebar-widget .sidebar-call-to-action .bottom-box * {position: relative;z-index: 99;}

	.single-sidebar-widget .tag-cloud li a {padding: 7px 16px;}



}



@media (max-width: 768px) {

	#header .header-info {

		padding-left: 2%;

	}

	.call-to-action .call-to-action-text {

		border: none;

	}

	.faq-section [class^='col-'],

	.faq-section [class*='col-'] {

		padding-bottom: 50px;

	}

	.faq-section .accrodion {

		padding-right: 0;

	}

	.faq-section .view-location {

		text-align: center;

		width: 80%;

		margin: auto;

	}	

	.request-qoute [class^='col-'],

	.request-qoute [class*='col-'] {

		padding-bottom: 50px;

	}

	.single-team-member {

		margin-bottom: 30px;

	}

	.img-cap-effect .img-box img {

		width: 100%;

	}

	.single-fact-counter .icon-box, .single-fact-counter .text-box {

	  display: table-cell;

	  padding: 0;

	  text-align: left;

	}

	.single-fact-counter {

		margin-bottom: 30px;

	}

	.single-fact-counter .text-box {

		padding-left: 30px;

	}

	.single-blog-post {

		margin-bottom: 30px;

	}

	.footer-widget {

		margin-bottom: 30px;

	}

	.footer-widget .pl-30 {

		padding-left: 0;

	}

	.pull-left .single-sidebar-widget,

	.pull-right .single-sidebar-widget {

		padding: 0 25%;

		margin-bottom: 50px !important;

	}

	.gallery-filter li span {

		font-size: 12px;

    	padding: 1px 18px;

	}

	.single-fleet-gallery-wrapper.style-two .single-fleet-gallery {

		width: 50%;

	}

	.testimonail-thumbnail-box img {width: auto !important;}

	.single-fact {margin-bottom: 50px;}

	.fact-wrapper, .testimonials-carousel {padding-bottom: 30px;}

	.tp-caption .divider, .tp-caption .thm-btn {display: none !important;}

	.footer-top .right-text .text-box {padding-bottom: 30px;}

	.inner-call-to-action {text-align: center;}

	.inner-call-to-action .left-text {float: none !important;}

	.inner-call-to-action .right-button {float: none !important;padding-top: 20px;}

	.bottom-has-footer-top + .footer-top {margin-top: -20px;}

	.team-page .single-team-member {width: 75%;margin-left: auto;margin-right: auto;}

	.single-pricing-box {width: 100%;}

	.single-price-fact-box {margin-bottom: 30px;}

	.pull-left .single-sidebar-widget, .pull-right .single-sidebar-widget {padding: 0 10%;}

	.error-404 .col-md-5 {text-align: center;}

	.error-404 .error-404-text {padding: 45px 20% 0;}

	.single-fleet-gallery-wrapper.style-three .single-fleet-gallery {width: 50%;}

}



@media (max-width: 650px) {

	#top-bar .phone,

	#top-bar .top-contact-info {

		float: none !important;

		width: 100%;

		text-align: center;

	}

	#top-bar .top-contact-info li {

		text-align: center;

		display: block;

		padding: 0;

	}

	.tp-caption {

		display: none !important;

	}

}

@media (max-width: 480px) {

	.header-info .info-box {

		display: block;

		padding: 10px 25%;

	}

	.header-info .info-box.search-box-wrapper {

		display: none;

	}

	.header-info .info-box:first-child {

		text-align: center;

	}

	.header-info .info-box .icon-box i {

		border-left: 0;

		padding-left: 0;

	}

	#header {

		padding-bottom: 20px;

	}

	.thm-banner-wrapper .tp-caption {

		display: none !important;

	}

	.welcome-text .title-box {

		display: block;

		border-right: 0;

		border-bottom: 4px solid #12a0b1;

		margin-bottom: 15px;

		padding-bottom: 15px;

		text-align: center;		

	}

	.welcome-text .text-box {

		padding-left: 0;

	}

	.accrodion .accrodion-content .img-caption .img-box, .accrodion .accrodion-content .img-caption .content-box {

		display: block;

		margin-left: auto;

		margin-right: auto;

		padding: 0;

	}

	.accrodion .accrodion-content .img-caption .content-box {

		margin-top: 20px;

	}

	.single-fact-counter {

	  padding:  0 25%;

	}

	.single-blog-post .img-box, .single-blog-post .content-box {

		display: block;

		width: 85%;

		margin-left: auto;

		margin-right: auto;

		padding: 0;

	}

	.single-blog-post .content-box {

		margin-top: 30px;

	}

	.bottom-bar .pull-left,

	.bottom-bar .pull-right {

		float: none !important;

		width: 100%;

		text-align: center;

	}

	.about-info-box .img-cap-effect {

		margin-bottom: 60px;

	}

	.pull-left .single-sidebar-widget, .pull-right .single-sidebar-widget {

		padding: 0 14%;

	}

	.single-client-box .icon-box, .single-client-box .content {

		display: block;

		margin-left: auto;

		margin-right: auto;		

	}

	.career-page .caption-box .content-box, .career-page .caption-box .img-box {

		display: block;

		width: 100%;

		padding: 0;		

	}

	.career-page .accrodion .accrodion-title h4 {

		padding-right: 30px;

	}

	.request-qoute {

		background-image: none;

	}

	.single-service-page .image-caption-box .text-box, .single-post-page .image-caption-box .text-box  {

		display: block;

		width: 100%;

		padding: 0;

		margin-left: auto;

		margin-right: auto;

	}

	.single-fleet-gallery-wrapper.style-two .single-fleet-gallery {

		width: 100%;

	}

	.faq-form input {

		width: 63%;

	}

	.faq-page .accrodion .accrodion-title h4 {

	  line-height: 31px;

	  padding-right: 28px;

	}

	.blog-page .single-blog-post .meta-info .content-box .post-links li {

		display: block;

	}

	#header2 {

		padding: 0;

	}

	#header2 .logo img {

		width: 70%;

	}

	#header2 .nav-holder {

		width: 100%;

		position: absolute;

		right: 0;

		top: -7px;

	}

	#header3 {

		padding: 0;

	}

	#header3 .logo img {

		width: 70%;

	}

	#header3 .nav-holder {

		width: 100%;

		position: absolute;

		right: 10px;

		top: 85px;

	}

	#header3.stricky-fixed .nav-holder {

		top: -7px;

	}

	#header .logo::before {right: 35px;}

	#header .logo {padding: 0;}

	#header .logo img {width: 80%;}

	#header {padding-bottom: 0;}

	.about-info-box {background: none;}

	.featured-services .dtc {display: block;}

	.footer-top .right-text .box{padding-left: 0px;}

	.footer-top .right-text .text-box a {padding: 0 10px; font-size: 12px; }

	.inner-banner {text-align: center;}

	.inner-banner .pull-left, .inner-banner .pull-right {float: none !important; }

	.inner-banner ul.breadcumb {margin-top: 30px;}

	.about-tab-box .tab-title-box ul li {width: 100%;float: none;}

	.about-tab-box .tab-title-box ul li.active::before, .about-tab-box .tab-title-box ul li:hover::before {border-color: transparent;}

	.team-page .single-team-member img {width: 100%;}

	.featured-services .left-full-img img {width: 100%;}

}



@media (max-width: 320px) {

	.main-menu-wrapper .free-qoute-button a {

	  font-size: 14px;

	  padding: 18px 18px 18px 5px;

	}

	.header-info .info-box {

	  display: block;

	  padding: 10px 0;

	  text-align: center;

	}

	.header-info .info-box .icon-box, .header-info .info-box .text-box {

		display: inline-block;

		text-align: left;

	}

	.footer-top form input {

		width: 100%;

	}

	.welcome-single-services .img-box, .welcome-single-services .text-box {

		display: block;

		padding: 0;

		width: 100%;

	}

	.welcome-single-services .text-box {

		padding-top: 20px;

		padding-bottom: 20px;

		padding-left: 20px;

		padding-right: 20px;

	}

	.welcome-single-services .img-box img {

		width: 100%;

	}

	.welcome-single-services .text-box::before,

	.welcome-single-services .text-box::after {

		display: none;

	}

	.testimonial-box header .img-box, .testimonial-box header .content {

		display: block;

		margin-left: auto;

		margin-right: auto;

		padding: 0;

	}

	.testimonial-box {

		padding: 0;

	}

	.single-fact-counter {

		padding: 0;

	}

	.about-info-box {

		background: none;

	}

	.featured-services.style-two .single-featured-service {

		padding-left: 0;

	}

	.pull-left .single-sidebar-widget, .pull-right .single-sidebar-widget {

		padding: 0;

	}

	.single-testimonial-box {

		padding: 0;

	}

	.single-testimonial-box header .icon-box, .single-testimonial-box header .info-box {

		display: block;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 10px;

		padding: 0;

	}

	.single-sidebar-widget .insta-feed ul .img-box {

		width: 145px;

	}

	.blog-page .single-blog-post .meta-info .date-box, .blog-page .single-blog-post .meta-info .content-box {

		display: block;

		margin: 0;

		padding: 0;

		margin-left: auto;

		margin-right: auto;

	}

	.blog-page .single-blog-post .meta-info .date-box .inner-box {

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 15px;

	}

	.single-post-page .comments-box .single-comment .comment-img {

		display: block;

		padding: 0;

		margin-left: auto;

		margin-right: auto;

	}

	.nav-holder .nav-header > ul > li > ul {width: 300px;}

	.nav-holder .nav-header > ul > li > ul.cart-box .cart-content .content, .nav-holder .nav-header > ul > li > ul.cart-box .cart-content .img-box {display: block;}

	.nav-holder .nav-header > ul > li > ul.cart-box .cart-content .img-box {margin-left: auto;margin-right: auto;}

	.nav-holder .nav-header > ul > li > ul.cart-box .cart-content .content {padding: 0;text-align: center;padding-top: 30px;}

	.nav-holder .nav-header > ul > li > ul.cart-box .cart-content .content ul.price li {display: inline-block;}

	.nav-holder .nav-header > ul > li > ul.cart-box .cart-footer {text-align: center;}

	.nav-holder .nav-header > ul > li > ul.cart-box .cart-footer .total-price, .nav-holder .nav-header > ul > li > ul.cart-box .cart-footer .checkout-box {float: none;}

	.single-fact-counter {display: block; padding: 0; text-align: center; }

	.footer-top .right-text .text-box a {font-size: 14px; padding: 0 43px; }

	#header .logo {float: none !important;}

	.featured-services .dtc {padding: 0;}



}





/* mainmenu responsive styles */

@media (max-width: 1100px) {

	.main-menu-wrapper .thm-container {

		padding: 0 !important;

	}

	.nav-holder .nav-header > ul > li.menu-expander {

		display: inline-block;

		vertical-align: middle;

	}

	.nav-holder .nav-header {

		display: block;

	}

	.nav-holder .nav-header .menu-expander button {display: block;font-size: 20px; position: relative; bottom: 3px;}

	.nav-holder .nav-footer {

		display: none;

		height: 250px;

		overflow: hidden;

		overflow-y: visible;

		position: relative;

		z-index: 9999;

	}

	.nav-holder > .nav-footer ul > li {

		float: none;

		padding: 0px !important;

		padding-bottom: 0;

		display: block !important;

	}

	.nav-holder .nav-footer ul.nav > li > a {

		padding: 9px 26px;

	}

	.nav-holder > .nav-footer {

		position: absolute;

		top: 100%;

		right: 0;

		width: 450px;

		background: #262A3B;

	}

	.nav-holder > .nav-footer ul > li > .submenu {

		position: relative !important;

		opacity: 1 !important;

		visibility: visible !important;

		top: auto !important;

		left: auto !important;

		padding-left: 20px;

		padding-right: 20px;

		padding-bottom: 20px;

		width: 100%;

		display: none;

		transition: none !important;

	}

	.nav-holder > .nav-footer ul > li > ul.submenu ,

	.nav-holder > .nav-footer ul > li > ul.submenu > li > .submenu {

		padding-top: 0px;

		padding-left: 0px;

		padding-bottom: 0px;

		display: none;

		transition: none;

		padding-right: 00px;

		width: 100% !important;

	}

	.nav-footer ul.nav {

		padding-bottom: 5px;

	}

	.nav-footer ul.nav > li > a {

	  color: #242424;

	  display: block;

	  font-size: 15px;

	  font-weight: bold;

	  line-height: 29px;

	  padding: 15px 25px;

	  text-transform: uppercase;

	}

	.nav-holder > .nav-footer ul.nav > li:hover > a {

		background: #F0683E;

		color: #fff !important;

	}

	.nav-footer ul.nav li.has-submenu > a {

		position: relative;

	}

	.nav-footer ul.nav li.has-submenu > a > button {

		display: block;

		position: absolute;

		top: 9px;

		right: 15px;

		background: #7fa409 none repeat scroll 0 0;

	    border: 1px solid #c4cab3;

	    border-radius: 5px;

	    color: #fff;

	    font-size: 16px;

	    height: 30px;

	    outline: medium none;

	    width: 30px;

	    padding: 0;

	    text-align: center;

	    line-height: 15px;

	}

	.nav-footer ul.nav li.has-submenu > a > button {

	    display: block;

	    position: absolute;

	    top: 6px;

	    right: 15px;

	    background: #0F2233 none repeat scroll 0 0;

	    border: 1px solid #c4cab3;

	    border-radius: 5px;

	    color: #fff;

	    font-size: 16px;

	    height: 30px;

	    outline: medium none;

	    width: 30px;

	    padding: 0;

	    text-align: center;

	    line-height: 15px;

	}

	#header .nav-holder .nav-footer ul.nav > li {border-bottom: 1px solid rgba(255,255,255,.4);}

	#header .nav-holder .nav-footer ul.nav > li:last-child {border-bottom: 0px solid #ddd;}

	#header .nav-holder .nav-footer ul.nav > li > a {padding: 7px 20px;}



}



@media (max-width: 375px) {

	.nav-holder {float: none !important;}

	.nav-holder .nav-header {text-align: center;}

	.nav-holder > .nav-footer {

		width: 280px !important;

	}

}







/* cart page styles */



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



	/* Force table to not be like tables anymore */

	.cart-page table, .cart-page thead, .cart-page tbody, .cart-page th, .cart-page td, .cart-page tr { 

		display: block; 

	}

	

	/* Hide table headers (but not display: none;, for accessibility) */

	.cart-page thead tr { 

		position: absolute;

		top: -9999px;

		left: -9999px;

	}

	

	.cart-page tr { border: 1px solid #ccc; }

	

	.cart-page td { 

		/* Behave  like a "row" */

		border: none;

		border-bottom: 1px solid #eee; 

		position: relative;

		padding-left: 50%; 

	}

	

	.cart-page td:before { 

		/* Now like a table header */

		/* Top/left values mimic padding */

	    position: absolute;

	    top: 0;

	    left: 0;

	    width: 100%;

	    padding-left: 40px;

	    white-space: nowrap;

	    font-size: 16px;

	    color: #000;

	    font-weight: 500;

	    background-color: #F9F9F9;

	    line-height: 60px;

	    text-align: left;

	}

	.cart-page .table > tbody > tr > td.preview {

		    padding: 85px 50px 25px;

	}

	.cart-page .table > tbody > tr > td {

		    padding: 80px 40px 25px;

	}

	.cart-page .table > tbody > tr > td.del-item {

		text-align: left;

	}

	/*

	Label the data

	*/

	td:nth-of-type(1):before { content: "Preview"; }

	td:nth-of-type(2):before { content: "Product"; }

	td:nth-of-type(3):before { content: "Price"; }

	td:nth-of-type(4):before { content: "Quantity"; }

	td:nth-of-type(5):before { content: "Total"; }

	td:nth-of-type(6):before { content: "Delete Item"; }

}