#bg4kat #prev,#bg4kat #next,#bg3kat #prev, #bg3kat #next, #bghavlu #prev, #bghavlu #next,
#bg4kat .prev,#bg4kat .next,#bg3kat .prev, #bg3kat .next, #bghavlu .prev, #bghavlu .next{
	display:none;
}

.mobile-menu{display:none;}
.post-detail-slider{height:340px ;}
@media (max-width: 1023px) {
	
	.bubbles{display:none !important;}
		.stars{display:none !important;}
	#header{display:none;}
	
	.header-mobile{display:block; position:fixed; z-index:999; height:62px; background-color: rgba(159, 37, 110, 0.7);}
		.header-mobile .logo{float:left; margin-left:10px; height:62px;}
			.header-mobile .logo > img{height:100%; width:auto;}
	
	.mobile-menu{display: none;
    position: fixed;
    top: 63px;
    z-index: 999;
    background-color: #a42a65;
    width: 100%;transition:300ms;}
	.mobile-menu.opened{display:block;transition:300ms;}
	
	.mobile-menu-icon{    display: block;
    margin-top: 15px;
    float: right;
    margin-right: 15px; cursor:pointer;}
	
	.mobile-menu ul li{
	
	width: 94%;
    line-height: 12vw;
    background-color: #d4267f;
    margin:2vw auto;
    font-size: 11vw;
    color: #fff;}
	.mobile-menu ul li a{
		color:#fff;
		width: 100%;
		display: inline-block;
		font-size: 6vw;
	}
	
	#down{bottom:5%;}
	
	
	#transbg{
	width: 100%;
	height: 200vw;
	display: block;
	background-color: rgba(79, 0, 47, 0.5);
	position: relative;}

#videotitle {
	height: 20%;
	width: 90%;
	display: block;

	text-align: center;
	font-size: 8vw;
	color: #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 7vw;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 3%;
	margin-bottom: 3%;
	font-family: "Playfair Display", serif;
	font-style: italic;
	font-weight: 700;
}
.flex {
	display:                 flex;
  display:                 -webkit-flex; /* Safari */
  flex-wrap:               wrap;
  -webkit-flex-wrap:       wrap;         /* Safari */
  justify-content:         center;
  -webkit-justify-content: center;       /* Safari */
}
#video {
	height: 40vw;
	width: 92%;
	display: block;

	text-align: center;
	background-color: #873264;
	padding-top: 2vw;
	padding-right: 2vw;
	padding-bottom: 2vw;
	padding-left: 2vw;
	    margin-left: 2%;
	}
#bgvideo .bgvideoframe{width:100%; height:100%;}	
#videotext {
	height: 19vw;
    width: 96%;
    display: block;

    color: #FFFFFF;
    text-align: left;
    padding-top: 2vw;
    padding-right: 1%;
    padding-bottom: 2vw;
    padding-left: 1%;
    font-family: "Open Sans", sans-serif !important;
    font-size: 2.7vw !important;
    margin-left: 3%;
	margin-right: 3%;
}	
#space{

}
#space7{

}
#space8{

}
#space9{

}
#space12{
	padding-top:21vw;
}
	.footer {
	bottom: 0;
	width: 100%;
	z-index: 100;
	margin-bottom: 0;
	clear: both;
	height: 60%;
	max-height: 95%;
	position: absolute;
	}
	
	#bgvideo .footer{height:auto; top:62px; }
	#bgvideo .entry1 {width:100%; margin-left:0;}
	
	.footer .handtext{width:98%;}
	
	.footermain {
	bottom: 0;
	width: 100%;
	z-index: 9999;
	margin-bottom: 0;
	clear: both;
	height: 95%;
	max-height: 95%;
	position: absolute;
	}
	#separate,
	.separate{
	width: 60%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
	#separatecontactsol{
	width: 60%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
	#separatecontactsag{
	width: 80%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: 0%;
}
#separateabout{
	width: 20%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#separateimg{
	width: 25%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: hide;
	margin-top: -6%;
}
#separatevideo,
.separatevideo{
	width: 70%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-top: 1px;
	padding-right: 15%;
	padding-bottom: 1px;
	padding-left: 15%;
}
#separateproduct{
	width: 20%;
	height: auto;
	display: block;
	position: absolute;
	bottom: 20px;
	left: 40%;
	right: 40%;
	padding-top: 2%;
}
.separatecenterhalf{
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}	

