Custom CSS - Increase content width for each screen size

LeLuxe - Increase content width for each screen size

@media (min-width: 992px) {
	.content-wrap {
		width: 67%;
	}

	.hero-media, .hero-media .owl-carousel, #identity {
		right: 67%;
	}
}

@media (min-width: 1200px) {
	.content-wrap, #site-menu, .booking-form {
		width: 840px;
	}
	
	.hero-media, .hero-media .owl-carousel, #identity, .hero-media .owl-carousel .owl-nav, .has-booking .hero-media .owl-carousel .owl-nav, .page-template-template-no-content.has-booking .hero-media .owl-carousel .owl-nav, .hero-media .owl-carousel .owl-expand, .has-booking .hero-media .owl-carousel .owl-expand, .page-template-template-no-content.has-booking .panorama360 .panorama-controls {
		right: 840px;
	}
	
	.hero-has-nav.has-booking .hero-media .owl-carousel .owl-expand {
		right: 943px;
	}
}

@media (min-width: 1320px) {
	.content-wrap, #site-menu, .booking-form {
		width: 950px;
	}
	
	.hero-media, .hero-media .owl-carousel, #identity, .hero-media .owl-carousel .owl-nav, .has-booking .hero-media .owl-carousel .owl-nav, .page-template-template-no-content.has-booking .hero-media .owl-carousel .owl-nav, .hero-media .owl-carousel .owl-expand, .has-booking .hero-media .owl-carousel .owl-expand, .page-template-template-no-content.has-booking .panorama360 .panorama-controls {
		right: 950px;
	}
	
	.hero-has-nav .hero-media .owl-carousel .owl-expand {
    right: 1070px;
	}

	.hero-has-nav.has-booking .hero-media .owl-carousel .owl-expand {
		right: 1073px;
	}
}

@media (min-width: 1440px) {
	.content-wrap, #site-menu, .booking-form {
		width: 1060px;
	}
	
	.hero-media, .hero-media .owl-carousel, #identity, .hero-media .owl-carousel .owl-nav, .has-booking .hero-media .owl-carousel .owl-nav, .page-template-template-no-content.has-booking .hero-media .owl-carousel .owl-nav, .hero-media .owl-carousel .owl-expand, .has-booking .hero-media .owl-carousel .owl-expand, .page-template-template-no-content.has-booking .panorama360 .panorama-controls {
		right: 1060px;
	}

	.hero-has-nav .hero-media .owl-carousel .owl-expand {
    right: 1180px;
	}

	.hero-has-nav.has-booking .hero-media .owl-carousel .owl-expand {
		right: 1183px;
	}
}

@media (min-width: 1600px) {
	.content-wrap, #site-menu, .booking-form {
		width: 1150px;
	}
	
	.hero-media, .hero-media .owl-carousel, #identity, .hero-media .owl-carousel .owl-nav, .has-booking .hero-media .owl-carousel .owl-nav, .page-template-template-no-content.has-booking .hero-media .owl-carousel .owl-nav, .hero-media .owl-carousel .owl-expand, .has-booking .hero-media .owl-carousel .owl-expand, .page-template-template-no-content.has-booking .panorama360 .panorama-controls {
		right: 1150px;
	}

	.hero-has-nav .hero-media .owl-carousel .owl-expand {
    right: 1270px;
	}
	
	.hero-has-nav.has-booking .hero-media .owl-carousel .owl-expand {
		right: 1273px;
	}
}

@media (min-width: 1860px) {
	.content-wrap, #site-menu, .booking-form {
		width: 73%;
	}
	
	.hero-media, .hero-media .owl-carousel, #identity, .hero-media .owl-carousel .owl-nav, .has-booking .hero-media .owl-carousel .owl-nav, .page-template-template-no-content.has-booking .hero-media .owl-carousel .owl-nav, .hero-media .owl-carousel .owl-expand, .has-booking .hero-media .owl-carousel .owl-expand, .page-template-template-no-content.has-booking .panorama360 .panorama-controls, .hero-has-nav .hero-media .owl-carousel .owl-expand, .hero-has-nav.has-booking .hero-media .owl-carousel .owl-expand {
		right: 73%;
	}

	.hero-has-nav .hero-media .owl-carousel .owl-expand {
		margin-right: 120px;
	}
}