/*==========================================
			       MEDIA CSS
==========================================*/

@media (max-width: 1366px) {
	
#harvestMap .map_img img {
	width: 100%;
	height: auto;
}
#harvestWork .promo_images img {
	width: 100%;
	height: auto;
}
#intro_banner_area .intro_img img {
	height: 65%;
}
#harvestMap .harvestMapcontent {
	font-size: 14px;
	padding-top: 40px;
}
#harvestMap .harvestMapcontent p {
	margin-bottom: 10px;
}


}

/* ================== Large devices (large desktops, 1200px and up) ================== */
@media (min-width: 1200px) {

	#harvestMap .map_img img {
		width: 100%;
		height: auto;
	}

}

@media (max-width: 1366px) {
	#containerRegister .inputWrapCheckbox label {
		width: 95%;
		float: left;
	}
	#containerRegister .register_content .joinNow .inputWrapCheckbox span {
		display: initial;
	}
}


/* ================== Medium devices (desktops, 992px and 1199px) =======================*/
@media (min-width: 992px) and (max-width: 1199px) {
	#harvestWork .promo_images img {
		margin-top: -210px;
	}
	#container_slider .slider-content {
		width: 960px;
		margin-left: -480px;
	}
	#container_slider .slider-content .content-inner {
		margin: 0 auto;
	}
	#bottom {
		padding-bottom: 440px;
	}
	#harvestMap .harvestMapcontent {
		width: 480px;
	}
}

/* ==================== Small devices (tablets, 768px and 991px) ========================= */
@media (min-width: 768px) and (max-width: 991px) {
	#container {
		height: 600px;
	}
	#container_slider .slider-content {
		width: 720px;
		margin-left: -360px;
	}
	#container_slider .slider-content .content-inner {
		margin: 0 auto;
	}
	#container_slider .slider-item,
	#container_slider .slider-item .slider-img {
		height: 600px;	
	}
	#harvestWork .promo_images img {
	    margin-top: -155px;
	}
	#harvestMap .harvestMapcontent a {
		font-size: 12px;
	}
	#harvestMap .col-6 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	#bottom {
		padding-bottom: 380px;
	}
	#harvestMap .harvestMapcontent {
		width: 360px;
	}

	#containerRegister .register_content .inputWrap label {
		font-size: 14px;
	}
	.HarvestHosts ul li {
		padding: 15px;
	}

}




