@media (max-width: 375px) {
	.configurator-name {
		margin-top: -18px;
	}
	
	.configurator-header .top-buttons a.qem-main-button {
		font-size: 9px !important;
		padding: 10px 9px 8px !important;
		margin-left: 2px !important;
	}

	.whiteboard.ezo_on_ezo .hero {
		left: 23.5% !important;
	}

}

@media (max-width: 460px) {
	.configurator-name h1 {
		font-size: 16px !important;
		margin-top: 14px !important;
	}
	.menu.walls .wall-block {
		line-height: 97px !important;
	}
	
	.whiteboard.ezo_on_ezo .hero {
		left: 20.5%;
	}

	.popup {
		left: 4%;
	}
		.popup .upload-background {
			width: 160px;
		}

	.carousel-inner {
		margin-left: 2px;
	}
	.carousel-control-next {
	  right: -8px;
	  width: 13px;
	}

	.ezo_on_ezo_design .thumb-list.thirds {
		margin-left: 10px;
	}

}

@media (max-width: 576px) {
	.configurator-name {
		margin-top: -13px;
	}
	.configurator-name h1 {
		font-size: 19px;
	}
	.return-home-link {
		margin-right: 0;
	}

	.configurator-header .top-buttons {
		padding-bottom: 0;
	}
	.configurator-header .top-buttons a.qem-main-button {
		font-size: 10px;
		padding: 10px 10px 8px;
		margin-left: 4px;
	}

	.container.home h1 {
		font-size: 32px;
		margin-bottom: 17px;
	}
	.container.home h2 {
		font-size: 20px;
		margin-top: 5px;
	}

	.whiteboard .toolbar .right-buttons {
		width: 165px;
		padding-right: 10px;
	}
		.whiteboard .toolbar .right-buttons .qem-main-button {
			width: 100%;
			text-align: center;
			margin: 0 0 5px;
		}


	.accordion-body {
		padding: 0 10px;
	}
	.accordion-button {
		font-size: 19px;
	}

	.accordion-body .thumb-list.fourths li {
		
	}

	.menu {
		top: 85% !important;
		width: 100% !important;
	}
	.menu .selection_icon {
		top: 8%;
	}
		.menu .selection_icon img {
			width: 32px;
		}
	.hero {
		margin-top: 50px;
	}
		.whiteboard.walls .hero {
			left: 1.5% !important;
			margin: 10px auto !important;
			width: 320px !important;
			height: 256px !important;
			top: 0%;
		}

		.whiteboard.tiles {
			height: 400px !important;
		}

		.whiteboard.tiles .hero {
			left: 0;
			width: 100%;
		}
		.whiteboard.ezo_on_ezo .hero {
			height: 430px;
			width: 230px;
			left: 28.5%;
		}

	.tile_container .tile-actions {
		width: 155px !important;
		font-size: 12px !important;
	}

	.configurator-footer {
		top: 140% !important;
	}

	.popup {
		left: 6%;
	}

	/*******TILES*******/
	.tile_container.small { width: 125px !important; height: 125px !important; }
	.tile_container.large { width: 175px !important; height: 175px !important; }
	.tile_border {max-width: 85%; max-height: 85%}
	.diamond.small .tile_border { left: 49.5% !important; top: 49.5% !important; }
	.triangle.small .tile_border { left: 49.5% !important; top: 46.2% !important; }
	.circle.small .tile_border { left: 49.5% !important; top: 49.5% !important; }
	.ui-rotatable-handle { left: 2px !important; bottom: -4px !important; }
	/******************/

}

@media (min-width: 577px) and (max-width: 767px) {
	.configurator-name h1 {
		font-size: 26px;
		margin-top: 7px;
	}
	.configurator-header .top-buttons {
		padding-bottom: 6px;
	}
	.configurator-header .top-buttons a.qem-main-button {
		font-size: 13px;
		padding: 10px 13px 8px;
		margin-left: 7px;
	}

	.container.home h1 {
		font-size: 37px;
		margin-bottom: 17px;
	}
	.container.home h2 {
		font-size: 25px;
		margin-top: 5px;
	}

	.accordion-body .thumb-list.thirds li {
		margin-bottom: 0;
		min-height: 165px;
	}

	.menu .selection_icon {
		top: 10%;
	}

	.hero {
		margin-top: 25px;
	}
		.whiteboard.walls .hero {
			left: 21%;
			top: -3%;
		}
		.whiteboard.ezo_on_ezo .hero {
			left: 32.5%;
		}
		.whiteboard.tiles .hero {
			height: 98% !important;
			width: 97% !important;
		}

	.popup {
		left: 26%;
	}
		.popup .upload-background {
			width: 160px;
		}
}

