/*
Theme Name: Veterinary Pet Care
Theme URI: https://www.themesglance.com/themes/free-veterinary-pet-wordpress-theme/
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Veterinary Pet Care is a modern, versatile, resourceful, fresh and eye-catching pet WordPress theme to kick start your business and take it to the pinnacle of success within a small time span. The theme has sophisticated design which will display your services in an impressive way to turn mere website visitors into lifetime customers. It is a perfect fit for pet shops, veterinary doctors and hospitals, animal care centres, animal breeders, pet training centres, pet grooming centres, pet selling store, animal food supplier, dog shop, pet health consultant and for every website concerning animals and pets. It is a readily responsive theme which looks great on devices of variable screen sizes; cross-browser compatible, translation ready and supports RTL writing on the website. Veterinary Pet Care is loaded with amazing features and is based on the latest WordPress version to keep your website up-to-date with the latest changes. It has great loading speed and is retina ready to show sharp and crisp images on HD devices. There are multiple ways to customize the theme. It gives good SEO ranking and has social media icons to make your content shareable. Demo: https://themesglance.com/veterinary-pet-care-pro/
Version: 0.3.8
Tested up to: 5.4.2
Requires PHP: 7.2.14
License: GNU General Public License
License URI: license.txt
Text Domain: veterinary-pet-care
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-menu, custom-header, featured-images, footer-widgets, full-width-template, theme-options, post-formats, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce

Veterinary Pet Care WordPress Theme has been created by Themesglance(themesglance.com), 2018.
Veterinary Pet Care 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;
  letter-spacing: .51px;
	color:#000;
  background: #fff6ea;
  font-family:'Kalam', 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;
  color: #666;
	line-height:1.8;
}
a{
	text-decoration:none;
	color: #a45a37;
}
a:hover{
	text-decoration:none;
	color: #a45a37;
}
a:focus,
a:hover{
	text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, button:focus,
.woocommerce form .form-row input.input-text:focus, 
.woocommerce form .form-row textarea:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.toggle-menu button:focus{
  outline-color: #fff;
  border-bottom-color: #fff;
}
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;
}
.clear{
	clear:both;
}
input[type='submit']:hover{
	cursor: pointer;
}
.center{
	text-align:center;
	margin-bottom:40px;
}
.main-wrap-box{
	margin:0 auto;
	padding:20px 0 20px;
}
.wp-caption{
	margin:0;
	padding:0;
	font-size:13px;
	max-width:100%;
}
.wp-caption-text{
	margin:0;
	padding:0;
}
.screen-reader-text {
	position: absolute;
	top:-9999em;
	left:-9999em;
}
/* 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;
}
.gallery-caption{
	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;
}
.alignright,
 img.alignright {
	display: inline;
	float: right;
	border:1px solid #bbb;
	padding:5px;
	margin-bottom:10px;
	margin-left:25px;
}
.aligncenter,
 img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: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;
}
#respond{
	clear:both;
}
.toggle{
 	display:none;
}
.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;
}
textarea{
	height:111px;
}
input[type="submit"] {
	border: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  padding: 10px 18px;
  background: #a45a37;
  font-weight: bold;
  color: #fff6ea;
  margin: 0 10px;
  margin-top: 5px !important;
}
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;
	/* Prevents HTML tables from becoming too wide */
	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 {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  color: #fff;
  font-size: 20px;
}
.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	display: block;
	font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}
.widget th,
.widget td {
	padding: 0em;
}
span.page-links-title {
	clear: both;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  font-weight: bold;
  padding: 15px;
}
span.page-number {
  padding: 10px 15px;
}
span.page-number,span.page-links-title{
	display: block;
  float: left;
  margin: 2px 2px 2px 0;
	text-decoration: none;
  width: auto;
  color: #fff;
  font-weight: bold;
  background: #494848;
  -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;
}

/* ---------Buttons--------- */
a.button{
	background:#a45a37;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 10px 30px;
	font-weight:bold;
}	
a.button:hover{
  color: #fff;
  background:#494848;
}

