@media only screen and (min-width: 2499px) {
	body {
		font-size: 23.5px;
	}

	.navbar-brand1 img {
		width: 450px;
		padding: 10px;
	}
}

@media only screen and (min-width: 2000px) {
	.minlogo {
		display: none;
	}

	.largelogo {
		display: block;
	}

	.navbar-brand1 img {
		width: 400px;
		padding: 10px;
	}
}

/* ======================= Extra Large Desktop Start ======================= */
@media only screen and (min-width: 1850px) {
	.minlogo {
		display: none;
	}

	.navbar-brand1 img {
		width: 380px;
		padding: 10px;
	}

	.largelogo {
		display: block;
	}

	body {
		font-size: 26px;
		font-family: 'zonapro' !important;
	}

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1700px;
	}

	.data-card {
		margin-top: 150px !important;
	}

	.para {
		font-size: 20px !important;
	}

	.section-head {
		font-family: 'zonapro';
		color: #bc8d31;
		padding: 16px 0px;
		font-size: 45px;
		margin: 10px 0px;
		position: relative;
	}

	.section-small-head {

		font-size: 35px;
	}

	.innerOverviewNew .section-head {
		font-size: 45px;
	}

	.navbar-brand img {
		width: 100%;
	}

	.navbar .navbar-nav .nav-link {
		color: #7b7676;
		padding: 1.5em 1.5em;
	}

	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);
		background: url(../img/highlights_02.webp) 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: 18px;
	}

	/* ======================= Location End ======================= */
	/* ======================= Project Experience Start ======================= */
	.gathum,
	.gathum2 {
		height: 600px;
	}

	.caption {
		padding: 5px 25px;
		position: relative;
		top: -180px;
		font-family: 'zonapro';
		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 ======================= */
/* ======================= Large Desktop Start ======================= */
@media only screen and (min-width: 1400px) and (max-width: 1800px) {
	body {
		font-size: 18px;
		font-family: 'zonapro' !important;
	}

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1600px;
	}

	.section-head {
		font-family: 'zonapro';
		color: #bc8d31;
		padding: 16px 0px;
		font-size: 35px;
		margin: 10px 0px;
		position: relative;
	}

	.data-card {
		margin-top: 150px !important;
	}

	.para {
		font-size: 20px !important;
	}

	.section-small-head {

		font-size: 35px;
	}

	.innerOverviewNew .section-head {
		font-size: 35px;
	}

	.navbar-brand img {
		width: 100%;
	}

	.navbar .navbar-nav .nav-link {
		color: #7b7676;
		padding: 1.5em 1.5em;
	}

	header .nav-item a {
		font-size: 18px;
	}

	/* ======================= Slider Start ======================= */
	#home {
		margin-top: 57px;
	}

	#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.webp) no-repeat !important;
		color: #fff;
		background-size: cover !important;
		height: 300px !important;
		padding: 3% 0px 0px !important;
	}

	.mainhighlights {
		padding-top: 30px;
	}

	.mainhighlights .slick-next {
		top: -23px !important;
	}

	.mainhighlights .slick-prev {
		top: -23px !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;
		font-family: 'zonapro';
		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: 410px;
		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 {
		border-top: 3.5px solid #fff;
	}

	.navbar-expand-lg .navbar-nav .nav-link:hover {
		border-top: 3.5px solid #bc8d31 !important;
		color: #bc8d31 !important;
	}

	.headOverviewboxNew {
		padding-left: 50px;
	}
	
	.imgOverview {
		padding-left: 50px;
	}

	.activeHover {
		border-top: 3.5px solid #bc8d31 !important;
		color: #bc8d31 !important;
	}

	.footerlogo {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* ======================= All Large  End ======================= */
@media only screen and (max-width: 991px) {
	.activeHover {
		color: #bc8d31 !important;
	}

	.section-head {
		text-align: center;
	}

	.videoBox {
		width: 100%;
	}
	#pricenew .modal-dialog{
		width: 96%;
		max-width: unset;
		        padding: 70px 14px;
	  }
	#OverviewNew .OverviewNewDetails,
	#Overview .OverviewDetails {
		text-align: center !important;
	}
}


