/*
Theme Name: Woodworking Carpenter Pro
Theme URI: https://www.misbahwp.com/products/woodworking-carpenter-wordpress-theme/
Description: Woodworking Carpenter WordPress theme is an excellent option to create any website for home decor or civil work. It is 100% responsive and retina ready so no need to worry about how your website will look on all the devices. To showcase your work and projects, you will find a variety of gallery layouts to choose from. We made the theme WooCommerce ready, so building an online store of floor tools and equipment will be so easy. It is SEO optimized to drag more traffic to your website and make it rank on major search engines. Do not miss a chance to give an exposure and grow your business with our modern WordPress theme. You can install demo data to your site in a few seconds. It has high level of compatibility with WPBakery page builder, Essential Grid, slider revolution and many more. Create your custom post types with tons of shortcodes and custom CSS/JS. It is optimized for speed and made cross-browser compatible to load smoothly and quickly on all browsers.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: photography, portfolio, e-commerce, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: woodworking-carpenter-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: 'Poppins', sans-serif;
  color: #474747;
  margin:0;
  background: #fff;
}

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


a {
  color:#000000;
  -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:#fd645c;
  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: #fd645c;
	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: #fd645c;
  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: #fd645c;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button:hover{
  color: #fff;
  background: #000000;
}
.page-404 .intro-button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #000000;
}
.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: #000000;
  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:#fd645c;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
  position: absolute;
}
.logo-image img{
	width: 100%;
	height: 120px;
}

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

.social-links a {
	background: #000000;
  color: #dce5eb;
  width: 30px;
  height: 30px;
  padding: 5px 10px;
  margin: 0 5px;
  text-align: center;
  
}
.social-links a:hover{
	color: #fd645c; 
	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: #fff;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:9px 25px;
	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:#fd645c;
}


#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	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.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 #fd645c;
	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: #fd645c;
	-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: #fd645c;
	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;
}


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

.post-box,.post-single,.page-single {
  background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
}
.latest-post :hover h4 a{
	color: #fd645c;
}
.post-content p{
	color: #474747;
}
.post-meta i{
	color: #fd645c;
}
.post-meta span {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}
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 .content_box{
  background: #fff;
  position: absolute;
  transform: translateY(-50%);
  top: 55%;
  left: 10%;
  right: 10%;
}
 
.latest-post .post-meta{
  display: inline-grid;
  width: 75px;
  height: 75px;
  position: absolute;
  transform: translateY(-50%);
  top: 0;
  background: #fd645c;
  left: 41%;
  border-radius: 50%;
  text-align: center;
  padding: 5px;
}
.latest-post .post-meta .date-day{
	font-size: 28px;
	color: #fff;
	font-weight: 600;
	margin-bottom: -15px;
}
.latest-post .post-meta .date-month{
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
}
.latest-post .latest-box:hover .post-meta{
	background: #1c262d;
}
.latest-post .admin a{
	color: #fd645c;
	font-weight: 500;
	text-transform: uppercase;
}
.latest-post .comments{
	color: #fd645c;
	font-weight: 500;
	text-transform: uppercase;
}
.latest-post span{
	color: #fd645c;
}
.latest-post .post-meta a {
    color: #000000;
    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: #fd645c;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#000000 ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #fd645c;
	color: #fff;
	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: #000000;
}
.post-single {
	display: block;
}
label{
	display: block;
}
.latest-post .read_more{
	color: #000000;
	font-weight: 500;
	text-transform: uppercase;
}
.latest-post .latest-box:hover .read_more{
	color: #fd645c;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #fd645c;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #000000;
}
.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 {
  background: #fd645c;
  padding: 5px 15px;
  color: #fff;
}
.comment-reply a:hover {
  background: #000000;
  color: #f3f4f7;
  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 #fd645c;
    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,
.woodworking-carpenter-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.woodworking-carpenter-pro-pagination a span,
.woodworking-carpenter-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  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,
.woodworking-carpenter-pro-pagination span.current,
.woodworking-carpenter-pro-pagination span.current:hover,
.woodworking-carpenter-pro-pagination span.current:focus,
.woodworking-carpenter-pro-pagination a span:hover,
.woodworking-carpenter-pro-pagination a span:focus {
	background:#fd645c;
  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: #fd645c;
	color: #fff;
	border:none;
	font-size:14px;
	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;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #000000;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-right: solid 5px #fd645c;
  color: #fff;
  font-size: 24px;
  background: #171f23;
}
.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: #fd645c;
	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: #fd645c;
	border: none;
	color: #fff;
	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:#000000;
	text-decoration:none
}

.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: 16px;
  }

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: #c3c3c3;
}

.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: #fd645c;
  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: #1c262d;
  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: #fd645c;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll:hover{
  color: #fff;
  background: #1c262d;
}
#button_scroll::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #1c262d;
}
#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: #354952 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 #fd645c 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*/

