<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Misbah Lighting Pro
Theme URI: https://www.misbahwp.com/products/lighting-store-wordpress-theme
Description: Misbah Lighting Pro WordPress theme will let you create the best online store as it has all the advance options available to customize your site. Our top premium theme comes with an advanced slider, featured products section, top brands, Our Featureds, bestselling products, blog post, about us, category slider, and gender-specific product gallery sections, contact us, testimonials and so on. The theme is highly responsive and works speedily across all platforms and is compatible with every browser. Your traffic will improve undoubtedly and the enhanced user experience will see a bump in sales. It is SEO-ready too with the help of which your store will rank soon on all major search engines like Google. It is responsive enough to fit well in all devices screen sizes so you will not miss any buyers. Misbah Lighting Pro WordPress theme has advance slider to create a stunning slider with multiple images upload option available. It is integrated with font awesome icon and 100+ font family options are available to select from.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
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: misbah-lighting-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;
  color: #000000;
  text-transform: capitalize;
  font-weight: 500;
}

body {
  font-family: "Josefin Sans", sans-serif;
  color: #575661;
  margin:0;
  background: #fff;
}
h1,h2,h3, h4, h5, h6{
  font-family: "Josefin Sans", 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:#B19777;
  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: #000000;
}
.page-404 h3{
	font-size: 38px;
	color: #000000;
}
.page-404 hr{
	width: 10%;
	background: #9ae2e1;
	padding: 1px;
}
.page-404 p{
	margin-left: 30%;
	margin-right: 30%;
}
.page-404 .intro-button{
 text-align: center;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background:  #B19777;
}
.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: #000000;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

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

.logo {
  display: block;
  padding: 20px 0;
	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:#000000;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
  width: 160px;
}

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

.social-links a {
  color: #fff;
  font-size: 18px;
}
.social-links a:hover{
	color: #B19777; 
	margin-bottom: 0;
}

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

#main-menu ul.children, #main-menu ul.sub-menu {
	display: none;
}
#main-menu ul li:hover .sub-menu {
	display: block;
}
#main-menu {
	display:block;
	position:relative;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:flex;
  justify-content: center;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
  margin-left: 5px;
}
#main-menu ul li a {
	color: #fff;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:5px 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:40px;
  text-transform: uppercase;
  font-size: 16px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover &gt; a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus &gt; a,
#main-menu li:focus &gt; a,
#main-menu ul li.current-menu-item &gt; a,
#main-menu ul li.current_page_item &gt; a,
#main-menu ul li.current-menu-parent &gt; a,
#main-menu ul li.current_page_ancestor &gt; a,
#main-menu ul li.current-menu-ancestor &gt; a {
	color:#B19777;
  font-weight: 600;
   
}
#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 &gt; ul,
#main-menu li li:focus &gt; ul,
#main-menu li li.focus &gt; 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: #000000;
	-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 #000000;
	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: #000000;
	-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 &gt; ul,
#main-menu li:focus &gt; ul,
#main-menu li.focus &gt; ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #000000;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

 

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

.header-search {
  text-align: right;
}
 

  
 p.cart-item-box{
 	position: absolute;
    top:-10px;
    right: -10px;
    background:  #FF8A4B;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
 }
 .header-search .open-search-form i:hover{
 	color: #000000;
 }
/* a.cart-customlocation i:hover{
 	color: #fff;
 }*/
.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:100vh;
	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
   ============================================= */

 
 
h4.post-title {
  font-size: 22px;
  color: #000000;
  font-weight: 800;
}
.post-content p{
	color: #898d94;
}
.post-meta i{
	color:  #B19777;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
  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 .post-date {
  float: left;
}
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #000000;
	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:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #000000;
	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: #000000;
	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:  #B19777;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #000000;
  font-weight: 600;
}
.latest-post h4 a:hover{
  color: #B19777;
}
.latest-post .post-content p{
  color: #908E8B;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
.latest-post{
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.08));
  background: #F0EDEC;
}
.latest-post .far.fa-calendar-alt, .latest-post .fas.fa-bookmark{
  color: #717982;
} 
.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;
}
.latest-post figure{
  margin: 0;
  padding: 0;
  background: #000000;
  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 .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

.latest-post .far.fa-calendar-alt{
  color: #db1d14;
}
.latest-post .far{
  color: #db1d14;
  font-size: 18px;
}
.latest-post span {
    text-transform: capitalize;
    color: #575661;
    font-weight: 500;
  }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #000000;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color:  #B19777;
}
.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: #000000;
  padding: 5px 15px;
  color: #fff;
  border-radius: 4px;
}
.comment-reply a:hover {
  background:  #B19777;
  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 &gt; li &gt; ul.children,
  #main-menu &gt; li &gt; ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus &gt; ul.children,
  #main-menu li.focus &gt; ul.sub-menu ,
  #main-menu li:hover &gt; ul.children,
  #main-menu li:hover &gt; ul.sub-menu ,
  #main-menu li:focus &gt; ul.children,
  #main-menu li:focus &gt; 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: 10px 15px;
    display: initial;
    font-size: 18px;
    color: #000;
  }

  #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 #000000;
    right: 30px;
    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 &gt; a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus &gt; a,
  #main-menu li:focus &gt; a,
  #main-menu ul li.current-menu-item &gt; a,
  #main-menu ul li.current_page_item &gt; a,
  #main-menu ul li.current-menu-parent &gt; a,
  #main-menu ul li.current_page_ancestor &gt; a,
  #main-menu ul li.current-menu-ancestor &gt; a {
    background:none;
  } */
}


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