.separatecenter{
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#down{
	height: auto;
	width: 10%;
	z-index: 500;
	position: fixed;
	bottom: 10px;
	left: 45%;
	right: 45%;
		cursor:pointer;
		z-index:999;
}
.entry1 {
	z-index: 2;
	display: block;
	position: absolute;
	top: 0;
	}
	.subcatmenu {
	line-height: 10vw;
	font-size: 4vw;
	width: 70%;
	margin-top: 4%;
	z-index: 999;
	margin-right: 15%;
	margin-left: 15%;
	}

	.subcatmenu ul li {
	list-style: none;
	text-transform: uppercase;
	display: block;
	width: 100%;
		}
		
	.subcatmenu li a {
	height: 14.0vw;
	box-sizing: border-box;
	display: block;
	text-align: center;
	padding-right: 1vw;
	padding-left: 1vw;
	padding-top: 2vw;
	padding-bottom: 2vw;
	background-color: rgba(159, 37, 110, 0.7);
	border:none;
	border-bottom: 1px dashed #FFFFFF;
	
	cursor: pointer;
	
			}
	.subcatmenu ul li:last-child a {
		border-bottom: none;	
	}

		.subcatmenu li a:hover,
		.subcatmenu li.current-menu-item a,
		.subcatmenu li.current-menu-parent a,
		.subcatmenu li.current_page_item a,
		.subcatmenu li.current_page_parent a {
			color: #FFFFFF;
		}

	.subcatmenu li.current a{ color:#FFF;}
	.regular {
	color: #c41c6f;
	font-size: 3vw;
	line-height: 4vw;
	position:relative; z-index:999;
	}
		.gillsans{
	color: #c41c6f;
	font-size: 3vw;
	line-height: 4vw;
	position:relative; z-index:999;
	}
		.regular a{
	text-decoration: none;
	color:#c41c6f !important;
	}
.regular > h3 {
	font-size: 5vw;
	line-height: 6vw;
}
	.regular hr {
	visibility: hidden;
	height: 1px;

}
#hayat{
	background-image: url(images/hayatlogo.html);
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: left center;
	height: 47px;
	width: auto;
	margin-bottom: 0;
	margin-right: 0;
	padding-left: 50px;
	position: absolute;
	z-index: 500;
	bottom: 5px;
	left: 10px;
	font-size: 5vw;
	line-height: 10vw;
	color: #FFFFFF;
	vertical-align: middle;
	letter-spacing: 0.15vw;
	text-align: left;
}

h1, h2 {
	font-size:12vw;
	line-height:13vw;
	margin-bottom:14px;
	}
	.buymenu {
	line-height: 7vw;
	font-size: 5vw;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	}
	
.buymenu ul li {
	float: left;
	list-style: none;
	text-transform: uppercase;
	width: 100%;
	margin-bottom: 21px;
		}
		
.buymenu li  a {
	display: block;
	text-align: center;
	padding-right: 1%;
	padding-left: 1%;
	background-color: rgba(159, 37, 110, 0.7);
	padding-top: 3%;
	padding-bottom: 3%;
	width: 98%;
	color: #FFFFFF;
	font-size:6vw;
			}
			#rightside{
	height: auto;
	width: 90%;
	margin-top: 0px;
	float: right;
	margin-right: 5%;
}
.main-item.ayakkabi{width:100% !important; left:0 !important; bottom:0 !important; }

.main-item.kalem{display:none !important; }
.main-item.boncuk{display:none !important;}
.main-item.ruj{display:none !important;}
.main-item.bez{ display:none !important;}
.main-item.oje{display:none !important;}

#bgposts #separate,
#bgposts .separate{
	display:none;
}

#bgmain #bgposts #catmenu{position:static !important;}
#bgmain #bgposts .subcatmenu{width:100%; margin-left:0; margin-right:0; margin-top:2%; position: absolute;top: 62px;}
#bgmain #bgposts .subcatmenu li{     width: 25%;   word-wrap: break-word;   font-size: 3vw;    line-height: 4vw; }
#bgmain #bgposts .subcatmenu li a{border:none; border-left:1px dashed #fff;}
#bgmain #bgposts .subcatmenu li:first-child a{border:none;}

#bgmain #bgposts #similarpage{min-width:auto; width:100%; margin-top:5%; position:absolute; top:33vw;}
#bgmain #bgposts #similarpage ul li{width:auto;}
#bgmain #bgposts #similarpage ul li a{ height:20vw; overflow:hidden; border:none; margin-bottom:1vw;}


