/*
Theme Name: Mega Store Woocommerce Pro
Theme URI: https://www.misbahwp.com/products/ecommerce-mega-store-wordpress-theme/
Description: Ecommerce Mega store 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, new arrivals, 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. Ecommerce Mega store 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: mega-store-woocommerce-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

button.translate-btn:hover {
	border: none !important;
	outline: none !important;
}

button.translate-btn:focus {
	border: none !important;
	outline: none !important;
}

.custom-translate-switch {
    display: flex;
    gap: 12px;
    margin: 15px 0;
}
.custom-translate-switch .translate-btn {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: transform 0.2s ease;
}
.custom-translate-switch .translate-btn:hover {
    transform: scale(1.1);
}
.custom-translate-switch svg {
    display: block;
    border-radius: 3px;
}

.custom-translate {
    display: flex;
    gap: 10px;
    align-items: center;
}

.flag-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    outline: none;
    transition: transform 0.2s;
}

.flag-btn:hover {
    transform: scale(1.2);
}

.flag-btn img {
    display: block;
    border-radius: 4px;
}



/* Hide "Powered by Google Translate" section */
.skiptranslate span {
    display: none !important;
}

/* Optional: Adjust the widget width after hiding */
.skiptranslate {
    width: auto !important;
}

.skiptranslate {
    font-size: 0 !important; /* hides text nodes */
}

/* Keep the select dropdown visible */
.skiptranslate select {
    font-size: 14px !important; /* restore font size for dropdown */
}

.skiptranslate {
    visibility: hidden !important;
}

.prisna-gwt-align-left .skiptranslate {
    visibility: visible !important;
}

#content {
	padding-top: 0px !important;
}

 header {
        width: 100%;
    }
 
    /* Top Bar */
    .top-bar {
        background: #DEECF2;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 10px;
		flex-wrap: wrap; 
    }
 
		.top-bar a {
			margin-right: 10px;
			color: #090717;
			font-size: 16px;
			text-decoration: none;
			gap: 8px;
		}
 
    .contact-info {
        margin-right: 20px;
        color: #090717;
        font-size: 16px;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }
 
    .social-icons a {
        background: #006f9c;
        color: #fff;
        padding: 8px;
        border-radius: 6px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
 
 
    .social-icons-box {
        height: 14px;
        width: auto;
        justify-content: center;
        display: flex;
        align-items: center;
    }
 
    /* Nav Bar */
    .nav-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 10px;
        background: #fff;
        position: relative;
    }
 
    .logo img {
        height: 80px;
    }
 
    .menu-new ul {
        list-style: none;
        display: flex;
        gap: 25px;
    }

	.header-social-icons {
		display: flex; 
		justify-content: center; 
		align-items: center; 
		gap: 8px;
	}
 
    .menu-new ul li a {
        text-decoration: none;
        color: #383838;
        font-size: 1rem;
        font-weight: 500;
        transition: color 0.2s;
    }
 
    .menu-new ul li a:hover {
        color: #006f9c;
    }
 
    .menu-new ul li a.active {
        color: #006f9c;
        font-weight: 700;
    }
 
    /* Mobile Menu Toggle */
    .menu-toggle-new {
        display: none;
        font-size: 28px;
        cursor: pointer;
    }
 
    /* Responsive */
    @media (max-width: 1024px) {
        .menu-new ul {
            gap: 15px;
        }
    }
 
    @media (max-width: 768px) {
		.contact-info
        {
            flex-direction: column;
            align-items: flex-start;
            margin-right: 0px;
            width: 50%;
        }
       
        .header-social-icons {
            flex-direction: column;
            align-items: flex-end;
            margin-right: 0px;
            width: 30%;
        }
 
		.menu-new {
        display: none;
        position: fixed;     /* full-page overlay */
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;       /* full height */
        background: #fff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 25px;
        padding: 20px;
        z-index: 9999;
        overflow-y: auto;
        transition: transform 0.3s ease;
        transform: translateX(100%);  /* hidden by default (offscreen) */
    }

    .menu-new.show {
        display: flex;
        transform: translateX(0);      /* slide in */
    }

    .menu-new ul {
        flex-direction: column;
        list-style: none;
        gap: 25px;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .menu-toggle-new {
        display: block;
        font-size: 28px;
        cursor: pointer;
        z-index: 10000; /* above the menu */
    }
    }

#button_scroll {
	background: #E5A500 !important;
	background-color: #E5A500 !important;
}

.comment-respond input#submit {
    background: #E5A500 !important;
	background-color: #E5A500 !important;
}

input#submit {
	background: #E5A500 !important;
	background-color: #E5A500 !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: none !important;
}

a.comment-reply-link {
    background: #E5A500 !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: none !important;
}

.selected-text.is-sortby {
  color: #757575;      /* Example color */
  font-size: 14px;
}

.selected-text {
  font-size: 14px;
}

.title {
	font-size: 14px;
}

.title-desc {
	font-size: 14px;
}

.newfooter-link {
    color: #3A3A3A;
    text-decoration: none;
	font-size:0.8rem;
    transition: color 0.2s ease-in-out;
  }
  .newfooter-link:hover {
    color: #E5A500;
  }

