/* Toggle button */
.mobile-menu-toggle {
  display: none;
}

.mobile-menu {
  max-height: 0;
}

.mobile-menu {
    display: none;
}

.shpngcrt span {
    background: var(--primary);
    color: var(--black);
}

.modalsearch .offcanvas-top {
    height: fit-content;
}

.modalsearch .offcanvas-header {
    justify-content: end;
    padding: 20px 20px 0;
}

/************************************************************************************
smaller than 1180
*************************************************************************************/
@media screen and (max-width: 1180px) {
.prdctlst img {
    /*height: 300px !important;*/
}
.aboutus-content {
    padding: 30px;
}
.what-makes-different .card {
    flex: 1 1 45%;
}
.mission .aboutus-content {
    padding: 0 40px 0 25px;
}
.modalsearch .offcanvas-top {
    height: fit-content;
}
}
/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {
.mainslider .carousel-caption h1 {
    font-size: 35px;
    line-height: 45px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 20px;
}
.testimonial-cnt p {
    font-size: 20px;
}
.testimonial-slider .arrowbutton.next {
    right: 43.5%;
}
.testimonial-slider .arrowbutton.prev {
    left: 43.5%;
}
.testimonial-item h3 {
    font-size: 20px;
}
.footerabout img {
    width: 100%;
}
.shop-category img {
    object-fit: cover;
}
.frames-text {
    padding: 0 19px;
}
.prdctlst img {
    /*height: 250px !important;*/
}
}
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
.shop-category {
    flex-direction: column;
    text-align: center;
}
.frames-standout {
	grid-template-columns: 1fr;
}
.mainslider .carousel-caption {
    padding: 25px;
}
.summercollec p {
    max-width: 50%;
}
.summercollec .product-excerpt p {
    max-width: 100%;
}
.shop-category img {
    width: 100%;
}
.shipping .row {
    row-gap: 2rem;
}
footer .col-lg-2 {
    padding-left: 0;
}
footer .col-md-12 {
    padding-top: 20px;
    padding-bottom: 20px;
}
footer {
    padding: 50px 0 0;
}
footer .footerabout {
    border-right: 0;
    padding-right: 0;
    padding-left: 0;
}
.footerabout img {
	width: auto;
}
footer .row {
    padding-bottom: 3rem;
}
footer .col-md-12.col-sm-12 {
    width: 50%;
}
footer .footerabout {
    width: 100% !important;
}
footer .copyright .col-md-12.col-sm-12 {
    width: 100%;
}
footer .copyright .row {
    padding-bottom: 0;
}
.testimonial .testimonial-item {
    flex-direction: column;
}
.testimonial-item .testimonial-cnt, .testimonial-item figure {
    width: 100%;
}
.testimonial-slider .arrowbutton.next {
    right: 41.5%;
}
.testimonial-slider .arrowbutton.prev {
    left: 41.5%;
}
.how-it-works .card {
    flex: 1 1 33%;
}
.summercollec.newly p {
	max-width: 60%;
}
header nav.menucontainer {
    display: none !important;
}
header {
    padding: 12px 0;
}
header .container-fluid {
    padding-left: 14px 15px;
}
.mainslider .carousel-caption {
    width: 74%;
}
.mainslider .carousel-caption h1 {
	line-height: 35px;
}
.frames-text {
    padding: 40px;
}
.frames-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
/* Menu items styling */
.mobile-menu-list li {
  list-style: none;
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}

/* Toggle button */
.mobile-menu-toggle {
  display: none; /* hide on desktop */
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
}

.mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.mobile-menu.open {
    max-height: 500px;
    position: absolute;
    top: 49px;
    left: 0;
    width: 100%;
    background: #f7f2eb;
    z-index: 9999;
    display: block;
}

.mobile-menu-toggle {
    display: block;
}

.xoo-wsc-sc-cont .xoo-wsc-cart-trigger > * {
    display: flex;
    align-items: center !important;
}
.aboutus .row {
    flex-direction: column;
}
.aboutus .row .col-sm-6 {
    width: 100%;
}
.mission .aboutus-content {
    padding: 0 40px 30px 25px;
}
.aboutus .row {
    width: 100%;
    margin: 0;
}
.wp-block-yith-search-block.alignwide {
    width: 50%;
}
section.help-section .container-fluid {
    padding: 20px;
}
.woocommerce .checkout .col2-set .col-2 {
    margin-top: 30px;
}
header {
	position: relative;
}
.mainslider .carousel-caption p {
    margin-bottom: 15px;
}
}

