/*width more 1230px*/
@media screen and (max-width: 770px) {
	.width {
		padding: 0 30px;
	}

	header {
		height: 150px;
	}

	header.open {
		background: white;
		margin-top: 0;
		padding-top: 20px;
		transition: .3s ease;
	}

	header > .flex {
		display: block;
	}

	header > .flex > .flex {
		justify-content: flex-start;
	}



	header .menu-link {
		display: block;
		position: relative;
		width: 50px;
		height: 55px;
		margin-top: 5px;
		padding: 0 5px;
	}

	header .menu-link span {
		width: 40px;
		height: 5px;
		background: white;
		border-radius: 3px;
		float: left;
		margin-top: 10px;
	}

	header .menu-link:after {
		top: 26px;
	}

	header .menu-link.open {
		margin-top: 30px;
	}

	header .menu-link.open span {
		margin-top: -5px;
		background: black;
	}

	header .menu-link.open span:nth-child(1) {
		transform: rotate(45deg);
	}

	header .menu-link.open span:nth-child(2) {
		transform: rotate(-45deg);
	}

	header .menu-link.open span:nth-child(3) {
		display: none;
	}


	header .logo {
		width: 100%;
		text-align: center;
	}

	header .logo img {
		width: 70%;
	}

	header .header-one {
		clear: both;
		display: block;
		left: -100%;
		transition: .3s ease;
	}

	header .header-one {
	  margin-left: 0;
	  height: 150px;
	}

	header.open .header-one {
		width: calc(100% + 60px);
		margin: 0 -30px;
		padding: 0 30px;
		left: 0;
	}

	header .header-one .flex {
		width: 100%;
		align-items: baseline;
	}

	header.open .header-one .flex {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	
	header .header-one .link-change-region {
		display: none;
	}

	header.open .header-one .link-change-region {
		display: block;
		color: black;
		font-size: 1.2em;
		font-weight: 300;
		padding: 20px 0 10px 30px;
	}

	header .link-change-region:before {
		filter:	brightness(0);
		margin-top: 3px;

	}

	header.open .header-one {
		background: #f1e9dd;
		overflow: scroll;
		height: calc(100vh - 105px);
	}

	header .phone {
		white-space: nowrap;
		width: 280px;
		font-size: 1em;
		font-weight: 300;
		padding: 0 10px 0 30px;
	}

	header.open .phone {
		display: none;
		display: block;
		padding: 0 30px;
		font-weight: 300;
		color: black;
	}

	header .phone + div {
		width: 100%;
	}

	header.open .phone:before {
		left: 0px;
		filter: brightness(0);
	}

	header.open .header-one .phone + div {
		width: 100%;
	}

	header .btn,
	header .btn:hover {
		background: #fc3d34;
		display: block;
		text-align: center;
		padding: 2.5px 10px;
		border-radius: 100px;
		margin: 20px 0;
		font-size: 1.3em;
	}




	header .main-nav {
		width: 100%;
/*		height: 85vh;*/
		background: #f1e9dd;
		position: relative;
/*		top: 280px;*/
		left: -150%;
		transition: .2s ease;
		padding-bottom: 60px;
		overflow-y: scroll;
	}

	header .main-nav.open {
		left: 0;
	}

	header .main-nav > ul > li:hover > ul {
		display: none;
	}

	header .main-nav > ul {
		flex-direction: column;
		font-size: 2.2em;
		padding-left: 30px;
	}

	header .main-nav > ul a,
	header .main-nav > ul a:hover {
		color: black;
		font-weight: 900;
		padding: 5px 10px 10px 0;
	}

	header.open + .pesonal-manager + main {
		height: 700px;
	}

	header.open + .pesonal-manager,
	header.open + .pesonal-manager + main,
	header.open + .pesonal-manager + main + footer {
		display: none;
	}

	header .block-social {
		display: none;
	}

	header.open .block-social {
		display: block;
		z-index: 99999;
		position: static;
		background: #f1e9dd;
	}

	header.open .block-social p {
		display: block;
		color: black;
		float: none;
	}

	header.open .block-social a {
		filter: brightness(0);
	}

	.pesonal-manager {
		width: 90px;
		top: auto;
		bottom: 10px;
		padding: 10px 10px;
		text-align: left;
	}

	.pesonal-manager p,
	.pesonal-manager .name {
		display: none;
	}

	.pesonal-manager img {
		max-width: 65px;
		margin: 0;
	}



	

	.block-plus .flex {
		flex-wrap: wrap;
	}

	.block-plus .title {
		font-size: 2em;
		padding: 20px 10px;
	}

	.block-plus .item {
		width: 50%;
		padding: 10px 10px 20px 10px;
	}




	.catalog-list .item {
		width: 100%;
		margin: 30px 0 0 0;
	}

	.catalog-list .btn {
		background: #fc3d34;
		border-radius: 30px;
		width: 100%;
		text-align: center;
		font-size: 1.6em;
		font-weight: 300;
	}

	.catalog-list .item:nth-child(2n) {
		margin-left: 0;
	}

	.catalog-list .item:nth-child(2n+1) {
		margin-right: 0;
	}

	.catalog-list a.item.catalog-item:hover {
		background: white;
	}

	.catalog-list a.item.catalog-item img {
		width: 100%;
		header: auto;
		min-width: auto;
	}

	.catalog-list a.item.catalog-item:hover img {
		filter: saturate(100%);
	}

	.catalog-list a.item.catalog-item:hover .text .title {
		color: black;
		left: 0;
	}

	.catalog-list a.item.catalog-item:hover .text p {
		left: 0;
	}








	.lising ul {
		flex-direction: column;
	}

	.lising ul li {
		margin-bottom: 30px;
	}

	.lising ul li a:hover {
		text-decoration: none;
	}









	.slider-plus {
		height: auto;
	}

	.slider-plus .swiper-slide {
		display: flex;
		flex-direction: column;
	}

	.slider-plus .swiper-slide .text {
		width: 100%;
		order: 2;
		padding-bottom: 40px;
	}

	.slider-plus .swiper-slide .img {
		width: 100%
	}

	.slider-plus .swiper-slide .text .text-wrapper {
		width: 100%;
		padding: 0 30px
	}

	.slider-plus .swiper-slide .text .title {
		padding: 30px 30px 30px 0;
	}

	.slider-plus .swiper-slide .text p {
		font-size: 1em;
	}

	.slider-plus .swiper-slide .img img {
		width: 100%;
		height: auto;
	}

	.slider-plus .swiper-pagination {
		top: -30px;
		left: 0;
	}



	.reviews {
		margin-bottom: 60px;
	}

	.reviews .flex {
		flex-direction: column;
	}

	.reviews .item.title {
		padding: 0;
		font-size: 2.1em;
	}

	.reviews .item .big-text {
		font-size: 3.5em;
	}

	.reviews .item {
		width: 100%;
		margin: 30px 0 0 0;
	}

	.reviews .item:nth-child(2n) {
		margin-left: 0;
	}

	.reviews.item:nth-child(2n+1) {
		margin-right: 0;
	}

	.reviews .flex.two .reviews-item:nth-child(1) {
		margin-right: 0;
	}

	.reviews .flex.two .reviews-item:nth-child(2) {
		margin-right: 0;
	}

	.reviews .flex.two .reviews-item:nth-child(3) {
		margin-left: 0;
	}

	.reviews .flex.two .reviews-item:hover .title,
	.reviews .flex.two .reviews-item:hover p {
		text-decoration: none;
	}






	.footer-container {
		flex-wrap: wrap;
		justify-content: center;
	}

	.footer-container > div {
		margin-left: 20px;
		margin-right: 20px;
		width: 100%;
		margin: 0 0 5px 0;
	}

	.footer-product {
		display: none;
	}

	.footer {
		margin-top: 0;
	}

	.footer .title {
		margin-bottom: 5px;
	}

	.footer-social ul {
		margin-bottom: 10px;
	}

	.footer-logo {
		order: 1;
	}

	.footer-product {
		order: 2;
	}

	.bottom-menu {
		order: 4;
	}

	.footer-social {
		order: 3;
	}

	.footer-container-2 > div > div:first-child {
		margin: 30px;
		line-height: 1.5;
	}

	.footer-container-2 > div > div:last-child {
		display: none;
	}


	dialog {
		padding: 10px;
		width: 100%;
	}

	dialog .title {
		font-size: 2em;
		padding: 0 20px 0 0;
	}

	dialog iframe {
		margin-top: 10px;
		width: 100%;
		height: auto;
	}
}



@media screen and (max-width: 530px) {
	header .btn,
	header .btn:hover {
		font-size: 1em;
	}
	header.open .btn,
	header.open .btn:hover {
		font-size: 1.5em;
	}

	header .btn,
	header .btn:hover {
		font-size: .9em;
	}

	.pesonal-manager {
		width: 70px;
		top: auto;
	}
	.pesonal-manager img {
		max-width: 55px;
	}
	.pesonal-manager .btn-whatsapp,
	.pesonal-manager .btn-callback {
		transform: scale(0.9) !important;
		margin-left: -5px;
	}
}


/* MOBILE. width less 320px*/
@media screen and (max-width: 320px) {
  .footer-container > div:first-child {
    margin-left: -180px;
  }
}