@font-face {
    font-family: 'BT BeauSans';
    src: url('fonts/BT-BeauSans-Regular-BF64d45952e54c1.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'BT BeauSans';
    src: url('fonts/BT-BeauSans-Italic-BF64d4595396170.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'BT BeauSans';
    src: url('fonts/BT-BeauSans-Light-BF64d4595396c6d.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'BT BeauSans';
    src: url('fonts/BT-BeauSans-LightItalic-BF64d4595380ee0.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'BT BeauSans';
    src: url('fonts/BT-BeauSans-Medium-BF64d4595383d81.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'BT BeauSans';
    src: url('fonts/BT-BeauSans-MediumItalic-BF64d459537767c.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'BT BeauSans';
    src: url('fonts/BT-BeauSans-Bold-BF64d45953acd04.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'BT BeauSans';
    src: url('fonts/BT-BeauSans-BoldItalic-BF64d45953b4a19.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'BT BeauSans';
    src: url('fonts/BT-BeauSans-ExtraBold-BF64d45953a17ee.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'BT BeauSans';
    src: url('fonts/BT-BeauSans-ExtraBoldItalic-BF64d45953a22c9.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, li, button, input, select, textarea, ul, div, li{
    font-family: 'BT BeauSans', Arial, sans-serif !important;
}

.pdf-icon {
    margin-right: 6px;
    vertical-align: middle;
}
.pdf-link {
    color: #006F9C;
}

.pdf-link:hover {
    text-decoration: underline;
    color: #006F9C;
}

.new-tab-panel p {
  margin-bottom: 0 !important;
}

.pagination_button:hover {
    color: #006F9C !important;
}

.pagination_button:hover svg path {
  fill: #006F9C;
}

.custom-product-gallery img {
    width: 100%;
    height: 250px !important;
    object-fit: contain; /* ensures the image covers the area without distortion */
}

.search-button {
  outline: none; /* removes default focus border */
  border: none;  /* optional: removes border if any */
  background: #F7F7F7; /* or your desired background */
  cursor: pointer;
}

/* Optional: if you still want some accessible focus indication */
.search-button:focus {
  box-shadow: none !important; /* subtle shadow instead of border */
  border: none !important;
  outline: none !important;
}

.custom-product-search .search-wrapper {
    display: flex;
    align-items: center;
    width: 282px;         /* box width */
    height: 44px;         /* box height */
    padding: 10px 12px;
    background: #F7F7F7;
    border-radius: 8px;
    gap: 8px;
    transition: all 0.2s ease;
}

form.custom-product-search {
    margin: 0 !important;
}

.custom-product-search .search-field {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
}

.custom-product-search .search-field:focus {
    border-radius: 6px;
    box-shadow: none !important; /* subtle focus */
}

.custom-product-search .search-button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
}

.custom-dropdown-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.custom-dropdown {
  position: relative;
  background: #F7F7F7;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'BT Beau Sans', sans-serif;
  font-size: 16px;
  color: #111111;
  min-width: 220px;
}
.selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dropdown-arrow {
  transition: transform 0.2s ease;
}
.custom-dropdown.open .dropdown-arrow {
  transform: rotate(180deg);
}
.options {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-radius: 8px;
  list-style: none;
  padding: 6px 0;
  margin: 0;
  display: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  z-index: 999;
}
.custom-dropdown.open .options {
  display: block;
}
.options li {
  padding: 10px 12px;
  cursor: pointer;
}
.options li:hover {
  background: #F0F0F0;
}

.woocommerce ul.products {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 3fr));
    padding: 0;
    list-style: none;
}

ul {
  margin-bottom: 0 !important ;
}

ul.products::before 
{
  content: "" !important;
  display: none !important;
}

.product-title {
  height: 40px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.product-image-wrapper {
    width: 100%;
    padding: 0px 20px !important;
    object-fit: cover;
    display: flex !important;
    justify-content: center !important;
}

.product-image-wrapper img {
    width: 100%;
    height: 130px !important;
    object-fit: contain; /* ensures the image covers the area without distortion */
}

ul.products li.custom-product-card {
    padding: 10px 0 !important;
    border-radius: 10px !important;
    border: 1px solid lightgray !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.03) !important;
    justify-items: center !important;
}

.product-tag-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; /* spacing between chips */
  margin-top: 8px;
}

.product-tag-chip {
  padding: 8px 9px;
  background: rgba(0, 159, 224, 0.07);
  border-radius: 25.66px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.product-tag-chip-text {
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: #009FE0;
  font-size: 10px;
  font-family: "BT Beau Sans", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
  word-wrap: break-word;
  text-align: center;
  line-height: 1.2;
}

.product-tag-chip-text a {
  color: #009FE0;
  text-decoration: none;
}

.product-tag-chip-text a:hover {
  text-decoration: underline;
}

.new-tab-panel.woocommerce-Tabs-panel ul li {
  color: #6E6E6E !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  word-wrap: break-word !important;
  font-size: 0.90rem !important;
  margin-bottom: 0px !important;
}


.new-tab-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on mobile */

  /* hide scrollbar */
  -ms-overflow-style: none;  /* IE/Edge */
  scrollbar-width: none;     /* Firefox */
}
.new-tab-container::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Opera */
}

.new-tab-wrapper {
  display: inline-flex;  /* keep tabs in one row */
  white-space: nowrap;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px #C7C7C7 solid;
}

.new-tab-wrapper .new-tab {
  flex: 0 0 auto; /* don’t shrink */
}

.new-tab-wrapper .new-tab a {
  display: block;
  padding: 10px 15px;
  color: #666;
  text-decoration: none;
  position: relative;
  font-size: 14px;
}

.new-tab.active
{
  background: none !important;
  border: none !important;
}

.new-tab-wrapper .new-tab.active a {
  color: #006699;
  font-weight: bold;
  background: none !important;
  border: none !important;
}

.new-tab-wrapper .new-tab.active a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-top-right-radius: 20px;
  right: 0;
  border-top-left-radius: 20px;
  height: 5px;
  background: #006699; /* underline active tab */
}

.new-tab-panel {
  background: white !important;
  border-radius: 18px !important;
  border: 1px #E7E7E7 solid !important;
  padding: 25px 30px !important;
}

/* --- WooCommerce Breadcrumbs --- */



.woocommerce-breadcrumb {
    color: #006F9C !important;
    margin-bottom: 1.5rem;
}

.breadcrumb-separator {
  color: black !important;
  margin-left: 10px;
  margin-right: 10px;
}

.woocommerce-breadcrumb a {
    /* color: #767676; */
    color: #5A5A5A !important;
}

.woocommerce-breadcrumb a:hover {
    text-decoration: underline;
    color: #006F9C !important;
}

input.contact.pe-show-enq-modal.wpi-button.single_add_to_cart_button.button.alt {
    margin: 0 !important;
    background-color: #e5a500 !important;
    box-shadow: none !important;
    border: none !important;
}

.custom-tab {
  background-color: white !important;
}

/* //////////////////////////////////////////////////// */

.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: #22233f;
  text-transform: capitalize;
  font-weight: 500;
}

body {
  font-family: "Montserrat", sans-serif;
    margin:0;
   background: #fff;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
h1,h2,h3, h4, h5, h6{
 font-family: "Montserrat", sans-serif;
}
a {
  color:#22233f;
  -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:#e5a500;
  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;
}x
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #22233f;
}
.page-404 h3{
	font-size: 38px;
	color: #22233f;
}
.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: #f1603e;
}
.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: #22233f;
  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;
  min-height: 53px;
  line-height: 1.4em;
  word-break: break-all;
}
.logo a {
  color: #22233f;
  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:#22233f;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

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

.social-links a {
  color: #fff;
  font-size: 18px;
}
.social-links a:hover{
	color: #e5a500; 
	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;
	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: #22233f;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 35px;
  	text-transform: uppercase;
  	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;
}
#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:#e5a500;
}
#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: #22233f;
	-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 #22233f;
	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: #22233f;
	-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: #22233f;
	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;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color: #22233f;
	margin: 10px 0; 
 }

 a.cart-customlocation i {
  font-size: 16px;
  cursor: pointer;
  color: black;
 }
 p.cart-item-box{
 	position: absolute;
    top: 0%;
    left: 90%;
    background: #f1603e;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
 }
 .header-search .open-search-form i:hover{
 	color: #22233f;
 }
