@media (max-width: 1180px) {
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.block-search .input {
width: 380px;
}
.menu-modal-inner .block-search .form-search {
display: flex;
}
.menu-modal-inner .block-search .form-search.advancesearch {
display: block;
}
.menu-modal-inner .block-search .form-search.advancesearch .btn-submit {
width: 100%;
border-radius: 5px;
}
.menu-modal-inner .block-search .input {
width: 100%;
}
.menu-modal-inner .form-content.search-box.results-search {
flex: 1;
}
}
@media (max-width: 1024px) { .top-header-inner {
display: block;
text-align: center;
}
.menu-description {
right: 0;
} .mainheader.mobile-only {
display: block;
}
.mainheader {
display: none;
}
.mobile-only .rightheaderwrap {
display: flex;
justify-content: center;
margin-bottom: 25px;
}
.mobile-only .sparklelogo {
display: block;
text-align: center;
} .header-nav {
display: none;
}
.categorproducts .categoryproductslider .homeblockinner {
height: 400px;
}
}
@media (max-width: 920px) { .fullwidthslider {
margin-bottom: 25px;
}
.slider-inner-wrap.sliderpromo {
grid-template-columns: 100%;
}
.sparklestore_wrap_promo {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1em;
}
.sparklestore_wrap_promo .sparklestore_promo_wrap:first-child {
margin-bottom: 0;
} .services_area {
grid-template-columns: repeat(2, 1fr);
} .layout2 .storeproductlist,
.layout2 .storeproductlist.category-style-2 {
grid-template-columns: repeat(3, 1fr);
} .site-wrapper {
display: block;
}
#primary {
width: 100%;
float: unset;
}
.widget-area {
width: 100%;
float: unset;
}
.leftsidebar .widget-area,
.leftsidebar #primary {
float: unset;
}
.fullwidth-sidebar #primary,
.fullwidth #primary,
.nosidebar #primary {
width: 100%;
} .breadcrumbs-wrap {
margin-bottom: 25px;
} .promoarea h2 {
font-weight: normal;
} .categorproducts .categoryproductslider .categoryproductwrap {
display: block;
}
.categorproducts .categoryproductslider.leftalign .homeblockinner,
.categorproducts .categoryproductslider.rightalign .homeblockinner {
width: 100%;
margin-bottom: 25px;
}
.categorproducts .categoryproductslider.leftalign .productwrap,
.categorproducts .categoryproductslider.rightalign .productwrap {
width: 100%;
}  .middle-footer-inner {
grid-template-columns: repeat(2, 1fr);
} .sub-footer {
padding: 25px 0;
}
}
@media (max-width: 768px) {
.top-header-inner {
display: none;
}
.header-middle-inner {
padding: 15px 0;
} .banner-height {
height: 400px;
}
.sparklestore-slider .slides li {
height: 400px;
}
.sparklestore-caption {
max-width: 90%;
}
.sparklestore-caption h2 {
font-size: 35px;
} .sparklestore-slider .flex-direction-nav a {
width: 40px;
top: 45%;
}
.flex-direction-nav .flex-prev {
left: 15px;
opacity: 0.8;
visibility: visible;
cursor: pointer;
}
.flex-direction-nav .flex-next {
right: 15px;
text-align: center;
opacity: 0.8;
visibility: visible;
cursor: pointer;
}
.flex-direction-nav a:before {
display: none;
}
.flex-direction-nav li a {
width: 40px;
height: 40px;
border-radius: 50%;
line-height: 43px;
text-align: center;
text-shadow: none;
display: inline-block;
font-size: 30px;
opacity: 0;
visibility: hidden;
transition: 0.2s;
cursor: pointer;
}
.flex-direction-nav li a:hover {
opacity: 1;
} .blocktitle h2 {
flex: 1;
}
.layout_two .blocktitle p {
display: none;
}
.layout_two .sparkletabs .sparkletablinks {
flex: 1;
}
.layout_one .blocktitlewrap {
width: 100%;
} .layout2 .storeproductlist,
.layout2 .storeproductlist.category-style-2 {
grid-template-columns: repeat(2, 1fr);
} .fullpromobanner .header-banner {
height: 400px;
}
.promobanner-caption h2 {
font-size: 32px;
}   .promosection.onetotwo .promoarea-div,
.promosection.onetothree .promoarea-div,
.promosection.twotoone .promoarea-div {
grid-template-columns: repeat(2, 1fr);
} .promoarea h2 {
font-weight: normal;
font-size: 22px;
} .woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
float: unset;
padding: 10px;
font-size: 18px;
}
.sub-top-inner {
display: block;
text-align: center;
}
.sub-top-inner .sociallink {
margin-bottom: 25px;
}
}
@media (max-width: 620px) { .banner-height {
height: 350px;
}
.sparklestore-slider .slides li {
height: 350px;
}
.sparklestore-slider .flex-control-nav {
display: none;
}  .services_area {
grid-template-columns: repeat(1, 1fr);
} .blocktitle {
padding: 5px;
}
.blocktitle h2 {
text-transform: capitalize;
} .fullpromobanner .header-banner {
height: 350px;
}
.promobanner-caption h2 {
font-size: 26px;
}
.fullpromobanner .promobanner-caption {
width: 100%;
} .layout_one .blocktitlewrap .blocktitle h2 {
font-size: 25px;
margin-bottom: 5px;
font-weight: normal;
text-transform: capitalize;
} .sub-top-inner {
display: block;
text-align: center;
}
.sub-top-inner .social ul {
padding: 20px 0;
margin: 0;
}
.sub-top-footer {
padding-bottom: 25px;
}
}
@media (max-width: 480px) { .site-cart-items-wrap {
padding: 5px;
background-color: transparent !important;
color: black;
}
.mobile-only .rightheaderwrap,
.site-cart-items-wrap .item {
display: none;
}
.site-cart-items-wrap .count {
left: 14px;
top: -5px;
}
.toggle-text {
display: none;
} .block-search .form-search {
display: inline-block;
}
.chosen-container {
width: 100% !important;
}
.block-search .input {
width: 400px;
}
.block-search .btn-submit {
position: absolute;
right: 0;
top: 50%;
}
.menu-modal-inner .block-search .btn-submit {
position: relative;
}
.block-search .category select {
background-position-x: 80%;
}
.chosen-container-single .chosen-single::after {
right: 60px;
} .banner-height {
height: 300px;
}
.sparklestore-slider .slides li {
height: 300px;
}
.sparklestore-caption h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 5px;
}
.sparklestore_wrap_promo {
grid-template-columns: repeat(1, 1fr);
}
.flex-direction-nav .flex-next {
right: 0;
}
.flex-direction-nav .flex-prev {
left: 0;
} .breadcrumbs-wrap {
background-size: unset !important;
}
.breadcrumbs-wrap h2 {
font-size: 22px;
} .layout2 .storeproductlist,
.layout2 .storeproductlist.category-style-2 {
grid-template-columns: repeat(1, 1fr);
}
.lSSlideWrapper .lSPrev,
.lSSlideWrapper .lSNext {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
} .fullpromobanner .header-banner {
height: 180px;
}
.promobanner-caption .slider-btn-wrap {
margin-top: 0;
}
.btn {
padding: 11px 20px;
border-radius: 30px;
font-size: 17px;
letter-spacing: 0;
}
.proppocaption-wrap p {
display: none;
} .promosection.onetotwo .promoarea-div,
.promosection.onetothree .promoarea-div,
.promosection.twotoone .promoarea-div,
.promosection.twototwo .promoarea-div {
grid-template-columns: repeat(1, 1fr);
}
.promosection .promoarea a figure img {
height: 230px;
} .middle-footer-inner {
grid-template-columns: repeat(1, 1fr);
} [data-layout*="masonry"] .article {
width: 100%;
width: 100%;
} .page-not-found {
padding: 50px 0;
} .woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
width: 100%;
float: none;
clear: both;
margin: 0 0 0.992em;
}
}
@media (max-width: 380px) { .block-search .input {
width: 350px;
}
}
@media (max-width: 320px) { .block-search .input {
width: 300px;
}
.site-branding h1 {
font-size: 20px;
}
.mobile-only .sparklelogo img {
width: 180px;
}
}.menu-search-form.widget_search {
position: relative;
margin: 10px 5px;
} .showing-menu-modal::after {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 400;
background-color: rgba(0,0,0,.7);
cursor: pointer;
} .menu-modal {
position: fixed;
top: 0;
bottom: 0;
z-index: 500;
overflow: hidden;
overflow-y: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
width: 300px;
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease,-webkit-transform .25s ease;
background-color: #ffffff;
}
.admin-bar .menu-modal {
top: 32px;
}
.menu-modal{
display: flex;
right: auto;
left: 0;
-webkit-transform: translate3d(-350px,0,0);
transform: translate3d(-350px,0,0);
}
.menu-modal.active {
left: 0;
right: 0;
-webkit-transform: none;
transform: none;
z-index: 9999;
}
.menu-modal-inner.modal-inner {
width: 100%;
}
button.close-nav-toggle {
font-weight: normal;
width: 100%;
background: transparent;
color: black;
padding: 10px 10px 0px 0px;
text-align: right;
font-size: 18px;
} .menu-modal .sparkle-tabs {
display: flex;
justify-content: space-between;
align-content: center;
flex-direction: row;
background-color: rgba(0,0,0,.04);
}
.menu-modal .sparkle-tabs button {
position: relative;
padding: 18px 15px;
width: 100%;
text-align: center;
text-transform: uppercase;
letter-spacing: .3px;
font-weight: 900;
font-size: 14px;
line-height: 1.3;
cursor: pointer;
transition: background-color .25s ease,color .25s ease;
color: #323232;
background-image: none;
border-radius: 0;
background-color: #cccccc;
}
.menu-modal .sparkle-tabs button.width-100{
max-width:100%;
}
.menu-modal .sparkle-tabs button:hover{
box-shadow: none;
color:white;
}
.menu-modal .sparkle-tabs button.active{ color: white;  
} .modal-menu {
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
}
.modal-menu li {
position: relative;
display: block;
clear: both;
}
.modal-menu li a {
display: flex;
align-items: center;
flex-direction: row;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
min-height: 50px;
text-transform: uppercase;
letter-spacing: .4px;
font-weight: 600;
font-size: 14px;
line-height: 1.3;
border-bottom: 1px solid rgba(129,129,129,.2);
color: #2d2a2a;
width:100%;
}
.modal-menu li.menu-item-has-children > a {
width: 83%;
float: left;
} .modal-menu .sub-menu-toggle {
padding-right: 0;
width: 50px;
height: 50px;
border-left: 1px solid rgba(129,129,129,.2);
border-bottom: 1px solid rgba(129,129,129,.2);
color: #2d2a2a;
text-align: center;
line-height: 50px;
cursor: pointer;
transition: background-color .25s ease,color .25s ease;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
padding: 0;
border-radius: 0;
background-color: transparent;
float: right;
width: 17%;
margin: 0;
}
.sub-menu-toggle i {
transition: transform 0.15s linear;
}
.sub-menu-toggle.active i {
transform: rotate(180deg);
}
.modal-menu li ul.sub-menu{
position: static;
margin: 0;
padding: 0;
width: auto;
background: 0 0;
box-shadow: none;
-webkit-transform: none;
transform: none;
pointer-events: visible;
pointer-events: unset;
visibility: hidden;
opacity: 0;
height: 0;
display: none;
}
.modal-menu li ul.sub-menu.active {
opacity: 1;
visibility:visible;
height: auto;
display: block;
} a.close-side-widget{
text-transform: uppercase;
}
.box-header-nav .sub-menu-toggle,
button.mobile-nav-toggle{
display: none;
background-color: transparent;
padding: 0;
font-weight: normal;
}
.toggle.nav-toggle.mobile-nav-toggle:hover {
color: #232529;
}
@media (max-width: 1024px) {
.admin-bar .menu-modal {
top: 45px;
} .sub-menu-toggle,
button.mobile-nav-toggle{
display: block;
}
.mobile-nav-toggle{
cursor: pointer;
color: #232529;
}
.toggle-inner {
font-size: 22px;
}
}