/************************************************************************************
smaller than 823
*************************************************************************************/
@media screen and (max-width: 823px) {


}
/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {


}
/************************************************************************************
smaller than 767
*************************************************************************************/
@media screen and (max-width: 767px) {
.features {
    flex-direction: column;
}
.how-it-works .card {
    flex: unset;
}
.text-section {
    padding: 2rem;
}
.mainslider .carousel-caption {
    left: auto;
    width: 90%;
    margin: 0 auto;
    display: table;
}
.heading .inline-heading {
    flex-direction: column;
}
.summercollec p {
	max-width: 100%;
}
.heading .inline-heading .headingtitle {
    width: 100%;
}
.shop-category .category-item {
    align-items: baseline;
}
footer {
	padding: 20px 20px 0;
}
footer .row {
    padding-bottom: 1rem;
}
footer .footerabout {
    margin-bottom: 1rem;
}
.carousel-item.active {
    display: flex !important;
    justify-content: center;
}
header .row {
    flex-direction: row;
}
header .row>* {
    width: 50%;
}
header .col-sm-8 {
    display: none;
}
header img {
    width: 170px;
}
.hdrsocial {
    column-gap: 12px;
}
.mainslider .carousel-caption span {
    gap: 10px;
    font-size: 13px;
}
.mainslider .carousel-caption {
	padding: 50px 22px;
	left: auto;
}
.carousel-caption svg {
    width: 70px;
}
.summercollec .inline-heading {
    align-items: flex-start !important;
}
.shop-category .category-item {
    flex-direction: column;
    gap: 15px;
}
.frames-standout {
	padding: 0 13px;
}
.frames-text {
	padding: 20px;
}
.summercollec.newly p {
    max-width: unset;
}
.how-it-works .card {
    padding: 25px;
}
.how-it-works {
    padding: 55px 0 65px;
}
.ourclients {
    padding: 10px 0;
}
.testimonial .testimonial-item {
    flex-direction: column-reverse;
}
.testimonial-item .testimonial-cnt {
    padding: 25px;
    gap: 1rem !important;
}
.testimonial-slider .arrowbutton.next {
    right: 34.5%;
}
.testimonial-slider .arrowbutton.prev {
    left: 34.5%;
}
.testimonial {
    padding: 70px 0 100px;
}
.shipping .row {
    flex-wrap: wrap;
}
.shipping .row .col-lg-3 {
    width: 45%;
}
.shipping-item figure {
    justify-content: flex-start;
}
.shipping {
    padding: 40px 10px;
}
.footerabout img {
    width: 250px;
}
footer .footerabout {
    border-bottom: 1px solid #120E0C;
}
footer ul li.menu-item a {
    margin-bottom: 5px;
}
.shipping-item.text-center {
    text-align: left !important;
}
.woocommerce-product-gallery__trigger,
.woocommerce-product-gallery__image a {
    pointer-events: none !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}
}
/************************************************************************************
smaller than 736
*************************************************************************************/
@media screen and (max-width: 736px) {

}
/************************************************************************************
smaller than 667
*************************************************************************************/
@media screen and (max-width: 667px) {

}
/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {

}
/************************************************************************************
smaller than 568
*************************************************************************************/
@media screen and (max-width: 568px) {

}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
.features {
    flex-direction: row;
}
.how-it-works .card {
    flex: unset;
}
.text-section {
    padding: 2rem;
}
.mainslider .carousel-caption {
    left: auto;
    width: 90%;
    margin: 0 auto;
    display: table;
}
.heading .inline-heading {
    flex-direction: column;
}
.summercollec p {
	max-width: 100%;
}
.heading .inline-heading .headingtitle {
    width: 100%;
}
.shop-category .category-item {
    align-items: baseline;
}
footer {
	padding: 50px 20px 0;
}
.frames-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.mainslider figure img {
    height: 500px !important;
    object-position: 86%;
}
.carousel-item.active {
    display: flex !important;
    justify-content: center;
}
header .row {
    flex-direction: row;
}
header .row>* {
    width: 50%;
}
header .col-sm-8 {
    display: none;
}
header img {
    width: 170px;
}
.hdrsocial {
    column-gap: 12px;
}
/* Menu items styling */
.mobile-menu-list li {
  list-style: none;
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
}

