/*
Theme Name: VW Education Lite
Theme URI: https://www.vwthemes.com/themes/wp-education-wordpress-theme/
Author: VWthemes
Author URI: https://www.vwthemes.com
Description: VW Education Lite Theme is a responsive multi-purpose education academic WordPress theme which is ideal for educational and academic institutions websites. It is best suited for college, school, university, LMS, Training Center, Academy, Primary School, High school and Kindergarten, and other educational websites including tuition classes, coaching classes, personal, blogging and any small business.This theme is user-friendly and best suits the latest version of WordPress. With the help of this theme, you can produce an informative, appealing and at the same time engaging corporate and various other types of websites. VW Education Lite Theme is cross browser compatible performing well with any browser. Also, for non-coders it is very easy to use because of it’s secure and clean code. This translation ready theme has an ultimate design with best options that makes it beautiful and unique from others. Having optimized codes, this SEO friendly theme helps your website to rank high on Google and other search engines.This theme is useful for multiple educational websites and blogs. It nicely showcases the different sections such as testimonial section, social media integration and also has banner with Call to Action Button(CTA). Moreover, it’s various personalization options and features helps you in easy customization. Reap the benefits of this versatile and flexible multipurpose theme as it is rigorously tested for you to develop flawless professional websites. Check demo at: https://www.vwthemes.net/vw-education-theme/
Tested up to: 5.5.1
Requires PHP: 7.2.14
Version: 1.4.4
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: vw-education-lite
Tags: right-sidebar, left-sidebar, grid-layout, one-column, two-columns, three-columns, four-columns, wide-blocks, block-styles, custom-background, custom-header, custom-menu, custom-colors, custom-logo, footer-widgets, editor-style, featured-images, post-formats, flexible-header, featured-image-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, rtl-language-support, education, blog, e-commerce

VW Education Lite WordPress Theme has been created by VWthemes(vwthemes.com), 2016.
VW Education Lite 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:15px;
  color:#444444;
  font-family: 'Work Sans', sans-serif;
  overflow-x: hidden;
}
html {
    overflow-x: hidden;
}
img{ 
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}  
section img{
  max-width:100%;
}  
h1,h2,h3,h4,h5,h6{
  color: #000;
  margin:0;
  padding:10px 0;
  font-family: Alegreya;
}
p{ 
  margin:0 0 15px;
  padding:0;
  font-size:15px;
  line-height:normal;
  font-weight:normal;
}  
a{ 
  text-decoration:none;
  color:#007bff;
}  
a:hover{ 
  text-decoration:none;
  color:#666;
}  
a:focus,
a:hover{
  text-decoration:none !important;
  color:#a2ce6e;
}
a:focus,
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="phno"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus,
input[type="tel"]:focus, 
textarea:focus,
input[type="submit"]:focus,
#comments:focus,
select:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
  text-decoration:none !important;
} 
.toggle-nav button:focus, .logo a:focus, .box-content h4 a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
  text-decoration:none !important;
}
ul{ 
  margin:0 0 0 15px;
  padding:0;
}
.clear{ 
  clear:both;
}
select{
  width:100%;
}
input[type='submit']:hover{
  cursor: pointer;
} 
input[type="text"], input[type="email"], input[type="phno"], input[type="password"], input[type="search"], textarea {
  border: 1px solid #c8c8c8;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 10px 0;
  height: auto;
} 
.middle-align{ 
  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;
} 

/*---------- WIDE BLOCKS ------------*/

.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 

/* 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{ 
  margin:0;
  padding:0;
}
.sticky .services-box {
  background: #f7f7f7;
}
.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;
}  
.posted-on,
.byline{
  padding:0 1%;
}
#respond{
  clear:both;
}  
.toggleMenu{
  display:none;
}  
.bypostauthor{ 
  margin:0;
  padding:0;
} 
.post-info {
  font-size: 14px;
  margin-bottom: 15px;
  font-size: 12px;
  letter-spacing: 1px;
  background: #f1f1f1;
  padding: 10px;
}
.post-info i {
  margin-right: 5px;
}
.post-info span {
  margin-right: 8px;
}
.post-info hr {
  width: 10%;
  border-top: solid 2px #d7d7d7;
  margin-bottom: 0;
} 
small{
  font-size:14px !important;
} 
input[type="text"],input[type="email"],input[type="phno"], textarea{
  border:1px solid #bcbcbc;
  font-size:16px;
  height:auto;
}
textarea{
  height:111px;
}
input[type="submit"] {
  border:2px solid #99ce34;
  text-align:center;
  text-transform:uppercase;
  font-size:15px;
  padding:10px 30px;
  background:#99ce34;
  font-weight:600;
  color:#fff;
  margin:23px auto 0;
}  

/* ---------Buttons--------- */
a.button{
  background:#99ce34;
  color: #000;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight:bold;
}
/* Courses*/
.box-content h4 {
  width: 100%;
  color: #fff;
  background: rgba(0,0,0,0.8);
  border-top: solid 8px #99ce34;
  padding: 8% 0;
  margin-bottom: 0;
  margin-top: -25%;
  /*z-index: 999;*/
  position: relative;
  text-align: center;
  letter-spacing: 1px;
  font-size: 18px;
}
.box-content h4 a{
  color: #fff;
}
#our-courses h2 {
  margin-top: 2%;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 30px;
  text-transform: uppercase;
}
.box-content h4:hover {
  background: #000;
}
#our-courses .course-content{
  margin:5px 0;
}
.box-content a h4:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
/* Homepage */
#blog_education_grid,
#blog_education_ind_grid {
  margin-top: 5%;
}
#blog_education {
  margin-top: 2%;
}
h1.page-title ,
h1.entry-title{
  margin: 0;
  padding-top: 0;
  padding-bottom: 3%;
}
/* Headings */
section h2{
  margin:0 0 15px;
  padding:0;
}  
section h3{
  font-weight:bold;
  text-align:center;
  margin:30px 0 0 0;
  text-transform:uppercase;
}  
section h4{
  font-weight:bold;
  font-size:20px;
}  
section h5{
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0;
  padding:0;
}
iframe,
.entry-audio audio{
  width: 100%;
}
.entry-audio {
  width: 100%;
  margin-top: 20px;
}
.entry-video {
    width: 100%;
    margin-top: 20px;
}
/*---------Sticky Header---------*/
.header-fixed {
  position: fixed;
  top:0; left:0;
  width: 100%;
  background: #99ce34;
  z-index: 999999;
  border-bottom: 2px solid #222;
}
/*.page-template-custom-homepage .header .header-fixed .menu-bar-left, .page-template-custom-homepage .header .header-fixed .nav {
  background-color: #99ce34;
}
.page-template-custom-homepage .header .header-fixed .logo {
  margin-top: 10px; 
}
.page-template-custom-homepage .header .header-fixed .nav {
  margin: 10px 0 0 0;
}*/
.header-fixed .logo p{
  margin: 0 0 5px;
}
/*----------- PRELOADER ----------*/

