/* ======================= Extra Large Desktop Start ======================= */
@media only screen and (min-width: 1850px) {
	body {
		font-size: 18px;
		font-family: 'Montserrat', sans-serif !important;
	}
	.container,	.container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1700px;
	}
	.section-head {
		font-family: 'Raleway', sans-serif;
		color: #4850a5;
		padding: 16px 0px;
		font-size: 45px;
		margin: 10px 0px;
		position: relative;
	}
	.section-small-head {
		font-size: 20px;
	}
	.innerOverviewNew .section-head {
		font-size: 45px;
	}
	.navbar-brand img {
		width: 100%;
	}
	.navbar .navbar-nav .nav-link {
		color: #fff;
		padding: 1.5em 1.5em;
	}
	.navbar-brand img {
		width: 70% !important;
	}
.carousel-indicators [data-bs-target] {
    background-color: #4850a5;
}
	header .nav-item a {
		font-size: 20px;
	}
	/* ======================= Highlights Start ======================= */
	.mainhighlights .slick-slider .slick-track {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		height: 500px !important;
		justify-content: center;
	}
	.mainhighlights .slick-slider .slick-slide.slick-current,
	.slick-slider .slick-slide.slick-center {
		background: linear-gradient(45deg, #f69259, #f16975);
		color: #fff;
		background-size: cover !important;
		height: 415px !important;
		padding: 3% 0px 0px !important;
	}
	/* ======================= Highlights End ======================= */
	/* ======================= Location Start ======================= */
	.innerLocation .nav-pills .nav-link {
		font-size: 18px;
	}
	/* ======================= Location End ======================= */
	/* ======================= Project Experience Start ======================= */
	.gathum, .gathum2 {
		height: 600px;
	}
	.caption {
		padding: 5px 25px;
		position: relative;
		top: -180px;
		font-family: cambria;
		color: #fff;
	}
	/* ======================= Project Experience End ======================= */
	/* ======================= Contact Form Start ======================= */
	.ContactSubbox1 {
		border: 1px solid #b29d78;
		padding: 40px;
	}
	/* ======================= Contact Form End ======================= */
	/* ======================= Price popup Start ======================= */
	.modal-dialog {
		max-width: 650px;
		margin: 1.75rem auto;
	}
	#pricepopup .input-group {
		width: 100% !important;
		text-align: justify !important;
		border-bottom: 1px solid #bfac85;
		margin-bottom: 30px;
	}
	/* ======================= Price popup End ======================= */
}
/* ======================= Extra Large Desktop End ======================= */
@media only screen and (max-width: 767px) {
	.menu{color: #dfb877;font-size: 1.5rem;padding: 0 .5rem;position: absolute;top: 50%;right: 2.5rem;transform: translateY(-50%);}
	.close{background-color: #fff;color: #000;font-size: 1.5rem;padding: 0 .5rem;position: absolute;top: 50%;right: 2.5rem;transform: translateY(-50%);opacity: 0;visibility: hidden;}
	.cus-navbar.active .close{opacity: 1;visibility: visible;z-index: 99;}
	.menu, .close{display: block;cursor: pointer;}
	.header .cus-navbar{position: absolute;width: 100%;background: rgb(1 1 1 / 95%);height: 100vh;right: 0;left: 0;top: 0;transition: ease 1s all;transform: translateX(100%);}
	.header .cus-navbar.active{transform: translateX(0);}
	.close.active {opacity: 1;visibility: visible;}
	.header .navlist{width: 80%;}
	.header .navlist li{display: block;margin-top: 1rem;margin-left: 0;font-size: 2.4rem;text-align: center;color: #fff;border-bottom: 1px solid #ccc;padding-bottom: 1rem;}
	#header-desk{display: none;}
	#header{display: block;}
	.desk{display: none;}
	.mobile{display: block;}
	.main-navbar .logo img{width: 75px;}
	.form-pop{width: 80%;}
	.nav-link {
		display: block;
		padding: 0rem 1rem;
		text-decoration: none;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	}
}
/* ======================= Large Desktop Start ======================= */
@media only screen and (min-width: 1400px) and (max-width: 1800px) {
	body {
		font-size: 16px;
		font-family: 'Montserrat', sans-serif !important;
	}
	.container,	.container-lg, .container-md,.container-sm, .container-xl, .container-xxl {
		max-width: 1600px;
	}
	.section-head {
		font-family: 'Raleway', sans-serif;
		color: #4850a5;
		padding: 16px 0px;
		font-size: 45px;
		margin: 10px 0px;
		position: relative;
	}
	.section-small-head {
		font-size: 20px;
	}
	.navbar-brand img {
		width: 100%;
	}
	.navbar .navbar-nav .nav-link {
		color: #fff;
		padding: 1.5em 1.5em;
	}
	header .nav-item a {
		font-size: 18px;
	}
	/* ======================= Slider Start ======================= */
	#home {
		margin-top: 83px;
	}
	#home .carousel-item img {
		width: 100%;
	}
	/* ======================= Slider End ======================= */
	/* ======================= Highlights Start ======================= */
	.mainhighlights .slick-slider .slick-track {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		height: 500px !important;
		justify-content: center;
	}
	.mainhighlights .slick-slider .slick-slide.slick-current,
	.slick-slider .slick-slide.slick-center {
		background: linear-gradient(45deg, #f69259, #f16975);
		/*background: url(../img/highlights_02.jpg) no-repeat !important;*/
		color: #fff;
		background-size: cover !important;
		height: 415px !important;
		padding: 3% 0px 0px !important;
	}
	/* ======================= Highlights End ======================= */
	/* ======================= Location Start ======================= */
	.innerLocation .nav-pills .nav-link {
		font-size: 14px;
	}

	/* ======================= Location End ======================= */
	/* ======================= Project Experience Start ======================= */
	.gathum, .gathum2 {
		height: 565px;
	}
	.caption {
		padding: 5px 25px;
		position: relative;
		top: -180px;
		color: #fff;
	}
	/* ======================= Project Experience End ======================= */
	/* ======================= Contact Form Start ======================= */
	.ContactSubbox1 {
		border: 1px solid #b29d78;
		padding: 40px;
	}
	/* ======================= Contact Form End ======================= */
	/* ======================= Price popup Start ======================= */
	.modal-dialog {
		max-width: 650px;
		margin: 1.75rem auto;
	}
	#pricepopup .input-group {
		width: 100% !important;
		text-align: justify !important;
		border-bottom: 1px solid #bfac85;
		margin-bottom: 30px;
	}
	/* ======================= Price popup End ======================= */
}
/* ======================= Large Desktop End ======================= */

/* ======================= All Large Start ======================= */
@media only screen and (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link:hover {
		border-top: 3.5px solid #d1ad71!important;
		color: #d1ad71!important;
	}
	.headOverviewboxNew {
		padding-left: 50px;
	}
	.imgOverview {
		padding-left: 50px;
	}
	.activeHover {
		border-top: 3.5px solid #d1ad71!important;
		color: #dfb877 !important;
	}
	.footerlogo {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
/* ======================= All Large  End ======================= */
@media only screen and (max-width: 991px) {
	.activeHover {
		color: #d1ad71!important;
	}
	.section-head {
		text-align: center;
	}
	.videoBox{
		width: 100%;
	}
	    #OverviewNew .OverviewNewDetails, #Overview .OverviewDetails {
             margin-top: 15px;
    }
	#OverviewNew .OverviewNewDetails, #Overview .OverviewDetails {
		text-align: justify !important;
	}
}
/* ======================= Tablet Start ======================= */
@media only screen and (min-width: 767px) and (max-width: 960px) and (orientation: portrait) {
	body {
		font-size: 16px;
		font-family: 'Montserrat', sans-serif !important;
	}
	#lock {
		display: none;
	}
	.wrapper {
		display: block;
	}
	.section-head {
		font-family: 'Raleway', sans-serif;
		color: #4850a5;
		padding: 10px 0px;
		font-size: 30px;
		margin: 0px 0px;
		position: relative;
	}
	.section-small-head {
		font-size: 27px;
	}
	.innerOverviewNew .section-head {
		font-size: 35px;
	}
	/* =============== Configuration start =============== */
	.innerConfiguration {
		background: #efeae1;
	}
	/* =============== Configuration End =============== */
	/* =============== Overview Start =============== */
	.bd-left {
		border-left: 2px solid #d9b374;
		margin: 5px 0px;
	}
	/* =============== Overview End =============== */
	/* =============== highlight start =============== */
	.highlightsinner {
		text-align: center !important;
	}
	.mainhighlights {
		padding: 80px 0px 40px !important;
	}
	.highlightimg {
		width: 100%;
	}
	/* =============== highlight End =============== */
	/* =============== Location End =============== */
	.innerLocation {
		padding: 20px 0px;
	}
	/* =============== Location End =============== */
	/* =============== Project Experience Start =============== */
	.exp .slick-prev {
		border: none;
		top: 37%;
		left: 0px;
	}
	.gallery .slick-slide img {
		height: 300px;
		padding: 0px 50px;
		margin: auto;
	}
	.caption {
		padding: 25px 80px 0px 55px;
		position: relative;
		top: -150px;
		font-family: 'Montserrat', sans-serif;
		color: #fff;
		left: 4%;
	}
	.gallery .slick-next {
		right: 0% !important;
	}
	.gallery .slick-prev, .gallery .slick-next {
		width: 50px;
		height: 40px;
		top: 35% !important;
		right: -50px;
		z-index: 90 !important;
	}
	.gathum, .gathum2 {
		height: 330px;
	}
	/* =============== Project Experience End =============== */
	/* =============== Contactus Start =============== */
	.ContactSubbox1 {
		border: 1px solid #b29d78;
		padding: 10px;
	}
	.innerContact .contryco {
		padding: 0px 15px;
	}
	.count {
		padding-left: 0px;
	}
	/* =============== Contactus End =============== */
	/* =============== Disclaimer Start =============== */
	.disclaimerimage {
		text-align: center;
	}
	.disclaimertext {
		font-size: 10px;
		text-align: justify;
		padding-bottom: 30px;
	}
	.footerlogo {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/* =============== Disclaimer End =============== */
	button.inquireButton.btn {
		display: block;
	}
	.inquireButton {
		background-color: #4850a5 !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
		bottom: 0 !important;
		-webkit-box-shadow: 0 1 3px rgba(0, 0, 0, 0.33) !important;
		-moz-box-shadow: 0 1 3px rgba(0, 0, 0, 0.33) !important;
		box-shadow: 0 1 3px rgba(0, 0, 0, 0.33) !important;
		color: #fff !important;
		cursor: pointer !important;
		font-size: 18px;
		font-weight: 400;
		padding: 5px 20px;
		position: fixed;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		z-index: 1000;
		width: 100%;
	}
}

@media only screen and (min-width: 767px) and (max-width: 960px) and (orientation: landscape) {
	#lock {
		display: block;
		text-align: center;
		position: relative;
		top: 50%;
		font-size: 34px;
	}
	.wrapper {
		display: none;
	}
}
/* ======================= Tablet End ======================= */
/* ======================= Large Mobile Start ======================= */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) {
	body {
		font-size: 15px;
		font-family: 'Montserrat', sans-serif !important;
	}
	#lock {
		display: none;
	}
	.wrapper {
		display: block;
	}
	.section-head {
		font-family: 'Raleway', sans-serif;
		color: #4850a5;
		padding: 10px 0px;
		font-size: 30px;
		margin: 0px 0px;
		position: relative;
	}
	.section-small-head {
		font-size: 27px;
		margin-bottom: unset;
	}
	.innerOverviewNew .section-head {
		font-size: 35px;
	}
	/* =============== Configuration start =============== */
	#VideoButton img {
		height: 60px;
	}
	.innerConfiguration {
		background: #efeae1;
	}
	/* =============== Configuration End =============== */
	/* =============== Overview Start =============== */
	.bd-left {
		border-left: 2px solid #d9b374;
		margin: 5px 0px;
	}
	/* =============== Overview End =============== */
	/* =============== highlight start =============== */
	.highlightsinner {
		text-align: center !important;
	}

	.slick-prev {
		left: 65%;
		position: absolute !important;
		top: -64px !important;
		width: 47px;
		height: 44px;
	}

	.mainhighlights {
		padding: 30px 0px 80px;
	}

	.slick-prev {
		left: 30%;
		position: absolute !important;
		top: 115% !important;
	}

	.slick-next {
		right: 30%;
		position: absolute !important;
		top: 115% !important;
	}

	.highlightimg {
		width: 100%;
	}

	.mainhighlights .slick-slider .slick-slide.slick-current,
	.slick-slider .slick-slide.slick-center {
		background: url(../img/highlight/large/01.jpg) no-repeat !important;
		background-size: cover !important;
	}

	.mainhighlights .highlightsinfo2.slick-slide.slick-current {
		background: linear-gradient(45deg, #f69259, #f16975);
		background: url(../img/highlight/large/02.jpg) no-repeat !important;
		background-size: cover !important;
	}

	.mainhighlights .highlightsinfo3.slick-slide.slick-current {
		background: linear-gradient(45deg, #f69259, #f16975);
		background: url(../img/highlight/large/03.jpg) no-repeat !important;
		background-size: cover !important;
	}

	.mainhighlights .highlightsinfo4.slick-slide.slick-current {
		background: linear-gradient(45deg, #f69259, #f16975);
		background: url(../img/highlight/large/04.jpg) no-repeat !important;
		background-size: cover !important;
	}

	.mainhighlights .highlightsinfo5.slick-slide.slick-current {
		background: linear-gradient(45deg, #f69259, #f16975);
		background: url(../img/highlight/large/05.jpg) no-repeat !important;
		background-size: cover !important;
	}

	.mainhighlights .highlightsinfo8.slick-slide.slick-current {
		background: linear-gradient(45deg, #f69259, #f16975);
		background: url(../img/highlight/large/08.jpg) no-repeat !important;
		background-size: cover !important;
	}

	.highlightsinfo h5,
	.highlightsinfo p {
		position: relative;
		z-index: 33;
		text-shadow: 5px 5px 10px #000;
		font-size: 18px;
	}

	/* =============== highlight End =============== */
	/* =============== Location End =============== */
	.innerLocation {
		padding: 20px 0px;
	}

	.innerLocation .nav-item {
		padding: 20px 5px;
	}

	/* =============== Location End =============== */
	/* =============== Project Experience Start =============== */
	.exp .slick-prev {
		border: none;
		top: 37%;
		left: 0px;
	}

	.gallery .slick-slide img {
		height: 300px;
		padding: 0px 50px;
		margin: auto;
	}

	.caption {
		padding: 25px 80px 0px 55px;
		position: relative;
		top: -150px;
		color: #fff;
		left: 4%;
	}

	.gallery .slick-next {
		right: 0% !important;
	}

	.gallery .slick-prev,
	.gallery .slick-next {
		width: 50px;
		height: 40px;
		top: 35% !important;
		right: -50px;
		z-index: 90 !important;
	}

	.gathum,
	.gathum2 {
		height: 330px;
	}

	/* =============== Project Experience End =============== */
	/* =============== Contactus Start =============== */
	.ContactSubbox1 {
		border: 1px solid #b29d78;
		padding: 10px;
	}

	.innerContact .contryco {
		padding: 0px 15px;
	}

	.count {
		padding-left: 0px;
	}

	/* =============== Contactus End =============== */
	/* =============== Disclaimer Start =============== */
	.disclaimerimage {
		text-align: center;
	}

	.disclaimertext {
		font-size: 10px;
		text-align: justify;
		padding-bottom: 30px;
	}

	.footerlogo {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
	}

	/* =============== Disclaimer End =============== */
	button.inquireButton.btn {
		display: block;
	}

	.inquireButton {
		background-color: #dfb877 !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
		bottom: 0 !important;
		-webkit-box-shadow: 0 1 3px rgba(0, 0, 0, 0.33) !important;
		-moz-box-shadow: 0 1 3px rgba(0, 0, 0, 0.33) !important;
		box-shadow: 0 1 3px rgba(0, 0, 0, 0.33) !important;
		color: #fff !important;
		cursor: pointer !important;
		font-family: 'Montserrat', sans-serif !important;
		font-size: 18px;
		font-weight: 400;
		padding: 5px 20px;
		position: fixed;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		z-index: 1000;
		width: 100%;
	}

}

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
	#lock {
		display: block;
		text-align: center;
		position: relative;
		top: 50%;
		font-size: 34px;
	}

	.wrapper {
		display: none;
	}
}
.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 0.3rem;
	outline: 0;
	margin: 116px 0px;
	border: 4px solid #dfb877;
}
.logo {
	text-align: center;
}
/* ======================= Large Mobile End ======================= */
/* ======================= Small Mobile Start ======================= */
@media only screen and (min-width: 300px) and (max-width: 480px) and (orientation: portrait) {
	body {
		font-size: 14px;
		font-family: 'Montserrat', sans-serif !important;
	}
	.navbar-brand img {
		width: 38% !important;
	}
	.section-head {
		font-family: 'Raleway', sans-serif;
		color: #4850a5;
		padding: 10px 0px;
		font-size: 25px;
		margin: 0px 0px;
		position: relative;
	}
	.section-small-head {
		font-size: 19px;
		margin-bottom: unset;
	}
	.innerOverviewNew .section-head {
		font-size: 27px;
	}
	#lock {
		display: none;
	}
	.wrapper {
		display: block;
	}
	.navbar-brand {
		padding: 0 0em;
	}
	/* =============== Home start =============== */
	#home {
		margin-top: 84px;
	}
	/* =============== Home End =============== */
	/* =============== Configuration start =============== */
	#VideoButton img {
		height: 60px;
	}
	.innerConfiguration {
		background: #efeae1;
	}
	.configUnit {
		font-size: 20px;
	}
	.configBed {
		font-size: 20px;
	}
	/* =============== Configuration End =============== */
	/* =============== Overview Start =============== */
	.bd-left {
		border-left: 2px solid #d9b374;
		margin: 5px 0px;
	}
	/* =============== Overview End =============== */
	/* =============== highlight start =============== */
	.highlightsinner {
		text-align: center !important;
	}
	.slick-prev {
		left: 65%;
		position: absolute !important;
		top: -64px !important;
		width: 47px;
		height: 44px;
	}
	.mainhighlights {
		padding: 0px 0px 80px;
	}
	.slick-prev {
		left: 33%;
		position: absolute !important;
		top: 115% !important;
	}
	.slick-next {
		right: 33%;
		position: absolute !important;
		top: 116% !important;
	}
	.highlightimg {
		width: 100%;
	}
	.mainhighlights .slick-slider .slick-slide.slick-current,
	.slick-slider .slick-slide.slick-center {
		background-size: cover !important;
	}
	.mainhighlights .highlightsinfo2.slick-slide.slick-current {
		background: linear-gradient(45deg, #f69259, #f16975);
		background-size: cover !important;
	}
	.mainhighlights .highlightsinfo3.slick-slide.slick-current {
		background: linear-gradient(45deg, #f69259, #f16975);
		background-size: cover !important;
	}
	.mainhighlights .highlightsinfo4.slick-slide.slick-current {
		background: linear-gradient(45deg, #f69259, #f16975);
		background-size: cover !important;
	}
	.mainhighlights .highlightsinfo5.slick-slide.slick-current {
		background: linear-gradient(45deg, #f69259, #f16975);
		background-size: cover !important;
	}
	.mainhighlights .highlightsinfo8.slick-slide.slick-current {
		background: linear-gradient(45deg, #f69259, #f16975);
		background-size: cover !important;
	}
	.highlightsinfo h5, .highlightsinfo p {
		position: relative;
		z-index: 33;
		text-shadow: 5px 5px 10px #000;
		font-size: 18px;
	}
	.slick-slider.slick-active::before {
		content: '';
		background-color: #000;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0%;
		opacity: 0.6;
		z-index: 22;
	}
	/* =============== highlight End =============== */
	/* =============== Location End =============== */
	.innerLocation {
		padding: 20px 0px;
	}
	.innerLocation .nav-item {
		padding: 20px 5px;
	}
	/* =============== Location End =============== */
	/* =============== Project Experience Start =============== */
	.exp .slick-prev {
		border: none;
		top: 37%;
		left: 0px;
	}
	.gallery .slick-slide img {
		height: 300px;	
		margin: auto;
	}
	.caption {
		padding: 25px 80px 0px 55px;
		position: relative;
		top: -150px;
		color: #fff;
		left: 4%;
	}
	.gallery .slick-next {
		right: 0% !important;
	}
	.gallery .slick-prev, .gallery .slick-next {
		width: 50px;
		height: 40px;
		top: 35% !important;
		right: -50px;
		z-index: 90 !important;
	}
	.gathum, .gathum2 {
		height: 330px;
		padding: 0px 50px !important;
	}
	/* =============== Project Experience End =============== */
	/* =============== Contactus Start =============== */
	.ContactSubbox1 {
		border: 1px solid #b29d78;
		padding: 10px;
	}
	.innerContact .contryco {
		padding: 0px 15px;
	}
	.count {
		padding-left: 0px;
	}
	/* =============== Contactus End =============== */
	/* =============== Disclaimer Start =============== */
	.disclaimerimage {
		text-align: center;
	}
	.disclaimertext {
		font-size: 10px;
		text-align: justify;
		padding-bottom: 30px;
	}
	/* =============== Disclaimer End =============== */
	button.inquireButton.btn {
		display: block;
	}
	.inquireButton {
		background-color: #4850a5 !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
		bottom: 0 !important;
		-webkit-box-shadow: 0 1 3px rgba(0, 0, 0, 0.33) !important;
		-moz-box-shadow: 0 1 3px rgba(0, 0, 0, 0.33) !important;
		box-shadow: 0 1 3px rgba(0, 0, 0, 0.33) !important;
		color: #fff !important;
		cursor: pointer !important;
		font-family: 'Montserrat', sans-serif !important;
		font-size: 18px;
		font-weight: 400;
		padding: 5px 20px;
		position: fixed;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		z-index: 1000;
		width: 100%;
	}
	.footerlogo{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 3rem;
		display: block;
	}
}
@media only screen and (min-width: 300px) and (max-width: 480px) and (orientation: landscape) {
	#lock {
		display: block;
		text-align: center;
		position: relative;
		top: 50%;
		font-size: 34px;
	}
	.wrapper {
		display: none;
	}
}
/* ======================= Small Mobile End ======================= */
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	#lock {
		display: block;
		text-align: center;
		position: relative;
		top: 50%;
		font-size: 34px;
	}
	.wrapper {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
	#lock {
		display: none;
	}
	.wrapper {
		display: block;
	}
}
@media screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
	#lock {
		display: block;
		text-align: center;
		position: relative;
		top: 50%;
		font-size: 34px;
	}
	.wrapper {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
	#lock {
		display: none;
	}
	.wrapper {
		display: block;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px) and (orientation: landscape) {
	#lock {
		display: block;
		text-align: center;
		position: relative;
		top: 50%;
		font-size: 34px;
	}
	.wrapper {
		display: none;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px) and (orientation: portrait) {
	#lock {
		display: none;
	}
	.wrapper {
		display: block;
	}
}
@media screen and (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
	#lock {
		display: block;
		text-align: center;
		position: relative;
		top: 50%;
		font-size: 34px;
	}
	.wrapper {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 640px) and (orientation: portrait) {
	#lock {
		display: none;
	}
	.wrapper {
		display: block;
	}
}
@media screen and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
	#lock {
		display: block;
		text-align: center;
		position: relative;
		top: 50%;
		font-size: 34px;
	}
	.wrapper {
		display: none;
	}
}
@media screen and (min-width: 600px) and (max-width: 960px) and (orientation: portrait) {
	#lock {
		display: none;
	}
	.wrapper {
		display: block;
	}
}
@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {
	#lock {
		display: block;
		text-align: center;
		position: relative;
		top: 50%;
		font-size: 34px;
	}
	.wrapper {
		display: none;
	}
}
@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
	#lock {
		display: none;
	}
	.wrapper {
		display: block;
	}
}