.btn_menu_mob {
	display: none;
	position: fixed;
	width: 45px;
	height: 45px;
	cursor: pointer;
	background: #383431;
	top: 10px;
	right: 10px;
	z-index: 1000;
	span {
		-moz-transition: all 0.4s 0.02s ease;
	    -o-transition: all 0.4s 0.02s ease;
	    -webkit-transition: all 0.4s 0.02s ease;
		left: 4px;
		right: 4px;
		height: 1px;
		background: #fff;
		position: absolute;
		&:nth-of-type(1) {			
			top: 10px;
		}
		&:nth-of-type(2) {
			top: 49%;
		}
		&:nth-of-type(3) {
			bottom: 10px;
		}
	}
	&.opn_menu {
		span {
			&:nth-of-type(1) {
				top: 49%;
				-webkit-transform: rotate(45deg);
				   -moz-transform: rotate(45deg);
				    -ms-transform: rotate(45deg);
				     -o-transform: rotate(45deg);
				        transform: rotate(45deg);
			}
			&:nth-of-type(2) {
				-webkit-transform: rotate(90deg);
				   -moz-transform: rotate(90deg);
				    -ms-transform: rotate(90deg);
				     -o-transform: rotate(90deg);
				        transform: rotate(90deg);
			    opacity: 0;
			}
			&:nth-of-type(3) {
				bottom: 50%;
				-webkit-transform: rotate(-45deg);
				   -moz-transform: rotate(-45deg);
				    -ms-transform: rotate(-45deg);
				     -o-transform: rotate(-45deg);
				        transform: rotate(-45deg);
			}
		}
	}
}
.owl-item  {
	float: left;
	a {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
	    &:hover {
	    	-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			filter: grayscale(0%);
	    }
		img {
			width: 100%;
			height: 100%;
		}
	}
}
.nav-box.nofixed {
	position: static;
	display: none;
}
#wrapper .nav-box.nofixed {
	display: block;
}
.soc {
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 20px;
	text-align: right;
	color: #C0BAA1;
	a {
		-moz-transition: all 0.4s 0.02s ease;
	    -o-transition: all 0.4s 0.02s ease;
	    -webkit-transition: all 0.4s 0.02s ease;
		&:hover {
			opacity: 0.6;
		}
	}
}
#nav {
	float: none;
	display: flex;
}
#nav li {
	float: none;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.mob_g_index {
	display: none;
}
@media (min-width: 992px) {
	.body-index .nav-box,
	#wrapper .nav-box {
		opacity: 1 !important;
		display: block !important;
	}
}
@media (max-width: 992px) {
	#cb_loupe {
		max-width: 150%;
	}
	#image_gal_open .field2 {
		font-size: 13px;
		text-indent: 0em;
	}
	#image_gal_open tr {
		font-size: 11px;		
	}
	.owl-item a {
		filter: grayscale(0);
	}
	.owl-item a img {
		margin-top: -100%;
	}
	.text-container-holder03 .holder li img.color {
		opacity: 1 !important;
	}
	#wrapper .nav-box.nofixed {
		display: none;
	}
	#image_gal .field2 {
		text-align: right;
	}
	.remove992 {
		display: none;
	}
	.mob_g_index {
		display: block;
	}
	.news-list li h3 {
		line-height: 1.5;
	}
	.text-container-holder03 .holder .info {
		margin-top: -34px !important;
	}
	#alt02 {
		display: none;
	}
	#nav {
		display: block;
	}
	.btn_menu_mob {
		display: block;
	}
	.nav-box {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.9) !important;
		top: 0;
		left: 0;
	}
	.nav-holder {
		width: auto;
	}
	.nav-wrap {
		background: none;
		height: 100%;
	}
	#nav li {
		float: none;
		a {
			width: auto !important;
			background: none;
		}
	}
	.nav-box.sticky #nav,
	#nav {
		width: 100%;
	}
	.nav-box.sticky .nano-logo {
		display: none;
	}
	#who-i-am .text-container-holder .holder {
		width: 100%;
	}
	.text-container-holder .holder .text {
		float: none;
	}
	#who-i-am .text-container-holder .holder .text {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	body {
		min-width: auto;
	}
	#footer,
	.wrap-container,
	.gallery-holder,
	#wrapper #header {
		width: 100%;
	}
	#header,
	#wrapper #header {
		height: auto;
	}
	.gallery-holder {
		width: 100%;
		.gallery {
			width: 100%;
		}
	}
	.gallery-holder .gallery ul {
		width: 100%;
		li {
			width: auto;
			right: 30px;
		}
	}
	.photo-holder {
		position: relative;
		height: 500px;
		width: 500px;
		margin-left: auto;
		margin-right: auto;
		overflow: visible;
	}
	#masterskaya .text-container-holder .holder,
	.text-container-holder .holder {
		width: 100%;
	}
	.text-container-holder02 .col {
		width: auto;
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.text-container-holder02 {
		padding-bottom: 0;
	}
	.text-container-holder03 .holder li {
		display: inline-block;
		float: none;
	}
	#masterskaya .text-container-holder04 .holder .text {
		float: none;
		padding-top: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	#f_contact{		
		padding-right: 10px;
		padding-left: 10px;
		background-position: -400px;
	}
	#f_contact .fname {
		font-size: 40px;
	}
	.footer-wrap .box-left {
		float: none;
		width: auto;
	}
	.footer-wrap {
		width: 100%;
	}
	#footer-list-container {
		float: none;
	}
	.footer-nav {
		position: static;
	}
	.news-holder {
		padding-left: 10px;
		padding-right: 10px;
		width: auto;
	}
	.wrap-container-inner {
		padding-bottom: 10px;
	}
	.products {
		padding-left: 0;
		text-align: center;
		width: auto;
	}
	.container-contacts {
		width: auto;
	}
	.contact {
		margin: 0;
	}
	.contact li {
		text-align: center;
	}
	.contact .ad-site,
	.contact .col {
		float: none;
	}
	.contact .ad-site {
		display: block;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.form-message02 {
		padding: 0;
	}
	.form-message02 .input {
		width: 100%;
	}
	.form-message02 .textarea {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
	.form-message02 .textarea textarea {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		resize: none;
	}
	.form-message02 .size02 .input,
	.form-message02 .size01 .input {
		width: 100%;
	}
	form, fieldset {
		padding-left: 10px;
		padding-right: 10px;
	}
	.form-message02 .btn-send {
		margin: 0;
	}
	.container {
		padding-left: 10px;
		padding-right: 10px;
		width: auto;
	}
	.comm_loop {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	#nav li:hover .drop-down {
		width: 100%;
		height: auto;
		position: static;
	}
	.body-index #nav {
		width: 100%;
	}
	.nav-holder {
		padding: 0;
	}
	.nav-box {
		padding-top: 20px;
	}
	.nav-box.nofixed {
		position: fixed;
	}
	.photo-holder .photo01 {
		position: static;
	}
	.photo-holder .photo04,
	.photo-holder .photo03,
	.photo-holder .photo02 {
		display: none;
	}
	.photo-holder {
		text-align: center;
		width: 100%;
		height: 100%;
	}
	#nav .drop-down {
		li {
			float: none;
			display: block;
		}
	}
	.partners {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.nav-box.nofixed {
		z-index: 10000000000000000;
	}
	.wrap-container {
		z-index: 0;
	}
}
@media (max-width: 768px) {
	.text-container-holder05 .holder .text {
		display: block;
		margin: 0;
		float: left;
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
	}
	.gallery-photo .gallery,
	.gallery-photo {
		width: auto;
	}
	#right_nav_img,
	#left_nav_img {
		display: none;
	}
	.vis-im {
		margin-left: 0;
	}
	img {
		max-width: 100%;
	}
	#who-i-am .holder .text p {
		font-size: 13px;
	}
	#who-i-am .text-container-holder .holder .text {
		width: 450px;
	}
	.gallery-holder .prev {
		top: 50%;
		margin-top: -40px;
	}
	.gallery-holder .next {
		top: 50%;
		margin-top: -40px;
	}
	.gallery-holder {
		height: 300px;
		.gallery {
			height: 300px;
		}
	}
	.gallery-holder .gallery ul li img.grey {
		display: none;
	}
	.gallery-holder .gallery ul {
		height: 300px;
		li {
			height: 300px;
			overflow: hidden;
			img {
				width: 100%;
				height: 100%;
				object-fit: scale-down;
			}
		}
	}
	#header .right-box {
		float: none;
		.row {
			&:nth-of-type(1) {
				display: none;
			}
		}
	}
	#header .logo {
		display: block;
		float: none;
		margin: 10px;
	}
	.title-holder h2 {
		font-size: 45px;
	}
	.photo-holder .photo08 {
		right: 0;
	}
	.photo-holder .photo06 {
		right: 0;
	}
	.photo-holder .photo09 {
		right: 0;
	}
	.photo-holder .photo07,
	.photo-holder .photo05 {
		right: auto;
		left: 0;
	}
	.photo-holder {
		width: 100%;
	}
	#masterskaya .text-container-holder04 .holder .text {
		padding-top: 40px;
	}
	.text-container-holder04 .holder .text {
		margin-left: 10px;
		margin-right: 10px;
	}
	.holder .text p,
	.ganri_box {
		font-size: 16px;
	}
	.contact .ad-site {
		width: auto;
	}
	.gallery-container {
		width: 100%;
		margin: 0;
		height: auto;
	}
	.gallery-container .gallery {
		width: 100%;
		height: auto;
	}
	.gallery-container .gallery ul,
	.gallery-container .gallery ul li,
	.gallery-container .gallery img {
		width: 100%;
	}
	.gallery-container .gallery img {
		object-fit: cover;
	}
	.gall-container {
		background: none;
	}
	#who-i-am .text-container-holder .holder .text {
		width: 100%;
	}
	.text-container-holder {
		padding-bottom: 20px;
	}
}
@media (max-width: 468px) {
	.phone {
		font-size: 28px;
	}
	#f_contact {
		height: auto;
		padding-bottom: 20px;
	}
	#f_contact .fname {
		font-size: 30px;
	}
	#f_contact .fphone {
		margin-top: 10px;
		font-size: 26px;
	}
	#f_contact .femail {
		font-size: 22px;
		margin-top: 10px;
	}
	#masterskaya .holder .text p,
	#who-i-am .holder .text p {
		font-size: 14px;
		margin-bottom: 10px;
		margin-top: 10px;
		margin-right: 5px;
	}
	#masterskaya .text-container-holder04 .holder .text,
	#who-i-am .text-container-holder .holder .text {
		width: 320px;
	}
	.logo {
		width: 300px;
		height: 150px;
		-webkit-background-size: 100% 100%;
		     -o-background-size: 100% 100%;
		        background-size: 100% 100%;
	}
	#masterskaya .text-container-holder04 .holder .text, #who-i-am .text-container-holder .holder .text {
		width: 100%;
		background-position: -50px;
	}
	#masterskaya .holder .text p, #who-i-am .holder .text p {
		margin-top: 30px;
		margin-left: 15px;
	}
	.remove_mob{
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
}