/*
Theme Name: Multipurpose Portfolio
Theme URI: https://www.themesglance.com/products/free-wordpress-portfolio-themes
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Multipurpose portfolio theme is available in the market and is highly suitable for digital agencies as well as creative portfolios. It is also good for the illustrators, content creator, Photographers, content creator, V-blogger, startup, Freelancers, actor, web developers,  crypto business, photography, resume, engineer,  business card, freelancer, Web Developers, vCard, CV Portfolio, v card, social profile, Consulting, magazine, fashion, Architects, creative agencies and design studios. If you are interested in a portfolio business, this is a good choice for you and you can easily make the corporate a well as personal websites. This theme is known for its perfection because of the trendy as well as lovely looks and all your works can be showcased online in a very professional and well organised way. This theme perfectly suits the graphic designers, digital agencies, web designers and for any purpose related to art. It is user friendly with the personalization options and comprises of multiple layout options, associates logo, featured content, typography options Full width template, breadcrumbs and much more. It is SEO friendly and comes with a secure and clean code. Multipurpose portfolio WP theme has some very crucial features like the styling options and the call to action button [CTA]. demo: https://preview.themesglance.com/multipurpose-portfolio-pro/
Requires at least: 5.0
Version: 0.9.8
Tested up to: 6.5
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: multipurpose-portfolio
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-background, custom-logo, custom-menu, custom-header, featured-images, featured-image-header, footer-widgets, full-width-template, theme-options, post-formats, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce
Multipurpose Portfolio WordPress Theme has been created by Themesglance(themesglance.com), 2019.
Multipurpose Portfolio WordPress Theme is released under the Terms of GNU GPL
*/

/* Basic Style */
*{
	margin:0;
	padding:0;
	outline:none;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background-color:#fff;
	font-size: 16px;
	color:#000;
  letter-spacing: 1px;
  font-weight: 500;
  overflow-x: hidden;
  font-family: 'Staatliches', cursive;
}
img{
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
}
section img{
	max-width:100%;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 10px 0;
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:15px;
  font-weight: normal;
  color: #666;
	line-height: 1.7;
  letter-spacing: 1px;
  font-family: 'Roboto', sans-serif;
}
a, a:hover{
	text-decoration:none;
	color: #f47bcf;
}
a:focus, a:hover, li.woocommerce-MyAccount-navigation-link a{
	text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, button:focus, #banner .social-media a:focus i, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
  opacity: 1;
  outline: 2px solid #000;
}
ul{
	margin:0 0 0 15px;
	padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select{
  width:100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
  clear:both;
}
/* Text meant only for screen readers. */
.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;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky{
  position: fixed;
  left: 0;
	margin:0;
	padding:0;
}
.alignleft,
 img.alignleft {
 	display: inline;
	float: left;
	margin-right:20px;
	margin-top:4px;
	margin-bottom:10px;
	padding:0;
	border:1px solid #bbb;
	padding:5px;
}
.comment-list .comment-content ul {
	list-style:none;
	margin-left:15px;
}
.comment-list .comment-content ul li{
	margin:5px;
}
.bypostauthor{
	margin:0;
	padding:0;
}
small{
	font-size:14px !important;
}
input[type="text"], input[type="email"], input[type="phno"], textarea{
	border:1px solid #bcbcbc;
	width:100%;
	font-size:16px;
	padding:10px 10px;
	margin:0 0 23px 0;
	height:auto;
}
input[type="submit"] {
	border: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  padding: 10px 18px;
  background: #f47bcf;
  font-weight: 500;
  color: #fff;
  margin: 0 10px;
}
input[type="submit"]:hover{
	background:#484949;
}
table, th, td {
	border: 1px solid #d1d1d1;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
td {
	border-width: 0 1px 1px 0;
}
th, td {
	padding: 0.4375em;
}
/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}
.widget_calendar td, .widget_calendar th,.wp-block-calendar td, .wp-block-calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}
#footer .widget_calendar caption, .widget_calendar tbody a:hover, .widget_calendar tbody a:focus, span.page-number, span.page-links-title, a.button, .nav-menu ul ul a:hover, .read-more a:hover, #banner .social-media i, .blogbtn a:hover, #footer p, #footer .copyright p, .copyright a, .footerinner ul li, .footerinner ul li a, .footerinner ul li a:hover, .footerinner .tagcloud a, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .bradcrumbs a, .bradcrumbs a:hover, #comments input[type="submit"].submit:hover, #comments a.comment-reply-link:hover, .pagination a:hover, #footer .textwidget p a {
  color: #fff !important;
}
.widget_calendar caption {
  font-weight: 900;
  font-size: 20px;
}
.widget_calendar tbody a {
	display: block;
	font-weight: 700;
}
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {
	background-color: #686868;
}
.widget th, .widget td {
	padding: 0em;
}
span.page-links-title {
	clear: both;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  font-weight: bold;
}
span.page-number, span.page-links-title{
	display: block;
  float: left;
  margin: 2px 2px 2px 0;
	text-decoration: none;
  width: auto;
  font-weight: bold;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

/*wide block*/
.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;
} 