.pagination,
.misbah-lighting-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.misbah-lighting-pro-pagination a span,
.misbah-lighting-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,
.misbah-lighting-pro-pagination span.current,
.misbah-lighting-pro-pagination span.current:hover,
.misbah-lighting-pro-pagination span.current:focus,
.misbah-lighting-pro-pagination a span:hover,
.misbah-lighting-pro-pagination a span:focus {
	background:#000000;
  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:#000000;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #000000;
	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:#000000;
}

.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;
  background: #fff;
  border: 1px solid  #e9e7f4;
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
  /* padding-bottom: 15px; */
}
.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 a{
  font-size: 16px;
  line-height: 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: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #000000;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #B19777;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  background: #33302D;
}
.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: #000000;
	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: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}
.sidebar-area input[type="search"]{
  width: 69%;
  border: none;
  background: transparent;
}
#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
}
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: #fff;
  border: 0;
  outline: none;
  border-radius: 4px 0 0 4px;
  border: 1px solid #eee;
}
.searchform input[type=submit]{
	background: #B19777;
	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;
  border-radius: 0 4px 4px 0;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color: #B19777;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area .post-thumbnail{
  width: 80px;
  height: 80px;
 }
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }
footer {
	background: #fff;
	border-top: 1px solid #B9B9B9;
}
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: #FFF;
  font-size: 14px;
}
footer a:hover{
  color: #B19777;
}
.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: 20px;
}
.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:  #B19777;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  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.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll:hover {
  background:  #30373E;
}
#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: #B19777;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*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: #B19777 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 #fff 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*/ 


header#site-navigation{
  background: #30373E;
  
}
.header-menu{
  position: relative;
}
.header-menu::after, .header#site-navigation::after{
  content: '';
  background: #B19777;
  width: 500px;
  height: 87px;
  position: absolute;
  top: 0;
}
.menu-header{
  position: relative;
  z-index: 11;
}
.header-menu .logo-image img{
	width: auto;
}
.header-menu .inner-sectrion{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-menu .inner-sectrion p{
  color: #fff;
}
.header-menu .inner-sectrion a{
  color: #ffff;
  font-size: 14px;
}
.header-menu .inner-sectrion a:hover{
  color: #33302D;
}
.order-button{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.order-button a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  margin-left: 25px;
}
.order-button a:hover{
  color:  #b19777;
}
.middle-header .wishlist, .middle-header .my_account, .middle-header .cart-sec{
  display: flex;
  align-items: center;
  justify-content: center;
}
.currency-div{
  margin-left: 20px;
  cursor: pointer;
}
.currency-div .form#currency-switcher{
  background: transparent;
}
.currency-div select{
  background: transparent;
  border: 0;
  outline: none;
  color: #fff;
  font-weight: 300;
}
.currency-div option{
  color: #fff;
  font-weight: 300;
  background: #33302D;
  padding: 5px;
}
#banner{
  border-top: 2px solid #30373E;
}

/*SLIDER SECTION*/ 

#slider {
  position: relative;
 
}

#slider::after{
  content: '';
  background: #B19777;
  width: 85px;
  height: 100%;
  position: absolute;
  position: absolute;
  top: auto;
  z-index: 1;
  bottom: 50%;
}
#slider .slider-content{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: auto;
  max-width: 540px;
  left: 16%;
  padding: 0;
} 
 
 
#slider h1{
  font-size: 48px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  line-height: 60px;
}
#slider h2{
  font-size: 24px;
  font-weight: 400;
  color: #fff;
}
#slider p{
  color: #ffff;
  max-width: 440px;
  line-height: 30px;
}
#slider .owl-carousel{
  z-index: unset;
}
#slider .owl-carousel .owl-nav{
  display: block;
 
}
#slider  button.owl-prev, #slider  button.owl-next{
  width: 85px;
  height: 190px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  box-shadow: none;
  background: #30373E;
  position: absolute;
  bottom: 42%;
  transition: .3s ease-in-out;
  z-index: 11;
}
#slider  button.owl-prev::after{
  content: '\f341';
  font-family: dashicons;
  position: absolute;
  font-size: 30px;
}
#slider  button.owl-next::after{
  content: '\f345';
  font-family: dashicons;
  position: absolute;
  font-size: 30px;
}
#slider  button.owl-prev:hover, #slider  button.owl-next:hover{
  background: #B19777;
}

#slider  button.owl-next{
  float: right;
  right: 0;
}
#slider .button-new::after {
  content: '\f345';
  font-family: dashicons;
}
 
 
#slider .owl-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#slider .owl-prev,
#slider .owl-next {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}