#bgmain #bgpostdetail .subcatmenu{width:100%; margin-left:0; margin-right:0; margin-top:2%; position: absolute;top: 62px;}
#bgmain #bgpostdetail .subcatmenu li{     width: 25vw;   word-wrap: break-word;   font-size: 3vw;    line-height: 4vw; }
#bgmain #bgpostdetail .subcatmenu li a{border:none; border-left:1px dashed #fff;}
#bgmain #bgpostdetail .subcatmenu li:first-child a{border:none;}

#bgmain #bgpostdetail #similarpage{min-width:auto; width:100%; margin-top:5%;}
#bgmain #bgpostdetail #similarpage ul li{width:auto;}
#bgmain #bgpostdetail #similarpage ul li a{ height:20vw; overflow:hidden;  }


#post-detail .subcatmenu {
    position: absolute;
    left: 0;
    bottom: 114.8vw;
    justify-content: left;
    -webkit-justify-content: left;
}
#post-detail p{font-size:3.4vw !important; line-height:4.5vw; margin:0; margin-bottom:5px;}
#post-detail h4{font-size:7.6vw !important; line-height:6.6vw !important; font-weight:normal; margin-bottom:10px; margin-top:0; }
#postarea{top:34vw; height:calc(100% - 55px - 46vw); width:96%; left:0; overflow:hidden;}
#bgmain #bgposts #similarpage ul li #postpagetitle,
#bgmain #bgposts #similarpage ul li .postpagetitle{
	width: 100%;
    height: auto;
    margin-top: 1vw;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 5.4vw;
    font-weight: 700;
	margin-bottom: auto;
    line-height: 4.6vw;
}
#bgmain #bgposts #similarpage ul li  #postpageexcert,
#bgmain #bgposts #similarpage ul li  .postpageexcert {
    width: 100%;
    height: auto;
    margin-top: 2vw;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 3.4vw;
    line-height: 4.5vw;
}

#bgcontact #space9{height:26vw;}
#bgcontact .regular{font-size:4vw; line-height:5vw;}

.tabs{position: absolute;
    top: 67px;
    left: 4%;
    z-index: 999;
    width: 92%;}
ol.tabs li {    float: left;}
ol.tabs li a{padding: 4vw;
    font-size: 3.5vw;
    margin-right: 4vw; width:auto;}
	
#box,#box2,#box3{width:87%; top: 110px;left: 4%; text-shadow: 1px 1px #444;     font-size: 5vw;line-height: 5.1vw; padding-bottom:5px; padding-top:5px; margin-top: 5px;}
.uckatlogo,.dortkatlogo{    z-index: 999;
    height: 50px;
    width: 60px;
    bottom: 8px;}
.pane{bottom:60px; width:98%; left:1%; right:1%;}
#tezgah{bottom:30px;}
.footermain{height:80%;}
#prev, #next,
.prev, .next{
	position: absolute;
	top: 18vw;
	cursor: pointer;
	z-index: 1;
}
#prev,
.prev {
    left: 6%;
    width: 1.5vw;
    height: 4vw;
    zoom: 4;
}
#next,
.next {
    right: 6%;
    width: 1.5vw;
    height: 4vw;
    zoom: 4;
}

#bgproducts #separateimg{display:none;}

#bgpecete #productarea{bottom:70px;}
#bgmendil #productarea{bottom:70px;}
#bgkutu #productarea{bottom:70px;}
#bgpecete #productarea img{width:98% !important; height:auto !important;}
#bgmendil #productarea img{width:98% !important; height:auto !important;}
#bgkutu #productarea img{width:98% !important; height:auto !important;}

#carousel{display:none;}
#gallery li{background-color:transparent;}
#gallery h6{margin:0 0 0 -30%; margin-top:5vw; text-align:center; font-size:9vw !important;}
.product-item-link > span{cursor: pointer;
    opacity: 1;
    font-size: 7.5px !important;
    padding: 0 !important;
    width: 80% !important;
    left: 10% !important;
    top: 69vw !important;
	overflow: hidden;
	}
	
#bg3kat ol.tabs2{height:54vw; overflow:hidden;}
#bg3kat ol.tabs2 a.w4 img{height:54vw; width:auto;}
#bg3kat ol.tabs2 a.w8 img{height:54vw; width:auto;}
#bg3kat ol.tabs2 a.w12 img{height:54vw; width:auto;}

#bg4kat ol.tabs2{height:54vw; overflow:hidden;}
#bg4kat ol.tabs2 a.w4h img{height:54vw; width:auto;}
#bg4kat ol.tabs2 a.w8 img{height:54vw; width:auto;}


#bottomtext{display:none;}