/* --------- MENUS CSS --------- */
#sidelong-menu {
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  display: block;
}
.nav-menu ul{
  margin:0;
  font-weight:400;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold; 
  padding: 0 10px;
  background: #fff6ea;
}
.nav-menu li{
  display:inline-block;
  margin:0;
  position:relative;
}
.nav-menu ul li a{
  color: #494848;
  padding:15px;
  display:block;
}
.nav-menu ul li a:active, .nav-menu ul li a:hover{
  color:#a45a37;
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  min-width: 200px;
  z-index: 9999;
  padding: 0;
  border: 1px solid #a45a37;
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
  color: #fff;
  padding: 10px;
  background: #a45a37;
}
.nav-menu ul ul a:hover{
  background: #fff6ea;
  color: #a45a37;
  border-left: 4px solid #a45a37;
}
.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,
.topbar .sf-arrows .sf-with-ul{
  padding: 15px 25px 15px 10px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 18px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.sf-arrows ul .sf-with-ul:after{
  top: 4px;
}
.toggle-menu, a.closebtn{
  display:none;
}

/*----- PRELOADING -------- */
#overlayer {
  width:100%;
  height:100%;  
  position:fixed;
  z-index:999;
  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: white;
  text-align: center;
}
.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;
  width: 100%;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999999;
}

/* ---------HEADER--------- */
.page-template-custom-front-page #header {
  position: absolute;
  width: 100%;
  z-index: 99;
  background: transparent;
  padding: 0;
}
#header .logo{
  padding: 5px;
}
#header .logo h1,
#header .logo p.site-title {
  padding: 0;
  line-height: 1.5;
}
#header .logo h1 a,
#header .logo p.site-title a {
  font-size: 30px;
  font-weight: bold;
  color: #fff6ea;
}
#header .logo p{
  margin: 0;
  color: #fff6ea;
  margin-bottom: 0;
}
.request {
  margin: 30px 0;
  text-align: center;
}
.request a {
  color: #fff6ea;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: bold;
  border: 2px solid #fff6ea;
  border-radius: 3px;
}
.search-image {
  background: url(images/search.png) center;
  background-repeat: no-repeat;
  padding: 10px 25px 12px;
  border: 2px solid #fff6ea;
  border-radius: 3px;
}
.search-box {
  margin: 30px 0;
  text-align: right;
}
#header {
  background: #a45a37;
  padding: 10px 0;
}
span.cart-value {
  position: absolute;
  top: 28px;
  color: #494848;
  font-weight: bold;
  background: #fff;
  right: 5px;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 50%;
  font-family: 'Roboto', sans-serif;
}
li.cart_box {
  list-style: none;
}
.cart_no{
  float: right;
}
.page-template-custom-front-page .cart_no a{
  color: #000;
}
.cart_no a{
  color: #fff;
}
span.cart_no a img {
  padding: 30px 0;
}

/*-----------------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: -14px;
  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{
  width: 100%;
}
.wrap:focus input[type="search"],
.wrap input[type="search"]:focus {
  width: 230px;
  z-index: 999;
  cursor: text;
  padding-right: 0;
  top: -15px;
  right: 70px;
  border: 2px solid #000;
  padding:10px;
  background: #fff;
}
.wrap input[type="submit"] {
  width: 50px;
  padding:  11px;
  background: url(images/search.png) no-repeat -5px center;
  text-indent: -10000px;
  position: absolute;
  top: -16px;
  right: 15px;
  z-index: 2;
  margin: 6px 0;
  cursor: pointer;
  border: 2px solid;
  border-radius: 3px;
}
.wrap input[type="submit"]:hover{
  background-color: unset !important;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
  border: none;
  border: 1px solid #a45a37;
  padding: 9px;
  background: #fff6ea;
  color: #a45a37;
  width: 95%;
}

/*-----------Slider--------*/
#slider{ 
  max-width:100%;
  margin:auto; 
  padding:0;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
}
#slider .inner_carousel h1 {
  font-weight: 700;
  color: #fff;
  font-size: 40px;
  text-transform: capitalize;
  letter-spacing: 0;
}
#slider .inner_carousel p{
  font-size: 15px;
  line-height: 2;
  color: #fff;
}
#slider .inner_carousel {
  color: #fff;
  text-align:center ;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  left: 25%;
  right: 25%;
}
.read-more a i {
  font-size: 10px;
  padding: 10px;
  font-weight: 700;
}
.read-more a:hover {
  color: #fff6ea;
  background: #a45a37;
}
.read-more a{
  font-size: 15px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-weight: 700;
  text-decoration: none;
  color: #fff6ea;
  border: 2px solid;
  border-radius: 4px;
}
.read-more {
  margin-top: 30px;
}
.carousel-inner img{
  max-width: 100%;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block;
}