/* ---------Buttons--------- */
a.button{
	background:#f47bcf;
  font-size: 16px;
	font-weight:500;
  display: inline-block;
}

/*-------- Single post Header Image --------*/
.page-header {
  padding: 8%;
}
.page-header h1{
  display: block;
  font-size: 35px;
  color: #000;
  font-weight: bold;
}
/*single post category*/
.post-categories li ,.single-post ul{
  display: inline-block;
}
.post-categories li a{
  margin-right: 8px;
  margin-bottom: 8px;
  background-color:#f47bcf;
  padding: 8px 10px;
  color: #000;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
/* --------- MENUS CSS --------- */
#sidelong-menu {
  display: inline;
}
#primary-site-navigation {
  padding-left: 20px;
}
.nav-menu ul{
  margin:0;
  text-transform: uppercase;
}
.nav-menu li{
  display:inline-block;
  position:relative;
}
.nav-menu a{
  color: #666;
  padding: 22px 12px;
  display: block;
  font-size: 15px;
  font-weight: 500;
}
#footer a:focus, #footer button:focus{
  outline: 2px solid #fff;
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  min-width: 200px;
  z-index: 999;
  border: 1px solid #f47bcf;
}
.nav-menu ul ul ul{
  left: 200px;
  top: 0;
}
.nav-menu ul ul a{
  padding: 10px;
  background: #f47bcf;
}
.nav-menu ul ul a:hover{
  border-left: 4px solid #f47bcf;
}
.nav-menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.nav-menu ul li:hover > ul{
  display: block;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul{
  padding: 10px;  
}
.sf-arrows .sf-with-ul{
  padding: 22px 22px 22px 10px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: relative;
  right: 0px;
  top: auto;
  font-size: 18px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 5px;
}
.toggle-menu, a.closebtn{
  display: none;
}

/*----- PRELOADING -------- */
#overlayer {
  width:100%;
  height:100%;  
  position:fixed;
  z-index:999999;
  background:#fff;
}
.tg-loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:999999;
  border: 4px solid #333;
  top: 50%;
  left: 50%;
  animation: loader 2s infinite ease;
}
.tg-loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #333;
  animation: loader-inner 2s infinite ease-in-out;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
.elementor-html .tg-loader, .elementor-html #overlayer, .elementor-html .preloader{
  display: none;
}

@-webkit-keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
/* Styles */
.preloader {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #fff;
}
.preloader .preloader-container {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: auto;
  position: absolute;
  top: 44%;
  left: 0;
  position: relative;
}
.preloader .preloader-container .animated-preloader {
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  border-radius: 50em;
}
.preloader .preloader-container .animated-preloader:after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50em;
  background: white;
  -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
  -ms-animation: preloader-inside-white 1s ease-in-out infinite;
  animation: preloader-inside-white 1s ease-in-out infinite;
}
.preloader .preloader-container .animated-preloader:before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 50em;
  background: #333;
  -webkit-animation: preloader-inside-red 1s ease-in-out infinite;
  -ms-animation: preloader-inside-red 1s ease-in-out infinite;
  animation: preloader-inside-red 1s ease-in-out infinite;
}

/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; 
  left:0;
  margin:0 !important;
  width: 100%;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 9999;
}
.admin-bar .fixed-header{
  margin-top: 32px !important;
}