/* 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:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

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


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

 
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 22px;
  color: #22233f;
  font-weight: 800;
}
.post-content p{
	color: #898d94;
}
.post-meta i{
	color: #f1603e;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 500;
  color: #22233f;
}
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: #22233f;
	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%;
  border: 5px solid #fff;
}
.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: #22233f;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#22233f ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #22233f;
	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: #f1603e;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #22233f;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.latest-post h4 a:hover{
  color: #e5a500;
}
.latest-post .post-content p{
  color: #757575;
  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: #f1f4f7;
  border: 1px solid  #e9e7f4;
}
.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: #22233f;
  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 .post-date{
  color: #7e7e7f;
}
.latest-post .far.fa-calendar-alt{
  color: #db1d14;
}
.latest-post .far{
  color: #db1d14;
  font-size: 18px;
}
.latest-post span {
    text-transform: uppercase;
    color: #ee9c71;
    letter-spacing: 1px;
    font-weight: 500;
  }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #22233f;
  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: #f1603e;
}
.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: #22233f;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
  background: #f1603e;
  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 #22233f;
    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;
  }
}


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

.pagination,
.mega-store-woocommerce-pro-pagination {
	margin:25px 0;
}

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

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

.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));
}
.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: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #22233f;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #e5a500;
  color: #0163d2;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  /*background: #9ae2e1;*/
}
.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: #22233f;
	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: 2px solid #efefef;
  outline: none;
}
.searchform input[type=submit]{
	background: #22233f;
	border: none;
	color: #fff;
	font-size:15px;
	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:#f1603e;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }
footer {
	background: #ffffff;
	border-top: 1px solid #E2DEDE;
}
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: #e6e6e6;
}
.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: #22233f;
  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: #f1603e;
}
#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: #22233f;
  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: #0163d2 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 #e5a500 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: #fff;   
  margin: 0px 10%;
}
.top-header select#gtranslate_selector{
  border: none;
  background: transparent;
  color: #fff;
  outline: none;
}
.top-header option{
  background: #FFFFFF;
}
.top-header{
 background: #006f9c;
}
.top-header span.dashicons{
	color: #fff;
	font-size: 25px;
	display:none;
}
.top-header .call-text{
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 15px;
}
.top-header .my_account a{
  color: #fff;
}
.top-header .my_account a:hover{
  color: #e5a500;
}
.top-header span.social-links:hover{
  color: #e5a500;
}
.delivery, .policy, .social-text{
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 15px;
}
.delivery:hover, .policy:hover{
  color: #e5a500;
}
.header-menu .logo-image img{
	width: auto;

}
.header-menu .button1, 
.header-menu .button2{
	text-transform: uppercase;
	font-weight: 500;
	color: #3d3c3c;
  padding: 0 7px;
}
.header-menu .button1{
  border-right: 2px solid #403f3f;
}
.header-menu .login-div{
 
  padding: 10px 0;
}

.header-menu .button1:hover, 
.header-menu .button2:hover{
	color: #e5a500;
}

/*SLIDER SECTION*/ 

#slider .slider-content{
  position: absolute;
  transform: translateY(-50%);
  top: 45%;
   text-align: center;
}
#slider h2{
  font-family: 'Great Vibes', cursive;
  color: #e5a500;
  font-size: 48px;
  font-weight: 400;
  line-height: 0;
}
#slider h1{
  color:  #fefefe;
  font-weight: 300;
  font-size: 90px;
}
#slider p{
  color:  #fefefe;
  font-weight: 400;
  margin-left: 24%;
  margin-right: 24%;
}
#slider .button{
  background: #e5a500;
  color: #fff;
  border-radius: 30px;
  padding: 12px 15px;
  letter-spacing: 1px;
  font-weight: 600;
  top: 141%;
  left: 0;
  right: 0;
  width: 170px;
  margin: auto;
  position: absolute;
  text-transform: uppercase; 
  overflow: hidden;
}
#slider .button:hover{
  background: #0163d2;
}

#slider .button,
#slider .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#slider .button::before,
#slider .button::after {
  background: #e5a500;
  content: '';
  position: absolute;
  z-index: -1;
}
#slider .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRODUCT CATEGORY SECTION*/

#product-category .product_title a{
  text-transform: uppercase;
	letter-spacing: 1px;
	color: #0163d2;
	font-weight: 600;
	text-align: center;
}
#product-category .product-box:hover .product_title a{
  color: #e5a500;
}
#product-category figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 50%;
}
#product-category figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  border-radius: 50%;
}
#product-category .product-box:hover figure{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 50%;
  transform: translateY(-7px);
}
#product-category .owl-nav{
	display: block;
}
#product-category .owl-carousel .owl-nav{
	position: absolute;
	transform: translateY(-50%);
	top:35%;
	left: 0;
	right: 0;
}
#product-category .owl-carousel .owl-nav button.owl-prev{
	width: 45px;
	height: 100px;
	border-radius: 0px 50px 50px 0px;
	font-size: 30px;
	background: #f3f3f3;
	color: #22233f;
	outline: none;
	position: relative;
	right: 0;
	float: left;
}
#product-category .owl-carousel .owl-nav button.owl-next{
	width: 45px;
	height: 100px;
	border-radius: 50px 0px 0px 50px;
	font-size: 30px;
	background: #f3f3f3;
	color: #22233f;
	outline: none;
	float: right;
	position: relative;
	left: 0;
}
#product-category .owl-dots {
  text-align: center;
  bottom:25px; 
  position: absolute;
  width: 100%;
  display: none;
}
#product-category .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #f6d09a;
  margin: 0 5px;
}
#product-category .owl-dots button.owl-dot.active {
  background-color:#f69400 ;
}

/*OUR COLLECTION SECTION*/

#our-collection .box img{
  width: 100%;
  height: auto;
  transition: all 0.3s ease 0s;
}
/*#our-collection .box:hover img{ opacity: 0.2; }*/