#slider .owl-prev img,
#slider .owl-next img {
  width: 180px;
  height: 190px;
  object-fit: cover;
   
}
#slider .owl-prev img{
  margin-left: 265px;
}
#slider .owl-next img{
  margin-right: 265px;
}


/* Main css */

.page-template-frontpage h5{
  color: #8E9199;
  font-size: 20px;
  margin-bottom: 0;
  line-height: normal;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
}
.page-template-frontpage h2{
color: #000000;
font-size: 40px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 20px;
text-transform: capitalize;
}
.page-template-frontpage h4{
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}

p{
  line-height: 30px;
  font-size: 18px;
}
 .button-new{
  padding: 15px 20px;
  text-align: left;
  transition: .3s ease-in-out;
  display: inline-flex;
  width: 220px;
  justify-content: space-between;
  background: #B19777;
  color: #000;
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
}
.button-new:hover{
  background: #393D46;
  color: #fff;
}
span.onsale {
  padding: 5px 10px;
  font-size: 14px;
  position: absolute;
  top: 20px;
  left: 10px;
  background: #000000;
  color: #fff;
}

.sec-padd{
  padding: 100px 0;
}
.btn-link{
  text-transform: uppercase;
  text-decoration: underline;
  color: #B19777;
}
.btn-link:hover{
  color: #000000;
}

/*Our Collections SECTION*/

#our_collections h3{
  color: #000000;
  font-weight: 600;
 }
 #our_collections h6{
  color: #575661;
}
#our_collections .btn-div{
 margin-top: 50px;
}

#our_collections .box-dtls{
  background: #F0EDEC;
  height: 100%;
}

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

#our_collections .box-content{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
 opacity: 0;
}
#our_collections .tab-product:hover .box-content{
  overflow: visible;
  opacity: 1;
}
#our_collections .box-content a.added_to_cart.wc-forward{
  position: relative;
  font-size: 14px;
  margin-top: 10px;
  color: #fff;
  padding: 10px 15px;
  background:  #B19777;
}
#our_collections .box-content a.added_to_cart.wc-forward:hover{
  background: #000000;
}
#our_collections .box-content  a.button{
  padding: 10px 20px;
  color: #fff;
  background: #B19777;
  transition: all 0.2s; 
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  text-align: left;
 
}
#our_collections .box-content  a.button:hover{
  background: #000000;
}



#our_collections .tab-product{
  position: relative;
 
}



#our_collections .tinvwl_add_to_wishlist_button{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #B19777;
  visibility: hidden;
}
#our_collections  .tab-product:hover .tinvwl_add_to_wishlist_button{
  visibility: visible;
}

/* Our projects Section */

#our_projects .img-box{
  position: relative;
}
#our_projects .img-box img{
  width: 100%;
}
#our_projects .project-div{
  position: absolute;
  left: 20px;
  right: auto;
  bottom: 40px;
}
#our_projects .project-div h4 a{
  color: #ffff;
  font-size: 24px;
  font-weight: bold;
  text-transform: capitalize;
}
#our_projects .project-div h6{
  color: #ffff;
}
#our_projects .info-btn{
  color: #B19777;
  text-decoration: underline;
}
#our_projects .info-btn:hover{
  color: #000000;
}
#our_projects figure{
	margin: 0;
	padding: 0;
  background: #000;
	overflow: hidden;
}
#our_projects figure:hover+span{
	opacity: 1;
}
#our_projects figure img{
	-webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#our_projects figure:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  opacity: 0.5;
}
#our_projects .image-box1 img{
  height: 570px;
}

/* Services Sections */

#services{
  position: relative;
}
#services::after{
  content: '';
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  border-left: 15px solid #30373E;
  border-top: 15px solid #30373E;
}
#services::before{
  content: '';
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  border-right: 15px solid #30373E;
  border-bottom: 15px solid #30373E;
}
#services h4{
  color: #000000;
  font-weight: bold;
  font-size: 24px;
}
#services h5{
  color: #000;
}
#services .sec-cnt{
  color: #000;
}
#services .icon-img-bx{
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F0EDEC;
  border-radius: 50%;
  margin-bottom: 20px;
}
#services .icon-img-bx img{
  width: 35px;
  height: 35px;
}
#services .services-box{
  position: relative;
  transition: all .3s ease-in-out;
}
#services .services-box:hover .services-cnt{
  background: transparent;
  color: #fff;
}
#services .services-box:hover h4, #services .services-box:hover .btn-link{
  color: #fff;
}
#services .services-cnt{
  position: absolute;
  inset: 0;
  background: #fff;
  display: flex;
  align-items: center;
  transition: all .3s ease-in-out;
}
#services .services-cnt p{
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
}
#services  .services-inner-bx{
  padding: 30px 30px;
}
#services figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#services figure:hover+span{
	opacity: 1;
}
#services figure img{
	-webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#services figure:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/*Our Featured SECTION*/