/* ---------HEADER--------- */
.logo h1, .logo p.site-title {
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: 1px;
  font-family: 'Staatliches', cursive;
}
.logo h1 a, .logo p.site-title a, #sidebar .widget_calendar td, .logo p, .nav-menu ul ul a, #banner .inner_carousel h1, #banner .inner_carousel p, .read-more a, #banner .social-media a,.grid-post-info a, .post-info a, .post-info a:hover, .blog-sec h2 a, h1.page-title, h1.search-title, #wrapper .related-posts h2.related-posts-main-title, #wrapper .related-posts h3 a, .service-content h3 a, #services h2, .blogbtn a, .back-to-top:hover, .back-to-top:focus, .footerinner .tagcloud a:hover, .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a, .woocommerce span.onsale, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, a.added_to_cart.wc-forward, .product_meta a, .woocommerce table.shop_table td a, a.showcoupon, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, nav.woocommerce-MyAccount-navigation ul li a, .comment-meta.commentmetadata a, p.logged-in-as a, #sidebar h3 a.rsswidget, #sidebar h3, #sidebar input[type="submit"], #sidebar ul li a, #sidebar .tagcloud a, #sidebar .tagcloud a:hover, #wrapper h1, .pagination .current, .navigation .nav-previous a, .navigation .nav-next a, .tags a:hover, .tags a:hover i, .entry-content p a, .comment p a, #sidebar .textwidget p a, .woocommerce-product-details__short-description p a, .nav-menu ul li a:active, .nav-menu ul li a:hover, #sidebar ul li a:hover, #comments a.comment-reply-link{
  color: #202020;
}
.logo p{
  font-size: 14px;
  letter-spacing: 0;
}
.logo{
  position: relative;
  left: 30px;
  z-index: 99;
  -webkit-clip-path: polygon(0 0, 88% 0%, 100% 100%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 88% 0%, 100% 100%, 100% 100%, 0% 100%);
  background: #f47bcf;
  -webkit-clip-path: polygon(0 0, 88% 0%, 100% 100%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 88% 0%, 100% 100%, 100% 100%, 0% 100%);
  border-top-left-radius: 4px;
}
.page-template-custom-front-page #header {
  position: absolute;
  width: 100%;
  z-index: 999;
  background: transparent;
}
#header {
  background: #efefef;
}
.after-logo {
  background: #fff;
}
.call{
  border-right: 1px solid #aaa;
}
.call i, .mail i{
  color: #666;
}
.call p, .mail p{
  font-weight: 500;
  color: #666;
  font-size: 14px;
  letter-spacing: 0;
}
.call p a, .mail p a{
  color: #666;
}

/*-----------------Search pop up----------------*/
.wrap input[type="search"]::placeholder{
  background: #fff;
  color: #000;
}
.wrap input[type="search"] {
  height: 45px;
  font-size: 15px;
  font-weight: 400;
  border: none;
  color: #000;
  padding: 0;
  padding-right: 60px;
  width: 0;
  position: absolute;
  top: 4px;
  right: 15px;
  margin: 6px 0;
  background: none;
  z-index: 9999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}
.wrap label, input.search-field, .footerinner, span.woocommerce-input-wrapper, iframe, .entry-audio audio{
  width: 100%;
}
.wrap:focus input[type="search"], .wrap input[type="search"]:focus {
  width: 230px;
  z-index: 999;
  cursor: text;
  padding-right: 0;
  top: 5px;
  right: 58px;
  border: 2px solid #000;
  padding:10px;
  background: #fff;
}
.wrap input[type="submit"] {
  width: 50px;
  padding:  10px;
  background: url(images/search.png) no-repeat 12px center;
  text-indent: -10000px;
  position: absolute;
  top: 4px;
  right: 15px;
  z-index: 2;
  margin: 6px 0;
  cursor: pointer;
}
.wrap input[type="submit"]:hover{
  background-color: unset !important;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
  border: none;
  border: 1px solid #f47bcf;
  padding: 9px;
  background: #fff;
  color: #f47bcf;
}

/*-----------Banner--------*/
#banner{ 
  max-width:100%;
  background: #fff;
  position: relative;
}
#banner img {
  width: 100%;
  opacity: 0.4;
  height: 600px;
}
#banner .inner_carousel h1 {
  font-weight: 500;
  font-size: 55px;
  text-transform: capitalize;
  letter-spacing: 3px;
}
#banner .banner-box {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  left: 9%;
  right: 53%;
  float: left;
}
.read-more a:hover, .nav-menu ul ul a:hover, span.page-number, span.page-links-title, .blogbtn a:hover, .footerinner, .inner, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .bradcrumbs a, #comments input[type="submit"].submit:hover, #comments a.comment-reply-link:hover, a.button:hover, .bradcrumbs a:hover {
  background: #202020;
}
.read-more a{
  font-size: 16px;
  padding: 15px 25px;
  font-weight: 500;
  text-decoration: none;
  background: #f47bcf;
  letter-spacing: 1px;
}
#banner .social-media {
  float: right;
  position: absolute;
  top: 60%;
  right: 10%;
  transform: translateY(-50%);
}
#banner .social-media i{
  display: block;
