/*
Theme Name: Grocery Shopping Pro
Theme URI: https://www.misbahwp.com/themes/grocery-store-wordpress-theme/
Description: For creating a wonderful online grocery store, this Grocery WordPress Theme gives you plenty of resources. Designed with grocery shops, online food, and daily need products as well as eCommerce stores in mind, you will never fail to impress the potential buyers. To give your buyers a fine online shopping experience, it brings you plenty of options such as add to cart, and similar options. This is a premium quality theme making it possible to get a highly customized website for your grocery store. In this Grocery Store WordPress Theme, you will find a Live Theme Customizer that brings simple and easy single-click customization options. The color combinations and imagery used in this theme’s design give a charming effect to your website.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 6.0
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: grocery-shopping-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
}

body {
 	font-family: 'Overpass', sans-serif;
  color: #222222;
  margin:0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Overpass', sans-serif;
}

a {
  color:#222222;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#ed1e3c;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.register,.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login{
	background: #fff;
	color: #212121;
}
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #171f23;
}
.page-404 h3{
	font-size: 38px;
	color: #171f23;
}
.page-404 hr{
	width: 10%;
	background: #ed1e3c;
	padding: 1px;
}
.page-404 p{
	margin-left: 30%;
	margin-right: 30%;
}
.page-404 .intro-button{
  display: inline-block;
  padding: 15px 40px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  background: #ed1e3c;
  font-weight: 400;
  font-size: 18px;
}
.page-404 .intro-button,
.page-404 .intro-button::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after{
	background: #ed1e3c;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button:hover{
  color: #fff;
  background:#1b1a29;
}
.page-404 .intro-button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background:#1b1a29;
}
.page-404 .intro-button:hover:after{
  width: 100%;
}
.page-404 a{
	color: #fff;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color:#ffffff;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#ed1e3c;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #ffffff;
  padding: 5px 8px;
  font-size: 18px;
  text-align: center;
  
}
.social-links a:hover{
	color: #1b1a29; 
	margin-bottom: 0;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color:#000000;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:9px 30px;
	padding-left: 0;
	margin:0;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:42px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#ed1e3c;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul li:hover .sub-menu {
	display: block;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #767c83;
	-webkit-transition: 
	all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;}

#main-menu ul.sub-menu li a:before {
	left: 0;
	border: 1px solid #ed1e3c;
	border-left: 0;
	border-right: 0;
}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: #ed1e3c;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #ed1e3c;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color:#555555;
	margin: 30px 0;
}
 .header-search .open-search-form i:hover{
 	color: #ed1e3c;
 }
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box,.post-single,.page-single {
  background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 17px;
 	color: #ffffff;
	font-weight: 600;
}
.latest-post :hover h4 a{
	color: #ed1e3c;
}
.post-content p{
	color: #555555;
	font-weight: 400;
	t
}
.post-content .admin{
	text-transform: capitalize;
}
.post-meta i{
	color: #ed1e3c;
}
.post-meta span {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  color:#222222;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
    float: left;
    width: 100%;
}
.latest-post {
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
}
.latest-post .dummy-images {
  background: #ed1e3c;
  height: 410px;
  border-radius: 10px;
}
.search-post {
	height: 550px;
}

.latest-post .content_box {
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
  background: #ffffff;
  border-radius: 5px;
}
.latest-post .post-content{
	font-size: 15px;
	color: #555555;
}
 
.latest-post .post-meta{
  color: #222222;
  text-align: center;
  padding: 5px;
}
.latest-post .post-meta .date-day{
	font-size: 28px;
	color: #fff;
	font-weight: 600;
}
.latest-post .post-meta .date-month{
	font-size: 20px;
	color: #222222;
	font-weight: 400;
}
.latest-post .catname {
    background: #fef8ec;
    padding: 12px 15px;
    position: absolute;
    top: 43%;
    left: 62%;
    font-size: 14px;
    border-radius: 5px;
    color: #555555;
    font-weight: 400;
}
.latest-post .post-hr {
    background: #888888;
    margin-right: 75%;
    padding: 1px;
}
.latest-post .admin a, .latest-post span{
	color: #555555;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
}
.latest-post .comments{
	color: #555555;
	font-weight: 500;
	text-transform: capitalize;
}
.latest-post i{
	color: #ed1e3c;
}
.latest-post .fas{
	color: #888888;
	position: relative;
  left: 10px;
}
.latest-post .post-meta a {
    color:#ffffff;
    font-weight: 500;
    font-size: 18px;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
.latest-post figure:hover+span{
	opacity: 1;
}

.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
.latest-post .latest-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #ed1e3c;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#ffffff ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #ed1e3c;
	color: #ffffff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background-color:#1b1a29;
  color: #ffffff;
}
.post-single {
	display: block;
}
label{
	display: block;
}
.latest-post .read_more{
	color: #201f1f;
	font-weight: 500;
	text-transform: capitalize;
	float: left;
}
.latest-post .read_more:hover {
	color: #ed1e3c;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #ed1e3c;
  border: none;
  color: #ffffff;
  padding: 10px;
  font-weight: 600;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color:#1b1a29;
  border: 1px solid transparent;
  color: #ffffff;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
	border-radius: 5px;
  background: #ed1e3c;
  padding: 5px 15px;
  color: #ffffff;
}
.comment-reply a:hover {
  background-color:#1b1a29;
  border: 1px solid transparent;
  color: #ffffff;
  text-decoration: none;
}

 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }
  
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #ed1e3c;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
  #main-menu ul.sub-menu li a:hover:after {
  	background: transparent;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.grocery-shopping-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.grocery-shopping-pro-pagination a span,
.grocery-shopping-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.grocery-shopping-pro-pagination span.current,
.grocery-shopping-pro-pagination span.current:hover,
.grocery-shopping-pro-pagination span.current:focus,
.grocery-shopping-pro-pagination a span:hover,
.grocery-shopping-pro-pagination a span:focus {
	background:#ed1e3c;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #ed1e3c;
	color: #ffffff;
	border:none;
	font-size:14px;
	border-radius: 5px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
	box-shadow: 0px 5px 16px 0px rgb(200 183 255 / 30%);
	background: #fff;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 16px;
  font-weight: 500;
  color: #222222;
}
.sidebar-area li {
  padding-bottom: 15px;
  color:#222222;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #ed1e3c;
  background: #1b1a29;
  color: #ffffff;
  font-size: 24px;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #ed1e3c;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 68%;
  margin: 0;
  padding: 12px;
  background-color: transparent;
  border: 1px solid #ededed;
  float: unset;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
#wp-calendar tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: transparent;
  border: none;
}
.searchform input[type=submit]{
	background: #ed1e3c;
	border: none;
	color: #ffffff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#1b1a29;
	text-decoration:none;
	color: #fff;
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area select#archives-dropdown--1, .sidebar-area select#cat{
	width: 100%;
}
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 14px;
  }

footer {
	background: #171f23;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #8583a1;
	font-weight: 400;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 10px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}

/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #ed1e3c;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll:hover,#button_scroll:active {
  cursor: pointer;
  background: #1b1a29;
  color: #fff;
}
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll,
#button_scroll::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after{
	background: #ed1e3c;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll:hover{
  color: #fff;
  background: #1b1a29;
}
#button_scroll::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #1b1a29;
}
#button_scroll:hover:after{
  width: 100%;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #fff transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #ed1e3c transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}
a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 
/*Body*/