#our-collection h4{
	font-size: 28px;
	line-height: 25px;
	color: #e5a500;
	font-weight: 400;
	font-family: "Great Vibes";
}
#our-collection h2{
	font-size: 30px;
	letter-spacing: 6px;
	line-height: 42px;
	color: #0163d1;
	font-weight: 500;
	text-transform: uppercase;
}
#our-collection .hr1{
	background: #9ae2e1;
	padding: 1px;
	width: 6%;
}
#our-collection .tab-section button{
  border: none;
  background: transparent;
  color: #767c83;
  outline: none;
  cursor: pointer;
}
#our-collection .product-tab{
  float: unset;
  position: relative;
  display: inline-block;
  padding: 0px 5px;
}
#our-collection button.tablinks{
  padding: 10px 18px;
  font-size: 18px;
  letter-spacing: 1px;
  color: #22233f;
  font-weight: 500;
  display: inline-block;
}
#our-collection .tabcontent.active {
  display: block;
}
#our-collection .tabcontent{
  display: none;
}
#our-collection button.tablinks.active{
  color: #e5a500;
  font-weight: 600;
}
#our-collection button:hover {
  color: #22233f;
  transition: all 0.2s;
}
#our-collection button.tablinks.active{
  border-bottom: 3px solid #ee9c71;
  z-index: 99;
}
#our-collection .tabcontent.active {
  display: block;
}
#our-collection .tabcontent{
  display: none;
}
#our-collection .tablinks:hover {
 border-bottom: 3px solid #ee9c71;
  transition: all 0.2s;
  z-index: 99;
}
#our-collection .hr2{
  width: 100%;
  position: relative;
  background: #e0e0e0;
  bottom: 17.5px;
  margin: 0;
}
#our-collection .box{
  overflow: hidden;
  position: relative;
}
#our-collection .box img{
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#our-collection .box img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#our-collection .box .box-content{
  color: #fff;
  background: #22233f;
  text-align: center;
  width: 135px;
  padding: 10px;
  font-size: 14px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: 9%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
}
#our-collection .box .box-content:hover{
  background: #f1603e;
}
#our-collection .box:hover .box-content{ opacity: 1; }
#our-collection .box .box-content:before,
#our-collection .box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  border-radius: 10px;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
#our-collection .box .box-content:after{
  border-left: none;
  border-top: none;
  transform-origin: bottom right;
}
#our-collection .box:hover .box-content a:before,
#our-collection .box:hover .box-content a:after{
    transform: scale(1);
}
#our-collection .box-content a.added_to_cart.wc-forward{
  position: relative;
  float: right;
  font-size: 13px;
  right: 8px;
  margin-top: 10px;
  color: #fff;
  padding: 5px 15px;
  background: #f1603e;
  text-transform: uppercase;
}
#our-collection .box:hover .title{
    transform: translateY(0);
}
#our-collection .box-content  a.button{
  padding: 7px 10px;
  margin: 5px 0;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
  text-transform: uppercase;
}
#our-collection .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 14px;
  width: 5.4em;
  margin: 0 auto;
  font-family: star;
  color: #ffd146;
}
#our-collection .star-rating::before {
  content: "\73\73\73\73\73";
  color: #ffd146;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#our-collection .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#our-collection .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#our-collection .tabcontent{
  display: none;
}
#our-collection h5 a{
  text-transform: uppercase;
  color: #ee9c71;
  font-weight: 400;
}
#our-collection ins span.woocommerce-Price-amount.amount{
  color: #0163d1;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
}
#our-collection ins{
  text-decoration: none;
}
#our-collection del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
#our-collection span.onsale {
  position: absolute;
  background: #e5a500;
  padding: 17px 10px;
  top: 10%;
  left: 5%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
}
#our-collection .tab-product:hover span.onsale{
  background: #0163d1;
}
#our-collection p{
  text-transform: uppercase;
  color: #22233f;
  font-weight: 600;
}
#our-collection .owl-nav{
 display: block;
 width: 100%;
 position: relative;
 top: 20px;
}
#our-collection button.owl-prev{
  background: #0163d1;
  width: 40px;
  height: 40px;
  padding: 3px;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  margin: 0 5px;
  outline: none;
}
#our-collection button.owl-next{
  background: #e5a500;
  width: 40px;
  height: 40px;
  padding: 3px;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  margin: 0 5px;
  outline: none;
}

/*NEWS LETTER SECTION*/

#newsletter h4{
	font-size: 28px;
	line-height: 25px;
	color: #ee9c71;
	font-weight: 400;
	font-family: "Great Vibes";
}
#newsletter h2{
	font-size: 30px;
	letter-spacing: 6px;
	line-height: 42px;
	color: #0163d2;
	font-weight: 500;
	text-transform: uppercase;
}
#newsletter hr{
	background: #0163d2;
	padding: 1.5px;
	width: 6%;
}
#newsletter p{
	margin-left: 26%;
	margin-right: 26%;
	color: #e5a500;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
	width: 100%;
  border: none;
  background: transparent;
  border-bottom: 1px solid #0163d2;
  color: #0163d2;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder{
	color: #0163d2;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
  background: #e5a500;
  color: #fff;
  border-radius: 30px;
  padding: 12px 55px;
  letter-spacing: 1px;
  font-weight: 600;
  border: none;
  text-transform: uppercase; 
  overflow: hidden;
  margin-top: 40px;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	background: #0163d2;
}
div#newsletter {
    background-size: 100% 100%;
}

/*SHOP CATEGORY SECTION*/

#shop-category h3{
	color: #0e0f0f;
	font-size: 36px;
	font-weight: 400;
}
#shop-category .sub-text{
	color: #71757e;
	font-size: 18px;
}
#shop-category h5{
	color: #2e3044;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0;
}
#shop-category figure.projects-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
#shop-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;
}
#shop-category figure.projects-img:after {
  background-color: #46323b;
  position: absolute;
  content: "";
  display: block;
  top: 25%;
  left: 8%;
  right: 8%;
  bottom: 20%;
  -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;
}
#shop-category figure.projects-img3:after{
  top: 40%;
  bottom: 32%;
}
#shop-category figure.projects-img {
  max-width: 100%;
  vertical-align: top;
}
#shop-category figure:hover figcaption,
#shop-category figure.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#shop-category figure:hover:after,
#shop-category figure.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.7;
}
#shop-category h6{
	color: #fff;
	font-weight: 600;
}
#shop-category h6:hover{
	color: #60cb92;
}
#shop-category hr{
  background: #fff;
  padding: 1px;
  width: 20%;
  border: none;
}
#shop-category figcaption{
	top: 58%;
  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
