.info-main-text {
   width : 100%;
   margin-top : 20px;
   margin-bottom : 20px;
}
.text-img{
	padding: 0 0 20px 20px;
}
.banner-area {
	width:100%;
}
.banner-area img{
	width:100%;
}
/* page-background */
.derml-item {
    display: flex;
    padding-bottom: 10px;
}
.derml-item.wrap{
	flex-wrap:wrap;
}
.derml-item .info-img {
    width: 180px;
}
.derml-item .info-text {
    flex: 1;
}
.derml-founder{
	display: flex;
    padding-bottom: 10px;
	width:50%;
}

@media only screen and (min-width: 1021px){ 
	.page-background .left_col{width :210px}
	.page-background .right_col { width: 730px}
}

@media only screen and (max-width: 830px){ 
	.derml-item {flex-wrap:wrap;}
	.derml-founder {width:100%}
	.derml-founder .info-img ,
	.derml-founder .info-text {}
}


/* page-mc-massage */
.mc-step-wrap {
	width : 100%;
	display:flex;
	flex-wrap:wrap;
}
.mc-step-wrap .mc-step {
	width:33%;
}
.mc-step img{
	width:100%;
    max-width: 300px;
}

.page-mc-massage .right_col{width:100%}
@media only screen and (max-width: 980px){
	.mc-step-wrap .mc-step {
		width:50%;
	}
}
@media only screen and (max-width: 600px){ 
	.mc-step-wrap .mc-step {
		width:100%;
		display: flex;
		justify-content: center;
	}
}
/* page-stretch-marks */
.dermla-mark-wrap, .mark-wrap{
	display:flex;
	flex-wrap:wrap;
}
.page-stretch-marks .mark-wrap .img-wrap{
	width :120px;
	margin-right:20px;
}
.mark-wrap .text-wrap{
	flex:1;
}
.img-wrap img{width:100%}
.knowledge-mark{margin-bottom:20px;}
.dermla-mark-wrap .img-wrap-item{width:150px}
.dermla-mark-wrap .wrap-item{flex:1}
.img-stretch{ display:none;}
@media only screen and (max-width: 600px){
	.page-stretch-marks .mark-wrap .img-wrap {display:none}
	.page-stretch-marks .mark-wrap .text-wrap{
		width:100%;
	}
	.dermla-mark-wrap .wrap-item,
	.dermla-mark-wrap .img-wrap-item{
		width:100%;
	}
	.img-stretch{ display:block; margin-right:20px;margin-bottom:20px;}
	.page-stretch-marks .img-wrap-item {
		display: flex;
		justify-content: center;
	}
}
/* page-eczema */
.page-eczema .knowledge-img{display:none}
.eczema-wrap {
	display:flex;
	flex-wrap:wrap;
}
.eczema-wrap .img-wrap{
	width :270px;
	margin-right:20px;
}
.eczema-wrap .text-wrap{
	flex:1;
}


@media only screen and (max-width: 600px){ 
	.page-eczema .knowledge-img{
		display:block;
		height:50px;line-height:50px;clear:both;;
	}
	
	.eczema-wrap .img-wrap {
		display:flex;
		justify-content: center;
	} 
	.eczema-wrap .img-wrap, 
	.eczema-wrap .text-wrap{
		width:100%;
	}
}

/*page-conc-egf*/
.egf-stats { 
	width : 100%
	display:flex;
	flex-wrap:wrap;
}
.egf-stats .left_col,
.egf-stats .right_col{
	width : 50%;
}
.page-conc-egf .full-img { width:100%}

@media only screen and (max-width: 600px){ 
	.egf-stats .left_col,
	.egf-stats .right_col{
		width : 100%;
	}
}


#top_right_bar #social {padding-top: 10px;}
#nav-burg{ display:none}
.nav-menu-wrapper .logo { display:none}
@media only screen and (min-width: 601px){ 
	.page-product .left_col {width:30%}
	.page-product .right_col { width:70%}
}
@media only screen and (min-width: 925px){ 
	.page-product .left_col {width:210px}
	.page-product .right_col { width:670px}
}
@media only screen and (min-width: 1021px){ 
	.page-products .right_col { width: 660px}
    .page-home .right_col { width: 960px}
}

@media only screen and (max-width: 1100px){ 
	.body-wrap { padding:0px;}
	.derml-products { width: 100%;}
}
@media only screen and (max-width: 1020px){ 
	.body-wrap { padding:0 20px;}
	#footer {padding: 0 20px;}
}


@media only screen and (max-width: 830px){ 
	.contact_text_left input[type="text"], .form-wrapper select{ max-width :90%}
	.contact_text_right textarea {max-width :90%}
	#submit_button, #submit_button_dis { padding-right:10%;}
}