.logo-image img{
	width: 100%;
}
.top-header{
	background: #ed1e3c;
}
#site-navigation{
	background: #ffffff;
}
.top-header .logo-content span{
	color: #fff;
	float: left;
}
.top-header span{
	color: #ffffff;
  font-weight: 400;
  font-size: 14px;
}
.top-header .content a{
	color: #fff;
}
.top-header .content a:hover{
	color: #ed1e3c;
}
.top-header .logo-content a{
	color: #fff;
	font-size: 34px;
	font-weight: 600;
}
.top-header .logo-content a:hover{
	color: #ed1e3c;
}
.top-header .dashicons{
  font-size: 20px;
  color: #ffffff;
}

input#woocommerce-product-search-field{
  border: none;
  border-radius: 25px;
	background: #f2f2f2;
  outline: none;
  padding: 12px 20px;
  width: 95%;
}
button.search-button {
    border: none;
    position: absolute;
    right: 48px;
    top: 10px;
    outline: none;
    background: none;
}
i.fas.fa-shopping-cart {
    font-size: 22px;
    color: red;
}
.shopping-cart .widget.woocommerce.widget_shopping_cart{
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 100;
	background: #ffff;
	width: 280px;
	border: none;
	padding: 15px 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 10px rgb(62 68 90 / 10%);
  box-shadow: 0px 5px 10px rgb(62 68 90 / 10%);
  -webkit-transition: all 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  transition: all 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99);
  visibility: hidden;

}
.shopping-cart:hover .widget.woocommerce.widget_shopping_cart{
	visibility: visible;
}
.shopping-cart .woocommerce .widget_shopping_cart .total strong, .shopping-cart .woocommerce.widget_shopping_cart .total strong{
	float: left;
}
.shopping-cart p.woocommerce-mini-cart__total.total bdi{
	float: right;
	color: #ed1e3c;
	font-size: 18px;
}
.shopping-cart .widget.woocommerce.widget_shopping_cart span.woocommerce-Price-amount.amount{
	color: #ed1e3c;
}
.shopping-cart  .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a{
	border: none;
}
.shopping-cart {
	position: relative;
	/*right: 30px;*/
	left: 25px;
}
.shopping-cart .cart-text{
	color: #222222;
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
}
p.cart-item-box {
    position: absolute;
    left: 52%;
    top: 4px;
    font-weight: 800;
}

/*SLIDER SECTION*/ 

#slider .slider-content {
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 47%;
	left: 15%;
}
#slider h5{
	background: #ed1e3c;
	color: #ffffff;
	font-weight: 600;
	border-radius: 6px;
	width: 54%;
	padding: 10px 20px;
}
#slider h1{
	text-transform: capitalize;
  font-size: 65px;
  color: #ffffff;
  font-weight: 700;
}
#slider h4{
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
}

#slider .button1{
  background: #ed1e3c;
  padding: 15px 40px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#slider .button1:hover{
  background: #1b1a29;
  border-radius: 10px;
  color: #ffffff;
}
#slider .button1,
#slider .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#slider .button1::before,
#slider .button1::after {
  background: #ed1e3c;
  content: '';
  position: absolute;
  z-index: -1;
}
#slider .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#slider .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 15px;
}
#slider .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #1b1a29;
  margin: 0 5px;
  outline: none;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#ed1e3c;
  border-radius: 20px;
}

/*CASH BACK SECTION*/

#cashback figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
  border-radius: 10px;
}
#cashback figure:hover+span{
  opacity: 1;

}
#cashback figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;

}
#cashback .product-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;

}
#cashback img{
	width: 100%;
}
#cashback .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  position: relative;
  bottom: 0;
}
#cashback .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #1b1a29;
  margin: 0 5px;
  outline: none;
}
#cashback .owl-dots button.owl-dot.active {
  background-color:#ed1e3c;
  border-radius: 20px;
}

/*DEAL SECTION*/