#shop-category figure{
	margin: 10px;
	padding: 0;
	overflow: hidden;
}
#shop-category figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#shop-category .featured-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#shop-category h5{
  font-size: 28px;
  line-height: 25px;
  color: #ee9c71;
  font-weight: 400;
  font-family: "Great Vibes";
}
#shop-category h4{
  color: #fff;
  text-transform: uppercase;
}
#shop-category p{
  color: #fff;
  font-style: italic;
}
#shop-category .button{
  background: #e5a500;
  color: #fff;
  border-radius: 30px;
  padding: 8px 20px;
  font-weight: 500;
  text-transform: uppercase; 
  overflow: hidden;
  display: inline-block;
  letter-spacing: 1px;
}
#shop-category .button:hover{
  background: #0163d2;
}
#shop-category .button,
#shop-category .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#shop-category .button::before,
#shop-category .button::after {
  background: #0163d2;
  content: '';
  position: absolute;
  z-index: -1;
}
#shop-category .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#shop-category .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#shop-category h4 a{
  color: #fff;
  font-weight: 600;
}
#gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
  
  -webkit-column-gap:0px;
  -moz-column-gap:0px;
  column-gap:0px;
}
@media (max-width:1200px){
  #gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
    
  -webkit-column-gap:0px;
  -moz-column-gap:0px;
  column-gap:0px;
}
}
@media (max-width:800px){
  #gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
    
  -webkit-column-gap:10px;
  -moz-column-gap:10px;
  column-gap:10px;
}
}
@media (max-width:600px){
  #gallery{
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
}  
}
#gallery img{
  width:auto;
  height:auto;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.modal-img{
  width:100%;
  height:auto;
}
.modal-body{
  padding:0px;
}

/*HOT PRODUCT SECTION*/

#hot-product {
  background-attachment: fixed;
}
#hot-product h4{
	font-size: 28px;
	line-height: 25px;
	color: #ee9c71;
	font-weight: 400;
	font-family: "Great Vibes";
}
#hot-product h2{
	font-size: 30px;
	letter-spacing: 6px;
	line-height: 42px;
	color: #0163d1;
	font-weight: 500;
	text-transform: uppercase;
}
#hot-product hr{
	background: #9ae2e1;
	padding: 1px;
	width: 6%;
}
#hot-product .box{
  overflow: hidden;
  position: relative;
}
#hot-product .box img{
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#hot-product .box img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#hot-product .box .box-content{
  color: #fff;
  background: #22233f;
  text-align: center;
  width: 135px;
  padding: 10px;
  font-size: 14px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: 9%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
}
#hot-product .box .box-content:hover{
  background: #f1603e;
}
#hot-product .box:hover .box-content{ opacity: 1; }
#hot-product .box .box-content:before,
#hot-product .box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  border-radius: 10px;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
#hot-product .box .box-content:after{
  border-left: none;
  border-top: none;
  transform-origin: bottom right;
}
#hot-product .box:hover .box-content a:before,
#hot-product .box:hover .box-content a:after{
    transform: scale(1);
}
#hot-product .box-content a.added_to_cart.wc-forward{
  position: relative;
  float: right;
  font-size: 13px;
  right: 8px;
  margin-top: 10px;
  color: #fff;
  padding: 5px 15px;
  background: #f1603e;
  text-transform: uppercase;
}
#hot-product .box-content  a.button{
  padding: 7px 10px;
  margin: 5px 0;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
  text-transform: uppercase;
}
#hot-product .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 14px;
  width: 5.4em;
  margin: 0 auto;
  font-family: star;
  color: #ffd146;
}
#hot-product .star-rating::before {
  content: "\73\73\73\73\73";
  color: #ffd146;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#hot-product .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#hot-product .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#hot-product .tabcontent{
  display: none;
}
#hot-product h5 a{
  text-transform: uppercase;
  color: #ee9c71;
  font-weight: 400;
}
#hot-product span.woocommerce-Price-amount.amount{
  color: #0163d1;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
}
#hot-product ins{
  text-decoration: none;
}
#hot-product del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
#hot-product span.onsale {
  position: absolute;
  background: #f1603e;
  padding: 15px 10px;
  top: 10%;
  left: 5%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
}
#hot-product .tab-product:hover span.onsale{
  background: #22233f;
}
#hot-product p{
  text-transform: uppercase;
  color: #22233f;
  font-weight: 600;
}
#hot-product .owl-nav{
 display: block;
 width: 100%;
 position: relative;
 top: 20px;
}
#hot-product button.owl-prev{
  background: #e5a500;
  width: 40px;
  height: 40px;
  padding: 3px;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  margin: 0 5px;
  outline: none;
}
#hot-product button.owl-next{
  background: #0163d2;
  width: 40px;
  height: 40px;
  padding: 3px;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  margin: 0 5px;
  outline: none;
}

/*DEAL SECTION*/

#deal h4{
  font-size: 28px;
  line-height: 25px;
  color: #ee9c71;
  font-weight: 400;
  font-family: "Great Vibes";
}
#deal h2{
  font-size: 30px;
  letter-spacing: 6px;
  line-height: 42px;
  color: #0163d1;
  font-weight: 500;
  text-transform: uppercase;
}
#deal hr{
  background: #9ae2e1;
  padding: 1px;
  width: 6%;
}
#deal figure.projects-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
#deal 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;
}
#deal figure.projects-img:after {
  background-color: #3b4751;
  position: absolute;
  content: "";
  display: block;
  top: 10%;
  left: 5%;
  right: 5%;
  bottom: 10%;
  -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;
}
#deal figure.projects-img {
  max-width: 100%;
  vertical-align: top;
}
#deal figure:hover figcaption,
#deal figure.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#deal figure:hover:after,
#deal figure.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}
#deal figcaption{
  top: 50%;
  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
#deal figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #22233f;
}
#deal figure:hover+span{
  opacity: 1;
}
#deal figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#deal .deal_box1:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
#deal .deal_box1 h6{
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
#deal .deal_box1 h6:before {
  border-top: 1px solid #e2e2e2;
  content:"";
  margin: 0 auto; 
  position: absolute;
  top: 4%; left: 0; right: 0; bottom: 0;
  width: 100%;
  z-index: -1;
}
#deal .deal_box1 h6 span { 
  background: #3b4751; 
  padding: 0 20px; 
}
#deal .deal_box1 h3{
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
}
#deal .offer-text1{
  color: #fff;
  font-weight: 700;
  font-size: 50px;
}
#deal .offer-text2{
  color: #fff;
  font-weight: 600;
  font-size: 28px;
  text-transform: uppercase;
}
#deal .button{
  background: #22233f;
  color: #fff;
  border-radius: 30px;
  padding: 5px 20px;
  font-weight: 500;
  text-transform: uppercase; 
  overflow: hidden;
  display: inline-block;
  letter-spacing: 1px;
}
#deal .button:hover{
  background: #f1603e;
}
#deal .button,
#deal .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#deal .button::before,
#deal .button::after {
  background: #22233f;
  content: '';
  position: absolute;
  z-index: -1;
}
#deal .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#deal .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#deal .button2{
  background: #f1603e;
  color: #fff;
  border-radius: 30px;
  padding: 8px 20px;
  font-weight: 500;
  text-transform: uppercase; 
  overflow: hidden;
  display: inline-block;
  letter-spacing: 1px;
}
#deal .box-button:before {
  border-top: 1px solid #d1d3d4;
  content:"";
  margin: 0 auto; 
  position: absolute;
  top: 88%; 
  left: 0%; 
  right: 0%;
  bottom: 0;
  z-index: -1;
}
#deal .button2:hover{
  background: #22233f;
}
#deal .button2,
#deal .button2::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#deal .button2::before,
#deal .button2::after {
  background: #f1603e;
  content: '';
  position: absolute;
  z-index: -1;
}
#deal .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#deal .button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#deal .counter{
  background: #f1f4f7;
}
#deal .counter h6{
  color: #0163d2;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
