:root {
  --color-yellow: #FFCC05;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-red: #dc3836;
}
:root {
  --font-jost: "Jost";
}
@media screen and (min-width: 1600px) and (max-width: 1920px){
  .ingredient-content p {
    width: 75%
  }
  #amazingOffer .offer_img img {
      height: 109%;
  }
  #ourTestimonial .testimonial-content{
    justify-content: start;
  }
  #amazingOffer .amazing-colmn {
    padding-left: 16em;
  }
  #amazingOffer p {
    font-size: 31px;
    line-height: 45px;
  }
  .section-title h2{
    line-height: 100px;
  }
  #amazingOffer .button-cls {
    width: 32%;
    padding: 13px 38px;
    font-size: 17px;
  }
  
  
}
@media screen and (max-width: 1440px){
  .type-product .related ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      text-align: center;
      width: 34%;
  }  
  .woocommerce div.product form.cart table td {
    padding-left: 0;
    /*width: 100%;*/
  }
  #amazingOffer .button-cls {
    width: 45%;
  }
}
@media screen and (max-width: 1400px){
  #slider h1 {
      font: bold 40px/60px var(--font-jost);
  }
  #slider .slidesmalltext{
    padding: 0 35px;
  }
  #slider .slide-btn{
    max-width: 62%;
  }
}
@media screen and (max-width: 1040px) {
  .sticky.stickynavbar :is(.start-menu, .end-menu) {
    justify-content: start;
  }
  .toggle-nav {
		display: block;
		text-align: right;
	}
	.main-menu{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.toggle-nav i {
		font-size: 29px;
		color: #fff ;
    padding-right: 22px;
	}
	.sidenav .close-sidebar {
		position: absolute;
		top: -27px;
		left: 5.5em;
		font-size: 36px;
		display: block;
		color: #ffffff;
		cursor: pointer;
	}
	.toggle-nav i{
		margin-top: 5px;
		padding-left: 10px;
	}
	.sticky.stickynavbar .toggle-nav i {
    padding-left: 45px;
    margin-right: 92px;
  }
	.header-box{
		padding: 14px 0;
	}
	.main-navigation ul li>ul {
		display: none;
		position: relative;
		top: 0;
		left: 0;
	}
	#sidebar1 .main-navigation ul .menu-item-has-children> a:before{
		color: #888;
    position: relative;
    right: 23%;
    top: 33%;
    font-weight: 600;
    font-size: 0.7rem;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    left: auto;
    animation: none;
    border-bottom: none;
    -webkit-transform-origin: unset !important;
    transform-origin: unset !important;
    -webkit-transform: unset !important;
    transform: unset;
    !important: ;
    -webkit-transition: unset !important;
    transition: unset !important;
    transition-duration: 0s !important;
    float: right;
	}
	#sidebar1 .main-navigation ul .menu-item-has-children:hover :after{
		animation: none;
	}
	.main-navigation ul li a,a:not([href]):not([class]), a:not([href]):not([class]):hover{
		color: #fff;
	}
	.main-navigation ul li:hover > ul{
		display: none;
	}
	.main-navigation ul li ul li ul {
		position: unset;
	}
	.headerbar {
		display: block !important;
		margin: 0;
	}
	#sidebar1 .main-navigation li ul li:after{
    top: 16px;
    left: 5px;
	}
	.main-navigation ul li.current_page_item:after,.main-navigation ul li a:hover:after {
		display: none;
	}
	.main-header .main-navigation,#slider .icon_img img {
		display: none
	}
	.main-navigation li {
		padding: 12px 0 12px 14px;
		width: 250px;
		border-bottom: 1px solid #333;
		margin-left: 23px;
	}
	#sidebar1 .main-navigation ul li:before,.menu-item-has-children li a:before{
		color: #fff;
	}
	#sidebar1 .current-menu-item.current_page_item:before{
		color: var(--color-yellow);
	}
	.menu-item-has-children li:hover a:before{
		left: -7px;
	}
	.main-navigation{
		margin-top: 15% !important;
	}
	.main-navigation ul li a {
		padding: 0px 0px 0px 10px;
		font-weight: 400;
		background: 0 0!important;
		text-align: left;
		margin: 0;
		font-size: 12px;
	}
	.main-navigation ul li ul a{
	    font-size: 13px;
	    font-weight: 600;
	}
	.main-navigation ul li.menu-item-has-children:after{
		content: none;
	}
	.main-navigation .current_page_item a:before, .main-navigation .current-menu-item a:before{
		left: 22px !important;
	}
	#sidebar1 .main-navigation ul ul li:hover a{
		transform: unset;
		left: 0;
	}
	#sidebar1 {
		height: 100%;
		width: 0;
		position: fixed !important;
		z-index: 9999999;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: all 4s ease;
		padding-top: 45px !important;
		box-shadow: 4px 2px 12px 1px #ccc;
    background: #222;
    -webkit-box-shadow: 1px 0 5px rgb(0 0 0 / 50%);
    box-shadow: 1px 0 5px rgb(0 0 0 / 50%);
    transition-duration: 1s;
    animation: slideInLeftMenu 1s;
	}
	@keyframes slideInLeftMenu {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateX(-296px);
	    -ms-transform: translateX(-296px);
	    transform: translateX(-296px);
	  }

	  100% {
	    -webkit-transform: translateX(0px);
	    -ms-transform: translateX(0px);
	    transform: translateX(0px);
	  }
	}
	#close_nav i{
		color: #000;
	}
	.main-navigation ul ul,.main-navigation ul ul li {
		background: transparent !important;
	}
	.main-navigation ul ul li {
		display: block;
		padding-left: 1px;
		border-bottom: none;
	}
	.main-navigation ul ul ul li {
		padding-left: 15px;
	}
	.main-navigation ul ul{
		border: none !important;
	}
	.main-navigation a, a:not([href]):not([class]), a:not([href]):not([class]):hover{
    text-align: left;
    left: 15px;
    font-size: 12px;
    font-weight: 400;
	}
	.mobile-menu-close{
		padding: 0 !important;
	}
	#slider .carousel-caption{
		top: 7%;
	}
	.close-icon {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    -webkit-transform: rotateZ(
		45deg);
		    transform: rotateZ(
		45deg);
	}
	.close-icon:after, .close-icon:before {
    display: block;
    position: absolute;
    background-color: var(--wolmart-light-color,#ccc);
    content: "";
	}
	.close-icon:before {
    height: 2px;
    width: 100%;
    left: 0;
    top: calc(50% - 1px);
	}
	.close-icon:after {
    height: 100%;
    width: 2px;
    top: 0;
    left: calc(50% - 1px);
	}
	.sticky .main-navigation ul{
		text-align: left;
	}
	#featured-product .bwt-wishlist-cart-view i{
		padding: 6px;
	}
	.inner_product .product-sale p{
		left: 0;
	}
	#slider h1 {
    font: bold 33px/65px var(--font-jost);
  }
  #slider .slidesmalltext {
    padding: 0 0;
  }
  #slider .slide-btn {
    max-width: 86%;
  }
  .about-content ul {
    width: 75%;
  }
  #amazingOffer .bowl-img img {
    left: 45px;
  }
  #amazingOffer .offer_img img {
    height: 109%;
  }
  .section-title h2 {
    font-size: 36px;
    line-height: 51px;
  }
  #amazingOffer p {
    font-size: 17px;
    line-height: 28px;
  }
  #amazingOffer .button-cls {
    width: 63%;
  }
  #topCustom h2 {
    font-size: 36px;
    line-height: 51px;
  }
  #main-sec .about-left-image img {
    height: 100%;
    width: 100%;
  }
  .test-cls {
    padding-left: 0;
    margin-right: 1px;
  }
  .item p {
    font-size: 16px;
  }
  tr .value:nth-child(2) {
    margin-right: -40px;
  }
  #topbar .icon-img img {
    margin-left: -13px;
  }
  #topbar .topbar-text {
    padding-left: 21px;
  }
  .main-grid .event-imge:first-child img {
    height: 80%;
  }
  .main-grid {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 350px 350px;
  }
  .woocommerce div.product form.cart .variations select{
    margin-right: 0;
  }
  tbody {
    display: flex;
    justify-content: space-evenly;
  }
  #amazingOffer .amazing-colmn {
    padding-left: 12em;
  }
}
@media screen and (max-width:1024px){
 
  .start-menu {
    justify-content: start;
  }
  
  .about-content ul {
    width: 100%;
  }
  #amazingOffer .bowl-img img {
    left: 15px;
  }
  .section-title h2 {
    font-size: 34px;
    line-height: 45px;
  }
  #amazingOffer p {
    font-size: 17px;
    line-height: 29px;
  }
  #amazingOffer .amazing-colmn {
    padding-left: 8em;
  }
  #ourTestimonial {
    background-image: none !important;
  } 
  #ourTestimonial .testimonial-content{
    justify-content: center;
  }
  #amazingOffer .button-cls {
    width: 58%;
  }
  .woocommerce table.cart td.actions .input-text {
    width: 56%;
  }
  #site-sticky-menu1 {
    top: 17px;
    left: 43%;
  }
  .woocommerce table.shop_table{
    display: block;
  }
  .shop_table thead {
    width: 100%;
    /* text-align: center; */
    display: inline-table;
  }
  #ourCustomers .custom-content p {
    font-size: 14px;
  }
}
@media screen and (max-width:991px){
  .woocommerce-page table.cart td.actions .coupon .button{
    width: 100%;
  }
  .start-menu {
    justify-content: end;
  }
  .sticky.stickynavbar :is(.start-menu, .end-menu) {
    justify-content: end;
  }
  #topbar .social-cls {
        justify-content: space-around;
  }
  #header .hamburger{
    text-align: right!important;
  }
  #slider h1 {
    font: bold 28px/41px var(--font-jost);
  }
  #slider .slider-box .slider-icon-img img {
    padding: 4px 0;
  }
  #slider .slidesmalltext {
    font: normal normal 400 16px/21px var(--font-jost);
  }
  #slider .slide-btn {
    max-width: 76%;
    font-size: 14px ;
  }
  #slider .read-more img {
    height: auto;
    width: 24px;
  }
  #about .abut-butn-cls img {
    padding: 10px 11px;
  }
  #about .abut-butn-cls {
    padding: 10px 23px 13px 0px;
  }
  #about .about-content p {
    font-size: 15px;
    line-height: 28px;
    margin: 0 0px;
  }
  #amazingOffer p {
    font-size: 17px;
    line-height: 26px;
  }
  .section-title h2 {
    font-size: 34px;
    line-height: 51px;
  }
  #amazingOffer .button-cls {
    width: 62%;
    margin: 0 auto;
  }
  #amazingOffer .button-cls {
    width: 64%;
    padding: 12px 25px;
  }
  #amazingOffer .button-cls a {
      margin-left: -31px;
  }
  #our-choice .our-choice-main-image {
    margin: 0 auto;
  }
  #our-choice .our-choice-image img {
    top: 0;
  }
  #ourCustomers .abut-butn-cls img {
    width: 50px;
    padding: 5px 10px;
  }
  #ourCustomers .abut-butn-cls {
    padding: 0px 15px 12px 0px;
  }
  #ourCustomers .custm-img:nth-child(odd) .outer {
    border: 1px solid green;
    padding: 2px 1px;
  }
  #ourCustomers .custm-img:nth-child(odd) .outer span {
    margin: 1px auto;
    height: 4px;
    width: 4px;
  }
  #ourCustomers .custm-img:nth-child(even) .outer{
    border: 1px solid var(--color-red);
    padding: 2px 1px;
  }
  #ourCustomers .custm-img:nth-child(even) .outer span{
    margin: 1px auto;
    height: 4px;
    width: 4px;
  }
  #main-sec .about-right-box p {
    padding: 0px 0;
    font-size: 15px;
    line-height: 25px;
  }
   
  #ourTestimonial .item p {
    font-size: 16px;
    line-height: 28px;
  }
  #ourTestimonial .team-name {
    border-left: 3px solid #ffb000;
    padding: 21px 16px;
  }
  #ourTestimonial .team-name a {
    font-size: 17px;
    line-height: 39px;
  }
  #menu-footer-menu-1 .menu-item a {
    font-size: 16px;
    margin: 0 8px;
  }
  #our-choice .our-choice-image img {
    display: none;
  }
  tr .value:nth-child(2) {
    margin-right: 0;
  }
  .about-right-box p {
    padding: 0px 0;
    font-size: 15px;
    line-height: 23px;
  }
  .about-right-box h3 {
    font-size: 22px;
  }
  span.owner-desg {
    font-size: 14px;
  }
  .about-right-box h4 {
    padding-top: 6px;
    font-size: 22px;
  }
  .abt-team-head h2 {
    font-size: 34px;
  }
  .about-box h2 {
    font-size: 38px;
  }
  .abt-team-head p {
    width: 50%;
    margin: 15px auto;
    font-size: 16px;
  }
  #reservation .banner-mobile h4 {
    font-size: 20px;
  }
  element.style {
    visibility: visible;
    animation-duration: 2s;
  }
  #reservation .banner-mobile h2 {
    font-size: 48px;
    margin: 12px 0;
  }
  #reservation .banner-mobile p {
    font-size: 16px;
    line-height: 30px;
  }
  .banner-sec img {
    display: none;
  }
  #amazingOffer .amazing-colmn {
    padding-left: 1em;
  }
  .section-title h2 {
    font-size: 27px;
    line-height: 40px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 46%;
  }
  .type-product .related ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .main-grid .event-imge:first-child img {
    height: 77%;
    object-fit: fill;
  }
  .main-grid {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 300px 300px;
    grid-gap: 21px;
  }
  .title-box img {
    width: 100%;
    height: 190px;
  }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    float: none;
  }
  #reservation .banner-mobile {
    position: absolute !important;
    top: 30%;
    left: 26%;
  }
  .single-product .price {
    bottom: -44px;
  }
  .product .summary .product_meta {
    bottom: -66px;
  }
  .woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 95px;
  }
}
@media screen and (max-width:767px) {
  .single-product .reset_variations{
    padding: 0px 11px;
  }
  .reset_variations{
    position: absolute;
    left: 33%;
    bottom: -29px;
  }
  #site-sticky-menu1 {
    top: 8px;
    left: 18px;
  }
  #header .logo img {
    height: auto;
    width: 60%;
    border-radius: 50%;
    background: #2b2728;
    padding: 8px 8px 17px 7px;
  }
  .sticky .header-logo-box .logo {
    text-align: left;
  }
  .topbar-icons {
    justify-content: center;
  }
  .header-search-box form{
    left: -36px;
    right: unset;
  }
  #slider h1 {
    font: bold 22px/31px var(--font-jost);
  }
  #slider .slidesmalltext {
      padding: 0 0px;
      font-size: 14px;
  }
  #slider .slide-btn {
    font: bold 22px/31px var(--font-jost);
  }
  #slider .slidesmalltext {
      padding: 0 0px;
      font-size: 14px;
  }
  #slider .slide-btn {
  		width: 100%;
      height: 100%;
      max-width: 42%;
      font-size: 11px;
  }
  #slider .slider-indicator img {
  		width: 100%;
      height: 100%;
      font-size: 11px;
  }
  #slider .slider-indicator img {
    height: 60px;
    width: 60px;
  }
  #slider .slider-indicator button {
    width: 27px !important;
  }
  .about-content ul {
    width: 73%;
  }
  #about .abut-butn-cls {
    padding: 10px 23px 12px 0px;
  }
  #about .abut-butn-cls img {
    padding: 9px 13px;
  }
  #about .button-cls{
    padding-bottom: 40px;
  }
  .ingredient-image img {
      width: 117px;
      top: -48px;
    }
  .ingredient-content p {
    width: -1px
  }
  #our-choice .our-choice-image {
    display: none;
  }
  #ourCustomers .red-icon-img {
    width: 30%;
    height: auto;
  }
  #ourCustomers .abut-butn-cls {
      padding: 9px 15px 12px 0px;
  }
  #amazingOffer .section-title h2 {
    font-size: 32px;
  }
  #amazingOffer .bowl-img img {
      bottom: -51px;
  }
  #amazingOffer .button-cls {
      width: 31%;
  }
  #amazingOffer .button-cls img {
      top: 5px;
  }
  #amazingOffer .amazing-colmn {
      padding-left: 0em;\
      padding: 2px 7em;
  }
  #amazingOffer .offer_img img {
      top: 11px;
  }
  #amazingOffer .offer_img img {
      height: 102%;
  }
  #our-choice .our-choice-main-image {
      margin: 0 auto;
  }

  #topCustom .owl-carousel .owl-dots {
    text-align: center;
    padding-top: 0px;
  }
  #topCustom {
    background-size: cover;
    background-position: right;
  }
  #our-choice .our-choice-main-image {
    margin: 0 auto;
  }
  #ourDeals .deals-content .cart-box {
    font-size: 13px;
  }

  #ourDeals .red-icon-img {
    height: auto;
    width: 35%;
  }
  #newsEvent .red-icon-img {
    width: 35%;
    height: auto;
  }
  .main-grid {
    display: unset;
  }
  #menu-footer-menu-1 {
    display: block;
    text-align: center;
  }
  #menu-footer-menu-1 li {
    padding: 8px 0;
  }
  #header .resp-menu{
    justify-content: end;
  }
  #main-sec .about-box h2 {
    font-size: 37px;
  }
  .abt-team-head p {
    width: 84%;
  }
  #ourDeals .deals-content .cart-box a {
    padding: 4px 5px;
  }
  #ourDeals .deals-content .cart-box {
    font-size: 12px;
    letter-spacing: 0px;
  }
  #ourTestimonial .testimonial-star {
    padding-bottom: 17px;
    padding-top: 26px;
  }
  #ourTestimonial .red-icon-img {
    width: 30%;
  }
  #ourTestimonial .slick-arrow {
    transform: rotate(0deg);
  }
  #ourTestimonial .arrow-down {
    bottom: 21px;
    left: unset;
  }
  #ourTestimonial .arrow-up {
    top: 21px;
    z-index: 999;
    left: 77px;
  }
  .slick-slider .arrow-down, .slick-slider .arrow-up {
    transform: rotate(45deg);
    -webkit-transform: rotate(0deg);
  }
  .slick-slider .fa-chevron-right.slick-arrow {
    top: 23px;
    right: 25%;
    font-size: 24px;
    left: unset;
  }
  .slick-slider .fa-chevron-left.slick-arrow {
    position: absolute;
    color: #ffffff;
    top: 23px;
    left: 26px;
  }
  #ourDeals .owl-nav .owl-prev {
    top: 25%;
  }
  #ourDeals .owl-nav .owl-next {
    top: 25%;
  }
  #slider .read-more img {
    width: 21px;
  }
  
  #ourTestimonial .slick-slide img {
    margin: 0 auto;
  }
  #ourTestimonial .testimonial-content {
    text-align: center;
  }
  .slick-slider .fa-chevron-left.slick-arrow {
    position: absolute;
    color: #ffffff;
    top: 23px;
    left: 15%;
  }
  .slick-slider .fa-chevron-right.slick-arrow {
    top: 23px;
    right: 15%;
  }
  #reply-title, .comment-respond label {
    font: 400 25px/28px var(--font-jost);
    letter-spacing: 1.4px;
    color: #000000;
    display: inline-grid;
    padding-top: 34px;
  }
  #reservation .banner-mobile h4 {
    font-size: 20px;
    margin-top: -18px;
  }
  #reservation .banner-mobile h2 {
    font-size: 37px;
    margin: 0px 0px;
    margin-top: 19px;
  }
  #reservation .banner-mobile p {
    font-size: 16px;
    line-height: 29px;
    margin-top: 36px;
  }
  #reservation .banner-mobile {
    position: absolute !important;
    top: 30%;
    left: 0;
  }  
  #reservation .reserved-mobile h4 {
    font-size: 17px;
  }
  #reservation .reserved-mobile h2 {
    font-size: 30px;
    margin: 6px 0;
  }
  #reservation .reserved-mobile p {
    font-size: 17px;
    line-height: 26px;
  }
  #our-choice{
    background-color: #000;
    background-image: none !important;
  }
  #ingredient{
    background-color: #000;
    background-image: none !important;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }
  #typography-sec tbody {
    flex-wrap: wrap;
  }
  #topbar .topbar-social-icons {
    justify-content: center;
  }
  .social-btn.pt-3 {
    max-width: 66%;
  }
  .s-cls {
    justify-content: center;
  }
  #ourTestimonial .slick-active:not(.slick-current):after {
    display: flex;
    margin: 0 auto;
  }
  .team-image-box {
    display: flex;
    justify-content: center;
  } 
  .type-product .related ul {
    display: block;
  }
  .title-box img {
    width: 100%;
    height: 190px;
  }
  #error_page .page-content h2 span {
    font: 700 56px/1 var(--font-jost);
    color: var(--color-black);
  }
  #error_page .page-content h4 {
    font: 600 20px/2 var(--font-jost);
    color: var(--color-red);
  }
  #error_page .page-content h6 {
    font: 600 16px/2 var(--font-jost);
    color: var(--color-red);
  }
  .btn-class{
    text-align: center;
  }

}
@media screen and (max-width: 575px){
  #ourDeals .owl-nav .owl-next {
      right: 0px;
      top: 24%;
  }
  #ourDeals .owl-nav .owl-prev {
    left: 0px;
    top: 24%;
  }
  #slider .slider-indicator button {
    width: 20px !important;
  }
  #slider .slider-box img, #slider .slidesmalltext{
    display: none;
  }

  #slider .container-slider .carousel-indicators {
    bottom: 5%;
  }
  #slider .slider-box .slider-icon-img img {
    padding: 0px 0;
    width: 30%;
  }
  #slider .slide-btn {
    max-width: 78%;
  }
  #slider .carousel-caption {
    top: 0%;
  }
  #amazingOffer .button-cls {
    width: 45%;
  }
  .above_title {
    margin-top: 10%;
  }
}
@media screen and (max-width: 425px){
  .icon-img {
    margin-top: 30px; 
  }
  #header .sticky {
    position: fixed;
    top: 0;
  }
  #topbar .social-cls {
      justify-content: center;
      flex-wrap: wrap;
  }	
	#slider h1 {
    font: bold 15px/19px var(--font-jost);
  }
	#slider .slide-btn {
    max-width: 93%;
  }
  #about .about-content .nav-item {
    font-size: 12px;
  }
  #about .about-content ul {
    width: 100%;
  }
  #about .abut-butn-cls img {
    padding: 11px 13px;
  }
  #amazingOffer .bowl-img img {
    height: auto;
    width: 33%;
  }
  #amazingOffer .bowl-img img {
    bottom: -35px;
  }
  #amazingOffer .button-cls {
    width: 62%;
  }
  #amazingOffer .offer_img img {
    top: 20px;
  }
  #amazingOffer .amazing-colmn {
    padding-left: 0em;
    padding: 0px 17px;
  }
  #amazingOffer .offer_img img {
    height: 94%;
  }

  #ourDeals .owl-nav i:before {
      top: 14px;
      left: 14px;
  }
  #ourDeals .owl-nav i {
      font-size: 13px;
      padding: 17px 17px;
  }
  #ourDeals .deals-img img {
    width: 100%;
  }
  #ourDeals .deals-content p {
    font-size: 15px;
    text-align: center;
  }
  #our-choice .our-choice-main-image {
    margin: 0 auto;
  }
  #amazingOffer .button-cls img {
    top: 10px;
    right: 7px;
  }
  .slick-slider .fa-chevron-right.slick-arrow {
    top: 23px;
    right: 19%;
  }
  .slick-slider .fa-chevron-left.slick-arrow {
    position: absolute;
    color: #ffffff;
    top: 23px;
    left: 15%;
  }
  .slick-slider .fa-chevron-right.slick-arrow {
    top: 23px;
    right: 14%;
  }
  .nav-previous {
    float: left;
    width: 160px;
  }

  #reservation .banner-mobile h4 {
    font-size: 15px;
    margin-top: -24px;
  }
  #reservation .banner-mobile h2 {
    font-size: 25px;
    margin: 0px 0px;
    margin-top: -13px;
  }
  #reservation .banner-mobile p {
    font-size: 13px;
    line-height: 15px;
    margin-top: 0px;
  }
  #reservation .banner-mobile {
    position: absolute !important;
    top: 30%;
    left: 0;
  }
  .sticky.stickynavbar .toggle-nav i {
    padding-left: 45px;
    margin-right: 15px;
  }
  #ourTestimonial .arrow-up {
    top: 21px;
    z-index: 999;
    left: 44px;
  }
  .title-box img {
    width: 100%;
    height: 96px;
  }
  .above_title h1 {
    font: 600 26px/27px var(--font-jost);
  }
  .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
    width: 100%;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
    padding: 4px 0px 5px 7px;
  }

}

@media screen and (max-width: 320px){
  .reset_variations{
   bottom: -41px;
  }
  tbody {
    display: block;
    justify-content: space-between !important;
    position: relative;
  }
  .label {
    display: block;
    width: unset;
    color: #000;
  }
  tbody tr:nth-child(2) label {
    margin: 0 0px !important;
  }
  #ourDeals .deals-content .cart-box a {
    padding: 4px 5px;
    position: absolute;
    top: 0;
    right: 0;
  }
  #ourCustomers .custom-content .cart-box a {
    color: #dc3836;
    border: 2px solid var(--color-red);
    padding: 3px 5px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
  }


}


@media (min-width: 1024px) and (max-width: 1300px){
  .woocommerce .products ul, .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
  }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    float:unset;
  }
  .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
      width: 45.75%;
  }
  .woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
     margin: 0 3.8% 2.992em 0;
  }
  /*.variations tbody {
    justify-content: space-around;
  }*/
}