/*
Theme Name: Instore Opticians
Theme URI: https://www.visibletec.com/
Author: Visible Tec
Author URI: https://www.visibletec.com/
Description: Instore Opticians is a powerful, bold, eye-catching, versatile and smooth lawyer WordPress theme for opticians and any similar business concerned with this field. It loads with great speed and assures a good SEO rank for your website. It supports various post formats so you can include posts with images, videos, audios and other types.
Version: 10.2
License: GNU General Public License
License URI: license.txt
Text Domain: multipurpose-lawyer
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, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce

Multipurpose Lawyer WordPress Theme has been created by Themesglance(themesglance.com), 2018.
Multipurpose Lawyer 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;
  font-family: 'Alegreya', serif;
}
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;
}
h3 {
	padding: 0px !important;
}
p, ul{
	margin:0 0 16px;
	padding:0;
	font-size:16px;
	color: #fff;
	line-height:normal;
	font-weight:normal;
  font-family: 'Roboto', sans-serif;
}
a{
	text-decoration:none;
	color: #60d158;
}
a:hover{
	text-decoration:none;
	color: #000;
}
a:focus,
a:hover{
	text-decoration:none !important;
}
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;
}
.sticky{
	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;
}
.toggleMenu{
 	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: #60d158;
  font-weight: bold;
  color: #fff;
  margin: 0 10px;
}
input[type="submit"]:hover{
	background:#222;
}
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;
  margin-bottom: 1em;
  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: #2f3235;
  -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:#60d158;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 10px 30px;
	font-weight:bold;
}	
a.button:hover{
  background:#2f3235;
}
/* ---------HEADER--------- */
#header .top-bar{
  background: #085741;
}
.welcome p, .top-bar p {
  color: #dedede;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 500;
  margin: 0;
}
.top-bar p i{
  color: #fec228;
  padding-right: 5px;
}
.welcome p{
  padding: 10px 0;
}
.top-bar p{
  padding: 12px 0;
}
.request {
  padding: 10px 0;
}
.request a {
  color: #2f3235;
  background: #fec228;
  padding: 12px 10px;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Alegreya', serif;
}
#header .social_widget {
  text-align: right;
  padding: 8px 0;
}
#header .social_widget i {
  font-size: 10px;
  background: #fff;
  color: #2f3235;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  line-height: 2;
  text-align: center;
}
#header .social_widget i:hover{
  background: #60d158;
}
#header .social_widget a{
  margin-right: 5px;
}
#header .logo h1 {
  padding: 0;
}
#header .logo h1 a {
  font-size: 30px;
  font-weight: bold;
}
.search-box i {
  padding: 10px;
  background: #085741;
  color: #fec228;
  border-radius: 4px;
}
.search-box {
  padding: 20px 15px;
  text-align: right;
}
.top-header {
  border-bottom: 1px solid #2f3235;
}
#header .nav{
	margin:0;
	padding:0;
	text-align:left;
}
#header .nav ul {
	font-size:14px;
	text-transform: uppercase;
}
#header .nav ul li{
	display:inline-block;	
	margin:0;
	position:relative;
}
#header .nav ul li a:hover{
  color: #60d158;
}
#header .nav ul li.current_page_item  a{
  color: #00946b;
}
#header .nav ul li a{
	color: #2f3235;
  padding: 28px 14px;
  display: block;
  letter-spacing: 0px;
  font-weight: 600;
  font-size: 15px;
}
#header .nav ul li:hover > ul li:hover{
	background: #60d158;
}
#header .nav ul li:hover > ul li:hover > a:hover{
  color: #2f3235;
  background: #60d158;
}
/*-----------------Search pop up----------------*/
.serach_inner input.search-field {
  width: 100%;
  padding: 10px;
  background: transparent;
}
.serach_inner label {
  width: 80%;
}
.serach_outer {
 position: fixed;
 width: 100%;
 height: 100%;
 background: #000;
 overflow: hidden;
 transition: 0.5s;
 z-index: 999;
 top: 0;
 left: 0;
 background-color: rgb(0,0,0);
 background-color: rgba(0,0,0, 0.8);
 display: none;
}
.serach_inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.closepop {
 position: absolute;
 top: 20%;
 transform: translateY(-50%);
 width: 100%;
 right: 0;
 text-align: right;
 margin-right: 28px;
}
.serach_outer i {
 font-size: 24px;
 padding: 4px 0 0 0;
 color: #bbb;
 cursor: pointer;
}
.serach_inner form.search-form {
  display: table;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach_inner form.search-form {
 display: table;
 border: 1px solid #bababf;
 padding: 14px 20px;
 border-radius: 0;
 background: #ffffff;
 margin: 0 auto;
 max-width: 700px;
 width: 100%;
 border-radius: 30px;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
 border: none;
 padding: 4px 0;
 width: 95%;
}

/*-----------Slider--------*/
#slider{ 
  max-width:100%;
  margin:auto; 
  padding:0;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
}
#slider .carousel-caption.d-none.d-md-block {
  width: 50%;
  padding: 30px;
}
#slider .inner_carousel h2 {
  font-weight: 700;
  color: #fff;
  font-size: 40px;
  letter-spacing: 0;
  text-transform: uppercase;
}
#slider .inner_carousel p{
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
  color: #fff;
}
#slider .inner_carousel {
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 20%;
  right: 5%;
  text-align: right;
}
#slider .carousel-caption{
  padding-bottom:0px !important;
}
#slider .carousel-caption {
  background: rgba(84, 89, 95, 0.8);
  top: 0;
  bottom: 0;
  text-align: left;
  right: 0;
  left: 0;
  height: 100%;
}
.read-more a i {
  font-size: 10px;
  padding: 10px;
  font-weight: 700;
}
.read-more a:hover {
  color: #fff;
  background: #2f3235;
}
.read-more a{
  font-size: 14px;
  letter-spacing: 2px;
  padding: 15px;
  font-weight: 700;
  text-decoration: none;
  background: #60d158;
  color: #2f3235;
  border-radius: 4px;
}
.read-more {
  margin-top: 40px;
}
.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;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
  font-size: 25px;
  color: #60d158;
}
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon{
background: transparent;
}