.menu-header{
	background: #171f23;
}
.top-header .logo-content span{
	color: #fff;
	float: left;
}
.top-header span{
	color: #fff;
  font-size: 14px;
}
.top-header .content a{
	color: #fff;
}
.logo-content{
	position: absolute;
	align-self: center;
}
.top-header .content a:hover{
	color: #fd645c;
}
.header .product-btn{
	background: #fd645c;
	padding: 10px 20px;
	color: #fff; 
	border: none;
	text-transform: uppercase;
	outline: none;
}
.header .product-cat{
	background: #fff;
	color: #9290af;
	list-style: none;
	position: absolute;
	top: 45px;
	left: 30%;
	right: 0;
	z-index: 999;
	text-align: left;
	font-size: 14px;
	border: none;
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
	display: inline-table;
	width: 79%;
	overflow: hidden;
}
.header li.drp_dwn_menu{
	padding: 10px 10px;
	text-transform: capitalize;
	font-size: 14px;
	border-bottom: 1px solid #000000;
}
.header li.drp_dwn_menu:hover{
	border-left: 5px solid #fd645c;
	 
}
.header li.drp_dwn_menu:hover a{
	color: #fd645c;
}
.top-header .far{
	font-size: 18px;
}
.top-header .my_account a, .top-header .wishlist a{
	color: #fff;
}
.top-header .my_account a:hover, .top-header .wishlist a:hover{
	color: #fd645c;
}
.top-header .logo-content a{
	color: #fff;
	font-size: 34px;
	font-weight: 600;
}
.top-header .logo-content a:hover{
	color: #fd645c;
}
.top-header a.cart-customlocation i {
  font-size: 16px;
  cursor: pointer;
	color: #ffff;
 }
 .top-header a.cart-customlocation i:hover{
 	color:#fd645c;
 }
.top-header p.cart-item-box{
 	  position: absolute;
    top: 10%;
    left: 92%;
    background: #fd645c;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #fff;
 }
header#site-navigation{
	background: #171f23;
}
.top-header form#searchform{
  border-bottom: 1px solid #ccc;
  display: flex;
}
.top-header input#search{
  width: 100%;
  padding:5px;
  outline: none;
  font-style: italic;
  color: #fff;
}
.top-header button.search-button{
  border: none;
  background: transparent;
  padding: 5px 0;
  color: #fff;
  float: right;
}
.header .product-search .fas{
	padding:13px 15px;
	position: relative;
	top: 1px;
	background: #000000;
	color: #fff;
	font-size: 20px;
	left: 4px;
}
  

/*SLIDER SECTION*/ 
#slider .slider-content{
	position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 5%;
  left: 0;
}
#slider h1{
  font-size: 50px;
  color: #0e0e0e;
  font-weight: 600;
  letter-spacing: 1px;
}
#slider p{
	margin-right: 35%;
	margin-left: 35%;
	color: #474747;
}
#slider .button1{
  display: inline-block;
  padding: 10px 40px;
  margin: 10px 0;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  background: #1c262d;
  font-weight: 600;
  text-transform: uppercase;
}
#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: #0e0e0e;
  content: '';
  position: absolute;
  z-index: -1;
}
#slider .button1:hover{
  color: #fff;
}
#slider .button1::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #fd645c;
}
#slider .button1:hover:after{
  width: 100%;
}
#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: #474747;
  margin: 0 5px;
  outline: none;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#fd645c;
  border-radius: 20px;
}

/*Our Category*/

#our_category h3{
	color: #000000;
	font-weight: 600;
}
#our_category hr{
	background: #fd645c;
	margin-right: 85%;
	padding: 1.5px;
	border: none;
}
#our_category figure.projects-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
#our_category figure.projects-img * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  object-fit: cover;
}
#our_category figure.projects-img:after {
  background-color: #0e0e0e;
  position: absolute;
  content: "";
  display: block;
  top: 20%;
  left: 15%;
  right: 15%;
  bottom: 15%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
#our_category figure.projects-img {
  max-width: 100%;
  vertical-align: top;
}
#our_category figure:hover figcaption,
#our_category figure.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#our_category figure:hover:after,
#our_category figure.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
}
#our_category h6{
	color: #fff;
	font-weight: 600;
}
#our_category h6:hover{
	color: #fd645c;
}
figcaption{
	top: 55%;
  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
#our_category figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #222222;
}
#our_category figure:hover+span{
	opacity: 1;
}
#our_category figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#our_category .category-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}
#our_category .owl-carousel .owl-nav {
  display: block;
  position: absolute;
  transform: translateY(-50px);
  top: 70%;
  left: -52%;
}
#our_category .owl-carousel .owl-nav button.owl-prev{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #fd645c;
  font-size: 16px;
  color: #fff;
}
#our_category .owl-carousel .owl-nav button.owl-next{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #fd645c;
  font-size: 16px;
  color: #fff;
  position: relative;
  left: 10px;
}


/*Featured Products Section*/

