/* ===== RESPONSIVE STYLE ===== */

@media (max-width:1600px) {
	
}

@media (max-width:1440px) {
	html {font-size: 1.1vw;}
	.container {max-width:1240px;}
	.fish-bg {width:35%;}

	.page-banner {
	    padding: 180px 0 50px;
	}

	.contact-head__text {
	    width: 70%;
	}

}

@media (max-width:1366px) {
	
}

@media (max-width:1200px) {
	
}

@media (max-width:1024px) {
	
}

@media (max-width:991px) {	
	html {font-size: 1.15vw;}
	
}

@media (max-width:768px) {
	html {font-size: 14px;}

	/* Mobile menu */
	.menu-desctop {display:none;}
	.mobile-btn {width: 25px;margin-left:15px; display:block;}
	.mobile-btn span{
		display: block;
		height: 2px;
		background-color: var(--white);
		border-radius: 2px;		
	}
	.mobile-btn span:not(:last-child){margin-bottom:5px;}
	.mobile-menu{
		position: fixed;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		visibility: hidden;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--black);
		background:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(../images/img1.jpg) no-repeat center center / cover;
		padding: 40px 20px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		z-index: 120;
		overflow-y:auto;
		display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	    align-items: center;
	}
	.mobile-menu.active{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	.close-menu{
		width: 25px;
		height: 25px;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.close-menu::before,
	.close-menu::after{
		content: '';
		width: 100%;
		height: 2px;
		border-radius: 2px;
		background-color: var(--white);
		position: absolute;
		left: 0;
		top: 50%;
	}
	.close-menu::before{
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.close-menu::after{
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.menu{
		flex-direction: column;
	}
	.menu li {
		margin-bottom: 30px;
	}
	.menu li a{
		font-size: 16px;
		text-transform:uppercase;
		color: var(--black);
	}
	/* // Mobile menu */

	.section {
		padding:3em 0;
	}

	.header-top {
	   padding:1.3em 0;
	}

	.header-top__item .mail, .header-top__item .social {
		display:none;
	}

	.about-wrapper.two-column .block-item {
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.about-descript {
		padding-right: 0;
		margin-bottom:2em;
	}

	.about-bg, .header-bottom:after, .ms-down-wrapper {
	    display: none;
	}

	.main-slider-content p {
	    width: 90%;
	}

	.main-slider__slide {
	    padding-top: 17em;
	    height: 50em;
	}

	.main-slider-content .h1 span {
	    font-size: 1.5em;
	}

	.header-circle {
	    top: -7em;
	    left: -5em;
	    width: 23em;
	    height: 23em;
	}

	.main-slider-circle {
	    bottom: -7em;
	    right: -10em;
	    width: 25em;
	    height: 25em;
	}

	.main-slider-circle span {
	    right: 9em;
	    width: 12em;
	    height: 12em;
	}

	.advantages__item {
	    width: 100%;
	}

	.advantages {
	    padding: 0 0 3em 0;
	}

	.quality-wrapper {
	    width: 100%;
	}

	.quality-item {
		width:100%;
		margin-bottom:30px;
	}


	.footer-img {
	    width: 100%;
	}

	.manufacture-description {
	    width: 100%;
	    margin-bottom:20px;
	}

	.manufacture-pic {
	    width: 100%;
	}

	.manufacture-pic::before {
	    width: 31em;
	    height: 31em;
	}

	.sertificat-img {
	    width: 70%;
	    margin: 0 auto;
	}

	.quality .btn-container {justify-content:center;}

	.article-content {
	    width: 100%;
	    margin-bottom:30px;
	}

	.article-bar {
	    width: 100%;
	}

	.product-wrapper.two-column .block-item {
	    flex: 0 0 50%;
	    max-width: 50%;
	    margin-bottom:30px;
	}

	.contact-head__text {
	    width: 100%;
	}

	.contact-img {
	    position: relative;
	    transform:none;
	    width: 100%;
	}

	.contact-wrapper .block-item {
	    width: 50%;
	}

	.product-item-img, .product-descript {
	    width: 100%;
	}

	.product-item {
	    padding: 0;
	}

	.product-item .h3 {
	    font-size: 1.3em;
	}
	
	.other-video-section .gallery-wrapper.three-column .block-item {
		flex: 0 0 80%;
    	max-width: 80%;
		margin:0 auto 20px;
	}

	.product-wrapper.three-column .block-item {
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	
	.common-row.four-column .block-item {
	    flex: 0 0 50%;
	    max-width: 50%;
	}

}

@media (max-width:640px) {	
	.footer-wrapper {
		justify-content: center;
	}

	.footer-item {
	    width: 100%;
	}

	.footer-img {
		display:none;
	}

	.footer-bottom__wrapper {
		justify-content: center;
	}

	.footer-nav {
		order:1;
		margin-bottom:10px;
	}

	.footer-bottom p {
		order:2;
	}

	.footer-wrapper .logo {
		margin:0 auto 20px;
	}

	.footer-wrapper p {
		width: 80%;
	    text-align: center;
	    margin: 0 auto;
	}

	.footer-wrapper .mail {
		 margin: 15px auto 5px;
	}

	.about {
	    padding: 3em 0 8em;
	}

	.manufacture-pic::before {
	    width: 28em;
	    height: 28em;
	}

	.gallery-wrapper.four-column .block-item {
	    flex: 0 0 50%;
	    max-width: 50%;
	}

	.gallery-img {
	    height: 12em;
	}

	.product-item .h3 {
	    width: 100%;
	}
	
	.about-product {
		padding:3em 0 1em;
	}

}

@media (max-width:600px) {	
	.footer-nav {
		display:none;
	}

	.video__wrap__item {
	    width: 100%;
	}

	.article-inner__wrap.two-column .block-item {
	    flex: 0 0 100%;
	    max-width: 100%;
	    margin-bottom:20px;
	}

	.product-wrapper.three-column .block-item {
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.contact-wrapper .block-item {
	    width: 100%;
	    margin-bottom:30px;
	}

	.product-wrapper.two-column .block-item {
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.product-wrapper.three-column .block-item {
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.order-btn {
	    width:100%;
	}

}

@media (max-width:480px) {	
	.h2, h2 {
	    font-size: 2em;
	}

	.main-slider-content .h1 {
	   font-size: 2em;
	}

	.main-slider-content .h1 span {
	    font-size: 1.3em;
	}

	.main-slider-content p {
	    width: 100%;
	}

	.main-slider__slide {
	    padding-top: 13em;
	    height: auto;
	    padding-bottom: 3em;
	}

	.advantages__item {
	    padding: 1.5em;
	}

	.advantages {
	    padding: 0 0 1em 0;
	}

	.quality-wrapper {
	    margin-top: 2em;
	}

	.decor-circle {
	   display: none;
	}

	.logo {
	    margin: 0 auto;
	}

	.main-slider__slide {
	    background-position: -200px 0;
	}

	.quality-wrapper .btn-container {
		justify-content: center;
	}

	.manufacture-pic::before, .manufacture-img-1 {
	   display: none;
	}

	.manufacture-img-2 {
	    position: relative;
	    max-width: 100%;
	    border: none;
	    margin-top: 0;
	}

	.manufacture, .video-section, .gallery, .contact, .product {
	    padding: 3em 0;
	}

	.video-block-item {
	    padding: 2em 0;
	}

	.gallery-img {
	    height: 8em;
	}

	.page-banner {
	    padding: 200px 0 30px;
	}

	.breadcrumbs {
		margin-top:1em;
	}

	.sertificat-img {
	    width: 100%;
	}

	.contact-head__text {
		font-size: 1.12em;
	}

	.main-slider-content p {
	    font-size: 1.12em;
	}

	.main-slider-content .h1 {
	    margin-bottom: 0.7em;
	}

	.main-slider-content .btn-container {
		margin-top:1.5em;
	}

	.product-item {
		align-items: center;
		flex-wrap: wrap;
	}

	.product-descript {
	    justify-content: center;
	    align-items: center;
	    width:100%;
	}

	.product-descript .h3 {
		text-align: center;
	}

	.product-wrapper .block-item:last-child .product-item {
	    padding-bottom: 0;
	    border-bottom: none;
	}

	.product-wrapper.two-column .block-item:last-child {
	    margin-bottom:0;
	}
	
	.other-video-section .gallery-wrapper.three-column .block-item {
		flex: 0 0 100%;
    	max-width: 100%;
		margin:0 auto 20px;
	}

	.other-video-section {
	    padding: 5em 0 3em 0;
	}

	.popup-window {width:90%;}

}

@media (max-width:320px) {	
	.logo {
	    width: 90px;
	}

	.main-slider-content .h1 {
	    font-size: 1.7em;
	}

	.main-slider__slide {
	    padding-top: 11em;
	}
}