/*------ Practice Section ----*/
#practice {
  background: #60d158;
}
#practice a.practice-btn {
  float: right;
  padding: 10px;
  border: 2px solid #2f3235;
  color: #2f3235;
  border-radius: 5px;
  font-weight: 600;
}
#practice a.practice-btn:hover {
  background: #2f3235;
  color: #fff;
}
#practice span.head {
  font-size: 20px;
  color: #2f3235;
  font-weight: 600;
}
#practice .practice-text {
  margin: 3% 0;
  border-right: 1px solid #a8aeb5;
  padding: 15px;
}
#practice .call {
  margin: 10% 0;
}
#practice p.heading {
  font-size: 17px;
  font-weight: 500;
}
#practice p{
  color: #2f3235;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  font-family: "Alegreya";
}

/* ---------blog--------- */
.blog-sec .post-info{
  padding: 15px;
  position: relative;
  width: 70px;
  color: #fff;
  background: #60d158;
  margin-top: -6.7em;
}
hr.metahr {
 border-top: solid 1px;
}
.month {
 margin-top: 5px;
}
.blog-sec h3 {
  margin-bottom: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 600;
  color: #242424;
  letter-spacing: .40px;
  text-align: left;
}
.blog-sec h3 a {
  color: #60d158;
}
.box-image img {
  width: 100%;
}
.blog-sec {
  margin-bottom: 4%;
  border: 1px solid #e4e4e4;
  padding: 12px;
}
.blog-sec p {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 1px;
}
h1.page-title,
h1.search-title {
  background: #60d158;
  margin-bottom: 3%;
  color: #fff;
  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%;
}
.search-box input[type="search"]::placeholder{
  color: #fff;
}
.search-box input.search-field {
  border: none;
  padding: 4px 0;
}

/* About Section */
#about {
  padding: 3% 0;
}
#about h2 {
  text-transform: uppercase;
  color: #2f3235;
  font-size: 30px;
  font-weight: 600;
}
#about p{
  color: #335d65;
  font-size: 14px;
  margin: 0;
  line-height: 2;
  letter-spacing: 0;
}

/* Homepage */
.home-content {
  padding: 3% 0;
}
.blogbtn a {
  color: #fff;
  background: #60d158;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.3px;
  padding: 10px 20px;
}
.blogbtn a:hover{
  background: #2f3235;
}
.blogbtn {
  margin-top: 4%;
}
.mainimage img {
  width: 100%;    
}
.mainimage{
overflow: hidden;
}
.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%;	
}