#featured_product h3{
	color: #000000;
	font-size: 34px;
	letter-spacing: 1px;
	font-weight: 600;
  position: relative;
  z-index: 1;
}
#featured_product h3:before {
  border-top: 2px solid #e2e2e2;
  content:"";
  margin: 0 auto; 
  position: absolute;
  top: 50%; left: 0; right: 0; bottom: 0;
  width: 100%;
  z-index: -1;
}
#featured_product h3 span { 
  background: #fff; 
  padding: 0 40px; 
}
#featured_product .sub-text{
	color: #b9b3b3;
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	margin-bottom: 0;
	font-family: 'Bitter', serif;
}
#featured_product .product-image{
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
  background: #fff;
  border: 2px solid #f1f1f1;
}
#featured_product button{
  border: none;
  background: transparent;
  color: #767c83;
  outline: none;
  cursor: pointer;
}
#featured_product .product-tab{
  float: unset;
  position: relative;
  display: inline-block;
  margin: 0px 40px;
}
#featured_product button.tablinks{
  padding: 10px 0px;
  color: #000000;
  font-weight: 600;
  display: inline-block;
}
#featured_product button.tablinks.active{
  border-bottom: 3px solid #fd645c;
}
#featured_product .tabcontent.active {
  display: block;
}
#featured_product .tabcontent{
  display: none;
}
#featured_product .tablinks:hover {
 border-bottom: 3px solid #fd645c;
  transition: all 0.2s;
}
#featured_product h5{
	font-weight: 500;
  color: #000000;
}
#featured_product ins span.woocommerce-Price-amount.amount{
	color: #fd645c;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
}
#featured_product ins{
	text-decoration: none;
}
#featured_product del span.woocommerce-Price-amount.amount bdi{
	display: none;
}
#featured_product figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #222222;
}
#featured_product figure:hover+span{
	opacity: 1;
}
#featured_product figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#featured_product .tab-product:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}
#featured_product .owl-nav{
	 display: block;
	 width: 100%;
	 position: relative;
	 top: 25px;
}
#featured_product .nav-button.owl-prev{
	background: transparent;
	width: 40px;
	height: 40px;
	border: 1px solid #d4d4d4;
	padding: 3px;
	color: #d4d4d4;
	font-size: 20px;
}
#featured_product .nav-button.owl-next{
	background: transparent;
	width: 40px;
	height: 40px;
	border: 1px solid #d4d4d4;
	padding: 3px;
	color: #d4d4d4;
	font-size: 20px;
}
#featured_product .box-content a.button{
  color: #131111;
  background: transparent;
  font-weight: 600;
  text-align: center;
  padding: 10px 20px;
  border: 1px solid #7d7d7d;
  transition: all 0.3s ease-out;
  text-transform: uppercase;
}
#featured_product .box-content a.button:hover{
	background: #1c262d;
	color: #fff;
}
#featured_product .box-content a.added_to_cart.wc-forward {
  position: relative;
  float: right;
  right: 70px;
  margin-top: 15px;
  padding: 5px 20px;
  border: 2px solid #7d7d7d;
  color: #131111;
  background: transparent;
}
#featured_product .box-content a.added_to_cart.wc-forward:hover{
	background: #1c262d;
	color: #fff;
}
#featured_product .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #fdce38;
  display: inline-block;
  margin: 10px 0 0 0;
}
#featured_product .star-rating::before {
  content: "\73\73\73\73\73";
  color: #ffab18;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#featured_product .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#featured_product .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#featured_product span.onsale {
  position: absolute;
  background: #323232;
  padding: 0px 5px;
  top: 0px;
  left: 0px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  text-orientation: upright;
  text-align: start;
  writing-mode: vertical-lr;
  font-weight: 600;
}
#featured_product .tab-product:hover span.onsale{
	background: #fd645c;
}

/*Choose Us Section*/

#choose_us {
    background-attachment: fixed;
}
#choose_us h3{
	color: #fd645c;
	font-weight: 600;
}
#choose_us .sub-text{
	font-style: italic;
	color: #b9b3b3;
	margin-bottom: 0;
	font-family: 'Bitter', serif;
	font-size: 18px;
	font-weight: 500;
}
#choose_us hr{
	background: #717678;
}
 #choose_us .conntent2{
 	font-style: italic;
 	color: #fff;
}
#choose_us h6{
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}
#choose_us .dashicons{
	color: #fd645c;
	font-size: 50px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#choose_us .choose-box:hover .dashicons{
  transform: rotate(360deg);
  color: #fff;
}
#choose_us .choose-box:hover h6{
	color: #fd645c;
}
#choose_us .box-text{
	color: #6c6f70;
}
#choose_us .button{
  display: inline-block;
  padding: 10px 25px;
  margin: 10px 0;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  background: transparent;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #fd645c;
}
#choose_us .button,
#choose_us .button::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#choose_us .button::before,
#choose_us .button::after{
	background: #0e0e0e;
  content: '';
  position: absolute;
  z-index: -1;
}
#choose_us .button:hover{
  color: #fff;
}
#choose_us .button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #fd645c;
}
#choose_us .button:hover:after{
  width: 100%;
}

