@charset "utf-8";
/* CSS Document */


html, body{ 
    background-color:#ffffff;
	padding: 0px; 
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet M.S", Verdana, sans-serif;
	font-size: 14px; 
	color: #333; 
	font-weight: normal; 
	text-decoration: none;

}
/* red eski */

	a.link:link, a.link:visited { color:red; text-decoration: none;font-weight: bolder;  }
	a.link:hover, a.link:active { color:#000000;text-decoration:none;}

	a.linkword:link, a.linkword:visited { color:#000000; text-decoration: none;  }
	a.linkword:hover, a.linkword:active { color:#000000;text-decoration:underline;}

	.img-fix{
		width:100%; height:auto;
	}

	#top-line{
		width:70%; padding:10px 0px
	}

	.top-line-left{
		float:left; width:50%; text-align:left
	}

	.top-line-right{
		float:left; width:50%; text-align:right
	}

	#menu-line{
		width:100%; background-color: #fff; box-shadow: 0px 0px 20px 2px #ccc;
	}

	input:focus{ outline-style: none;  border:1px solid #86D396 } 
	.input-text{padding:10px; width:calc(100% - 0px); border:1px solid #ccc; background-color:#FFF; border-radius:5px; /*transparent*/}
	input:focus{ outline-style: none;  border:1px solid #86D396 } 
	label{ font-size:13px; color:#666; font-weight:bold}
	.form-row{margin:5px 0px}
	.form-row-label{font-size:12px; color:#333; font-weight: bold}

	#mobil-topmenu{position:absolute; top:0px; left:0px; width:100%; min-height:100%; background-color:#FFF; z-index:100000000; display:none}
	.close-btn-box{padding:10px; background-color:#f0f0f0}
	#mobil-topmenu-content{padding:10px}
	.mobilmenu-item{padding:8px; border:1px solid #e5e5e5; margin-bottom:3px}
	.mobilmenu-subitem{padding:8px; border:1px solid #e5e5e5; margin:0px 0px 3px 40px}

.book-contents-container{margin-top:15px; width:100%; margin-bottom:50px}
.abone-panel-list{padding:10px 30px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:14px}
.abone-panel-list-active{padding:10px 30px; border:1px solid #f0f0f0; margin-bottom:3px; background-color:#f0f0f0; font-size:14px}
.list{padding:10px 20px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:14px; cursor:pointer}
.list:hover{background-color:#f9f9f9;}

.result-title{float:left; width:50%; text-align:center; font-size:13px; font-weight:bold; font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif'; padding:8px; cursor:pointer }


@media only screen and (min-width:200px) and (max-width:480px) {
	
	
	.mobil-topmenu{float:left; width:20%; padding:15px}
	.input-reg{padding:10px; width:calc(100% - 0px); border:1px solid #ccc; background-color:#FFF; border-radius:5px; /*transparent*/}

	
	.mesai{ display: none}
	#top-contact{display:none}
	.top-menu-menu{display:none}
	#abone-topmenu{position:absolute; top:0px; left:0px; width:100%; min-height:100%; background-color:#fff; z-index:100000000; display:none}
	#abonetop{font-family:Montserrat}
	.abonetop-closebtn{padding:10px 20px; background-color:#f9f9f9; font-size:16px; margin-bottom:3px; color:white; cursor:pointer}
	.abonetop-menu-title{padding:10px 20px; background-color:#000; font-size:16px; margin-bottom:3px; color:white; cursor:pointer}
	.abonetop-bookgroups-title{padding:10px 30px; border:1px solid #f0f0f0; margin-bottom:3px; background-color:#f9f9f9; font-size:14px; cursor: pointer}
	.abonetop-bookgroups-booklist{padding:10px 10px 10px 60px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:14px;}
	.abonetop-legis-title{padding:10px 30px; border:1px solid #f0f0f0; margin-bottom:3px; background-color:#f9f9f9; font-size:14px; cursor:pointer}
	.abonetop-legislation{padding:10px 60px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:14px; cursor:pointer}
	.abonetop-categories{padding:10px 10px 10px 90px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:14px; cursor:pointer}
	.abonetop-books{padding:10px 10px 10px 30px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:16px; font-size:14px;}
	.abonetopall-legis-title{padding:10px 30px; border:1px solid #f0f0f0; margin-bottom:3px; background-color:#f9f9f9; font-size:14px; cursor:pointer}
	.abonetopall-legislation{padding:10px 60px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:14px; cursor:pointer}
	.abonetopall-category{padding:10px 10px 10px 90px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:14px; cursor:pointer}
	
	.abonetop-allbooks{padding:10px 30px; border:1px solid #f0f0f0; margin-bottom:3px; background-color:#f9f9f9; font-size:14px; cursor:pointer}
	
	
	
	
	#logo{float:left; width:80%; height:60px; overflow:hidden; margin-bottom:10px}
	.logo{float:left; width:80%; height:60px; background-color: #000; color:#fff; text-align:right; padding:20px 0px}
	.logo-img{height:30px; width:auto}
	#triangle{float:left; width:20%;}
	.triangle{border-color: transparent transparent rgba(0,0,0,1);border-width: 0px 1068px 669px 420px;transform: scale(0.1) translate(223px, 1616px) rotate(4.1524rad);transform-origin: 0 0;border-style: solid;}
	.mobil-topmenu{float:left; width:20%; padding:15px}
	
	#login-title{ width:100%; font-family:Oswald; font-size:30px; font-weight:400; text-align:center}
	#login-content{  width:100%; padding:0px 30px; text-align:center}
	.login-bg{background-size: 100% auto; background-repeat:repeat-y; margin-top:10px; padding-bottom:100px}
	
	.login-password-left{width:100%; font-family:Oswald; font-size:30px; font-weight:400; text-align:center}
	.login-password-right{width:100%; text-align:center}

	.page-right{width:calc(100% - 40px); padding:0px; margin:0px 20px; border:px solid #e5e5e5; font-family:Montserrat}
	.page-left{display:none}
	
	.lawtext-left{float:left; width:100%}
	.lawtext-right{float:left; width:100%;}
	
	.books-detail-img{float:left; width:100%; border:1px solid #e5e5e5; padding:20px; margin-bottom:30px}
	.books-detail-info{float:left; width:calc(100% - 0px);}
	
	.feature-title{float:left; padding:10px 10px; border:1px solid #e5e5e5; font-weight: 700; cursor:pointer}
	.feature-title-active{float:left; padding:10px 10px; border:1px solid #e5e5e5; background-color:#e5e5e5; font-weight: 700; cursor:pointer}
	.feature-content{border:1px solid #e5e5e5; padding:20px; margin-top:5px}

	#book-contents-cont{border:1px solid #e5e5e5; padding:20px; margin-bottom:5px}
	.content-list-title{margin-bottom:20px; background-color:#f9f9f9; padding:10px 20px; font-weight:600; cursor:pointer}


	.search-container{border:1px solid #e5e5e5; padding:40px; margin-bottom:5px}
	.search-type{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-type-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-doc{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-doc-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-place{float:left; width:33.33%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-place-active{float:left; width:33.33%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-mev{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-mev-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}


	.search-list{
		padding:5px 20px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:13px; cursor:pointer
	}

	.search-sublist{
		padding:5px 50px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:13px; cursor:pointer
	}

	.search-select{padding:3px; width:calc(100% - 0px); border:1px solid #f0f0f0; background-color:#FFF; border-radius:5px; /*transparent*/}


	.search-label{ font-weight:normal}

	.result-box{margin-bottom:25px; border:1px solid #f9f9f9; padding:20px; cursor:pointer}
	.result-box:hover{ background-color:#f9f9f9  }
	
	#top-menu{
		width:70%; border-top:1px solid #f0f0f0; padding:15px 0px
	}

	.top-menu-menu{
		display:none
	}

	.top-menu-consulting{
		width:100%; text-align:center;
	}
	
	
	.footer-col{width:100%; text-align:center; margin-top:20px}
	.footer-logo{width:100%; font-size:36px;}
	.footer-social{width:100%; padding-top:15px; text-align:center}
	
	
}




@media only screen and (min-width:481px) and (max-width:2560px) {
	
	.mobil-topmenu{ display:none}
	.abone{display:none}
	#abone-topmenu{display:none}
	
	.input-reg{padding:10px; width:calc(60% - 0px); border:1px solid #ccc; background-color:#FFF; border-radius:5px; /*transparent*/}


	#login-title{float:left; width:30%; font-family:Oswald; font-size:30px; font-weight:400; text-align:left}
	#login-content{ float:left; width:70%; text-align:right}
	.login-bg{background-size: 100% auto; background-repeat: no-repeat; margin-top:10px; padding-bottom:100px}

	#logo{
		float:left; width:30%; height:100px; overflow:hidden
	}

	.logo{
		float:left; width:80%; height:100px; background-color: #000; color:#fff; text-align:right; font-size:36px; padding:20px 0px
	}
	
	.logo-img{height:40px; width:auto}

	#triangle{
		float:left; width:20%;
	}

	.triangle{
		border-color: transparent transparent rgba(0,0,0,1);
		border-width: 0px 1068px 669px 420px;
		transform: scale(0.1) translate(223px, 1616px) rotate(4.1524rad);
		transform-origin: 0 0;
		border-style: solid;
	}

	#top-contact{
		float:right; margin-right:15%; width:55%; height:100px; padding-top:30px
	}

	#top-social{
		float:left; width:34%
	}

	.top-social-icon{
		float:left; width:40px; height:40px;  margin-right:10px
	}

	#top-email{
		float:left; width:33%; margin-top:-5px
	}

	.top-email-icon{
		float:left; width:calc(50% - 10px); margin-right:10px; text-align:right
	}

	.top-email-email{
		float:left; width:50%; text-align:left; padding-top:5px; font-size:16px; font-weight:bold
	}

	.top-contact-txt{
		font-size:13px; font-weight:normal; color:#ccc
	}

	#top-phone{
		float:left; width:33%; margin-top:-5px
	}

	.top-phone-icon{
		float:left; width:calc(50% - 10px); margin-right:10px; text-align:right
	}

	.top-phone-number{
		float:left; width:50%; text-align:left; padding-top:5px; font-size:16px; font-weight:bold
	}
	
	.trueegitim{width:70%; margin:10px 0px}

	#top-menu{
		width:70%; border-top:1px solid #f0f0f0; padding:15px 0px
	}

	.top-menu-menu{
		float:left; width:85%; text-align:left;
	}

	.top-menu-consulting{
		float:right; width:15%; text-align: right;
	}

	#offering{
		width:100%; margin-top:10px; background-size: 100% auto; background-repeat: no-repeat;
	}

	#offering-content{
		width:800px; text-align:left; padding:70px 0px
	}

	.offering-title{
		color:#fc9a36; font-size:12px;
	}

	.offer{
		float:left; width:calc(25% - 20px); background-color:#FFF; padding:50px; margin-right:20px
	}

	.offer-last{
		float:left; width:calc(25% - 0px); background-color:#FFF; padding:50px; margin-right:0px
	}

	.offer-number{
		font-size:30px; font-weight:bold
	}

	.offer-txt{
		font-family:Oswald; font-size:18px
	}

	.consulting{
		width:100%; margin-top:0px;  background-size: 100% auto; background-repeat: no-repeat;
	}


	.consulting-content{
		width:70%; text-align:left; padding:70px 0px
	}

	.consulting-title{
		color:#fc9a36; font-size:18px; font-weight:bold
	}

	.consulting-text{
		font-size:18px; font-weight:bold; margin:20px 0px
	}

	.left-50{
		float:left; width:50%;
	}

	.consulting-width{
		width:70%;
	}

	.left-list{
		padding:10px 60px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:14px; cursor:pointer
	}

	.left-list:hover{
		background-color:#f9f9f9;
	}

	.left-list-active{
		padding:10px 60px; border:1px solid #f0f0f0; background-color:#f9f9f9; margin-bottom:3px; font-size:14px; cursor:pointer
	}



	.list-12{
		padding:10px 20px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:12px; cursor:pointer
	}

	.list-12:hover{
		background-color:#f9f9f9;
	}


	.feature-title{float:left; padding:10px 20px; border:1px solid #e5e5e5; font-weight: 700; cursor:pointer}
	.feature-title-active{float:left; padding:10px 20px; border:1px solid #e5e5e5; background-color:#e5e5e5; font-weight: 700; cursor:pointer}
	.feature-content{
		border:1px solid #e5e5e5; padding:20px; margin-top:5px
	}


	.pagination > li > a,
	.pagination > li > span {
		color: #000;
	}

	.pagination > .active > a,
	.pagination > .active > a:focus,
	.pagination > .active > a:hover,
	.pagination > .active > span,
	.pagination > .active > span:focus,
	.pagination > .active > span:hover {
		background-color: #000;
		border-color: #000;
	}



	/*
	*/

	.search-container{border:1px solid #e5e5e5; padding:40px; margin-bottom:5px}
	.search-type{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-type-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-doc{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-doc-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-place{float:left; width:33.33%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-place-active{float:left; width:33.33%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-mev{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-mev-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}


	.search-list{
		padding:5px 20px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:13px; cursor:pointer
	}

	.search-sublist{
		padding:5px 50px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:13px; cursor:pointer
	}

	.search-select{padding:3px; width:calc(100% - 0px); border:1px solid #f0f0f0; background-color:#FFF; border-radius:5px; /*transparent*/}


	.search-label{ font-weight:normal}

	.result-box{margin-bottom:25px; border:1px solid #f9f9f9; padding:20px; cursor:pointer}
	.result-box:hover{ background-color:#f9f9f9  }
	
	.login-password-left{float:left; width:30%; font-family:Oswald; font-size:30px; font-weight:400; text-align:left}
	.login-password-right{float:left; width:70%; text-align:right}
	
	.page-right{float:left; width:calc(100% - 430px); padding:0px; margin:0px 20px; border:px solid #e5e5e5; font-family:Montserrat}
	.page-left{float:left; width:350px; margin:0px 20px}
	
	.lawtext-left{float:left; width:50%}
	.lawtext-right{float:right; width:50%; text-align:right}
	
	.books-detail-img{float:left; width:40%; border:1px solid #e5e5e5; padding:20px}
	.books-detail-info{float:left; width:calc(60% - 50px); margin-left:50px}
	
	#book-contents-cont{border:1px solid #e5e5e5; padding:40px; margin-bottom:5px}
	.content-list-title{margin-bottom:20px; background-color:#f9f9f9; padding:10px 20px; font-weight:600; cursor:pointer}
	
	.left-allbooks{padding:10px 30px; border:1px solid #f0f0f0; margin-bottom:3px; background-color:#f9f9f9; font-size:14px; cursor:pointer; font-weight:bolder;}
	.footer-col{float:left; width:25%; text-align:right}
	.footer-logo{float:left; width:50%; font-size:36px;}
	.footer-social{float:left; width:50%; padding-top:15px; text-align:right}
	
	
}






/* HEXAGON */
.hexagon-wrapper {
  margin: auto;
  display: flex;
  float:left;
  text-align: initial;
  width: 200px;
  height: 200px;
  cursor: pointer;
}

.hexagon {
  position: relative;
  width: 46%;
  height: 80%;
  margin: auto;
  color: white;
  background: linear-gradient(-180deg, white, #fc9a36);
  display: flex;
  align-content: center;
  justify-content: center;
  transition: 0.5s;
}

.hexagon i {
  z-index: 1;
  margin: auto;
  font-size: 50px;
  color: transparent;
  background: linear-gradient(45deg, #a58fe9, #e37682);
  background-clip: text;
  -webkit-background-clip: text;
}

.hexagon:before,
.hexagon:after {
  position: absolute;
  content: "";
  background: inherit;
  height: 100%;
  width: 100%;
  border-radius: 0;
  transition: 0.5s;
  transform-origin: center;
}
.hexagon:before {
  transform: rotateZ(60deg);
}
.hexagon:after {
  transform: rotateZ(-60deg);
}
.hexagon:hover {
  border-radius: 50px;
  transition: 0.5s;
}
.hexagon:hover:before {
  border-radius: 50px;
  transition: 0.5s;
}
.hexagon:hover:after {
  border-radius: 50px;
  transition: 0.5s;
}
	
.hexagon-info{
	z-index:2500; text-align:center; padding-top:40px; color:#000;
}




/* TOP MENU */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.container {
    /*position: relative;*/
	width:100%;
    margin: 0px;
    padding: 0px;
    clear: both;
}


  
.mcd-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #FFF;
  /*height: 100px;*/
  
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
	border-radius: 2px;
  
  /* == */
 /* ben kapattım  width: 250px; */
  /* == */
}
.mcd-menu li {
  position: relative;
  float:left;
	z-index:10000000;
}
.mcd-menu li a {
  display: block;
  text-decoration: none;
  padding: 0px 10px;
  color: #000;
  /*text-align: center;
  border-right: 1px solid #E7E7E7;*/
  
  /* == */
  text-align: left;
  height: 36px;
  position: relative;
  border-bottom: 0px solid #EEE;
  /* == */
}
.mcd-menu li a i {
  /*display: block;
  font-size: 30px;
  margin-bottom: 10px;*/
  
  /* == */
  float: left;
  font-size: 20px;
  margin: 0 10px 0 0;
  /* == */
  
}
/* == */
.mcd-menu li a p {
  float: left;
  margin: 0 ;
}
/* == */

.mcd-menu li a strong {
  display: block;
  /*text-transform: uppercase;*/
}
.mcd-menu li a small {
  display: block;
  font-size: 10px;
}

.mcd-menu li a i, .mcd-menu li a strong, .mcd-menu li a small {
  position: relative;
  
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}
.mcd-menu li:hover > a i {
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
    -o-animation: moveFromTop 300ms ease-in-out;
    animation: moveFromTop 300ms ease-in-out;
}
.mcd-menu li:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
}
.mcd-menu li:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    -moz-animation: moveFromRight 300ms ease-in-out;
    -ms-animation: moveFromRight 300ms ease-in-out;
    -o-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out;
}

.mcd-menu li:hover > a {
  color: #e67e22;
}
.mcd-menu li a.active {
  position: relative;
  color: #e67e22;
  border:0;
  /*border-top: 4px solid #e67e22;
  border-bottom: 4px solid #e67e22;
  margin-top: -4px;*/
  box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  
  /* == */
  border-left: 4px solid #e67e22;
  border-right: 4px solid #e67e22;
  margin: 0 -4px;
  /* == */
}
.mcd-menu li a.active:before {
  content: "";
  position: absolute;
  /*top: 0;
  left: 45%;
  border-top: 5px solid #e67e22;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 42%;
  left: 0;
  border-left: 5px solid #e67e22;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  /* == */
}

/* == */
.mcd-menu li a.active:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  border-right: 5px solid #e67e22;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
/* == */

	
	
@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
	
	
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
	
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}



.mcd-menu li ul,
.mcd-menu li ul li ul {
  position: absolute;
  height: auto;
  min-width: 150px;
  padding: 0;
  margin: 0;
  background: #FFF;
  /*border-top: 4px solid #e67e22;*/
  opacity: 0;
  visibility: hidden;
	
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
	
  /*top: 130px;*/
  z-index: 1000;
  
  /* == */
  /*left:280px;*/ /* Ben kapattım */
  top: 0px;
  /* ben kapattım border-left: 4px solid #e67e22; */
	border-top: 4px solid #e67e22;
	list-style: none;
  /* == */
}
.mcd-menu li ul:before {
  content: "";
  position: absolute;
  /*top: -8px;
  left: 23%;
  border-bottom: 5px solid #e67e22;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 25px;
  left: -9px;
	/*
  border-right: 5px solid #e67e22;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  /* == */
}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  /*top: 100px;*/
	
	top:50px;
	
  
  /* == */
  /*left:250px;* Ben kapattım */
  /* == */
}
.mcd-menu li ul li {
  float: none;
}
.mcd-menu li ul li a {
  padding: 10px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #EEE;
  
  /* == */
  height: auto;
  /* == */
}
.mcd-menu li ul li a i {
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
}
.mcd-menu li ul li ul {
  left: 230px;
  top: 0;
  border: 0;
  border-left: 4px solid #e67e22;
}  
.mcd-menu li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  /*left: -14px;*/
  /* == */
  left: -9px;
  /* == */
  border-right: 5px solid #e67e22;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.mcd-menu li ul li:hover > ul {
  top: 0px;
  left: 150px;
}



/*.mcd-menu li.float {
  float: right;
}*/



@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .mcd-menu {
		margin-left:10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .mcd-menu {
		width: 200px;
	}
	.mcd-menu li a {
		height:30px;
	}
	.mcd-menu li a i {
		font-size: 22px;
	}
	.mcd-menu li a strong {
		font-size: 12px;
	}
	.mcd-menu li a small {
		font-size: 10px;
	}	
	.mcd-menu li a.search input {
		width: 120px;
		font-size: 12px;
	}
	.mcd-menu li a.search buton{
		padding: 8px 10px 9px 10px;
	}
	.mcd-menu li > ul {
		min-width:180px;
	}
	.mcd-menu li:hover > ul {
		min-width:180px;
		left:200px;
	}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
		min-width:150px;
	}
	.mcd-menu li ul li:hover > ul {
		left:180px;
		min-width:150px;
	}
	.mcd-menu li ul li ul li:hover > ul {
		left:150px;
		min-width:150px;
	}
	.mcd-menu li ul a {
		font-size:12px;
	}
	.mcd-menu li ul a i {
		font-size:14px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.mcd-menu { 
		width: 50px;
	}
	.mcd-menu li a { 
		position: relative;
		padding: 12px 16px;
		height:20px;
	}
	.mcd-menu li a small { 
		display: none;
	}
	.mcd-menu li a strong { 
		display: none;
	}
	.mcd-menu li a:hover strong,.mcd-menu li a.active strong {
		display:block;
		font-size:10px;
		padding:3px 0;
		position:absolute;
		bottom:0px;
		left:0;
		background:#e67e22;
		color:#FFF;
		min-width:100%;
		text-transform:lowercase;
		font-weight:normal;
		text-align:center;
	}
	.mcd-menu li .search { 
		display: none;
	}
	
	.mcd-menu li > ul {
		min-width:180px;
		left:70px;
	}
	.mcd-menu li:hover > ul {
		min-width:180px;
		left:50px;
	}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
		min-width:150px;
	}
	.mcd-menu li ul li:hover > ul {
		left:180px;
		min-width:150px;
	}
	.mcd-menu li ul li ul li > ul {
		left:35px;
		top: 45px;
		border:0;
		border-top:4px solid #e67e22;
	}
	.mcd-menu li ul li ul li > ul:before {
		left:30px;
		top: -9px;
		border:0;
		border-bottom:5px solid #e67e22;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
	}
	.mcd-menu li ul li ul li:hover > ul {
		left:30px;
		min-width:150px;
		top: 35px;
	}
	.mcd-menu li ul a {
		font-size:12px;
	}
	.mcd-menu li ul a i {
		font-size:14px;
	}
	
}

@media only screen and (max-width: 479px) {
    .mcd-menu { 
		width: 50px;
	}
	.mcd-menu li a { 
		position: relative;
		padding: 12px 16px;
		height:20px;
	}
	.mcd-menu li a small { 
		display: none;
	}
	.mcd-menu li a strong { 
		display: none;
	}
	.mcd-menu li a:hover strong,.mcd-menu li a.active strong {
		display:block;
		font-size:10px;
		padding:3px 0;
		position:absolute;
		bottom:0px;
		left:0;
		background:#e67e22;
		color:#FFF;
		min-width:100%;
		text-transform:lowercase;
		font-weight:normal;
		text-align:center;
	}
	.mcd-menu li .search { 
		display: none;
	}
	
	.mcd-menu li > ul {
		min-width:180px;
		left:70px;
	}
	.mcd-menu li:hover > ul {
		min-width:180px;
		left:50px;
	}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
		min-width:150px;
	}
	.mcd-menu li ul li:hover > ul {
		left:180px;
		min-width:150px;
	}
	.mcd-menu li ul li ul li > ul {
		left:35px;
		top: 45px;
		border:0;
		border-top:4px solid #e67e22;
	}
	.mcd-menu li ul li ul li > ul:before {
		left:30px;
		top: -9px;
		border:0;
		border-bottom:5px solid #e67e22;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
	}
	.mcd-menu li ul li ul li:hover > ul {
		left:30px;
		min-width:150px;
		top: 35px;
	}
	.mcd-menu li ul a {
		font-size:12px;
	}
	.mcd-menu li ul a i {
		font-size:14px;
	}
    
}