/***rrrrrrrr*/
@media only screen and (max-width: 1000px) {
	.eyezon-button{
	    bottom: 125px;
	    right: 7px;
	    padding: 6px 16px;
	    font-size: 16px;
	}
}
/***Mobile*/
@media only screen and (max-width: 600px) {
	
	#menu-button{color: #ffcc66;
    text-decoration: none;
    text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    padding: 0px 11px 0 15px;
    height: 32px;
    font-weight: bold;
	text-align: left;
    width: 100%;
	cursor:pointer;
	box-sizing: border-box;
	}
	.povelitel #menu-button{font-family: 'Times New Roman';}
	.minibooks #menu-button, .minibooks-by #menu-button{padding-top:13px;}
	
	#menu-button:before{display: block;
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #ffcc66;
		right: 25px;
		top: 92px;/*62px;*/
	}
	.povelitel #menu-button:before, .ilya #menu-button:before, .wild #menu-button:before{top: 94px;} /* with modelspace in header*/
		
	#menu-button:after{
	    display: block;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #ffcc66;
		border-bottom: 2px solid #ffcc66;
		right: 25px;
		top: 82px; /*52px;	*/
	}
	.povelitel #menu-button:after, .ilya #menu-button:after, .wild #menu-button:after{top: 84px;} /* with modelspace in header*/
	
	.topmenu .active a{height:50px;}
	
	.topmenu ul{z-index: 100;    position: relative; display:inline-block;}
	.topmenu li{display:none;}
	.topmenu .open li{display:block;}
	.topmenu a{width:100%;
		background: #212121;
	    height: 50px;
		text-align:left;
	    box-sizing: border-box;
	}
	.topmenu a:hover{background:#9c0b00; height:50px;}
	.header .logo {margin-left: 14px;}
	.logo2-modelspace{margin-right:17px;}


	.block, .gifts, .bg-j, .bg-m, .s-top, .main .b5, .bg-s, .lp .b1{width:100% !important; min-width:inherit;}  /*****/
	.gifts{height:auto;}
	.gifts div{float:none;  margin: 0 auto;}
	.videmain{width:92%;}
	.videmain iframe{width:100% !important;}
	
	.lpb1{margin-left:0 !important; width:100%;}
	.b1{min-width:inherit;}
	.logom{width:90%; height:auto;}
	.white1{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
	
	.footer{padding-bottom: 96px; height:auto;}
	.social{width:auto !important; float:none; margin: 26px auto 0 auto !important;}
	.f1{margin:0px auto; padding-top:27px; padding-bottom:10px; padding-left:20px; float:left; width:50%; box-sizing: border-box;}
	.f2{float:left; width:50%; box-sizing: border-box; text-align:center; margin: 21px auto 10px auto;}	
	.f3{width: 100%;    text-align: center; margin: 12px auto 0 auto; display: inline-block;}
	.social { display: inline-block;     margin: 16px auto 0 auto !important;}
	.f3:before{clear:both; display:block; content:'';}
	

	.listalka{width:320px;}
.bu-cont{display:none;}
	.main .b5 .btn{margin:0;}
	.listalka #mybook img{width:100%; height:auto;}
	#a1{margin:	200px 0 0 100px;}
	#a2{margin:	200px 100px 0 0;}
	.ezhe{padding-top:33px;}
	
	.main .b2 .btn {
		margin: 7px 4px 36px 0;
	}
	.jitem-txt{float:none; width: 100%;}
	.jitem{float:none; width:100%;}
	.jitem img{width:100%; height:auto;}
	.journal iframe{width:100%;}
 	.journal .white2{color:#2b1f29;}
	.model .left1, .m-img1, .m-right1{width:100%; float:none; margin-right:0; margin-left:0; height:auto;}
	.m-img1{margin:20px auto 20px auto;}
	#owl-gallery, #owl-video{width:100% !important;}
	#owl-video .videoover{margin-left:0; width:313px; height:162px; background:url('/assets/common/i/videopreview-over-m.png') no-repeat 139px 70px; }
	#owl-video .item{width:320px !important; margin: 0 auto;}
	#owl-video img{width:320px; height:auto;}
	#owl-video p{font-size:14px;}
	
	.mw, .mw iframe{width:320px; height:250px;}
	.td{display:block;}
	.subscribe .s-prcont{width:320px;}
	.s-video iframe, .s-video{width:320px; height:250px;}
	.s-video{margin:0 auto 20px auto;}
	#WFItem, .subscribe #WFItem{position:relative; margin:0 auto !important;; z-index:2;}
	#WFItem, .subscribe #WFItem{top:13px !important;}
	.faqpage .fz1{width:100%;}
	.flleft{float:none;}
	.obrsv{margin:11px auto 0 auto;}
	.survey-fields td{display:block;}
	.survey-form input[type="text"], .survey-form textarea, .survey-form select, .survey-fieldset{width:320px;}
	.faqpage fieldset{padding-left:0; width:320px;}
	.survey-fieldset{margin: 0 auto;}
	.leftfq, .rightfq{float:none; margin:0 auto; width:100%;}
	.faqbox{ padding-bottom:15px;}
	.faqbtn{float:none; margin:0 auto; width:90%;}
	#WFItem .wf-text{width:220px;}
	.b5 .button{position:initial;}

	.gallery-cont{margin-right:0;}
	/*
	.video #owl-video .owl-next {
		background-position: -53px 0 !important;
		top: 45px !important;
		right: 0px !important;
	}
	.video #owl-video .owl-prev {
		top: 45px !important;
		left: 0px !important;
	}
	*/
	
	/************************************************************************GIFT **************************/
	.mwgift {
		background-size: contain;
		width: 320px;
		height:auto;
		background-color:#fff;
	}
	.mwgift form {
		margin: 208px 0 0 33px;
	}
	.mwgift form input[type="text"] {		padding: 6px 25px 6px 17px;		font-size: 16px;	}
	
	.logo-mobile, .logo2-modelspace-mobile, .logo2-mobile{display:block;}
	.logo, .logo2-modelspace, .logo2{display:none;}
	.logo-mobile{margin:18px 0 0 14px; float:left;
		height:14px; width:auto;
	}
	.logo2-modelspace-mobile{
	    margin: 18px 17px 0 0; float:left;
		height:14px; width:auto;
	}
	.logo2-mobile{
	    margin: 18px 17px 0 0; float:left;
		height:19px; width:111px;
	}
	
	
	/*.video .owl-buttons{display:none;}	*/
	.video #owl-video .owl-prev, .video #owl-video .owl-next, .owl-prev{top:inherit !important; left:inherit !important; right:inherit !important; position:relative !important;}
	.video #owl-video .owl-prev{float:left;}
	.video #owl-video .owl-next{margin-left: 53px;}
	.owl-theme .owl-controls{width:101px; margin:-3px auto 0 auto;}
	
	.lp{position:relative;}
	.lp #WFItem{position:absolute; bottom:27px; top:inherit !important;     left: 0;    right: 0;}
	.lp .before-footer{padding-bottom:560px;}
	
	.logintop{
		float: right !important;
    	width: 100% !important;
	    text-align: right !important;
    	padding-right: 20px !important;
	}
	.header{height:65px !important;}
	.ha-icon.login1{    height: 34px;     line-height: 34px;}
	.minibooks .ha-icon.login1{    height: 31px;     line-height: 31px;}	
	
	.grafik-vypuskov{width: 99% !important;
		-webkit-border-radius: 0px;
	    -moz-border-radius: 0px;
	    border-radius: 0px;
	}
	
	.playlist-comment{display:none;}
	.container-video-playlist{width:100%;}
	
	.inst-count, .inst-img, .inst-cont, .ins-down{display:block;    box-sizing: border-box;}
	.inst-cont,	.without-instructions .inst-cont{width:100%; padding-left:16px; padding-top: 14px; margin:0;}
	.instr-smallheight >.inst-count{margin:0;}
	.instr-smallheight .inst-cont {padding-top:0;}

	.ins-down-a{background:none; display:inline-block; color:#4ca4eb; width:100%; text-align:center; text-decoration:underline; height:auto;     PADDING: 5px 0 9px 0;}
	.svyp{width:100%;}
	.write-us{display:inline-block; }
	
	.grafik-2btns{width:auto;}
	.grafik-2btns a:first-child{margin-right:inherit;}

	.header-onelogo{height:auto !important; padding-bottom:20px;}
	.header-onelogo .logintop{ margin-top: 14px; height:auto; width: auto !important;}
	.header-onelogo:after{clear:both; display:block; content:'';}
	.header-onelogo .hybridauth{line-height: normal;}
	.header-onelogo .hybridauth a{line-height:normal;}
	
	.topmenuinoneline .block{position:relative;}
	.topmenuinoneline #menu-button{    width: 40px;
    padding: 0;
    float: right;
    margin-bottom: 12px;
    z-index: 110;
    position: relative;
	margin-top: 6px;
	}
	
	.topmenu .a-logo-mobile{width:auto; text-align:left; height:50px; background:none !important; left:0; top:0; position:absolute; display:inline-block;}
	.topmenu .a-logo-mobile:hover{background:none !important;}
	.topmenu .a-logo-mobile img{margin:0; padding:2px 0 0 0;}
	
	.topmenuinoneline #menu-button:before {    top: 21px !important;}
	.topmenuinoneline #menu-button:after {    top: 11px !important;}
	.headermenuinoneline .logo-mobile, .headermenuinoneline .logo, .headermenuinoneline .logo2-mobile, .headermenuinoneline .logo2, .headermenuinoneline .logo2-modelspace, .headermenuinoneline .logo2-modelspace-mobile{display:none;}
	.headermenuinoneline, body .headermenuinoneline, .headermenuinoneline .header{height:0px !important;}
	
	.headermenuinoneline .logintop{
		    float: left !important;
    position: absolute;
    left: 147px;
/*    top: 6px;*/
    width: auto !important;
    z-index: 10;
	padding-top: 6px;
	}
	.headermenuinoneline .logintop a.ha-icon{margin-top:6px;}
	.headermenuinoneline .hybridauth{margin:0; line-height:1; margin:10px 0 0 0;}
	.headermenuinoneline a{line-height:1.3; display:block;
	
	    max-width: calc(100vw - 240px);
	    white-space: nowrap;
	    overflow: hidden;
		text-overflow: ellipsis;
	}



	.mobileslider .owl-theme .owl-controls .owl-buttons div {    background-image: url(/assets/common/i/buttons.png) !important; height:45px;}
	.mobileslider .ncarousel .owl-prev {left: 10px !important; background-position: 0 -20px !important;}
	.mobileslider .ncarousel .owl-next {right: 10px !important; background-position: -53px -20px !important;}	
	.mobileslider .owl-theme .owl-controls .owl-buttons .owl-prev:hover {background-position: 0 -99px !important;}
	.mobileslider .owl-theme .owl-controls .owl-buttons .owl-next:hover {background-position: -53 -99px !important;}	
	.mobileslider .ncarousel.owl-theme .owl-controls{margin-bottom:81px;}
	
	.wrapper-lp .headermenuinoneline {height: 52px !important; }
	.wrapper-lp .headermenuinoneline .logo-mobile{display:block;}
	.nologo-in-header .header .logo-mobile{display:none;}
	.wrapper-lp .headermenuinoneline a{ max-width: inherit;    float: left;}
	.wrapper-lp .headermenuinoneline .logintop {    padding-top: 8px;}
	.nologo-in-header .header .logintop{    right: 0;    left: inherit;}


	.inst-container-images-tablecell{width:100%; display:inline-block; padding:0;}
	.inst-container-images{display:inline-block;}
	.inst-image{max-width:100%;}
	
	.bluepopup .owl-carousel .owl-item img{width:100% !important; height:auto !important; max-height:inherit !important;}
	.bluepopup .popup_inner{width:calc(100% - 90px) !important;}
	.bluepopup .owl-theme .owl-nav [class*='owl-']{width:37px; height:46px; margin:0;}
	.bluepopup .owl-theme .owl-nav [class*='owl-'] span{width:37px; height:46px; background-size:74px;}
	.bluepopup .owl-carousel .owl-nav button.owl-next span {    background-position: -37px 0;}
	
	.bluepopup .owl-carousel .owl-nav button.owl-prev{left:-42px !important; top:40% !important; position:absolute !important;}
	.bluepopup .owl-carousel .owl-nav button.owl-next{right:-42px;}
	
	
	
	.zaglushka .theform{display:inline-block;}
	.zaglushka .ost1{display:inline-block; width:100%; text-align:center;}
	.zaglushka .ost2{display:inline-block; width:100%; text-align:center;}
	
	.zaglushka .theform {
		padding: 10px;
		min-height: 314px;
		margin-bottom: 40px;
	}
	.zaglushka .theform input[type="text"] {width:250px; font-size:19px; min-height: 53px;}
	.zaglushka .theform .checkboxFive span {    width: 300px;}
	.zaglushka .ost1{padding-bottom:0;}
	.zaglushka .sovsemskoro{width:90%; margin:0 auto;}
	
	.zaglushka .header .logintop a.ha-icon{height: 24px;     margin-top: 3px;}
	
	.topmenu{overflow:visible;}
	
	.zaglushka .ostavaites-update .input1{width:250px !important;}
	#ostavaites.ostavaites-update #dee-error {    margin: 83px 0 0 2px;}
	.zaglushka .theform .ostavaites-update{    min-height: 222px;}

	.eyezon-button{
	    bottom: 85px;
	}

	body.iPhone	.afterfooter .btn{margin-bottom: 27px;}
	body.iPhone	.afterfooter {bottom: -107px;}
	body.iPhone	.afterfooter.afterfooter-show{bottom: 0;}
}

@media only screen and (max-width: 359px) {
	.order-sticky-bottom .btn{font-size: 18px !important;}
}

/* iPhone 10 */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) { 
	.afterfooter .btn{margin-bottom: 27px;}
	.afterfooter {bottom: -107px;}
	.afterfooter.afterfooter-show{bottom: 0;}
}
/* iPhone XR XMAX */
@media only screen and (device-width : 414px) and (device-height : 896px) {
	.afterfooter .btn{margin-bottom: 27px;}
	.afterfooter {bottom: -107px;}
	.afterfooter.afterfooter-show{bottom: 0;}
}
/* iPhone XS */
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
	.afterfooter .btn{margin-bottom: 27px;}
	.afterfooter {bottom: -107px;}
	.afterfooter.afterfooter-show{bottom: 0;}
}
/* iPhone 11 */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) { 
	.afterfooter .btn{margin-bottom: 27px;}
	.afterfooter {bottom: -107px;}
	.afterfooter.afterfooter-show{bottom: 0;}
}