/*Arrivals Section*/
#arrivals h3{
	color: #000000;
	font-size: 34px;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
  z-index: 1;
}
#arrivals h3:before {
  border-top: 2px solid #e2e2e2;
  content:"";
  margin: 0 auto; 
  position: absolute;
  top: 50%; left: 0; right: 0; bottom: 0;
  width: 100%;
  z-index: -1;
}
#arrivals h3 span { 
  background: #fff; 
  padding: 0 40px; 
}
#arrivals .sub-text{
	color: #b9b3b3;
	font-size: 18px;
	font-style: italic;
	margin-bottom: 0;
	font-family: 'Bitter', serif;
	font-weight: 500;
}
#arrivals h5 a{
	font-weight: 500;
  color: #b9b3b3;
  font-style: italic;
  font-size: 18px;
  font-family: 'Bitter', serif;
}
#arrivals h5 a:hover{
	color: #fd645c;
}
#arrivals .content{
	color: #000000;
	font-weight: 600;
}
#arrivals .tab-product {
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
	background: #fff;
	border: 2px solid #f1f1f1;
}
#arrivals span.woocommerce-Price-amount.amount{
	color: #fd645c;
	font-weight: 600;
	font-size: 18px;
}
#arrivals ins{
	text-decoration: none;
}
#arrivals del span.woocommerce-Price-amount.amount bdi{
	display: none;
}
#arrivals figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#arrivals figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#arrivals .tab-product:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#arrivals .box-content.intro-button{
	position: relative;
	top: 30px;
}
#arrivals .box-content a.button{
  color: #131111;
  background: #fff;
  font-weight: 600;
  text-align: center;
  padding: 10px 20px;
  border: 1px solid #7d7d7d;
  transition: all 0.3s ease-out;
  text-transform: uppercase;
}
#arrivals .box-content a.button:hover{
	background: #1c262d;
	color: #fff;
}
#arrivals .box-content a.added_to_cart.wc-forward {
  position: relative;
  float: right;
  right: 70px;
  padding: 2px 20px;
  margin-top: 12px;
  border: 2px solid #7d7d7d;
  color: #131111;
  background: #fff;
}
#arrivals .box-content a.added_to_cart.wc-forward:hover{
	background: #1c262d;
	color: #fff;
}
#arrivals .star-rating {
  overflow: hidden;
  position: absolute;
  left: 35%;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #fdce38;
}
#arrivals .star-rating::before {
  content: "\73\73\73\73\73";
  color: #ffab18;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#arrivals .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#arrivals .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#arrivals .owl-nav{
 display: block;
 width: 100%;
 position: relative;
 top: 20px;
}
#arrivals .nav-button.owl-prev{
	background: transparent;
	width: 40px;
	height: 40px;
	border: 1px solid #d4d4d4;
	padding: 3px;
	color: #d4d4d4;
	font-size: 20px;
}
#arrivals .nav-button.owl-next{
	background: transparent;
	width: 40px;
	height: 40px;
	border: 1px solid #d4d4d4;
	padding: 3px;
	color: #d4d4d4;
	font-size: 20px;
}

/*Our Team*/

#our_team h3{
	color: #000000;
	font-size: 34px;
	letter-spacing: 1px;
	font-weight: 600;
	position: relative;
  z-index: 1;
}
#our_team h3:before {
  border-top: 2px solid #e2e2e2;
  content:"";
  margin: 0 auto; 
  position: absolute;
  top: 50%; left: 0; right: 0; bottom: 0;
  width: 100%;
  z-index: -1;
}
#our_team h3 span { 
  background: #f6f4f4; 
  padding: 0 40px; 
}
#our_team .sub-text{
	color: #b9b3b3;
	font-size: 18px;
	font-style: italic;
	margin-bottom: 0;
	font-family: 'Bitter', serif;
	font-weight: 500;
}
#our_team .content-team{
	margin-right: 10%;
	margin-left: 10%;
	color: #474747;
}
#our_team .team-box{
	background: #fff;
}
#our_team h5{
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
}
#our_team h6{
	color: #b9b3b3;
	margin-bottom: 0;
}
#our_team .icon-bg{
	padding: 0;
	 background: #f3f3f3;
	 display: contents;
}
#our_team .dashicons{
  color: #fd645c;
  font-size: 24px;
	width: 52px;
	height: 40px;
	background: #f3f3f3;
	padding: 5px;
}
#our_team .dashicons:hover{
	color: #000000;
}
#our_team .dashicons-facebook-alt{
	border-right: 2px solid #cfcfcf;
	border-bottom: 2px solid #cfcfcf;
}
#our_team  .dashicons-instagram{
 border-bottom: 2px solid #cfcfcf;
}
#our_team .dashicons-linkedin{
	border-right: 2px solid #cfcfcf;
}
#our_team figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
	 background: #222222;
}
#our_team figure:hover+span{
	opacity: 1;
}
#our_team figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#our_team .team-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}
#our_team .owl-dots {
  text-align: center;
  position: relative;
  width: 100%;
  top: 40px;
}
#our_team .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #474747;
  margin: 0 5px;
  outline: none;
}
#our_team .owl-dots button.owl-dot.active {
  background-color:#fd645c;
}

