/* ================
	LESS THAN 1280px
		575px - 1280px
   ================= */
   @media only screen and (min-width:575px) and (max-width:1280px) {
	   	   	.scrollToTop{
		display: block;
		background-color: #EAEAE9;
		right: 10px;
		top: unset;
		bottom: 10px;
		border-radius: 18px;
		color: #6f6f6f;
		text-transform: none;
		font-weight: 800;
		border: none;
	}
	
	   #fees .mint_multiField{
		height:0;
	   }
	/* #foot_grey,#footer{ */
		/* width:fit-content; */
	/* } */
	.logo img {
		max-width: 120px;
		margin-right:5px;
		width: 100%;
	}
	.logo{
		margin-right:0px;
		margin:0 auto;
		padding-left:0;
	}
	.logo_container{
		align-content: center;
		padding-left: 10px;
		width: calc(100% - 20px);
		    margin-bottom: 50px;
	}
	#main_field img,#template_img2 img{
		width: 120%;
		margin-left: -12%;
		min-height:190px;
	}
	#main{
		min-height:auto;
	}
	#main_field {
		min-height:190px;
		width: 100%;
		border:none;
	}
	#main_field2{
		/* bottom: 225px; */
	}
	#template_img2{
		height:auto;
		min-height:0;
		border-bottom: 8px solid #abca60;
	}
	#tabs,	.foot_left{
		width: calc(100% - 20px);
	}
	#tabs > ul{
		height:auto;
		width: calc(100% - 20px);
	}
	#main_field_footthree,#main_field_foottwo{
		display:none;
	}
	#img_container,#img_container_2{
		max-height:none;
		    width: 100%;
	}

	/* #main_field2, #template2{ */
		/* width:calc(100% - 60px); */
		/* background-color:rgba(38,38,38,0.85); */
		/* bottom:unset; */
		/* height: auto; */
	/* } */
	#head_right{
		width: 45%;
	}
	.boxes{
		width:47%;
	}
	#main{
		margin-top:0;
	}
}
   
   /* Hide RHS */
   @media only screen and (min-width:575px) and (max-width:1276px){
	   #rhs_show{
		   display:block;
			position: fixed;
			z-index: 5;
			top: 50%;
			right:0px;
			text-align: Center;
			color: white;
			background-color: #464646;
			width: 120px;
			padding: 10px;
			font-size: 15px;
			font-family:ubuntuBold;
			text-align: right;
			border-radius:5px;
	   }
	   #rhs_show a{
			text-decoration:none;
	   }
	   	#rhs_show_close{
			font-size: 8px;
			float:left;
			font-family: ubuntu;
		}
	   #rhs_container{
		display:none;
		position: absolute;
		background-color: white;
		right: 0;
		top: 20%;
		padding-right: 0;
		padding: 20px 0 20px 20px;
		overflow-y: overlay;
		box-shadow: -4px 4px 5px 1px;
		z-index:5;
	}
	   #main_field_list {
		max-width: 53%;
		float: left;
		margin-top: 5px;
		font-size: 15px;
	}
	.subimg_container {
		margin-top: 5px;
		width: 45%;
		max-width: 390px;
		overflow: hidden;
	}
	#lhs_img_1, #lhs_img_2, #lhs_img_3 {
		width: 100%;
		height: 100%;
   }
 }

    @media only screen and (min-width:575px) and (max-width:1006px) {
	#lhs_container{
		max-width: unset;
		width:calc(100% - 60px);
	}
	#logo img{
			height:60px;
		}
	.multiField_1 img {
		max-height: 215px;
	}
	.menu_subsection h1{
		padding-left:10px;
		width:calc(100% - 10px);
		font-size: 15px;
	}
	.multi_field_area{
		width:100%;
	}
	.img_boxes img{
		width:100%;
	}
	#myContact{
		width:47%;
	}
	#fees_button {
		height: 60px;
		margin-left: 20px;
		top: 5px;
		margin-bottom:15px;
		text-align: left;
		text-indent: 20px;
		width: 315px;
		float: right;
		margin-right: -30px;
	}
		#myModal {
		width: 96%;
		top: 55%;
		left: 2%;
	}
}
		
	@media only screen and (min-width:575px) and (max-width:745px) {
	#fees .mint_multiField {
		height: 100%;
	}
	#img_container_2{
		border-top:8px solid #abca60;
	}
	.logo img {
		max-width: 100px;
	}
	#fees .multiField_2, #fees .multiField_3, #fees .multiField_4 {
	    width: calc(100% / 5);
	}
	.multiField_1 img {
		max-height: 165px;
	}
	#tabs,#template2{
		display:none;
	}
	.menu_subsection,.multi_field_area{
		width:100%;
		overflow:hidden;
	}
	.menu_subsection img{
		position: absolute;
		width: 100%;
		height:auto;
		top: -60%;
	}
	#logo img{
		height:50px;
	}
	#head_right h1 {
		font-size:18px;
	}
	#head_right{
    font-size: 15px;
    margin-top: 60px;
    height: 51px;
	}
	#head_top{
		height:70px;
		border:none;
	}
	#burger img{
		display:block;
		height: 25px;
		float: right;
		position: absolute;
		top: 0;
		right: 10px;
		margin-top: 0;
	}
	#mobile_menu{
		background-color: white;
	}
	#mobile_menu a{
		text-decoration:none;
	}
	#mobile_menu ul{
		padding: 0;
	}
	#mobile_menu ul li ul{
		display:none;
	}
	#mobile_menu ul li{
		background-color:#70706F;
		padding:10px 0 10px 60px;
		border-bottom:2px solid white;
		color:white;
		text-transform:uppercase;
	}
	.active{
		background-image:url("images/after.png");
		background-repeat:no-repeat;
		background-position:top 5px left 10px;
		background-size:25px;
	}
	.no_bottom{
		padding-bottom:0;
	}
	#mobile_menu ul li ul, #mobile_menu ul li ul li, #mobile_menu ul li ul li:hover, #mobile_menu ul li ul a{
		background-color:#EAEAE9;
		background-image:none;
		list-style:none;
		color:#70706F;
	}
	#mobile_menu ul li ul{
		margin-left: -60px;
		margin-top: 10px;
		border-top: 2px solid white;
		margin-bottom: -12px;
	}
	#mobile_menu ul li ul ul{
		display:none !important;
	}
	.img_boxes{
		height: 150px;
		width: 100%;
		overflow: hidden;
		margin-left: 0;
		position: relative;
	}
	.img_boxes img {
		position: absolute;
		margin: auto;
		min-height: 100%;
		min-width: 100%;
		left: -100%;
		right: -100%;
		top: -20px;
		bottom: -100%;
		width: 100%;
		height: unset;
	}
	.boxes {
		width: calc(100% + 60px);
		height: auto;
		margin-left: -30px;
	}
	.boxes:last-child{
		margin-bottom:0;
	}
	.boxes h2 a{
		text-decoration:none;
	}
}
   