#deal .counter h6:before {
  border-top: 2px solid #d1d3d4;
  content:"";
  margin: 0 auto; 
  position: absolute;
  top: 45%; 
  left: 0%; 
  right: 0%;
  bottom: 0;
  z-index: -1;
}
#deal .counter h6 span { 
  background: #f1f4f7; 
  padding: 0 20px; 
  font-size: 20px;
}
#deal .counter h3{
  color: #e5a500;
  font-size: 48px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
}
#deal .counter h5{
  color: #0163d2;
  font-size: 30px;
  font-weight: 600;
}
#deal .counter-content{
  color: #1c1d2a;
}
#deal .countdowntimer{
  display: inline-block;
}
#deal .countdown{
  display: flex;
}
#deal .timercolr1{
  width:80px;
  height:85px;
  background: #0163d1;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 6px;
  margin: 0 10px;
  font-size: 24px;
  font-weight: 700;
  padding: 10px 0;
}
#deal .timercolr2{
  width:80px;
  height:85px;
  background: #f69877;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 6px;
  margin: 0 10px;
  font-weight: 700;
  font-size: 24px;
  padding: 10px 0;
}
#deal .countdowntimer span{
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}
#deal .timercolr hr{
  width: 100%;
  background: #fff;
  margin: 0;
  padding: 0.5px;
  border: none;
}
#deal .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 0;
}
#deal .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #22233f;
  margin: 0 5px;
  outline: none;
}
#deal .owl-dots button.owl-dot.active {
  background-color:#fd645c;
  border-radius: 20px;
}

/*TESTIMONIAL SECTION*/
 #testimonial{
  background-attachment: fixed;
 }
#testimonial h4{
	font-size: 28px;
	line-height: 25px;
	color: #ee9c71;
	font-weight: 400;
	font-family: "Great Vibes";
}
#testimonial h2{
	font-size: 30px;
	letter-spacing: 6px;
	line-height: 42px;
	color: #0163d1;
	font-weight: 500;
	text-transform: uppercase;
}
#testimonial hr{
	background: #9ae2e1;
	padding: 1px;
	width: 10%;
}
#testimonial p{
	color: #0163d2;
}
#testimonial h5{
	color: #ee9c71;
}
#testimonial .dashicons{
	color: #0163d2;
	font-size: 55px;
}
#testimonial .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  font-weight: 600;
} 
#testimonial .Stars:before {
  content: '★★★★★';
  letter-spacing: 3px;
  background: #ffcc38;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#testimonial figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #22233f;
}
#testimonial figure:hover+span{
  opacity: 1;
}
#testimonial figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;

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

/*LATEST NEWS SECTION*/

#latest-news h4{
	font-size: 28px;
	line-height: 25px;
	color: #ee9c71;
	font-weight: 400;
	font-family: "Great Vibes";
}
#latest-news h2{
	font-size: 30px;
	letter-spacing: 6px;
	line-height: 42px;
	color: #0163d1;
	font-weight: 500;
	text-transform: uppercase;
}
#latest-news hr{
	background: #9ae2e1;
	padding: 1px;
	width: 6%;
}
#latest-news .conntent-text{
	color: #727272;
	margin-left: 17%;
	margin-right: 17%;
}

#latest-news figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#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 .post-image:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#latest-news .first_box{
  background: #f1f4f7;
}
#latest-news .first_box figure{
  overflow: visible;
  padding: 15px;
}
#latest-news .first_box img{
  width: auto;
  border: 5px solid #fff;
}
#latest-news span{
  text-transform: uppercase;
  color: #ee9c71;
  letter-spacing: 1px;
  font-weight: 500;
}
#latest-news h5 a{
  color: #22233f;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
}
#latest-news h5 a:hover{
  color: #e5a500;
}
#latest-news .button{
  background: #e5a500;
  color: #fff;
  border-radius: 30px;
  padding: 8px 20px;
  font-weight: 500;
  text-transform: uppercase; 
  overflow: hidden;
  display: inline-block;
  letter-spacing: 1px;
  border: 2px solid #ababab;
}
#latest-news .button:hover{
  background: #0163d2;
  color: #fff;
  border: 2px solid #ababab;
}
#latest-news .button,
#latest-news .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#latest-news .button::before,
#latest-news .button::after {
  background: #e5a500;
  content: '';
  position: absolute;
  z-index: -1;
}
#latest-news .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#latest-news .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#latest-news .blog-box2 { order: 1; }
#latest-news .blog-div2 { order: 2; }

/*JOIN US SECTION*/

#join-us .join-now{
  clip-path: polygon(13% 0, 100% 0%, 100% 100%, 0% 100%);
	background: #d6fff6;
}
#join-us .look-box{
  border: 3px solid #fff;
  background: #8c7e7d;
}
#join-us h2{
  font-size: 60px;
  color: #fff;
  line-height: 50px;
  font-weight: 275;
  text-transform: uppercase;
}
#join-us h6{
  color: #fff;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#join-us h3{
  font-size: 30px;
  color: #0163d1;
  font-weight: 500;
}
#join-us p{
  margin-left: 5%;
  margin-right: 5%;
  color: #0163d2;
}
#join-us input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
  width: 95%;
  border: none;
  background: transparent;
  border-bottom: 1px solid #0163d2;
}
#join-us input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder{
  color: #0163d2;
}
#join-us input.wpcf7-form-control.has-spinner.wpcf7-submit{
  background: #22233f;
  color: #fff;
  border-radius: 30px;
  padding: 12px 55px;
  letter-spacing: 1px;
  font-weight: 600;
  border: none;
  text-transform: uppercase; 
  overflow: hidden;
  margin-top: 40px;
  margin-left: 20%;
}
#join-us input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #f1603e;
}

/*BRANDS IMAGES*/

#brands .brand-image img{
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
}
#brands figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #22233f;
}
#brands figure:hover+span{
  opacity: 1;
}
#brands figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#brands .brand-image:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
#brands .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}
#brands .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #22233f;
  margin: 0 5px;
  outline: none;
}
#brands .owl-dots button.owl-dot.active {
  background-color:#fd645c;
  border-radius: 20px;
}

/*SERVICES SECTION*/

#services .dashicons{
	font-size: 45px;
	color: #fff;