#deal h3{
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 36px;
}
#deal .sub-text{
  color: #888888;
	font-weight: 400;
	font-size: 18px;
	width: 85%;
}
#deal .countdowntimer{
  display: inline-block;
}
#deal .countdown{
  display: flex;
}
#deal .timercolr{
  color: #222222;
	font-weight: 700;
	font-size: 36px;
	margin: 0 15px;
	position: relative;
}
#deal .dot{
	color: #222222;
	font-weight: 700;
	font-size: 36px;
}
#deal .countdowntimer span{
  font-size: 16px;
  color: #888888;
	font-weight: 400;
  margin-bottom: 0px;
  text-align: center;
  position: relative;
  bottom: 30px;
}
#deal img{
  width: 100%;
}
#deal h5.product-titel a{
 	color: #222222;
	font-weight: 800;
}
#deal h5.product-titel a:hover{
  color: #ed1e3c;
}
#deal .product-content{
	color: #888888;
	font-weight: 400;
}
#deal .price{
	float: right;
	color: #222222;
	font-weight: 800;
	font-size: 22px;
}
#deal ins span.woocommerce-Price-amount.amount{
  color: #222222;
	font-weight: 800;
  font-size: 18px;
  float: right;
  text-decoration: none;
}
#deal ins{
  text-decoration: none;
}
#deal del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
#deal .icon {
  color: #000000;
  text-align:center;
  position: absolute;
  transform: translateY(-100px);
  bottom: 15px;
  right: -30px;
   -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
   -webkit-font-smoothing: antialiased;
   cursor: pointer;
}
#deal .icon:hover{
  color: #6f46c5;
}
#deal .icon::before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f07a";
}
#deal .icon:before{
  z-index: 99;
  position: relative;
}
#deal .box{
  overflow: hidden;
  position: relative;
}
#deal .box img{
  width: 100%;
  height: auto;
  transition: all 0.3s ease 0s;
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
}
#deal .box .box-content{
  color: #fff;
  background: transparent;
  text-align: center;
  width: 155px;
  padding: 12px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: 37%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
}
#deal .box .box-content:hover{
  background: transparent;
}
#deal .box-content:hover{
  background: transparent;
}
#deal .box:hover .box-content{ opacity: 1; }
#deal .box .box-content:before,
#deal .box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
#deal .box:hover .box-content a:before,
#deal .box:hover .box-content a:after{
    transform: scale(1.4);
}
#deal .box-content a.added_to_cart.wc-forward{
  position: relative;
  float: right;
  right: 15px;
  color: #fff;
  padding: 10px 20px;
  top: 20px;
  background: #ed1e3c;
  font-size: 14px;
  border-radius: 10px;
}
#deal .box-content a.added_to_cart.wc-forward:hover{
	background: #1b1a29;
}
#deal .box-content a#sp-wqv-view-butto{
	position: absolute;
	top: 100px;
}
#deal .box-content  a.button{
  margin: 5px 0;
  color: #ffffff;
  font-weight: 600;
  background: #ed1e3c;
  border-radius: 10px;
  padding: 15px 20px;
  font-size: 13px;
  transition: all 0.2s; 
  text-decoration: none;
  text-transform: capitalize;
}
#deal .box-content  a.button:hover{
	background: #1b1a29;
}
#deal .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
#deal .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
  position: absolute;
  transform: translateY(-100px);
  overflow: hidden;
  bottom: 100px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  right: -20px;
  width: 40px;
  height: 40px;
  background: #0e0f0f;
}
#deal .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,
 #deal .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover{
  background: #60cb92;
 }
#deal a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after.tinvwl-product-in-list{
  background: #60cb92;
  color: #fff;
  border: none;
}
#deal .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #7dc242;
  margin: 10px 0;
}
#deal .star-rating::before {
  content: "\73\73\73\73\73";
  color: #a9b6be;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#deal .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#deal .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#deal #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart,
#deal #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart,
#deal #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart{
  position: absolute;
  transform: translateY(-100%);
  bottom: 35px;
  left: 95%;
  font-size: 20px;
  color: #000000;
  border: none;
  background: none;
}
#deal #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart:hover,
#deal #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart:hover,
#deal #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart:hover{
  color: #6f46c5; 
}
#deal a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after {
  transform: translateY(-100%);
  position: relative;
  color: #000000;
  bottom: 55px;
  left: 72%;
  display: none;
}
#deal a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after:hover{
  color: #6f46c5; 
} 
.wqv-product-images img{
  padding: 10px;
}
#deal figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
}
#deal figure:hover+span{
  opacity: 1;
}
#deal figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;

}
#deal .product-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
#deal .dashicons{
  float: right;
  color: #040405;
  font-size: 30px;
  position: relative;
  bottom: 60px;
}
#deal span.onsale {
	display: none;
  position: absolute;
  background: #6dc479;
  padding: 10px 5px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  top: 10px;
  left: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
}
#deal .tab-product:hover span.onsale{
  background: #000000;
}
#deal .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before{
  font-size: 20px;
}
#deal .button1{
  background: #ed1e3c;
  padding: 15px 45px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#deal .button1:hover{
  background: #1b1a29;
  border-radius: 10px;
  color: #ffffff;
}
#deal .button1,
#deal .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#deal .button1::before,
#deal .button1::after {
  background: #ed1e3c;
  content: '';
  position: absolute;
  z-index: -1;
}
#deal .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#deal .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#deal a#sp-wqv-view-button{
	position: relative;
	top: 130px;
}

/*SERVICES SECTION*/

#services{
	background-color: transparent !important;
}
#services .services_box1{
	border-radius: 10px;
	background: #262538;
}
#services .box-services1:after{
	content: "";
  background: #ed1e3c;
  width: 5px;
  height: 25%;
  position: absolute;
  top: 58px;
  right: 51%;
  left: 10.5%;
  border-radius: 0px 10px 10px 0px;
}
#services .services_box2{
	border-radius: 10px;
	background: #262538;
}
#services .box-services2:after{
	content: "";
  background: #ed1e3c;
  width: 5px;
  height: 25%;
  position: absolute;
  top: 59%;
  right: 51%;
  left: 10.5%;
  border-radius: 0px 10px 10px 0px;
}
#services .services_div1{
	position: relative;
	right: 50px;
}
#services .services_div2{
	position: relative;
	left: 60px;
}
#services .dashicons{
	font-size: 65px;
	color: #ed1e3c;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#services .services_box1:hover .dashicons{
  transform: rotate(360deg);
}
#services .title{
	color: #ffffff;
	font-weight: 900;
}
#services .content{
	color: #8a89aa;
	font-weight: 400;
}

/*SPECIAL PRODUCT SECTION*/