/*Newsletter*/

#newsletter{
	background-attachment: fixed;
}
#newsletter h3{
	font-size: 40px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
#newsletter h6{
	color: #fd645c;
	font-style: italic;
	font-family: 'Bitter', serif;
	font-weight: 500;
	font-size: 18px;
}
#newsletter .content{
	color: #fff;
	font-style: italic;
	margin-right: 15%;
	margin-left: 15%;
	line-height: 2;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
	padding: 10px;
	color: #fff;
  filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.02));
  background-color: #575e6c;
  border: 1px solid #e9ebf2;
  width: 50%;
  font-style: italic;
  margin: 10px 0;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder{
	color: #fff;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
	padding: 10px 40px;
  background: #000000;
  text-transform: uppercase;
  border: none;
  color: #fff;
  font-weight: 600;
  margin: 20px 0;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	background: #fd645c;
}
#newsletter .wpcf7-spinner{
	display: block;
}
#newsletter .wpcf7 form .wpcf7-response-output{
	color: #fff !important;
	border-color: #fff !important;
}

/*Banner Section*/

#banner_offer img{
	width: 100%;
	height: 100%;
}
#banner_offer h6{
 color: #142441;
 font-size: 28px;
 text-transform: uppercase;
 margin-bottom: 0;
 font-weight: 400;
}
#banner_offer .image1-content{
	position: absolute;
	transform: translateY(-50%);
	top: 31%;
	left: 5px;
	right: 32%;
}
#banner_offer .offer-text{
	color: #fd645c;
	font-size: 60px;
	font-weight: 600;
}
#banner_offer .offer-text2{
	color: #142441;
	font-weight: 500;
	font-size: 24px;
}
#banner_offer .box-title1{
	color: #142441;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 24px;
}
#banner_offer .button{
  display: inline-block;
  padding: 7px 30px;
  text-align: center;
  color: #fd645c;
  transition: all 0.2s;
  text-decoration: none;
  background: transparent;
  font-weight: 600;
  text-transform: uppercase;
  border: 2px solid #142441;
}
#banner_offer .button,
#banner_offer .button::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#banner_offer .button::before,
#banner_offer .button::after{
	background: #0e0e0e;
  content: '';
  position: absolute;
  z-index: -1;
}
#banner_offer .button:hover{
  color: #fff;
}
#banner_offer .button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #fd645c;
}
#banner_offer .button:hover:after{
  width: 100%;
}

#banner_offer .button2{
  display: inline-block;
  padding: 7px 30px;
  text-align: center;
  color: #142441;
  transition: all 0.2s;
  text-decoration: none;
  background: transparent;
  font-weight: 600;
  text-transform: uppercase;
  border: 2px solid #fd645c;
}
#banner_offer .button2,
#banner_offer .button2::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#banner_offer .button2::before,
#banner_offer .button2::after{
	background: #0e0e0e;
  content: '';
  position: absolute;
  z-index: -1;
}
#banner_offer .button2:hover{
  color: #fff;
}
#banner_offer .button2::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #fd645c;
}
#banner_offer .button2:hover:after{
  width: 100%;
}
#banner_offer .image-box2{
	position: absolute;
	transform: translateY(-50%);
	top: 25%;
	left: 10%;
}
#banner_offer .box-title{
	color: #142441;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 30px;
}
#banner_offer h4{
	color: #142441;
	font-size: 44px;
	font-weight: 600;
}
#banner_offer .image-box3{
	position: absolute;
	transform: translateY(-50%);
	top: 73%;
	left: 60%;
	right: 0;
}
#banner_offer figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
  background: #222222;
}
#banner_offer figure:hover+span{
	opacity: 1;
}
#banner_offer figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: auto;
}
#banner_offer .banner-box1:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}
#banner_offer .banner-box2:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}
#banner_offer .banner-box3:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}

/*Latest News Section*/