#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon{
  background: transparent;
  width: auto;
  height: auto;
  font-size: 22px;
  color: #fff6ea;
  border: 2px solid;
  border-radius: 3px;
  padding:6px 14px 0;
}
#slider .carousel-inner:after {
  background: url(./images/designline2.png) no-repeat;
  content: "";
  display: block;
  position: relative;
  top: 3px;
  padding: 0;
  width: 100%;
  height: 10px;
}
#slider .carousel-indicators li{
  width: 15px;
  height: 15px;
  border-radius: 3px;
  background: transparent;
  border: 2px solid #fff6ea;
}
#slider .carousel-indicators .active{
  background: #fff6ea;
}

/* ---------blog--------- */
.post-info{
  padding: 6px;
  background: #a45a37;
  margin-bottom: 10px;
}
.post-info i, .post-info span, .post-info a {
  padding-right: 10px;
  color: #fff6ea;
}
.blog-sec h2 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  color: #242424;
  letter-spacing: .40px;
  text-align: left;
}
.blog-sec h2 a {
  color: #a45a37;
}
.box-image img {
  width: 100%;
}
.blog-sec {
  margin-bottom: 4%;
  border: 1px solid #a45a37;
  padding: 12px;
  background: #fff;
}
.blog-sec p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
}
h1.page-title,
h1.search-title {
  background: #a45a37;
  margin-bottom: 3%;
  color: #fff6ea;
  text-align: center;
}
.header input[type="submit"] {
  background: url(images/search.png) no-repeat 23px 10px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
  margin: 0;
  padding: 7px 35px
}
/*-----------------Search----------------*/
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  width: 100%;
}

/* Our Services Section */

#footer:before {
  background: url(./images/designline1.png) no-repeat;
  content: "";
  display: block;
  position: relative;
  top: 10px;
  padding: 5px;
  width: 100%;
  height: 3px;
}
#our-services .service-content {
  padding: 15px;
  background: #fff;
  margin: 10px 0;
}
#our-services {
  padding: 3% 0;
}
#our-services h3 a {
  text-transform: uppercase;
  color: #494848;
  font-size: 18px;
  font-weight: 600;
}
#our-services h3{
  padding: 5px 0;
}
#our-services h2{
  text-transform: uppercase;
  color: #494848;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}
#our-services p{
  color: #666;
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}
#our-services hr.service-border {
  border-top: 2px solid #a45a37;
  margin-top: 0;
  width: 15%;
}
#our-services hr.service-title-border {
  border-top: 2px solid #a45a37;
  margin-top: 0;
  width: 6%;
  margin: 0 auto;
  margin-bottom: 25px;
}
#our-services i {
  padding-right: 10px;
  font-size: 35px;
  color: #a45a37;
}

/* Homepage */
.home-content {
  padding: 3% 0;
}
.blogbtn a {
  color: #fff6ea;
  background: #a45a37;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.3px;
  padding: 10px 20px;
}
.blogbtn a:hover{
  background: #494848;
}
.blogbtn {
  margin: 4% 0 2%;
  text-align: right;
}
.innerlightbox {
  padding-top: 4%;
}
#blog_post small{
	color:#6d6d6d;
	margin:0 0 20px 0;
}
#blog_post .small-button{
	margin-top:30px;
}
#blog_post .page-box,.postbox{
	color:rgba(74, 69, 69, 0.75);
	padding:15px;
	margin: 0 0 4% 0;
	box-shadow: 0 0 15px 3px #bbb;
}
#blog_post .page-box p{
	font-size:15px;
	margin:0;
	line-height: 25px;
}
#blog_post .box-image{
	margin:0;
}
#blog_post .services-box{
	margin:40px 0 20px 0;
}
img.alignnone.wp-image-755.size-large {
  width: 100%;	
}

/*------- Related Posts ------*/
#wrapper .related-posts{
  padding: 2% 0;
  border-top: 1px solid;
}
#wrapper .related-posts h2.related-posts-main-title{
  font-size: 28px;
  color: #a45a37;
  font-weight: 600;
  letter-spacing: 0;
}
#wrapper .related-posts h3{
  padding: 10px 0;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  text-align: left;
}
#wrapper .related-posts h3 a{
  color: #a45a37;
}