#special_product h3{
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 36px;
}
#special_product .sub-text{
  color: #888888;
	font-weight: 400;
	font-size: 18px;
	margin-left: 25%;
	margin-right: 25%;
}
#special_product img{
  width: 100%;
}
#special_product h5.product-titel a{
 	color: #222222;
	font-weight: 800;
}
#special_product h5.product-titel a:hover{
  color: #ed1e3c;
}
#special_product .product-content{
	color: #888888;
	font-weight: 400;
}
#special_product .price{
	float: right;
	color: #222222;
	font-weight: 800;
	font-size: 22px;
}
#special_product ins span.woocommerce-Price-amount.amount{
  color: #222222;
	font-weight: 800;
  font-size: 18px;
  float: right;
  text-decoration: none;
}
#special_product ins{
  text-decoration: none;
}
#special_product del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
#special_product .icon {
  color: #000000;
  text-align:center;
  position: absolute;
  transform: translateY(-100px);
  bottom: 15px;
  right: -30px;
   -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
   -webkit-font-smoothing: antialiased;
   cursor: pointer;
}
#special_product .icon:hover{
  color: #6f46c5;
}
#special_product .icon::before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f07a";
}
#special_product .icon:before{
  z-index: 99;
  position: relative;
}
#special_product .box{
  overflow: hidden;
  position: relative;
}
#special_product .box img{
  width: 100%;
  height: auto;
  transition: all 0.3s ease 0s;
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
}
#special_product .box .box-content{
  color: #fff;
  background: transparent;
  text-align: center;
  width: 155px;
  padding: 12px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: 37%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
}
#special_product .box .box-content:hover{
  background: transparent;
}
#special_product .box-content:hover{
  background: transparent;
}
#special_product .box:hover .box-content{ opacity: 1; }
#special_product .box .box-content:before,
#special_product .box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
#special_product .box:hover .box-content a:before,
#special_product .box:hover .box-content a:after{
    transform: scale(1.4);
}
#special_product .box-content a.added_to_cart.wc-forward{
  position: relative;
  float: right;
  right: 15px;
  color: #fff;
  padding: 10px 20px;
  top: 20px;
  background: #ed1e3c;
  font-size: 14px;
  border-radius: 10px;
}
#special_product .box-content a.added_to_cart.wc-forward:hover{
	background: #1b1a29;
}
#special_product .box-content  a.button{
  margin: 5px 0;
  color: #ffffff;
  font-weight: 600;
  background: #ed1e3c;
  border-radius: 10px;
  padding: 15px 20px;
  font-size: 13px;
  transition: all 0.2s; 
  text-decoration: none;
  text-transform: uppercase;
}
#special_product .box-content  a.button:hover{
	background: #1b1a29;
}
#special_product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
#special_product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
  position: absolute;
  transform: translateY(-100px);
  overflow: hidden;
  bottom: 100px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  right: -20px;
  width: 40px;
  height: 40px;
  background: #0e0f0f;
}
#special_product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,
#special_product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover{
  background: #60cb92;
 }
#special_product a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after.tinvwl-product-in-list{
  background: #60cb92;
  color: #fff;
  border: none;
}
#special_product .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #7dc242;
  margin: 10px 0;
}
#special_product .star-rating::before {
  content: "\73\73\73\73\73";
  color: #a9b6be;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#special_product .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#special_product .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#special_product #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart,
#special_product #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart,
#special_product #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart{
  position: absolute;
  transform: translateY(-100%);
  bottom: 35px;
  left: 95%;
  font-size: 20px;
  color: #000000;
  border: none;
  background: none;
}
#special_product #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart:hover,
#special_product #wps-slider-section .sp-wqv-view-button.button.before_add_to_cart:hover,
#special_product #wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart:hover{
  color: #6f46c5; 
}
#special_product a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after {
  transform: translateY(-100%);
  position: relative;
  color: #000000;
  bottom: 55px;
  left: 72%;
  display: none;
}
#special_product a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after:hover{
  color: #6f46c5; 
} 
.wqv-product-images img{
  padding: 10px;
}
#special_product figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
}
#special_product figure:hover+span{
  opacity: 1;

}
#special_product figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;

}
#special_product .product-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;

}
#special_product .dashicons{
  float: right;
  color: #040405;
  font-size: 30px;
  position: relative;
  bottom: 60px;
}
#special_product span.onsale {
	display: none;
  position: absolute;
  background: #6dc479;
  padding: 10px 5px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  top: 10px;
  left: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
}
#special_product .tab-product:hover span.onsale{
  background: #000000;
}
#special_product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before{
  font-size: 20px;
}
#special_product .button1{
  background: #ed1e3c;
  padding: 15px 45px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#special_product .button1:hover{
  background: #1b1a29;
  border-radius: 10px;
  color: #ffffff;
}
#special_product .button1,
#special_product .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#special_product .button1::before,
#special_product .button1::after {
  background: #ed1e3c;
  content: '';
  position: absolute;
  z-index: -1;
}
#special_product .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#special_product .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#special_product a#sp-wqv-view-button{
	position: relative;
	top: 130px;
}

/*BEST OFFER SECTION*/

#best_offer figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
  border-radius: 10px;
}
#best_offer figure:hover+span{
  opacity: 1;

}
#best_offer figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;

}
#best_offer .product-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;

}
#best_offer h3{
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 36px;
}
#best_offer .sub-text{
  color: #ffffff;
	font-weight: 400;
	font-size: 18px;
	margin-right: 25%;
	margin-left: 25%;
}
#best_offer img{
	width: 100%;
}
#best_offer .offer_box1{
	transform: translateY(-50%);
	position: absolute;
  top: 50%;
  right: 10%;
}
#best_offer .special-text{
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	font-weight: 600;
	font-size: 42px;
	text-transform: capitalize;
}
#best_offer .all-product{
	font-family: 'Oswald', sans-serif;
	letter-spacing: 4px;
	color: #ffffff;
	font-weight: 400;
	font-size: 24px;
	text-transform: unset;
}
#best_offer .order-text{
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	font-weight: 600;
	font-size: 46px;
	text-transform: capitalize;
}
#best_offer .gift-text{
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	border-radius: 6px;
	color: #ffffff;
	font-size: 14px;
  padding: 5px 25px;
  letter-spacing: 1px;
	background: #202020;
}
#best_offer .order-value{
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	color: #ffffff;
	font-weight: 400;
}

#best_offer .offer_box2{
	transform: translateY(-50%);
	position: absolute;
  top: 50%;
  right: 10%;
}
#best_offer .flat{
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	color: #5ba35e;
	font-weight: 600;
	font-size: 28px;
}
#best_offer .per-text{
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	color: #5ba35e;
	font-weight: 600;
	font-size: 54px;
}
#best_offer .cashback{
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	color: #5ba35e;
	font-weight: 600;
}

#best_offer .offer_box3{
	transform: translateY(-50%);
	position: absolute;
  top: 37%;
  right: 10%;
  left: 10%;
}
#best_offer .get-upto{
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	color: #ffffff;
	font-weight: 600;
}
#best_offer .price{
	font-family: 'Oswald', sans-serif;
	color: #fef73f;
	font-weight: 600;
	font-size: 50px;
}
#best_offer .cashback2{
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	color: #ffffff;
	font-weight: 600;
	transform: rotateZ(269deg);
  position: absolute;
  right: 0;
  top: 32px;
  left: 115px;
  font-size: 18px;
}


