/* DESKTOP
--------------------------------------------- */


@media screen and (min-width: 1000px) {

}



/* TABLET (iPad Pro 10.5 LANDSCAPE)
--------------------------------------------- */

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

	main h2 {
		font-size: 36px;
	}
	
	h3 {
		font-size: 36px;
	}
	
	.sub_title {
		font-size: 28px;
		margin: 4px 0 0 0;
		letter-spacing: 7px;
	}
	
	.onepage-banner .frame {
		padding: 20px 0 20px 0;
		margin-top: 80px;
	}
	
}




/* TABLET (iPad 9.7 LANDSCAPE)
--------------------------------------------- */

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

	body,
	p {
		font-size: 18px;
	}

	h1 {
		font-size: 56px;
	}

	h2 {
		font-size: 28px;
	}
	
	main h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 32px;
	}

	h4 {
		font-size: 24px;
	}

	h5 {
		font-size: 22px;
	}

	h6 {
		font-size: 24px;
	}

	h2, .h2 {
		margin-top: 0px;
		margin-bottom: 25px;
	}

	h3, .h3 {
		margin-top: 30px;
		margin-bottom: 25px;
	}
	
	h5, .h5 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.header-cars {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.header-cars img {
		max-width: 180px;
	}

	.header-book_online {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.onepage-banner .frame {
		padding: 20px 0 0px 0;
		margin-top: 60px;
	}
	
	.about-article .img-box {
		margin: 0 auto 40px auto;
		width: 240px;
		height: 240px;
	}

	#fly_sail h3 {
		font-size: 80px;	
	}
		
	#fly_sail p.large {
		font-size: 28px;	
	}
	
	#fly_sail h4 {
		font-size: 44px;	
	}
	
	#fly_sail p {
		font-size: 18px;	
	}
	
	.fly_sail-article .img-box {
		margin: 0 auto 30px auto;
		width: 200px;
		height: 200px;
		border: 6px solid #00559F;
	}

	#budget h3 {
		font-size: 80px;	
	}
		
	#budget p.large {
		font-size: 28px;	
	}
	
	#budget h4 {
		font-size: 44px;	
	}
	
	#budget h6 {
		font-size: 30px;	
	}
	
	#budget p {
		font-size: 18px;	
	}
	
	.wrapper-budget-how_it_works {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	
	.click_button-medium {
		padding: 3px 16px 4px 16px;
	}

	.click_button-large {
		padding: 4px 20px 6px 20px;
	}

	.click_button-large-border {
		padding: 4px 20px 6px 20px;
		border: solid 3px #FFFFFF;
	}

	
	/* BOOKING */
	
	#page-book_online main h2 {
		font-size: 48px;
	}

	#page-book_online main h3 {
		font-size: 32px;
	}
	
	#page-book_online main label {
		font-size: 12px;	
	}
	
	#page-book_online main input, 
	#page-book_online main select, 
	#page-book_online main option {
		font-size: 18px !important;
	}
	
	.select-wrapper select,
	.wrapper-booking_form-entry select {
		width: 95% !important;	
	}
	
	.split_box .select-wrapper select {
		width: 90% !important;	
	}
	
	.select-wrapper .jcf-select {
		min-width: 75px;
	}
	
	.select-wrapper .jcf-select select {
		width: 100% !important;	
	}
	
	.select-wrapper .jcf-select option {
		padding: 0 !important;
	}
	
	.select-wrapper .jcf-select .jcf-select-text {
		margin: 0 15px 0 0px;
		padding: 2px 0px;
	}
	
	.select-wrapper .jcf-select .jcf-select-opener {
		width: 15px;
	}
	
	.wrapper-feature_box {
		padding: 15px 15px 1px 15px;
	}
	
	.wrapper-booking_form-total p {
		font-size: 14px;
	}
	
}


