/*-----------------------------------------
* Theme Name: Travel Stock
* Author: Themez Hub
* Version: 1.0
* Last Change: Aug 15 2018
  Author URI    : http://www.themezhub.com/
 --------------------------------*/
@media only screen  and (min-width : 768px) {
	.main-banner.home-page-cover {
		padding: 9% 0 7%;
	}
	.main-banner {
		padding: 16% 0 10%;
		width: 100%;
		height: auto;
		/*padding:15% 0 5%;
		min-height: 650px;
		height: 100vh;*/
	}
	.page-title.image-title {
		height: 450px;
	}
	
	/*-------- Dashboard ----------*/
	.dashboard-bg {
		height: 100vh;
		position: fixed;
		min-height: 650px;
		z-index: 11;
	}
	.navbar-nav>li.dash-link>a .avatar {
		position: absolute;
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 36px;
		text-align: center;
		border-radius: 100%;
		background-color: #f5f6f7;
		color: #fff;
		text-transform: uppercase;
		left: -27px;
		top: 20px;
	}
}
	
@media only screen  and (min-width : 993px) {
	section {
		padding:4em 0 4em 0;
	}
	.navbar-default .navbar-brand img {
		/*max-width:170px;*/
		max-width: 142px;
    	margin-top: 7px;
	}
	.half-box {
		padding:140px 40px;
	}
	.half-box h2{
		font-size:50px;
	}
}

@media only screen  and (min-width : 1024px) {
	h1 {
	  font-size:46px;
	}
	h2 {
	  font-size:36px;
	}
	h3 {
	  font-size:27px;
	}
	h4 {
	  font-size:20px;
	} 
	
	h5 {
	  font-size:17;
	}
	
	h6 {
	  font-size:12;
	}
	
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu.left-nav li a {
		text-align:left;
	}
	
	/*------------ Custom Font Style --------------*/
	.font-50{
	font-size:50px;
	}

	.font-60{
		font-size:60px;
	}

	.font-80{
		font-size:80px;
	}

	.font-100{
		font-size:100px;
	}

	.font-150{
		font-size:150px;
	}

	.font-200{
		font-size:200px;
	}

	.font-250{
		font-size:250px;
	}

	.font-300{
		font-size:300px;
	}

	.font-400{
		font-size:400px;
	}

	.font-450{
		font-size:450px;
	}

	.font-500{
		font-size:500px;
	}

	.font-bold{
		font-weight:bold;
	}
	.main-banner h2 {
		font-size: 40px;
		font-weight: 600;
		/*margin-bottom:10px;*/
    	/*padding-top: 90px;*/
	}
	.main-banner p{
		font-size:17px;
	}
	.sub-caption{
		font-weight: 600 !important;
		font-size: 28px !important;
		margin-top: 28px !important;
	}
}

@media only screen  and (min-width : 1200px) {
}

@media only screen and (max-width: 1023px) and (min-width: 993px){

}

@media screen and (max-width: 1199px) {

}

@media only screen and (max-width: 992px) and (min-width: 768px){

}
@media screen and (max-width: 992px) {
	.navbar-default .navbar-brand img {
		max-width: 160px;
	}
	.main-banner .form-control{
		margin-bottom:10px;
	}
	
	.fb-log-btn {
		margin-bottom: 10px;
	}
	
	.main-banner {
		padding-top: 120px;
	}
	.log-screen {
		background-image: none !important;
	}
	.soon-wrapper {
		background-image: none;
	}
	
	/*--------- Dashboard ----------*/
	.book_image {
		margin: 0 15px 0 0;
		width: 100%;
	}
	.dasboard-prop-listing .prop-info {
		width: 100%;
	}
	
}