/* ================
		440px-575px
   ================= */
   @media only screen and (min-width: 440px) and (max-width:575px) {
	.environment{
		padding-top:155px;
	}
}

@media only screen and (max-width:442px){
		.g-recaptcha{
			transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
		}
}

@media only screen and (max-width:400px){
		#fees .multiField_4  {
		padding-left:15px;
	}
	
}

/* ================
			360-460
	================ */
   @media only screen and (min-width:360px) and (max-width:460px){
		#two>.logo:last-child{
		margin-left:32%;
	}
		.logo{
		padding-top:10px;
		}
}

/* ================
				365px
   ================= */
   @media only screen and (max-width:365px){
	   #fees .mint_multiField{
		   height:95px;
	   }
   }
/* ================
		MOBILE: 320-575px
   ================= */
@media only screen and (min-width: 320px) and (max-width:575px) {
	#rhs_show{
	display:none;
	}
	#burger img{
		display:block;
		height: 25px;
		float: right;
		margin-right:10px;
		margin-top: 25px;
	}
	#mobile_menu{
		background-color: white;
	}
	#mobile_menu a{
		text-decoration:none;
	}
	#mobile_menu ul{
		padding: 0;
	}
	#mobile_menu ul li ul{
		display:none;
	}
	#mobile_menu ul li{
		background-color:#70706F;
		padding:10px 0 10px 60px;
		border-bottom:2px solid white;
		color:white;
		text-transform:uppercase;
	}
	#mobile_menu ul li:hover{
		background-image:url("images/before.png");
		background-repeat:no-repeat;
		background-position:top 5px left 10px;
		background-size:25px;
	}
	.active{
		background-image:url("images/after.png");
		background-repeat:no-repeat;
		background-position:top 5px left 10px;
		background-size:25px;
	}
	.no_bottom{
		padding-bottom:0;
	}
	#mobile_menu ul li ul, #mobile_menu ul li ul li, #mobile_menu ul li ul li:hover, #mobile_menu ul li ul a{
		background-color:#EAEAE9;
		background-image:none;
		list-style:none;
		color:#70706F;
	}
	#mobile_menu ul li ul{
		margin-left: -60px;
		margin-top: 10px;
		border-top: 2px solid white;
		margin-bottom: -12px;
	}
	#mobile_menu ul li ul ul{
		display:none !important;
	}
	#main{
		margin-top:0;
	}
	#tabs,#head_right,#menu_container,.multiField_1 img,#main_field_footthree,#main_field_foottwo,#template2,#lhs_img_1,.no_show,
	#hide #main_field2, #hide #lhs_img_2, #lhs_img_2,#hide #widget_container{
			display:none;
	}
	/* #hide{ */
		/* border-bottom: 5px solid #abca60; */
	/* } */
	#head_top{
		height:70px;
		border:none;
	}
	#logo{
		padding:0;
		height:unset;
	}
	#logo img{
		max-height: 45px;
		margin-top: 15px;
		margin-left: 10px;
	}
	#head_top{
		margin-top:0;
	}
	#main_field img,#template_img2 img{
		width: 120%;
		margin-left: -12%;
		min-height:190px;
	}
	#main{
		min-height:auto;
	}
	#main_field {
		min-height:190px;
		width: 100%;
		border:none;
	}
	#template_img2{
		height:auto;
		min-height:0;
		border-bottom: 5px solid #abca60;
	}
	#main_field2{
		bottom:0;
		padding: 20px;
		padding-top: 30px;
		padding-bottom: 30px;
		width: calc(100% - 40px);
		font-size: 15px;
		background-color: rgba(38,38,38,0.85);
		/* border-bottom: 5px solid #abca60; */
		height:auto;
		min-height:0;
		position: relative;
	}
	.multi_field_area{
		font-style:normal;
		height:auto;
	}
	#overdiv{
		width:100%;
	}
	#rhs_container{
		float: left;
		padding:0;
		min-height:auto;
		width:auto;
	}
	#lhs_container{
		width:100%;
		padding:0;
		min-height:auto;
		margin-top:20px;
		font-size:15px;
	}
	.foot_left,#main_field_body,#main_field_body2,.multiField_4{
		width:calc(100% - 40px);
		padding-left:20px;
	}
	#foot_right{
		/* margin-left: 25%; */
		float:left;
		margin-top:10px;
		max-width: 100%;
	}
	.foot_div{
		padding-right:0;
	}
	#copyright{
		font-size:10px;
		margin-top: 15px;
	}
	.multi_field_area{
		width:100%;
	}
	.multi_field_area:first-child, .multi_field_area{
		padding-bottom:20px;
	}
	.multiField_2 {
    min-height: 20px;
    display: inline-block;
    position: relative;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    margin-left: 5%;
	}
	.multiField_2 img{
		position:relative;
		display: block;
		float: left;
		width: auto;
		height: 100%;
		/* margin-left: -35px; */
		left:0;
	}
	.multiField_2 .field_buttons{
	left: 0;
	}
	.multiField_3{
		margin-top:0;
		float: left;
		margin-left: 15px;
		font-style:italic;
		font-size:13px;
		margin-top: 50px;
	}
	.multiField_4 {
		height:auto;
		float: left;
		margin-top: 15px;
	}
	#footer{
		margin-top: 15px;
		height:auto;
		padding-bottom: 55px;
	}
	.img_boxes{
		height: 120px;
		width: 100%;
		overflow: hidden;
		margin-left: 0;
		position: relative;
	}
	.img_boxes img {
		position: absolute;
		margin: auto;
		min-height: 100%;
		min-width: 100%;
		left: -100%;
		right: -100%;
		top: -20px;
		bottom: -100%;
		width: 100%;
		height: unset;
	}
	.boxes {
		width: 100%;
		height:auto;
	}
	.boxes:last-child{
		margin-bottom:0;
	}
	.boxes h2 a{
		text-decoration:none;
	}
	#lhs_container h1, #lhs_container h4 {
    font-size: 25px;
	}
	.color_boxes, .color_boxes_2{
		height:70px;
	}
	.subimg_container{
		float:left;
		margin-top: 30px;
	}
	#lhs_img_1, #lhs_img_2, #lhs_img_3{
		margin-left: -20px;
		width:calc(100% + 40px);
		height:100%;
	}
	#lhs_img_1 img, #lhs_img_2 img{
		max-width: 100%;
		max-height: unset;
	}
	#lhs_img_3 img {
		max-width: calc(100% + 30px);
		max-height: unset;
	}
	#extra_line{
		margin-left: 20px;
		margin-top: -15px;
	}
	#fees_button {
		height: 60px;
		width: calc(100% - 40px);
		float: left;
		margin-left: 20px;
		top: 5px;
		margin-bottom:15px;
		text-align: left;
		text-indent: 20px;
	}
	#myModal {
		height: 480px;
		width: 96%;
		top: 55%;
		left: 2%;
	}
	#myModal h1{
		font-size: 22px;
		margin-bottom: 10px;
	}
	#modal_form_success h1{
		width:100%;
		margin:auto;
	}
	.color_boxes_2{
		margin-bottom:15px;
	}
	#modal_form{
		margin-top:10px;
	}
	#modal_form input, select, #contact_form input, #contact_form textarea {
		margin-bottom: 10px;
		max-width: 270px;
		width: 100%;
		height: 25px;
		font-size: 17px;
		border:1px solid #70706F;
	}
	#contact_form textarea{
		width:260px;
		height:60px;
	}
	#modal_form input[type=button], #contact_form input[type=button] {
		font-size: 14px;
		height: 30px;
	}
	#contact_form input[type=button]{
		margin-right: 10%;
		float: right;
	}
	#contact_form input[type=checkbox]{
		height: 20px;
		color: #abca60;
		font-family: ubuntu;
		float: left;
		width: 30px;
		margin-left: 9%;
	}
	#modal_form_success {
		margin-top: 50px
	}
	#modal_form_success img {
		height: 120px;
		margin-bottom: 10px;
	}
	#close_button{
		margin-top:10px;
	}
	#modal_form, #modal_form_success{
		width:calc(100% - 110px);
	}
	#fees{
		margin-top:10px;
	}
	#table_multi_area{
		line-height: 17px;
	}
	#fees .multi_field_area:first-child .mint_multiField, #fees .multiField_2{
		border-radius:unset;
		padding-left: 5px;
		text-indent: 5px;
	}
	#fees .multi_field_area, #main_field_body_sub {
		width: calc(100% - 40px);
		margin-left: 20px;
	}
	#fees .multiField_1{
		width: calc(100%/5);
		font-size:15px;
		padding-left: 3px;
		text-indent: 0;
	}
	#fees .multiField_2, #fees .multiField_3{
		margin-left:0;
	}
	#fees .multiField_2, #fees .multiField_3, #fees .multiField_4 {
		width: calc(100%/4.2);
		font-size:14px;
	}
	#fees_grey_box{
		max-width: 625px;
		width: calc(100% - 45px);
		margin-left:20px;
		text-indent: 0;
		padding-left: 5px;
	}
	#txt_table_area{
		margin-left:20px;
		color:#31A66A;
		margin-bottom:10px;
	}
	#txt_table_area h2{
		font-family:ubuntuBold;
	}
	.scrollToTop{
		display: block;
		background-color: #EAEAE9;
		right: 10px;
		top: unset;
		bottom: 10px;
		border-radius: 18px;
		color: #6f6f6f;
		text-transform: none;
		font-weight: 800;
		border: none;
	}
	#myContact{
		width:calc(100% - 35px);
		height:400px;
	}
	.testimonial{
		line-height: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top:15px;
	}
	.environment h1{
		font-size:23px;
	}
	.enquiries{
		font-size:15px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.award{
		margin-top:15px;
	}
	.foot_left{
		padding-left:0;
	}
	#footer_bottom_text {
		padding-left: 20px;
		padding-right: 20px;
	}
	.indent{
		padding-left:20px;
	}
	.logo img {
		max-width: 95px;
		margin-right:5px;
		width: 100%;
		padding-bottom:5px;
	}
	.logo{
		margin-right:0px;
		margin:0 auto;
		padding-left:0;
	}
	.logo_container{
		align-content: center;
		padding-left: 10px;
		width: calc(100% - 20px);
	}
	#main_field_footone{
		width:250px;
	}
}

/* ================
				590px
   ================= */
   @media only screen and (max-width: 590px) {
		#fees .mint_multiField {
			height: 100%;
		}
		#fees .mint_multiField {
			display: block;
			width: 100%;
			padding-left: 3px;
			padding-bottom: 6px;
			min-height: 70px;
		}
		#fees .mint_multiField .before {
			font-family: ubuntuMedium;
			font-size: 14px;
			text-transform: uppercase;
			display: block;
			margin-bottom: 12px;
			background: #ece782;
			padding: 6px 0;
		}
		#fees .mint_multiField,
		#fees .multi_field_area:first-child .mint_multiField,
		#fees .multiField_2 {
			text-indent: 6px;
		}
		#fees .multiField_2,
		#fees .multiField_3,
		#fees .multiField_4 {
			text-align: left;
		}
		#fees .multi_field_area:first-child {
			display: none;
		}
   }