/*  width: 40px;
  height: 40px;*/
  border-radius: 50%;
  padding:12px !important;
  line-height: 1;
  text-align: center;
}
#banner .social-media .fa-facebook-f {
  background: #3B5998;
  padding: 12px 15px;
}
#banner .social-media .fa-twitter {
  background: #55ACEE;
}
#banner .social-media .fa-google-plus-g {
  background: #dd4b39;
}
#banner .social-media .fa-pinterest-p {
  background: #cb2027;
  padding: 12px 14px;
}
#banner .social-media .fa-linkedin-in {
  background: #007bb5;
  padding: 12px 13px;
}
#banner .social-media .fa-youtube {
  background: #bb0000;
}
#banner .social-media .fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  padding: 12px 14px;
}

/* ---------blog--------- */
.post-info,.grid-post-info{
  color: #000;
  background: #f47bcf;
}
.post-info i,.grid-post-info i{
  margin-right: 5px;
}
.post-info span {
  padding-right: 10px;
}
.blog-sec h2 {
  font-size: 25px;
  font-weight: 500;
  letter-spacing: .40px;
}
.blog-sec {
  border: 1px solid #f47bcf;
  background: #fff;
}
.blog-sec p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
}
h1.page-title, h1.search-title {
  background: #f47bcf;
}

/*------- Related Posts ------*/
#wrapper .related-posts{
  border-top: 1px solid;
}
#wrapper .related-posts h2.related-posts-main-title{
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
}
#wrapper .related-posts h3{
  font-size: 22px;
  font-weight: 500;
}

/*-----------------Search----------------*/
button.search-submit {
  border: 0;
  background: transparent;
}

/* Our Services Section */
.service-content h3 a {
  text-transform: capitalize;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 1px;
}
#services h2{
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 10px 10px 10px 2.3em;
  background: url(images/service-head.png) no-repeat left center;
}
.service-content p {
  font-size: 14px;
  font-weight: 400;
}

/* Homepage */
.blogbtn a {
  background: #f47bcf;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 10px 20px;
}

/* Back to Top */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 60px;
  height: 15px;
  width: 40px;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: bold;
  color: transparent;
  visibility: hidden;
  z-index: 3;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  background-color: #f47bcf;
}
.back-to-top:hover, .back-to-top:focus {
  text-decoration: none;
}
.back-to-top::before, .back-to-top::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 0;
}
.back-to-top::before {
  top: -20px;
  z-index: 4;
  border-bottom: 20px solid #f47bcf;
}
.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid #202020;
}
.back-to-top:hover, .back-to-top:focus {
  height: 45px;
}
.show-back-to-top {
  display: block;
  visibility: visible;
}
.scroll-left{
  left: 30px;
  right: auto;
}
.scroll-center{
  left: 50%;
  right: 50%;
}