/* Back to Top */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 60px;
  height: 15px;
  width: 40px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: bold;
  color: transparent;
  visibility: hidden;
  z-index: 3;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  background-color: #a45a37;
}
.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 #a45a37;
}
.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid #484949;
}
.back-to-top:hover,
.back-to-top:focus {
  height: 40px;
  color: #fff;
}
.show-back-to-top {
  display: block;
  visibility: visible;
}
.scroll-left{
  left: 30px;
  right: auto;
}
.scroll-center{
  left: 50%;
  right: 50%;
}

/* Footer Section */
#footer a:focus,
#footer input:focus{
  outline: 1px dotted #fff;
  border:1px dotted #fff;
}
#footer .widget_calendar td a{
  color: #fff;
}
#footer .social_widget i {
  padding: 4px;
  font-size: 14px;
  color: #a45a37;
  background: #fff6ea;
  margin: 4px;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  line-height: 1.8;
  text-align: center;
}
#footer .social_widget i:hover {
  background: #a45a37;
  color: #fff6ea;
}
.footerinner {
  width: 100%;
  background: #484949;
}
.footerinner .widget {
  padding: 5% 0;
}
#footer{
	background: #fff6ea;
	color:#fff;
	padding:0;
	text-align:left;
  clear:both;
}
#footer h3 {
  text-align: left;
  font-size: 26px;
  color: #fff6ea;
  font-weight: 600;
}
#footer p {
  margin: 0;
  color: #fff;
}
.rssSummary{
  font-size: 15px;
}
#footer .copyright.text-center p {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #fff6ea;
  font-family: 'Kalam', cursive;
}
#footer .news-form{
	margin-top:24px;
}
#footer input[type="text"]{
  width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"]{
  width:100%;
	padding:11px 2%;
	float:right;
	border:none;
	background:#a45a37;
	margin:0;
}
#footer .search-field {
  width: 100%;
  padding: 10px 5px;
}
#footer label {
  display: inline;
}
#footer form.search-form{
	text-align: left;
}
.copyright a {
  color: #fff6ea;
  text-decoration: none !important;
  font-family: 'Kalam', cursive;
}
.inner {
  padding: 16px;
  background: #a45a37;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  letter-spacing: 1px;
  font-size: 13px;
}
.footerinner ul li a {
  color: #fff;
  font-size: 15px;
}
.footerinner ul li a:hover{
  color: #fff6ea;
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
/*.textwidget {
  padding: 15px;
}*/
.footerinner .tagcloud a{
 	border: solid 1px #fff6ea;
  color: #fff6ea;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
.footerinner .tagcloud a:hover{
  background: #a45a37;
  border-color: #a45a37;
}

/* 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: #a45a37;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
  background: #fff;
  color: #a45a37;
  border: 1px solid #a45a37;
  padding: 10px;
  margin-right: 10px;
}
.woocommerce-message::before{
  color: #a45a37;
}
.woocommerce-message{
  border-color: #a45a37;
}
.woocommerce form .form-row .required{
  color: #df0000;
}
.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: #a45a37;
  padding: 0;
  color: #fff6ea;
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .button{
  margin: 0;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #fff;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  color: #000;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 500;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.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: #a45a37;
  color: #fff6ea;
  border-radius: 0;
}
.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{
  background: #494848;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #a45a37;
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
  background: #fff;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 22px;
  padding: 10px 0;
}
.woocommerce ul.products li.product .price {
  font-size: 16px;
}
.woocommerce a{
  text-decoration: none !important;
}
.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{
  display: inline-block;
}
.woocommerce  form.woocommerce-form-login.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}

/*------ 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;
}
.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 ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
  margin: 5px 0 5px;
  font-size: 14px;
  width: 5.5em;
}
.woocommerce-product-search button{
  width: 100%;
  padding: 10px;
  background: #a45a37;
  border:0;
  font-size: 15px;
  color: #fff;
  margin-top: 6px;
}
.woocommerce .widget_shopping_cart .buttons a:hover, 
.woocommerce.widget_shopping_cart .buttons a:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: #a45a37 !important;
  color: #fff !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: #a45a37;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}

/* --------- Bradcrumbs --------- */
.bradcrumbs a {
  background: #494848;
  color: #fff;
  padding: 5px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 13px;
}
.bradcrumbs span{
	background:#fff6ea;
	color:#000;
	padding:5px 15px;
}

/* Comments BOX */
#comments{
	margin-top: 25px;
}
#comments p.comment-form-comment label{
  display: block;
}
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding: 25px 0 0 0;
}
#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: #a45a37;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin: 20px 0 0;
	border:none;
}
#comments input[type="submit"].submit:hover,
#comments a.comment-reply-link:hover{
  background: #494848;
  color: #fff;
}
#comments a.comment-reply-link{
	color:#fff;
	background:#a45a37;
	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;
}
.comment-author.vcard img {
  margin-right: 10px;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
	text-align: right;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
#comments .comment-content{
	margin-left:7%;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
.comment-meta.commentmetadata a{
  color: #a45a37;
}

/* Sidebar */
#sidebar aside, #sidebar .social_widget {
  border: 1px solid #a45a37;
  background: #fff;
}
#sidebar .widget,
#sidebar .social_widget {
  padding: 10px;
}
#sidebar .widget_calendar caption{
  color: #a45a37;
}
.social_widget {
  padding: 15px 10px;
  text-align: center;
}
#sidebar .social_widget i {
  padding: 4px;
  color: #fff6ea;
  margin: 2px;
  border: 2px solid #a45a37;
  background: #a45a37;
  border-radius: 4px;
  font-size: 14px;
  width: 32px;
  height: 32px;
  line-height: 1.5;
  text-align: center;
}
#sidebar .social_widget i:hover {
  background: #fff6ea;
  color: #a45a37;
}
#sidebar form{
 	display: table;
	width: 100%;
}
a.rsswidget{
  color: #fff6ea;
}
#sidebar h3 {
  margin: 0 0 10px;
  text-align: left;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff6ea;
  padding: 10px 5px;
  background: #a45a37;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	border:none;
	font-size:15px;
	color:#000;
	font-weight: normal;
	width:100%;
  background: #fff6ea;
}
#sidebar label{
	width:70%;
	float:left;
	margin-bottom: 0px; 
}
#sidebar input[type="submit"]{
  background: #a45a37;
  border: none;
  color: #fff6ea;
  padding: 11px 0;
  width: 30%;
  font-size: 12px;
  font-weight: normal;
  float: left;
  margin: 0 !important;
  border-radius: 0;
}
#sidebar aside,
#wrapper {
  margin-bottom: 30px;
} 
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li {
  padding: 8px 0;
  border-bottom: 1px solid #e6e6e6;
}
#sidebar ul li a {
  font-size: 14px;
  color: #494848;    
  font-weight: bold;
}
#sidebar .tagcloud a{
  border: 1px solid;
  background: #fff6ea;
  color: #a45a37;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
}
#sidebar .tagcloud a:hover{
  background: #a45a37;
  color: #fff6ea;
}