#latest_news h6{
	color: #b9b3b3;
	font-style: italic;
	font-weight: 500;
	font-size: 18px;
	font-family: 'Bitter', serif;
}
#latest_news h3{
	font-size: 34px;
	color: #0e0f0f;
	font-weight: 600;
  position: relative;
  z-index: 1;
}
#latest_news h3:before {
  border-top: 2px solid #e2e2e2;
  content:"";
  margin: 0 auto; 
  position: absolute;
  top: 50%; left: 0; right: 0; bottom: 0;
  width: 100%;
  z-index: -1;
}
#latest_news h3 span { 
  background: #fff; 
  padding: 0 40px; 
}
#latest_news .content-text{
	color: #474747;
	margin-right: 15%;
	margin-left: 15%;
}
#latest_news .latest_content {
	background: #fff;
	position: absolute;
	transform: translateY(-50%);
	top: 55%;
	left: 5%;
	right: 5%;
}
#latest_news .post-meta{
	display: inline-grid;
	width: 75px;
	height: 75px;
	position: absolute;
	transform: translateY(-50%);
	top: 0;
	background: #fd645c;
	left: 41%;
	border-radius: 50%;
	text-align: center;
	padding: 5px;
}
#latest_news .latest-box:hover .post-meta{
	background: #1c262d;
}
#latest_news .post-meta .date-day{
	font-size: 28px;
	color: #fff;
	font-weight: 600;
	margin-bottom: -15px;
}
#latest_news .post-meta .date-month{
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
}
#latest_news h4 a{
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
}
#latest_news  .latest-box:hover h4 a{
	color: #fd645c;
}
#latest_news .content-post{
	color: #afafaf;
}
#latest_news .read_more{
	color: #000000;
	font-weight: 600;
  text-transform: uppercase;
}
#latest_news .latest-box:hover .read_more{
	color: #fd645c;
}
#latest_news .date{
	color: #2e3044;
	font-weight: 500;
}
#latest_news .admin{
	color: #fd645c;
	font-weight: 500;
	text-transform: uppercase;
}
#latest_news .comments{
	color: #fd645c;
	font-weight: 500;
	text-transform: uppercase;
}
#latest_news span.line{
	color: #fd645c;
}
#latest_news figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
  background: #222222;
}
#latest_news figure:hover+span{
	opacity: 1;
}
#latest_news figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#latest_news .latest-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}
#latest_news .owl-dots {
  text-align: center;
  position: relative;
  width: 100%;
  top: 40px;
}
#latest_news .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #474747;
  margin: 0 5px;
  outline: none;
}
#latest_news .owl-dots button.owl-dot.active {
  background-color:#fd645c;
}

/*Services Section*/

#services .dashicons{
	color: #fff;
	font-size: 40px;
 -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#services .services-box:hover .dashicons{
  transform: rotate(360deg);
}
#services h5{
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	font-weight: 500;
}
#services p{
	color: #fff;
	margin-bottom: 0;
	font-weight: 200;
}
#services .owl-dots {
  text-align: center;
  position: relative;
  width: 100%;
  top: 20px;
}
#services .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #474747;
  margin: 0 5px;
  outline: none;
}
#services .owl-dots button.owl-dot.active {
  background-color:#fff;
}

/*Instgram Section*/

#instagram .fab{
	font-size: 50px;
}
#instagram h3{
	color: #000000;
	font-weight: 600;
  position: relative;
  z-index: 1;
  font-size: 34px;
}
#instagram h3:before {
  border-top: 2px solid #e2e2e2;
  content:"";
  margin: 0 auto; 
  position: absolute;
  top: 50%; left: 0; right: 0; bottom: 0;
  width: 75%;
  z-index: -1;
}
#instagram h3 span { 
  background: #fff; 
  padding: 0 40px; 
}
#instagram p{
	margin-right: 25%;
	margin-left: 25%;
}

/*Footer Section*/

.footer-area ul {
    list-style: none;
    line-height: 2;
    padding: 0;
  }
.footer-area .textwidget ul li {
  margin: 15px 0;
  font-size: 16px;
  color: #c3c3c3;
  font-weight: 500;
}
.footer-area li{
	color: #c3c3c3;
}
.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: #fff;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
 .footer-area bdi{
 	color: #fd645c;
}
.copyright {
  background: #0e080b;
  color: #fff;
}
.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
	color: #fd645c;
}
.copyright a:hover{
	color: #fff;
}
.footer-area  .fab{
  width: 45px;
  height: 45px;
  padding: 12px;
  background: transparent;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 10px;
  color: #ffff;
  cursor: pointer;
  font-size: 24px;
  text-align: center;
}
.footer-area .fab:hover{
  color: #fff;
  background: #fd645c;
}
.footer-area .post-thumbnail img {
  max-width: 100px;
  height: 70px;
  float: right;
}
.footer-area .post-title {
  font-size: 16px;
  font-weight: 400;
}
.footer-area .post-meta a{
	font-weight: 400;
}
.footer-area ul li a{
	font-size: 16px;
}
.footer-area img{
  width: 100%;
}
.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: #fd645c;
	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: #0e0e0e;
  font-weight: 500;
  font-size: 30px;
}
#contact h3{
  color: #0e0e0e;
  font-weight: 500;
  font-size: 36px;
  letter-spacing: 1px;
}
#contact .contact-text{
	color: #474747;
	margin-right: 20%;
	margin-left: 20%;
	letter-spacing: 1px;
}
#contact input.wpcf7-form-control.wpcf7-text{
	padding:15px 10px;
	width: 48%;
	margin: 10px 10px;
	background: rgba(255,255,255,.05);
	color: #474747;
	border: 2px solid #ededed;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder{
	color: #474747;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
	padding:15px 10px;
	width: 98%;
	line-height: 14px;
	background: rgba(255,255,255,.05);
	color: #474747;
	margin: 10px 0;
	border: 2px solid #ededed;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
	color: #474747;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit{
	padding: 15px;
	background: #fd645c;
	border: none;
	color: #fff;
	cursor: pointer;
	font-weight: 500;
	letter-spacing: 1px;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	color: #fff;
	background: #1c262d;
}
#contact .wpcf7 form.failed .wpcf7-response-output, #contact .wpcf7 form.aborted .wpcf7-response-output{
	color: #474747;
	border-color: #474747;
}
#contact .wpcf7-spinner{
	display: block;
}
#contact .dashicons{
	font-size: 52px;
	display: inline-table;
	color: #0e0e0e;
	-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#contact .services-box:hover .dashicons{
  color: #fd645c;
  transform: rotate(360deg);
}
#contact h6{
	color: #0e0e0e;
	font-size: 20px;
	font-weight: 500;
}
#contact .contact-details{
	background: #edf1f2;
}
#contact .contact-enquiry{
	background: #edf1f2;
}