@media screen and (max-width: 767px) {
	/*-- General Style--*/
	html body .mob-padd-0{
		padding:0;
	}
	html body .mob-mrg-0{
		margin:0;
	}
	html body .mob-extra-mrg{
		margin-left:-15px;
		margin-right:-15px;
	}
	.heading h2 {
		font-size: 27px;
	}
	/*----- Mobile Padding Settings ------*/
	.mob-padd-0{
		padding-left:0;
		padding-right:0;
	}
	.mob-mrg-0{
		margin-left:-15px;
		margin-right:-15px;
	}
	.mob-extra-mrg{
		margin-left:-15px;
		margin-right:-15px;
	}
	
	.banner {
		padding: 100px 0 80px 0;
	}
	
	.mbb-1{
		border-bottom:1px solid #dde6ef;
	}
	.destination-box.list-style, .hotel-box.list-style, .restaurent-box.list-style, .tour-box.list-style {
    height: auto;
	}
	.destination-box.list-style .inner-box, .hotel-box.list-style .inner-box, .restaurent-box.list-style .inner-box, .tour-box.list-style .inner-box  {
		padding: 30px 20px 30px 20px;
	}
	.sl-box{
		margin-bottom:10px;
	}
	.profile-header-nav .theme-btn {
		width: 100% !important;
		display: block;
		float: none !important;
		margin-bottom: 15px;
	}
	.profile-header-nav .fl-right{
		float:none;
	}
	.profile-header-nav .nav-tabs li a {
		border-right:none;
	}

	.log-wrapper {
		display: block !important;
	}
	.nice-select ul.list {
		max-height:150px;
		overflow-y: scroll;
	}

}