/* Footer Section */
#footer h3,#footer h2,#footer .wp-block-search__label {
  color: #f47bcf;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 2px;
  border-bottom: 1px solid;
  width: 100%;
  margin-bottom: 10px;
}
#footer p {
  margin: 0;
}
.rssSummary{
  font-size: 15px;
}
#footer .copyright p {
  font-size: 16px;
  letter-spacing: 1px;
}
#footer .news-form{
	margin-top:24px;
}
#footer input[type="text"]{
  width: 60%;
	padding: 8px 5%;
	float: left;
	margin-right: 2%;
	border-radius: 5px;
  letter-spacing: 1px;
}
#footer input[type="submit"]{
  width:33%;
	padding:11px 2%;
	float:right;
	border:none;
	background:#f47bcf;
	margin:0;
  font-weight: 500;
}
#footer form.search-form{
	text-align: left;
  display: table;
  width: 100%;
}
#footer form.search-form label{
  width: 65%;
}
.inner {
  padding: 16px 0;
  border-top: 1px solid #f47bcf;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  font-size: 12px;
  letter-spacing: 1px;
}
.footerinner ul li a {
  font-size: 15px;
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
.footerinner .tagcloud a,.footerinner .wp-block-tag-cloud a{
 	border: solid 1px #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  background: transparent;
  color: #fff;
}
.footerinner .tagcloud a:hover{
  background: #f47bcf;
  border:1px solid #f47bcf;
}

/* Woocommerce */
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
  background: #f47bcf;
  color: #000;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  background: #fff;
  color: #f47bcf;
  border: 1px solid #f47bcf;
  padding: 10px;
  margin-right: 10px;
}
.woocommerce .woocommerce-breadcrumb{
  margin:22px 0;
}
.woocommerce-message::before{
  color: #f47bcf;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce-message{
  border-color: #f47bcf;
}
.woocommerce-checkout #payment {
  background: #fff;
}
.woocommerce #sidebar {
  margin: 5% 0;
}
select.orderby {
  padding: 10px;
}
span.posted_in {
  display: block;
}
.woocommerce div.product p {
  line-height: 1.5;
  font-size: 16px;
}
.woocommerce span.onsale{
  background: #f47bcf;
  padding: 0;
  font-weight: 500;
}
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product a img{
  margin:0;
}
.woocommerce-product-gallery__image {
  margin-bottom: 10px;
}
h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color: #000;
  font-weight: 500;
  letter-spacing: 1px;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce-notices-wrapper a.button.wc-forward,.woocommerce a.added_to_cart.wc-forward,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: #f47bcf;
  border-radius: 0;
  font-weight: 500;
}
.woocommerce-notices-wrapper a.button.wc-forward{
  opacity: 1;
  padding: 10px 12px !important;
  text-decoration: none;
}
.woocommerce-notices-wrapper a.button.wc-forward:hover{
  background: #000;
}
.woocommerce a.added_to_cart.wc-forward{
  margin: 5px 0 0 5px;
  padding: 6px 12px;
  font-weight: 700;
  color: #fff;
}
.woocommerce form .form-row .required{
  color: #df0000;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #f47bcf;
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
  background: #fff;
  padding: 10px;
  border: 1px solid #f47bcf;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 25px !important;
  padding: 10px 0;
}
.woocommerce ul.products li.product .price{
  font-size: 17px;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 10px;
  font-size: 15px;
}
.related.products ul.products li.product{
  width: 29%;
  float: none;
  display: inline-table;
}
.select2-container--default .select2-selection--single{
  height: 45px;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 7px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text{
  padding: 10px;
  border: 1px solid #bcbcbc;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce  form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{
  max-width: 100%;
}

/*------ Woocommerce widget css -----*/
#sidebar .woocommerce .widget_shopping_cart .cart_list li, #sidebar .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
  margin-bottom: 10px;
}
.woocommerce.widget_shopping_cart .cart_list li{
  padding-bottom: 10px;
}
.woocommerce.widget_shopping_cart p{
  margin: 0;
}
#sidebar .woocommerce .widget_shopping_cart .cart_list li a.remove, #sidebar .woocommerce.widget_shopping_cart .cart_list li a.remove{
  font-size: 15px;
  top: 3px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
}
.woocommerce-product-search button{
  width: 100%;
  margin-top: 5px;
  padding: 10px;
  border: 0;
  background: #f47bcf;
  color: #fff;
}
#sidebar .woocommerce-product-search input[type="search"], #footer .woocommerce-product-search .search-field{
  padding: 10px;
  width: 100%;
}
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a{
  font-weight: 600;
}
.woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: #202020 !important;
  color: #fff !important;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
  margin: 5px 0 8px;
  font-size: 14px;
  width: 5.5em;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{
  font-weight: 500;
}
.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}
.woocommerce .widget_rating_filter ul li .star-rating{
  width: 5.5em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: #f47bcf;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
/* Added Woocommerce css*/
.wp-block-woocommerce-cart.alignwide{
  margin-left: auto;
  margin-right: auto;
}
td.wc-block-cart-item__image{
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
tr.wc-block-cart-items__header th{
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name{
  color: #000;
  font-size: 20px;  
  font-weight: 600;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,.wc-block-components-totals-coupon__button.contained,button.wc-block-components-checkout-place-order-button{
  background: #f47bcf;
  border-radius: 8px;
  color: #000 !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
  padding-right: 0%;
}
button.wc-block-components-checkout-place-order-button:hover,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color:#000;
  color: #fff !important;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  text-decoration: none;
}
.wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
  padding: 10px;
}

li.wc-block-grid__product{
  border: 1px solid #dcdcdc;
  padding: 10px;
  max-width: 30.75% !important;
  float: left;
  margin: 0 3.8% 2.992em 0;
}
.wc-block-grid__product-onsale{
    padding: 5px 10px !important;
    background: #f47bcf !important;
    color: #000 !important;
    border-color: #f47bcf !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
    margin: -0.5em -0.5em 0 0 !important;
}
.wc-block-grid__product-title{
  font-size: 22px !important;
  color: #000 !important;
  font-weight: 600; 
}
a.wc-block-grid__product-link{
  text-decoration: none !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 12px;
  border-radius: 8px !important;
  font-size: 16px;
}
span.woocommerce-Price-amount.amount{
  font-size: 16px;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
  width: 100% !important;
}
h2.wp-block-heading.has-text-align-center{
  margin: 10px 0;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
}
/* --------- Bradcrumbs --------- */
.bradcrumbs a ,.woocommerce-account .addresses .title .edit{
  background: #f47bcf;
  color: #202020 !important;
  padding: 5px 12px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 16px;
}
.bradcrumbs a:hover{
  background:#000;
}
.bradcrumbs span{
  background:#f47bcf;
  color:#202020 !important;
  padding:8px 15px;
  font-size: 14px;
}

/* Comments BOX */
.comment-meta.commentmetadata {
  margin: 10px 0;
}
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding: 25px 0 0 0;
  margin-top: 25px;
}
#comments h3.comment-reply-title{
	font-size:20px;
	font-weight:bold;
}
#comments input[type="text"], #comments input[type="email"], #comments textarea{
	padding:12px 10px;
	font-size:18px;
	margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
	background: #f47bcf;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0 0;
	border:none;
}
#comments a.comment-reply-link{
	background:#f47bcf;
	padding:5px 15px;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#wrapper #comments ol li{
  background:none;
  margin: 0 0 20px;
}
.comment-body{
  background: #f7f7f7;
  padding: 20px;
  margin-bottom: 20px;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
	text-align: right;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
.comment-author.vcard img {
  margin-right: 10px;
}
#comments .comment-content{
	margin-left:7%;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
#comments p.comment-form-comment label{
  display: block;
}

