/*
.col-md-2 { width:20%;}
.col-md-3 { width:25%;}
.col-md-4 { width:33.3%;}
.col-md-5 { width:40%;}
.col-md-6 { width:50%;}
.col-md-9 { width:75%;}
.col-md-12 { width:100%;}
*/
nav a { color: #FFF; }

 .toggle, [id^=drop] {
 display: none;
}

#site-navigation {
  display: block;
  
  height: 48px;
}
 
#site-navigation #main-menu,
#site-navigation > input {
  display: none;
}
 
#site-navigation > label {
  display: block;
  font-size: 36px;
  color: #fff;
  position: absolute;
  right: 20px;
  width: 36px;
  padding: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 
#site-navigation > input:checked + #main-menu {
  display: block;
  clear: both;

  position: relative;

  color: #fff;
}
 
#site-navigation ul li {
  display: block;
}
 
#site-navigation a {
  text-decoration: none;

}


nav {
  margin: 0;
  padding: 0;
  background-color: #333333;
  
}


nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  z-index: 99;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  /*display: inline-block;*/
  display:inline;
  float: left;
 /* background-color: #fa7509;*/
}

nav ul li a {
	text-transform: uppercase;
	border-top: 1px solid #333333;
	display: inline-block;
	padding: 15px 10px 10px 10px;
	color: #fff;
	line-height: 1.2em;
	text-align:center;
    word-wrap: break-word !important;
	height: 60px;
	width: 150px;
	zoom: 1;
	font-size: 14px;
    text-align: center !important;
    vertical-align: middle !important;
}

/*
nav ul li ul li {
	background: #fa7509;

}



nav ul li ul li a {

  text-transform: uppercase;
  width: 170px;
  display: inline-block;
  padding-top: 20px;
  color: #333333 ;
  background:#333333 ;
  font-size: 12px;
  text-align:left !important;
  vertical-align: middle !important;
  font-weight:400;
  text-decoration: none;
}
*/
nav ul li ul li a {
	width: 250px;
	text-align:left !important;
	background: #333333;
	color:#ffffff;
	height: 50px;
}
nav ul li ul li ul li a{
	background: #333333;
	color:#fff;
}



/* dikey çizgilerimiz */
nav > ul > li > a{
	border-left:1px solid #fff;
}
nav > ul > li:last-child > a{
    border-right:1px solid #fff;    
}
/* dikey çizgilerimiz end */


nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav ul ul li {
  width: 100%;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 100%;
}

 .scart2 { display: none; }
 .scart1 { display: block; }

nav ul li:hover > ul {  display: inherit; }


nav a:hover { background-color: #ffffff; color:#33ffff !important; }  

nav ul li:hover{ background: #474747 !important; color:#33ffff;} 

nav ul li a:hover {  text-align:center; vertical-align:middle;  background:#474747 !important; color:#ffffff !important; border: 1px solid #ffffff;	} 

nav ul li ul li a:hover { background: #33ffff; color:#ffffff;}

nav ul li ul li > a:after { text-align:center; vertical-align:middle; float:right; content: ' \00bb'; }
nav li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 992px) {
nav > ul > li > a {
    border:none;
}

nav > ul > li:last-child > a {
     border-right: none; 
}

nav ul li:hover {
    background: none; 
    color: #fff;
}

nav ul li a {
	width:100%;
	max-width:100%;
	word-wrap:none;
	text-align:left;
	 content:" \00bb";
}

nav ul li ul li a{ color:#eee; font-size:14px; background: #4b4036;}

nav { margin: 0; }
.baslik{
    color: #333333;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px !important;
	
}
.item_price {
	    font-size: 20px !important;
}

.toggle + a,
 .menu { display: none; }
 .header { display: none; } 
 .scart1 { display: none; }
 .scart2 { display: block; }
 
#aramasonuclari
{
width:330px;
}

 .badge-notify-mini {
    background: blue;
    position: relative;
    top: -55px;
    left: 30px;
 }
 /*
.toggle {
  display: block;
  background-color: #fa7509;
  padding: 0 20px;
  color: #eee;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
  border: 1px solid #eee;
}

.toggle:hover { background-color: #000000; color: #333333}
[id^=drop]:checked + ul { display: block; }
*/
nav ul li {
  display: block;
  width: 100%;
}



nav a:hover,
 nav ul ul ul a { background-color: #4b4036; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #4b4036; color:#fff; content:" \00bb"; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static; }


}


@media only screen and (min-device-width: 768px) {
  #site-navigation {
    height: auto;
  }
  #site-navigation #main-menu {
    display: block;
  }
  #site-navigation > label {
    display: none
  }
  #site-navigation ul li {
    /*display: inline-block;*/
  }
}

@media all and (max-width : 768px) {
nav > ul > li > a {
    border:none;
}

nav > ul > li:last-child > a {
     border-right: none; 
}

nav ul li:hover {
    background: none; 
    color: #fff;
}

nav ul li a {
	width:100%;
	max-width:100%;
	word-wrap:none;
	text-align:left;
	 content:" \00bb";
}

nav ul li ul li a{ color:#eee; font-size:14px; background: #4b4036; width:100%}

nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

 .header { display: none; }

.toggle{
  display: block;
  background-color: #333333;
  padding: 0 20px;
  color: #eee;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
  border: 1px solid #eee;
}

.toggle:hover { background-color: #333333; color: #ffffff;}

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}


 


nav a:hover,
 nav ul ul ul a { background-color: #4b4036; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #4b4036; color:#fff; content:" \00bb"; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static; }
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}





/* sepet button */
.sepet {
	padding-top:7%;
	width: -webkit-fill-available;
	margin-bottom: 10px;
	height:55px;
    color: #fa7509;
    background-color: transparent;
    background-image: none;
    border-color: #fa7509 !important;
	
	 text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	font-weight: 400;
    /*

	
	margin-left:20%;
	margin-bottom:15px;
	border: 1px solid transparent;
    display: inline-block;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	*/
}

/* bunu silme yoo */
.mbar
{
	text-align:center;
	vertical-align: middle;
	word-wrap: break-word;
    max-width: 120px;
}




.badge-notify{
   background:blue;
   position:relative;
  /* top: -20px;
   left: -35px;*/
}