-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 h6{
	color: #fff;
  font-weight: 600;
}
#services p{
	font-size: 15px;
  color: #fff;
}
#services .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 0;
}
#services .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #22233f;
  margin: 0 5px;
  outline: none;
}
#services .owl-dots button.owl-dot.active {
  background-color:#fff;
  border-radius: 20px;
}

/*Footer Section*/

.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  font-size: 14px;
  color: #737b82;
  font-weight: 500;
}
 .footer-area h4.title{
  color: #dfdfdf;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
 }
 .footer-area hr{
  background: #fc4075;
  padding: 1px;
  margin-right: 65%;
 }
.footer-area  .fab{
  margin-right: 20px;
  margin-top: 10px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
}
.footer-area .fab:hover{
  color: #e5a500;
}
.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: #e5a500;
}
.footer-area ul {
    padding: 0px;
    list-style: none;
    line-height: 1.4;
  }
.footer-area ul li{
  margin: 0px 0; 
  color: #e6e6e6;
  text-transform: uppercase;
}
.footer-area img.alignnone.size-full{
  margin-top: 27px;
}
.footer-area img{
  width: 100%;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #e5a500;
}
.copyright {
  background: #0163d1;
}
.copyright-box{
  border-top: 2px solid #4189da;
}
.copyright p{
  color: #d1d1d1;
  margin-bottom: 0;
}
.copyright a{
  color: #d1d1d1;
}
.copyright a:hover{
  color: #e5a500;
}
 a.buynowbtn {
    background: #e5a500;
    color: #fff !important;
    padding: 5px 10px !important;
}


/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}
#contact h2{
 font-size: 30px;
  letter-spacing: 6px;
  line-height: 42px;
  color: #22233f;
  font-weight: 500;
  text-transform: uppercase;
}
#contact hr{
  background: #9ae2e1;
    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;
  border-radius: 30px;
  background: #22233f;
  border: none;
  text-transform: uppercase;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #f1603e;
  color:#fff; 
  border-radius: 30px;
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .dashicons{
  font-size: 50px;
  color: #22233f;
  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: #f1603e
}
#contact h6{
  color: #e5a500;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}


/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
   	margin-top: 0;
   }
   .top-header select#gtranslate_selector{
    width: 60%;
   }
	.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: #22233f;
		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: #22233f;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #22233f;
	}
	#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;
  }
  p.cart-item-box{
    left: 85%;
    top: 5%;
  }
  .header-menu .button1, .header-menu .button2{
    font-size: 13px;
    border: none;
    padding: 0;
  }
  #slider .slider-content{
    top: 25%;
    left: 0;
  }
  #slider h2{
    font-size: 20px;
  }
  #slider h1{
    font-size: 32px;
  }
  #slider p{
    display: none;
  }
  #slider .button{
    top: 135%;
    left: 45%;
    font-size: 12px;
    padding: 5px 20px;
  }
  #product-category .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    top: 0;
  }
  #product-category .owl-dots button.owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background: #22233f;
    margin: 0 5px;
    outline: none;
  }
  #product-category .owl-dots button.owl-dot.active {
    background-color:#fd645c;
    border-radius: 20px;
  }
  #our-collection .hr1, #newsletter hr,#hot-product hr, #deal hr, #latest-news hr, #testimonial hr{
    width: 30%;
  }
  #newsletter{
    background-size: auto;
  }
  #newsletter p{
    margin-left: 0;
    margin-right: 0;
  }
  #product-category .owl-carousel .owl-nav{
    display: none;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    padding: 10px 20px;
    font-size: 16px;
  }
  #newsletter .wpcf7-spinner, #join-us .wpcf7-spinner{
    display: block;
  }
  #shop-category figure.projects-img:after{
    top: 5%;
  }
  #shop-category figcaption{
    top: 50%;
  }
  #shop-category figure.projects-img3:after{
    top: 25%;
    bottom: 35%;
  }
  #deal .countdowntimer{
    display: inline;
  }
  #deal .timercolr{
    font-size: 18px;
    margin: 0 5px;
    height: 70px;
  }
  #deal .timercolr2{
    font-size: 18px;
    margin: 0 5px;
    height: 70px;
  }
  #deal .countdowntimer span{
    font-size: 16px;
  }
  #latest-news .conntent-text{
    margin-right: 0;
    margin-left: 0;
  }
  #latest-news .first_box img{
    width: 100%;
  }
  #latest-news .blog-box2 { order:unset; }
  #latest-news .blog-div2 { order: unset; }
  #join-us .join-now {
    clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);
  }
  #join-us p{
    margin-left: 0;
    margin-right: 0;
  }
  #join-us input.wpcf7-form-control.has-spinner.wpcf7-submit{
    margin-left: 0;
    padding: 10px 25px;
  }
  #join-us h2{
    font-size: 48px;
  }
  #contact .dashicons{
  	margin: 20px 0;
    display: inline;
  }
  #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;
  }
}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){
	#main-menu{
		float: left;
		width: 100%;
	}
  .header-menu .logo a{
    font-size: 24px;
    line-height: 35px;
   }
  .top-header select#gtranslate_selector {
   width: 80%;
  }
  .top-header .call-text{
  	font-size: 10px;
  }
  .top-header span.dashicons{
  	font-size: 22px;
  }
  .top-header a.button{
  	font-size: 8px;
  	padding: 5px 3px;
  }
  #main-menu ul li a{
  	padding: 10px 12px;
  	font-size: 12px;
  	padding-left: 0;
  }
  .header-menu .logo-image img{
    width: 100%;
  }
  .menu-header input#search {
    font-size: 12px;
  }
  #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;
  }
  .delivery, .policy, .social-text{
    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;
  }
  a.cart-customlocation i{
    font-size: 14px;
  }
  #slider .slider-content {
    top: 35%;
    left: 10%;
  }
  #slider h2{
    font-size: 36px;
  }
  #slider h1 {
    font-size: 58px;
  }
  #slider p{
    display: none;
  }
  #slider .button{
    top: 130%;
  }
  #product-category .owl-carousel .owl-nav{
    display: none;
  }
  #product-category .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    top: 0;
  }
  #product-category .owl-dots button.owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background: #22233f;
    margin: 0 5px;
    outline: none;
  }
  #product-category .owl-dots button.owl-dot.active {
    background-color:#fd645c;
    border-radius: 20px;
  }
  #our-collection .hr1, #newsletter hr, #hot-product hr, #deal hr, #latest-news hr, #testimonial hr{
    width: 15%;
  }
  #newsletter p{
    margin-left: 5%;
    margin-right: 5%;
  }
  #shop-category p{
    display: none;
  }
  #shop-category figure.projects-img:after{
    top: 12%;
    left: 5%;
    right: 5%;
    bottom: 15%;
  }
  #shop-category figure.projects-img3:after{
    top: 35%;
    bottom: 30%;
  }
  #testimonial .dashicons{
    font-size: 34px;
  }
  #latest-news .conntent-text{
    margin-left: 0;
    margin-right: 0;
  }
  #latest-news .first_box img{
    width: 100%;
  }
  #latest-news .blog-box2 { order:unset; }
  #latest-news .blog-div2 { order: unset; }
  #join-us p{
    margin-left: 0;
    margin-right: 0;
  }
  #join-us h2{
    font-size: 48px;
  }

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .header-menu .logo-image img {
    width: 100%;
   }
	#main-menu ul li a{
		padding: 10px 10px;
    font-size: 15px;
	}
  .header-menu .button1, .header-menu .button2{
    font-size: 14px;
    padding: 0 3px;
  }
  .top-header .call-text{
    font-size: 14px;
  }
  p.cart-item-box{
    left: 85%;
  }
  #slider .slider-content{
    top: 35%;
    left: 10%;
  }
  #slider h1{
    font-size: 60px;
  }
  #slider p{
    margin-left: 15%;
    margin-right: 15%;
  }
  #product-category .owl-carousel .owl-nav{
    display: none;
  }
  #product-category .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    top: 0;
  }
  #product-category .owl-dots button.owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background: #22233f;
    margin: 0 5px;
    outline: none;
  }
  #product-category .owl-dots button.owl-dot.active {
    background-color:#fd645c;
    border-radius: 20px;
  }
  #shop-category figure.projects-img:after{
    top: 10%;
    bottom: 10%;
  }
  #shop-category figure.projects-img3:after{
    top: 35%;
    bottom: 28%;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }
	
}

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