#preloader  {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99;
  height: 100%;
}
#status  {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
/* Footer Section */
.scrollup i {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  font-size: 20px;
  display: none;
  color: #fff !important;
  padding: 10px;
  background: #99ce34;
}
.scrollup.left i{
  left: 10px;
}
.scrollup.center i{
  left: 50%;
  right: 50%;
}
/*--------------- Footer Section----------- */
.footer-widgets a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.footer-widgets .widget {
  padding-bottom: 1%;
}
.tagcloud a,
.footer-widgets td#prev a {
  color: #fff;
}
.tagcloud a {
  border: solid 1px #8e8e8e;
  font-size: 14px !important;
  padding: 6px 12px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.tagcloud a:hover {
  background: #99ce34;
  color: #222;
}
.footer-widgets input[type="search"] {
  width: 100%;
}
.footer-widgets input[type="submit"] {
  font-size: 11px;
  padding: 14px 8px;
  font-weight: bold;
  color: #fff;
  margin: 0px 0 0 0;
  width: 100%;
}
.footer-widgets caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
.footer-widgets table,.footer-widgets th,.footer-widgets td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
.footer-widgets td {
  padding: 8px;
  color: #fff;
}
.footer-widgets th {
  text-align: center;
  padding: 8px;
  color: #fff;
}
.footer-widgets select {
  padding: 8px 5px;
}
.footer-widgets h3 {
  color: #99ce34;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
}
.footer-widgets h3:after {
  border-bottom: solid 3px #99ce34;
  width: 15%;
  padding-bottom: 5px;
  content: "";
  display: block;
}
.footer-widgets li a {
  color: #fff;
  font-size: 15px;
}
.footer-widgets li a:hover {
  color: #99ce34;
}
.footer-widgets ul li {
  list-style: none;
  padding: 1px 0;
  color: #fff;
}
.footer-widgets p{
  color: #fff;
}
.footer-widgets ul {
  margin: 0;
}
.footer-widgets{
  padding: 1%;
  background: #222222;
}
.footer-widgets label {
  width: 100%;
}
.footer-widgets .widget_price_filter .ui-slider .ui-slider-range, .footer-widgets .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #99ce34;
}
.footer-widgets .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.footer-widgets .price_slider_wrapper {
    color: #fff;
}
.footer-widgets form.woocommerce-product-search{
  display: table;
  width: 100%;
  margin-top: 20px;
}
.footer-widgets .woocommerce-product-search input[type="search"] {
  width: 100%;
  float: left;
  font-weight: normal;
}
.footer-widgets .woocommerce-product-search button{
  background: #99ce34;
  border: none;
  color: #222;
  padding: 10px 0;
  width: 100%;
  font-size: 15px;
  float: left;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
}
.footer-widgets .woocommerce-product-search button:hover{
  background: #222;
  color: #99ce34;
}
.footer-widgets ul.product_list_widget li, .footer-widgets .widget_rating_filter ul {
  line-height: 25px;
  margin-top: 15px;
}
.footer-widgets ul.product_list_widget li .star-rating {
  margin-top: 10px;
  margin-bottom: 10px;
}
/*------------- About us widgets --------------*/
.footer-widgets .more-button, .sidebar .more-button {
  margin: 10px 0px 10px 0px;
}
.sidebar a.custom_read_more, .footer-widgets a.custom_read_more {
  background: #99ce34;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
  color: #222;
}
.footer-widgets p.custom_author, .sidebar p.custom_author {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0px 0px 0px;
  padding: 0;
}
.footer-widgets p.custom_designation, .sidebar p.custom_designation {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding: 10px;
}
.sidebar a.custom_read_more:hover {
  background: #000;
    color: #99ce34;
}
.footer-widgets a.custom_read_more:hover {
  background: #fff;
  color: #222222;
}
.custom-about-us h3.custom_title {
  text-align: left;
}
.custom-about-us {
  text-align: center;
}
.sidebar .custom-contact-us label, .sidebar .custom-contact-us input[type="submit"]{
  width: 100%;
}
.sidebar .custom-about-us img{
  padding: 10px;
}
/*------------- Contact us widgets --------------*/
.custom_details {
  font-size: 15px;
  font-weight: bold;
}
.custom-social-icons input[type="text"], .custom-social-icons input[type="email"], .custom-social-icons textarea {
  margin: 0;
  background: transparent;
}
form.wpcf7-form {
  margin-top: 20px;
}
.sidebar .custom-contact-us form {
  text-align: left;
}
.footer-block .custom-about-us .container, .footer-block .custom-contact-us .container {
  max-width: 100%;
  padding-left: 0;
}
.sidebar .custom-contact-us p {
  padding: 0px 15px !important;
}
.sidebar .custom-contact-us embed {
  padding: 10px;
}
/*------------ Woocommerce ----------*/
.woocommerce-message{
  border-color: #99ce34;
}
.woocommerce-message::before{
  color: #99ce34;
}
.woocommerce span.onsale{
  background: #99ce34;
  padding: 0;
  color: #222;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 500;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
  font-size: 20px; 
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 10px;
}
.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: #99ce34;
  color: #222;
  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: #222;
  color: #99ce34 !important;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.col-1,.col-2 {
  max-width: 100%;
}
.woocommerce .col2-set .col-1 {
   max-width: 100%;
}
.woocommerce .col2-set .col-2 {
   max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #99ce34;
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #222;
  text-decoration: none;
}
span.woocommerce-input-wrapper,
.woocommerce label {
 width: 100%;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper,
.woocommerce label {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  color: #6d6d6d;
}
span.posted_in a{
  color: #222;
}
.woocommerce .woocommerce-breadcrumb {
  margin: 1em 0 1em;
} 
td.product-name a, a.shipping-calculator-button, a.showcoupon, .woocommerce-privacy-policy-text a, .woocommerce-MyAccount-content a{
  color: #222 !important;
}  
.woocommerce a.remove, .woocommerce form .form-row .required{
  color: #d60505 !important;
}
.woocommerce .products .star-rating{
  margin: 5px auto;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
}
.select2-container--default .select2-selection--single , input#billing_phone{
  padding: 10px 0px;
  border-radius: 0px;
  border: 1px solid #bcbcbc
}
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px;
}
h3#order_review_heading{
  margin-top: 10px;
}
.woocommerce .star-rating span, .woocommerce p.stars a{
  color: #ffd400;
}
.woocommerce #comments p {
  float: none;
}
.woocommerce #comments ol li{
  padding: 0 !important
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  margin: 2px 2px 2px 0;
  padding: 12.5px 15px;
  text-decoration: none;
  width: auto;
  color: #222;
  background: #99ce34;
  transition: background .15s ease-in-out;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: #000;
  color: #99ce34;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding: 12.5px 15px;
  background: #222;
  color: #99ce34;
  font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin-bottom: 20px;
}
/* Woocommerce CSS End*/
/* --------- Blog Page ------- */
.single-post h1{
  text-transform: uppercase;
}
.metabox{
  color:#99ce34;
  clear:both;
}
.metabox span{
  margin-right: 10px;
}
.metabox i{
  margin-right: 5px;
}
/*----comments-----*/
.content-vw ol.comment-list,
.content-vw ol.ul { 
  margin:0;
}  
.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}  
.comment-list .comment-content ul li{
  margin:5px;
}
#comments{
  margin-top:20px;
}  
#comments h2.comments-title{
  font-size: 28px;
  font-weight: bold;
  border-top: 2px dotted #7e7e7e;
  padding: 20px 0 0 0;
  margin-bottom: 0;
}
#comments ol {
    list-style: none;
    margin: 10px 0px;
}
#comments ol li {
    width: 100%;
    list-style: none;
    margin: 0 0 20px !important;
    padding: 20px !important;
    background: #fff;
    display: inline-block;
    border: solid 1px #f0f0f0;
}
#comments .comment-author {
    width: 50%;
    float: left;
}
.comment-meta.commentmetadata {
    float: right;
    width: 50%;
    text-align: right;
}
.reply {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
#comments a.comment-reply-link {
    color: #000;
    background: #cecece;
    padding: 5px 15px;
    text-decoration: none;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:#18304c;
  padding:10px 50px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left:0px;
  border: 1px solid #1c3248;
}
#comments input[type="submit"].submit:hover{
  color: #99ce34;
  background: #222;
}
#comments a.comment-reply-link{
  padding:5px 15px;
}  
#comments a.comment-reply-link:hover{
  background:#0f77e9;
  color: #fff;
}  
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
.content-vw #comments ol li{
  width:100%;
  background:none;list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}