@media (min-width: 768px) {
	.container.home h1 {
		font-size: 45px;
		margin-bottom: 27px;
	}
	.container.home h2 {
		font-size: 35px;
		margin-top: 10px;
	}
}

@media (max-width: 894px) {

	.configurator-header {
		width: 100%;
	}
	.configurator-name h1 {
		font-size: 21px;
		margin-top: 17px;
	}

	.configurator-header .text-end {
		padding-top: 18px;
	}
	.configurator-footer {
		width: 100%;
	}
	.menu {
		width: 100% !important;
		border-top: 1px solid #fff;
	}

	.menu .accordion-button {
		font-size: 14px;
	}

	.accordion-body .thumb-list.fourths li {
	
	}

	.whiteboard {
		width: 100%;
		min-height: 57%;
	}

	.whiteboard.walls .hero {
		margin-bottom: 15px;
		top: 0% !important;
	}

	.whiteboard.tiles {
		height: 500px;
	}

	.hero {
		margin-top: 25px;
	}
		.whiteboard.tiles .hero {
			margin: 0;
			padding-bottom: 25px;
			/* height: 75%; */
		}

	.whiteboard-bottom-actions {
		padding-right: 0 !important;
	}

	.tile_container .tile-actions {
		width: 174px;
		font-size: 13px;
	}
}

@media (min-width: 896px) and (max-width: 1160px) {
	.accordion-body .thumb-list.fourths li {
		
	}

	.whiteboard.walls .hero {
		width: 330px;
		height: 264px;
		margin-top: 24px;
	}

	#qem_area_tiles_carousel {
		min-height: 220px;
	}

	.carousel-control-prev {
		left: -12px !important;
	}
	.carousel-control-next {
		right: -12px !important;
	}

}


@media (min-width: 1367px) {
	
	.whiteboard {
		min-height: 630px;
	}
	.accordion-body.ezo_on_ezo_design {
		padding: 3% 0 4% 0%;
	}

	.carousel-item {
		min-height: 249px;
	}

	#qem_area_tiles_carousel {
		min-height: 270px;
	}

	.whiteboard.ezo_on_ezo .hero {
		top: 40px;
	}
}

@media (max-width: 1366px) {

	.menu .accordion-button {
		font-size: 18px;
	}

	.menu .selection_icon img {
		max-width: 30px;
	}
	
	.menu.walls .wall-block {
		line-height: 88px;
	}

	.whiteboard.walls .hero {
		width: 380px;
		height: 305px;
		left: 25.5%;
	}

	.whiteboard-bottom-actions {
		padding-right: 10px;
	}

	.accordion-body .thumb-list.fourths li {
		/* line-height: 111px; */
	}
	.design_ideas .carousel-inner {
		margin-top: 0.5%;
	}

	.accordion-body .submenu {
		font-size: 14px;
	}

	.accordion-body.tile_shape .thumb-list.thirds li {
		line-height: inherit;
		min-height: 100px;
	}
	.accordion-body .thumb-list.thirds li {
		margin-bottom: 0;
	}

	/*******TILES*******/
	.tile_container.small { width: 155px; height: 155px; }
	.tile_container.large { width: 205px; height: 205px; }
	.diamond.small .tile_border { left: 50%; }
	/* .circle.small .tile_border { left: 49.5%; top: 49.8%; } */
	.ui-rotatable-handle { left: 7px !important; bottom: 1px !important; }
	/******************/
	

}

@media (min-width: 1300px) and (max-width: 1580px) {
	.accordion-body .thumb-list.thirds li {
		width: 31% !important;
		padding: 9px;
	}
}