/* Page */
 iframe {
  width: 100%;
}
.notfound {
  padding: 2% 0;
  text-align: center;
}
.notfound h1{
  font-weight: bold;
  font-size: 60px;
}
.notfound p{
  line-height: 1.5;
  margin-bottom: 10px;
}
.read-moresec {
  margin: 20px 0px 0;
}
.title-box h1{  
  font-weight:bold;
  text-transform:uppercase;
  color: #a45a37;
}
.single .title-box{
	background-size:100% auto;
}
#wrapper {
  padding: 15px;
}
#wrapper h1 {
  padding: 5px 0;
  font-weight: bold;
  margin: 10px 0;
  color: #a45a37;
}
#wrapper p{
	line-height: 25px;
	font-size: 16px;
}
#wrapper hr{
	border:none;
	border-bottom:1px solid #e4e4e4;
	margin:15px 0;
	clear:both;
}
#wrapper h2{
	font-size:40px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
#wrapper h3{
	font-size:36px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
#wrapper h4{
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#333;
	margin:0 0 25px;
}
#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;
}

/* Pagination */
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	float:right;
} 
.pagination span,
.pagination a {
	display:block;
  float:left;
  margin: 2px 5px 10px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#242424;
  border: 1px solid #494848;
  -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,
.pagination .current {
  color: #fff6ea;
  background: #a45a37;
  border: 1px solid #a45a37;
}
.entry-audio audio {
    width: 100%;
}

/* ------------Navigation Links------------*/
.navigation .nav-previous a, .navigation .nav-next a{
  color: #fff;
  background: #a45a37;
  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{
  margin: 10px 0;
}
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
}
.nav-previous i{
  margin-right: 6px;
}
.nav-next i{
  margin-left: 6px;
}
.nav-next{
  float: left;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.post-title {
  font-size: 20px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
  color: #a45a37;
}
.entry-content  a,
.comment p a,
#sidebar .textwidget p a{
  text-decoration: underline;
}
#footer p a{
  color: #fff;
  text-decoration: underline;
}
.tags {
  margin-top: 15px;
}
.tags a {
  font-size: 15px;
  color: #666;
  padding: 3px 10px;
  margin: 0 10px 10px 0;
  border:1px solid;
  display: inline-block;
}
.tags a:hover{
  background: #a45a37;
  color: #fff;
  border-color:#a45a37;
}
.tags a:hover i{
  color: #fff;
}
.tags a i{
  font-size: 12px;
  margin-right: 5px;
  color: #a45a37;
}