@media screen and (max-width: 479px) {
	ul.amenities.third li{
		width:50%;
	}
	ul.amenities.fourth li{
		width:50%;
	}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

	.nav-tabs.center-nav{
	    width: 102%;
	}
	.nav-tabs.search-header-tab{
		width: 102%;
	}
	.nav-tabs{
	    padding: 15px 0px 18px 15px;
	    /*margin-top: 50px;*/
	}
	.search-header-tab{
		margin-top: 50px;
	}
	.main-banner h2 {
	    /*float: left;*/
	    text-align: center;
	    margin-top: 0px;
	    font-weight: 600;
	}
	.caption h3 {
	    font-size: 26px;
	}
	.contact-para {
	    padding-left: 25px;
	    padding-right: 25px;
	}
	.sub-caption{
		font-size: 24px !important;
    	margin-top: 2px !important;
    	font-weight: 600 !important;
	}
	/*.vehicle-tab{
		margin-top: -10px;
	}*/
	.main-banner fieldset .form-control{
	    /*padding: 11px 15px;*/
	}
	.form-search-btn{
	    width: 100%;
	    text-align: center;
	    margin-top: 12px;
	}

	.process-img img{
		height: 60px;
    	width: 60px;
	}
	.work-process h4 {
	    font-size: 14px;
	}

	/*#view-booking-form{
		font-size: 16px;
    	font-weight: 600;
    }*/
	.down-arrow {
	  text-align: center;
	  margin: 0% 0;
	}
	.bounce {
	  -moz-animation: bounce 2s infinite;
	  -webkit-animation: bounce 2s infinite;
	  animation: bounce 2s infinite;
	}
	.fa-chevron-down, .fa-chevron-up{
		font-size: 22px !important;
    	margin-top: -5px;
	}
	@keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
	    transform: translateY(0);
	  }
	  40% {
	    transform: translateY(-30px);
	  }
	  60% {
	    transform: translateY(-15px);
	  }
	}

	.tsi-journey-list {
	    padding: 0em 0 4em 0;
	}
	.category-area{
		margin-bottom: 30px;
	}
	.category-area p{
		margin: 0;
	}
	.category-preview h3 {
	    font-size: 21px;
	}

	.heading{
		padding: 0 0 15px;
	}

	.affiliations-section img{
		width: 100%;
	}

	.borderRight {
	   	border-bottom: 1px solid #bababa;
	   	border-right: none;
	}
	.homepage-review-box{
		padding: 0px;
	}
	.reviews {
	    font-size: 15px;
	    padding: 5px;
	}
	#text{
    	display:none;
	}
	.whitebox {
	    box-shadow: 0 0 4px 0 #bababa;
	}
	.read-more-btn{
		background-color: #cccccc3b;
	}
	#read-more-reviews{
		font-weight: 600;
		font-size: 17px;
	}

	#page-subheader{
		display:none;	
	}

	#accordion .panel-title a{
	    font-size: 17px;
    	padding: 15px 15px;
    	text-align: initial;
	}
	#accordion .panel-title a.collapsed:before, #accordion .panel-title a:before{
		right: 10px;
	}
	#accordion .panel-body p {
		text-align: justify;
		font-size: 15px;
		padding: 0px 15px;
	}

	.payment-options{
	    padding-right: 15px;
    	padding-left: 15px;
	}
	.payment-options div{
		padding: 0px;
	}

	.f-social-box ul li {
	    padding: 0 2px;
	}

	.award-list img, .about-page img {
	    width: 315px;
	}
	.about-half-section img {
	    width: 344px;
	    height: 218px;
	}

	.sl-box {
	    margin-bottom: 0px;
	}
	.fade h3 {
	    font-size: 17px;
	}
	.main-banner {
	    padding-top: 105px;
	}
	.rental-vehicle-cover{
		padding-top: 220px;
	}

	nav.navbar.bootsnav ul.nav>li>a {
	    font-size: 18px;
	}

	.mobile-call-icon{
	    color: #fff;
	    /*color: #9f2819;*/
	    font-size: 25px;
	    float: right;
	    margin-top: 23px;
	}
	.mobile-call-icon:hover, .mobile-call-icon:focus, .mobile-call-icon:active{
		color: #fff;
	}

	.sidebar-social-icons{
		padding: 18px;
	}
	.sidebar-social-icons a{
		padding: 5px 5px;
	}

	.round-trip-tab{
		width: 50%;
	}
	.round-trip-btn{
	    width: 100% !important;
	}
	.fs-14{
		font-size: 12px;
	}

	.table-responsive {
	    border: none;
	}

	.trip-detail-head{
		margin: 4px 0px 0px 38px;
    	font-size: 18px;
    	font-weight: 500;
	}
	.trip-detail-point{
		margin-bottom: 12px;
	}

	.ss-pl{
		padding-left: 20px;
	}

	.ss-fs-14{
		font-size: 14px;
	}
	.edit-search{
		margin: 3px !important;
    	font-size: 14px;
	}
	.search-content.fixed i {
	    font-size: 13px;
	}
	.search-content.fixed h4 {
	    font-weight: 600;
	    font-size: 13px;
	}
	.rental-btn{
		padding: 10px;
	}
	.tour-box.list-style .entry-title a {
	    font-size: 20px;
	}
	.round-trip-box{
	    height: auto !important;
	}

	.column {
	    width: 100%;
	    padding: 0px 15px;
	}
	.fleet-vehicles{
		padding: 0px 20px !important;
	}

	.services-section p {
	    font-size: 13px;
	}

	nav.navbar.bootsnav .navbar-brand{
		border: none;
	}

	.cancel-search{
		margin: -15px;
	}
	.fixed{
		padding-top: 16px;
	}
	.package-experience{
	    border: none;
	    padding-top: 15px;
	}
	.package-detail{
	    padding-right: 15px;
	}
	.package-overview{
	    padding-right: 15px;
	}
	/*.itenary-container .itenary-content .itenary-day {
	    min-width: 75px;
	}
	.itenary-container .itenary-content .itenary-destination.overview {
	    min-width: 250px;
	}
	.itenary-container .itenary-content .itenary-destination{
		margin: 0 15px 0 18px;
	}*/
	.tabs-content-block h3{
		margin-left: 15px;
	}
	.itenary-container .itenary-content{
		width: 100%;
		display: inline-table;
	}
	.itenary-container .itenary-content .itenary-day{
		width: 30%;
    	padding: 20px;
    	/*max-width: auto !important;*/
    	min-width: auto !important;
	}
	.itenary-container .itenary-content .itenary-destination{
	    width: 70% !important;
    	margin: 0;
    	padding: 18px;
    	/*max-width: auto !important;*/
    	max-width: 262px !important;
    	min-width: auto !important;
    	margin-top: 0px !important;
	}
	.package-img{
		height: auto;
	    width: 70%;
	    margin: 0;
	    float: right;
	    padding: 0px 15px;
	}
	.package-detail-cover{
    	height: 60vh;
	}
	.journey-header {
	    margin-top: -76%;
	}
	.journey-header h6 {
    	font-size: 12px;
    }
    .journey-header h1 {
    	font-size: 26px;
    }
    .duration-price h3{
    	font-size: 17px;
    }
    .guest-limit h3 {
	    font-size: 14px;
	}
	.other_source_city input {
	    /*margin-top: 2px;*/
	}
	.other_destination_city input {
	    /*margin-top: 2px;*/
	}
	.search-header-error {
	    bottom: -8px;
	}
	.padd-2 {
	    margin-top: 5px;
	}
	.award-list div.col-md-4, .about-page div.col-md-4, .about-half-section div.col-md-6{
		text-align: center;
	}
	.award-list h3{
		font-size: 20px;
	}
	.enquiry-modal-dialog {
	    width: 100%;
	}
	.btn{
		padding: 14px 40px;
	}
	.fleet-tabs{
	    width: 100%;
	}
	.main-cover-banner{
	    padding: 18% 0 0% !important;
	    /*padding: 35% 0 0% !important;*/
	}
	.main-cover-banner img{ 
	    height: 280px;
	    /*height: 180px;*/
	}
	.home-page-banner img{
		 height: 250px;
	}
	.vehicle-content{
		height: auto;
	}
	.tsi-fleet-img {
    	height: auto;
    }
    .alert-danger {
		width: 100%;
	}
	.home-page-banner .caption{
		margin-top: -80%;
	}
	.covid-img img{
	    height: 255px;
    	width: 312px;
    }
    .covid-img{
        margin-top: 5%;
    }
	.main-cover-banner .banner-head{
		font-size: 22px;
	}
	.vertical-align {
	    display: inherit;
	    align-items: center;
	    padding: 0;
	}
	.opportunity-col-left {
	    position: relative;
	    left: 0;
	    padding: 0;
	    margin-bottom: 26px;
	    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15), 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	}
	#home-section-one .ocr-one, #home-section-one .ocr-two, #home-section-one .ocr-three, #home-section-one .ocr-four {
	    padding: 35px 20px;
	}
	#home-section-one h3 {
	    font-size: 19px;
	}
	.ga-text-divider {
	    /*margin-left: 40%;*/
	}
	#home-section-one h4 {
	    font-size: 16px;
	}
	.opportunity-col-right {
	    position: relative;
	    right: 0;
	    top: -25px;
	}
	.opportunity-text {
		font-size: 16px;
	}
	.fleet-banner .caption{
		margin-top:-74%;
	}
	.contact-banner .caption{
	    margin-top: -38%;
	}
	.covid-heading {
	    padding: 0;
	    text-align: center;
	}
	.home-second-section{
	    padding: 0;
	}
	.covid-heading h2{
	    color: #7f2011;
	    font-size: 32px;
	    margin-bottom: 20px;
	}
	.home-second-section p{
		font-size: 20px;
	    margin-bottom: 20px;
	}
	.fleet-img-area{
		padding: 0px;
	}
	.home-fleet-btn{
	    margin-top: 20px;
    	text-align: center;
    	padding: 0px;
    }
    .opportunity-col-left img.feature-img{
		height: 230px;
		border-right: 5px solid #fff;
	}
	.header-contact{
	    border-right: 1px solid #fff;
	    border-bottom: 1px solid #fff;
	}
	#other-city{
	    margin-top: 0;
	    position: relative;
	    /*bottom: 188px;*/
	}
	.other-details-block{
		margin-top: 8px;
	}
	#other-city-section{
		margin-bottom: 25px;
	}
	.footer-right-alignment{
    	padding-right: 15px;
	}
	.footer-left-alignment{
	    padding-left: 15px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
{
	.affiliations-section img{
		width: 100%;
	}
	.services-section p {
	    font-size: 13px;
	}
	.sidebar-social-icons {
	    padding: 18px;
	}
	.sidebar-social-icons a {
	    padding: 5px 5px;
	}
	.mobile-call-icon {
	    color: #9f2819;
	    font-size: 25px;
	    float: right;
	    margin-top: 23px;
	}
	.nav-tabs.center-nav {
	    width: 45%;
	}
	.nav-tabs.search-header-tab{
		width: 45%;
	}
	.work-process h4 {
	    font-size: 16px;
	}
	nav.navbar.bootsnav .navbar-brand {
		border: none;
	}
	.fade h3 {
	    font-size: 15px;
	}
	.category-preview h3 {
	    font-size: 18px;
	}
	.form-search-btn {
	    width: 100%;
	    text-align: center;
	    margin-top: 10px;
	}
	.award-list img, .about-page img {
	    width: 100%;
	    height: auto;
	}
	.about-half-section img{
		width: 100%;
	}
	.fleet-btn {
	    padding: 12px 5px;
	}
	.column{
		width: 50%;
	}
	.search-header-tab {
	    margin-top: 50px;
	    width: 45%;
	}
	.round-trip-tab {
	    width: 50%;
	}
	.edit-search{
		margin-top: 5px !important;
	}
	.round-trip-btn {
	    width: 100% !important;
	}
	.rental-vehicle-cover {
	    padding-top: 220px;
	}
	.round-trip-box {
	    height: auto !important;
	}
	.tour-box.list-style .inner-box{
		padding: 15px 0px 0px 20px;
	}
	.fs-14{
		font-size: 9px;
	}
	.fs-12 {
	    font-size: 10px;
	}
	.package-experience{
	    border: none;
	    padding-top: 15px;
	}
	.package-detail{
	    padding-right: 15px;
	}
	.package-overview{
	    padding-right: 15px;
	}
	.package-detail-cover {
	    height: 40vh;
	}
	.journey-header {
	    margin-top: -31%;
	}
	.journey-header h1 {
	    font-size: 36px;
	}
	.duration-price h3{
		font-size: 22px;
	}
	.guest-limit h3 {
	    font-size: 15px;
	}
	.tabs-content-block h3{
		margin-left: 15px;
	}
	.itenary-container .itenary-content{
		width: 100%;
		display: inline-table;
	}
	.itenary-container .itenary-content .itenary-day{
		width: 30%;
    	padding: 20px;
    	/*max-width: auto !important;*/
    	min-width: auto !important;
	}
	.itenary-container .itenary-content .itenary-destination{
	    width: 70% !important;
    	margin: 0;
    	padding: 18px;
    	/*max-width: auto !important;*/
    	max-width: 500px !important;
    	min-width: auto !important;
    	margin-top: 0px !important;
	}
	.package-img{
		height: auto;
	    width: 55%;
	    margin: 0;
	    margin-left: 16%;
	    padding: 0px 15px;
	}
	.tour-box.list-style {
	    height: auto;
	}
	.tg-cartproductdetail p{
		font-size: 14px;
	}
	.search-header-error {
	    bottom: -8px;
	}
	.padd-2 {
	    margin-top: 5px;
	}
	.enquiry-modal-dialog {
	    width: 100%;
	}
	.fleet-tabs{
	    width: 12.5%;
	}
	.covid-img img {
	    height: 255px;
	    width: 325px;
	}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) 
{
	.nav-tabs.center-nav {
	    width: 46% !important;
	}
	.nav-tabs.search-header-tab{
		width: 46% !important;
	}
	.form-search-btn {
	    width: 100% !important;
	}
}

/* ipad-pro landscape*/
@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}