.content-vw #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}  
#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}  
#comments p {
  width:90%;
  float:left;
}
p.logged-in-as a{
  color: #0e6ed8;
}
/* Comments BOX */ 
#comments h2.comments-title{
  font-size:25px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding:40px 0 0 0;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:#99ce34;
  padding:10px 20px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:0px;
  margin-left:0;
  border: none;
}
#comments a.comment-reply-link{
  color:#fff;
  background:#99ce34;
  padding:5px 15px;
}  
#comments a.comment-reply-link:hover{
  background: #cecece;
  color:#000;
}  
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
.content-vw #comments ol li{
  width:100%;
  background:none;list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#f8f8f8;
  display:inline-block;
  border: 1px solid #ddd;
}
.content-vw #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}  
#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}  
#comments p {
  width:90%;
  float:left;
}
.page-template-custom-homepage .content-vw{
  padding: 2%;
}
.entry-date a, .entry-author a{
  color: #444444;
}
.entry-content a, .sidebar .textwidget p a, .textwidget p a, #comments p a, .slider .inner_carousel p a{
  color: #99ce34;
  text-decoration: underline;
}
.textwidget p a{
  color: #99ce34;
  text-decoration: underline;
}
.sidebar p a, .sidebar .textwidget p a, .comment-meta.commentmetadata a, #comments p a{
  color: #222 !important;
  text-decoration: underline;
}
.tags a{
  text-decoration: none!important;
  font-weight: 400;
  color: #121212!important;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  font-size: 15px;
}
/*---------Related Posts-----------*/
.related-post {
  clear: both;
}
.related-post h3 {
  padding: 15px 0px 0px !important;
  margin: 0 !important;
}
.related-post .services-box {
    margin-top: 20px;
}
.related-post {
  clear: both;
}
.related-post h3 {
  padding: 15px 0px 15px;
}
.related-post h2.section-title, .related-post .services-box p{
  padding: 0px;
  padding-bottom: 0px;
}
.related-post .services-box p, #our-services .related-post p{
  margin: 5px 0px;
  padding-top: 0;
}
.related-post .services-box{
  margin-bottom: 10%;
}
.related-post .services-box .service-text {
  padding: 0px 10px;
  margin-bottom: 0px; 
}
.related-post .services-box img{
  margin-bottom: 0px; 
}
.nav-previous a{
  padding: 15px 15px;
  color: #fff;
  font-size: 15px;
  line-height: 13px;
  font-weight: bold;
  text-align: left;
  background: #222;
}
.nav-next a{
  padding: 15px 15px;
  color: #fff;
  font-size: 15px;
  line-height: 13px;
  font-weight: bold;
  text-align: right;
  background: #222;
}
.nav-previous a:hover, .nav-next a:hover {
  background: #99ce34;
  color: #222;
  transition-duration: 0.5s;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-prev-icon i, #slider .carousel-control-next-icon i{
  padding: 18px;
  background-color: #99ce34;
  color: #222;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
  background:transparent;
}
#slider .carousel-caption{
  top: 55%;
  transform: translateY(-50%);
  right: 20%;
  left: 20%;
}
#slider .inner_carousel h1 {
  margin: 0;
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#slider .inner_carousel h1 a{
  color: #fff;
}
#slider .inner_carousel p {
  font-weight: normal;
  letter-spacing: 1px;
}
#slider .inner_carousel {
  text-align: center;
  color: #fff;
}
.more-btn a{
  background: #99ce34;
  padding: 15px 20px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 2px;
  color: #222;
}
.more-btn a:hover{
  color: #99ce34;
  border:1px solid;
  background: transparent;
}
.more-btn{
  margin: 25px 0;
}
/* ----------------Sidebar----------------- */

