@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --main-color: #42A9C5;
  --dark-bg: #0A0F23;
  --text-light: #ffffff;
  --yellow-bg : #EDAF00;
  --font-main: "Hanken Grotesk", sans-serif;
}


body{ font-family:var(--font-main); color: #232222; }
h1,h2,h3,h4,h5,h6{ font-weight: 800;}

.btn_yellow{ background: var(--yellow-bg); font-weight: 600; font-size: 18px; text-transform: capitalize; color: #fff; border-radius: 50px; padding: 9px 40px; }
.btn_yellow:hover{ background:var(--main-color); color:#fff; }
.header {	background: #0A0F23;	padding: 20px 0; color: #E9E9E9; }
.header .header-icons {	display: flex;	gap: 13px;	font-size: 18px; }
.header .header-icons a{ color: #E9E9E9; }


.logo_footer { padding-top: 37px; }
.right_logo {	background: #42A9C5;	border-radius: 0 0 20px 20px;	padding: 45px 20px;	display: flex;	justify-content: center; gap: 100px; }
.right_logo .loops_sf {	display: flex;	gap: 10px;	align-items: center;	position: relative; }
.right_logo .loops_sf .icone i {	color: #fff;	font-size: 42px; }
.right_logo .loops_sf::after {	position: absolute;	right: 0;	content: "";	background: #fff;	width: 2px;	height: 90%; }
.right_logo .loops_sf:last-child:after { display: none;}
.right_logo .loops_sf .icone_info, .right_logo .loops_sf .icone_info a { color: #fff; text-decoration: none;	font-weight: 600; }
.right_logo .loops_sf .icone_info span {	width: 100%; float: left;	font-weight: 500;	font-size: 14px; }









footer { background: #0A0F23; color: #d1d5db; font-size: 15px; color: #D9D9D9; line-height: 26px; float: left; width: 100%; }
.footer-top { background-color: #46a8c7; padding: 25px 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.footer-logo img { height: 60px; }
.footer-section { padding: 50px 0 50px; }
.footer_widget.first { padding-right: 110px; }
.footer-section h5 { margin-bottom: 10px; font-size: 20px; font-weight: 700; border-bottom: 1px solid; display: inline-block; }
.footer-section a { text-decoration: none; color: #b0b8c1; }
.footer-section a:hover { color: #46a8c7; }
.social-icons a { display: inline-block; font-size: 22px; margin-right: 15px; transition: 0.3s; color: #fff; }
.social-icons a:hover { color: #46a8c7; }
.newsletter input { background: none; width: 100%; padding: 10px; border: none; border-bottom: 2px solid #F0F2F7; border-radius: 0; color: #fff; }
.newsletter input::placeholder{ color: #838383; opacity: 1; font-size: 14px; font-weight: 700; }
.newsletter button { background-color: #f3b100; border: none; font-weight: 600; border-radius: 30px;	margin-top: 20px;	transition: 0.3s;	width: 158px; height: 40px;	padding: 0;	color: #fff;	font-size: 18px; }
.newsletter button:hover { background-color: var(--main-color); }
.footer-bottom { background-color: #46a8c7; text-align: center; padding: 15px; font-size: 16px; color: #fff; font-weight: 700; }
.footer-bottom a{ color: #fff; text-decoration: none; }
.footer-bottom a:hover {
    color: #f3b100;
}


.main_slider { position: relative; overflow: hidden; }
.main_slider .slider_loop  img,.main_slider .slider_loop  video{ width: 100%; height: 560px !important; object-fit: cover; }
.main_slider .slider-controls { position: absolute;	bottom: 0; left: 50%; transform: translateX(-50%); }
.main_slider .slider-controls .btn { border-radius: 0; border: 1px solid #E4E4E4;	background: #F5F5F5; width: 60px; height: 60px; }
.main_slider .slider-controls .btn.prev-btn { background: #3C4154; border-color: #3C4154;	color: #fff; }
.main_slider .slider-controls .btn img { width: auto;	height: 560px; }
.main_slider .slider-controls .btn.prev-btn img { rotate: 180deg; filter: brightness(0) invert(1); }
.main_slider .slider-controls .btn img { width: auto; height: auto; }


.cat_slider{  padding: 70px 0 80px 0px; float: left; width: 100%; }
.title_head {	text-align: center; }
.title_head h2 { font-size: 30px;	margin: 0 0 50px 0; }
.title_head h2 span {	color: var(--main-color); }

.cat_loop .inner a { text-align: center; text-decoration: none; }
.cat_loop .inner a img { width: 150px; height: 150px; object-fit: cover;	border-radius: 100px;	box-shadow: 0px 1px 4px 0px #E2E2E2;	background: #fff; margin: 0px auto; }
.cat_loop .inner a .content {	margin-top: 17px; }
.cat_loop .inner a .content h2{ color: #232222; font-weight: 500; font-size: 20px; margin: 0; }
.cat_loop .inner a .content span{ font-weight: 500; color: #727272; }
.cat_slider .slick-arrow { z-index: 11;	width: 60px; height: 60px; border: 1px solid #E4E4E4; }
.cat_slider .slick-arrow::before{ display: none;}

body .cat_slider .slick-arrow:hover, body .trend_wrapper .slick-arrow:hover{ background-color:#3C4154 !important; border-color:#3C4154 !important; }


.trend_wrapper { background: #F5F5F5; padding: 30px 0 50px 0; margin-bottom: 70px; float: left; width: 100%; }
.trend_wrapper .row{ display: flex; align-items: center; }
.week_side { padding-right: 120px; }
.week_side h2 { font-size: 30px; margin-bottom: 20px; }
.week_side h2 span { color: var(--main-color); }
.week_side p{ line-height: 26px; margin-bottom: 30px; font-weight: 300; }
.week_side a{ color: var(--main-color); font-weight: 700; font-size: 18px;}
.week_side a:hover{ color:var(--yellow-bg); }

.slider_trend .inner { float: left;	width: 100%; text-align: center; padding: 0 10px; position: relative;}
.slider_trend .inner img { width: 100%; height: 300px; box-shadow: 0px 1px 4px 0px #C2C2C2; border-radius: 20px; object-fit:scale-down;}
.slider_trend .inner .content {	float: left; width: 100%; margin-top: 20px; }

.slider_trend .inner .content h3 { font-weight: 300; font-size: 16px;	margin: 0; }
.slider_trend .inner a { color: #232222;}
.slider_trend .inner .content span { font-size: 14px;	font-weight: 700;	color: #42A9C5; }


.slider_trend .slick-arrow {
	z-index: 11;
	background:#F5F5F5 url(../images/arrow-right) no-repeat !important;
	width: 60px;
	height: 60px;
	border: 1px solid #E4E4E4;
}

.slider_trend .slick-arrow:before{ display: none;}


.about_warpper {
	float: left;
	width: 100%;
}
.wrappers {	position: relative; }
.wrappers img {	width: 100%; }
.wrappers .content { width: 605px; position: absolute; bottom: 0; right: 0; background: #FFFFFFED;	padding: 50px 40px; }
.wrappers .content h2 {	font-size: 30px; font-weight: 800; color: var(--main-color); }
.wrappers .content p { font-weight: 300; line-height: 30px; margin-bottom: 30px; }
.wrappers .content a{ font-size: 18px; font-weight: 700; text-decoration: underline; color: var(--main-color); }
.wrappers .content a:hover{ color:var(--yellow-bg); }



.testimonials-section{padding:60px 0; text-align:center; float: left; width: 100%;}
.testimonials-section h2{font-weight:700; color:var(--main-color); margin-bottom:50px}
.testimonial-card .test_inner{background:#fff; border-radius:15px; padding:25px; border:1px solid #D5D5D5; text-align:left; position:relative;height:220px;margin:0 70px 0 0;}
.testimonial-card img{position:absolute;right:25px;top:25px;}
.testimonial-card .stars{color:#FEC610; margin-bottom:10px}
.testimonial-card h5{font-weight:600; margin-bottom:10px; font-size:16px}
.testimonial-card p{color:#232222; font-size:15px; line-height:1.6; display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; margin-top: 20px;}

    /* Slick dots */
.testimonials-section .slick-dots{ justify-content: center; display: flex !important; bottom: -50px !important;}
.testimonials-section .slick-dots li { display: flex !important; align-items: center;	justify-content: center; }
.testimonials-section .slick-dots li button { background: #E4E4E4 !important; width: 12px !important; height: 12px !important;	border-radius: 50px !important; }
.testimonials-section .slick-dots li.slick-active button{ background: transparent !important;}
.testimonials-section .slick-dots li.slick-active button::before { display: block !important;	opacity: 1 !important; background: #fff;	border: 1px solid #EDAF00;	border-radius: 100px;	color: #EDAF00 !important; font-size: 13px !important; }
.testimonials-section .slick-dots li button:before { display: none; }
.testimonials-section .slick-dots li.slick-active button:before { color: #f7b500; opacity: 1; }
.testimonials-section .slick-dots { margin-top: 20px; }




.page_title { background: #171C2E;	border-top: 1px solid #D9D9D9;	position: relative;	float: left; width: 100%; padding: 50px 0; }

.page_title .head_nav h2{ margin: 0px; font-size: 50px; color: var(--main-color); text-align: center; }
.page_title .head_nav ul { padding: 0; margin: 0; display: flex; list-style: none; justify-content: center; }
.page_title .head_nav ul li{ padding-right: 20px; margin-right: 20px; }
.page_title .head_nav ul li:last-child{ padding-right: 0; margin-right: 0;}
.page_title .head_nav ul li,.page_title .head_nav ul li a{ color:#F0F2F7; text-decoration: none; font-weight: 300; position: relative; }
.page_title .head_nav ul li:after{ position: absolute; content: "/"; right: 0;}
.page_title .head_nav ul li:last-child:after{ display: none; }


.cat_slider.cat_prd { border-bottom: 1px solid #DCDCDC; padding-bottom: 40px; margin-bottom: 70px; }

.row.slider_trend .loop_slides { margin-bottom: 30px; float: left; position: relative;  }

.quick_view { position: absolute;	top: 220px;	right: 25px; z-index: 1; opacity:0; transition: 0.3s ease; }
.slider_trend .inner:hover .quick_view{ opacity:1; }
.quick_view ul{ list-style: none; padding: 0; margin: 0;}
.quick_view ul li { margin-bottom: 5px; position: relative; }

.quick_view ul li a {
	width: 20px !important;
	display: block;
	height: 20px !important;
	font-size: 12px;
	text-align: center;
	background: #fff;
	border: 1px solid #E4E4E4;
	border-radius: 0;
	color: #939393 !important;
	padding: 2px 0 0 0; display: flex; align-items: center; justify-content: center;
}

.quick_view ul li .hover_as {
	position: absolute;
	width: 88px;
	left: 0;
	transform: translateX(-100%);
	background: #22273B;
	color: #fff;
	font-size: 12px;
	top: 0px;
	opacity: 0; height:20px;
}
.quick_view ul li:hover .hover_as { opacity: 1;}
.quick_view ul li:hover a{ background: #22273B; border-color: #22273B; color: #fff !important; }


.quick_view ul li img {
    height: auto !important;
    box-shadow: none !important;
    width: 12px !important; border-radius: 0 !important;
}

.cat_loadmore{ margin-bottom: 80px; }
.cat_loadmore .btn.btn_yellow {	width: auto; margin: 0px auto; }



.filter-sidebar { padding: 0 20px 0 0; border-radius: 10px;	float: left; width: 100%; }
.search-box { position: relative; margin-bottom: 20px; }
.search-box input { width: 100%; border: none; border-bottom: 1px solid #DCDCDC; padding: 8px 30px 8px 0; outline: none; font-size: 14px; }
.search-box i { position: absolute; right: 0; top: 8px; font-size: 16px; color: #626571; }
.filter-sidebar h5 { font-size: 24px; color: var(--main-color); font-weight: 600; margin-top: 25px; margin-bottom: 15px; }
.filter-item { display: flex; align-items: center; font-size: 14px; margin-bottom: 10px; }
.filter-item input { margin-right: 20px; accent-color: var(--main-color); width: 16px; height: 16px;
    border: 1px solid #232222; }
.range-slider input[type="range"] { width: 100%; accent-color: var(--yellow-bg); height: 4px; }
.price-text { font-size: 13px; margin-top: 5px; }



.slider-labels {  margin-top: 10px; }
.noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s,top .3s;
  transition: left 0.3s,top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,.noUi-handle {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
	width: 14px;
	height: 14px;
	border-radius: 0;
	left: -7px;
	top: -5px;
	background-color: var(--yellow-bg);
}

/* Styling;
 */
.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: var(--yellow-bg);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}



/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #345DBB;
  border: 8px solid rgba(53,93,187,0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect,[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin,[disabled] .noUi-handle {
  cursor: not-allowed;
}


.row.filters_top { color: #626571; 	margin-bottom: 38px; font-size: 14px; font-weight: 300; }
.row.filters_top .col-md-12 { justify-content: space-between; display: flex; }
.filters_top .right select { border: none; border-bottom: 1px solid #DCDCDC; background: transparent; padding: 5px 8px; color: #626571; }


.trend_wrapper.porduct_details { background: transparent; padding-bottom: 0; padding-top: 90px; }
.trend_wrapper.porduct_details .week_side {	text-align: center;	margin-bottom: 43px !important;	padding: 0; }
.trend_wrapper.porduct_details .week_side h2 { color: var(--yellow-bg); }
.trend_wrapper.porduct_details .week_side h2 span { color: #232222; }


.gallery_slider img { width: 100%; border-radius: 20px; }
.gallery_slider .slider-for img {
	height: 611px;
	object-fit: scale-down;
	border: 1px solid #8080801f;
	background: #8080801f;
}
.gallery_slider .slider.slider-nav{ margin-top: 20px; }
.gallery_slider .slider.slider-nav img { width: 140px; height: 140px; border-radius: 10px;  margin: 0px auto; object-fit: scale-down;
	border: 1px solid #8080801f;
	background: #8080801f; }


.product_detal_galler {	float: left; width: 100%; margin-top: 70px; }
.breadchrum{ margin-bottom: 45px; }
.breadchrum ul { padding: 0; margin: 0;	display: flex; list-style: none; }
.breadchrum ul li, .breadchrum ul li a { color: #737373; text-decoration: none; font-weight: 300; position: relative; margin-right: 10px; padding-right: 10px; }
.breadchrum ul li a{ padding: 0; margin: 0;}
.breadchrum ul li::after { position: absolute; content: "/"; right: 0; }
.breadchrum ul li:last-child:after{ display: none;}


.porduct_detail { float: left; width: 100%;	border-top: 1px solid #dcdcdc42;	padding: 40px 40px 0 40px; }
.porduct_detail h2 { margin: 0; font-weight: 300; font-size: 18px; }
.porduct_detail ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.porduct_detail ul li {
    border: 1px solid #D9D9D9;
    padding: 15px 20px;
    margin-bottom: 10px;
    width: calc(50% - 15px);
}
.porduct_detail ul li h2 { font-size: 14px; margin-bottom: 10px; text-transform:uppercase; }
.porduct_detail ul li span { font-weight: 300; }


.pord_decripation { float: left; width: 100%; padding: 0 40px 60px; }
.pord_decripation h2 { font-size: 30px; font-weight: 700; margin: 0 0 10px 0; }
.pord_decripation span { color: #73E1FF; font-weight: 500; margin-bottom: 10px; }
.pord_decripation p { margin: 30px 0 30px 0; line-height: 30px; font-weight: 300; }

.price_tag h2{ font-weight: 700; font-size: 30px; margin: 0; color: var(--yellow-bg); margin: 0;}
.price_tag span{ font-weight: 300; color: #232222; margin: 0; }


.product-buttons { display: flex; justify-content: space-between; margin-top: 60px; align-items: center; }
.product-buttons .btn.btn_yellow { background: #42A9C5; padding: 14px 80px; color: #fff; }
.product-buttons .btn.btn_yellow:hover{ background:#f3b100; }
.qty-container .btn-light {	background: #E9E9E9; border: none;	width: 40px; height: 40px;	border-radius: 50px; color: #0A0F23; }
.qty-container .input-qty {	padding: 0;	text-align: center;	width: 40px; border: none; color: #42A9C5; }
.product-buttons .btn.wishlist { padding: 0; color: #232222; }

#product-list .loop_slides .inner { padding: 0; }
#product-list.slider_trend .loop_slides{ margin:0; width:100%; }

#quickViewModal .slider.slider-nav .image-wrapper2 img { width: 120px; height: 120px; }
#quickViewModal .product-buttons .btn.btn_yellow { padding: 14px 40px; }


.header-icons .dropdown li .dropdown-item { justify-content: left; }
.header-icons .dropdown-menu.dropdown-menu-end { background: #0a0f23; box-shadow: none; }
.header-icons .dropdown li,.header-icons .dropdown li a { font-size: 16px; color: #fff; text-transform: capitalize; }
.header-icons .dropdown li a:hover,.header-icons .dropdown li button:hover{ background:#fec610 !important; color:#fff !important; }

.menu-container .menu-list { background: #0a0f23; border-color: #0a0f23; }
.menu-container .menu-list ul li a{ color:#fff; }
.menu-container .menu-list ul li a:hover{ background:#fec610; color:#fff; }
.menu-container .menu-header { position: absolute; left: 6px; top: -40px; background: #fff; padding: 4px; }


.btn.wishlist-btn.active { border: none; padding: 0;  color: #232222; }
.product_detal_galler .product-buttons .btn.btn_yellow { padding: 11px 48px  }

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.table.cart-table td .d-flex.align-items-center {
  gap: 10px;
}
.product-img {
  width: 70px !important;
  height: 60px !important;
}
.product-img.me-2 .loaded {
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px;
}

#cart-total-wrapper .form-check-input[type="checkbox"] {
  width: 12px;
  height: 12px;
  border: 1px solid #626571;
  border-radius: 0px;
  margin-top: 7px;
}
#cart-includeAssembling {
  color: #737373;
  font-weight: 500;
}



.qty-control.button.input-group.input-group-sm.rounded-pill.border.d-inline-flex.align-items-center.quantity-wrapper {
  padding: 2px;
  border-radius: 100px !important;
  height: 27px;
  gap: 0;
  flex-wrap: inherit;
}
.qty-control.button.input-group.input-group-sm.rounded-pill.border.d-inline-flex.align-items-center.quantity-wrapper input.form-control {
    height: 21px;
    padding: 0 !important;
}
.qty-control.button.input-group.input-group-sm.rounded-pill.border.d-inline-flex.align-items-center.quantity-wrapper .btn.btn-light {
  width: 20px;
  height: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin: 0;
}

.coupon-code.input-group.mt-4 {
  border: 1px solid #D9D9D9;
  border-radius: 50px;
}
.coupon-code.input-group.mt-4 #couponCode {
  border-top: none;
  border-bottom: none;
  border-left: none;
}
.coupon-code.input-group.mt-4 #applyCouponBtn {

  border: none;
}



.cart-footer.border-top.p-3.bg-white .d-flex.justify-content-between.align-items-center.mb-3 {
  margin-bottom: 0 !important;
}


.right-box .btn-order:hover{ background:var(--main-color); color:#fff; }
/*button.btn.wishlist-btn.active i{ color:#f3b100 !important; }*/

form.ajax-form-contact label { margin: 0 0px 10px 20px; font-weight:600; }

form.ajax-form-contact input.form-control,form.ajax-form-contact select.form-control { padding-left: 30px; color:#737373; appearance:auto; }
form.ajax-form-contact select.form-control {
    background: url(../../../frontend/images/down.svg) no-repeat !important;
    background-position: 95% center !important;
    -webkit-appearance: none;
}
form.ajax-form-contact textarea.form-control { padding-left: 30px; }

.slider_loop.slick-slide {
    position: relative;
}
.slider_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); font-size: 50px; font-weight: 800; color: var(--dark-bg);
}


button.btn.wishlist-btn i {
    font-size: 20px;
}
.empty-cart {
    margin-top: 38px;
}
.empty-cart a {
    text-decoration: none;
    color: #737373;
    font-weight: 600;
    font-size: 18px;
}

.empty-cart.text-center.py-5.adsf a {
	color: #fff;
}


.accordion-button:not(.collapsed){ background-color: var(--yellow-bg); color: #fff;}

.table.cart-table thead tr th:nth-child(2n) {
  text-align: left;
}


.cart-item-row td .d-flex.align-items-center .product-title {
  width: 350px;
}


@media only screen and (min-width: 320px) and (max-width: 933px) {

  .table_wrapper_res{ width:100%; overflow-x:scroll; }
  .table_wrapper_res table{ width:1000px; }



  .artesa-logo img { width: 130px; }
  .main_slider img{ height: auto;}
  .cat_slider .slick-arrow{ right: 15px;}
  .cat_slider .slick-prev.slick-arrow { left: 15px; }
  .week_side { padding-right: 0; margin-bottom: 30px; }
  .wrappers .content { width: 100%; position: inherit; padding-left: 15px; padding-right: 15px; }
  .testimonial-card .test_inner{ margin: 1px;}
  .logo_footer { padding-top: 30px; padding-bottom: 30px; }
  .slider_trend .slick-arrow{ right: 15px; }
  .trend_wrapper .slick-prev.slick-arrow{ left: 15px; }


  .form-section{ padding: 40px 15px !important; min-height: auto !important; }

  .row.filters_top{ margin-top: 40px;}

  .product_detal_galler{ margin-top: 40px; }
  .gallery_slider .slider-for img { height: 350px; }
  .gallery_slider .slider.slider-nav img { width: 75px; height: 75px; }

  .pord_decripation { padding: 40px 0 0 0; }

  .product-buttons{ margin-top: 40px; margin-bottom: 40px; display: block; }
  .product-buttons .qty-container { margin-bottom: 20px; text-align: center; }

  .porduct_detail{ padding-left: 0; padding-right: 0;}
  .trend_wrapper.porduct_details{ padding-top: 40px; }

  body,.layout-content-navbar{ overflow-x: hidden; width: 100%; float: left;}

  .right_logo{ display:block; border-radius:20px; }
  .right_logo .loops_sf:first-child{ margin-bottom:15px; }
  .right_logo .loops_sf::after{ display:none; }

  .footer_widget.first { padding-right: 0; }

  .ward-head { padding: 0 15px !important; }


  .row.slider_trend .loop_slides{ width:100%; }


  .dashboard-wrapper,.profile-wrapper,.wishlist-wrapper,.Orders-wrapper{ display:block !important; }
  .customer-sidebar {
    width: 100% !important;
    margin-bottom: 30px;
}

.order-detail-wrapper{ display:block !important; }

}

@media only screen and (min-width: 320px) and (max-width: 933px) and (orientation: landscape) {

  .main_slider img { height: 300px; }

  .week_side { padding-right:0px; }

  .wrappers .content { width: 86%; padding: 20px; font-size: 12px; }
  .wrappers .content h2{ font-size:20px; }
  .wrappers .content a { font-size: 14px; }
  .wrappers .content p { line-height: 20px; }
  .footer_widget.first { padding-right: 0; }

  .logo_footer img {  width: 100%; }
  .right_logo { padding: 25px 10px; gap: 10px; }


  .form-section{ padding:40px 30px !important; }
  .testimonial-card .test_inner{ margin:0 10px 0 0 !important; }

  .gallery_slider .slider-for img { height: 350px; }
  .gallery_slider .slider.slider-nav img { width: 70px; height: 70px; }

  .pord_decripation{ padding:0 20px 40px; }

  .product-buttons { margin-top: 40px; display: block; }
  .product-buttons .qty-container { margin-bottom: 20px; text-align: center; }
  .product-buttons .btn.btn_yellow{ padding:14px 30px; }

  .porduct_detail{ zoom: .7; padding: 40px 10px 0 10px; }

  .product_detal_galler{ margin-top: 40px; }

}





.gallery_slider .slick-arrow {
	z-index: 11;
	width: 60px;
	height: 60px;
	border: 1px solid #E4E4E4;
}

.gallery_slider .slick-next.slick-arrow { background: #F5F5F5 url(/frontend/images/arrow-right.svg) no-repeat !important;  background-position: center center !important; }
.gallery_slider .slick-prev.slick-arrow{ background: #F5F5F5 url(/frontend/images/left-arrow.svg) no-repeat !important;  background-position: center center !important; }
.slick-arrow.slick-next:before,.slick-arrow.slick-prev:before{ display: none;}