/* Toggle button */
.mobile-menu-toggle {
  display: none; /* hide on desktop */
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
}

.mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.mobile-menu.open {
    max-height: 500px;
    position: absolute;
    left: 0;
    width: 100%;
    background: #f7f2eb;
    z-index: 9999;
}

.mobile-menu-toggle {
    display: block;
}

.xoo-wsc-sc-cont .xoo-wsc-cart-trigger > * {
    display: flex;
    align-items: center !important;
}
.mobile-menu.open {
    top: 48px;
}
.mainslider .carousel-caption span {
    gap: 10px;
    font-size: 13px;
}
.mainslider .carousel-caption {
	padding: 50px 22px;
	left: auto;
}
.carousel-caption svg {
    width: 70px;
}
.featured-product .arrowbutton.prev, .featured-product .arrowbutton.next, .related .arrowbutton.prev, .related .arrowbutton.next {
    top: unset;
    bottom: -15%;
}
.featured-product .arrowbutton.next, .related .arrowbutton.next {
    right: 38%;
}
.featured-product .arrowbutton.prev, .related .arrowbutton.prev {
    left: 38%;
}
a.bestseller.btn.btn-primary {
    display: none;
}
.summercollec {
    padding: 50px 0 120px;
}
.summercollec h2.headingtitle br {
    display: none;
}
.heading .inline-heading {
    padding: 0;
}
a.bestseller.mobile.btn.btn-primary {
	display: block !important;
	margin: 10px 0 0 !important;
}
.summercollec .inline-heading {
    align-items: flex-start !important;
}
.shop_category h2, .shop_category p, .summercollec.newly h2.headingtitle,
.how-it-works .section-title, .how-it-works .section-subtitle,
.how-it-works .cards p, .shipping-item {
    text-align: left;
}
.shop_category p br {
	display: none;
}
.shop-category .category-item {
    flex-direction: column;
    gap: 15px;
}
.shop-category .category-item h3 {
    font-size: 20px;
}
h2 {
	font-size: 23px;
}
.frames-standout {
	padding: 0 13px;
}
.frames-text {
	padding: 20px;
}
.summercollec.newly p {
    max-width: unset;
    text-align: left;
}
.summercollec.newly {
    padding: 50px 0 120px;
}
.how-it-works .card {
    align-items: flex-start;
    padding: 25px;
}
.how-it-works {
    padding: 55px 0 65px;
}
.ourclients {
    padding: 10px 0;
}
.testimonial .testimonial-item {
    flex-direction: column-reverse;
}
.testimonial-item .testimonial-cnt {
    padding: 25px;
    gap: 1rem !important;
}
.testimonial-slider .arrowbutton.next {
    right: 34.5%;
}
.testimonial-slider .arrowbutton.prev {
    left: 34.5%;
}
.testimonial {
    padding: 70px 0 100px;
}
.shipping .row {
    flex-wrap: wrap;
}
.shipping .row .col-lg-3 {
    width: 45%;
}
.shipping-item figure {
    justify-content: flex-start;
}
.shipping {
    padding: 40px 10px;
}
.footerabout img {
    width: 250px;
}
footer .footerabout {
    border-bottom: 1px solid #120E0C;
}
footer ul li.menu-item a {
    margin-bottom: 5px;
}
.shipping-item.text-center {
    text-align: left !important;
}
.frames-image img {
    border-right: 0;
}
a.bestseller.mobile.btn.btn-primary {
	width: fit-content;
}
.prdctlst img {
    height: auto !important;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: unset !important;
}
.inner-banner img {
    height: 375px !important;
    object-fit: cover;
    object-position: 82%;
}
.banner-text h2 {
    font-size: 30px;
}
.banner-text {
    left: 0;
    width: 100%;
    text-align: center;
}
.woocommerce div.product form.cart div.quantity {
    width: 120px;
    margin-bottom: 15px !important;
}
.woocommerce div.product form.cart div.quantity .qty {
    padding-left: 8px;
}
.top-bar {
    gap: 15px;
    flex-direction: column;
}
.secure-payment {
    justify-content: center;
    gap: 1rem;
}
.secure-payment br {
    display: none;
}
.features {
    flex-wrap: wrap;
    gap: 20px;
}
.feature {
    flex: unset;
    padding: 0;
    width: 45%;
    text-align: left;
}
h5 {
    font-size: 16px;
}
section.related.products {
    padding-bottom: 120px;
}
.reviews-header {
    flex-direction: column;
    gap: 0;
}
.reviews-intro {
    max-width: 100%;
}
.aboutus .main-heading {
    text-align: left;
    max-width: 100%;
    padding: 0 10px;
    margin: 0 auto 20px;
}
.mission .aboutus-content {
    padding: 0;
}
.aboutus-content {
    padding: 30px 0;
}
.faq-main {
    text-align: left;
}
.modalsearch-content {
    flex-direction: column;
    gap: 1rem;
}
.wp-block-yith-search-block.alignwide {
    width: 100%;
}
.contact-form {
    width: 100%;
}
.contactus h3 {
    font-size: 23px;
    text-align: left;
}
.help-section {
    text-align: center;
    padding: 50px 0px 0;
}
.help-section h2 {
    text-align: left;
}
.help-section p {
    text-align: left;
}
.help-section .help-card p {
    text-align: center;
}
.help-section p br {
	display: none;
}
.contact-form p {
    text-align: left;
}
.woocommerce .woocommerce-cart-form .quantity .qty {
    padding-left: 10px;
}
.page-template-contact-us .help-section {
    padding: 20px 0px 0;
}
.secondary-container.contactus {
    padding: 30px 0 40px;
}
.mainslider .carousel-caption h1 {
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 10px;
}
.mainslider .carousel-caption p {
    font-size: 15px;
    line-height: 27px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100% !important;
}
.woocommerce div.product form.cart .reset_variations {
    top: -25px;
}
.custom-filters-wrapper, .filter-toggle-btn {
    width: 100%;
}
.secondary-container.product-page {
    padding-top: 20px;
    padding-bottom: 40px;
}
.product-main {
    padding-bottom: 35px;
}
.logo svg {
    width: 100%;
}
.woocommerce .inner-banner img {
	height: 110px !important;
}
.woocommerce .banner-text h2 {
    font-size: 18px;
    padding: 10px 25px;
    margin-bottom: 0;
}
.custom-filters-wrapper {
    width: 49%;
    float: left;
    display: block;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: right !important;
    width: 49%;
}
.row.products.columns .col-sm-3 {
    width: 50%;
}
.prdctlst h2 {
    font-size: 16px;
}
.product-excerpt p {
    font-size: 13px;
}
.row.products.columns {
    row-gap: 20px;
}
.single-product .secondary-container {
    padding: 20px 0 0;
}
.woocommerce .woocommerce-product-gallery__wrapper img {
    height: 300px !important;
    object-fit: contain;
}
section.what-you-receive .row {
    width: 100%;
    --bs-gutter-x: 0;
}
.woocommerce-variation-price {
    display: inline-flex;
}
.custom-stock-status {
	display: none;
}
.woocommerce-variation-availability {
    display: inline-flex;
    margin-left: 15px;
}
.woocommerce .quantity .qty {
    width: 1.631em !important;
}
.woocommerce div.product form.cart div.quantity {
	width: 88px;
    margin-right: 10px !important;
}
.single-product.woocommerce div.product form.cart .button {
    width: calc(73% - 134px);
    padding: 10px !important;
    margin-right: 10px !important;
}
.single-product.woocommerce div.product form.cart .button.buy-now-button {
    width: 31% !important;
    margin-top: 0 !important;
}
.product-summary-text {
    margin-top: 0 !important;
}
button.show-more-btn {
    margin: 10px auto 0 !important;
}
.show-more-btn {
    margin-left: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    width: 100% !important;
}
.custom-filters-wrapper .custom-filter-form {
    left: -320px;
    width: 320px;
}
.custom-filter-list img {
    width: 61px;
}
.woocommerce .woocommerce-ordering {
    margin: 0 0 1.5rem !important;
}
}

/************************************************************************************
smaller than 414
*************************************************************************************/
@media screen and (max-width: 414px) {

}
/************************************************************************************
smaller than 384
*************************************************************************************/
@media screen and (max-width: 384px) {

}
/************************************************************************************
smaller than 375
*************************************************************************************/
@media screen and (max-width: 375px) {

}
/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {


}
/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

}