.sidebar caption {
  font-weight: bold;
  color: #222;
  font-size: 20px;
  text-align: center;
}
.sidebar table{
 width: 100%;
}
.sidebar table,.sidebar th,.sidebar td {
  border: 1px solid #99ce34;
  text-align: center;
}
.sidebar td {
  padding: 8px;
  color: #222;
}
.sidebar th {
  text-align: center;
  padding: 10px;
  color: #222;
}
.sidebar select {
  padding: 8px 5px;
}
.sidebar{
  margin-top: 3%;
  margin-bottom: 5%;
}  
.sidebar form{
  display: table;
  width: 100%;
}  
.sidebar h3 {
  margin: 0 0 15px !important;
  text-transform: none;
  font-weight: 600;
  font-size: 25px;
  background: #99ce34;
  padding: 15px !important;
  text-align: left;
  color: #222;
}
.sidebar input[type="search"] {
  background:transparent;
  padding:11px 10px;
  border: 1px solid #ccc;
  font-size:15px;
  color:#000;width:97%;
}  
.sidebar label{
  width:70%;
  float:left;
  margin-bottom: 0;
}  
.sidebar input[type="submit"]{
  background:#99ce34;
  border:none;
  color:#222;
  padding:12px 0;
  width:30%;
  font-size:14px;
  float:left;
  margin:0
}
/*.sidebar input[type="submit"]:hover{
  background: #000;
  color: #99ce34;
}*/
.sidebar aside {
  border-bottom: 2px dotted #000;
  margin-bottom: 30px;
  border: double 4px #99ce34;
  padding: 10px;
}
.sidebar ul{
  list-style:circle;
  margin:10px;
  padding-left:20px;
  font-size:17px;
}  
.sidebar ul li{
  margin:0 0 10px;
}  
.sidebar ul ul{
  margin: -5px;
}
.sidebar a{
  color:#000;
}
.sidebar li a:hover{
  color:#99ce34;
}
.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:#99ce34;
}
.search-field { 
  padding: 6%;
}
.sidebar ul.product_list_widget li{
  line-height: 25px;
  margin-top: 10px;
}
.sidebar .widget_shopping_cart .cart_list li a.remove, .sidebar.widget_shopping_cart .cart_list li a.remove {
  position: absolute;
  top: 5px;
  left: 0;
}
.sidebar .widget_price_filter .ui-slider .ui-slider-range, .sidebar .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #99ce34;
}
.sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
.sidebar ul.cart_list li a, .sidebar ul.product_list_widget li a, .sidebar ul.cart_list li .star-rating, .sidebar ul.product_list_widget li .star-rating {
  margin-bottom: 5px;
}
.sidebar .woocommerce-product-search button{
  font-size: 15px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 30px;
  background: #99ce34;
  font-weight: bold;
  color: #fff;
  border: none;
}
.sidebar .woocommerce-product-search input[type="search"]{
  border: 1px solid #ddd;
}
.sidebar form.woocommerce-product-search{
  border: none;
}
.sidebar .widget_rating_filter ul li, .sidebar ul.product_list_widget li{
  list-style:circle ;
  margin: 0 0 10px;
}
.sidebar ul.product_list_widget, .sidebar .widget_rating_filter ul{
  padding-left: 20px;
}
.woocommerce ul.cart_list{
  padding-left: 0px;
}
.sidebar ul.cart_list li{
  list-style:none ;
}
.sidebar ul.product_list_widget li::before, .sidebar-page ul.product_list_widget li::before {
  content: none;
}
.sidebar .widget_rating_filter ul li::after, .sidebar .widget_rating_filter ul li::before {
  content: none;
}
/* Page */
.content-vw p{
  text-align:justify;
  margin:0 0 10px 0;
  margin-top: 10px;
}
.content-vw hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin:20px 0;
  clear:both;
}
.content-vw h1{
  margin:0;
  padding:0;
  margin:0 0 10px;
  text-transform: none;
  font-size: 35px;
}
.content-vw h3{
  margin:0;
  padding:0;
  margin:0 0 25px;
}
.content-vw h4{
  margin:0;
  padding:0;
  margin:0 0 25px;
}
.content-vw  h5{
  margin:0 0 15px;
  padding:0;
}  
.content-vw ul{
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}  
.content-vw ul li{
  line-height:25px;
}  
.content-vw ul li ol li{
  background:none;
}  
.content-vw ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 25px;
}  
.content-vw ol{
  margin:0 0 0 15px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content-vw ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.read-moresec{
  margin:2% 0;
}  
.page-content{
  margin-bottom: 30px;
}
.page-content, .page-content p {
  text-align: center;
  margin-top: 20px;
}
.page-content p {
  margin: 0;
  line-height: 1.7;
}
.page-content .read-moresec{
  margin: 20px;
}
.page-content .read-moresec a.button{
  background: #99ce34;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.page-content .read-moresec a.button:hover{
  background: #000;
  color:  #99ce34;
}
/* Pagination */
.navigation .pagination {
  clear:both;
  position:relative;
  font-size:14px;
  line-height:13px;
  float:right;
  font-weight:bold;
  width:100%;
  padding-left:16px;
} 
.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:12.5px 15px;
  text-decoration:none;
  width:auto;
  color:#222;
  background:#99ce34;
  -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:#99ce34;
  background: #000;
} 
.pagination .current{
  padding:12.5px 15px;
  background: #99ce34;
  color:#18304c;
  font-weight:normal;
}
.content-vw .pagination ul{
  margin:0;clear:both;
}  
.content-vw .pagination ul li{
  margin:0;
}
.post-navigation{
  clear:both;
}  
.post-navigation { 
  clear: both;
}
.post-navigation .post-title { 
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.25;
}
.post-navigation .current .screen-reader-text { 
  position: absolute !important;
}
.post-navigation .page-numbers { 
  display: inline-block;
}
.single-post .post-navigation a { 
  color: #1a1a1a;
}
.single-post .nav-previous a,
.single-post .nav-next a{
  color: #000;
  background: transparent;
}
.single-post .nav-previous a:hover,
.single-post .nav-next a:hover {
  color: #99ce34;
  background: transparent;
}
.post-navigation span { 
  display: block;
}
.post-navigation .meta-nav { 
  color: #686868;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.076923077em;
  line-height: 1.6153846154;
  text-transform: uppercase;
}
.post-navigation .post-title { 
  font-size: 23px;
  font-size: 1.4375rem;
  font-weight: 700;
   line-height: 1.2173913043;
  text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title { 
  color: #007acc;
}
.post-navigation:before {
  right: 0;
}
.post-navigation:after {
  right: 54px;
}
.post-navigation a:hover,
.post-navigation a:focus {
  color: #1a1a1a;
}
.post-navigation .nav-links {
  position: relative;
}
.post-navigation .nav-links:before,
.post-navigation .nav-links:after {
  color: #fff;
  font-size: 32px;
  line-height: 51px;
  opacity: 0.3;
  position: absolute;
  width: 52px;
  z-index: 1;
}
.post-navigation .nav-links:before {
  content: "\f429";
  right: -1px;
}
.post-navigation .nav-links:after {
  content: "\f430";
  right: 55px;
}
/* reset screen-reader-text */
.post-navigation .current .screen-reader-text {
  position: static !important;
}
.post-navigation .page-numbers {
  display: none;
  letter-spacing: 0.013157895em;
  line-height: 1;
  margin: 0 0.7368421053em 0 -0.7368421053em;
  padding: 0.8157894737em 0.7368421053em 0.3947368421em;
  text-transform: uppercase;
}
.post-navigation .current {
  display: inline-block;
  font-weight: 700;
}
.post-navigation .prev,
.post-navigation .next {
  background-color: #1a1a1a;
  color: #fff;
  display: inline-block;
  height: 52px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 52px;
  z-index: 2;
}
.post-navigation .prev:before,
.post-navigation .next:before {
  font-size: 32px;
  height: 53px;
  line-height: 52px;
  position: relative;
  width: 53px;
}
.post-navigation .prev:hover,
.post-navigation .prev:focus,
.post-navigation .next:hover,
.post-navigation .next:focus {
  background-color: #007acc;
  color: #fff;
}
.post-navigation .prev:focus,
.post-navigation .next:focus {
  outline: 0;
}
.post-navigation .prev {
  right: 54px;
}
.post-navigation .prev:before {
  content: "\f430";
  left: -1px;
  top: -1px;
}
.post-navigation .next {
  right: 0;
}
.post-navigation .next:before {
  content: "\f429";
  right: -1px;
  top: -1px;
}
.nav-next {
  float: right;
  width: 50%;
  text-align: right;
  margin-bottom: 10px;
}
.nav-previous {
  width: 50%;
  float: left;
  text-align: left;
  margin-bottom: 10px;
}
.post-navigation .nav-links {
  position: relative;
}
.nav-next span.meta-nav:after{
  content: "\f30b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 18px;
  margin-left: 10px;
}
.nav-previous span.meta-nav:before{
  content: "\f30a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 18px;
  margin-right: 10px;
}
.post-navigation span.meta-nav {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  padding: 15px;
}
.post-navigation span.meta-nav:hover {
  color: #99ce34;
}
.post-navigation .post-title {
  display: none;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title { 
  color: #006ccc;
}
.post-navigation:before {
  right: 0;
}
.post-navigation:after {
  right: 54px;
}
/*--- top bar---*/
.custom-social-icons{
  text-align: right;
}
.custom-social-icons i {
  color: #fff;
  font-size: 12px;
}
.sidebar .custom-social-icons i, .footer-widgets .custom-social-icons i {
  margin-bottom: 20px
}
.custom-social-icons a.custom_youtube {
  padding: 8px;
  background: #bb0000;
}
.custom-social-icons a.custom_facebook  {
  padding: 8px 10px;
  background: #3B5998;
}
.custom-social-icons a.custom_twitter {
  padding: 8px;
  background: #55ACEE;
}
.custom-social-icons a.custom_google {
  padding: 8px;
  background: #dd4b39;
}
.custom-social-icons a.custom_instagram {
  padding: 8px;
  background: #125688;
}
.custom-social-icons a.custom_tumblr {
  padding: 8px;
  background: #2c4762;
}
.custom-social-icons a.custom_pinterest {
  padding: 8px;
  background: #cb2027;
}
.custom-social-icons a.custom_linkedin {
  padding: 8px;
  background: #007bb5;
}
.custom-social-icons a.custom_rss {
  padding: 8px;
  background: #ff6600;
}
.sidebar .social_widget{
  margin-bottom: 30px;
  border: double 4px #99ce34;
  padding: 15px;
}
.sidebar .custom-social-icons{
  text-align: center;
}
.footer-widgets .custom-social-icons {
  text-align: center;
}
.footer-widgets .custom-social-icons i{
  margin:15px 10px;
}
.footer-widgets h3.custom_title, .footer-widgets .custom-social-icons {
  text-align: left;
}
.top-bar{
  color: #fff;
  background-color: #222222;
  padding:10px;
  border-bottom: 3px solid #D76B44
}  
.top-bar .phone i{
  margin-right: 5px;
}
.top-bar a{
  color: #fff;
}
.top-bar a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
} 
/*---- Header---*/
.page-template-custom-homepage .header {
  position: absolute;
  width: 100%;
  z-index: 999;
  padding: 0px;
  background: transparent;
}
.header {
  position: static;
  background: #99ce34;
}
.page-template-custom-homepage .menu-bar-left {
  background-repeat: no-repeat;
  padding: 1.4% 0;
  margin: 25px 0 0 0;
  background-color: rgba(150, 220, 57,0.5);
}
.logo {
  display: block;
}
.logo h1{ 
  font-weight:700;
  text-transform:uppercase;
  padding:0;
  margin-bottom:8px;
  font-size:20px;
  font-weight:bold;
  margin-top: 0;
  text-align: center;
  color: #fff;
}  
.page-template-custom-homepage .logo h1 a{
  color: #fff;
}
.logo h1 a{
  color: #222;
}
.page-template-custom-homepage .logo p.site-title a{
  color: #fff;
}
.logo p.site-title a{
  color: #222;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  text-align: center;
  font-family: Alegreya;
}
.logo h1 a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.page-template-custom-homepage .logo p{ 
  font-size:12px;
  color:#fff;
}
.logo p{ 
  font-size:12px;
  color:#000;
  margin: 0 0 5px;
}
.page-template-custom-homepage .logo {
  margin-top: 25px;
}
.logo {
  margin-top: 0px ;
}
.page-template-custom-homepage .logo_box {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 11px;
}
.logo_box{
  position: static;
}
.page-template-custom-homepage .header .nav {
  background-color: rgba(150, 220, 57, 0.48);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 27px 0 0 0;
}
/* ---------HEADER--------- */
.page-template-custom-homepage .header-image{
  display:none;
}
.header-image img{
  width:100%;
  display: none;
}
.nav input[type="search"]{
  margin:10px 0;
  padding:5px;
}
/* --------- MENUS CSS --------- */
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.main-navigation ul{
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.main-navigation li{
  display: inline-block;
  position: relative;
}
.page-template-custom-homepage .main-navigation a{
  color: #fff;
}
.main-navigation a{
  color:#222;
  padding:8px 10px;
  display:block;
  font-weight: 600;
}
.main-navigation a:hover{
  color: rgb(34, 34, 34);
}
.main-navigation a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  background: #fff;
  min-width: 200px;
  z-index: 9999;
  top: 80%;
  border-top: 4px solid #99ce34;
  border-bottom: 4px solid #99ce34;
  line-height: 30px;
  border-radius: 5px;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0%;
}
.page-template-custom-homepage .main-navigation ul ul a{
  color: #222;
}
.main-navigation ul ul a{
  color: #000 ;
  border: none;
  padding: 5px 10px ;
  border-bottom: 1px solid #eaeaea;
  margin-top: 5px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
}
.main-navigation ul.sub-menu a:hover{
  color: #99ce34 ;
  padding-left: 50px !important;
}
.main-navigation ul.sub-menu>li>a:before {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  margin-top: 15px;
  left: 0;
  opacity: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  background: #222;
}
.main-navigation ul.sub-menu>li>a:hover:before {
  opacity: 1;
  left: 15px;
  width: 20px;
}
.main-navigation ul ul a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #006ccc;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
/*.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a{
  color: #0f77e9;
}*/
.main-menu {
  padding: 1em;
}
/*--------------- SUPERFISH MENU ---------------------------*/

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
/*----------copyright css-----------*/
.copyright-wrapper {
  padding:15px 0;
  background-color:#99ce34;
}
.copyright p,
.copyright a{ 
  color:#222;
  margin: 0;
  font-size: 15px;
}
.footer-menu ul ul{ 
  display:none;
}
.copyright {
  text-align:center;
}

/*--------- Homepage --------- */
.services-box { 
  border-top: 10px solid #99ce34;
  margin:0 0 20px 0;
}
.service-image,
.services-box iframe{
  width:100%;
}
.service-image {
    padding-top: 15px;
}
.services-box .service-text{
  text-align:left;
  width:100%;
  padding: 10px;
}
.services-box img {
  width:100%;
  margin:0;
}
.services-box h2 { 
  font-weight:700;
  font-size:30px;
  color:#000;
  text-transform: capitalize;
}
.services-box h2 a{
  color:#222;
}
.services-box p { 
  line-height:20px;
  color:#444444;
}
.read-btn a{
  background: #99ce34;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
  color: #222;
}
.read-btn a:hover{
  background: #000;
  color: #99ce34;
}
.read-btn {
  margin: 25px 0;
}

/*video*/
iframe{
  width: 100%;
}
/* --------- Media --------- */
@media screen and (max-width:575px) {
  .middle-align {
    margin: 0 auto;
    padding: 20px;
  }
}
@media screen and (max-width:720px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{
    width: 100% !important;
    margin: 0 0 6% 0;
  }
  .header .logo {
    text-align: center;
  }
  ol.children {
    margin: 0 !important;
  }
  ol.children img {
    width: 30px;
    border: solid 1px;
  }
  .content-vw #comments ol li {
    padding: 10% 0 0 2% !important;
  }
  .comment-author img {
    border: solid 1px;
  }
  #comments .reply {
    float: left !important;
  }
  #comments input[type="submit"].submit {
    width: 100% !important;
  }
  div.sidebar {
    clear: both;
  }
  .page-template-custom-homepage .logo {
    margin-top: 10px;
  }
  .logo {
    margin-top: 10px;
  }
}
@media screen and (min-width:720px){
  .logo{
    float:left;
    margin-top:10px;
  }  
  .search-box input[type=text] {
    margin-top: 5%;
    margin-bottom: 5%;
    border: 1px solid #ccc;
    border-radius: 13px;
    font-size: 13px;
    background-color: white;
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    background-size: 15px 17px;
  }
}
@media screen and (max-width: 1000px){
  .menubar .nav ul li a:focus,
  a.closebtn.mobile-menu:focus, .main-navigation a:focus{
    outline: 1px dotted #000;
    border-bottom: 1px solid #000;
  }
  .page-template-custom-homepage .header .nav {
    background-color: #fff;
    margin: 0;
  }
  .toggle-nav {
    display: none;
    position: relative;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    top: 10px;
  }
  .toggle-nav i {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background: #222222;
  }
  .toggle-nav button {
    background: transparent;
    border: none;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: -110%;
    overflow-x: hidden; 
    overflow-y: scroll;
    background: #fff ;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    cursor: zoom-in;
  }
  .sidenav.show {
    visibility: visible;
    top:0%;
  }
  .sidenav .closebtn {
    position: absolute;
    right: 25px;
    font-size: 36px;
    display: block !important;
    color: #000;
    padding: 0;
    top: 0;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  .toggle-nav{
    display: block;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .main-navigation ul{
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center; 
    margin-top: 0px;
    float: none;
  }
  .main-navigation ul ul li{
    display: block;
  }
  .menubar .nav ul li{
    border-top:1px #f1f1f1 solid; 
    display:block;
  }
  .page-template-custom-homepage .main-navigation a {
     color: #000; 
  }
  .main-navigation ul li a{
    padding: 8px;
    text-decoration: none;
    font-size: 15px;
    color: #000;
    display: block; 
    transition: 0.3s;
    float: none;
    margin: 5px 0;
    border-right: none;
    border-top: 1px solid #f1f1f1;
  }
  .main-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .main-navigation ul.sub-menu a:hover{
    padding-left:20px !important;
    background: #fff !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    background: transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    box-shadow: none;
  }
  .main-navigation ul ul a{
    border-bottom: none;
    text-align: center;
    padding-left: 40px;
  }
  .main-navigation ul ul ul.sub-menu a{
    padding-left: 40px;
  }
  .main-navigation li{
    padding: 0;
    display: block;
    text-align: center;
  } 
  .main-navigation ul li:last-child{
    border-bottom: 1px #f1f1f1 solid;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #mySidenav {
    text-align: left;
    display: inline;
  }
  .main-menu {
    padding: 0em;
    padding-top: 50px;
  }
  .main-navigation ul.sub-menu>li>a:before {
    content: unset;
  }
  .main-navigation ul.sub-menu>li>a:hover:before {
    opacity: 0;
    left: 0px;
    width: 0px;
  }
  .sf-arrows .sf-with-ul:hover:after,
  .main-navigation ul li li:hover .sf-with-ul:after{
    content: '\f107';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    color: #000;
  }
  .sf-arrows .sf-with-ul:after{
    content: '\f106';
    position: absolute;
    height: 0;
    width: 0;
    border-top-color: #e1e1e1;
    color: #000;
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    margin-top: 0px;
    font-size: 12px;
    padding: 0px 10px;
  }
  .page-template-custom-homepage .menu-bar-left {
    background-color: transparent;
  }
}
@media screen and (min-width: 721px) and (max-width: 768px){
 
  .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product{
    width: 45% !important;
    float: left !important;
    margin-right: 10px;
  }
}
@media screen and (max-width:767px){
  #slider .carousel-control-prev-icon i, #slider .carousel-control-next-icon i {
    padding: 10px;
  }
  #slider .more-btn a {
    background: #99ce34;
    padding: 5px 10px;
  }
  #slider .inner_carousel h1 {
    font-size: 30px;
  }
  .page-template-custom-homepage .header{
    background: #99ce34;
  }
}
@media screen and (max-width:425px){
  .phone,
  .custom-social-icons {
    text-align: center;
    margin-bottom: 15px;
  }
  .custom-social-icons i{
    margin: 15px 10px;
  }
  .logo_box{
    position: static;
  }
  .page-template-custom-homepage .header{
    position: static;
  }
  .page-template-custom-homepage .menu-bar-left{
    display: none;
  }
  .page-template-custom-homepage .logo_box{
    position: static;
  }
  #slider .inner_carousel h2,
  #slider .inner_carousel p{
    display: none;
  }
  .more-btn{
    margin: 0px;
  }
}
@media screen and (min-width: 426px) and (max-width: 767px){
  #slider .inner_carousel h2,
  #slider .inner_carousel p{
    display: none;
  }
  .phone,
  .social-icon {
    text-align: center;
    margin-bottom: 15px;
  }
  .page-template-custom-homepage .logo_box{
    position: static;
  }
  .page-template-custom-homepage .header{
    position: static;
  }
  .page-template-custom-homepage .menu-bar-left{
    display: none;
  }
  .page-template-custom-homepage .logo h1 a{
    color:#99ce34;
  }
  .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product{
    width: 42% !important;
    float: left !important;
    margin-right: 10px;
  }
  .more-btn{
    margin: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px){
  #slider .inner_carousel p{
    display: none;
  }
  #slider .carousel-caption{
    left:10%;
    right: 10%;
    top:58%;
  }
  .footer-widgets th,
  .footer-widgets td,
  .sidebar td,
  .sidebar th{
    padding: 0px;
  }
  .page-template-custom-homepage .logo_box{
    position: static;
    padding: 0; 
  }
  .page-template-custom-homepage .logo {
    margin-top: 0px;
  }
  .toggle-nav {
    width: auto;
    text-align: right;
  }
}
@media screen and (min-width: 320px) and (max-width: 425px){
  #slider .carousel-caption {
    top: 30%;
  }
  .post-navigation span.meta-nav {
    font-size: 10px;
    padding: 10px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  .page-template-custom-homepage .logo h1{
    font-size: 15px;
  }
  .page-template-custom-homepage .logo p{
    font-size: 11px;
  }
  .footer-widgets th,
  .footer-widgets td,
  .sidebar td,
  .sidebar th{
    padding: 3px;
  }
}