#best_offer .offer_box4{
	transform: translateY(-50%);
	position: absolute;
  top: 75%;
  right: 10%;
}
#best_offer .natural{
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	color: #3c8898;
	font-weight: 700;
	font-size: 40px;
}
#best_offer .quality{
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	border-radius: 6px;
	background: #3c8898;
	color: #ffffff;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 5px 20px;
  font-size: 13px;
}
#best_offer .get-per{
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
	color: #3c8898;
	font-weight: 600;
	font-size: 18px;
}

/*FIND CATEGORIES SECTION*/

#find_categories figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#find_categories figure:hover+span{
  opacity: 1;
}
#find_categories img{
	width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#find_categories img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.9;
}

#find_categories h3{
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 36px;
}
#find_categories .sub-text{
  color: #888888;
	font-weight: 400;
	font-size: 18px;
}
#find_categories img{
	width: 100%;
}
#find_categories .categories_box{
	border: 1px solid #e1e1e1;
	border-radius: 6px;
}
#find_categories .categories_box:hover{
	background: #ed1e3c;
}
#find_categories .dashicons{
	font-size: 45px;
  color: #ed1e3c;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#find_categories .categories_box:hover .dashicons{
  transform: rotate(360deg);
}
#find_categories .categories_box:hover .dashicons{
	color: #ffffff;
}
#find_categories .title{
	color: #222222;
	font-weight: 800;
}
#find_categories .categories_box:hover .title a{
	color: #ffffff;
}

/*TESTIMONIAL SECTION*/

#testimonial h3{
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 36px;
}
#testimonial .sub-text{
  color: #ffffff;
	font-weight: 400;
	font-size: 18px;
	margin-left: 25%;
	margin-right: 25%;
}
#testimonial .testimonial_box{
	background: #252433;
	border: 1px solid #3a3853;
}
#testimonial .icon{
	color: #ed1e3c;
  position: absolute;
  font-size: 40px;
  bottom: 80%;
  transform: rotateZ(180deg);
}
#testimonial .testimonial_content{
	color: #8b8ea6;
	font-weight: 400;
}
#testimonial .testimonial_title{
	color: #ffffff;
	font-weight: 700;
}
#testimonial img{
	width: auto;
	position: relative;
  right: 15px;
  float: right;
}
#testimonial .owl-carousel .owl-nav{
	display: block;
	position: absolute;
	right: 4%;
  bottom: 10%;

}
#testimonial .owl-carousel .owl-nav button.owl-prev{
 	position: relative;
  color: #ffffff;
  font-size: 24px;
  float: left;
  right: 130px;
}
#testimonial .owl-carousel .owl-nav button.owl-next{
 	position: relative;
  color: #ed1e3c;
  font-size: 24px;
} 

/*DOWNLOAD SECTION*/

#download figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#download figure:hover+span{
  opacity: 1;
}
#download .downld-img img{
	width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#download .downld-img img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.9;
}
#download h3{
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 36px;
}
#download .sub_content{
	color: #888888;
	font-weight: 400;
}
#download .sub_text{
	color: #222222;
	font-weight: 800;
}
#download input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
  background: #ffffff;
  border: 1px solid #e3e9fb;
  outline: none;
  padding: 15px 15px;
  border-radius: 10px 0px 0px 10px;
  width: 70%;
}
#download input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder{
	color: #a9b6be;
	font-weight: 300;
}
#download input.wpcf7-form-control.has-spinner.wpcf7-submit {
  padding: 15px 25px;
  outline: none;
  border: none;
  border-radius: 0px 10px 10px 0px;
  background: #ed1e3c;
  color: #ffffff;
  cursor: pointer;
}
#download input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #1b1a29;
}

/*INSTAGRAM SECTION*/

#instagram h3{
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 36px;
}
#instagram .sub-text{
  color: #888888;
	font-weight: 400;
	font-size: 18px;
	margin-right: 32%;
	margin-left: 32%;
}
#instagram .button1{
  background: #ed1e3c;
  padding: 15px 45px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#instagram .button1:hover{
  background: #1b1a29;
  border-radius: 10px;
  color: #ffffff;
}
#instagram .button1,
#instagram .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#instagram .button1::before,
#instagram .button1::after {
  background: #ed1e3c;
  content: '';
  position: absolute;
  z-index: -1;
}
#instagram .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#instagram .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*BRANDS SECTION*/

#brands .owl-carousel .owl-item img{
  width: auto;
  display: initial;
}
#brands .owl-carousel .owl-item img:hover{
  -webkit-filter: inherit;
    filter: inherit;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);

}

/*Footer Section*/

.footer-area ul {
    list-style: none;
    line-height: 2;
    padding: 0 10px;
  }