/* Footer Section */
#footer .social_widget i {
  padding: 4px;
  font-size: 14px;
  background: #fff;
  margin: 4px;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  line-height: 1.8;
  text-align: center;
}
#footer .social_widget i:hover {
  background: #60d158;
  color: #2f3235;
}
.footerinner {
  width: 100%;
}
.footerinner .widget {
  padding: 5% 0;
}
#footer{
	background: #2f3235;
	color:#fff;
	padding:0;
	text-align:left;
  clear:both;
}
#footer h3 {
  text-align: left;
  font-size: 26px;
  color: #60d158;
  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: #e0e0e0;
  font-family: 'Alegreya', serif;
}
#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:35%;
	padding:11px 2%;
	float:right;
	border:none;
	background:#60d158;
	margin:0;
}
#footer .search-field {
  width: 59%;
  padding: 10px 5px;
}
#footer label {
  display: inline;
}
#footer form.search-form{
	text-align: left;
}
.copyright a {
  color: #2f3235;
}
.inner {
  padding: 16px;
  background: #085741;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  letter-spacing: 1px;
  font-size: 10px;
}
.footerinner ul li a {
  color: #fff;
  font-size: 13px;
}
.footerinner ul li a:hover{
  color: #60d158;
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
.textwidget {
  padding: 15px;
}
.footerinner .tagcloud a{
 	border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
.footerinner .tagcloud a:hover{
  background: #60d158;
}

/* Woocommerce */
.woocommerce-message::before{
  color: #60d158;
}
.woocommerce-message{
  border-color: #60d158;
}
.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: #60d158;
  padding: 0;
}
#featured-product .products li {
  padding: 10px !important;
  width: 23% !important;
  text-align: center;
  margin: 0px 2% 2.992em 0 !important;
}
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: #60d158;
  color: #fff;
  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: #2f3235;
  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: #60d158;
  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;
}
span.woocommerce-input-wrapper {
  width: 100%;
}

/* --------- Bradcrumbs --------- */
.bradcrumbs a {
  background: #2f3235;
  color: #fff;
  padding: 5px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 13px;
}
.bradcrumbs a:hover{
	background:#999999;
}
.bradcrumbs span{
	background:#60d158;
	color:#000;
	padding:5px 15px;
}

/* Comments BOX */
#comments{
	margin-top:40px;
}
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding:40px 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: #60d158;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:20px;
	border:none;
}
#comments input[type="submit"].submit:hover,
#comments a.comment-reply-link:hover{
  background: #2f3235;
  color: #fff;
}
#comments a.comment-reply-link{
	color:#000;
	background:#60d158;
	padding:5px 15px;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#wrapper #comments ol.children li{
	list-style: none;
}
#wrapper #comments ol li{
	background:none;
	margin: 0 0 20px;
	padding: 20px;
	background:#eee;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
	text-align: right;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
#comments .comment-metadata{
	width:90%;
	float:left;
}
#comments .comment-content{
	width:90%;
	float:left;
	margin-left:7%;
}
#comments p {
	width:90%;
	float:none;
}

/* Sidebar */
#sidebar aside, #sidebar .social_widget {
  border: 1px solid #eeeeee;
}
#sidebar .widget,
#sidebar .social_widget {
  padding: 10px;
}

.social_widget {
  padding: 15px 10px;
  text-align: center;
}
#sidebar .social_widget i {
  padding: 4px;
  color: #fff;
  margin: 4px;
  background: #60d158;
  border-radius: 4px;
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 1.8;
  text-align: center;
}
#sidebar .social_widget i:hover {
  background: #2f3235;
  color: #60d158;
}
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar a.rsswidget{
  color: #2f3235;
}
#sidebar h3 {
  margin: 0 0 5px;
  text-align: left;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  color: #2f3235;
  border-bottom: 1px solid;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	border:none;
	font-size:15px;
	color:#000;
	font-weight: normal;
	width:100%;
  background: #fff;
}
#sidebar label{
	width:70%;
	float:left;
	margin-bottom: 0px; 
}
#sidebar input[type="submit"]{
  background: #60d158;
  border: none;
  color: #fff;
  padding: 11px 0;
  width: 30%;
  font-size: 12px;
  font-weight: normal;
  float: left;
  margin: 0;
  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: 13px;
  color: #242424;    
  font-weight: bold;
}
#sidebar ul li a:hover{
	color:#60d158;
}
#sidebar .tagcloud a{
	background:#eeeeee;
	color:#000;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
}
#sidebar .tagcloud a:hover{
	background:#60d158;
	color: #fff;
}

/* Page */
.entry-video iframe {
  width: 100%;
}
.notfound {
  padding: 3% 0;
  text-align: center;
}
.title-box h1{  
  font-weight:bold;
  text-transform:uppercase;
}
.single .title-box{
	background-size:100% auto;
}
#wrapper {
  padding: 15px;
}
#wrapper .post-info i, .post-info span {
  padding-right: 10px;
}
#wrapper .post-info i {
  color: #60d158;
  font-size: 14px;
}
#wrapper h1 {
  padding: 5px 0;
  font-weight: bold;
  margin: 10px 0;
  color: #2f3235;
}
#wrapper p{
	line-height: 25px;
	font-size: 16px;
}
#wrapper hr{
	border:none;
	border-bottom:1px solid #e4e4e4;
	margin:20px 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;
}
.entry-audio audio {
    width: 100%;
}

