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

	.giving-back-box figure, .gal-cat-sec figure {
    	height: 380px;
	}

}

@media only screen and (max-width:1600px) {
	.giving-back-box figure, .gal-cat-sec figure {
	    height: 320px;
	}
}

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

	.giving-back-box figure, .gal-cat-sec figure {
	    height:280px;
	}

}

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

	.giving-back-box figure, .gal-cat-sec figure {
	    height:260px;
	}

}

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

	.meet-our-team-box figure .meet-our-team-hover p
	{
		font-size:1.1rem;
	}

}

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

	.giving-back-box figure, .gal-cat-sec figure {
	    height:200px;
	}

	.service-cat-top-box h4 {
    	font-size: 30px;
    	line-height: 36px;
	}	
	.job-title h2{
		font-size: 2.5rem;
	}

}

@media only screen and (max-width:991px) {
	.thank-you-msg p{
		font-size: 18px;
	}
	.thank-you .col-md-5{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.p-details-top {
	    height: 6rem;
	}


	.meet-our-team-box figure .meet-our-team-hover p{
		font-size: 14px;
	}
	.product-name img{
		display: block;
	}
	.woocommerce-checkout-review-order-table td{
		vertical-align: baseline;
	}
	.meet-our-team{
		padding: 2rem 0;
	}
	.our-team-slider-content{
		width: 80%;
	}
	.our-team-slider-content h3{
		font-size: 35px;
	}
	.about-points h4{
		margin: 10px 0;
		font-size: 24px;
	}
	.about-points p{
		font-size: 14px;
		line-height: 18px;
	}
	.bd_our{
		padding: 30px 0;
	}
	.email-us h4{
		font-size: 40px;
	}

	.cms-page-giving-back.cms-page.service-cat-top-box h4, .cms-page.service-cat-top-box h4, .gal-cat-sec h3, .meet-our-team h3{
		font-size: 24px;
	}
	.message-us h3{
		font-size: 30px;
	}
	.message-us p:not(.message-us-portal p){
		font-size: 14px;
		line-height: 1.5;
	}
	.giving-back-box .giving-back-content h4{
		font-size: 18px !important;
    	line-height: normal;
    	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	.cms-page.service-cat-top-box p{
		font-size: 14px;
		line-height: 21px;
		    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	.btn-all{
		font-size: 16px;
	}
	.Letter-of-Recomendation-sec h3{
		font-size: 1.5rem;
	}
	.site_logo {
	    width: 100px;
	}
	.what-our-client-say h3{
		margin: 2rem 0 1.6rem;
	}
	.main-header .navbar-brand {
	    position: relative;
	    left: 0;
	    transform: translateX(0);
	    top: inherit;
	}
	.banner-content{
		bottom: 25%;
	}
	.banner-social{
		position: absolute;
	    bottom: 16%;
	    left: 50% !important;
	    z-index: 99;
	    transform: translateX(-50%);
	}

	.banner .item {
    	height: 45rem;
	}
	.banner-content h2, .banner-content h3, .banner-content h4, .banner-content h1, .banner-content h5 {
	    font-size: 50px;
	    line-height: 56px;
	}

	.banner-content h2 strong, .banner-content h3 strong, .banner-content h4 strong {
	    font-size: 55px;
	    line-height: 60px;
	}

	.banner-bottom, .sec-pad, .explore-more-towing{
    	padding: 50px 0;
	}
	.banner-bottom h3, .banner-bottom h2, .banner-bottom h4 {
    	font-size: 34px;
    	line-height: 40px;
	}

	.company-policy-box h3 {
    	font-size: 26px;
    	line-height: 30px;
    	margin-bottom: 10px;
	}

	.company-policy-box {
    	padding: 20px;
	}
	.we-learned h3, .we-learned h2, .we-learned h4,
	.headding-text h3
	{
    	font-size: 38px;
    	line-height: 44px;
	}
	.explore-more-towing-box .explore-more-towing-content {
    	padding: 10px 0;
	}
	.explore-more-towing-content h4,
	.explore-more-towing-content p
	{
		margin: 0 0 5px 0;
	}

	.get-in-touch{
		padding:30px 30px 0 30px;
	}
	.get-in-touch-content {
    	width: 100%;
	}
	.main-footer .border-right {
    	/*border: 0 !important;*/
	}

	.have-question h3{width:100%;}

	.main-footer .border-right.bd_bordertb {
    	border-right: 0 !important;
    	border-top: 1px solid #A0A9C9;
    	border-bottom: 1px solid #A0A9C9;
    	padding: 20px !important;
	}

	.service-cat-top-box .service-cat-top-menu li {
    	padding: 20px;
	}
	.service-cat-top-box .service-cat-top-menu{margin-bottom: 0;}

	.service-cat-top-box h3 {
    	font-size: 30px;
    	line-height: 36px;
    	margin-bottom: 10px;
	}
	.Towing-Recovery-service-sec h4 {
    	font-size: 24px;
    	line-height: 32px;
	}
	.Towing-Recovery-service-sec h3
	{
		font-size: 30px; line-height: 36px;
	}

	.Towing-Recovery-service-box{
		padding: 15px;
	}
	
	.Towing-Recovery-service-box h4 {
    	font-size: 22px !important;
    	line-height: 28px !important;
	}

	.Advanced-Repairs h3 {
    	font-size: 30px !important;
    	line-height: 36px;
	}
	.sub-menus{
		width: 20rem;
	}
	.sub-menus ul li .sub-menus-content{
		font-size: 1.5rem;
	}
	.sub-menus ul li{
		height: 10rem;
	}
	.heavy-transportation-we-move{
		padding: 3rem 0;
	}
	.open-positions-box h4{
		text-align: left !important;
		font-size: 22px !important;
		line-height: 28px !important;
    	margin-bottom: 12px !important;
    	display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.dscribe-txt{
		font-size: 14px !important;
		line-height: 18px !important;
		display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.open-positions-box a{
		font-size: 14px;
	}
	.checkout-form{
		    padding: 2rem 0rem;
	}


}


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

	.gal-cat-sec figure {
	    height:240px;
	}

}

.billingfieldsection{
	margin-right: -5px;
    margin-left: -5px;
}
.address-field .screen-reader-text {
    position: relative !important;
    clip-path: unset !important;
    width: auto !important;
    height: auto !important;
    margin-bottom: 0.5rem !important;
}

@media only screen and (max-width:767px) {
	.order-details h3, .order-summery h3{
		font-size: 24px;
	}
	.order-details h4{
		font-size: 16px;
	}
	.order-details p{
		font-size: 14px;
	}
	.order-summery .checkout-items-content h4{
		font-size: 14px;
	}
	.order-summery .checkout-items li figure {
	    flex: 0 0 4rem;
	    max-width: 4rem;
	}
	.thank-you{
		padding: 2rem 0;
	}

	.checkout-breadcrumb{
		flex-wrap: wrap;
	}
	.checkout-breadcrumb li{
		    margin: 5px 8px;
	}

	.thank-you-msg h3{
		font-size: 38px;
	}

	.checkout-breadcrumb li a{
		display: block;
	}
	.checkout-form label{
		font-size: 14px;
	}
	.checkout-form .form-control{
		font-size: 14px;
	}

.details_page form.cart .customsingecartbtn button[type='button']{
	font-size: 14px;
	padding: 0 30px;
	height: 45px;
}

.qib-button:not(#qib_id):not(#qib_id){
	height: 45px !important;
}
.qib-container .quantity input.qty:not(#qib_id):not(#qib_id){
	height: 45px !important;
}	
	.bd_careersform input[type=submit]{
		font-size: 14px;

	}
	.our-team-slider-box{
		height: 30rem;
	}
.our-team-slider-content h3 {
    font-size: 26px;
}
	.apply-jobs h3{
		font-size: 24px;
	}

	.job-details {
	    padding: 2rem 0;
	}

	.job-details ul li{
		font-size: 14px;
	}

	.get-in-touch-form-box{
		padding: 0.4rem 0.9rem;
	}
	.get-in-touch-form-box input, .get-in-touch-form-box textarea{
		font-size: 14px;
	}

	.our-story p {
	    font-size: 14px;
	    line-height: 21px;
	    margin-bottom: 15px;
	}
	.giving-back-box .giving-back-content h4{
		text-align: left;
	}
	.giving-back-box .giving-back-content p{
		margin-bottom: 15px;
	}
	.Advanced-Repairs br{
		display: none;
	}
	.bd_our:nth-child(odd) .bd_ourimg{
		order: unset;
	}
	.bd_ourimg {
	    margin-bottom: 18px;
	}
	.our-story h4{
		margin-bottom: 15px;
		padding-bottom: 5px;
	}
	.main-footer h4{
		margin-top: 15px;
	}
	.banner-call{
		right: -5px;
	}
	.banner-call p{
		font-size: 0;
	}
	.banner-call p i{
		font-size: 22px;
	}
	.banner-bottom h3, .banner-bottom h2, .banner-bottom h4{
		font-size: 18px;
    	line-height: 24px;
	}
	.banner-bottom p{
		line-height: 26px;
	}
	.banner-content h2, .banner-content h3, .banner-content h4, .banner-content h1, .banner-content h5 {
    	font-size: 40px;
    	line-height: 46px;
	}
	.banner-content h2 strong, .banner-content h3 strong, .banner-content h4 strong {
    	font-size: 45px;
    	line-height: 50px;
	}
	.banner-social {
	    left: 7.6rem;
	}
	.banner .item {
    	height: 35rem;
	}

	.banner-bottom, .sec-pad, .explore-more-towing, .service-cat-top-box {
    	padding: 30px 0;
	}
	.banner-bottom h3, .banner-bottom h2, .banner-bottom h4 {
    	font-size: 24px;
    	line-height: 30px;
	}
	.banner-bottom p{
		margin: 0 0 10px 0;
	}

	.company-policy-box h3 {
    	font-size: 20px;
    	line-height: 26px;
	}
	.company-policy-box p
	{
		font-size: 14px;
		line-height: 18px;
	}
	.we-learned h3, .we-learned h2, .we-learned h4, .headding-text h3, .leave-a-review h3, .job-details h3, .apply-jobs h2 {
    	font-size: 28px;
    	line-height: 34px;
	}
	.we-learned p {
    	font-size: 14px;
    	line-height: 18px;
    	padding: 0;
	}

	.testimonial-img, .testimonial-content {
    	flex: 0 0 100%;
    	max-width: 100%;
	}
	.testimonial-content p i {
	    top: -20px;
	    left: -30px;
	}
	.header-side-bar .header-side-bar-box ul li a{
		font-size: 1rem;
	}
	.header-side-bar{
		width: 18rem;
	}
	.header-about{
		height: 10rem;
	}
	.header-about-content{
		text-align: center;
	}
	.header-about-content h4{
		font-size: 1.2rem;
   		margin-bottom: 0.5rem;
	}
	.header-about-content a{
		font-size: 1rem;
	}
	.sub-menus.sub-menus-active{
		right: 18rem;
	}
	.sub-menus{
		width: 18rem;
	}
	.sub-menus ul li{
		height: 8rem;
	}
	.sub-menus ul li .sub-menus-content{
		 font-size: 1rem;
	}
	.what-Towing-Recovery{
		padding: 3rem 0;
	}
	.service-cat-top-box h4{
		text-align: center;
		font-size: 30px;
	    line-height: 36px;
	    margin-bottom: 10px;
	}
	/*.wppb-builder-container {
	    text-align: center;
	}*/
	.heavy-transportation-we-move h3{
		font-size: 2rem;
	}

	.message-us{
		text-align: center;
	}
	.message-us h3, .lest-chat h3{
		font-size: 2rem;
	}
	.message-us p:not(.message-us-portal p){
		font-size: 1rem;
	}
	.lest-chat-box span{
		transform: scale(0.8);
	}


	.wpcf7-form .pr-2, .wpcf7-form .pl-2{
		padding-right: 15px !important;
    	padding-left: 15px !important;
	}

	.Towing-Recovery-service-sec h4{
		font-size: 24px;
    	line-height: 30px;
	}
	.what-Towing-Recovery .btn-all{
		padding: 8px 25px;
	}
	.what-Towing-Recovery ul{
		margin-top: 1rem;
   	 	margin-bottom: 1rem;
	}
	.banner-content{
		bottom: 28%;
	}
	.banner-social{
	    bottom: 18%;
	}
	.banner-content h2{
		margin-bottom: 15px;
	}
	.banner-content h2 strong{
		font-size: 40px;
	}
	.btn-all{
		padding: 0.7rem 2rem;
	}

	.we-learned-box{
		height: 2.5rem;
		margin-bottom: 10px;
	}
	.company-policy-box figure{
		margin-bottom: 1rem;
	}

	.get-in-touch-form h3, .get-in-touch-content h3 {
    	font-size: 28px;
    	line-height: 36px;
	}
	.get-in-touch-form h3{
		text-align: center;
	}

	.main-header ul li a i.fa.fa-bars{
		font-size: 26px;
	}
	.explore-more-towing-content h4{
		font-size: 1.3rem;
	}
	.explore-more-towing-content p{
		font-size: 14px;
	}
	.explore-more-towing-content a{
		font-size: 1rem;
	}
	.get-in-touch-content{
		text-align: center;
	}
	/*end*/


	.main-header .navbar-brand{
		width: 110px;
	}
	.inner-banner {
    	height: 340px;
	}
	.service-cat-top-box .service-cat-top-menu li a {
    	font-size: 16px;
    	line-height: 20px;
	}
	.Towing-Recovery-service-sec h3 {
    	font-size: 26px;
    	line-height: 30px;
	}
	.what-Towing-Recovery h3 {
	    font-size: 26px;
    	line-height: 30px;
	}

	.what-Towing-Recovery p {
	    font-size: 14px;
	    line-height: 20px;
	}

	.what-Towing-Recovery ul li {
	    font-size: 14px;
	    line-height: 20px;
	}
	.inner-footer-top h3 {
    	font-size: 26px;
    	line-height: 30px;
	}
	.Advanced-Repairs-img {
    	height: auto;
	}

	.Towing-Recovery-service-box h4 {
	    font-size: 18px !important;
	    line-height: 26px !important;
	}
	.main-footer ul:not(.f-social) li a{
		font-size: 14px;
	}
	.flow-coadys h4{
		font-size: 26px;
	}
	.careers-about h3, .job-title h2{
		font-size: 30px;
		    line-height: 32px;
	}

.wpcf7-form p{
	text-align: left;
}
.wpcf7-form p .btn-allP{
margin-top: 10px !important;
}


}

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

	.banner-social {
    	left: 6.6rem;
	}


}

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

	.banner-social {
    	left:4.6rem;
	}
	
}

@media only screen and (max-width:627px){
	.apply-jobs h3{
		font-size: 24px;
	}

	.banner-social {
    	left:3.4rem;
	}

	.what-Towing-Recovery-img, .service-cat-top-img {
    	height: auto;
	}
	
}

.close-sub{
	display: none;
}
@media only screen and (max-width:575px) {

	.order-summery .checkout-items li .checkout-items-content{
		flex: 0 0 70%;
    	max-width: 70%;
	}
	.order-summery .checkout-items li .checkout-items-content h4{
		margin-bottom: 10px;
	}
	.order-summery .checkout-items-content h4 > span{
		width: 100%;
		margin-top: 10px;
	}
	.order-summery .checkout-items-content h4 > span > span{
		float: unset;
	}
	.order-summery-breakup{
		width: 100%;
	}
	.message-us h3{
		font-size: 26px;
	}
	.wpcf7-checkbox span label{
	    position: relative;
	}
	.wpcf7-checkbox span label .wpcf7-list-item-label{
		    padding-right: 15px;
	}
	.wpcf7-checkbox span label input[type=checkbox]{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
	}
	.careers-about h3{
		font-size: 26px;
	}
	.cms-page-giving-back.cms-page.service-cat-top-box h4, .cms-page.service-cat-top-box h4{
		font-size: 18px;
	}
	.close-sub {
	    display: inline-block !important;
	    top: 0 !important;
	    right: 25px !important;
	    left: unset !important;
	}

	.service-cat-top-box h3{
		    font-size: 24px;
		    line-height: 25px;
		    margin-bottom: 10px;
	}
	.service-cat-top-box p{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.Towing-Recovery-service-sec h4{
		font-size: 14px;
		line-height: 20px;
	}
	.Towing-Recovery-service-sec h3{
		font-size: 22px;
    	line-height: 25px;
	}
	.Towing-Recovery-service-box{
		padding: 1rem;
	}
	.job-title h2{
		    padding: 3rem 0;
	}
	.apply-jobs{
		padding-bottom: 2rem;
	}
	.product-list-content h4{
		font-size: 0.9rem;
	}

}
@media only screen and (max-width:568px) {
	.bd_careersform{
		overflow: hidden;
	}
	.we-learned h3, .we-learned h2, .we-learned h4, .headding-text h3, .job-details h3{
		font-size: 20px;
		line-height: 28px;
	}
	.get-in-touch-form h3, .apply-jobs h2{
		font-size: 25px;
		line-height: 30px;
	}
	
	.get-in-touch-form h3{
		text-align: center;
		font-size: 25px;
		line-height: 30px;
	}
	.main-footer ul:not(.f-social) li a{
		font-size: 14px;
	}
	.main-header .navbar-brand{
		width: 110px;
	}
	.gal-cat-sec figure {
	    height:280px;
	}
	.main-header{
		padding: 0.2rem 0.6rem;
	}
	.main-header.home-header nav.navbar {
    	padding: 10px 0;
	}

	.banner-social {
    	left:10px;
	}
	.banner .item {
    	height: 480px;
	}
	.banner-content h2, .banner-content h3, .banner-content h4, .banner-content h1, .banner-content h5 {
    	font-size: 30px;
    	line-height: 36px;
    	margin-bottom: 10px;
	}
	.banner-content h2 strong, .banner-content h3 strong, .banner-content h4 strong {
    	font-size: 30px;
    	line-height: 36px;
	}
	.btn-all {
    	padding: 0.6rem 1.2rem;
    	font-size: 16px;
	}
	.get-in-touch-form .btn-all{
		margin-bottom: 0;
	}

	.top_ftr {
	    text-align: left !important;
	}

	.main-footer p {
	    text-align: left;
	}

	.f-social {
    	justify-content: start;
	}

	.have-question {
    	justify-content: start;
    	text-align: left;
	}
	.main-footer .border-right.bd_bordertb {
    	border: 0;
    	padding: 10px 30px !important;
	}
	.main-footer h4 {
    	margin-bottom: 10px;
	}
	.copyright-text {
    	text-align: left !important;
	}
	.we-learned-box {
	    height: 3rem;
	    margin-bottom: 10px;
	}

	.sub-menus.sub-menus-active {
	    right: 0;
	    width: 100%;
	}
	.sub-menus ul li{
		height: 10rem;
	}

}


@media only screen and (max-width:480px) {
	.p-details-top {
	    height: 4rem;
	}
	.we-learned-box {
	    height: 2rem;
	    margin-bottom: 10px;
	}

	.banner .item {
	    height: 400px;
	}
	.get-in-touch {
    	padding: 15px 0 0 0;
	}
	.service-cat-top-box .service-cat-top-menu li {
    	    padding-top: 0;
    		padding-bottom: 10px;
    		width: 100%;
    		text-align: center;
	}
	.service-cat-top-box .service-cat-top-menu li a {
    	font-size: 14px;
    	line-height: 20px;
	}

	.service-cat-top-box h4 {
    	font-size: 22px;
    	line-height: 30px;
	}
	.Advanced-Repairs h3 {
    	font-size: 26px !important;
   		line-height: 36px;
    	margin-bottom: 10px;
	}
	.Advanced-Repairs p{
		font-size: 14px;
		line-height: 1.5;
	}
	.main-header.home-header nav.navbar {
    	padding: 0;
	}
	.main-header .navbar-brand {
    	width: 80px;
	}

	.inner-banner {
    	height: 260px;
	}
	.inner-banner-content h3 {
    	font-size: 24px;
    	line-height: 30px;
	}
	.job-title h2 {
    	font-size: 24px;
    	line-height: 30px;
    	text-align: center;
	}

}
.cartDetails .header-my-cart-body{
	    padding: 0rem 0;
}
.my-cart-products{
	padding: 2rem 0;
}
@media only screen and (max-width:457px) {
	.banner-content h2, .banner-content h3, .banner-content h4, .banner-content h1, .banner-content h5{
		font-size: 26px;
	    line-height: 32px;
	    margin-bottom: 10px;
	}
	.banner-content h2 strong, .banner-content h3 strong, .banner-content h4 strong{
		font-size: 26px;
	    line-height: 32px;
	    margin-bottom: 10px;
	}
	.btn-all {
	    padding: 0.5rem 1rem;
	    font-size: 14px;
	}
	.main-footer ul:not(.f-social) li a {
	    font-size: 13px;
	}
	.product-list-box figure{
		height: 10rem;
	}
	.header-my-cart.header-my-cart-active{
		width: 100%;
	}
}

@media only screen and (max-width:357px){
	.details_page .product div.images.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{
		height: 350px;
	}
}