.dashicons mr-2 dashicons-twitter
{
    display:none !important;
}


#main-menu {
  display: block;
  position: relative;
  float: right;
    width: 100%;
    padding-left: 20%;
}

.list-fixed-icon .fa {
  display: inline-block;
  width: 1.2em;
  text-align: right;
  padding-right: 1.4em;
}

.footer-area
{
  background: #ffffff;  
}    
#joinus-bg, #join-us {
  background: #d6fff6 !important; background-color: #d6fff6 !important;
}

@media only screen and (max-width: 480px)
{ 
   .dropcap-contrast 
   { 
       margin-left:3% !important; margin-right:3% !important;
   }
  div.pcol-lg-2:nth-child(2) > span:nth-child(5) > i:nth-child(1)
   {
       display:none !important;
   }
   #block-5, #block-23, #block-15
   {
       flex: 100% !important;
   }
   
  .footer-area ul li {
    text-align: left;
   margin-left: 2%;
}
#block-23
{
    text-align:justify;
}
 .col-lg-71  
 {
     padding: 0px !important; 
 }
 
 .mt-3
 {
     margin-top: 0rem !important;
 }
 #htxt1
 {
   text-align:justify !important;  
 }
 #htxt
 {
     text-align:justify !important;
     margin:0px 15px; line-height: 25px;
 }
 .top-header
  {
      padding-bottom:5px;
  }
}

@media only screen and (max-width: 768px) {
    .dropcap-contrast 
   {
       margin-left:3% !important; margin-right:3% !important;
   }
   div.pcol-lg-2:nth-child(2) > span:nth-child(5) > i:nth-child(1)
   {
       display:none !important;
   }
   #block-5, #block-23, #block-15
   {
       flex: 100% !important;
   }
   .footer-area ul li
   {
    text-align: left;
   margin-left: 2%;
}
  #block-23
{
    text-align:justify;
} 
  .top-header
  {
      padding-bottom:5px;
  }
 .col-lg-71  
 {
     padding: 0px !important; 
 }
 
 .mt-3
 {
     margin-top: 0rem !important;
 }
 #htxt1
 {
   text-align:justify !important;  
 }
 #htxt
 {
     text-align:justify !important;
     margin:0px 15px; line-height: 25px;
 }
 } 
 
 
 /* Start */
 
@media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) 
{ 
div.col-lg-5:nth-child(2)
{
flex: 100%;
max-width: 100%;
}
 .dropcap-contrast 
   {
       margin-left:3% !important; margin-right:3% !important;
   }

#stopnavone
{
    padding-left: 1% !important;
}
#main-menu
{
    padding-left:18%;
}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

div.col-lg-5:nth-child(2)
{
flex: 100%;
max-width: 100%;
}

 .dropcap-contrast 
   {
       margin-left:3% !important; margin-right:3% !important;
   }

#stopnavone
{
   padding-left: 1% !important;
}
 
 #main-menu
 {
    padding-left:0px !important; 
 }
 
 .top-header
 {
 padding-bottom:5px;
 }
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.cards-section {
    padding: 48px 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }

.card {
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(63,63,63,0.04);
    border-radius: 24px;
    outline-offset: -1px;
    padding: 21px 23px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
  }
 
  .card-hero {
    width: 100%;
    aspect-ratio: 320 / 244; /* keeps proportional height; modern browsers */
    border-radius: 16px;
    overflow: hidden;
    display: block;
    object-fit: contain;
	border-radius:10px;
  }

  img.attachment-medium_large.size-medium_large.wp-post-image{
	width: -webkit-fill-available;
	height: fit-content;
  }

  .card-title {
    color:  #090717;
    font-size: 1rem; /* 24px */
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
  }
 
  .card-desc {
    color: #6E6E6E;
    font-size: 0.8rem; /* 16px */
    font-weight: 500;
    line-height: 1.75;
    margin: 0;
  }
 
  .card-footer-new {
    border-top: 1px solid #D0D0DB;
    padding-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background-color: #ffffff !important;
  }
 
  .card-date {
    color: #8D8D9B;
    font-size: 1rem; /* 18px */
    font-weight: 500;
  }
 
  .readmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color:  #E5A500;
    font-size: 1rem; /* 18px */
    font-weight: 700;
    text-decoration: none;
  }
 
  .readmore .arrow {
    width: 14px;
    height: 13px;
    background:  #E5A500;
    display: inline-block;
    border-radius: 2px;
  }

.wpcf7 form {
    max-height: none !important;
	overflow-y: none !important;
    overflow-x: none !important;
	padding:0px !important
}

.new-tab-panel img {
	object-fit: contain !important;
	height: fit-content !important; 
}
/* When displayed on Contact Page */
body.page-id-1281 .wpcf7 form.invalid .wpcf7-response-output {
  color: #ffff !important;
  margin-top:0px !important;
}
/* When displayed on Contact Page */
body.page-id-1701 .wpcf7 form.invalid .wpcf7-response-output {
    color: #000000 !important;
	margin-top:0px !important;
}


/* End */