/*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: #fd645c;
    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: #000000;
  }
  #main-menu ul.sub-menu li a:hover{
    color: #000000;
  }
  #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;
  }
  .logo-image{
  	position: unset;
  }
  .header input.search-field{
  	width: 60%;
  	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;
  }
  .logo-image img{
  	height: 100%;
  }
  #main-menu ul li a{
  	color: #0e0e0e;
  }
  #slider .slider-content{
    top: 40%;
  }
  #slider h1{
    font-size: 20px;
  }
  #slider .slider-top-text{display: none;}
  #slider p{
    display: none;
  }
  #slider .button1{
  	padding: 7px 10px;
  	font-size: 10px;
  	margin: 0;
  }
  #slider .owl-dots{
  	bottom: 5px;
  }
  #our_category hr{
  	margin-right: 30%;
  	margin-left: 30%;
  }
  #our_category .owl-dots {
	  text-align: center;
	  width: 100%;
	  display: block;
	  position: absolute;
	  bottom: 0;
	}
	#our_category .owl-dots button.owl-dot {
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #474747;
	  margin: 0 5px;
	  outline: none;
	}
	 #our_category .owl-dots button.owl-dot.active {
	  background-color:#fd645c;
	  border-radius: 20px;
	}
  #featured_product h3 span{
  	padding: 0;
  }
  #featured_product .box-content a.added_to_cart.wc-forward{
  	float: unset;
  	left: 5px;
  	padding: 10px 20px;
  }
  #choose_us .dashicons{
  	display: inline;
  }
  #arrivals h3 span{
  	padding: 0 5px;
  }
  #arrivals .box-content a.added_to_cart.wc-forward{
  	float: unset;
  	left: 5px;
  	padding: 10px 20px;
  }
  #our_team h3 span{
  	padding: 0;
  }
  #our_team .content-team{
  	margin-right: 0;
  	margin-left: 0;
  }
  #our_team .dashicons{
  	width: 40px;
  }
  #newsletter .content{
  	margin-right: 0;
  	margin-left: 0;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
  	width: 100%;
  }
  #banner_offer figure img{
  	width: 100%;
  }
  #banner_offer .image1-content{
  	top: 40%;
  	left: 10px;
  	right: 20%;
  }
  #banner_offer h6{
  	font-size: 24px;
  }
  #banner_offer .offer-text{
  	font-size: 38px;
  }
  #banner_offer .box-title1{
  	font-size: 18px;
  }
  #banner_offer .button{
  	padding: 5px 20px;
  }
  #banner_offer p{
  	display: none;
  }
  #banner_offer .image-box2{
  	top: 20%;
  }
  #banner_offer h4{
  	font-size: 28px;
  }
  #banner_offer .box-title{
  	font-size: 20px;
  }
  #banner_offer .button2{
  	padding: 5px 20px;
  }
  #banner_offer .image-box3{
  	top: 77%;
  	left: 50%;
  }
  #latest_news h3 span{
  	padding: 0;
  }
  #latest_news .content-text{
  	margin-right: 0;
  	margin-left: 0;
  }
  #latest_news .post-meta{
  	width: 55px;
  	height: 55px;
  }
  #latest_news .post-meta .date-day{
  	font-size: 20px;
  }
  #latest_news .post-meta .date-month{
  	font-size: 16px;
  }
  #services .dashicons{
  	display: initial;
  }
  #instagram p{
  	margin-right: 0;
  	margin-left: 0;
  }
  #sb_instagram .sbi_photo{
  	margin: 10px 0;
  }
  #contact .contact-text{
  	margin-right: 0;
  	margin-left: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 90%;
  }
  .wpcf7-spinner{
  	display: block;
  }
  #location .enquiry{
  	position: unset;
  	transform: unset;
  }
  .footer-area .textwidget ul{
  	padding: 0 40px;
  }
  .footer-area hr{
  	margin-left: 20%;
  	margin-right: 20%;
  }
  #contact .content{
  	margin-top: 10%;
  }
  .latest-post .post-meta{
  	width: 60px;
  	height: 60px;
  }
  .latest-post .post-meta .date-day{
  	font-size: 24px;
  }
  .latest-post .post-meta .date-month {
    font-size: 18px;
  }
}


/*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;
	}
	.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;
    line-height: 22px;
  }
  .social-links a{
  	font-size: 11px;
  }
  .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%;
  }
  .header .product-cat{
  	left: 18%;
  }
  .header .product-search {
   padding: 0px;
  }
  .top-header span{
  	font-size: 10px;
  }
  .top-header span.dashicons{
  	font-size: 16px;
  }
  .header input.search-field{
  	padding: 10px 0px;
  	width: 75%;
  	font-size: 14px;
  }
  .header .product-btn{
  	padding: 10px;
  	width: 150px;
  	font-size: 14px;
  }
  .header .product-search .fas{
  	padding: 11px 15px;
  }
  #slider .slider-content{
  	top: 35%;
  	left: 5%;
  	right: 30%;
  }
  #slider h1{
  	font-size: 44px;
  }
  #slider p{
  	margin-right: 10%;
  	margin-left: 10%;
  }
  #slider .button{
  	padding: 10px 25px;
  }
  #slider .owl-nav{
  	display: none;
  }
  #featured_product .product-tab{
  	margin: 0 30px;
  }
  #featured_product .box-content a.added_to_cart.wc-forward{
  	float: unset;
  	margin: 0;
  	right: 0;
  	left: 15px;
  	padding: 10px 20px;
  }
  #arrivals .box-content a.added_to_cart.wc-forward{
  	float: unset;
  	margin: 0;
  	right: 0;
  	left: 15px;
  	padding: 10px 20px;
  }
  #newsletter .content {
  	margin-right: 0;
  	margin-left: 0;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
  	width: 80%;
  }
  #our_team .dashicons {
    width: 45px;
  }
  #banner_offer figure img{
  	width: 100%;
  }
  #banner_offer .image1-content{
  	top: 35%;
  }
  #banner_offer .image1-content p{
  	display: none;
  }
  #banner_offer .box-title {
   font-size: 20px;
  }
  #banner_offer .button2 ,#banner_offer .button{
    padding: 5px 20px;
  }
  #banner_offer h4 {
    font-size: 32px;
  }
  #banner_offer .image-box3{
  	left: 50%;
  }
  #banner_offer .image2, 
  #banner_offer .image3{
  	width: 100%;
  }
  #latest_news .content-text, #instagram p{
  	margin-right: 0;
  	margin-left: 0;
  }
	#contact  .wpcf7-spinner{
		display: block;
	}
	footer{
		margin-top: 0;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 47%;
	}
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 97%;
	}
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .top-header span{
  	font-size: 12px;
  }
	.header-navigation p{
		font-size: 16px;
	}
	.top-header .delivery, .top-header .live_chat{
		font-size: 12px;
	}
	.top-header .order_track{
		font-size: 12px;
	}
	.social-links a{
		font-size: 11px;
	}
	#main-menu ul li a{
		line-height: 15px;
	}
	.header button.search-button{
		padding: 8px 15px;
	}
	.header .product-btn{
		font-size: 12px;
	}
	.header input.search-field{
		font-size: 14px;
	}
	.header .product-search .fas{
  	padding: 9px 15px;
  	top: 3px;
  }
	#slider .slider-content{
		top: 35%;
		left: 5%;
		right: 40%;
	}
	#slider p{
  	margin-right: 10%;
  	margin-left: 10%;
  }
	#slider .nav-button.owl-prev, #slider .nav-button.owl-next{
		padding: 5px 10px;
	}
	#our_category .owl-carousel .owl-nav{
		top: 75%;
	}
	#featured_product .product-tab{
		margin: 0 20px;
	}
	#featured_product .box-content a.added_to_cart.wc-forward{
  	float: unset;
  	margin: 0;
  	right: 0;
  	left: 15px;
  	padding: 10px 20px;
  }
  #arrivals .box-content a.added_to_cart.wc-forward{
  	float: unset;
  	margin: 0;
  	right: 0;
  	left: 5px;
  	padding: 10px 20px;
  }
  #our_team .dashicons{
  	width: 40px;
  }
  #banner_offer .image1-content{
  	left: 15px;
  }
  #banner_offer .image-box3{
  	top: 70%;
  	left: 55%;
  }
	#contact .content{
		margin-top: 30%;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 45%;
	}
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 92%;
	}
	.latest-post .post-meta{
		width: 55px;
		height: 55px;
	}
	.latest-post .post-meta .date-day {
    font-size: 20px;
  }
  .latest-post .post-meta .date-month {
   font-size: 16px;
  }
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
	#brand .owl-carousel .owl-nav {
   display: none;
  }
	
	}