.open-mob-menu {
	display: none;
}
.close-mob-menu {
	display: none;
}
@media screen and (max-width: 1200px) {
	.slide-text {
		top: 70px;
	}
	.slide-text h3 {
		font-size: 50px;
	}
	.rec-carousel .owl-dots {
		right: -60px;
	}
	.product-image-carousel .item {
		width: auto;
	}
	.pi-wrap {
		width: auto;
	}
	.item-sp {
		margin: 0;
	}
	input[type=text], input[type=email] {
		display: block;
		width: 100%;
	}
	.img-desc {
		margin-left: 0;
	}
	.img-desc img {
		width: auto;
		max-width: 100%;
	}
}
@media screen and (max-width: 991px) {
	/*here starts mobile version*/
	.header-menu {
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0,0,0,0.7);
		margin: 0;
		height: 100%;
		z-index: 3;
		text-align: left;
		width: 0;
		opacity: 0;
		-webkit-transition: all .2s; /* Safari */
		transition: all .2s;
		z-index: -100;
	}
	.header-menu.active {
		width: 50%;
		opacity: 1;
		-webkit-transition: all .2s; /* Safari */
		transition: all .2s;
		z-index: 100;
	}
	.header-menu li:first-child {
		margin-left: 0
	}
	.header-menu li {
		display: block;
		margin-left: 0;
		padding: 15px 0 15px 25px;
		border-bottom: 1px white solid;

	}
	.header-menu li a {
		color: white;
		font-size: 30px;
		display: block;
	}
	.open-mob-menu {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 35px;
	}
	.open-mob-menu img {
		width: 35px;
	}
	.ho {
		right: 0;
		top: -45px;
		left: 0;
	}
	.close-mob-menu {
		display: block;
		position: absolute;
		top: 6px;
		right: 15px;
		width: 65px;
		padding: 15px;
	}
	.close-mob-menu img {
		width: 35px;
	}
	.slide-text {
		position: relative;
		color: black;
		top: 0;
		left: 0;
		width: 100%;
		padding: 15px;
		background-color: #f3f3f3;
		color: #343434;
		border-radius: 0 0 9px 9px;
		margin-top: -10px;
		z-index: -1;
	}
	.slide-text .slide-button {
		color: #343434;
		border: 2px #343434 dashed;
	}
	.rec-inner {
		width: auto;
	}
	.rec-carousel .item {
		margin: 0 auto;
	}
	.rec-carousel .owl-dots {
		right: 25px;
	}
	.iyr-inner {
		width: 90%;
	}
	.iyr-text {
		width: 75%;
	}
	.iyr-image {
		width: 25%;
	}
	.partners-items a {
		display: block;
		margin: 15px;
	}
	.main-slider.owl-theme .owl-dots .owl-dot.active span, .main-slider.owl-theme .owl-dots .owl-dot:hover span {
		background-color: #343434 !important;
	}
	.main-slider.owl-theme .owl-dots .owl-dot span {
		background-color: #343434 !important;
	}
	img {
		max-width: 100%;
	}
	.ppi-text-wrap audio {
		display: block;
		margin-bottom: 15px;
	}
	.item-sp {
		margin-bottom: 15px;
	}
	.author-image {
		text-align: left;
	}
	.socials-b {
		display: inline-block;
	}
	.search.active {
		display: none;
	}
	.ho form.active button {
		display: none;
	}
	.ho form {
		position: relative;
		margin-top: 15px;
	}
	.ho form input[type=search],
	.ho form input[type=text] {
	    position: relative;
	    width: 100%;
	    top: 0;
	    left: 0;
	}
}
@media screen and (max-width: 768px)  {
	.review-item-inner {
		width: 95%;
	}
	.ri-info, .ri-image, .ri-text {
		display: block;
		text-align: center;
		width: auto;
	}
	.owl-dots {
		position: initial;
	}
	.owl-dot {
		display: inline-block !important;
	}
	.product-image-carousel .owl-dots {
		position: absolute;
	}
	.product-share {
		text-align: left;
	}
	.single-post {
		margin-top: 0;
	}
	.review-item-inner .ri-image {
		width: auto;
	}
}
@media screen and (max-width: 575px ) {
	.logo {
		width: 369px;
		margin: 0 auto;
	}
	.ho {
		margin: 15px;
		position: initial;
	}
	.ri-date {
		text-align: center;
	}
	.ri-author {
		text-align: center;
	}
	.ri-info {
		display: block;
	}
	.ri-image {
		display: block;
		text-align: center;
	}
	.ri-info, .ri-image, .ri-text {
		display: block;
		text-align: center;
		margin: 15px auto;
	}
	.site-header {
		padding-bottom: 15px;
	}
	.header-menu.active {
		width: 85%;
	}
	.mc-title h2 {
		font-size: 50px;
	}
	.mc-title {
		padding: 0 15px;
	}
	.site-header {
		padding-top: 15px;
	}
	.open-mob-menu {
		float: left;
		position: initial;
	}

}
@media screen and (max-width: 375px) {
	.logo {
		width: 350px;
	}
	.logo-text {
		margin-left: 3px;
	}
	.change-scheme {
		right: 15px;
	}
	.btn-filter-wrap span, .btn-filter-wrap a {
		margin-left: 15px;
		margin-right: 15px; 
	}
}
@media screen and (max-width: 350px ) {
	.logo-text {
		display: block;
	}
	.logo-text:after {
		left: 92px;
	}
	.logo {
		width: 93%;
	}
}