@media screen and (max-width: 767px) {
.inner_blog{
text-align: center !important;
}
button.owl-next{
right: 12px;
}
button.owl-prev{
left: 12px;
}
.outer-our-blog{
padding: 0;
}
.topbar-note, .my_account_box a, .need_help_box span, .need_help_box a{
padding-right: 0;
}
.testimonials_design, .side_search:after, .about_design, .page-template-home-page #cart_animate, span.dis_text1:after {
display: none;
}
.top_box {
justify-content: center !important;
}
.top_bar_outer, .header-search-bar{
display: block !important;
text-align: center;
}
.delas_product, .flash_product{
max-width: 300px;
margin: 0 auto !important;
position: relative;
}
.media {
display: block !important;
text-align: center;
margin: 0 auto;
}
.location-box{
display: inline-block;
}
.newsletter-banner-head{
max-width: 100%;
}
.side_search, .widget_product_search input {
width: 100%;
display: block !important;
height: auto;
}
form.woocommerce-product-search, .about-details{
margin-top: 20px;
}
.header_meta {
padding: 0 !important;
text-align: center;
width: 100%;
justify-content: center;
margin-top: 20px;
margin-bottom: 20px;
}
.side_search {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 70%;
margin: 0 auto;
}
.top_social{
padding: 0;
border-right: none;
}
.about_inner{
padding: 0;
}
.location-box .media.d-flex {
display: flex !important;
text-align: left;
}
.section_main_head h3, #footer .newsletter h3{
font-size: 22px;
}
.about-image, .contact_columns {
margin-top: 20px;
}
.img_box_text {
text-align: center;
width: 100%;
}
.coupon_code{
display: inline-block;
margin: 5px 10px;
}
.blog-head{
max-width: 100%;
}
.blog_outer {
max-width: 90%;
margin: 0 auto !important;
display: table;
}
.post_inner {
padding: 0;
}
.main-navigation ul{
text-align: left;
}
.section_main_head {
padding-bottom: 20px !important;
text-align: center;
}
.custom_block, .why_choose, .socialbox, .testimonial_text, .copyright p, #footer_box, #footer ul li, .serach_inner form.search-form, .top_box_outer, .about-details, .header-logo-box, .testimonial-box, .bwt-footer-cols{
text-align: center;
}
.records-info img {
margin: 0 auto !important;
margin-bottom: 20px !important;
}
#footer ul li a{
padding-left: 0; 
}
.category_name {
padding-top: 10px;
}
.whychoose_inner{
margin: 0 auto !important;
}
.whychoose_listing_inner .media-body {
display: block !important;
margin-top: 10px;
}
.woocommerce-checkout .woocommerce-checkout .col-1,.woocommerce-checkout .woocommerce-checkout .col-2, .testimonials-head h3, .newsletter-banner-head.section_main_head h3, .newsletter_shortcode.position-relative {
max-width: 100% !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.woocommerce-cart table.cart td.actions .coupon button.button {
width: auto;
margin: 0 auto;
float: none !important;
}
.woocommerce-page table.cart td.actions .button {
margin: 0 auto !important;
}
#slider ol.carousel-indicators, .slide_p, #footer ul li:before, .slide_social_icons {
display: none;
}
section {
padding: 20px 0;
background-size: cover;
}
.logo p {
line-height: 17px;
}
#header .search-form label {
width: 53%;
}
.slider-box {
padding: 0;
max-width: 80%;
border-style: none;
text-align: center;
margin: 0 auto;
clip-path: none;
}
#slider .carousel-prev-button, #slider .carousel-next-button {
bottom: 36%;
}
.logo h1 a {
font-size: 21px;
}
.post-navigation .nav-previous, .post-navigation .nav-next, blockquote, .work-info img {
width: 100%;
}
.search_popup input.search-submit {
padding: 3px 20px;
}
.main-header-box .header-search:after {
border: none;
}
.custom_cls{
margin-top: 0;
}
#deals .owl-nav button{
width: 17%;
}
#deals #timer,#deals .star-rating{
margin: 0 auto;
}
.comments-title:after{
content: none;
}
.site-location-inner{
width: 90%;
}
.topbar_translate .switcher .option {
width: 27%;
}
.entry-title-watermark .entry-title{
display: none;
}
#slider h1{
font-size: 25px;
}
.owl-carousel .owl-dots{
padding-bottom: 20px;
}
.newsletter-banner{
display: block !important;
}
.brand_circle2{
margin-left: 0;
}
.circle1_block, .circle1_text_inner, .circle2_text_inner, .circle2_block{
margin: 0 auto !important;
}
img.people_img1, img.people_img2, img.people_img3 {
left: unset;
right: unset;
top: 0;
margin: 10px 0;
}
.circle1_block, .circle2_block {
display: block !important;
text-align: center;
}
.brand_circle1, .brand_circle2{
width: 300px;
height: 300px;
}
.brand_circle2 img, .brand_circle1 img{
width: 40%;
}
img.brand_bg_design{
left: 0;
}
.brand_circle2 img:nth-child(2), .brand_circle1 img:nth-child(2){
right: -10em;
}
.partner_text {
right: 0;
left: 0;
width: 100%;
}
.newsletter_shortcode input[type="email"] {
width: 100%;
}
.sticky{
padding: 7px 0;
}
#footer-navigation, .copyright-text p, .copyright-text{
text-align: center !important;
}
.discount_coupon{
margin-top: 20px;
}
.woocommerce div.product{
text-align: center;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
display: block;
}
.woocommerce div.product form.cart {
margin-bottom: 2em;
display: flex;
align-items: center;
width: 100%;
justify-content: center;
}
.single-product .yith-wcwl-add-button i{
float: none;
margin: 0;
}
.type-product .related ul{
display: block;
}
.cart_totals {
text-align: center !important;
}
}
@media screen and (min-width: 320px) and (max-width:575px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
margin-bottom: 20px;
}
}
@media screen and (min-width: 768px) and (max-width:991px) {
.top_bar_outer, .top_box {
justify-content: center !important;
}
.side_search{
width: 46%;
padding-right: 20px !important;
}
.header_meta {
padding-left: 20px !important;
}
.header-search-bar {
margin-bottom: 0 !important;
}
#slider h1{
font-size: 32px;
}
#slider {
margin: 27px 0;
}
.about-details {
text-align: center;
}
.about_inner{
padding-right: 0;
}
.top_social {
border-right: none;
}
#slider .carousel-indicators {
top: 50%;
transform: translateY(-50%);
bottom: unset;
}
.coupon_code{
display: inline-block;
margin: 5px 10px;
}
.section_main_head, .testimonials-head h3, .newsletter-banner-head.section_main_head h3{
text-align: center;
max-width: 100%;
}
.whychoose_listing_inner .media, .whychoose_listing_inner .media-body {
display: block !important;
}
.whychoose_inner {
margin: 0 auto !important;
margin-bottom: 10px !important;
}
#why_choose-us .about_outer, .records-info {
margin-bottom: 20px;
}
.brand_circle1, .brand_circle2{
width: 300px;
height: 300px;
}
.brand_circle1 img, .brand_circle2 img{
width: 40%;
}
}
@media screen and (min-width: 992px) and (max-width:1024px) {
.header-search-bar {
margin-bottom: 0 !important;
}
#slider {
margin: 26px 0;
}
.coupon_code{
font-size: 12px;
}
.discount_text{
font-size: 14px;
}
.testimonial_row{
margin-left: 0;
}
.about-image img, .about_design{
animation: none;
}
img.newslettre_design{
display: none;
}
.brand_circle1, .brand_circle2{
width: 300px;
height: 300px;
}
.brand_circle1 img, .brand_circle2 img{
width: 40%;
}
.widget-title{
font-size: 16px;
}
}
@media screen and (max-width: 991px){
.about-image img, .about_design{
animation: none;
}
.row2_products{
margin-bottom: 20px; 
}
.blog_outer .owl-carousel, .container_custom {
padding-left: 0;
}
.feature-block-inner i{
font-size: 32px;
}
.slidesmalltext, img.newslettre_design{
display: none;
}
.popular-stores-box{
background-size: cover;
}
#product-banner1 .popular-stores-box1 img{
width: 50%;
margin: 0 auto;
}
#product-banner1 .popular-stores-box2 img{
margin: 0 auto;
display: block;
width: 80%;
}
#slider .slider-left-image{
margin-top: 0;
}
.slidemainbox-col1{
align-self: center;
}
.single-post-nav .nav-links div{
padding-right: 15px;
}
#deals .owl-nav button{
width: 10%;
}
.carousel-control-prev{
right: 2em;
}
.newsletter_img_column{
margin-top: 0;
text-align: center;
}
#newsletter-banner{
margin-top: 1em;
padding-top: 30px !important;
}
.newsletter-banner {
display: block !important;
}
.bwt-footer-cols{
text-align: center;
}
.footer-col1{
padding: 15px;
}
}
@media screen and (max-width: 1024px) {
#open_nav {
text-align: right !important;
}
.sticky #open_nav{
padding-right: 20px;
}
.main-navigation .current-menu-item.current_page_item a, .main-navigation .current-menu-item.current_page_item:before, .main-navigation ul .current_page_item a{
color: white;
border-bottom-color: white;
}
.toggle-nav {
display: block;
}
.main-menu{
padding-top: 15px;
padding-bottom: 15px;
}
.toggle-nav i {
font-size: 29px;
color: #000000 ;
}
.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;
}
.header-box{
padding: 14px 0;
}
.main-navigation ul li>ul {
display: block !important;
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: 100%;
border-bottom: 1px solid #333;
margin-left: 0;
text-align: left;
}
#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.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;
padding: 0px 0px 0px 10px;
font-size: 12px;
font-weight: 400;
}
.mobile-menu-close{
padding: 0 !important;
}
.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;
}
}
@media screen and (min-width: 1025px) and (max-width:1199px) {
.about-image img, .about_design{
animation: none;
}
img.newslettre_design{
left: -3em;
width: 30%;
right: 0;
}
.widget-title{
font-size: 16px;
}
}