/* Media Css*/
@media screen and (max-width: 1000px){
  #header{
    padding: 0;
  }
  .fixed-header{
    position: static;
    box-shadow: none;
  }
  .sf-arrows .sf-with-ul:after{
    top: 5px;
  }
  .social-media{
    text-align: center;
  }
  .sf-arrows .sf-with-ul{
    padding: 10px;
  }
  .nav-menu .nav ul li a:focus,
  a.closebtn.responsive-menu:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    top: 0;
    cursor: pointer;
    padding: 10px 12px;
    z-index: 999999;
    text-align: left;
    font-size: 20px;
    background: #000;
    border-bottom: 1px solid #333;
  }
  .nav-menu ul ul a:hover{
    background: none !important;
  }
  .nav-menu ul ul a{
    color: #fff;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
    margin-right: 10px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
  }
  .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;
    transition: 0.5s top ease-in-out;
    padding-top: 60px;
  }
  .side-nav.show{
    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;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .side-nav .closebtn i{
    margin: 15px;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  .toggle-menu{
    display: block;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .nav-menu .nav ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    color: #ffffff;
    border: none;
    text-align: left;
    border-bottom: 1px solid #333;
    background: none !important;
  }
  .sf-arrows .sf-with-ul:after{
    right: 20px;
  }
  .nav ul li:first-child a{
    border-top: 1px solid #333;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .nav-menu .current_page_item > a, .nav-menu .current-menu-item > a, .nav-menu .current_page_ancestor > a {
    color: #fff6ea;
  }
  .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{
    padding: 0;
    display: block;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline: 1px dotted #fff;
  }
  .nav-menu ul li a:hover{
    color: #fff6ea;
    border-left: 4px solid #fff6ea;
  }
  .nav-menu ul{
    background: none !important;
    padding:0;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
	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;
	}
	#wrapper h2 {
    font-size: 30px !important;
	}
  span.cart-value{
    right: 38%;
  }
  .logo{
    text-align: center;
  }
  form.woocommerce-product-search button[type="submit"]{
    left: 16px;
  }
  #header .top-bar,
  #header .social_widget{
    text-align: center;
  }
  #slider .inner_carousel h1,
  #slider .inner_carousel p{
    display: none;
  }
  input[type="submit"]{
    margin-bottom: 5px !important;
  }
}
@media screen and (min-width: 720px) and (max-width:768px){
  .page-template-custom-front-page #header {
    position: static;
    background: #a45a37;
    padding: 10px 0;
    width: 100%;
  }
  .related.products ul.products li.product{
    width: 48%;
  }
  span.cart-value{
    right: 10px;
  }
  .cart_no{
    float: none;
  }
  .wrap input[type="submit"]{
    padding: 14px;
    top: -20px;
  }
  .request a{
    padding: 12px 10px;
  }
  .search-box{
    text-align: center;;
  }
  .search-image {
    padding: 12px 20px 14px;
  }
  #slider .inner_carousel p{
    display: none;
  }
  #slider .carousel-caption{
    top: 40%;
    right: 15%;
    left: 15%;
  }
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
}
@media screen and (max-width:720px) {
  .search-box,
  #practice{
    text-align: center;
  }
  #practice a.practice-btn{
    float: none;
  }
  #practice span.head{
    display: block;
    margin-bottom: 15px;
  }
  #our-services {
    padding: 6% 0;
  }
  .page-template-custom-front-page #header {
    position: static;
    background: #a45a37;
    padding: 10px 0;
  }
  .cart_no{
    float: none;
  }
  .request{
    text-align: center;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1400px){
  #slider .carousel-inner:after{
    top: -6px;
  }
  #footer:before{
    top: 9px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
  .request a{
    padding: 12px 5px;
    font-size: 14px;
  }
  .related.products ul.products li.product{
    width: 28.5%;
  }
}