@media(max-width: 1200px) {
	/* h tags */
	h1 {font-size:1.75rem;}
	h2 {font-size:1.35rem;}
	h3 {font-size:1.25rem;}	
	
	/* grid products */
	.grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.grid.col5 {
		grid-template-columns: repeat(4, 1fr);
	}
	
	/* comparison_attributes  */
	.comparison_attributes .attributes {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* guide */
	.guide {
		text-align: center;
	}
	.guide .question {
		justify-content: center;
		flex-direction: column;
		gap: 1rem;
	}
}

@media(max-width: 992px) {
	/* columns */
	.columns {
		flex-direction: column;
		/*flex-wrap: unset;*/
	}
	
	/* filters */
	.filters {
		height: 100%;
	}
	.filters form {
		flex-direction: row;
		overflow-y: unset;
		padding: 0;
		flex-wrap: wrap;
		height: auto;
		gap: .25rem;
	}
	.filters form fieldset {
		display: none;
	}
	.filters form fieldset.highlight {
		display: block;
	}
	.filters form fieldset legend {
		background: #fff;
		border: 1px solid #f7f7f7;
		border-radius: 16px;
		height: 32px;
		line-height: 32px;
		padding: 0 1rem;
		font-weight: 500;
		min-width: 60px;
		text-align: center;
		cursor: pointer;
	}
	.no-touch .filters form fieldset legend:hover {
		background: #e5e5e5;
	}
	.filters form fieldset legend:after {
		display: inline-block;
		content: '\203A';
		font-size: 1rem;
		color: initial;
		margin-left: .5rem;
		transform: rotate(90deg);
	}
	.filters form fieldset .options {
		display: none;
		background: #fff;
		padding: .5rem 0;
		border-radius: .25rem;
		position: absolute;
		top: calc(100% + 4px);
		right: auto;
		border: 0;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
		max-height: 400px;
		min-width: 180px;
		max-width: 288px;
		overflow-y: auto;
		z-index: 1;
	}
	.filters form fieldset .options label {
		padding: .5rem;
	}
	.no-touch .filters form fieldset .options label:hover {
		background: #e5e5e5;
	}
}

@media(max-width: 768px) {
	/* grid products */
	.grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.grid.col5 {
		grid-template-columns: repeat(3, 1fr);
	}
	
	/* grid guide */
	.grid.products .card.guide_link {
		grid-column: 1 / 3 !important
	}
	
	/* content */
	.content figure {
		float: unset;
		margin: 2rem auto;
	}
	
	/* spotlight */
	.spotlight .spot {
		flex-wrap: wrap;
		gap: .25rem;
	}
	.spotlight.sidebyside .column:nth-of-type(1) .spot {
		padding: .5rem 22px .5rem .5rem;
	}
	.spotlight.sidebyside .column:nth-of-type(2) .spot {
		padding: .5rem .5rem .5rem 22px;
	}
	.spotlight .spot .media {
		display: none;
	}
	.spotlight .spot .title {
		flex: 1 0 100%;
		text-align: center;
	}
	.spotlight .spot .offer,
	.spotlight .spot .cta {
		flex: 1 0 calc(50% - .5rem);
		margin: 0;
	}
	.spotlight .spot .offer .best_offer span.best_final_price {
		font-size: 1.15rem;
	}
	.spotlight .spot .cta a button {
		width: 100%;
	}
	
	/* canvas */
	.canvas_responsive {
		height: 300px;
	}
	
	/* price_comparison */
	.price_comparison .offer .top {
		padding: .75rem
	}
	.price_comparison .offer .bottom {
		padding: .5rem .75rem
	}
	.price_comparison .offer .bottom .details {
		flex-direction: column;
		align-items: end;
	}
	.price_comparison .offer .bottom .title {
		font-size: .85rem;
	}
	.price_comparison .offer .bottom .details .shipping {
		order: 2;
		font-size: .775rem;
		padding: 0;
	}
	.price_comparison .offer .bottom .details .price {
		order: 1;
		font-size: .925rem;
	}
	.price_comparison .offer .bottom .details .cta {
		display: none;
	}
	
	/* guide */
	.guide .question .options form {
		flex-wrap: wrap;
		justify-content: center;
		gap: .5rem;
	}
	.guide .question .options form #goback {
		order: 2;
	}
	.guide .question .options form .option {
		order: 1;
		flex: 1 0 100%;
	}
}

@media(max-width: 767px) {

}

@media(max-width: 576px) {
	/* nav */
	nav.main .inner {
		flex-direction: column;
		justify-content: center;
		gap: .5rem;
		padding: .5rem;
	}
	
	/* search */
	.search {
		width: 100%;
	}
	
	/* columns */
	.comparison_media.not_comparing .columns {
		flex-direction: column;
	}
	
	/* grid products */
	.grid.col5 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* vs_line */
	.comparison_media.not_comparing .vs_line {
		background: #bebebe;
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
	}
	.comparison_media.not_comparing .vs_line span {
		left: calc(50% - 26px);
		top: -26px;
	}
	.comparison_media.not_comparing .vs_line.small {
		display: none;
	}
	
	/* comparison_attributes  */
	.comparison_attributes .attributes {
		grid-template-columns: repeat(1, 1fr);
	}
	
	/* comparison_media - media */
	.comparison .comparison_media .media {
		height: 175px;
	}
	
	/* comparison_media - compare_placeholder */
	.comparison .comparison_media .compare_placeholder {
		padding: 1rem .5rem;
	}
	
	/* comparison_media - dropdown */
	.comparison .comparison_media .dropdown .dropdown_list ul li {
		padding: .15rem .5rem;
		border-bottom: 1px solid #bebebe;
	}
}

@media(max-width: 481px) {
	/* h tags */
	h1 {font-size:1.5rem;}
	h2 {font-size:1.25rem;}
	h3 {font-size:1.15rem;}
	
	/* hide_mobile */
	table thead tr th.hide_mobile,
	table tbody tr td.hide_mobile,
	.hide_mobile {
		display: none !important;
	}
}