.footer-area .textwidget ul li {
  margin: 15px 0;
  font-size: 16px;
  color: #8583a1;
  font-weight: 500;
}
.footer-area li{
	color: #8583a1;
	list-style: disc;
	font-size: 16px;
}
.footer-area .textwidget ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-right: 10px;
}
.footer-area h4.title{
	color: #ffffff;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
 .footer-area bdi{
 	color: #ed1e3c;
}
 .footer-area input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    width: 100%;
    background: #e9e5de;
    border: none;
    padding: 10px 10px;
    color: #a6a5a5;
    outline: none;
    border-radius: 5px;
}
.footer-area input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder{
	color: #ffffff;
	font-weight: 400;
}
 .footer-area input.wpcf7-form-control.has-spinner.wpcf7-submit {
 		width: 100%;
    padding: 10px 20px;
    background: #ed1e3c;
    color: #ffffff;
		font-weight: 400;
    border-radius: 5px;
    border: none;
    margin: 15px 0px;
    cursor: pointer;
}
.footer-area input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	background: #ffffff;
	color: #ffffff;
	border: 1px solid #ffffff;
}
.footer-area hr{
	background: #ed1e3c;
	border: none;
	height: 1.5px;
	margin-right: 50%;
}
.footer-area hr:after{
	content: "";
	background: #ed1e3c;
	width: 90%;
	height: 1.5px;
	position: relative;
	display: inline-block;
	bottom: 15px;
}
 .footer-area li::marker{
	color: #8583a1;
}
.copyright img {
    width: auto !important;
    float: right;
}
.copyright_box {
  background: #232134;
  color: #ffffff;
	font-weight: 600;
}
.copyright p{
  color: #8583a1;
  margin-bottom: 0;
}
.copyright a{
	color: #ed1e3c;
}
.copyright a:hover{
	 color: #8583a1;
}
.footer-area  .fab{
  background: transparent;
  border-radius: 50%;
  margin-right: 15px;
  margin-top: 15px;
  color: #555555;
  cursor: pointer;
  font-size: 22px;
  text-align: center;
}
.footer-area .fab:hover{
  color: #ed1e3c;
}
.footer-area .post-thumbnail img {
  height: 70px;
  float: right;
}
.footer-area .post-title {
  font-size: 16px;
  font-weight: 400;
}
.footer-area .post-meta a{
	font-weight: 400;
	font-size: 16px;
}
.footer-area ul li a{
	font-size: 16px;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area .woocommerce ul.cart_list li a, .footer-area .woocommerce ul.product_list_widget li a{
	font-weight: 400;
}
.footer-area .far, .footer-area .fas{
	color: #ed1e3c;
	margin-right: 5px;
}
.footer-area strong{
	font-size: 24px;
}

/*Contact Page*/
 
#contact h2{
  color: #0e0e0e;
  font-size: 44px;
  font-weight: 500;
  letter-spacing: 1px;
}
#contact h4{
  color: #222222;
  font-weight: 500;
  font-size: 28px;
}
#contact h3{
  color: #222222;
  font-weight: 500;
  font-size: 36px;
  letter-spacing: 1px;
}
#contact .contact-text{
	color: #888888;
	letter-spacing: 1px;
}
#contact input.wpcf7-form-control.wpcf7-text{
	border-radius: 5px;
	padding:15px 10px;
	width: 100%;
	margin: 10px 0px;
	color: #888888;
	border: none;
	background: #fff;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder{
	color: #555555;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
	border-radius: 5px;
	padding:15px 10px;
	width: 100%;
	line-height: 14px;
	background: #fff;
	color: #888888;
	margin: 10px 0;
	border: none;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
	color: #555555;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit{
	border-radius: 10px;
	padding: 15px;
	background: #ed1e3c;
	border: none;
	color: #ffffff;
	cursor: pointer;
	font-weight: 500;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	color: #ffffff;
	background: #1b1a29;
}
#contact .wpcf7 form.failed .wpcf7-response-output, #contact .wpcf7 form.aborted .wpcf7-response-output{
	color: #ffffff;
	border-color: #ffffff;
}
#contact .wpcf7-spinner{
	display: block;
}
#contact .dashicons{
	font-size: 48px;
	display: inline-table;
	color: #ed1e3c;
	-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#contact .enquiry_box:hover .dashicons{
  color: #1b1a29;
  transform: rotate(360deg);
}
#contact h6{
	color: #0e0e0e;
	font-size: 20px;
	font-weight: 500;
}
#contact .contact-details{
	background: #edf1f2;
}
#contact .contact-enquiry{
	background: #edf1f2;
}
#contact .contact-heading{
	color: #222222;
	font-size: 30px;
}
#contact .contact_form{
	background: #f1f1f1;
}
#contact .contact-cont {
    color: #888888;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
    margin-top: 0;
  }
  #main-menu ul li a:before{
   	display: none;
   }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  #main-menu{
    top: 25px;
  }
  .sidenav a:hover{
    color: #f1f1f1;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    box-shadow: none;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  #site-navigation .sidenav a.closebtn, .open-menu{
    display: inline-block;
    background: #ed1e3c;
    padding: 0 10px;
    color: #fff;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after{
    background: transparent;
    color:#ffffff;
  }
  #main-menu ul.sub-menu li a:hover{
    color:#ffffff;
  }
  #main-menu ul.sub-menu li a:before{
    border: none;
  }
  .woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button{
     float: unset;
     width: 100% !important;
     margin: 0;
  }
	.woocommerce #content table.cart td.actions .button,
	.woocommerce table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button{
    width: 100%;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
  	width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
  	padding: 10px 20px;
  }
  .woocommerce .quantity .qty{
  	max-width: 130px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
  	width: 100%;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  .fix-sticky{
  	position: relative;
  }
  .header input.search-field{
  	width: 80%;
  	margin: 10px 0;
  }
  .logo-content{
		position: unset;
		display: grid;
	}
  .top-header p.cart-item-box{
  	left: 60%;
  }
  .header .product-cat{
  	left: 13%;
  	right: 14px;
  }
  .header .product-search .fas{
  	padding: 12px 15px;
  }
  #main-menu ul li a{
  	color: #0e0e0e;
  }
  .logo-image img{
  	width: 100%;
  }
  button.search-button{
  	top: 23px;
  	right: 20px;
  }
  input#woocommerce-product-search-field{
  	width: 100%;
  }
	.shopping-cart{
		right: 30px;
		left: 0;
	}
	p.cart-item-box{
		left: 65%;
	}
  #slider .slider-content{
    top: 28%;
    left: 10%;
    right: 27%;
  }
  #slider h5{
  	display: none;
  }
  #slider h1{
    font-size: 23px;
  }
  #slider h4{
  	display: none;
  }
  #slider .slider-top-text{display: none;}
  #slider p{
    display: none;
  }
  #slider .button1{
  	padding: 8px 15px;
  	font-size: 12px;
  	margin: 0;
  }
  #slider .owl-dots{
  	bottom: unset;
  }
  #cashback img{
  	width: 100%;
  }
  #services{
  	background-image: none !important;
  	background-position: bottom !important;
  	background-color: #1b1a29 !important;
  }
  #services .services_div2{order: 1;}
  #services .services_div3{order: 2;}
  #services .services_div1{
  	right: 0;
  }
  #services .services_div2{
  	left: 0;
  }
  #services .dashicons{
  	display: inline;
  }
  #services .box-services1:after{
  	height: 28%;
  	left: 12%;
  }
  #services .box-services2:after{
  	height: 28%;
  	left: 12%;
  }
  #cashback .owl-dots{
  	display: block;
  }
  #deal .sub-text{
  	width: unset;
  }
  #deal li span{
  	font-size: 24px;
  }
  #deal ul li{
  	font-size: 11px;
  }
  #deal ul{
    padding: 0;
	}
	#deal .timercolr1, #deal .timercolr2{
		font-size: 26px;
	}
  #deal .deal-counter{
  	float: unset;
  }
  #special_product .sub-text{
  	margin-left: unset;
  	margin-right: unset;
  }
  #testimonial img{
  	float: unset;
  	left: 35%;
  }
  #testimonial .sub-text{
  	margin-left: unset;
  	margin-right: unset;
  }
  #testimonial .icon{
  	font-size: 26px;
  	bottom: 95%;
  	left: 20px;
  }
 	#testimonial .owl-carousel .owl-nav button.owl-prev{
 	right: 190px;
 }
 #testimonial .owl-carousel .owl-nav button.owl-next{
 	right: 40px;
 }
  #download img{
  	width: 100%;
  }
  #download .sub_content{
  	width: unset;
  }
  #download input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
  	padding: 15px 10px;
  	width: 65%;
  	font-size: 13px;
  }
  #download input.wpcf7-form-control.has-spinner.wpcf7-submit{
  	padding: 15px 15px;
  	font-size: 13px;
  }
  #special_product .box-content a.added_to_cart.wc-forward{
  	top: 20px;
  }
  #best_offer .sub-text{
  	margin-left: unset;
  	margin-right: unset;
  }
  #best_offer .offer_box1{
  	right: unset;
  	left: 43%;
  }
  #best_offer .special-text{
  	font-size: 24px;
  }
  #best_offer .all-product{
  	letter-spacing: 2px;
  	font-size: 14px;
  }
  #best_offer .order-text{
  	font-size: 28px;
  }
  #best_offer .gift-text{
  	padding: 5px 10px;
  	letter-spacing: 0px;
  	font-size: 12px;
  }
  #best_offer .offer_box3{
  	top: 45%;
  }
  #best_offer .get-upto{
  	font-size: 20px;
  }
  #best_offer .price{
  	font-size: 44px;
  }
  #best_offer .cashback2{
  	font-size: 18px;
  }
  #best_offer .offer_box4{
  	top: 92%;
  }
  #best_offer .natural{
  	font-size: 22px;
  }
  #best_offer .quality{
  	letter-spacing: 0px;
  	padding: 5px 10px;
  	font-size: 12px;
  }
  #best_offer .get-per{
  	font-size: 12px;
  }
  #instagram .sub-text{
  	margin-left: unset;
  	margin-right: unset;
  }
  .latest-post .admin a, .latest-post span{
  	font-size: 12px;
  }
  .footer-area hr{
  	width: 50%;
  	margin-right: auto;
  }
  #deal .timercolr{
		font-size: 30px;
		margin: 0 10px;
		position: relative;
  }
	#deal .dot{
		font-size: 30px;
	}
	#deal .countdowntimer span{
	  font-size: 16px;
	  bottom: 20px;
  }
}


