@media screen and (max-width: 1360px) {
	.form_wrapper{
		right: 5%;
	}
}
@media screen and (max-width: 1280px) {
	#header .vegas-wrapper{
		width: 50%;
	}
	.banner_text{
		width: 50%;
		top: 490px;
	}
}

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

	#accordion-gallery{
		display: none;
	}
	.mobile{
		display: block;
	}

	#banner, #header{
		height: 50vh!important;
	}
	#header:after{
		background-color: rgba(0,0,0,.6);
		height: 50vh;
	}
	#header, #header:after, #banner{min-height: 300px!important;}

	.form_wrapper{
		position: unset;
		padding: 0;
		width: 100%;
		max-width: 100%!important;
	}
	#map{
		display: block;
		width: 100%;
	}

	.form_wrapper form{
		width: 100%;
	}
	.form_wrapper form .row.i:after{
		top: 18px;
	}
	.form_wrapper form select, .form_wrapper form input{
		padding: 20px;
	}
	.form_wrapper form input.dark{
		color: #fff;
	}
	.form_wrapper form input[type="submit"]{
		width: 100%;
	}

	.form_wrapper .form_header{
		padding: 20px 20px 10px;
		display: table;
		color: #84704b;
		width: 100%;/*calc(100% - 40px);*/
	}
	.form_wrapper .form_header,
	.form_wrapper .form_header h5{
		color: #87714d;
	}
	.form_wrapper .form_header h5{
		line-height: 120%;
		font-size: 26px;
	}
	.form_wrapper .form_header p{
		font-size: 18px;
		line-height: 100%!important;
		margin: 10px 0 0!important;
	}
	.form_wrapper form{
		background-color: #363636;
		border: none;
	}
	#karma #banner{
		height: 80vh;
	}
	#karma #banner_slider_wrapper .content{
		padding: 0!important;
	}
	#header .vegas-wrapper{
		top: 150px;
	}
	.banner_text{
		top: 200px;
	}
	#karma .banner_text h3{
		font-size: 28px
	}
	#karma .banner_text p b{
		font-size: 28px;
	}

	#header .vegas-wrapper,
	.banner_text{
		width: 100%!important;
	}

	#content .column3 ul li{
		float: none;
		width: 100%;
		margin: 0;
		height: 135px;
		overflow-y: hidden;
		margin: 15px 0;
		padding-top: 0;
	}
	#content .column3 ul li:after{
		display: none;
	}
	#content .column3 ul li.nobg{
		background: none!important;
	}
	#content .column3 ul li.nobg:after{
		background: none!important;
	}

	#content .column3 li > div{
		width: 100%;
		padding: 0;
	}
	#content .column3 li>div h3{
		margin-top: 0;
	}
	#content .column3 .title{
		background-size: cover;
		height: 135px;
		padding-top: 50px;
		background-position: bottom;
		position: relative;
	}
	#content .column3 .title:after{
		content: '';
		background-color: rgba(0,0,0,.4);
		width: 100%;
		height: 135px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;

	    -moz-transition: all .5s;
	    -webkit-transition: all .5s;
	    transition: all .5s;		
	}
	#content .column3 .title:hover:after{
		background-color: rgba(0,0,0,.1)!important;
	}
	#content .column3 h3{
		font-size: 22px!important;
		width: 100%;
		position: absolute;
		z-index: 1;
	}
	.mob_tabs_content .tab_content{
		display: none;
		color: #000;
		padding: 20px;
	}
	.mob_tabs_content li.active{
		height: 450px!important;
		color: #000;
	}
	.mob_tabs_content li.active .tab_content{
		display: block;
	}
	#content .column3 li .linkmore a{
		background: none;
		color: #87714d;
	}
}

@media screen and (max-width: 768px) {
	#logo img{
		height: 50px;
	}
	#content .row.darkbg{
		font-size: 14px;
	}

	#content .inner.map{
		padding: 0;
	}
	#content .inner .col2{
		float: none;
		width: 100%;
	}

	#content .inner .col2{
		margin: 5px 0;
	}
	.form_wrapper .col2 select{
		padding: 9px!important;
	}
}

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

	#banner, #header, #header:after, #karma #banner{ height: 100vh!important; }

	.banner_text{
		padding: 10px;
		top: 150px;
	}

	.form_wrapper form{
		padding: 20px 15px;
	}
	#popup_terms{
		padding: 15px;
		padding-right: 0;
	}
	#popup_terms h3{
		font-size: 18px;
		font-weight: bold;
	}
	#popup_terms .scroll{
		font-size: 12px;
		padding-right: 5px;
		height: calc(80vh - 65px);
	}
	.form_n_map{
		margin-top: 0;
	}
	#map{
		margin-top: 20px;
	}
}

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

	#karma #banner.content_banner h2,
	#karma .banner_text{
		margin-top: -30px;
	}
}