/* ==================== Extra small devices (phones, up to 767px) ========================== */
@media (max-width: 767px) {
	#container {
		height: auto;
		padding-top: 30px;
	}
	#container_slider .slider-item,
	#container_slider .slider-item .slider-img {
		height: 400px;
	}
	.container {
		max-width: 100%;
	}
	#container_slider .slick-prev {
		left: 0;
	}
	#container_slider .slick-next {
		right: 0;
	}
	#container_slider .slider-content {
		width: 70%;
		margin-left: -35%;
		padding: 0 15px;
		left: 50%;
		top: 30px;
		font-size: 16px;
	}
	#container_slider .slider-content .content-inner {
		width: 100%;
	}
	#container_slider .slider-content h1 {
		font-size: 20px;
		line-height: normal;
	}
	#intro_banner_area {
		padding-top: 80px;
	}
	#intro_banner_area h1 {
		font-size: 26px;
		line-height: normal;
	}
	#intro_banner_area .intro_img img {
		height: 40%;
		object-fit: cover;
	}
	#intro_banner_area .intro_video iframe {
		width: 100%;
		height: 300px;
	}
	#intro_banner_area .intro_bottom_content {
		font-size: 18px;
	}

	#container.star_hotel {
		padding-bottom: 136px;
	}

	#container .short_content {
		padding-left: 0;
		padding-right: 0;
		width: auto;
	}
	#container .short_content h1 {
		font-size: 26px;
	}

	#harvestWork .short_content {
		padding-right: 0;
		padding-left: 0;
	}
	#harvestWork .short_content h1 {
		font-size: 26px;
	}
	#harvestWork .short_content .work-list {
		margin-bottom: 40px;
	}
	#harvestWork .promo_images img {
	    margin-top: -90px;
	}
	#harvestMap .harvestMapcontent h1 {
		font-size: 26px;
	}
	#harvestMap .col-6 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	#harvestMap .left-side {
		width: 100%;
		margin-bottom: 40px;
		padding: 0 15px;
	}
	#harvestMap .harvestMapcontent {
		width: 100%;
	}
	#harvestMap .right-side {
		width: 100%;
	}


	#bottom {
		padding-bottom: 45%;
	}
	#bottom h1 {
		font-size: 26px;
	}
	#bottom h4 {
		font-size: 20px;
	}
	#bottom .MembershipBox .MembershipInfo ul li {
		width: 50%;
	}
	#bottom .MembershipBox .MembershipInfo ul li:nth-child(2n+2) {
	    border-right: none;
	}
	#bottom .MembershipBox .MembershipInfo ul li:nth-last-child(3),
	#bottom .MembershipBox .MembershipInfo ul li:nth-last-child(4) {
		border-bottom: 1px solid #efe4d4;
	}
	#bottom .MembershipBox .MembershipInfo .maroon_btn {
		display: none;
	}
	#bottom .MembershipBox .MembershipInfo .maroon_btn.mobile {
		display: inline-block;
	}

	#footer .col-8,
	#footer .col-4 {
		flex: 0 0 100%;
	    max-width: 100%;
	}
	#footer .copyright {
		margin-bottom: 20px;
		text-align: center;
		line-height: 20px;
	}
	#footer .footer_menu {
		text-align: center;
	}

	/* ************** Register page css****************** */
	.HarvestHosts {
		display: none;
	}
	.HarvestHosts_mobile {
		display: block;
		padding: 0 15px 30px;
	}
	#intro_banner_register_area {
		margin-bottom: 0;
		padding: 80px 0 1px;
	}
	.intro_banner_register h1 {
		font-size: 26px;
		line-height: 35px;
	}
	.intro_banner_register h6 {
		font-size: 16px;
		line-height: 18px;
	}
	#containerRegister .register_content .joinNow .submit_btn,
	#containerRegister .register_content .inputWrap .inputbox,
	#containerRegister .register_content .inputWrap label {
		width: 100%;
	}
	#containerRegister .register_content .inputWrap .inputbox.expiry, 
	#containerRegister .register_content .inputWrap .inputbox.cvc {
		width: 50%;
	}
	#containerRegister .inputWrapCheckbox .checkbox_wrap {
		margin-right: 10px;
	}
	#containerRegister .inputWrapCheckbox label {
		width: 90%;
	}
	.HarvestHosts_mobile h4 {
		color: #5c574a;
	}
	.HarvestHosts_mobile ul li {
		padding: 10px;
		width: 49%;
		margin: 0;
	}
	.HarvestHosts_mobile ul li img {
		max-width: 100%;
	}
	#containerRegister .container {
	    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.12);
	    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.12);
	    box-shadow: 0px 2px 4px rgba(0,0,0,0.12);
	    border-radius: 0;
	}
	#HarvestTestimonial {
	    padding: 30px 0;
	}
	#HarvestTestimonial .row {
		margin: 0;
		text-align: center;
	}
	#HarvestTestimonial h1 {
		font-size: 15px;
		color: #3c3a35;
	}
	#HarvestTestimonial .testimonial_item {
		padding-bottom: 25px;
	}
	#containerRegister .register_content .vehicle_information_header h3,
	#containerRegister .register_content .form_header h3 {
		padding: 8px 0 8px 35px;
	}
	#containerRegister .register_content .vehicle_information_header h3 {
		padding-left: 45px;
	}
	#containerRegister .register_content h1 {
		font-size: 18px;
		line-height: 25px;
		padding: 15px;
	}
	
	#containerRegister .register_content .joinNow {
		margin: 0 -15px;
	}
	#containerRegister {
		margin-top: -60px;
	}
	#containerRegister .register_content .vehicle_information_header {
		margin: 0 0px 20px;
	}
	#containerRegister .register_content .vehicle_information .vehicleinfo {
		padding: 0;
	}

	#containerRegister .register_content .joinNow .inputWrapCheckbox span {
		display: initial;
	}

	.default_btn {
		color: white;
		border-radius: 4px;
		background-color: rgba(94, 122, 55, .9);
		box-shadow: 0px 2px 4px 0px rgba(94, 122, 55, .3);
		width: 150px;
		height: 50px;
		border-color: rgba(94, 122, 55, .9);
	}

    .col-form-label {
		font-size: 14px;
	}


}




/* ==================== Extra small devices (phones, up to 480px) =========================== */

@media (max-width: 480px) {

	#intro_banner_area .intro_video iframe {
		width: 100%;
		height: 200px;
	}
	#harvestWork .promo_images img {
	    margin-top: -60px;
	}
	#bottom .MembershipBox .MembershipInfo ul li {
		word-wrap: break-word;
	}
	#intro_banner_area .intro_video .intro_video_shadow {
		bottom: -6px;
	}	

	#intro_banner_register_area {
		/*background-size: 130% 100%;*/
		background-size: cover;
	}

	#intro_banner_area .intro_video .intro_video_shadow {
		bottom: -6px;
	}
	#harvestWork .short_content h1 {
		font-size: 22px;
	}
		

	#intro_banner_register_area {
		background: url('../images/register-hero-sm.jpg') no-repeat center bottom;
		background-size: 100% 100%;
		height: 268px;
	}
	#containerRegister {
		margin-top: 0;
	}
	
	#containerRegister .register_content .payment_prosess ul,
	#containerRegister .register_content .col-sm-6 {
		 padding: 0;
	}

	#containerRegister .register_content .form_header {
		margin: 0 -15px;
	}

}

@media (max-width: 376px) {


	

}



@media (max-width: 320px) {
	.intro_banner_register h6 {
		font-size: 18px;
	}
	#containerRegister .register_content h1 {
	    font-size: 17px;
	    line-height: 22px;
	}
}