/* ==========================================================================

    Media Queries

   ========================================================================== */



/* Tablet Landscape */

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

    .clearfix:before,.clearfix:after{content:" ";display:table;}

    .clearfix:after{clear:both;}

    .clearfix{*zoom:1;}



    .center{

        width: 960px;

    }

    header .top_area .top_nav ul li a::after{

	    margin: 0 5px

    }

    header .top_area .phone{

	    font-size: 16px;

	    margin-right: 10px;

    }

    header .top_area .phone strong{

	    font-size: 16px;

    }

    header .main_navigation ul li{

	    margin-right: 35px;

    }

    .showcase .booking_form{

	    width: 960px;

	    margin-left: -480px;

    }

    .logo img{

	    display: block;

	    max-width: 95%;

	    margin: 0 auto;

    }

    .offer_details ul li{

	    font-size: 12px;

    }

    .offer_details ul li i{

	    width: 25px;

    }

    .offer_details p{

	    font-size: 14px;

	    line-height: 21px;

    }

    .textbox h3,

    .banner .overlay h3{

	    font-size: 18px;

    }

    .textbox p,

    .banner .overlay p{

	    font-size: 15px;

	    line-height: 21px;

    }

    .footer_nav ul li{

	    margin-right: 23px;

    }

    .status li a{

		font-size: 15px;

		margin-right: -30px;

	}

	.selected_vehicle form .note{

		width: 150px;

		line-height: 18px;

	}

	.vehicle_list article .stats-list{

		width: 180px;

	}

	.vehicle_list article .offer{

		width: 100%;

		margin-top: 10px;

	}

	.vehicle_list article figure{

		margin: 0;

		width: 50%;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

	}

	.vehicle_list article .stats-list{

		width: 50%;

		padding-left: 65px;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

	}

	.book_information article .contact_details{

		padding: 0;

	}

	.contact_information {

		background-image: none !important;

	}

}

/* Tablet Portrait */

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

	.contact div {

		padding: 0;

	}



	html, body{

		overflow-x: hidden;

	}

	.center{

        width: 728px;

    }

    .logo img{

	    margin-top: 20px;

    }

    header .top_area .top_nav ul li a{

	    font-size: 12px;

    }

    header .top_area .phone{

	    font-size: 12px;

	    margin-right: 5px;

    }

    header .top_area .phone strong{

	    font-size: 12px;

    }

	.showcase .booking_form{

	    width: 728px;

	    margin-left: -364px;

    }

    header .main_navigation ul{

		display: none;

	}

	header .main_navigation #mobile_navigation_trigger{

		display: block;

		padding: 0 30px;

	}

	.carousel_wrapper .title{

		height: auto;

		line-height: inherit;

		padding: 20px;

		font-size: 18px;

	}

	.carousel_wrapper .title strong{

		font-size: 18px;

	}

	.textbox,

	.banner .overlay{

		padding: 15px;

	}

	.offer_details h3{

		font-size: 18px;

	}

	.offer_details p {

		font-size: 12px;

		line-height: 17px;

	}

	.steps{

		padding: 0 10px 30px;

	}

	.steps .col.col2_point5{

		display: none;

	}

	.steps .col.col5{

		width: 33.33%;

	}

	.steps .step .btn{

		min-width: 100%;

	}

	.footer_nav ul li {

    margin:0 12px;

}

	.cars_listing ul.cars_nav li{

		margin-bottom: 10px;

		margin-right: 10px;

	}

	.vehicle_showcase .vehicle_preview figure{

    height: auto;

}

	.vehicle_showcase .more_vehicle div figure{

		height: 70px;

	}

	.vehicle_showcase .more_vehicle div{

		height: 252px;

	}

	.single_vehicle_details .offer ul li{

    font-size: 10px;

    height: auto;

}

	.single_vehicle_sum .extra_options,

	.similar_model{

		width: 100%;

	}

	.single_vehicle_details .btn{

		width: 100%;

	}

	.selected_vehicle form .note{

		width: 100%;

	}

	.selected_vehicle form .date_wrapper,

	.selected_vehicle form .time_wrapper{

		width: 49%;

		margin: 0 1% 0 0;

	}

	.status li a{

    font-size: 12px;

    display: block;

    text-align: center;

}

	.status li a::before {

		height: 22px;

		left: 5px;

		line-height: 22px;

		margin-top: -11px;

		width: 22px;

}

	.vehicle_list article .stats-list{

		padding-top: 0;

	}

	.book_information aside h3{

		height: auto;

		line-height: 20px;

		padding-top: 15px;

		padding-bottom: 15px;

	}

	.book_information aside ul li{

		height: auto;

		line-height: 20px;

		padding-top: 15px;

		padding-bottom: 15px;

	}

	.book_information aside h2{

		height: auto;

	}





	.showcase .slider .slide {

		min-height: 370px;

	}

}

