@media screen and (max-width: 1024px) {
    .nomobile {
      visibility: hidden;
      display: none;
    }
    .mobilsepet{
      text-align: center;
    }
    .mobilmenu {
     background-color: black;
     opacity: 0.7;
    }
     .mmmobile  {
      left: 8%;
      right: 8%;
      background: #fff;
      color: #000;
      padding: 10px 5px;
      -webkit-box-shadow: 0 5px 10px #00000033;
              box-shadow: 0 5px 10px #00000033;
      -webkit-transition: .5s all;
      transition: .5s all;
    }
    }
    @media screen and (min-width: 1024px) {
      .hideme {
        opacity: 0;
      }
      .mmmobile  {
       left: 8%;
       right: 8%;
       background: #fff;
       color: #000;
       padding: 10px 5px;
       -webkit-box-shadow: 0 5px 10px #00000033;
               box-shadow: 0 5px 10px #00000033;
       -webkit-transition: .5s all;
       transition: .5s all;
     }
      .yesmobile {
        visibility: hidden;
        display: none;

      }
    }
    .video {
      z-index: 0;
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
 .video video {

  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;

  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
 .video .container {
  position: relative;

}
 .video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;

}
    #buttonaaa {
      display: inline-block;


      text-align: center;
      border-radius: 4px;
      position: fixed;
      bottom: 30px;
      right: 30px;
      transition: background-color .3s,
        opacity .5s, visibility .5s;
      opacity: 0;
      visibility: hidden;
      z-index: 1000;
    }
    #buttonaaa::after {
      content: "\f077";
      font-family: FontAwesome;
      font-weight: normal;
      font-style: normal;
      font-size: 2em;
      line-height: 50px;
      color: #fff;
    }
    #buttonaaa:hover {
      cursor: pointer;
      background-color: #333;
    }
    #buttonaaa:active {
      background-color: #555;
    }
    #buttonaaa.show {
      opacity: 1;
      visibility: visible;
    }
.cesitler{
background-color: #ECEFF1;
width: 100%;
font-family: 'Montserrat', sans-serif;

}
.hbaslik{
  font-family: 'Saira Stencil One', cursive;
  color:white;
}
.hakkimizda{
  background: url('../images/arka2.png') no-repeat center center fixed;
  -webkit-background-size: cover;
    background-color:rgba(255,248,220);
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;

}
.bilgiarka{
  background-color:rgba(0,0,0,0.9);
  border: 2px solid gold;
padding: 10px;
border-radius: 50px 20px;
}
.saatler{
  background-color: #ECEFF1;
  width: 100%;
  height: auto;
}
.saatlersol{
  background-color: rgba(0,0,0,0.8);
  width: 100%;
}