#bghavlu ol.tabs2{height:54vw; overflow:hidden;}
#bghavlu ol.tabs2 li{width:100%; text-align:center;}
#bghavlu ol.tabs2 a.w4h{display:inline-block; position:static; vertical-align:baseline;}
#bghavlu ol.tabs2 a.w4h img{height:54vw; width:auto;}
#bghavlu ol.tabs2 a.w8{display:inline-block;position:static; vertical-align:baseline;}
#bghavlu ol.tabs2 a.w8 img{height:54vw; width:auto;}

.about{width:98%; font-size:4.2vw !important; padding:0; margin-left:0; left:1%; bottom:100px; height: 40%;overflow: auto;}

#hayat{    font-size: 13px;line-height: 47px;}
.pane2.w4-3{width:90%; margin-left:5%;}


#bg4kat #prev,#bg4kat #next,#bg3kat #prev, #bg3kat #next, #bghavlu #prev, #bghavlu #next,
#bg4kat .prev,#bg4kat .next,#bg3kat .prev, #bg3kat .next, #bghavlu .prev, #bghavlu .next{
	display:block;
	position: absolute;
	top:inherit;
	bottom: 35%;
	cursor: pointer;
	z-index: 1;
}
#bg4kat #next,#bg3kat #next,#bghavlu #next,
#bg4kat .next,#bg3kat .next,#bghavlu .next{
	right:1%;
}
#bg4kat #prev,#bg3kat #prev,#bghavlu #prev,
#bg4kat .prev,#bg3kat .prev,#bghavlu .prev{
	left:1%;
}

.post-detail-slider{float:none !important; width:100% !important; height:160px !important;}
#postarea .post-detail-content{float:none !important; width:100% !important;     height: 90px !important;margin-top: 5px;}


.post-detail-slider ul li img{height:160px !important; width:auto !important;}

#bgopen .footer #handtext {display:none;}
#bgopen .footer{background-image:url(../images/slogan-mobile.png); background-repeat:no-repeat; background-size:96% auto; background-position:center top;}

#bgabout{background-position: center top;}

#bg3kat .wrap .pane .pane2{width:98%; padding:0; margin:0; margin-left:1%;     position: absolute;bottom: 58vw;}

.back{width:80px; height:28px; background-size:100%;}
#bgmain #bgposts #similarpage{width:100%; min-width:100%;}

.note {display:none;}
}









@media (max-width: 1023px) and (min-height: 667px)
{
	.post-detail-slider {height:200px !important;}
	.post-detail-slider ul li img{height:200px !important;}
	#postarea .post-detail-content{height:200px !important;overflow:hidden;}
	
	
	.about{height:40%;}
	#bgcontact #separate,
	#bgcontact .separate{
		display:none;
	}
	.scroll-block.about-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:55px;  width:100%; position:absolute;}
	.scroll-block.post-detail-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:55px;  width:100%; position:absolute;}
	
	.scroll-block .scroll-block-up {display:inline-block; margin-top:10px;}
	.scroll-block .scroll-block-down{display:inline-block; margin-top:10px;} 
	.scroll-block .scroll-block-up img{height:40px; margin-right:30px;}
	.scroll-block .scroll-block-down img{height:40px; margin-left:30px;}
	
}

@media (max-width: 1023px) and (max-height:480px)
{
	.about{height:40%;}
	#bgcontact #separate,
	#bgcontact .separate{
		display:none;
	}
	.scroll-block.about-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:55px;  width:100%; position:absolute;}
	.scroll-block.post-detail-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:55px;  width:100%; position:absolute;}
	
	.scroll-block .scroll-block-up {display:inline-block; margin-top:10px;}
	.scroll-block .scroll-block-down{display:inline-block; margin-top:10px;} 
	.scroll-block .scroll-block-up img{height:40px; margin-right:30px;}
	.scroll-block .scroll-block-down img{height:40px; margin-left:30px;}
}