#featured-products .box{
  overflow: hidden;
  position: relative;
}
#featured-products .img-box-div{
  height: 100%;
  background: #393D46;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#featured-products .box img{
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
 
}
#featured-products .box img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
#featured-products .box-content{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
 opacity: 0;
}
#featured-products .tab-product:hover .box-content{
  overflow: visible;
  opacity: 1;
}
#featured-products .box-content a.added_to_cart.wc-forward{
  position: relative;
  font-size: 14px;
  margin-top: 10px;
  color: #fff;
  padding: 10px 15px;
  background:  #B19777;
}
#featured-products .box-content a.added_to_cart.wc-forward:hover{
  background: #000000;
}
#featured-products .box-content  a.button{
  padding: 10px 20px;
  color: #fff;
  background: #B19777;
  transition: all 0.2s; 
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  text-align: left;
 
}
#featured-products .box-content  a.button:hover{
  background: #000000;
}
#featured-products h3 a{
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-size: 20px;
  font-weight: bold;
}
#featured-products h3 a:hover{
  color: #B19777;
}
#featured-products ins span.woocommerce-Price-amount.amount{
  color: #B19777;
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
}
#featured-products ins{
  text-decoration: none;
}
#featured-products del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
#featured-products  h6.price{
  font-weight: 400;
  color: #8E9199;
}
#featured-products .tab-product{
  position: relative;
  margin-bottom: 40px;
}
#featured-products .product-details{
  background: #F0EDEC;
  padding: 20px 0 0 20px;
  position: relative;
}
#featured-products .goto-link{
  background: #393D46;
  color: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
#featured-products .goto-link .dashicons{
  font-size: 24px;
}
#featured-products .goto-link:hover{
  background: #B19777;
}

#featured-products .tinvwl_add_to_wishlist_button{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #B19777;
  visibility: hidden;
}
#featured-products  .tab-product:hover .tinvwl_add_to_wishlist_button{
  visibility: visible;
}

/* Our team Sections */

#our_team h2{
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
#our_team figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
  background: #000;
}
#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 img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  opacity: 0.5;
}
#our_team .team-dtls-bx{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
#our_team .social-icon a{
  border: 1px solid #D0D0D0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
#our_team .social-icon{
  display: flex;
  justify-content: flex-end;
}

/* About Us Section */

#about_us{
  position: relative;
}
#about_us::after{
  content: '';
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  border-left: 15px solid #B19777;
  border-top: 15px solid #B19777;
}
#about_us::before{
  content: '';
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  border-right: 15px solid #B19777;
  border-bottom: 15px solid #B19777;
}
#about_us h5{
  color: #fff;
}
#about_us h2{
  color: #fff;
  max-width: 720px;
  margin-bottom: 50px;
}
#about_us p{
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  white-space: pre-line
}
#about_us .button-new{
  background: #B19777;
  text-transform: capitalize;
  color: #000;
  position: relative;
}
#about_us .button-new::after{
  content: '\f345';
  font-family: dashicons;
}
#about_us .button-new:hover{
  background: #30373E;
  color: #fff;
}
#about_us figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
  background: #000;
}
#about_us figure:hover+span{
	opacity: 1;
}
#about_us figure img{
	-webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#about_us figure:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  opacity: 0.5;
}

/*Faq Section*/

#faq-section h2{
  color: #000;
  font-weight: bold;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
#faq-section .aks-accordion{
  background: #F0EDEC;
  padding: 0 20px;
  margin-bottom: 20px;
}
#faq-section .aks-accordion-item-row{
  display: flex;
  align-items: center;
}
#faq-section  h6{
  margin-bottom: 0;
  font-weight: normal;
  color: #000;
  font-size: 18px;
}
#faq-section .aks-accordion-item-icon {
  width: 25px;
  height: 25px;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  text-align: center;
}
#faq-section .aks-accordion-item-icon .fas{
  color: #000;
  margin:0 20px;
}
#faq-section .aks-accordion-item-title {
  width: 100%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
#faq-section .aks-accordion-item-content {
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  color: #999;
}
#faq-section .aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}
#faq-section .aks-accordion-item-icon-close {
  display: none;
}
#faq-section .aks-accordion-item.opened .aks-accordion-item-icon-close {
  display: block;
}


/* Testimonial Sections */

#testimonial h5{
  color: #000;
}
#testimonial h2{
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
#testimonial{
  position: relative;
}
#testimonial::after{
  content: '';
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  border-left: 15px solid #30373E;
  border-top: 15px solid #30373E;
}
#testimonial::before{
  content: '';
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  border-right: 15px solid #30373E;
  border-bottom: 15px solid #30373E;
}
#testimonial .testimonial-box{
  background: #fff;
  position: relative;
  padding: 30px;
  margin-bottom: 50px;
  margin-top: 50px;
}
#testimonial .testimonial-dtls-box{
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
#testimonial .testimonial-dtls-box .name-box{
  margin-left: 15px;
  margin-bottom: -35px;
}
#testimonial .dashicons{
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FBD1C7;
  font-size: 46px;
  margin-top: -70px;
}
#testimonial .box-img{
  width: 90px;
  height: 90px;
  margin-bottom: -60px;
  padding: 3px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #D9D9D9;
}
#testimonial .box-img img{
  width: 100%;
  margin: auto;
}
#testimonial p{
  color: #575661;
 font-size: 16px;
}
#testimonial .owl-dots {
  text-align: center;
  width: 100%;
  margin-top: 30px;
}
#testimonial .owl-dots button.owl-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  background: #575661;
  margin: 0 5px;
  outline: none;
  box-shadow: none;
}
#testimonial .owl-dots button.owl-dot.active {
  background-color:#575661 ;
  width: 16px;
  height: 16px;
  border: 4px solid #F0EDEC;
  outline: none;
  box-shadow: none;
}

 
/*LATEST NEWS SECTION*/