.syazi{
  color:White;
  font-size: 14px;
}
.gunler{
  color:#1b8bb4;
  font-family: 'Saira Stencil One', cursive;
  padding-top: 5px;
}
.saat{
  font-family: 'Saira Stencil One', cursive;
  color:White;
  font-size: 22px;
}
.sicon{
  color:#1b8bb4;
  font-size: 30px;
}
.sbaslik{
  font-family: 'Saira Stencil One', cursive;
  color:White;
}
#onlyJSyc{
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
border: none;
outline: none;
background: url(../images/up.png) no-repeat;
transition: all .5s ease-in-out;
cursor: pointer;
padding: 0px;
width: 40px;
height: 40px;
}
#onlyJSyc:hover{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.post-slide11{
    background: #fff;
    margin: 0 15px;
    box-shadow: 0 1px 2px rgba(43,59,93,0.30);
    margin-bottom:2em;
}
.post-slide11 .post-img{
    position:relative;
}
.post-slide11 .over-layer{
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity:0;
    cursor: pointer;
    transition: all 0.30s ease 0s;
}
.post-slide11:hover .over-layer{
    opacity:1;
}
.post-slide11 .over-layer:after{
    content: "+";
    font-size: 52px;
    color: #fff;
    position: absolute;
    top: 31%;
    left:42%;
}
.post-slide11 .post-img img{
    width: 100%;
    height: auto;
}
.post-slide11 .post-title{
    margin:25px 0 15px 0;
    padding:0 15px;
}
.post-slide11 .post-title:before{
    content:"";
    border:2px solid #e67e22;
    width:18%;
    display: block;
    margin-bottom:15px;
}
.post-slide11 .post-title a{
    font-size: 20px;
    font-weight:bold;
    color:#333;
    display: inline-block;
    text-transform:capitalize;
    transition: all 0.3s ease 0s;
}
.post-slide11 .post-title a:hover{
    text-decoration: none;
    color:#e67e22;
}
.post-slide11 .post-date{
    text-transform:capitalize;
    padding:0 15px;
    color:#E67E22;
    font-size:13px;
}
.post-slide11 .post-date:before{
    margin-right: 7px;
    color:#e67e22;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #e67e22;

}
.motif{
  width: 60%;
  height: 15vh;
}
.soltanitim{
  margin-bottom: 0px;
background:url(https://www.ozdileklokum.com.tr/images/urunacikbg.png); background-repeat:no-repeat; background-position:center center;

}
.tanitim{
  background-color: #231f20;
  color:White;

}
.tanitim1{
  background-color: white;
  color:black;

}
.tanitimyazi{
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
display: block;
letter-spacing: 0.5px;
line-height: 24px;
}
.tresim{
  width: 100%;
  height: 65vh;
}
.tmotif{
  width: 20%;
  height: 6vh;
}
.fbaslik{
  font-family: 'Saira Stencil One', cursive;
  color:White;
}

.haciklama{
    font-family: 'Open Sans', sans-serif;
}
hr.new2 {
  border-top: 1px dashed red;
}
.contact-form{
    font-family: 'Open Sans', sans-serif;
    background: #2F4F4F;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 70%;
    border-radius: 25px;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;

}
.contact-image img{
    border-radius: 6rem;
    width: 15%;
    margin-top: -3%;
    transform: rotate(0deg);
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: white;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}
.formbaslik{
    font-family: 'Saira Stencil One', cursive;
}
.iletisimarkapage{
    background: #F8F8FF;
}
.detayarkapage{
    background: #E6E6FA;
    font-family: 'Open Sans', sans-serif;
}
.isol{
    font-family: 'Open Sans', sans-serif;
}
.isol h1{
  font-size: 25px;
}
.product-grid6,.product-grid6 .product-image6{overflow:hidden}
.product-grid6{font-family:'Open Sans',sans-serif;text-align:center;position:relative;transition:all .5s ease 0s}
.product-grid6:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}
.product-grid6 .product-image6 a{display:block}
.product-grid6 .product-image6 img{width:100%; height:50vh; transition:all .5s ease 0s}
.product-grid6:hover .product-image6 img{transform:scale(1.1)}
.product-grid6 .product-content{padding:12px 12px 15px;transition:all .5s ease 0s}
.product-grid6:hover .product-content{opacity:0}
.product-grid6 .title{font-size:20px;font-weight:600;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.product-grid6 .title a{color:#000}
.product-grid6 .title a:hover{color:#2e86de}
.product-grid6 .price{font-size:18px;font-weight:600;color:#2e86de}
.product-grid6 .price span{color:#999;font-size:15px;font-weight:400;text-decoration:line-through;margin-left:7px;display:inline-block}
.product-grid6 .social{background-color:#fff;width:100%;padding:0;margin:0;list-style:none;opacity:0;transform:translateX(-50%);position:absolute;bottom:-50%;left:50%;z-index:1;transition:all .5s ease 0s}
.product-grid6:hover .social{opacity:1;bottom:10px}
.product-grid6 .social li{display:inline-block}
.product-grid6 .social li a{color:#909090;font-size:16px;line-height:45px;text-align:center;height:45px;width:45px;margin:0 7px;border:1px solid #909090;border-radius:50px;display:block;position:relative;transition:all .3s ease-in-out}
.product-grid6 .social li a:hover{color:#fff;background-color:#2e86de;width:80px}
.product-grid6 .social li a:after,.product-grid6 .social li a:before{content:attr(data-tip);color:#fff;background-color:#2e86de;font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;border-radius:5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid6 .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.product-grid6 .social li a:hover:after,.product-grid6 .social li a:hover:before{opacity:1}
@media only screen and (max-width:990px){.product-grid6{margin-bottom:30px}
}

.breadcrumb-list > li {
  font-size: 14px;
  list-style: none;
  display: inline;
}
.breadcrumb-list > li a:after {
  content: "/";
  vertical-align: middle;
  margin: 0 5px;
  color: #7a7a7a;
}
.action-wishlist:hover,
.action-wishlist:focus{
  color:#fff;
}
.add-to-cart.action-wishlist {
  width: 50px;
  text-align: center;
  padding: 0;
}
.add-to-cart.action-wishlist i {
  margin-right: 0px;
}
.product-add-to-cart .cart-title,
.product-add-to-cart .cart-title:hover,
.product-list-action .cart-title,
.product-list-action .cart-title:hover {
  background-color: transparent;
  border-bottom: none;
  color: inherit;
}
.product-add-to-cart .pro-add-btn i,
.product-list-action .pro-add-btn i {
  margin-right: 10px;
  font-size: 18px;
}
.add-to-cart {
  display: inline-block;
}
.action-wishlist:hover,
.action-wishlist:focus{
  color:#fff;
}
.add-to-cart.action-wishlist i {
  margin-right: 0px;
}
.product-add-to-cart {
  float: none;
}
.single-product-wishlist{
  display: inline-block;
  position: relative;
  margin-left: 20px;
}
.product-thumbnail .owl-nav  {display: none;}
.breadcrumb-area {
    padding: 30px 0;
    background-color: #f3f3f3;
}
.breadmome-name {
    color: #ff6a00;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 18px;
}
.breadcrumb-content > ul > li {
    display: inline-block;
    list-style: none;
    position: relative;
    font-size: 14px;
    color: #333;
}
.breadcrumb-content > ul > li.active{
    color: #ff6a00;
}
.breadcrumb-content > ul > li:after {
    content: "/";
    vertical-align: middle;
    margin: 0 5px;
    color: #7a7a7a;
}
.breadcrumb-content > ul > li:last-child:after{
    display: none;
}
.mt-80 { margin-top: 80px }.mb-80 { margin-bottom: 80px }
.single-product-name {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 900;
    color: #444;
    line-height: 24px;
    margin-bottom: 15px;
}
.single-product-reviews {
    margin-bottom: 10px;
}
.single-product-price {
    margin-top: 25px;
}
.single-product-action {
    margin-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    float: left;
    width: 100%;
}
.product-discount {
    display: inline-block;
    margin-bottom: 20px;
}
.product-discount span.price {
    font-size: 28px;
    font-weight: 900;
    line-height: 30px;
    display: inline-block;
    color: #008bff;
}
.product-info {
    color: #333;
    font-size: 14px;
    font-weight: 400;
}
.product-info p {
    line-height: 30px;
    font-size: 14px;
    color: #333;
    margin-top: 30px;
}
.product-add-to-cart span.control-label {
    display: block;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #232323;
    font-size: 14px;
}
.product-add-to-cart {
    overflow: hidden;
    margin: 20px 0px;
    float: left;
    width: 100%;
}
.cart-plus-minus-box {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    color: #3c3c3c;
    height: 49px;
    text-align: center;
    width: 50px;
    padding: 5px 10px;
}
.product-add-to-cart .cart-plus-minus {
    margin-right: 25px;
}
.cart-plus-minus {
    position: relative;
    width: 75px;
    float: left;
    padding-right: 25px;
}
.add-to-cart {
    background: #008bff;
    border: 0;
    border-bottom: 3px solid #0680e5;
    color: #fff;
    box-shadow: none;
    padding: 0 30px;
    border-radius: 3px;
    font-weight: 400;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    height: 50px;
    line-height: 50px;
}
.add-to-cart:hover {
    background: #ff6a00;
    border-color: #e96405;
}


.quantity {
    float: left;
    margin-right: 15px;
    background-color: #eee;
    position: relative;
    width: 80px;
    overflow: hidden
}

.quantity input {
    margin: 0;
    text-align: center;
    width: 15px;
    height: 15px;
    padding: 0;
    float: right;
    color: #000;
    font-size: 20px;
    border: 0;
    outline: 0;
    background-color: #F6F6F6
}

.quantity input.qty {
    position: relative;
    border: 0;
    width: 100%;
    height: 40px;
    padding: 10px 25px 10px 10px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    border-radius: 0;
    background-clip: padding-box
}

.quantity .minus, .quantity .plus {
    line-height: 0;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-background-size: 6px 30px;
    -moz-background-size: 6px 30px;
    color: #bbb;
    font-size: 20px;
    position: absolute;
    height: 50%;
    border: 0;
    right: 0;
    padding: 0;
    width: 25px;
    z-index: 3
}

.quantity .minus:hover, .quantity .plus:hover {
    background-color: #dad8da
}

.quantity .minus {
    bottom: 0
}
.shopping-cart {
    margin-top: 20px;
}
.sepet{
    font-family: 'Open Sans', sans-serif;
}
.sepetimg{
    background-size: cover;
    position:relative;
    background-position:center top;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.form-control-borderless {
    border: none;
}

.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
    border: none;
    outline: none;
    box-shadow: none;
}
.altkisim{
  position: relative;
  z-index: 2;
  top:-70px;
}
.btanitim{
    font-family: 'Tomorrow', sans-serif;
    background-color:#8c654d;
    color: white;
}
.baciklama{
  font-size: 12px;
}
.bcizgi{
  background: #f4af00;
  width: 100px;
  height: 1px;
  left: 0px;
}
.bicon{
    font-family: 'Tomorrow', sans-serif;

}
.bicon:hover{
    font-family: 'Tomorrow', sans-serif;
    color:gold;

}
.itanitim{
    font-family: 'Tomorrow', sans-serif;
    background-color: white;
    color: black;
}
.iaciklama{
  font-size: 13px;
  color:black;
}
.icizgi{
  background: #231f20;
  width: 100px;
  height: 1px;
  left: 0px;
}
.ucizgi{
  background: red;
  width: 100px;
  height: 1px;
  left: 0px;
}
.iicon{
    font-family: 'Tomorrow', sans-serif;

}
.iicon:hover{
    font-family: 'Tomorrow', sans-serif;
    color:gold;

}
.carousel-item {
  height: 100%;
  width: 100%;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.usliderbaslik{
    font-family: 'Tomorrow', sans-serif;
}
.iiki{
  background: url('../images/slider1.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
#ThumbnailCarousel img {

}

#ThumbnailCarousel div {
    height:65vh;
    width:100%;
}

#ThumbnailCarousel.carousel {
    padding-top:30px;
    text-align:center;
}

.asol .col-md-3 .img-thumbnail {
    height:100%;
}
.box button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.box a,
.box a:hover {

  text-decoration: none;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.box img {
  display: inline-block;
  max-width: 100%;
}

@media (min-width: 1200px) {
  .box .container {
    max-width: 1300px;
  }
}
.box{
    font-family: 'Tomorrow', sans-serif;
    background: url('../images/desen.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;

}
.heading{
    text-align: center;
    position: relative;
    font-size: 3.3rem;
    font-weight: bold;
    margin: 3rem 0;
    color:#8c654d;


}
.box figure {
  -webkit-transition: 1s all;
  transition: 1s all;
  position: relative;
}

.box figure img {
  height: 223px;
  -o-object-fit: cover;
   object-fit: cover;
  -webkit-transition: .3s all;
  transition: .3s all;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.box figure figcaption {
  position: absolute;
  bottom: -50px;
  left: 8%;
  right: 8%;
  background: #fff;
  color: #000;
  padding: 10px 5px;
  -webkit-box-shadow: 0 5px 10px #00000033;
          box-shadow: 0 5px 10px #00000033;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.box figure figcaption::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  height: 2px;
  background: #fc5546;
  content: '';
  width: 0;
  position: absolute;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.box figure figcaption h5 {
  font-size: 1.0rem;
  font-weight: bold;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.box figure figcaption h3 {
  font-size: 1.3rem;
  font-weight: 500;
}

.box figure:hover {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.box figure:hover h5 {
  color: #fc5546;
}

.box figure:hover img {
  -webkit-box-shadow: 0px 0px 6px #0000004f, -10px -10px 1px #f97955;
          box-shadow: 0px 0px 6px #0000004f, -10px -10px 1px #f97955;
}

.box2 figure:hover figcaption {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
  -webkit-box-shadow: 0 10px 10px #0000004f;
          box-shadow: 0 10px 10px #0000004f;
}

.box figure:hover figcaption::after {
  width: 100%;
}
.box h3 {
  font-size: 3rem;
  font-family: inherit;
  font-weight: bold;
  line-height: 4rem;
}

.box p {
  font-size: 2rem;
  font-family: "helveticaregular";
  color: rgba(255, 255, 255, 0.7);
}
.bolme{
  margin-top: 100px;
}
.homepage-reference-wrapper {
  background-color: whitesmoke;
}

.homepage-reference {
  text-align: center;
  padding: 60px 20px 0px;
  max-width: 490px;
  margin: 0 auto;
  min-height: 160px;
}

.reference-text {
  color: black;
  font-family: 'Tomorrow', sans-serif;
  font-size: 18px;
  font-weight: 100;
  line-height: 23px;
  margin: 0 0 22px;
}

.reference-author {
  color: #a0a0a0;
  font-family: 'Tomorrow', sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  position: relative;
  margin: 0;
}

.reference-counter-wrapper {
  display: flex;
  justify-content: center;
  padding: 20px 0 60px;
}

.reference-counter {
  width: 5px;
  height: 5px;
  margin: 0 5px;
  background-color: #e0e0e0;
  border-radius: 100%;
  &:hover {
    cursor: pointer;
  }
}

.reference-counter.active {
  background-color: #202746;
}

.urunmenu  a {
    text-decoration: none;
    color: #fff;
}
.urunmenu nav {
    height: auto;
    max-width: 1280px;
    margin: 0 auto;
    font-size: 1rem;
    position: relative;
    font-family: 'Tomorrow', sans-serif;
}
.urunmenu nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.urunmenu nav ul li {
    flex: auto;
    min-width: 20%;
    margin: 0.5rem;
    padding: 0 1.5rem;
    position: relative;
    color: #fff;
    border-radius: 0.5rem;
    background: linear-gradient(45deg, #DAA520, #D2691E);
    box-shadow: 0px 4px 10px rgba(19, 127, 212, 0.5);
    transition: all 0.3s ease;
}
.urunmenu nav ul li.submenu:after {
    content: "+";
    font-size: 1.5rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: .5rem;
    color: #fff;
  transition:  0.6s ease-out;
}
.urunmenu nav ul li.submenu:hover:after {
  content: "\2014";
  transform: rotateY(180deg);
}
.urunmenu nav ul li:hover {
    background: linear-gradient(45deg, #D2691E, #DAA520);
    box-shadow: 0px 4px 10px rgba(19, 127, 212, 0.75);
}
.urunmenu nav ul li a {
    padding: 1rem;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.urunmenu nav ul li a .icon {
    color: #fff;
    display: block;
    position: absolute;
    vertical-align: baseline;
    left: 1rem;
    top: 1rem;
    transition: all 0.3s ease;
}
.urunmenu nav ul li:hover a .icon {
    transform: scale(1.4);
}
.urunmenu nav ul li>ul {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    display: none;
    margin: 0;
    padding: 0;
}
.urunmenu nav ul li>ul>li {
    margin: 0.5rem 0;
    padding: 0;
    width: 100%;
    color: #333333;
    background: linear-gradient(45deg, #fafafa, #ffffff);
    box-shadow: 0px 4px 10px rgba(63, 65, 67, 0.6);
}
.urunmenu nav ul li>ul>li:hover {
    transform: scale(1.1);
    background: linear-gradient(45deg, #ffffff, #fafafa);
    box-shadow: 0px 4px 15px rgba(63, 65, 67, 0.6);
}
.urunmenu nav ul li>ul>li a {
    color: #333333;
}
.urunmenu nav a#drop {
    display: none;
    font-size: 1.2rem;
    color: #fff;
    letter-spacing: 0.1rem;
    line-height: 3.8rem;
    padding: 0 3rem;
    background: linear-gradient(45deg, #D2691E, #DAA520);
    box-shadow: 0px 4px 10px rgba(19, 127, 212, 0.5);
    transition: all 0.3s ease;
}
.urunmenu nav a#drop i {
    float: right;
    line-height: 3.8rem;
}
/* -------------------------------------------------------- */

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

@media screen and (max-width: 850px) {
  .urunmenu nav {
        height: auto;
        width: 100%;
        position: static;
    }
  .urunmenu nav ul {
        margin: 0;
        padding: 0.5rem;
        display: none;
    }
    .urunmenu nav ul li {
        display: block;
        background-color: transparent;
    }
    .urunmenu nav ul li>ul {
        position: static;
        padding-top: 0;
        padding-bottom: 1rem;
    }
    .urunmenu nav ul li>ul>li {
        font-size: 1rem;
        padding-left: 1rem;
        text-align: center;
    }
    .urunmenu nav ul li>ul>li:last-child {
        margin-bottom: 1rem;
    }
    .urunmenu nav ul li>ul>li a {
        padding-left: 0;
    }
      .urunmenu nav a#drop {
        display: block;
    }
}