/* ======================= Tablet Start ======================= */
@media only screen and (min-width: 767px) and (max-width: 960px) and (orientation: portrait) {
	body {
		font-size: 18px;
		font-family: 'zonapro' !important;
	}

	.section-head {
		font-family: 'zonapro';
		color: #bc8d31;
		padding: 10px 0px;
		font-size: 35px;
		margin: 0px 0px;
		position: relative;
	}

	.section-small-head {
		font-size: 27px;
	}
	#pricenew .modal-dialog{
		width: 96%;
		max-width: unset;
		        padding: 70px 14px;
	  }
	.innerOverviewNew .section-head {
		font-size: 35px;
	}

	#lock {
		display: none;
	}

	.wrapper {
		display: block;
	}

	/* =============== Configuration start =============== */
	.innerConfiguration {
		background: #efeae1;
	}

	/* =============== Configuration End =============== */
	/* =============== Overview Start =============== */
	.bd-left {
		border-left: 2px solid #bc8d31;
		margin: 5px 0px;
	}

	/* .innerOverview img {
		width: 100%;
	} */

	/* =============== 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: 'zonapro';
		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: 10px;
	}

	.disclaimer {
		margin-bottom: 30px;
	}

	.footerlogo {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.addbar-border {
		border-left-style: unset;
		border-left-color: unset;
		padding-top: 20px;
	}

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

	#inquiryForm {
		display: none;
	}

	.inquireButton {
		background-color: #8d1f5c !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: 'zonapro' !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) {
	#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: 17px;
		font-family: 'zonapro' !important;
	}

	/*iframe#VideoIframe {
                height: 205px !important;
        }*/
	.section-head {
		font-family: 'zonapro';
		color: #bc8d31;
		padding: 10px 0px;
		font-size: 30px;
		margin: 0px 0px;
		position: relative;
	}
	#pricenew .modal-dialog{
		width: 96%;
		max-width: unset;
		        padding: 70px 14px;
	  }
	.section-small-head {
		font-size: 27px;
		margin-bottom: unset;
	}

	.innerOverviewNew .section-head {
		font-size: 30px;
	}

	#lock {
		display: none;
	}

	.wrapper {
		display: block;
	}

	/* =============== Configuration start =============== */
	#VideoButton img {
		height: 60px;
	}

	.innerConfiguration {
		background: #efeae1;
	}

	/* =============== Configuration End =============== */
	/* =============== Overview Start =============== */
	.bd-left {
		border-left: 2px solid #bc8d31;
		margin: 5px 0px;
	}

	/* .innerOverview img {
		width: 100%;
	} */

	/* =============== 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.webp) 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.webp) 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.webp) 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.webp) 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.webp) 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.webp) 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: 8px 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;*/
		padding:0 10px;
		position: relative;
		top: -105px;
		font-family: 'zonapro';
		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: 10px;
	}

	.disclaimer {
		margin-bottom: 30px;
	}

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

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

	#inquiryForm {
		display: none;
	}

	.inquireButton {
		background-color: #8d1f5c !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: 'zonapro' !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%;
	}

	.addbar-border {
		border-left-style: unset;
		border-left-color: unset;
		padding-top: 20px;
	}
}

@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;
	}
}

/* ======================= Large Mobile End ======================= */
/* ======================= Small Mobile Start ======================= */
@media only screen and (min-width: 300px) and (max-width: 480px) and (orientation: portrait) {
	body {
		font-size: 15px;
		font-family: 'zonapro' !important;
	}

	/*iframe#VideoIframe {
    		height: 205px !important;
	}*/
	.section-head {
		font-family: 'zonapro';
		color: #bc8d31;
		padding: 10px 0px;
		font-size: 25px;
		margin: 0px 0px;

		position: relative;
	}

	#inquiryForm {
		display: none;
	}

	.section-small-head {
		font-size: 19px;
		margin-bottom: unset;
	}

	.innerOverviewNew .section-head {
		font-size: 27px;
	}
	#pricenew .modal-dialog{
		width: 96%;
		max-width: unset;
		        padding: 70px 40px;
	  }
	#lock {
		display: none;
	}

	.wrapper {
		display: block;
	}

	.navbar-brand {
		padding: 0 0em;
	}

	/* =============== Home start =============== */
	#home {
		margin-top: 5px;
	}

	/* =============== 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 #bc8d31;
		margin: 5px 0px;
	}

	/* .innerOverview img {
		width: 100%;
	} */

	/* =============== 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: 35%;
		position: absolute !important;
		top: 115% !important;
	}

	.slick-next {
		right: 35%;
		position: absolute !important;
		top: 116% !important;
	}

	.highlightimg {
		width: 100%;
	}

	.mainhighlights .slick-slider .slick-slide.slick-current,
	.slick-slider .slick-slide.slick-center {
		background: url(../img/highlight/large/01.webp) 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.webp) 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.webp) 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.webp) 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.webp) 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.webp) 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;
	}


	.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: 8px 5px;
	}

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

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

	.caption {
		/*padding: 25px 80px 0px 55px;*/
		position: relative;
		top: -115px;
		font-family: 'zonapro';
		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: 10px;
	}

	.disclaimer {
		margin-bottom: 30px;
	}

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

	.inquireButton {
		background-color: #8d1f5c !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: 'zonapro' !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%;
	}

	.addbar-border {
		border-left-style: unset;
		border-left-color: unset;
		padding-top: 20px;
	}

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

@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;
	}
}