@media (min-device-width : 375px) and (max-device-width : 667px)
{ 
	.post-detail-slider {height:200px !important;}
	.post-detail-slider ul li img{height:200px !important;}
	#postarea{height:calc(100% - 240px);}
	#postarea .post-detail-content{height:200px !important; overflow:hidden !important; }
	
	
	.about{height:40%;}
	#bgcontact #separate,
	#bgcontact .separate{
		display:none;
	}
	.scroll-block.about-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:55px;  width:100%; position:absolute;}
	.scroll-block.post-detail-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:40px;  width:100%; position:absolute;}
	
	.scroll-block .scroll-block-up {display:inline-block; margin-top:10px;}
	.scroll-block .scroll-block-down{display:inline-block; margin-top:10px;} 
	.scroll-block .scroll-block-up img{height:40px; margin-right:30px;}
	.scroll-block .scroll-block-down img{height:40px; margin-left:30px;}
	
	#bgmain #bgposts .subcatmenu li,#bgmain #bgpostdetail .subcatmenu li{     width: 25vw;   word-wrap: break-word;    /*height: 35px;*/    font-size: 3vw;    line-height: 4vw; }
	
	/*#bgmain #bgposts #similarpage ul li  #postpageexcert,
	#bgmain #bgposts #similarpage ul li  .postpageexcert{
		font-size:13px;
		line-height:14px;
	}*/
	
	#bgcontact #space9{padding-top:2vw;}
}

@media (min-device-width : 414px) and (max-device-height : 736px)
{ 
	.post-detail-slider {height:250px !important;}
	.post-detail-slider ul li img{height:250px !important;}
	#postarea{height:calc(100% - 250px);}
	#postarea .post-detail-content{height:150px !important; overflow:hidden !important; }
	
	
	.about{height:40%;}
	#bgcontact #separate,
	#bgcontact .separate{
		display:none;
	}
	.scroll-block.about-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:55px;  width:100%; position:absolute;}
	.scroll-block.post-detail-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:40px;  width:100%; position:absolute;}
	
	.scroll-block .scroll-block-up {display:inline-block; margin-top:10px;}
	.scroll-block .scroll-block-down{display:inline-block; margin-top:10px;} 
	.scroll-block .scroll-block-up img{height:40px; margin-right:30px;}
	.scroll-block .scroll-block-down img{height:40px; margin-left:30px;}
	
	
	
	#bgcontact #space9{padding-top:2vw;}
	
}


@media (max-width : 320px)
{ 
	#bgmain #bgposts #similarpage{width:100%; min-width:auto;}
	#bgmain #bgposts #similarpage li{width:100%;}
	#separateabout {
		min-height: 0;
	}
}



@media (max-device-width : 320px) and (max-device-height : 568px)
{ 
	#bgvideo #videotitle{margin-top:1%; margin-bottom:1%;}
	#bgvideo #video{height:110px !important;}

	.post-detail-slider {height:170px !important;}
	.post-detail-slider ul li img{height:170px !important;}
	#postarea{height:calc(100% - 260px);}
	#postarea .post-detail-content{height:115px !important; overflow:hidden !important; }
	
	
	.about{height:40%;}
	#bgcontact #separate,
	#bgcontact .separate{
		display:none;
	}
	.scroll-block.about-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:55px;  width:100%; position:absolute;}
	.scroll-block.post-detail-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:40px;  width:100%; position:absolute;}
	
	.scroll-block .scroll-block-up {display:inline-block; margin-top:10px;}
	.scroll-block .scroll-block-down{display:inline-block; margin-top:10px;} 
	.scroll-block .scroll-block-up img{height:40px; margin-right:30px;}
	.scroll-block .scroll-block-down img{height:40px; margin-left:30px;}
	
	#bgcontact .entry{margin-top:20px;}
	#bgcontact #space9{padding-top:2vw;}
	
	#bgmain #bgposts .subcatmenu li,#bgmain #bgpostdetail .subcatmenu li{     width: 78px;   word-wrap: break-word;    /*height: 35px;*/    font-size: 3vw;    line-height: 4vw; }
	
	/*#bgmain #bgposts #similarpage ul li  #postpageexcert,
	#bgmain #bgposts #similarpage ul li  .postpageexcert{
		font-size:13px;
		line-height:14px;
	}*/
}

@media (max-device-width : 320px)  and (max-device-height : 480px)
{ 
	#bgopen .footer{height:75%;}
	
	#bgvideo #videotitle{margin-top:1%; margin-bottom:1%;}
	#bgvideo #video{height:110px !important;}

	#bgmain #bgposts #similarpage{width:100%;}
	#bgmain #bgposts #similarpage li{width:100%;}
	
	.post-detail-slider {height:100px !important;}
	.post-detail-slider ul li img{height:100px !important;}
	#postarea{height:calc(100% - 340px);}
	
	#postarea .post-detail-content{height:100px !important; overflow:hidden !important; }
	
	.scroll-block.post-detail-scroll{display:block; background-image:url(images/arrow-bg.html); height:52px; bottom:40px;  width:100%; position:absolute;}
	
	#bgcontact .regular{margin-top:5px;}
}