@media only screen and (max-width: 718px){ 
	.contact_text_left{ width :100%}
	.contact_text_right{width :100%}
	.diagram-wrap {
	 width : 100%;
	}
	.dermls_diagram{
		height: 520px;
		background-size: contain;
		width : 100%;
	}
	.dermls_diagram .zoominbutton{ display:none}
}
@media only screen and (max-width: 600px){ 
    .page-product .left_col{
		text-align: center;
		width: 100%;
	}
	.body-wrap { padding:0 15px;}
	.derml_icon{
		display: flex;
		width: 100%;
		justify-content: space-around;
	}
	.dermls_diagram{
	    height: 377px;
	}
	.derml {   
		width:auto;
		width: calc(100% - 75px);
		background-image: none;
		background-color: #d2f1f6;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.derml_sel{width: 100%;}
	.derml .text {   
		padding: 0;
	}
	.derml-all{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.derml-all .text { padding:0px;}
}

@media only screen and (max-width: 1100px){ 
	#lang .cssmenu li.withmu ul.active{right: 10px;}
}

@media only screen and (max-width: 1020px){
	#head { padding: 0 20px; }
	#main ,#main_content, #slider_home,#slider_home .slider_item,#slider_home .slider_item .slider_image{ width:100%;}
	.right_col { width: 100%}
}

@media only screen and (max-width: 600px){ 
	#main ,#main_content, #slider_home,#slider_home .slider_item,#slider_home .slider_item .slider_image{ width:100%;}
	#footer {padding: 0 15px;}
	.nav-icon.opening:before {
	 transform: translateY(4px) rotate(135deg);
	}
	.nav-icon.opening:after {
	  transform: translateY(-6px) rotate(-135deg);
	}
	.nav-icon.opening div {
	  transform: scale(0);
	}
	.nav-menu-wrapper {
		position: absolute;
		width: 100%;
		z-index: 501;
		margin-top: 10px;
		height: 100%;
		display: none;
		position: fixed;
		margin-top: 0;
		top: 32px;
	
	}
	.nav-menu-wrapper .logo {
		background: url(../images/derml_logo.jpg) no-repeat;
		width: 171px;
		height: 87px;
		margin-left: 8px;
		display:block;	
		margin-bottom: 20px;
	}
	.nav-menu-wrapper.active{
		display:block;
	}
	#bottom_right_bar { float: left;width: 100%;}
	#nav-burg{
		background-color: #a7e1ea;
		border-bottom: 3px solid #8de3f1;
		position: fixed;
		display:block;
		width: 100%;
	}
	.nav-icon {
		width: 15px;
		height: 15px;
		background-color: #a7e1ea;
		padding: 7px;
		padding-left: 15px;
		cursor:pointer;
	}
	.nav-icon:after, 
	.nav-icon:before, 
	.nav-icon div {
		background-color: #fff;
		border-radius: 3px;
		content: '';
		display: block;
		height: 2px;
		margin: 3px 0;
		transition: all .2s ease-in-out;
	}
	#menu .cssmenu li ul {
		padding-right:0px;
	}
	#menu .cssmenu ul li a:hover{ 
		color:#686c6d
	}	
	#head { 
		display : flex;
		padding: 0 15px;
		justify-content: space-between;	
		padding-top: 30px;
	}
	#right_head { padding-top: 17px;}
	#right_head #top_right_bar{
		flex-wrap: wrap;
		justify-content: flex-end;
		display :flex;	
	}
	#top_right_bar #lang { width : 100%; padding-top: 9px;}
	#top_right_bar #social {
		width : 100%;
		padding-top: 10px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
		
	#menu .cssmenu li {   
		width: 100%;
		clear: both;
	}
	#menu .cssmenu li:hover {   
		width: 100%;
		background-color: rgba(110, 211, 226, 0.33);
		clear: both;
	}
	#menu .cssmenu li > ul > li{   
		background-color: #fff
	}
	
	#menu .cssmenu li a { padding-left : 43px ;text-align:left;}
	#menu .cssmenu li > ul > li:hover {background-color: #f1f1f1;}
	
	#menu .cssmenu li.withmu ul.active{
		  background: transparent;
		border: 0;
		box-shadow: none;
		position: relative;
	}
		
	#menu .cssmenu li li {padding-left: 20px;width: auto;}
	#menu .cssmenu li:hover li {width: auto;}
	#menu .cssmenu li a {}
	#menu .cssmenu ul > li.withmu > a { 
		background-image:none;
	}	
	#lang .cssmenu li a { text-align: right;}
	#lang .cssmenu li { float : right;clear: both;}
	 .cssmenu li.withmu ul.active{
		display:block;
	  /*  background: transparent;
		border: 0;
		box-shadow: none;*/
		margin-left: 0px;	
	}
	#lang .cssmenu li.withmu ul.active{right: 10px;}
	#lang .cssmenu li ul {
		margin-left: 0px;
		right: 5px;
	}
	.footer-copyright{
		display: flex;
		justify-content: space-between;
	}
}

:root {
    --swiper-theme-color: #a7e1ea;
}
.swiper-container {}
.swiper-slide img  {width : 100%}