.hero-container .logo {
    width:120px;
}

p:has(iframe.note-video-clip) {
    position:relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
.note-video-clip {
    position:absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.course-tab-1 .tab-btn .icon, .course-tab-1 .nav-link .icon, .course-tab-1 .filter-btn .icon {background:transparent !important}
.course-sort-bar p {margin:0}

.form-error-icon {
    display:none !important
}

.course-tab-1 .tab-btn .text {
    font-size:.9em;
}

.main-menu ul.sub-menu {
    padding:7px !important
}
.main-menu ul.sub-menu li ul.sub-menu {
  max-width: 300px;
  margin-left:0 !important
}

.hero-style6 .categoryList ul {
  padding: 0;
  color: #fff;
  list-style: none;
}

.hero-style6 .categoryList a,
.hero-style6 .categoryList b {
  color: #fff;
}

.accordion {
  width: 100%;
  /*min-height: 600px;*/
  overflow: hidden;
}

.accordion ul {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li.hero-li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  transition: all 500ms ease;
  box-shadow: -50px 0px 50px 1px #eee;
}

.accordion ul li div.hero-container {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  align-items: end;
  padding: 0 10px;
  height: 100%;
}

.accordion ul li div.left {
  display: flex;
  flex-direction: column;
  align-items: start;
  flex-basis: 50%;
  justify-content: end;
  height: 100%;
}

.accordion ul li div.right {
  flex-basis: 50%;
  align-self:center;
}

.accordion ul li div.right ul {
  display: flex;
  flex-direction: column;
}

.accordion ul li div.right .categoryList {
  padding: 1em;
  background-color: #0021b1;
  color: #FFF
}

.accordion ul li div.right .categoryList a {
    color:#FFF;
}

.accordion ul li div.right .categoryList a:hover {
    text-decoration:underline;
}

.accordion ul li div.right .categoryList ol {
  padding: 0;
}

.accordion ul li div.right .categoryList ol li {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-left: 1.3em;
}

.accordion ul li div.right .categoryList li:before {
  content: "\f013";
  position: absolute;
  left: 0;
  font-family: var(--icon-font);
  width: 11px;
  height: 11px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1;
  color: #fff;
  font-weight: 700;
}

.accordion ul li div.hero-container .showAtHover {
  opacity: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  max-width: 50%;
}

.accordion ul:hover li:hover .showAtHover {
  opacity: 1;
  /*-webkit-transform: translateX(0);
    transform: translateX(0);*/
}

.accordion ul:hover li {
  width: 8%;
}

.accordion ul:hover li:hover {
  width: 60%;
}

.gallery-wrapper {
    display:flex;
    flex-wrap: wrap;
    gap: 1em;
}

.gallery-wrapper a {
    display:inline-block;
    max-width: 40%;
    margin:0;
    padding:0
}

.gallery-wrapper a::before {
    content:'';
    font-size:1px;
}

.gallery-wrapper img {
    max-width:100%;
}

/* ÜRÜN DETAY SAYFASI */
.productImageWrapper {
    display:grid;grid-template-columns: repeat(2, auto) 1fr;grid-template-rows: repeat(2, auto) 1fr;gap:1em
}

.product-about {
    order:2;grid-area: 1 / 2 / 2 / 3;
}
.product-about-2 {
    order:3;grid-area: 2 / 2 / 3 / 3;
}

.product-thumb-area {
    order:1;grid-area: 1 / 1 / 4 / 2;
}

.product-thumb-list {
    order:4; grid-area: 3 / 2 / 4 / 3;
}

.product-thumb-area .product-thumb-tab::-webkit-scrollbar {
    display:none;
}

.product-thumb-tab {
    width:100%;display:flex;gap:1em;margin-top:2em;flex-wrap:wrap
}

.product-thumb-tab .tab-btn {
  height: 150px;
  width: 150px;
  background-color: #ddd;
  border-radius: 10px;
  padding: 15px 13px 13px 13px;
  cursor: pointer;
}

.product-thumb-tab .tab-btn:not(:last-of-type) {
  margin-bottom: 24px;
}

.product-thumb-tab .indicator {
  position: absolute;
  top: var(--pos-y);
  left: var(--pos-x);
  width: var(--width-set);
  height: var(--height-set);
  border: 2px solid var(--theme-color);
  border-radius: 10px;
  pointer-events: none;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.product-big-img {
  background-color: #ddd;
  text-align: center;
  padding: 33px;
  border-radius: 20px;
  margin-left:0;
}

.product-big-img .img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

input[type="checkbox"] ~ label::before {
    top:4.5px
}

input[type="checkbox"] ~ label {
    line-height: 1.2em;
    margin-bottom:0;
    padding-top:4.5px;
    padding-left:24px;
}

.widget_categories .sub-cat {
    margin-left:7px;
}

.widget_categories.style2 li {
    margin-top:0;
}

.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative;

}
.tree li.mainCategory {
    padding:0
}
.tree li div {
    display:flex;
    padding-top:7px;
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

.header-layout4 .category-menu-wrap {
    display:flex;
}

iframe[width] {
    width: revert-layer;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .th-product.list-view .product-img {
    max-width: 150px;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .summary-content,
  .product-about {
    padding-left: 0;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .th-sort-bar select {
    min-width: auto;
  }
  .product-big-img {
    padding: 130px 8px 8px 8px;
  }
  .summary-content .actions,
  .product-about .actions {
    gap: 16px;
  }
  .product-tab-style1 {
    margin: 55px 0 40px 0;
  }
}

/* Medium devices */
@media (max-width: 991px) {
    .product-big-img {
    margin-bottom:0;
    padding: 8px;
  }
  .th-product.list-view .product-img {
    max-width: 180px;
  }
  .th-sort-bar {
    padding: 15px;
  }
  .th-sort-bar .row {
    --bs-gutter-x: 20px;
  }
  .th-sort-bar .nav a:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  .th-sort-bar .nav a:last-child:before {
    display: none;
  }
  .woosq-product > .product .thumbnails {
    max-height: 400px;
    min-height: 200px;
    padding: 10px;
  }
}

/* Small devices */
@media (max-width: 767px) {
    table {max-width:100%}
  .th-sort-bar {
    text-align: center;
  }
  .th-sort-bar .nav {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .th-sort-bar select {
    margin: 0 auto;
  }
  .product-thumb-tab {
    margin-top:0
  }
  .product-thumb-tab .tab-btn {
    height: 75px;
    width: 75px;
    padding: 10px 6px 6px 6px;
  }
  .product-thumb-tab .tab-btn:not(:last-of-type) {
    margin-bottom: 15px;
  }
  .product-big-img {
    padding: 8px;
    border-radius: 10px;
  }
  .th-product.list-view .product-img {
    max-width: 130px;
  }

  .product-about {
    order:0;
    text-align:center;
  }

  .product-about-2 {
    text-align:center;
  }
  .product-about-2 p {
    margin:0
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .th-product {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .product_style1 {
    max-width: 287px;
  }
  .product-about .actions {
    gap: 15px 15px;
  }
  .th-product.list-view {
    max-width: 100%;
  }
  .th-product.list-view .product-img {
    max-width: 140px;
  }
  .th-product.list-view .product-text {
    display: none;
  }
  .th-product.list-view .star-rating {
    position: relative;
    top: unset;
    right: unset;
    margin-bottom: 15px;
  }
  .th-product.list-view .actions {
    position: relative;
    right: unset;
    bottom: unset;
    text-align: left;
  }

  .slick-dots button {
    width:15px; height:15px
  }
}

@media (max-width: 450px) {
    .productImageWrapper {
        display:flex;
        flex-direction: column;
    }
    .product-thumb-tab {
        max-height:334px !important;
    }
  .product-thumb-tab .tab-btn {
    height: 60px;
    width: 60px;
    padding: 3px;
    border-radius: 5px;
  }
  .product-thumb-tab .tab-btn:not(:last-of-type) {
    margin-bottom: 8px;
  }
  .product-thumb-tab .indicator {
    border-radius: 5px;
    border: 1px solid var(--theme-color);
  }
  .product-big-img {
    padding: 8px;
    border-radius: 10px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .product-big-img {
    padding: 70px 8px 8px 8px;
  }
}

@media (max-width: 370px) {
  .th-product.list-view {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .th-product.list-view .product-img {
    max-width: 100%;
    width: 100%;
    min-height: 180px;
  }
}
@media screen and (max-width: 600px) {
    .header-layout4 .category-menu-wrap {
        display:none;
    }
  .accordion {
    height: auto;
  }

  .accordion ul li,
  .accordion ul li:hover,
  .accordion ul:hover li,
  .accordion ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: none;
    transition: none;
  }
}