.dropdown-menu {
	z-index:10000;
}

#main .sidebar .bar-block li a[data-toggle="dropdown"]:after {
    content: '...';
    position: absolute;
    transform: translateY(-51%);
    font-size: 50px;
    right: 15px;
    letter-spacing: -3.2px;
    font-family: NunitoSans-SemiBold;
    color: #f2e3bc;
}

.contents {
    height:100%;
	overflow:auto;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.button-menu {
	margin-top: 20px;
    position: absolute;
	font-weight:600;
	font-size:20px;
	cursor:pointer;
	color:#fff;
    margin-left: 30px;
    z-index: 9;
}

#main .sidebar {
    margin-right: 1rem;
}

#main .sidebar .bar-block li a[data-toggle="dropdown"]:after {
color:#fff;
right:5px;
}

#main .sidebar .bar-block li {
	margin-bottom:0px;
}

#main .sidebar .nav ul li a {
	
	font-size:15px;
}

#main .sidebar .bar-block li a {
color: #4d4d4f;

border-bottom: 1px solid #fff;
}

#main .sidebar .bar-block li a:hover {
color: #f0ad2e;
}

#main .sidebar .bar-block .nav>li>a {
	padding: 15px 0px 15px 0px;
}

.bar-block {
	margin-top:30px;
}

p.img_description[aria-expanded="true"] {
    top: 60px !important;
}

p.img_description[aria-expanded="true"] + div#alt-menu{
    top: -32% !important;
    position: relative;
} 

.kategori-menu {
height:100%;
width:100%;
/*margin-top:1px;*/
padding-left:15px;
z-index:9;
position:absolute;
background-color:#ececec;
}
#main{
    overflow:unset;
}
.kategori-menu .fa {

font-size:smaller;
margin-right:5px;
}

.kategori-menu h4 {
font-weight:700;
margin-top:50px;
padding-top:30px;
}

.ust-cizgi {
	width:47px;
	height:3px;
	margin-top:-25px;
	position:absolute;
	background-color:#4d4f4f;

}

.kapat-buton {
float:right;
padding-top:10px;
padding-right:35px;
}


#alt-menu {
	margin-left:5%;
	margin-right:5%;
	width:90%;
}

.nokta-img {
    position: relative;
    float: right;
	width:40px;
	height:10px;
    top: 15px;
    bottom: 40%;
    cursor: pointer;
}

.slick-dots li {
    top: -35px;
	width:47px;
	height:7px;
	margin:0px 9px;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
	padding:0px;
	position:relative;
    width: 47px;
    height: 7px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
}

#democuk {
	width:50%;
	position:absolute;
	height:100%;
}

#main {
	position:relative;
}

.slick-dots {
	bottom:-15px;
}

.slick-dots li button:before {
    font-size: 0px;
    line-height: 20px;
    position: absolute;
    top: 40px;
    left: 0;
	width:47px;
	height:7px;
    background-color:#4d4f4f;
    text-align: center;
    opacity: .5;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}

  p { 
  display: inline-block;
  margin: 0px 0 20px;
  }
  
  .slick-slides .img-part img {
	margin: 0px;
	padding: 0px;
}

.slick-slides .img-part  {
	overflow: hidden;
	height: 100%;
	width: 100%;
	font-size: 22px;
	position: relative;
	outline: 0px !important;
	display: block;
}
  
.img-part .img_description_layer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0px;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	visibility: hidden;
	font-weight:400;
	opacity: 0;
	-webkit-transition: opacity .2s, visibility .2s;
	transition: opacity .2s, visibility .2s;
}

.img-part:hover .img_description_layer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0px;
	height: 100%;
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	visibility: hidden;
	font-weight:400;
	visibility:visible;
	-webkit-transition: opacity .2s, visibility .2s;
	transition: opacity .2s, visibility .2s;
}

.img-part .img_description_layer {
	visibility: visible;
	opacity: 1;
}



.slick-slides .img-part .img_description {
	top:43.5%;
	padding: 17px;
	border:1px solid #fefefe;
	border-radius:1px;
	width:92%;
	margin-right:4%;
	margin-left:4%;
	text-align:center;
	font-size:28px;
	cursor:pointer;
	font-weight:400;
	background: transparent;
	position: absolute;
	-webkit-transition: .2s;
	transition: .2s;
}

.slick-slides .img-part:hover .img_description {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
 

.slick-slider {
    padding:0px;
}

#main .content-block {
	font-size:18px;
	color:#6d6e71;
	font-family:NunitoSans-SemiBold;
}

#main .content-block h5 {
	font-size:20px;
	color:#3b3b3c;
	font-family:NunitoSans-Regular;
}

a {
    color: #fff;
}

a:hover, a:focus {
	color: #e89800;
}

.mCSB_inside > .mCSB_container {
margin-right:0px;
padding:0px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e2e1e1;
}