/* Sidebar */
#sidebar .widget {
  border: 1px solid #f47bcf;
}
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar h3,#sidebar h2,#sidebar .wp-block-search__label{
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  background: #f47bcf;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
#sidebar .wp-block-search__label{
    line-height: 2;
}
#sidebar input[type="search"] {
	padding:8px 10px;
	font-size:15px;
	color:#000;
	font-weight: normal;
	width:100%;
  background: #fff;
}
#sidebar label{
	margin-bottom: 0px; 
}
#sidebar input[type="submit"]{
  background: #f47bcf;
  border: none;
  padding: 10px 5px;
  line-height: 1.45;
  width: 35%;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  border-radius: 0;
  color: #fff;
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:14px;
}
#sidebar ul li {
  padding: 8px 0;
  border-bottom: 1px solid #e6e6e6;
}
#sidebar ul li a {
  font-size: 14px;
}
#sidebar .tagcloud a,.wp-block-tag-cloud a{
  border: 1px solid;
  background: #fff;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
  color: #000;
  text-decoration: none!important;
}
#sidebar .tagcloud a:hover,.wp-block-tag-cloud a:hover{
  background: #f47bcf;
  border: 1px solid #f47bcf;
}

/* About Us Widget */
#sidebar .widget{
  padding: 10px;
  margin-bottom: 40px;
}
#footer .widget{
  padding: 16px 0;
}
#sidebar .widget h3{
  text-align: center;
  margin-bottom: 10px;
}
#sidebar .widget p{
  margin-bottom: 10px;
}
#footer p.custom_author, #sidebar p.custom_author {
  font-size: 20px;
  font-weight: 700;
}
#footer p.custom_designation, #sidebar p.custom_designation{
  font-size: 16px;
  font-weight: 600;
}
#footer p.custom_desc, #sidebar p.custom_desc{
  font-size: 15px;
}
.social-links i{
  color: #f47bcf;
}
.more-button a {
  background: #f47bcf;
  color: #fff !important;
  display: inline-block;
  line-height: 1.5;
  font-weight: 500;
}