#latest-news figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  object-fit: cover;
  background: #eee;
}
#latest-news figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
}
#latest-news .recent_box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#latest-news h6 a{
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#latest-news h6 a:hover{
  color: #B19777;
}
#latest-news .post-image-box{
  position: relative;
}
#latest-news .post-date{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #575661;
}
#latest-news .post-date p{
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
}
#latest-news .post-content{
  background: #F0EDEC;
  padding: 20px;
}
#latest-news .post-goto{
  color: #B19777;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: underline;
}
#latest-news .cat-name span{
  margin-right: 30px;
}
 

/* Pricing Plans Section */

#pricing_plans h3{
  color: #000;
  font-weight: bold;
}
#pricing_plans .pricing_plans-box{
  padding-left: 0;
  padding-right: 0;
}
#pricing_plans .box-bg{
  background: #fff;
}
#pricing_plans .box-head{
  background: transparent;
  padding: 40px 20px;
  border-bottom: 1px solid rgba(57, 61, 70, 0.26);
  transition: all .3s ease-in;
}
#pricing_plans h6{
  color: #000;
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 20px;
  transition: all .3s ease-in;
}
#pricing_plans h4{
  color: #B19777;
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 0;
}
#pricing_plans .box-body{
  padding: 40px 40px 120px;
  text-align: left;
  transition: all .3s ease-in;
}
#pricing_plans .box-body p{
  margin-bottom: 20px;
  color: #575661;
  margin-left: 30px;
}
#pricing_plans .box-body span{
  color: #B19777;
  margin-right: 20px;
}
#pricing_plans .btn-brd{
  background: #B19777;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 40px;
  text-decoration: none;
  transition: all .3s ease-in;
  text-transform: capitalize;
}
#pricing_plans .pricing_plans-box:hover .box-head{
  background: #30373E;
  color: #fff;
}
#pricing_plans .pricing_plans-box:hover .btn-brd{
  background: #30373E;
  color: #B19777;
}
#pricing_plans .pricing_plans-box:hover h6{
  color: #B19777;
}
#pricing_plans .pricing_plans-box:hover .box-body{
  background: #B19777; 
}
#pricing_plans .pricing_plans-box:hover .box-body p{
  color: #000;
}
#pricing_plans .pricing_plans-box:hover .box-body span{
  color: #000;
}

/* Our Gallery Section */

#our_gallery{
  position: relative;
}
#our_gallery::after{
  content: '';
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  border-left: 15px solid #B19777;
  border-top: 15px solid #B19777;
}
#our_gallery::before{
  content: '';
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  border-right: 15px solid #B19777;
  border-bottom: 15px solid #B19777;
}
#our_gallery h5{
  color: #fff;
}
#our_gallery h2{
  color: #fff;
}
#our_gallery figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#our_gallery figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#our_gallery figure:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#our_gallery figure:hover+span{
  opacity: 1;
}

/* Get In Touch Section */

#get_in_touch .image-text{
  position: relative;
  text-align: left;
}
#get_in_touch img{
  width: 100%;
}
#get_in_touch .overlay-text{
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}
#get_in_touch .overlay-text h3{
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
#get_in_touch .overlay-text  p{
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 20px;
}
#get_in_touch a.hot-line{
  color: #fff;
  font-weight: 300;
}
#get_in_touch a.hot-line:hover{
  color: #B19777;
}
#get_in_touch .conatct-info{
  margin-top: 30px;
}
#get_in_touch .conatct-info h6{
  font-size: 20px;
  font-weight: bold;
  color: #393D46;
}
#get_in_touch .contact-dlts h4{
  font-size: 22px;
  font-weight: bold;
}
#get_in_touch .conatct-info a{
  color: #575661;
}
#get_in_touch .conatct-info a:hover{
  color: #B19777;
}
#get_in_touch .conatct-info .call-no{
  font-size: 20px;
}
#get_in_touch .form br{
  display: none;
}
#get_in_touch label{
  font-size: 14px;
  color: #000;
  font-weight: 500;
  margin-bottom: 0;
  text-align: left;
}
#get_in_touch form input, #get_in_touch form textarea{
  border: 1px solid rgba(13, 31, 53, 0.3);
  outline: none;
  box-shadow: none;
  padding: 10px 20px;
  width: 100%;
}
#get_in_touch form textarea{
  height: 123px;
}
#get_in_touch input.wpcf7-form-control.wpcf7-submit{
  background: #B19777;
  color: #000;
  border: 0;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  font-size: 16px;
  transition: .3s ease-in-out;
  position: relative;
}
#get_in_touch input.wpcf7-form-control.wpcf7-submit:hover{
  background: #393D46;
  color: #fff;
}
#get_in_touch input.wpcf7-form-control.wpcf7-submit:after{
  content: '\f345';
  font-family: dashicons;
  color: #fff;
}
#get_in_touch .form-group {
  margin-bottom: 25px;
}