/* TABLET (PORTRAIT)
--------------------------------------------- */

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

	body,
	p {
		font-size: 16px;
	}

	h1 {
		font-size: 42px;
	}

	h2 {
		font-size: 24px;
	}

	main h2 {
		font-size: 32px;
	}
	
	h3 {
		font-size: 28px;
	}

	h4 {
		font-size: 21px;
	}

	h5 {
		font-size: 18px;
	}

	h6 {
		font-size: 21px;
	}

	h2, .h2 {
		margin-top: 0px;
		margin-bottom: 25px;
	}

	h3, .h3 {
		margin-top: 30px;
		margin-bottom: 25px;
	}
	
	h5, .h5 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.header-cars {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.header-cars img {
		max-width: 150px;
	}

	.sub_title {
		font-size: 21px;
		margin: 4px 0 0 0;
		letter-spacing: 6px;
	}

	.header-book_online {
		padding-top: 36px;
		padding-bottom: 36px;
	}

	.onepage-banner .frame {
		padding: 0px 0 20px 0;
	}

	#fly_sail h3 {
		font-size: 70px;	
	}
		
	#fly_sail p.large {
		font-size: 24px;	
	}
	
	#fly_sail h4 {
		font-size: 38px;	
	}
	
	#fly_sail p {
		font-size: 16px;	
	}
	
	.fly_sail-article .img-box {
		margin: 0 auto 20px auto;
		width: 150px;
		height: 150px;
		border: 5px solid #00559F;
	}
	
	.about-article .img-box {
		margin: 0 auto 40px auto;
		width: 200px;
		height: 200px;
	}
	
	#budget h3 {
		font-size: 70px;	
	}
		
	#budget p.large {
		font-size: 24px;	
	}
	
	#budget h4 {
		font-size: 38px;	
	}
	
	#budget h6 {
		font-size: 30px;	
	}
	
	#budget p {
		font-size: 16px;	
	}
	
	.wrapper-budget-how_it_works {
		margin-top: 20px;
		margin-bottom: 0px;
	}

	.click_button-medium {
		padding: 3px 16px 4px 16px;
	}

	.click_button-large {
		padding: 3px 18px 5px 18px;
	}

	.click_button-large-border {
		padding: 3px 18px 5px 18px;
		border: solid 3px #FFFFFF;
	}

	
	/* BOOKING */
	
	#page-book_online main h2 {
		font-size: 42px;
	}

	#page-book_online main h3 {
		font-size: 26px;
	}
	
	#page-book_online main label {
		font-size: 11px;	
	}
	
	#page-book_online main input, 
	#page-book_online main select, 
	#page-book_online main option {
		font-size: 18px !important;
	}
	
	.select-wrapper select,
	.wrapper-booking_form-entry select {
		width: 95% !important;	
	}
	
	.split_box .select-wrapper select {
		width: 90% !important;	
	}
	
	.select-wrapper .jcf-select {
		min-width: 75px;
	}
	
	.select-wrapper .jcf-select select {
		width: 100% !important;	
	}
	
	.select-wrapper .jcf-select option {
		padding: 0 !important;
	}
	
	.select-wrapper .jcf-select .jcf-select-text {
		margin: 0 15px 0 0px;
		padding: 2px 0px;
	}
	
	.select-wrapper .jcf-select .jcf-select-opener {
		width: 15px;
	}
	
	.wrapper-feature_box {
		padding: 10px 10px 1px 10px;
	}
	
	.wrapper-booking_form-total p {
		font-size: 11px;
	}
	
}


@media screen and (min-width: 767px) {


	
}



