:root {

}
:root {
  --font-poppins: "Poppins";
  --font-Josefin: "Josefin Sans";
}
@media screen and (max-width: 2560px){
	.logo img{
    width: auto;
    height: auto;
    float: right;
	}
	.main-navigation li{
		padding: 21px 9px 21px;
	}
}
@media screen and (max-width: 1399px){
	.section-title a{
		font: 700 17px/22px var(--font-Josefin)
	}
	.upcoming-sale-text{
		font: 300 10px/17px var(--font-poppins);
	}
	#upcoming-sales .upcoming-sale-date{
		font: 600 16px/17px var(--font-Josefin);
	}
	.popular-stores .section-main-title:after{
		width: 11.5em;
	}
	.logo img{
		width: 100%;
	}
}
@media screen and (max-width: 1199px){
	.section-title a{
    font: 700 18px/22px var(--font-Josefin);
	}
	#upcoming-sales .upcoming-sale-date{
		max-width: 50px;
	}
	.page-template-blog-fullwidth-extend #socialGallery{
		left: -50px;
	}
	#latest-blog #socialGallery{
		left: 20px;
	}
	.blog-lr-post #socialGallery{
		left: 5px;
	}
	.store-right-post-block .offer-text{
		font: 600 18px/30px var(--font-Josefin);
	}
	.coupon-title{
		font: 600 20px/30px var(--font-Josefin);
	}
	#slider .slidemidheading{
		font-size: 50px;
	}
	#slider .last_slide_banner_head, .last_slide_head2{
		font-size: 25px;
	}
	#slider .carousel-caption{
		top: 0%;
	}
}
@media screen and (max-width: 1024px) {
	.toggle-nav {
		display: block;
		text-align: right;
	}
	.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;
	}
	.sticky.stickynavbar .toggle-nav i{
		padding-left: 45px;
	}
	.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: absolute;
    right: -75%;
    top: 40%;
    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;
	}
	#sidebar1 .main-navigation ul .menu-item-has-children:hover :after{
		animation: none;
	}
	#sidebar1 .main-navigation ul li.menu-item-has-children li a:after{
		content: 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;
	}
	.main-navigation ul ul li a {
		padding-left: 22px;
	}
	#sidebar1 .main-navigation li ul li:after{
    top: 16px;
    left: 5px;
	}
	.main-navigation ul ul li {
		padding: 0px 12px 5px 12px;
	}
	.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,.main-navigation li {
		padding: 0;
		display: block;
		width: 250px;
		animation: menuli 1s 1;
		border-bottom: 1px solid #333;
		margin-left: 20px;
	}
	.main-navigation{
		margin-top: 15% !important;
	}
	.main-navigation ul li a {
		padding: 16px 6px 16px 0px;
		display: block;
		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);
	  }
	}
	.main-navigation ul li a:before{
		content: none;
	}
	#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, .main-navigation li{
		animation: none;
	}
	.main-navigation a, a:not([href]):not([class]), a:not([href]):not([class]):hover{
	    text-align: left;
	    left: 15px;
	    padding: 16px 6px 16px 0px;
	    font-size: 12px;
	    font-weight: 400;
	}
	.section-main-title{
		font: 700 33px/30px var(--font-Josefin);
	}
	.latest-blog-date, .news-comments{
		font-size: 13px;
	}
	#socialGallery{
		top: -6px;
		left: 6px;
	}
	.main-navigation .current-menu-item{
		border: none;
	}
	.search-box [type=search]{
		font-size: 12px;
	}
}
@media screen and (max-width: 991px){
	.section-main-title{
		font-size: 28px;
	}
	.featured-coupon-box .owl-dots,#feature-stores .owl-dots{
		text-align: center;
	}
	section{
		padding: 40px 0;
	}
	.coupon-banner-img img{
		height: auto;
	}
	#latest-blog #socialGallery{
		left: -4px;
	}
	.feature-box img{
		width: 100%;
	}
	.blog-meta.metabox .entry-comments, .blog-meta.metabox .entry-date{
		font-size: 14px;
	}
	.page-template-blog-fullwidth-extend #socialGallery{
		left: 0;
	}
	.slider-banner{
		background-image: unset !important;
		background-color: #d1e5f7;
	}
	#respond input[type=submit]{
		width: 45% !important;
	}
}
@media screen and (max-width: 767px) {
	#upcoming-sales .upcoming-sale-date{
		max-width: 43px;
	}
	.coupon-store-button{
		text-align: center;
	}
	.box.inner-box2{
		margin-top: 10%;
	}
	#coupon-banner .section-main-title{
		width: 100%;
	}
	.blog_share_icon{
		position: relative;
		left: -23%;
	}
	.blog-lr-post .blog_share_icon{
		left: 0;
	}
	.blog-lr-post #socialShare > .socialBox{
		text-align: left;
	}
	.blog-lr-post #socialGallery{
		left: 30px;
	}
	#socialGallery{
		left: -14px;
	}
	.single .blog_share_icon{
		left: 0;
	}
	#latest-blog #socialGallery{
		left: 14px;
	}
	.store-button i{
		right: -1%;
	}
	.slider-brand{
		display: none;
	}
	#slider .carousel-caption{
		top: 4%;
	}
	#top_category .top-cat-title >div{
		margin-top: 10%;
	}
	#top_category .inner-box2 .top-cat-title-main, #top_category .inner-box3 .top-cat-title-main{
		margin-top: 5%;
	}
	.list-tab .list-tab-title{
		font-size: 14px;
	}
	.list-tab i{
		font-size: 23px;
	}
	.banner-image .entry-title,.bradcrumbs a, .bradcrumbs span, .bradcrumbs,.main_title h1,h1.entry-title,h1.page-title,.woocommerce h1{
		text-align: center !important;
	}
}
@media screen and (max-width: 575px) {
	.section-main-title{
		font: 700 30px/35px var(--font-Josefin);
	}
	.section-small-title{
		font-size: 15px;
	}
	#slider .carousel-caption{
		top: 10%;
	}
	.header-box{
		border-top-left-radius: 0px;
	}
	.box.inner-box2,.box.inner-box3{
		margin-top: 18% !important;
	}
	.logo img{
		width: auto;
   		margin: 0 auto;
    	display: block;
	}
	section{
		padding: 30px 0;
	}
	.feature-store-box{
		margin-bottom: 10%;
	}
	.popular-stores hr{
	    width: 70%;
	    text-align: center;
	    margin: 0 auto;
	}
	.partner-box:nth-child(5), .partner-box:nth-child(6), .partner-box:nth-child(7), .partner-box:nth-child(8){
		border-bottom: 2px solid #ededed;
	}
	.coupon-store-info{
		order: 1;
	}
	.coupon-store-off{
		order: 2;
	}
	.coupon-store-button{
		order: 3;
	}
	.store-button i{
		right: -3%;
	}
	.widget-title{
		margin-top: 25px;
	}
	.store-right-block,.outer-footer #bwt-footer_box p,.widget-title,.custom-social-icons,.widget_nav_menu ul{
		text-align: center;
	}
	.widget_media_image img{
		margin: 0 auto 22px;
    display: block;
	}
	.copyright-text p{
		font-size: 15px;
	}
	input[type=submit]{
		margin: 0px auto 0px;
    display: block;
	}
}
@media screen and (max-width: 530px) {
	.page-template-blog-fullwidth-extend #socialGallery{
		left: 15px !important;
	}
	#slider p{
		display: none;
	}
}
@media screen and (max-width: 425px) {
	#latest-blog #socialGallery{
		left: 45px;
	}
	.page-template-blog-fullwidth-extend #socialGallery{
		left: 40px !important;
	}
	#slider .slidemidheading{
		font-size: 40px;
		line-height: 30px;
	}
	#slider .last_slide_banner_head, .last_slide_head2{
		font-size: 20px;
	}
	#top_category .tab-pane,#top_category .tab-pane .container{
		padding: 0;
	}
	#submit-coupon .nav-tabs{
		display: block;
	}
	#submit-coupon .tab-title li:first-child a{
		border-right: 2px solid var(--color-sky-blue);
	}
	#submit-coupon .tab-title li:nth-child(3) a{
		border-left: 2px solid var(--color-sky-blue);
	}
}
@media screen and (max-width:320px){
	.coupon-store-button{
		padding: 0;
	}
		#slider button{
		display: none;
	}
	.store-button .code-number{
		font-size: 14px;
	}
}