@media screen and (max-width: 1850px) {
	
		.nokta-img {
	
	right: 0%;
	top:12px;
}
	
	#main .sidebar .bar-block li a {
		font-size:17px;
	}
	
	.slick-slides .img-part {
	font-size:19px;
}
	
	.slick-slides .img-part .img_description {
	font-size:24px;
	padding:8px;
}
.content{
    height:330px !important;
	margin-top:margin-top:31% !important;
}
}

@media screen and (max-width: 1650px) {
	
	.nokta-img {
	width:35px;
	height:9px;
	right: 0%;
	top:13px;
}
	
	#main .sidebar .bar-block li a {
		font-size:17px;
	}
	
	.slick-slides .img-part {
	font-size:19px;
}
	
	.slick-slides .img-part .img_description {
	font-size:22px;
	padding:7px;
}
.content{
    height:330px !important;
	margin-top:margin-top:31% !important;
}
}

@media screen and (max-width: 1409px) {

    .slick-dots li button:before {
     
        top: 20px;
    }

    .slick-track {
        top:-20px;
    }
	
	p.img_description[aria-expanded="true"] {
    top: 75px !important;
}

	.nokta-img {
	width:32px;
	height:8px;
	right: 0%;
	top:11px;
}
	
			.content{
	height:300px !important;
min-height:300px !important;
margin-top:35% !important;
	}
	
	#main .sidebar .bar-block .nav>li>a {
		padding: 11px 0px 11px 0px;
	}
	
		#main .sidebar .bar-block li a {
		font-size:16px;
	}
	

	.slick-slides .img-part {
	font-size:17px;
}
	
	.slick-slides .img-part .img_description {
	font-size:19px;
	padding:7px;
}
}

@media screen and (max-width: 1199px) {
	
		.content{
	height:325px !important;
min-height:325px !important;
	}
	
		#democuk {
	width:100%;
}

			#main .sidebar .bar-block li a {
		font-size:15px;
	}

	
	.nokta-img {
	width:26px;
	height:7px;
	right: 0%;
	top:11px;
}
	
	.slick-slides .img-part {
	font-size:16px;
}
	
	.slick-slides .img-part .img_description {
	font-size:18px;
	padding:6px;
}
	
	#main .content-block  {
	font-size:16px;
	color:#3b3b3c;
	font-family:NunitoSans-Regular;
}  
}

@media screen and (max-width: 991px) {
	
	.button-menu {
	font-size:17px;
}

.button-menu img {
	width:23px;
	height:16px;
}

	
	p.img_description[aria-expanded="true"] {
    top: 55px !important;
	}
	
	#democuk {
	width:100%;
}
				#main .sidebar .bar-block li a {
		font-size:14px;
	}
	
	.content{
	height:330px !important;
min-height:330px !important;
	}
	
	.nokta-img {
	width:26px;
	height:7px;
	right: 0%;
	top:11px;
}
	
	.slick-slides .img-part {
	font-size:15px;
}
	
.slick-slides .img-part .img_description {
	padding:10px;
	font-size:17px;
}
}


@media screen and (max-width: 767px) {
	
	.slick-dots li button {
		display:none;
	}
	
.slick-slides .img-part .img_description {
	padding:3px;
	font-size:15px;
}
	
	p.img_description[aria-expanded="true"] + div#alt-menu{
    top: -31% !important;
	}
	
#democuk {
	width:100%;
	position:relative;
	overflow:hidden;
	height:100%;
}
	
	.content{

height:252px !important;
min-height:252px !important;
margin-top:33% !important;
   
	}
	
	.nokta-img {
	width:21px;
	height:5px;
	right: 1%;
	top:8px;
}
	
.button-menu {
	font-size:15px;
}

.button-menu img {
	width:20px;
	height:14px;
}

	.slick-slides .img-part {
	font-size:14px;
}

	
	#main .content-block {
	font-size:14px;
	color:#3b3b3c;
	font-family:NunitoSans-Regular;
}

}

@media screen and (max-width: 528px) {
	p.img_description[aria-expanded="true"] + div#alt-menu{
    top: -33% !important;
	}
	
	.content{

max-height:355px !important;
min-height:355px !important;
margin-top:23% !important;
	}
}

@media screen and (max-width: 461px) {
	p.img_description[aria-expanded="true"] + div#alt-menu{
    top: -33% !important;
	}
	
	.content{

max-height:333px !important;
min-height:333px !important;
margin-top:23% !important;
	}
}

@media screen and (max-width: 361px) {
		p.img_description[aria-expanded="true"] + div#alt-menu{
    top: -29% !important;
	}
	
	.content{

max-height:295px !important;
min-height:295px !important;
margin-top: 25%!important;
   
	}
}

@media screen and (max-width: 321px) {
		p.img_description[aria-expanded="true"] + div#alt-menu{
    top: -29% !important;
	}
	
	.content{

max-height:295px !important;
min-height:295px !important;
   
	}
}