@media (min-width: 1400px) {
	#product_carousel .carousel-inner .carousel-item {
	    height: 600px;
	}
}
@media (min-width: 1600px) {
	#product_carousel .carousel-inner .carousel-item {
	    height: 730px;
	}
}
@media (min-width: 1900px) {
	#product_carousel .carousel-inner .carousel-item {
	    height: 870px;
	}
}

@media (max-width: 1080px) {
	.web_ {
		display: none;
	}
	.no-head header.mobile_ {
		background-color: #032541 !important;
	}
	.mobile_ {
		display: block !important;
		/*background-image: linear-gradient(to bottom, rgba(0,0,0,.7), rgba(0,0,0,.4), transparent);*/
	}
	footer.mobile_ {
		background-color: white !important;
	}

	.banner img {
		/*height: 67vh;*/
	}
	.caption-panel {
	    margin-top: 0rem;
	}

	.banner div {
		width: 100% !important;
		text-align: center;
	}
	.banner .text-white {
		color: black !important;
	}
	.banner .border-white {
		border: 1px solid #aaa !important;
	}
	.banner .pos-absolute {
		position: relative !important;
	}
	.banner .pos-absolute.pos-left-center {
		-webkit-transform: inherit;
    	transform: inherit;
	}
	.banner .ml-5 {
		margin-left: 0 !important;
	}

	/*#carousel {
		margin-top: -5.1rem;
	}*/
	.carousel-item div {
		margin-top: 1.5rem;
	}

	.slick-prev, .slick-next {
	    top: 158px;
	}

	.pr-10, .px-10 {
	    padding-right: 2rem;
	}
	.pl-10, .px-10 {
	    padding-left: 2rem;
	}
	.pl-5, .px-5 {
	    padding-left: 1rem!important;
	}
	.pr-5, .px-5 {
	    padding-right: 1rem!important;
	}
	.pb-5, .py-5 {
	    padding-bottom: 1rem!important;
	}
	.pt-5, .py-5 {
	    padding-top: 1rem!important;
	}
	.pl-4, .px-4 {
	    padding-left: 0.75rem!important;
	}
	.pr-4, .px-4 {
	    padding-right: 0.75rem!important;
	}
}
@media (max-width: 900px) {
	#carousel img, #carousel video {
		height: 45vh;
	}
	.slick-prev, .slick-next {
	    -webkit-transform: translateX(-35%);
	    transform: translateX(-35%);
	}
	.slick-prev {
	    left: 30%!important;
	}
	.slick-next {
	    right: 30%!important;
	}

	.banner img {
		/*height: 75vh;*/
	}
	.caption-panel {
	    /*height: 25vh;*/
	    padding-top: 2.5rem !important;
	}

	footer img.w-60 {
		width: 90% !important;
		margin-top: 2rem;
	}

	.modal-content.w-65 .msg-panel {
		top: auto !important;
	    bottom: auto !important;
	    transform: translateX(-50%) translateY(0%);
	    padding: 3rem 0;
	}

	.show-more nav .px-4 {
		padding-right: 0.5rem!important;
		padding-left: 0.5rem!important;
	}


	.vh-100 {
		height: auto !important;
	}
	.row.h-100,
	.row .h-100 {
		height: auto !important;
	}
	.row #ring {
		height: 100% !important;
	}
	.row .pos-absolute.pos-left-center,
	.row .pos-absolute.pos-center {
		position: relative !important;
	}
	footer .row .pos-absolute.pos-center {
		position: absolute !important;
	}
	.row img.pos-absolute.pos-left-center {
		position: absolute !important;
	}
	.row img.pos-absolute.pos-left-center.showroom-img {
	     position: relative !important; 
	}
	.monogram-panel .row img.pos-absolute.pos-left-center {
		position: relative !important;
	}
	.row p.f-s14 {
		font-size: 14px !important;
		padding-left: 2.5rem !important;
	}
	img.mt-n5.mx-n5 {
		margin: 14rem 0 0 -2rem !important;
	}
	button.p-2 {
		padding: .75rem !important;
	}
	.ring-info .pos-absolute.pos-left-center {
		position: absolute !important;
	}
	.ring-info .pl-5 {
	    padding-left: 3rem!important;
	}
	.ring-info {
		margin-top: 2rem;
	}


	.header-panel {
		margin-top: 2rem;
	}
	input.w-25 {
		width: 50% !important;
	}


	.grey-200.rounded-xxl {
		margin-bottom: 2rem;
	}
	.tweezer {
	    margin-top: -4rem;
	}
	.w-100.pos-absolute.pos-left-center.text-right {
		padding-top: 2rem;
		padding-bottom: 2rem;
		text-align: center !important;
	}
	button.mt-5.w-75 {
		margin-top: 1.5rem !important;
	}


	img.w-70 {
		padding: 3rem;
	}
	.appointment-panel {
		width: 100% !important;
	}


	.f-s45 {
	    font-size: 28px;
	}
	button.f-s16 {
	    font-size: 13px !important;
	}
	.h5, h5 {
	    font-size: 15px;
	}
	.f-s14 {
	    font-size: 18px !important;
	}
	button {
	    font-size: 16px !important;
	}

	.f-s9 {
	    font-size: 11px !important;
	}
	h5.f-s26 {
	    font-size: 17px !important;
	}


	.customizing-panel,
	.gift-panel,
	.educ-panel,
	.tricks-panel {
		-ms-flex-direction: column-reverse!important;
	    flex-direction: column-reverse!important;
	}
	.gift-panel {
		text-align: center !important;
	}
	.engagement-panel,
	.wedding-panel,
	.fine-panel,
	.celebration-panel,
	.education-panel,
	.ring-size-panel,
	.faqs-panel,
	.favorites-panel,
	.cart-panel,
	.view-product-panel {
		margin-top: 6rem !important;
	}

	.faqs-panel a p {
		font-size: 16px;
	}

	.f-s22 {
	    font-size: 26px !important;
	}

	.bg-pan {
		background-color: transparent !important;
	}
	.showroom-info * {
		color: #000 !important;
	}
	.showroom-info button {
		color: #fff !important;
	}
	.showroom-info {
		width: 85% !important;
		position: relative !important;
		margin-top: 20rem;
	}
	.showroom-content {
		margin-bottom: -12rem;
	}
	
	.showroom-info p {
		font-size: 16px;
	}
	.showroom-info .location-icon {
		display: none;
	}
	.showroom-info .map-icon {
		display: block !important;
	}

	#education .carousel-indicators {
		display: none;
	}
	#education {
		margin-left: 0;
		width: calc(100% - 0rem);
	}
	#education .content_ {
		height: 40rem;
	}
	#education .content_ .pos-absolute.pos-center {
		margin-top: -4rem !important;
	}
	#education .content_ .row {
		margin-top: 0 !important;
	}


	#product_carousel .carousel-inner .carousel-item {
	    /*height: 282px;*/
	}
}
@media (max-width: 600px) {
	.home-btn img {
	    height: 11rem;
	}
	.carousel .w-45 {
	    width: 80%!important;
	}
	.carousel .bg-panel {
		width: 100%;
	}

	.modal-content.w-65 {
		width: 90%;
	}

	.showroom-info {
	    margin-top: 16rem;
	}

	.f-s22 {
	    font-size: 18px !important;
	}
	.f-s24 {
	    font-size: 22px !important;
	}

	.fine-panel .col-lg-4.col-md-4.col-6.px-3 {
		padding-left: .2rem !important;
		padding-right: .2rem !important;
	}
	.fine-panel .col-lg-4.col-md-4.col-6.px-3 img {
		max-height: 165px !important;
	}

	#product_carousel .carousel-inner .carousel-item {
	    min-height: 360px;
	}

	.banner img {
		/*height: 58vh;*/
	}
	.caption-panel {
	    /*height: 42vh;*/
	    /*padding-top: 5rem !important;*/
	}
	.caption-panel p {
		padding-left: 4rem;
	    padding-right: 4rem;
	}

	.f-s18 {
	    font-size: 16px !important;
	}

	img.mt-n5.mx-n5 {
	    margin: 14rem 0 10rem -2rem !important;
	}
	.vh-100 {
	     height: auto !important; 
	}
	.h6, h6 {
	    font-size: 20px;
	}
	.f-s16 {
	    font-size: 20px !important;
	}
	.f-s11 {
	    font-size: 18px !important;
	}
	.f-s8 {
	    font-size: 13px !important;
	}
	.f-s20 {
	    font-size: 18px !important;
	}
	.icon.f-s20.mr-2 {
		margin-right: 1rem !important;
	}
	input.w-25 {
	    width: 80% !important;
	    font-size: 16px;
	}
	button.f-s11 {
	    font-size: 13px !important;
	}
	.testimonials-panel img {
		height: 17rem;
	}
	.testimonials-panel div.text-left {
		text-align: center !important;
	}
	.testimonials-panel p {
		font-size: 18px;
	}
	.testimonials-panel p.px-10 {
		padding: 0 !important;
	}
	.about-panel.vh-100 {
	     height: 75vh !important; 
	}


	.ring-info button {
		width: 100% !important;
	}
	.showroom-info .ml-5 {
		margin-left: 0 !important;
	}


	#product_carousel .carousel-control-prev {
	     left: 0; 
	}
	.bg-panel {
		background-image: linear-gradient(to right, rgba(0,0,0,.6), rgba(0,0,0,0));
	}


	footer {
		text-align: center;
		padding-bottom: 3rem;
	}
	footer .h5.mb-4, h5.mb-4 {
	    font-size: 23px;
	    margin-top: 2rem;
	}
	footer .icon.f-s16 {
	    font-size: 28px !important;
	}
	footer a.f-s11 {
	    font-size: 20px !important;
	}
	footer .text-right {
		text-align: center !important;
	}
	footer .pl-5 {
		padding-left: 0 !important;
	}

	.pr-4, .px-4 {
	     padding-right: 1.5rem!important; 
	}
	.pl-4, .px-4 {
	     padding-left: 1.5rem!important; 
	}

	.slick-initialized .slick-slide.px-4 {
	     padding-left: 2.25rem!important; 
	     padding-right: 2.25rem!important; 
	}

	#product_carousel {
		margin-bottom: 135px !important;
	}
	#product_carousel .carousel-inner .carousel-item {
	    /*height: 275px;*/
	}
	#product_carousel .carousel-indicators {
	    display: inherit; 
	    width: 100%;
	    margin-bottom: -105px;
	    top: auto;
	    padding-left: 9rem;
	}
	#product_carousel .carousel-inner {
	     margin-left: 0; 
	     width: calc(100% - 0px); 
	}
	#product_carousel .carousel-inner .carousel-item {
	    /*height: 504px;*/
	}

	#jewelry_container,
	#jewelry_container .col-lg-4.col-md-4.col-6 {
		padding-left: .5rem !important;
		padding-right: .5rem !important;
	}
}
@media (max-width: 450px) {
	header {
		padding: 1rem !important;
	}
	header .f-s28 {
		font-size: 22px !important;
	}
	header .ml-4 {
		margin-left: 1rem !important;
	}
	header .mr-4 i.ml-4 {
		margin-left: .25rem !important;
	}
	header .mr-4 {
		margin-right: 1rem !important;
	}
	header img.ml-5 {
		margin-left: 1.5rem !important;
		padding-left: .5rem !important;
	    width: 40px;
    	margin-right: 0.5rem;
	}
	.f-s14.ml-2 {
		margin-left: 0!important;
	    font-size: 15px !important;
	}
	header .f-s26 {
	    font-size: 20px !important;
	}
	header .f-s30 {
	    font-size: 24px !important;
	}

	.carousel .f-s45 {
	    font-size: 22px;
	}
	.carousel .ml-5 {
	    margin-left: 1.5rem !important;
	}
	button.f-s16 {
	    font-size: 10px !important;
	}
	.carousel .w-45 {
	    width: 90%!important;
	}

	.pr-10, .px-10 {
	    padding-right: 0rem;
	}
	.pl-10, .px-10 {
	    padding-left: 0rem;
	}

	#carousel {
		margin-bottom: 1rem;
	}
	.home-btn img {
	    height: 9rem;
	}
	.home-btn div {
		padding-right: 2rem !important;
	}

	.header-panel {
		margin-top: 1rem;
	}
	.header-panel .f-s18 {
		font-size: 16px !important;
	}

	.f-s60 {
	    font-size: 28px !important;
	}
	.f-s30 {
	    font-size: 18px !important;
	}
	.f-s16 {
	    font-size: 16px !important;
	}
	.f-s14 {
	    font-size: 14px !important;
	}
	button {
	    font-size: 13px !important;
	}
	.testimonials-panel p {
	    font-size: 13px;
	}
	.h6, h6 {
	    font-size: 13px;
	}


	.tweezer {
	    margin-top: -1rem;
	    margin-left: -8rem;
	}
	img.w-70 {
		width: 100% !important;
	}
	img.w-15 {
		width: 22% !important;
		margin-bottom: 1.5rem !important;
	}

	.faqs-panel a p {
	    font-size: 13px;
	}


	.header-panel {
	    margin-top: 0rem;
	}
	.h4, h4 {
	    font-size: 18px;
	}
	.h6, h6 {
	    font-size: 16px;
	}
	.per-ring .f-s11 {
	    font-size: 14px !important;
	}
	h5.f-s18 {
	    font-size: 17px !important;
	}
	h1.f-s18 {
	    font-size: 18px !important;
	}
	.f-s8 {
	    font-size: 10px !important;
	}
	button.f-s11 {
	    font-size: 10px !important;
	}


	.slick-prev:before, .slick-next:before {
	    font-size: 26px;
	}
	.slick-prev, .slick-next {
	    top: 95px;
	}
	.slick-prev {
	    left: 36%;
	}
	.slick-next {
	    right: 34%;
	}
	img.mt-n5.mx-n5 {
	    margin: 8rem 0 9rem -2rem !important;
	}

	label.blue.pb-1 {
	    padding-bottom: 0.1rem !important;
	}
	.header-panel label.pos-relative {
	    top: -4px;
	}
	input.w-25 {
	    width: 80% !important;
	    font-size: 13px;
	}


	#product_carousel {
		margin-bottom: 100px !important;
	}
	#product_carousel .carousel-inner img {
	    /*height: 380px;*/
	}
	#product_carousel .carousel-indicators {
		display: flex;
	    width: auto; 
	    top: auto;
	    bottom: 40px;
	}
	#product_carousel .carousel-indicators img, 
	#product_carousel .carousel-indicators li,
	#product_carousel .carousel-indicators div {
	    height: 60px;
	    width: 60px;
	}
	#product_carousel .carousel-inner {
	    margin-left: 0;
	    width: 100%;
	}

	#product_carousel .carousel-inner .carousel-item {
	    /*height: 380px;*/
	}


	.showroom-info button.w-65 {
		width: 90% !important;
	}
	.showroom-info .map-icon {
	    width: 60px;
	}
	.showroom-info .h1, h1 {
	    font-size: 20px;
	}
	.showroom-info p {
	    font-size: 11px;
	}


	footer .h5.mb-4, h5.mb-4 {
	    font-size: 16px;
	    margin-top: 0.5rem;
	}
	footer .icon.f-s16 {
	    font-size: 20px !important;
	}
	footer .f-s11 {
	    font-size: 14px !important;
	}
	footer a.f-s11 {
	    font-size: 14px !important;
	}

	#education .content_ .w-80 {
		width: 90% !important;
	}
	#education .content_ {
		height: 60rem;
	}
	#education .content_ .col-sm-3 img {
		width: 120px !important;
	}
	#education .content_ .reverse_ {
		-ms-flex-direction: column-reverse!important;
	    flex-direction: column-reverse!important;
	}


	.main-sections-panel .px-3 {
		padding-left: .5rem !important;
		padding-right: .5rem !important;
	}
	.h5, h5 {
	    font-size: 18px;
	}
	.f-s10 {
	    font-size: 13px !important;
	}
	button.p-2 {
	    padding: 0.5rem !important;
	}
	.f-s9 {
	    font-size: 9px !important;
	}
	.tab-btn h6.mt-4 {
		margin-top: .5rem !important;
	}
}