/* Mobile Landscape */

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



    .center{

        width: 100%;

        padding: 0 20px;

    }

	.showcase .booking_form{

		width: 100%;

		left: 0;

		margin-left: 0;

}

	.showcase h1 {

		display: none;

}

	header .col.col4,

	header .col.col16{

		width: 100%;

	}

	.banners .col.col9_point5{

		width: 100%;

	}

	.banners .banner_divider{

		display: none;

	}

	.interesting .col.colone_third{

		width: 100%;

	}

	.textbox{

		height: auto;

		padding-bottom: 60px;

	}

	.offers .col.colone_third{

		width: 100%;

	}

	.steps .col.col5{

		width: 100%;

	}

	.footer_nav ul li{

		display: block;

		float: none;

		text-align: center;

		width: 100%;
		
	}

	.footer_nav{

		height: auto;

		line-height: 35px;
		
	}
	
	.footer_nav h2 {
		
		text-align: center;

		width: 100%;
		
	}

	footer .col.col5,

	footer .col.col4,

	footer .col.col3,
	
	footer .col.colone_third{

		width: 100%;

		text-align: center;

	}

	.copyright .col.col7,

	.copyright  .col.col6{

		width: 100%;

		text-align: center;

	}

	header .top_area .phone{

		display: block;

		float: none;

		width: 100%;

		text-align: center;

	}

	header .top_area .phone{

	    font-size: 20px;

	    margin-right: 0px;

    }

    header .top_area .phone strong{

	    font-size: 20px;

    }

    header .top_area .phone span{

	    width: 100%;

		display: block;

		line-height: 10px;

    }

    .car_details article.col.col13,

    .car_details aside.col.col7{

	    width: 100%;

    }

    .cars_listing .col.col10{

	    width: 100%;

    }

    .status li{

	    -moz-transform: skewX(0deg);

	    -webkit-transform: skewX(0deg);

	    -o-transform: skewX(0deg);

	    -ms-transform: skewX(0deg);

	    transform: skewX(0deg);

	    width: 100%;

	    border: none;

	    height: 40px;

	    line-height: 40px;

	    text-indent: 0px;

	    text-align: left;

}

    .status ul li:nth-child(2n){

	    border-right: none;

    }

    .status li a{

	    -moz-transform: skewX(0deg);

		-webkit-transform: skewX(0deg);

		-o-transform: skewX(0deg);

		-ms-transform: skewX(0deg);

		transform: skewX(0deg);

    }

    .status ul{

	    margin: 0;

    }

    .vehicle_showcase .vehicle_preview,

    .vehicle_showcase .more_vehicle{

	    width: 100%;

    }

    .vehicle_showcase .more_vehicle div{

	    height: auto;

    }

    .vehicle_showcase .more_vehicle div figure{

	    height: 100px;

    }

    .single_vehicle_sum .extra_options{

	    padding-right: 0;

    }

    .single_vehicle_sum,

    .single_vehicle_details{

	    width: 100%;

	    padding: 0;

	    margin-bottom: 10px;

    }

    .vehicle_footer{

	    padding-top: 10px;

    }

    .faq dl dd{

	    padding-left: 15px;

    }

    .rates_included .col.col5{

	    width: 50%;

    }

    .vehicle_list article figure:after{

	    display: none;

    }

    .vehicle_list article figure{

	    width: 100%;

    }

    .vehicle_list article .stats-list{

	    width: 100%;

	    padding: 20px;

    }

    .vehicle_list article .offer .offers li{

	    height: auto;

    }

    .book_information .col.col6,

    .book_information .col.col14{

	    width: 100%;

    }

    .book_information article h3{

	    height: auto;

    }

    .book_information article img.pull-right{

	    max-width: 100%;

	    height: auto;

    }



	.cmspage.contact .col10 {

		width:100%;

	}







	.vehicle_list article .price {

		position: relative;

		bottom: 0;

		right: 10px;

}

.selected_vehicle h3 {

    text-align: left;

	text-indent: 20px;

}



	.showcase .slider .slide {

		min-height: 270px;

	}



}

/* Mobile Portrait */

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



    header .top_area .top_nav{

	    display: none;

    }

    .showcase .booking_form form .location_wrapper,

    .showcase .booking_form form .date_wrapper,

    .showcase .booking_form form .time_wrapper{

	    width: 100%;

	    margin: 0;

    }

    .showcase .booking_form form label{

	    font-size: 13px;

    }

    .cars_listing article .car_showcase figure,

    .cars_listing article .car_showcase ul.stats-list{

	    width: 100%;

    }

    .selected_vehicle form .date_wrapper, .selected_vehicle form .time_wrapper{

	    width: 100%;

    }

    .vehicle_showcase .vehicle_preview figure{

    height: auto;

}

    .vehicle_showcase .more_vehicle div figure{

	    height: 60px;

    }

    .single_vehicle_sum .extra_options ul li{

	    height: auto;

	    line-height: 28px;

    }

    .single_vehicle_sum .extra_options h4{

	    height: auto;

	    line-height: 22px;

	    padding: 10px 20px;

    }

    .rates_included .col.col5{

	    width: 100%;

    }

    .vehicle_list article .offer{

	    padding-bottom: 120px;

    }

    .book_information article .contact_details input[type="submit"]{

	    width: 100%;

    }

    .contact_details .col.col10{

	    width: 100%;

    }

    .renew.btn{

	    position: relative;

	    left: 10px;;

	    right: auto;

	    top: auto;

		margin: 0 auto;

    }

    .selected_vehicle form .col.col10{

	    width: 100%;

    }



	.slider.slick-initialized.slick-slider {

		display: none;

	}



	.showcase .booking_form {

		position: relative;

		margin: 10px 0 0;

	}

	.showcase h1 {

		display: none;

	}



	.cmspage,.cars_listing {

		margin-top: 50px;

	}



h2.blue_header.top {

	margin-top: 10px;

}

}