/* Page */
.notfound h1{
  font-weight: 500;
  font-size: 60px;
}
#wrapper p{
	line-height: 25px;
	font-size: 16px;
}
#wrapper hr{
	border:none;
	border-bottom:1px solid #e4e4e4;
	margin: 15px 0;
	clear:both;
}
#wrapper ul{
	margin:0 0 0 10px;
	font-size:16px;
}
#wrapper ul li{
	line-height:25px;
}
#wrapper ol{
	margin:0 0 0 15px;
	font-size:16px;
	counter-reset: myCounter;
}
#wrapper ol li{
	padding:0 0 0 0;
}
#respond{
  border-top: 1px solid #121619;
  margin-top: 20px;
}
/*block css*/
.main-wrap-box .alignfull,.main-wrap-box .alignwide,.main-wrap-box .aligncenter{
  margin-left: 0;
  margin-right: 0; 
  margin-bottom: 20px; 
}
.main-wrap-box .alignleft{
  margin-right: 10px;
}
.main-wrap-box .wp-block-button a{
  color: #000;
  background: #f47bcf;
  border-radius: 30px;
  text-decoration: none !important;
}
.main-wrap-box .wp-block-button.is-style-squared a{
  border-radius: 0px !important;
}
.main-wrap-box .wp-block-button a:hover{
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
/*new block css*/
.alignfull img,#footer .widget ul,.wp-block-search{
  width: 100%;
}
.wp-block-button{
  border: none;
}
.wp-block-button.is-style-outline a{
  background-color: transparent !important;  
  color: #000 !important;
}
.wp-block-button.is-style-outline a:hover{
  color: #000 !important;
  background: transparent;
  border: 2px solid #000 !important;
}
.alignright{
  float: right;
}
.wp-block-search__button{
  background: #f47bcf;
  color: #fff;
}
#sidebar .wp-block-calendar{
  text-align: left;
}
#sidebar .search-form label{
  width: 65%;
}
#sidebar .widget_pages ul,#menu-testing-menu ul,.wp-block-page-list ul{
  display: block;
}
.footerinner  .widget_calendar td,.footerinner  .widget_calendar th{
  color: #fff;
}
.wp-block-latest-comments__comment{
  display: flex;
}
.widget_recent_comments ol{
  padding-left: 1rem;
}
.widget_recent_comments .wp-block-latest-comments__comment-meta,.wp-block-latest-comments__comment-excerpt{
  margin-left: 1em !important;
}
/* Pagination */
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	float:right;
} 
.pagination span, .pagination a {
	display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px !important;
  text-decoration:none;
  width:auto;
  color:#242424;
  border: 1px solid #202020;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
} 
.pagination a:hover, .page-links a span:hover,span.page-links-title{
  background: #f47bcf;
/*  border: 1px solid #f47bcf;*/
} 
.pagination .current, .page-links .current .page-number {
  padding: 7px 15px ;
  background: #f47bcf;
  border: 1px solid #f47bcf;
}
span.page-links-title{
  line-height: 9px;
}
/*#calendar_wrap td,#calendar_wrap th{
  color: #fff;
}*/
/* ------------Navigation Links------------*/
.navigation .nav-previous a, .navigation .nav-next a{
  background: #f47bcf;
  font-size: 16px;
  font-weight: 500;
  padding: 6px 10px;
}
.navigation .nav-previous a::before {
  content: "\f100";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  margin: 0 8px 0 0;
  font-weight: 900;
}
.navigation .nav-next a::after {
  content: "\f101";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  margin: 0 0 0 8px; 
  font-weight: 900;
}
.nav-links{
  text-align: right;
  margin: 10px 0;
}
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
  text-align: left;
}
.nav-next{
  float: right;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.post-title {
  font-size: 20px;
  margin: 3%;
  font-weight: 500;
  line-height: 1.5;
  color: #f47bcf;
}
.tags a {
  font-size: 15px;
  color: #666;
  border: 1px solid;
  display: inline-block;
}
.tags a:hover{
  background: #f47bcf;
  border-color:#f47bcf;
}
.tags a i{
  font-size: 12px;
  color: #f47bcf;
}
.entry-content a, .comment-body a, #sidebar .textwidget a, .woocommerce-product-details__short-description a, #footer .textwidget a{
  text-decoration: underline;
}
p.comment-form-url label{
  display: block;
}
p.comment-form-url input{
    padding: 12px 10px !important;
    font-size: 18px;
    margin: 20px 0 0 0 !important;
    border: 1px solid #bcbcbc;
    width: 100%;
    height: auto;
}
#sidebar .wp-block-search__button{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 10px 20px;
    margin-left: 5px;
}