/* MOBILE
--------------------------------------------- */

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

	body,
	p {
		font-size: 15px;
	}

	h1 {
		font-size: 38px;
	}

	h2 {
		font-size: 21px;
	}
	
	main h2 {
		font-size: 21px;
	}

	h3 {
		font-size: 16px;
	}

	h4 {
		font-size: 22px;
	}

	h5 {
		font-size: 16px;
	}

	h6 {
		font-size: 16px;
	}

	h1, .h1 {
		margin-top: 14px;
		margin-bottom: 8px;
	}

	h2, .h2 {
		margin-top: 0px;
		margin-bottom: 16px;
	}

	h3, .h3 {
		margin-top: 24px;
		margin-bottom: 10px;
	}
	
	h5, .h5 {
		margin-top: 15px;
	}

	.sub_title {
		font-size: 18px;
		margin: 4px 0 0 0;
		letter-spacing: 5px;
	}

	.header-book_online {
		padding-top: 10px;
		padding-bottom: 18px;
		text-align: center;
	}

	.onepage-banner .frame {
		padding: 90px 0 20px 0;
	}
	
	.onepage-banner .down-arrow {
		display: none;
	}

	.about-article .img-box {
		margin: 50px auto 30px auto;
		width: 200px;
		height: 200px;
	}
	
	#fly_sail h3 {
		font-size: 50px;	
	}
		
	#fly_sail p.large {
		font-size: 20px;	
	}
	
	#fly_sail h4 {
		font-size: 32px;	
	}
	
	.fly_sail-article .img-box {
		margin: 40px auto 20px auto;
		width: 250px;
		height: 250px;
		border: 6px solid #00559F;
	}
	
	#budget h3 {
		font-size: 50px;	
	}
		
	#budget p.large {
		font-size: 20px;	
	}
	
	#budget h4 {
		font-size: 36px;	
	}
	
	#budget h6 {
		font-size: 26px;	
	}
	
	.wrapper-budget-how_it_works {
		margin-top: 40px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.click_button-large {
		padding: 3px 15px 4px 15px;
	}

	.click_button-large-border {
		padding: 3px 15px 4px 15px;
		border: solid 2px #FFFFFF;
	}
	
	.padding-top-10 {
		padding-top: 0px !important;
	}
	
	.padding-bottom-60 {
		padding-bottom: 40px !important;
	}
	
	.padding-top-90 {
		padding-top: 10px !important;
	}

	.footer-top {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.footer-top p.provider {
		font-size: 15px;
		letter-spacing: 4px;
	}

	.footer-top p.location {
		font-size: 12px;
		letter-spacing: 4px;	
	}

	.footer-bottom {
		font-size: 10px;
		line-height: 1.0;
	}
	
	
	/* BOOKING */
	
	#page-book_online main h2 {
		font-size: 42px;
	}

	#page-book_online main h3 {
		font-size: 26px;
	}
	
	#page-book_online main label {
		font-size: 10px;	
	}
	
	#page-book_online main .departure-place label {
		font-size: 13px;	
	}
	
	#page-book_online main input, 
	#page-book_online main select, 
	#page-book_online main option {
		font-size: 18px !important;
	}
	
	.select-wrapper,
	.select-wrapper select {
		width: 45% !important;	
	}
	
	.jcf-select {
		min-width: 130px;
	}
	
	.select-wrapper .jcf-select {
		min-width: 50px;
	}
	
	.select-wrapper .jcf-select select {
		width: 100% !important;	
	}
	
	.select-wrapper .jcf-select option {
		padding: 0 !important;
	}
	
	.select-wrapper .jcf-select .jcf-select-text {
		margin: 0 15px 0 0px;
		padding: 2px 0px;
	}
	
	.select-wrapper .jcf-select .jcf-select-opener {
		width: 15px;
	}
	
	.make_payment_button-main {
		display: none;
	}

	
	/* BOOKING FORM - PAYMENT METHOD */

	.payment_method-option {
		width: 96%;
		padding: 10px 10px 10px 10px;
	}

	.payment_method-choice {
		width: 50%;
		padding-top: 5px;
	}

	.option-label {
		font-size: 13px;
		margin: 0px 0 5px 0;
	}

	.payment_method-credit_card {
		width: 45%;
	}

	.payment_method-paypal {
		width: 45%;
	}
	
	/* payment form styles */
	form #card_number {
		width: 275px;
	}
	
}