/* Mobile Portrait View */
@media screen and (max-width:900px){
	
	label.how-did-label{
		font-size: 12px;
	}
}
@media screen and (max-width:767px) {
.sec-form-btn{margin-left: 0px !important;margin-top: 10px;margin-bottom: 35px;}
*{box-sizing:border-box;}
.left, .right, .copyright-txt, .design-by{ float:none;}
.container {padding:0 8px;}
.wrap_one{width:auto; text-align:center;}
.header { width:100%; padding:0; position:relative;}
.logo{ float:none; text-align:left; margin:0; padding:8px 0px; width: auto; display:table;}
.header_right {text-align: left; width: 100%; padding:0; display:none;}
.callblock {
/*	top: 90px;
	left: 30px;*/
	position: absolute;
}
.callblock.call { width: 100%;}
.navigation { margin-top: 0;}
/*coloumn css*/


.post-thumb{ width:100%; float:none; margin:0 0 10px;}
/*sidebar css*/
#sidebar{ width:100%; float:none;}
#FrontBlogPost, #wrapfirst, #wrapsecond{ padding:40px 0;}
/* --------- Pages ------- */
.content-area{ width:auto; margin:0; padding:50px 20px;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
h2.section-title{ font-size:22px; line-height:26px;}
/*slider css*/
#slider{ top:0; margin:0;}
.nivo-directionNav a{ top:39% !important;}
.nivo-caption, .nivo-controlNav{ display:none !important;}
/*footer css */
.copyright-wrapper{ text-align:center;}
.cols-4{ width:100% !important; display:block; margin-right:0; margin-bottom:0; padding:10px 0;}
/*custom css*/
h2.section_title{ text-align:center;}
/*front blog post*/
.BlogPosts{ float:none; width:auto; margin:0 0 10% 0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea{ width:100%;}
.welcomecontent, .welcomethumb{ width:auto; float:none; margin:0 0 35px;}
.fourbox{ float:none; width:100%; margin:0 0 25px;}
.column-3-bx{ float:none; width:100%; margin:0 0 20px; }
#pageholder{ width:100%;}

	.homeform input.form-control, .homeform select.form-control{
		padding: 6px 10px 6px 10px;
	}
	.homeform .oneway-step-1 input.form-control, .homeform .oneway-step-1 select.form-control{
		padding: 6px 6px 6px 40px;
	}
	.homeform label{
		font-size: 12px;
		line-height: 22px;
		margin-bottom: 0px;
	}
	.homeform input.form-control, .homeform select.form-control{
		font-size: 12px;
	}
	.homeform .tab-content form{
    	margin: 0 !important;
		padding-bottom: 0 !important;
	}	
}
@media screen and (max-width:400px){

	label.how-did-label{
		margin: 0px;
	}
	.how-did-box{
		margin-top: -4px;
	}
	
}
/* Mobile Landscape View */
@media screen and (min-width: 481px) and (max-width: 767px){
*{box-sizing:border-box;}
.content-area{ width:440px; margin:0 auto;}
.nivo-caption, .nivo-controlNav{ display:none !important;}
.nivo-caption{ width:65%; }
.slide_info h2{ font-size:20px !important; line-height:30px; text-shadow:1px 0 0 #333;}
.slide_info h2 span{ font-size:30px !important;}
.slide_info p{ padding:5px 0 !important;  font-size:13px !important; display:none;}
.post-thumb{ width:50%; float:left; margin:5px 20px 10px 0;}



.callblock {
	padding: 2px 0px;
	top: 54px;
	left: 30px;
}
	.homeform .form-heading-wrapper h3{
		font-size: 22px;
    	line-height: 32px;
	}
	.form-heading-wrapper .journy{
		font-size: 16px;
		line-height: 22px;
	}
}

@media screen and (min-width:768px) and (max-width: 980px){
.fourbox .thumbbx{ height:100px;}
.column-3-bx .imagebox{ height:100px;}
.header{position:relative;}
.fourbox{ margin-right:12px;}
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 
*{box-sizing:border-box;}
.social-icons a{ box-sizing:content-box; margin-bottom:5px; }
.logo{ float:none; text-align:left; margin:0; padding:0px 0px; position:relative; width: auto; display:table;}
/*slider css*/
.nivo-caption{ width:60%; bottom:15%;}
.slide_info h2{ font-size:24px !important; line-height:30px; }
.content-area{ width:auto; margin:0; padding:50px 20px;}
#sidebar{ width:30%;}
.site-main{ width:100%;}
.cols-4 h5{ font-size:16px;}
/*custom  css*/
#pageholder{ width:100%;}
}

@media screen and (max-width:1169px) and (min-width:981px) { 
html{overflow-x:hidden; }
.logo{ float:left; text-align:left;}
.nivo-caption{ bottom:20%;}
}

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

.col-md-8.col-xs-12.col-sm-8.form-heading{
	width: 56.666667%;
}
.col-md-4.col-xs-12.col-sm-4.com-jou-link{
	width: 42.333333%;
}
.homeform{
	width: 100%;
}
.toggleMenu{display: block;}
.sitenav {
	float: none;
	margin: 0;
	position: absolute;
	overflow-x: hidden;
	border-radius: 0;
	top: 58px;
	border-bottom: none;
	right: 0;
	min-width: 270px;
}
.sitenav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0; z-index:9999 !important;}
.sitenav ul li{ background:#051721; padding:0; border-top:1px #4a4a4a solid; display:block; z-index:9999 !important; float:none; text-align:left; border-bottom:none !important}
.sitenav ul li a{padding:10px !important; display:block; color:#FFF; font-weight:600; font-size:14px; border:none;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{color:#fff;  border:none ; border-radius:0;}
.sitenav ul li ul, .sitenav ul li ul ul{ display:block !important;}
.sitenav ul li ul li{padding: 0px 0px; width:100%;}
.sitenav ul li ul li a:before{content:"\00BB \00a0";}
.sitenav ul li ul li a{padding-left:20px !important; color: #FFF;}
.sitenav ul li ul li a, .sitenav ul li.current-menu-ancestor a.parent{ border:none; border-radius:0;}
.sitenav ul li ul li ul li a{padding-left:30px !important;}
.sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
.sitenav ul li:hover > ul{ background:none !important; box-shadow:none;}
.sitenav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}
.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.sitenav ul li:hover ul li:hover ul, .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
}

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
.icons-style {font-size: 17px !important;padding-top: 5px !important;color: #fff;}
.top-head
{width: 100% !important;}
.heading
{padding: 25px 0px 15px 0px !important;font-size: 18px;}
.form-1{width: 100% !important;}
.dropoff-area{padding: 25px !important;}
.sec-form-btn{margin-left: 0px !important;margin-top: 10px;margin-bottom: 35px;}
.div-width{width: 100% !important;}
.mapp{width: 300px !important;}
.mr-div{margin: 0px !important;}
.text-left{text-align: left !important;}
.form-pd{padding: 10px !important;}
.box-height{height: 400px !important; }
/*.btn-box{padding: 0px 10px !important;}*/
.lst-form-heding{width: 100% !important;}
.stepwizard-row:before{    top: 22px !important;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 2px;
    background-color: #000;}
.btn-circle {width: 45px !important;height: 45px !important;}
.social21{width: 100%;}
ul.footerlist > li{display: block;}
.logo { float: none; padding: 0px 0; width: 200px; left: 10px; top: 11px; }
.logo img {width: 100%;}
.main-banner h2 { font-size: 30px; line-height: 40px;width: 300px;}
#footer-wrapper { min-height: 175px;}
/*body {
  background: rgba(0, 0, 0, 0) url("https://www.travelforcetransport.com/wp-content/uploads/2018/03/banner-1mobile.jpg") no-repeat fixed -29px 20px !important;width: 100%; word-wrap: break-word;}
#footer-wrapper{background-image: url("https://www.travelforcetransport.com/wp-content/uploads/2018/03/banner-1mobile2.jpg"); background-position: left top; background-repeat: no-repeat;}
*/.homeform { margin: 0px 0 0;}
.callblock {padding: 2px 0px;top: 54px;left: 30px; display:none;}
.callblock > p { font-size: 30px; text-align:left;}
.header {height: 57px;}
.es_shortcode_form {margin: 10px auto 0;}
.es_textbox input.es_textbox_class {width: 320px; margin-bottom:10px;}
.email { padding: 5px 0;}
button.multiple { margin:0 0 15px;}
.tab-content > .tab-pane {padding: 0px 0 0;}
.form-group .box {float: left; margin-bottom: 15px; position: relative;  width: 100%;}
.homeform h3 {font-size: 16px; line-height: 22px; margin-bottom: 0px;padding-bottom: 9px; text-align:center;}
.form-group.checkbox.checkbox-primary { margin-top:0px; width: 100%; float:left;}
.category-box img { margin-bottom: 10px; width: 100%;}
.fixed-header .callblock{ display:none;}
.logo span {  font-size: 14px; margin-left: -10px; padding-left:0;}
button.btn-success.show-form { left: 22px;  position: absolute; right: 0; top: -40px;}
h1.entry-title{margin-top: 15px; font-size:20px;}
.main-heading h2::after {left: 38%;}
.main-heading h2 { font-size: 24px;}
ul.footerlist > li a { font-size: 12px;}
#footer-wrapper { padding: 30px 0 0;}
#footer-wrapper .social-icons { margin: 10px 0 20px;}
.ftbdr { margin:0 0 15px 0;}
.card-pay { margin-bottom: 15px;}
#section-3 { padding-bottom:0;}
.sitenav{right:-15px; min-width: 340px; top:63px; z-index:9999 !important; padding:0;}
.toggle a{right:10px; top:4px;margin: 0 8px !important;height: 42px !important;float: none !important;}
.navigation {margin-top: 0; padding: 10px 0 44px; display: inline-block; width: auto; height: 100%;}
.duration {background: transparent none repeat scroll 0 0;}
.duration div br { display: block;}
.duration strong{ float: none; margin: 10px 0 0; text-align: right;}
.duration .fa.fa-history { float: none;}
.duration span { float: none;  margin: 10px 5px 0 0;}
input.return_outbound_journey[type="date"] {width: 294px !important;}
input.return_inbound_journey[type="date"] {width: 294px !important;}
input.oneway_outbound_journey[type="date"] {width: 294px !important;}
input.return_outbound_time_hr[type="time"] {width: 294px !important;}
input.return_inbound_time_hr[type="time"] {width: 294px !important;}
.journy { clear: both; float: none; padding: 0 0 10px 0; text-align: center; width: 100%; font-size:16px;}
.trustedsite-floating-element { display: none !important;}
.csooscontent {min-height: auto;}
.maxl {text-align: center;margin: 0 auto; width:100%;display: inline-block;}
.maxl .radio {display: inline-block;width: 39%;float: none;margin: 0;}
.maxl span {float: left;}
.maxl input {margin: 3px 3px 0 0 !important;}
.jurnytype {margin: 0 0 10px 0px;text-align: center;border-bottom: 1px dashed #DDD;padding-bottom: 10px;}
.email .email2 .checkbox {padding-left: 26px;}

	.col-md-8.col-xs-12.col-sm-8.form-heading{
    	width: 100%;
	}
	.col-md-4.col-xs-12.col-sm-4.com-jou-link{
    	width: 100%;
	}
	.form-heading-wrapper .journy{
		text-align: center;
		line-height: 22px;
    	padding-bottom: 0px;
    	font-size: 16px;
	}
	.homeform .form-heading-wrapper h3{
		margin-bottom: 5px;
		line-height: 24px;
		font-size: 20px;
	}
	.form-heading-wrapper{
		padding: 20px 30px 10px;
		margin-top: 0px;
	}
	.homeform .tab-content > .tab-pane{
    	padding: 0px 0px 0px;
	}
}

@media only screen 
and (min-width : 481px) 
and (max-width : 767px) {
.logo{ padding: 10px 0;}
.logo img {width: 100%;}
.main-banner h2 { font-size: 34px; line-height: 40px;width: 300px;}
.homeform { margin: 48px 0 0;}
/*.owl-carousel .owl-item {width: 480px !important;}*/
.es_shortcode_form {margin: 10px auto 0;}
.es_textbox input.es_textbox_class {width: 320px; margin-bottom:10px;}
}

@media only screen 
and (min-width : 481px) 
and (max-width : 767px) {
.callblock > p {
	color: #FFFFFF;
	font-size: 20px;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	font-weight: 700;
	text-align: left;
	margin-bottom: 15px;
	text-shadow: 0px;
}
.callblock h3 {
	color: #FFF;
	margin-top: 6px;
	/*display: inline-block;*/
	font-weight: 700;
	text-align: left;
	font-size: 39px;
	text-transform: uppercase;
	text-shadow: 0px;
		font-family: "Open Sans",Arial,Helvetica,sans-serif;

}
.callblock > h4 a {
	color: #FFF;
	margin-top: 5px;
	text-transform:none;
}
.toggle a{width:46px;}
}


@media only screen 
and (min-width : 992px) 
and (max-width : 1199px) {
	.logo span{font-size: 12px; padding-left: 0px;}
}
@media only screen 
and (min-width : 1200px) 
and (max-width : 1250px) {
	#stick-logo {width: 88%; padding: 5px 0;}
}
@media only screen 
and (min-width : 768px) 
and (max-width : 1199px) {
	.callblock {padding-top: 0px; position: absolute; top: 8px; right: 95px;}
	.toggle a{top: 12px; right:20px;}
.sitenav{top: 55px;}
}
@media only screen 
and (min-width : 481px) 
and (max-width : 640px) {
	.logo {padding: 0px 0; width: 200px;}
	.callblock {top: 55px;}
	.callblock > p{margin-bottom:0px;}
	.callblock h3{font-size: 30px;}
	.callblock > h4 a{font-size: 12px;}
	.navigation{min-height: 121px;}
	.toggle a {width: 46px;top: 5px;right: 20px;}
}
@media only screen 
and (min-width : 641px) 
and (max-width : 767px) {
	.logo {padding: 0px 0; width: 250px;}
	.toggle a{top: 5px; right:20px;}
/*	.callblock {top: 0; right: 80px; left: none;}
*/	.callblock > p{margin-bottom:0px;}
	.callblock h3{font-size: 38px;}
	.callblock > h4 a{font-size: 16px;}
	.navigation{min-height: 121px;}
}
@media only screen and (min-width : 320px) and (max-width : 549px) {
.trustpilot-widget iframe {height: 270px !important;}
}
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
.page-id-37 .trustpilot-widget iframe {height: 650px !important;}

.callblock h3 {
	font-size: 30px;
	font-weight: 700;
	color: #65216c!important;
	text-align: left;
	text-shadow: 0px;
	margin:0;
	font-family:"Open Sans",Arial,Helvetica,sans-serif;
}
.callblock > h4{ margin:0; text-align:left;}
.callblock > h4 a {
	font-size: 13px;
	margin-top: 5px;
	color: #65216c;
	text-shadow: 0px;
	text-transform: none;
	text-align:left;
	font-family:"Open Sans",Arial,Helvetica,sans-serif;
}
.callblock > h4 a:hover{ color:#FFF;}
}

@media only screen 
and (min-width : 1250px)  {
}
html {
	font-size: 14px;
}
@media (min-width:1400px) {
html {
	font-size: 16px;
}
}
@media (min-width:1600px) {
html {
	font-size: 18px;
}
}
@media (min-width:1800px) {
html {
	font-size: 20px;
}
}
@media (min-width:2000px) {
html {
	font-size: 24px;
}
}
.callblock h3 a{
	color: #65216c;
}
.callblock h3 a:hover{
	color: #65216c;
}

@media only screen and (max-width: 767px){
	.Whatsapp_Chat {
		bottom: 10px;
		right: 10px;
		font-size: 10px;
	}
	.Whatsapp_Chat h4 {
		font-size: 16px;
	}
	.banner-form-wrapper{
		background-size: cover;
	}
	.duration{
		text-align: center;
	}
	.duration-icon{
		margin: 10px auto;
	}
	.duration .row{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.duration .duration-time{
		padding-left: 0px;
	}
	.duration span{
		font-size: 14px;
	}
	.duration strong {
		font-size: 14px;
		line-height: 16px;
	}
	.duration .fa.fa-history{
		font-size: 11px;
		margin-left: 2px;
		padding: 6px 7px;
	}
	.duration .fa.fa-map-marker{
		font-size: 11px;
		padding: 6px 8px;
		margin-left: 2px;
	}
	.duration span{
		margin: 10px 0px 0px 0px;
	}

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


	.form-group.btn1{
		margin-top: 40px;
	}
	.col-md-8.col-xs-12.col-sm-8.form-heading{
		width: 100%;
	}
	.col-md-4.col-xs-12.col-sm-4.com-jou-link{
		width: 100%;
	}
	.duration span{
		float: none;
	}
	.duration .fa.fa-history{
		float: none;
	}
	.duration strong{
		float: none;
	}
	.duration div br {
		display: block;
	}
	/*.text-align-right,.text-align-left{
		text-align: center;
	}
	.duration .row{
		display: block;
	}*/
}

@media (min-width: 768px) {
	.headerInner{
		display: flex;
		flex-wrap: wrap;
		/* align-items: baseline; */
		/* j */
		align-items: center;
		padding: 30px 0 20px;
	}
	.headerLeft{
		padding-right: 20px;
		width: 28%;
	}
	.headerRight{
		width: 72%;
		/* j */
		display: flex;
		justify-content: space-evenly;
		align-items: baseline;
	}
	.headerRightTop{
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
}

/* j */

@media (min-width: 768px) and (max-width:1199px){
	.headerRight {
		flex-direction: row-reverse !important;
		align-items: center !important;
		justify-content: end;
	}
	}

	@media (min-width: 1200px){
		.headerRight {
			justify-content: end;
			align-items: baseline;
			gap: 36px;
		}
	}
	@media (max-width:1200px){
			#menu-upt-menu li{
				padding: 4px 19px;
			}
			.sitenav ul.menu > li:last-child::after {
				background-color: #051721;
				position: absolute;
				left: 0;
			  }
		}
		@media only screen and (min-width: 320px) and (max-width: 480px){
		.sitenav {
			min-width: 250px;
		}
	}