/* Media Css*/
@media screen and (max-width: 1000px){
  .fixed-header{
    position: static;
    box-shadow: none;
  }
  .sf-arrows .sf-with-ul{
    padding: 10px;
  }
  .nav-menu .nav ul li a:focus, a.closebtn.responsive-menu:focus, .toggle-menu button:focus, .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline: 2px solid #fff;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    top: 0;
    cursor: pointer;
    padding: 12px;
    z-index: 999999;
    font-size: 20px;
    background: #000;
    border-bottom: 1px solid #333;
  }
  .nav-menu ul ul a:hover{
    background: transparent !important;
  }
  .nav-menu ul ul a, .toggle-menu i, .toggle-menu button, .side-nav .closebtn, .nav ul li a{
    color: #fff;
  }
  .toggle-menu i {
    font-size: 25px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .side-nav {
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 110%;
    visibility: hidden;
    right: 0;
    overflow-y: scroll;
    background-color: #000;
    overflow-x: hidden;
    padding-top: 60px;
  }
  body.show-main-menu .side-nav{
    visibility: visible;
    top: 56px;
    transition: 0.5s top ease-in-out;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px;
    font-size: 18px;
    display: block;
    border:none;
    background: transparent;
  }
  .toggle-menu{
    display: block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    border: none;
    border-bottom: 1px solid #333;
    background: none !important;
  }
  .nav ul li:first-child a{
    border-top: 1px solid #333;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .nav ul li ul li a:before{
    content:"__";
    padding-right: 10px;
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .nav-menu ul ul{
    position: static;
    width: 100%;
    background: none;
    border:none;
  }
  .nav-menu li{
    display: block;
  }
  .nav-menu ul li a:hover{
    color: #f47bcf;
    border-left: 4px solid #f47bcf;
  }
  #primary-site-navigation{
    padding: 0;
  }
  #banner .inner_carousel h1{
    font-size: 35px;
  }
  
  .page-template-custom-front-page #header{
    position: static;
    background: #efefef;
  }
}
@media screen and (max-width: 767px){
  #banner .inner_carousel p{
    display: none;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
  .alignwide{
    margin:0;
  }
  #banner .banner-box{
    float: none;
    top: 35%;
    right: 10% !important;
    left: 10% !important;
    text-align: center;
  }
  .read-more a {
    padding: 8px 25px;
  }
  #banner .social-media{
    float: none;
    width: 100%;
    right: 0;
    top: 83%;
    margin: 0 auto;
    text-align: center;
  }
  #banner .social-media i{
    display: inline-block;
  }
  .logo {    
    clip-path: none;
    position: static;
  }
	ol.children {
    margin: 0 !important;
	}
	ol.children img {
    width: 30px;
    border: solid 1px;
	}
	#comments .reply {
		float: left !important;
		margin-bottom: 5%;
	}
	#wrapper #comments ol li{
		padding:0 !important;
	}
  span.cart-value{
    right: 45%;
  }
   #banner .inner_carousel p{
    display: none;
  }
  #banner .inner_carousel h1 {
    font-size: 20px;
    line-height: 1;
  }
  .page-template-custom-front-page #header {
    position: static;
    background: #efefef;
    width: 100%;
  }
  .top-bar{
    position: static;
  }
  .call{
    border: none; 
  }
  .serach_inner label{
    width: 70%;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total{
      padding-left: 0px !important;
  }
  li.wc-block-grid__product{
      max-width:100% !important;
      float:none;
      flex: 100% !important;
  }
  #banner img{
    height: 200px !important;
  }
}
@media screen and (min-width: 721px) and (max-width:1000px){
  #banner img{
    height: 400px !important;
  }
}
@media screen and (min-width: 720px) and (max-width:768px){
  .page-template-custom-front-page #header {
    position: static;
    background: #efefef;
    padding-bottom: 10px !important;
    width: 100%;
  }
  .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
  .top-bar {
    position: static;
  }
  #banner .inner_carousel h1{
    font-size: 35px;
  }
  #banner .carousel-caption{
    top: 40%;
  }
  #footer .wp-block-search__button,#sidebar .wp-block-search__button{
    margin-left: 0px;
  }
  .related.products ul.products li.product{
    width: 48%;
  }
  .main-wrap-box .alignleft{
    max-width: unset;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
  li.wc-block-grid__product{
      max-width: 48% !important;
      float: left;
      clear: both;
      margin: 0 1% 2.992em;
      flex: 1 0 48% !important;
  }
}
@media screen and (min-width: 768px) and (max-width:991px){
  #footer .search-field, #footer input[type="submit"],  #footer .wp-block-search__button,#footer .wp-block-search__input, 
  #sidebar .wp-block-search__button,#sidebar form.search-form label,#sidebar input[type="submit"],#sidebar input[type="search"],#footer form.search-form label{
    width: 100%;
  }
   #footer .wp-block-search__input,#footer .search-field, #sidebar input[type="search"]{
    margin-bottom: 5px;
  }
  .wp-block-search__inside-wrapper{
    display: block;
  }
  .wp-block-search__button{
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 991px){
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
      float: none;
      width: 100%;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
  .logo {
    top: 3px;
  }
  #banner .inner_carousel h1{
    font-size: 45px;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
}