.left{
  float: left;
  width: 25%;
  margin-top: 2%;
  min-height: 700px;
}

.left h3{
  font-size: 20px;
  width: 60%;
  text-align: center;
  margin: 0 15%;
  padding:10px 0;
  border-bottom: 5px solid #f1f1f1;
  display: inline-block;
  font-weight: bold;
  margin-bottom: -3px;
  color:#ea105e;
}


.left ul{
width: 60%;
padding: 0 15%;
margin: 0;
}

.left ul li{
  font-size: 14px;
  font-weight: 500;
  color: #353748;
  padding: 15px 5%;
  cursor: pointer;
  transition: 0.3s all;
}

.left ul li:hover{
  color: #ea105e;
  transform: scale(1.1);
}





.right{
  float: left;
  width: 74%;
  margin-top: 2%;
  margin-bottom: 5%;
}

.right-top{
  width: 100%;
  height: 52px;
  border-bottom: 1px solid #e4e1e1;
}

.right-top-left{
  float: left;
  width: 30%;
  height: 100%;
}


.right-top-left h3{
  font-size: 20px;
  margin: 0;
  padding: 10px;
  margin-left: 5%;
  width: 85%;
  font-style: italic;
  color: #ea105e;
}

.mobile-categories{
  display: none;
}

.right-top-right{
  width: 100%;
  height: 100%;
}

.right-top-right ul{
  font-size: 15px;
  padding: 10px 5px;
  float: right;
}
.right-top-right ul li select{
  margin: 0;
  padding: 0;
  margin-top: -15px;
}

.right-top-right .show{
  width: 80px !important;
  margin-left: 10% !important;
}


.right-center:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}/*Kapsayamama Sorunu*/



/* ------------------------------------------------------ Item ------------------------------------------ */
.item{
  float: left;
  width: 30%;
  transition: 500ms all;
  padding: 15px 0;
  position: relative;
}

.item:not(:nth-child(3n - 2)){
  margin-left: 5%;
}

.item:hover{
  cursor: pointer;
  transform: scale(1.05);
}

.item:hover > .work > .item-bottom > .item-name h3 a{
  color:#000 !important;
}

.item:hover .work .item-image{
  box-shadow: 0 10px 15px 5px #ececec !important;
}

.item-image{
  max-width:100%;
  height:180px;
  justify-content: center;
  align-items: center;
  display: flex;
  transition: 0.5s all;
}

.item-image img{
  max-height: 100%;
  max-width: 100%;
  transition: 0.3s all;
}

.item-bottom{
  width: 100%;
  height: 125px;
  margin-top: 5%;
}

.item-name{
  text-align: center;
  color:#bbbbbb !important;
  font-size: 15px;
  width: 100%;
}

.item-name h3{
  margin: 0;
}

.item-name h3 a{
  text-align: center;
  font-weight: normal;
  color:#bbbbbb !important;
  font-size: 16px;
}

.item-price{
  width: 100%;
  height: 33%;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 1% 0;
}

.item-price h4{
  font-size: 17px;
  float: left;
  padding: 0;
  margin: 0;
  color: #000;
  margin-left: 5%;
}

.item-price h4:first-child{
  text-decoration:line-through !important;
  color: #9e9e9e !important;
}


.item-bottom button{
  position: absolute;
  bottom: 15px;
}
/* ------------------------------------------------------ Item ------------------------------------------ */







@media only screen and (max-device-width: 1279px) {

.left{
  display: none;
}

.right{
  width: 100%;
  margin-top: 15px;
}

.right-top{
  width: 100%;
  height: 52px;
  margin-top: 60px;
  padding: 10px 0;
  margin-bottom: 60px;
  border-bottom: none;
}

.right-top-left{
  float: none;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #e4e1e1;
}



.right-top-right{
  float: none;
  width: 100%;
  margin: 0;
  margin-top: 15px;
  height: 100%;
}


.right-top-right ul{
  float: right;
}

.right-top-right ul:first-child{
  margin-right: 25px;
}



.mobile-categories{
  width: 100%;
  height: 60px;
  display: block;
  overflow: scroll !important;
  -webkit-overflow-scrolling:touch; // mobile safari
}

.categories-wrapper{
  overflow: hidden;
  width: 1000px;
}


.mobile-categories ul li{
  display: inline-block;
  padding: 15px;
  color: #000;
}




.right-center{
  margin-top: 18%;
}


.item{
  width: 45%;
  margin-left: 3%;
  margin-bottom: 20px;
}

.item:not(:nth-child(3n - 2)){
  margin-left: 3%;
}

.item-name{
  height: 50px;
}

.item-bottom button{
  width: 100%;
  margin-left: 0;
}



}