@media screen and (max-width: 1280px) {
	.wrap-sidebar {
		position: fixed;
		z-index: 9002;
		top: 0;
		left: -100%;
		height: 100vh;
		-webkit-transition: 0.3s;
				transition: 0.3s;
	}

	.wrap-sidebar.open {
		left: 0;
	}
	
	.sidebar {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
	}
	
	.menu-trigger {
		display: block;
	}
} /*1280*/

@media screen and (max-width: 1170px) {
	
} /*1170*/

@media screen and (max-width: 1024px) {
	.content {
		padding: 0 20px;
	}
	
	.faq-answer {
		padding-bottom: 30px;
	}
	
	.table-head {
		display: none;
	}

	.table-row {
		margin-bottom: 20px;
		display: block;
		border-bottom: 2px solid #DFDFDF;
	}

	.table-col {
		display: block;
		padding: 18px 10px;
		text-align: right;
		border-right: none;
		border-bottom: 1px solid #DFDFDF;
	}

	.table-col:last-child {
		border-bottom: 0;
	}

	.table-col::before {
		margin-right: 20px;
		content: attr(data-label);
		float: left;
		font-family: 'Montserrat-SemiBold';
	}
} /*1024*/

@media screen and (max-width: 750px) {
	.form {
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	
	.form .form-input {
		margin: 0 0 20px;
		width: 100%;
	}
	
	.page1 .btn {
		width: 100%;
		-webkit-flex-shrink: 1;
				flex-shrink: 1;
	}
	
	.page404-title {
		font-size: 18px;
	}

	.page404-error {
		font-size: 140px;
	}
} /*750*/

@media screen and (max-width: 480px) {
	.form3 {
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	
	.form3 .form-input {
		margin: 0 0 20px;
		width: 100%;
	}
	
	.page2 .btn,
	.form3 .btn {
		width: 100%;
		-webkit-flex-shrink: 1;
				flex-shrink: 1;
	}
	
	.page404-title {
		font-size: 16px;
		font-family: 'Montserrat-Medium';
	}
	
	.page404-error {
		font-size: 100px;
	}
	
	.pagePayment-title {
		font-size: 16px;
		font-family: 'Montserrat-Medium';
	}
	
	.pagePayment-success,
	.pagePayment-error {
		width: 120px;
		height: 120px;
	}
} /*480*/

@media screen and (max-width: 440px) {
	.faq-question {
		border-radius: 7px;
		padding: 15px 60px 15px 20px;
	}

	.faq-question-icon {
		right: 10px;
	}
	
	.faq-answer {
		padding: 10px 20px 20px 20px;
	}
	
	.footer-links {
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	
	.footer-links-item:first-child {
		margin: 0 0 20px;
	}
	
	.modal-payment-item {
		padding: 10px;
	}
} /*440*/

@media screen and (max-width: 375px) {
	h1 {
		font-size: 22px;
	}
	
	.btn {
		padding: 0 20px;
	}
	
	.btn-mob {
		display: none;
	}
	
	.page404-error {
		font-size: 80px;
	}
} /*375*/