/* 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;
  text-decoration:none;
  width:auto;
  color:#242424;
  border: 1px solid #2f3235;
  -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{
	color:#fff;
  background: #2f3235;
} 
.pagination .current {
  padding: 10px 15px;
  color: #fff;
  background: #60d158;
  border: 1px solid #2f3235;
}

/* ------------Navigation Links------------*/
.nav-next, .nav-previous {
  float: left;
  width: 50%;
}
span.meta-nav {
  clear: both;
  font-size: 18px;
  color: #000;
}
span.post-title {
  font-size: 20px;
  margin: 4%;
  font-weight: 400;
  line-height: 26px;
}

/* Media Css*/
@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;
	}
  hr.hr-border {
    width: 35%;
    margin: 0 32%;
  }
  form.woocommerce-product-search button[type="submit"]{
    padding: 10px 42px;
  }
  span.cart_no a img {
    padding: 35px 47%;
  }
  span.cart-value{
    right: 45%;
  }
  button.product-btn{
    border-top: 1px solid #878787;
    border-left: none;
  }
  .logo{
    text-align: center;
  }
  form.woocommerce-product-search button[type="submit"]{
    left: 16px;
  }
  #header .nav ul{
    margin: 0;
  }
  #header .nav ul li:after{
    display: none;
  }
  #header .top-bar,
  #header .social_widget{
    text-align: center;
  }
}
@media screen and (min-width:720px){
	#header .nav ul li ul{
	 	display:none;
		z-index:2;
		font-weight:normal;
		margin: 0px;
	}
	#header .nav ul li:hover > ul{
	 	display:block;
		background: #fff;
		width:200px;
		position:absolute;
		top: 45px;
		left:0;
		text-align:left;
		z-index:99;
  }
	#header .nav ul li:hover > ul li{
		display:block;
	}
	#header .nav ul li:hover > ul li a{
		padding: 10px;
		color:#fff;
    background: #2f3235;
	}
	#header .nav ul li:hover ul li ul{
	 	display:none;
	}
	#header .nav ul li:hover ul li:hover > ul{
	 	display:block;
		position:absolute;
		left: 200px;
		top:5px;
	}
	#header .nav ul.sub-menu{
		margin-top:5px;
	}
	#header .nav ul li a{
		color: #2f3235;
    display: block;
	}
}
@media screen and (min-width: 720px) and (max-width:768px){
  #header .top-bar,
  #header .social_widget{
    text-align: center;
  }
  #practice .practice-text{
    margin: 0;
  }
  #practice span.head{
    margin-bottom: 15px;
    display: block;
  }
  #practice a.practice-btn{
    float: none;
  }
  #slider .inner_carousel h2 {
    font-size: 35px;
  }
  #sidebar input[type="submit"] {
    padding: 14px 0;
    font-size: 9px;
  }
  #footer input[type="submit"] {
    padding: 15px 2%;
    font-size: 11px;
  }
  .product-cat{
    width: 150px;
  }
  span.cart-value{
    right: 7px;
  }
  .header input[type="submit"] {
    padding: 23px;
  }
}
@media screen and (max-width:720px) {
	.toggle{
 		display:block;
	}
	.toggle a {
    width: 100%;
    color: #fff;
    background: url(images/mobile_nav_right.png) no-repeat right center #60d158;
    padding: 10px 10px;
    font-size: 16px;
  }
	.nav{
	 	display:none;
	}
	#header .nav{
    top: -5em;
		float:none;
		margin:0;
		position:absolute;
		z-index:999;
		overflow-x:hidden;
		width: 100%;
		left: 0;
	}
  .search-box,
  #practice{
    text-align: center;
  }
  #practice a.practice-btn{
    float: none;
  }
  #practice span.head{
    display: block;
    margin-bottom: 15px;
  }
  #header .nav ul li a{
    padding: 15px;
  }
	#header .nav ul{
		margin-top:0;
		background-color: #2f3235;
	}
	#header .nav ul li{
		border-top:1px #303030 solid;
		display:block;
		float:none;
		text-align:left;
	}
	.nav ul li a{
		padding:5px 10px;
		display:block;
		color:#ffffff !important;
	}
	.nav ul li a:hover{
		color:#ff8a00;
	}
	.nav ul li ul,
	 .nav ul li ul ul{
		display:block !important;
	}
	.nav ul li ul li a:before{
		content:"\00BB \00a0";
	}
	.nav ul li ul li a{
		padding-left:20px !important;
	}
	.nav ul li ul li ul li a{
		padding-left:30px !important;
	}
  #about {
    padding: 6% 0;
  }
}