/* ipad-pro Portrait*/ 
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

}

/*ipad 1 & 2 portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
	nav.navbar.bootsnav ul.nav>li>a {
        font-size: 12px !important;
    }
    .transport-head {
        font-size: 12px !important;
    }
}

/*ipad 1 & 2 landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1){
	.nav-tabs.center-nav {
	    width: 36%;
	}
	.nav-tabs.search-header-tab{
		width: 36%;
	}
	.form-search-btn {
	    width: 15%;
	}
	.main-banner fieldset .form-control{
	    padding: 15px 8px;
	}
	.enquiry-modal-dialog {
	    width: 100%;
	}
	.fleet-tabs{
	    width: 12.5%;
	}
}

/* iPhone5 only */ 
@media screen and (device-aspect-ratio: 40 / 71) 
{
	.nav-tabs {
	    padding: 15px 0px 18px 15px;
	}
    .award-list img, .about-page img {
	    width: 265px;
	}
	.about-half-section img {
	    width: 290px;
	    height: 200px;
	}
	.nav>li>a {
	    padding: 8px 5px;
	}
	.heading h2 {
	    font-size: 23px;
	}
	.nice-select{
		padding-left: 5px;
	}
	.main-banner fieldset .form-control{
		padding: 15px 5px;
	}
	.search-content.fixed h4 {
	    font-size: 12px;
	}
	.footer ul li a {
    	font-size: 11px;
    }
    .journey-header {
	    margin-top: -70%;
	}
	.journey-header h6 {
	    font-size: 9px;
	}
	.journey-header h1 {
	    font-size: 20px;
	}
	.duration-price h3 {
	    font-size: 15px;
	}
	.guest-limit h3 {
	    font-size: 12px;
	}
	.table>thead>tr>th {
    	padding: 15px 8px;
    	font-size: 15px;
    }
    .m-package-heading {
	    padding: 30px 0 0 0;
	}
    .heading h2 {
	    font-size: 22px;
	}
	.m-mt-30 {
	    margin-top: 30px;
	}
	.enquiry-modal-dialog {
	    width: 100%;
	}
	.fleet-tabs{
	    width: 100%;
	}
	.home-page-banner .caption {
	    margin-top: -108%;
	}
/*iphone5 landscape*/
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px) 
and (orientation : landscape) 
{
     
}