/* Blog section */

.blog-cat-sec{
  display: flex;
  align-items: center;
  justify-content: left;
}
.latest-post .post-image-box{
  position: relative;
}
.latest-post .cat-name{
  margin-right: 30px;
}
.latest-post .post-date{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #575661;
}
.latest-post .latest_content{
  padding: 20px;
}
.latest-post .post-goto{
  color: #B19777;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: underline;
}
.latest-post .post-title a{
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.latest-post .post-date p{
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
}
h2.wp-block-heading, .wp-block-search__label{
  padding: 10px 10px;
  background: #000000;
  color: #fff;
  border-bottom: 5px solid #B19777;
  font-size: 24px;
}
.footer-area h2.wp-block-heading, .footer-area .wp-block-search__label{
  padding: 0;
  background: transparent;
  color: #fff;
  border: 0;
  font-size: 24px;
  text-align: left;
}
.wp-block-latest-posts.wp-block-latest-posts__list{
  padding-left: 10px;
}
ol.wp-block-latest-comments{
  padding: 0;
}
ol.wp-block-latest-comments .footer{
  float: unset;
}
.footer1 .widget_block{
  display: none;
}
#banner .post-title{
  text-align: center;
}
#block-3, #block-4, #block-2{
  display: none;
}


/*Footer Section*/

.footer-area{
  position: relative;
  padding-top: 100px;
}
.footer-area::after{
  content: '';
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  border-left: 15px solid #B19777;
  border-top: 15px solid #B19777;
}
.footer-area::before{
  content: '';
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  border-right: 15px solid #B19777;
  border-bottom: 15px solid #B19777;
}
.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0;
}
.footer-area .textwidget ul li {
  margin: 5px 0;
  font-size: 16px;
  color: #FFF;
  font-weight: 500;
}
.footer-area h4.title{
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 20px;
}
.footer-area  .fab{
  margin-right: 20px;
  margin-top: 10px;
  color: #000000;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  background: #E2E2E2;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
}
.footer-area .fab:hover{
  color: #fff;
  background: #B19777;
}
.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;
  color: #e6e6e6;
  font-size: 18px;
}
.footer-area .post-meta a:hover{
  color: #B19777;
}
.footer-area ul {
  padding: 0px;
  list-style: none;
  line-height: 2;
  }
.footer-area ul li{
  margin: 10px 0; 
  color: #FFF;
  font-weight: 500;
  font-size: 14px;
}
 
.footer-area img{
  width: auto;
 
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #FFF;
}
.footer-area h3, .footer-area h2{
  font-size: 24px;
  color: #FFF;
}
.copyright {
  background: #050606;
}
.copyright-box{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.21);
}
.copyrigt-links a{
  margin-left: 30px;
}

.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
  color: #fff;
}
.copyright a:hover{
  color: #B19777;
}
 a.buynowbtn {
    background: #B19777;
    color: #fff !important;
    padding: 5px 10px !important;
}
 

.footer-area input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email{
  border: 1px solid #C1C0BE;
  outline: none;
  box-shadow: none;
  background: transparent;
  width: 100%;
  padding: 10px 20px;
}
.footer-area input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email::placeholder{
  color: #C1C0BE;
}
.footer-area input.wpcf7-form-control.wpcf7-submit.has-spinner{
  background: #000000;
  color: #B19777;
  display: block;
  text-align: center;
  padding: 10px 20px;
  border: 0;
  box-shadow: none;
  margin-top: 15px;
  width: 100%;
  cursor: pointer;
}


/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #000000;
  font-weight: 700;
}
#contact h2{
 font-size: 34px;
  line-height: 42px;
  color: #000000;
  font-weight: 500;
}
#contact hr{
  background: #000000;
    padding: 1px;
    width: 10%;
}
#contact p{
  color: #2b2b2b;
}
#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}
#contact input.wpcf7-form-control.wpcf7-text{
  padding: 10px 20px;
  background: #f9f8ff;
  border: 1px solid #e8e6f4 ;
  margin: 10px;
  outline: none;
  width: 46%;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 94%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 0px;
  background: #f9f8ff;
  border: 1px solid #e8e6f4 ;
  outline: none;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin-top: 30px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  background: #000000;
  border: none;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background:  #B19777;
  color:#fff; 
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .dashicons{
  font-size: 50px;
  color: #000000;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#contact .services-box:hover .dashicons{
  transform: rotate(360deg);
  color:  #B19777
}
#contact h6{
  color: #B19777;
  font-size: 20px;
}
#contact .services-box{
  border: 2px solid #B19777;
  height: 100%;
  padding: 20px 20px;

}
#contact .services-box p{
  margin-bottom: 0;
}


 
 
