/*--- 767---*/
@media (max-width: 767px) {
	/*--- UI ---*/
	:root {
	    --cwidth: 100%;
	}
	
	.modal {
		min-width: unset;
		width: 100%;
		height: 100%;
		border-radius: 0;
		display: flex;
		flex-direction: column;
	    padding: 48px 24px;	
	}
	
	.modal-inner {
		margin: 0 0 auto 0;
	}
	
	.modal-caption {
	    margin: auto 0 2rem 0;
	}
	
	/*--- NAVIGATION ---*/
	.menu-expanded .navigation {
		transform: translateX(0%);
	}
	
	.navigation {
		width: 100%;
		max-width: 280px;
		height: 100vh;
		margin: 0;
		position: fixed;
		top: 0;
		left: 0;
		padding: 24px 0;
		background: #000000;
		box-shadow: 4px 12px 24px 0px #000000;
		transition: 0.15s ease-out;
		transform: translateX(-110%);
		z-index: 12;
		max-height: 100%;
		overflow: auto;
		display: block;
	}
	
	.navigation a {
	    padding: 12px 24px;
	}
	
	/*--- LANGUAGE ---*/
	.language {
		margin: 0 24px 0 auto;
	}
	
	/*--- ADVANTAGE ---*/
	.advantage {
		grid-template-columns: 1fr;
	}
	
	.advantage__item {
		padding: 24px 0;
	}
	
	.advantage__item + .advantage__item {
		border-left: none;
		border-top: 2px solid #2e2e2e;
	}
	
	/*--- ABOUT ---*/
	.about {
		grid-template-columns: 1fr;
	}
	
	/*--- WTF ---*/
	.wtf {
		grid-template-columns: 1fr;
		grid-gap: 24px 0;
	}
	
	/*--- FEEDBACK ---*/
	.feedback {
	    grid-template-columns: 1fr;
		grid-gap: 48px 0;
	}
		
	.feedback__info {
		max-width: unset;
		margin: 0;
		text-align: center;
	}	
	
	.feedback__form {
		max-width: unset;
	}	
	
	/*--- FOOTER ---*/
	.footer {
		grid-template-columns: 1fr;
	    grid-gap: 36px 0;
	}
	
	.footer-company__logo {
		margin: 0 24px;
	}
	
	.footer-company__name {
		display: none;
	}
	
	/*--- CATALOG ---*/
	.catalog-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}



/*--- 991-768 ---*/
@media (min-width: 768px) and (max-width: 991px) {
	:root {
	    --cwidth: 768px;
	}
}



/*--- 992-1199 ---*/
@media (min-width: 992px) and (max-width: 1199px) {
	:root {
	    --cwidth: 992px;
	}
}