/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.logo-content{
		position: unset;
	}
	.top-header .logo-content a{
		font-size: 20px;
	}
	.top-header span.dashicons{
		margin-top: 5px;
	}
	.admin-bar .fix-sticky{
		margin-top: 45px;
		position: unset;
	}
	.woocommerce div.product div.images img{
		width: auto;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	 	width: 50%;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
	.woocommerce div.product div.images, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
	 	float: left;
	 	width: 50%;
	}
	.woocommerce button.button{
	 	margin: 0 10px;
	 	padding: 12px 20px;
	}
  .logo-image img{
    width: 100%;
    height: 100%;
  }
  .page-template-frontpage .menu-header{
  	position: unset;
  	clip-path: none;
  }
  #main-menu ul li a{
    padding: 10px 8px;
  }
  .top-header .social-links a{
  	font-size: 16px;
  }
  .top-header .content a{
  	font-size: 9px;
  }
  .top-header .my-account a {
    font-size: 11px;
  }
  .top-header p.cart-item-box{
  	left: 88%;
  	top: 13%;
  }
  .top-header .fa-searchengin:before {
		font-size: 14px;
	}
  .top-header .button1{
		padding: 11px 5px;
		font-size: 10px;
	}
	.top-header a.button1:before{
		font-size: 12px;
	}
	.top-header select#gtranslate_selector {
		font-size: 12px;
	}
  .header .product-cat{
  	left: 18%;
  }
  .header .product-search {
   padding: 0px;
  }
  .top-header span{
  	font-size: 12px;
  	font-weight: 400;
  }
  .top-header span.dashicons{
  	font-size: 16px;
  }
  .header .product-search .fas{
  	padding: 11px 15px;
  }

  .top-header .social-links a{
  	font-size: 12px;
  	padding: 5px 5px;
  }
  input#woocommerce-product-search-field{
  	margin-bottom: 10px;
  }

  .shopping-cart{
		right: 30px;
		left: 0;
	}
	p.cart-item-box{
		left: 67%;
	}
	
  #slider .slider-content{
  	top: 35%;
  	left: 7%;
  	right: 51%;
  }
  #slider h5{
  	width: 70%;
    font-size: 14px;
    padding: 8px 18px;
  }
  #slider h1{
  	font-size: 37px;
  }
  #slider h4{
  	font-size: 16px;
  }
  #slider p{
  	display: none;
  }
 	#slider .button1{
	 	padding: 13px 25px;
	 	font-size: 13px;
 	}
  #slider .owl-nav{
  	display: none;
  }
  #cashback img{
  	width: 100%;
  }
  #deal li span{
  	font-size: 20px;
  }
  #deal ul li{
  	font-size: 10px;
  }
  #deal .timercolr1, #deal .timercolr2{
		font-size: 26px;
	}
  #services{
  	background-position: bottom !important;
  }
  #services .services_div1{
  	right: 0;
  }
  #services .services_div2{
  	left: 0;
  }
  #services .services_div2{order: 1;}
  #services .services_div3{order: 2;}
  #download img{
  	width: 100%;
  }
  #services .title{
  	font-size: 15px;
  }
  #services .dashicons{
  	font-size: 54px;
  }
  #download .downld-img img{
  	height: 380px;
  }
  #download .image1 img, #download .image2 img{
  	width: auto;
  }
  #download .sub_content{
  	font-size: 12px;
  }
  #download .sub_text{
  	font-size: 13px;
  }
  #download .image3 img{
  	width: auto;
  }
  #download input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
  	width: 58%;
  	padding: 10px 5px;
  	font-size: 14px;
  }
  #download input.wpcf7-form-control.has-spinner.wpcf7-submit{
  	padding: 10px 15px;
  	font-size: 14px;
  }
  #testimonial .sub-text{
  	margin-left: 10%;
  	margin-right: 10%;
  }
  #instagram .sub-text{
  	margin-left: 15%;
  	margin-right: 15%;
  }
  #find_categories .sub-text{
  	font-size: 16px;
  }
  #find_categories .dashicons{
  	font-size: 34px;
  }
  #find_categories .title{
  	font-size: 14px;
  }
  #best_offer .sub-text{
  	margin-right: 10%;
  	margin-left: 10%;
  }
  #special_product .sub-text{
  	margin-left: 10%;
  	margin-right: 10%;
  }
  #deal .sub-text{
  	font-size: 12px;
  	width: unset;
  }
  #deal .box-content a.button{
    padding: 12px 15px;
    font-size: 11px;
  }
  #deal .box-content a.added_to_cart.wc-forward{
  	top: 15px;
  }
  #deal h5.product-titel a{
  	font-size: 18px;
  }
  #deal .product-content{
  	font-size: 14px;
  }
  #deal .price{
  	font-size: 16px;
  }
  #special_product .box-content a.button{
    padding: 12px 15px;
    font-size: 11px;
  }
  #special_product .box-content a.added_to_cart.wc-forward{
  	top: 15px;
  }
  #special_product h5.product-titel a{
  	font-size: 18px;
  }
  #special_product .product-content{
  	font-size: 14px;
  }
  #special_product .price{
  	font-size: 16px;
  }
 	#best_offer .offer_box1{
  	right: unset;
  	left: 43%;
  }
  #best_offer .special-text{
  	font-size: 24px;
  }
  #best_offer .all-product{
  	letter-spacing: 2px;
  	font-size: 14px;
  }
  #best_offer .order-text{
  	font-size: 28px;
  }
  #best_offer .gift-text{
  	padding: 5px 10px;
  	letter-spacing: 0px;
  	font-size: 12px;
  }
  #best_offer .offer_box2{
  	right: 15%;
  }
  #best_offer .flat{
  	font-size: 18px;
  }
  #best_offer .per-text{
  	font-size: 28px;
  }
  #best_offer .cashback{
  	font-size: 16px;
  }
  #best_offer .offer_box3{
  	top: 45%;
  }
  #best_offer .get-upto{
  	font-size: 16px;
  }
  #best_offer .price{
  	font-size: 32px;
  }
  #best_offer .cashback2{
  	font-size: 13px;
  	top: 22px;
  	left: 80px;
  }
  #best_offer .offer_box4{
  	top: 79%;
  }
  #best_offer .natural{
  	font-size: 22px;
  }
  #best_offer .quality{
  	letter-spacing: 0px;
  	padding: 5px 10px;
  	font-size: 12px;
  }
  #best_offer .get-per{
  	font-size: 12px;
  }
  #testimonial img{
  	right: 10px;
  }
  #deal .timercolr{
		font-size: 30px;
		margin: 0 10px;
		position: relative;
  }
	#deal .dot{
		font-size: 30px;
	}
	#deal .countdowntimer span{
	  font-size: 16px;
	  bottom: 20px;
  }
  
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .top-header span{
  	font-size: 11px;
  }
	.header-navigation p{
		font-size: 16px;
	}
	.top-header .delivery, .top-header .live_chat{
		font-size: 12px;
	}
	.top-header .order_track{
		font-size: 12px;
	}
	.top-header select#gtranslate_selector{
		font-size: 13px;
	}
	.top-header .button1{
		padding: 10px 10px;
	}
	.social-links a{
		font-size: 11px;
	}
	#main-menu ul li a{
		line-height: 15px;
	}
  .shopping-cart{
  	right: 0;
  	left: 0;
  }
  p.cart-item-box{
  	left: 62%;
  }
	#slider .slider-content{
		top: 35%;
		left: 5%;
		right: 54%;
	}
	#slider h5{
		width: 74%;
	}
	#slider h1{
		font-size: 48px;
	}
  #slider .button1{
  	padding: 15px 30px;
  	font-size: 14px;
  }
	#slider .nav-button.owl-prev, #slider .nav-button.owl-next{
		padding: 5px 10px;
	}
  #cashback img{
  	width: 100%;
  }
	#deal .sub-text{
		font-size: 16px;
		width: 94%;
	}
	#deal li span{
		font-size: 30px;
	}
	#deal ul li{
		font-size: 15px;
	}
	#services{
		background-position: bottom !important;
	}
	#services .services_div1{
		right: 0;
	}
	#services .services_div2{
		left: 0;
	}
	#services .title{
		font-size: 12px;
	}
	#services .content{
		font-size: 13px;
	}
	#services .dashicons{
		font-size: 50px;
	}
	#special_product .sub-text{
		margin-left: 20%;
		margin-right: 20%;
	}
	#best_offer .sub-text{
		margin-left: 20%;
		margin-right: 20%;
	}
	#find_categories .sub-text{
		font-size: 16px;
	}
	#testimonial .sub-text{
		margin-left: 20%;
		margin-right: 20%;
	}
	
	#instagram .sub-text{
		margin-left: 22%;
		margin-right: 22%;
	}
	#download .downld-img img{
  	height: 380px;
  }
  #download .image1 img, #download .image2 img{
  	width: auto;
  }
  #download .sub_content{
  	font-size: 12px;
  }
  #download .sub_text{
  	font-size: 13px;
  }
	#download .image3 img{
  	width: auto;
  	margin-left: 20px;
  }
  #download input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
  	width: 58%;
  	padding: 10px 5px;
  	font-size: 14px;
  }
  #download input.wpcf7-form-control.has-spinner.wpcf7-submit{
  	padding: 10px 15px;
  	font-size: 14px;
  }
  .latest-post .admin a, .latest-post span{
  	font-size: 12px;
  }
  #special_product a#sp-wqv-view-button{
		position: relative;
		top: 145px;
  }
  #deal a#sp-wqv-view-button{
		position: relative;
		top: 145px;
  }

}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
	#slider .slider-content {
    right: 43%;
    left: 10%;
	}
	#services {
		background-position: bottom !important;
	}
	#services .services_div1{
		right: 15px;
	}
	#services .services_div2{
		left: 35px;
	}
}