@media (max-width: 991px){
   
  .product-btn{
    font-size: 10px;
    display: flex;
    align-items: center;
  }
  .product-btn span{
    font-size: 16px;
    margin-right: 5px;
  }

  #slider .left-side-sec img{
    position: relative;
  }
  .copyright-box{
    display: block;
  }

  #sponsors .owl-dots {
    text-align: center;
    width: 100%;
    margin-top: 30px;
  }
  #sponsors .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #D9D9D9;
    margin: 0 5px;
  }
  #sponsors .owl-dots button.owl-dot.active {
    background-color:#B19777 ;
    width: 14px;
    height: 14px;
  }


  #latest-news .owl-dots {
    text-align: center;
    width: 100%;
    margin-top: 30px;
  }
  #latest-news .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #D9D9D9;
    margin: 0 5px;
  }
  #latest-news .owl-dots button.owl-dot.active {
    background-color:#B19777 ;
    width: 14px;
    height: 14px;
  }
}

 
@media (max-width: 767px){
   
  .copyrigt-links a{
    font-size: 14px;
    margin-left: 10px;
  }
  .copyright p{
    font-size: 14px;
  }

  h1.post-title{
    font-size: 22px;
  }
  #contact .services-box{
    height: auto;
    margin-bottom: 20px;
  }

   
  .header-menu::after, .header#site-navigation::after{
    right: 0;
    width: 100% !important;
  }
}
/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
   	margin-top: 0;
    position: relative;
   }
   #main-menu ul{
    display: block;
   }
   .menu-sec{
    order: 1;
   }
    
    
   
	.sidenav {
	  height: 100vh;
	  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: #b19777;
		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;
	}
	
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  p{
    line-height: 21px;
  }
  .header-menu .inner-sectrion{
    display: block;
  }
  .header-menu .inner-sectrion p{
    text-align: center;
    font-size: 12px;
  }
   
  .logo-image{
    margin: auto;
  }
  #slider h2{
    font-size: 18px;
  }
   
  #slider h1{
    font-size: 26px;
    line-height: 30px;
  }
  #slider button.owl-prev, #slider button.owl-next{
    width: 40px !important;
    height: 40px !important;
    bottom: 0;
  }
  #slider button.owl-prev::after, #slider button.owl-next::after{
    font-size: 24px;
  }
  #slider .owl-prev img, #slider .owl-next img{
    display: none;
  }
  #slider .owl-carousel .owl-item img{
    height: 50vh;
    object-fit: cover;
  }
  #slider .slider-content{
    left: 0 !important;
    top: 40%;
    transform: translateY(-40%);
  }
  .sec-padd{
    padding: 50px 10px;
  }
   
  .page-template-frontpage h2{
    font-size: 24px;
  }
  .page-template-frontpage h5{
    font-size: 18px;
  }

  .page-template-frontpage h4{
    font-size: 18px;
  }
  #our_projects .img-box{
    margin-bottom: 30px;
  }
  #services .services-inner-bx{
    text-align: center;
  }
  #services .icon-img-bx{
    margin: auto;
    margin-bottom: 20px;
  }
  #featured-products .product-details {
    padding: 10px 0 0 10px;
  }
  #featured-products h3 a{
    font-size: 16px;
  }
  #featured-products .goto-link{
    width: 30px;
    height: 30px;
  }
  #featured-products .goto-link .dashicons {
    font-size: 18px;
  }
   
  #featured-products .col-6{
    padding-left: 10px;
    padding-right: 10px;
  }
  #testimonial::before, #services::before{
    border-right: 10px solid #30373E;
    border-bottom: 10px solid #30373E;
  }
  #testimonial::after, #services::after{
    border-left: 10px solid #30373E;
    border-top: 10px solid #30373E;
  }
  #about_us::before, #our_gallery::before, .footer-area::before{
    border-right: 10px solid #B19777;
    border-bottom: 10px solid #B19777;
  }
  #about_us::after, #our_gallery::after, .footer-area::after{
    border-left: 10px solid #B19777;
    border-top: 10px solid #B19777;
  }
  #about_us p{
    text-align: center;
    margin-top: 30px;
  }
  #about_us .btn-grp{
    margin-bottom: 30px;
  }
  #our_gallery figure{
    margin-bottom: 30px;
  }
  #get_in_touch .contact-dlts{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
 
  #contact hr {
   width: 30%;
  }
  #contact .contact-form p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  	margin: 15px 0;
  }
  #contact .wpcf7 .ajax-loader{
  	display: block;
  	left: 38%;
  }
  #comments textarea{
  	width: 100%;
  }
	.woocommerce-page div.product div.summary{
	 	padding: 15px;
	} 
  .post-single .blog_share_icon .fab{
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }
  .copyright  img{
    margin: 10px 0;
  }
  .latest-post .post-title a{
    font-size: 16px;
  }
  .latest-post{
    padding: 10px;
  }
  .btn-div{
    text-align: center;
  }
   
   
  .post-content{
    text-align: center;
  }
  .footer-area h2.wp-block-heading, .footer-area .wp-block-search__label{
    text-align: center;
  }
  .bottom-marg{
    margin-bottom: 30px;
  }
  #slider::after{
    display: none;
  }
  .blog-cat-sec {
  justify-content: center;
  }
  #slider button.owl-prev, #slider button.owl-next{
    z-index: 1;
  }

  #our_projects .div-sec2{
    order: 1;
    margin-bottom: 30px;
  }
  #our_projects .div-sec1{
    order: 2;
  }

}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){

  .bottom-marg{
    margin-bottom: 30px;
  }

  .header-menu .services-inner{
    flex-wrap: wrap;
  }
  .menu-div1{
    order: 1;
  }
  .menu-div2{
    order: 3;
  }
  .menu-div3{
    order: 2;
  }
  #main-menu ul{
    justify-content: center
  }

  /* header#site-navigation{
    background: #b19777;
  } */

  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 31%;
    margin-right: 15px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
    float: left;
  }
	#main-menu{
		float: left;
		width: 100%;
	}
  .header-menu .logo a{
    font-size: 24px;
    line-height: 35px;
   }
  .main-menu ul li a{
  	padding: 10px 12px;
  	 
  	padding-left: 0;
  }
  .header-menu .logo-image img{
    width:auto;
  }
  .menu-header input#search {
    font-size: 12px;
  }
  
  .sec-padd {
    padding: 50px 0;
  }
  #about_us .box1{
    order: 2;
  }
  #about_us .box2{
    order: 2;
  }
  #about_us p{
    text-align: center;
    margin-top: 30px;
  }
  #our_collections .box-dtls{
    margin-bottom: 30px;
  }
  #slider .slider-content{
    max-width: 440px;
    top: 40%;
  }
  #slider button.owl-prev, #slider button.owl-next{
    height: 50px !important;
  }
  
  #slider h1{
    font-size: 28px;
    line-height: 32px;
  }
  #our_gallery figure{
    margin-bottom: 30px;
  }
  #our_projects .image-box1 img{
    height: 530px;
  }
  #our_projects .div-sec1{
    order: 2;
  }
  #our_projects .div-sec2{
    order: 1;
    margin-bottom: 30px;
  }
  #slider .owl-prev img, #slider .owl-next img{
    display: none;
  }
  
  .page-template-frontpage h2{
    font-size: 18px;

  }
  .page-template-frontpage h4{
    font-size: 22px;
  }
  .only-media{
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }

  
   
   
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 30%;
  }
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 95%;
		margin: 15px 0;
	}
	#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
		width: 45%;
		margin: 10px 10px;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 46%;
		margin: 20px 10px;
	}
	#contact .wpcf7 .ajax-loader{
		display: block;
	}
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.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;
	}
  #site-navigation .button1, #site-navigation .button2{
    font-size: 10px;
    padding: 0;
    border: none;
  }
  .social-links a{
    font-size: 14px;
  }
  .top-header .my_account a{
    font-size: 12px;
  }
   
  p.cart-item-box {
    left: 85%;
    font-size: 11px;
    width: 17px;
    height: 17px;
  }
  .header-search .open-search-form i {
    font-size: 15px;
  }
  .latest-post .post-title a{
    font-size: 16px;
  }
  .latest-post{
    padding: 10px;
  }
  #slider::after{
    display: none;
  }
  
  
 
 

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .header-menu .logo-image img {
    width: auto;
   }
	#main-menu ul li a{
		padding: 5px 15px;
    font-size: 15px;
	}
  
   
  p.cart-item-box{
    left: 85%;
  }
  #our_projects .image-box1 img {
    height: 410px;
  }

  .page-template-frontpage h2{
    font-size: 26px;
  }
  #slider h1{
    font-size: 38px;
  }
  #slider .slider-content{
    max-width: 440px;
    top: 40%;
  }
  #slider .owl-prev img, #slider .owl-next img{
    display: none;
  }
  #slider button.owl-prev, #slider button.owl-next{
    bottom: 0;
    width: 50px !important;
    height: 50px !important;
  }
  
 
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }
  .header-menu::after, .header#site-navigation::after {
    width: 200px !important;
  }
 
	
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
	 
	.woocommerce .quantity .qty{
		max-width: 150px;
	}
  #our_projects .image-box1 img {
    height: 490px;
  }
  .header-menu::after, .header#site-navigation::after {
      width: 250px !important;
  }
 

}
@media (max-width: 1699px){
  #slider::after{
    width: 65px;
 
  }
  #slider .owl-prev img, #slider .owl-next img{
    height: 170px;
    width: 130px;
  }
  #slider button.owl-prev, #slider button.owl-next{
    width: 65px;
    height: 170px;
  }
  #slider .owl-prev img{
    margin-left: 195px;
  }
  #slider .owl-next img{
    margin-right: 195px;
  }
}
@media (max-width: 1599px) {    
  #slider .slider-content{
    left: 15%;
  }
  .header-menu::after, .header#site-navigation::after{
    width: 360px;
  }
  #slider::after{
    width: 50px;
   
  }
  #slider button.owl-prev, #slider button.owl-next{
    width: 50px;
    height: 120px;
  }
  #slider .owl-prev img, #slider .owl-next img{
    height: 120px;
    width: 120px;
  }
  #slider .owl-prev img{
    margin-left: 170px;
  }
  #slider .owl-next img{
    margin-right: 170px;
  }
}

@media(max-width:1399px){
   
  #our_collections h3{
    font-size: 26px;
  }
  
}</pre></body></html>