/*
Theme Name: Ecommerce Solution
Theme URI: https://www.buywptemplates.com/themes/free-ecommerce-wordpress-template/
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description: Ecommerce Solution is a multipurpose, clean and polished WordPress eCommerce theme for establishing an impactful online presence on the internet whether you have an online apparel and fashion accessories store, sports equipment shop, cosmetics shop, mobile and gadgets store, jewellery shop, furniture shop, supermarket, grocery store or online food delivering website. The theme is designed with banners and sliders to create more space for showing products or promoting different brands in your collection. This eCommerce theme is essentially responsive, cross-browser compatible and translation ready. Creating an online store is a matter of minutes with this super-efficient WordPress theme that will give a good rank to your site in search engines, thanks to its SEO. Customization is a powerful tool that lets you design site easily without involving in the coding part. It has social media icons included so that customers can share products on various networking sites. It is tested to work with third party plugins. WooCommerce plugin which is a necessity in an eCommerce website is seamlessly compatible with this theme. The gallery comes with some great designs of layouts. Call to Action buttons are provided to generate leads. The very base of the site is made strong with Bootstrap framework. Demo: https://www.buywptemplates.com/bwt-ecommerce-solution-pro/
Version: 0.5.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecommerce-solution
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, post-formats, translation-ready, rtl-language-support, blog, e-commerce, portfolio

Ecommerce Solution WordPress Theme incorporates code from VW Restaurant Lite WordPress Theme, Copyright 2016 VW Themes
Ecommerce Solution WordPress Theme is distributed under the terms of the GNU GPL
*/

*{ 
  margin:0;
  padding:0;
  outline:none;
}
html{
  overflow-x: hidden;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size:14px;
  color:#212121;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 1px;
}
img{ 
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: 'Fjalla One', sans-serif;
  margin:0;
  padding:0 0 15px;
}
p{ 
  margin:0;
  padding:0;
}
a{ 
  text-decoration:none;
  color: #1c42ea;
}
a:hover{ 
  text-decoration:none;
  color:#666;
}
ul,
ol{ 
  margin:0 0 0 15px;
  padding:0;
}
input[type='submit']{
  background-color: #d6d6d4;
  padding: 1%;
  border: 0;
  color: #000;
  margin: 2% 0;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
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;
}
select{
  width:100%;
}
hr{
  margin:10px 0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.center{ 
  text-align:center;
  margin-bottom:40px;
}
.main-wrapper{
  margin:20px auto;
  padding:0;
}
.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{ 
  margin:0;
  padding:0;  
}
#blog_sec .sticky{
  border: solid 2px #1c42ea;
}
.gallery-caption{ 
  margin:0;
  padding:0;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.alignright,
img.alignright { 
  display: inline;
  float: right;
}
.aligncenter,
img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}

/*blog section*/
.attachment img {
  width: 100%;
}
a.r_button {
  background: rgba(158, 158, 158, 0.38);
  padding: 0.5em 2em;
  color: #000;
  font-weight: bold;
}
article.tag-sticky-2 a {
  color: #666;
}
code{
  color: #666;
}
/*--------------topbar-------------*/
.topbar {
  background: #121212;
}
.topbar p {
  background: #1c42ea;
  padding: 10px;
  font-size: 15px;
}
.topbar i {
  margin-right: 8px;
}
.topbar .nav{
  text-align: right;
  display: block;
}
.topbar .nav ul{
  margin: 8px 0 !important;
}
.topbar .nav ul li a{
  color: #fff !important;
  border-right: solid 1px #898989 !important;
  padding: 4px 12px !important;
}

/*--------------Mid Header-------------*/
.mid-header {
  margin: 20px 0;
}
.logo{
  padding:10px 0;
}
 .logo h1{
  padding:0;
  font-size:30px;
  font-weight: bold;
}
.logo a{ 
  color: #212121;
}
.logo p{ 
  font-size:12px;
  color: #595959;
}
.search-cat-box {
  border: solid 1px #b3b3b3;
  padding: 10px;
  border-radius: 30px;
}
button.product-btn {
  background: transparent;
  border: none;
  color: #595959;
}
button.product-btn:focus{
  outline: none;
}
.product-btn i {
  margin-right: 8px;
}
.search-cat-box input[type="search"] {
  border: none;
  background: transparent;
}
.search-cat-box button[type="submit"]{
  padding: 10px 25px;
  background: url(images/search.png) no-repeat scroll 20px;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}
.border-cat {
  border-right: solid 2px #d5d5d5;
  padding: 10px 25px;
}
.product-btn i.fas.fa-sort-down {
  margin-left: 5em;
}
.product-cat {
  position: absolute;
  background: #fff;
  z-index: 999;
  width: 295px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
}
.product-cat li {
  padding: 10px 0;
  border-bottom: solid 1px #efefef;
  margin: 0 20px;
  list-style: none;
}
.product-cat i {
  float: right;
  font-size: 10px;
  margin-top: 4px;
  color: #3f3f3f;
}
.product-cat li a {
  color: #3f3f3f;
}
.login-box a {
  border: solid 1px #b3b3b3;
  color: #595959;
  padding: 20px 10px;
  border-radius: 30px;
}
.login-box {
  margin: 10px 0;
  text-align: right;
}
.login-box i {
  background: #1c42ea;
  color: #212121;
  padding: 12px;
  border-radius: 50%;
  margin-right: 8px;
}
/*--------------Header-------------*/
.menu-header {
  background: #1c42ea;
}
.toggle{
  display:none;
}
#header .nav{ 
  margin:0;
  padding:0;
}
#header .nav ul { 
  margin: 8px 0;
  padding:0;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold;
}
#header .nav ul li{ 
  display:inline-block;
  margin:0;
  position:relative;
}
#header .nav ul li a {
  color: #212121;
  padding: 8px 12px;
  font-size: 12px;
  display: block;
  border-right: solid 1px #d6ac0d;
}
#header .nav ul.sub-menu li{
  display: inline;
}
#header .nav ul.children li {
  display: inline;
}
.cat-content {
  background: #212121;
  text-align: center;
  padding: 10px;
  font-size: 18px;
}
span.cart_no a {
  color: #fff;
}
li.cart_box {
  list-style: none;
}
span.cart-value {
  position: absolute;
  color: #212121;
  font-weight: bold;
  background: #1c42ea;
  font-size: 14px;
  border-radius: 50%;
  width: 22px;
}

/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0;
  background: #fff;
}
#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, #slider .carousel-control-next-icon{
  background-image: none;
  font-size: 15px;
  color: #121317;
  padding: 15px 20px;
  border: solid 1px #121317;
  border-radius: 50%;
}
.carousel-control-prev, .carousel-control-next{
  opacity: unset !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider .carousel-caption { 
  top: 45%;
  transform: translateY(-50%);
  right: 40%;
  left: 15%;
  text-align: left;  
}
#slider .carousel-content{  
  border: solid 10px #f2b701;
  border-left: none;
  padding: 15px;
}
#slider .inner_carousel h2 {
  font-size: 40px;
  letter-spacing: 1px;
  text-align: left;
  color: #121317;
  margin-top: 15px;
  margin-bottom: 0;
}
#slider .inner_carousel p {
  text-align: left;
  color: #121317;
  font-size: 15px;
  font-weight: 500;
}
.more-btn a:hover{
  background: #f2b701;
}
.more-btn a {
  color: #121317;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 15px;
  border: solid 1px;
  border-radius: 30px;
}
.more-btn{
  text-align: left;
  margin: 25px 0;
}
.more-btn i {
  color: #04456f;
  font-size: 14px;
  background: #fff;
  padding: 14px 15px;
}

/*------------- New Collection --------------*/
#new-collection {
  padding: 3% 0;
}
#new-collection h3 {
  margin-bottom: 30px;
  letter-spacing: 2px;
  font-weight: normal;
  text-align: center;
}
#new-collection h3:after,
#new-collection h3:before {
  content: '_____';
  border-bottom: solid #212121;
  color: #fff;
  margin: 0 15px;
}
/*------------- Woocommerce --------------*/
.woocommerce-product-gallery__image {
    padding: 2px;
}
.woocommerce ul.products li.product .button,
a.checkout-button.button.alt.wc-forward {
  margin-top: 1em;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: none;
}
.woocommerce .star-rating {
  margin: 0 auto 10px !important;
}
.woocommerce span.onsale{
  background: #1c42ea;
  padding: 0;
  border-radius: 0;
  margin: 0 !important;
  color: #212121;
  font-family: 'Fjalla One', sans-serif;
  letter-spacing: 2px;
}
.products li {
  border: solid 1px #e7e7e7;
  padding: 10px !important;
  width: 23%;
  text-align: center;
  box-shadow: 2px 2px 5px #eee;
  margin: 0 18px 20px 0px !important;
  font-family: 'Fjalla One', sans-serif;  
}
.woocommerce-page .products li {
  width: 30% ;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  letter-spacing: 1px;
  font-size: 18px !important;
  /*margin-bottom: 10px !important;*/
  font-weight: bold!important;
}
.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: #1c42ea;
  color: #212121;
  border-radius: 30px;
  border: solid 1px #212121;
  padding: 15px;
  letter-spacing: 2px !important;
}
.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: #f2b701;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 8em;
  padding: 10px;
  border-radius: 30px;
  border: solid 1px #212121;
  color: #212121;
}
.col-1,.col-2 {
  max-width: 100%;
}

nav.woocommerce-MyAccount-navigation ul li {
  background: #1c42ea;
  padding: 12px !important;
  margin-bottom: 10px !important;
  list-style: none !important;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #212121;
}
span.woocommerce-input-wrapper,
.woocommerce label {
 width: 100%;
}
.woocommerce-product-details__short-description {
  margin-bottom: 10px;
}
.woocommerce .woocommerce-ordering select {
  padding: 10px;
  font-size: 15px;
}
span.posted_in {
  display: block;
}
.woocommerce-account .woocommerce-MyAccount-content a{
  color: #666;
}
.woocommerce-info  a{
  color: #666;
}
.woocommerce form .form-row .required{
  color: #d80000;
}
.woocommerce-privacy-policy-text a{
  color: #666;
}
.woocommerce .woocommerce-breadcrumb{
  color: #6f6f6f;
}
.woocommerce .woocommerce-breadcrumb a {
  color: #6f6f6f;
}
span.posted_in a{
  color: #666;
}
/* --------- Homepage --------- */
#blog_sec {
  padding-top: 3%;
}
#blog_sec i {
  font-size: 13px;
  color: #000;
  margin-right: 10px;
}
.postbtn a {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000;
}
.blog-section h3 {
  color: #000;
  font-size: 20px;
  font-weight: 400;
}
.blog-section h3:after{
  content: "";
  display: block;
  width: 45px;
  height: 3px;
  background: #1c42ea;
  margin-top: 7px;
}
.blog-section .section-title a:hover{
  text-decoration:none;
}
.blog-section .new-text p{
  font-size: 14px;
  color: rgba(0, 0, 0, 0.78);
  margin: 10px 0;
  line-height:23px;
}
.inner-service {
  border: 1px solid #000;
  margin-bottom: 3%;
  padding: 15px;
}
.blog-section .about-us{
  padding: 10px;
  margin-top:20px;
}
.blog-section  .about-us a{
  border: 1px solid #000;
  padding:8px 20px;
  color: #000;
  text-decoration:none;
  text-transform: uppercase;
  font-size: 19px;
}
.blog-section .button{
  margin: 0 18%;
  display: inline-block;
}
/* Breadcrumb */

.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1;
  color:#000;
  padding:5px 15px;
  margin-right:5px;
  line-height: 37px;
}
.bradcrumbs a:hover{
  background:#ffd34e;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}

/* --------- Blog Page ------- */
.metabox{
  color:#212121;
  padding:10px 0;
  clear:both;
}
.metabox i{
  margin: 0 13px 0 5px;
}
.metabox a {
  color: #212121;
}
/* 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;
  clear:both;
}
#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:#000 !important ;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left: 0px;
  color: #fff;
}
#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#1c42ea;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
.content_box #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}
.content_box #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
}
.comment-respond{
  clear:both;
}
#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;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,
.comment-list .comment-content h2,
.comment-list .comment-content h3,
.comment-list .comment-content h4,
.comment-list .comment-content h5,
.comment-list .comment-content h6{
  margin-top:15px;
}
.content_box .inner-service {
  border: none;
}
p.logged-in-as a {
  color: #666;
}
.nav-links a{
  color: #666;
}
/*--------------- Sidebar -----------------*/
#sidebar {
  padding-top: 36px;
}
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3{
  margin:0 0 10px;
  font-size:20px;
  color:#212121;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #1c42ea;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar select {
  padding: 10px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px; 
  border:solid 1px #212121; 
  font-size:15px; 
  color:#212121;
  width:100%;
}
#sidebar label{
  width:71%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"] {
  background: #212121;
  border: none;
  color: #fff;
  padding: 11px 20px;
  font-size: 15px;
  margin: 0;
  width: 29%;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid #212121;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
  line-height: 32px;
  padding: 0 0 0 2%;
}
#sidebar ul li{
  font-size: 14px; 
  margin:5px 10px;
  background:url('images/bullets-sidebar.png') no-repeat 0px 8px;
  padding-left:20px;
}
#sidebar .tagcloud a{
  background:#fff; 
  color:#212121; 
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
  border: solid 1px;
}
#sidebar .tagcloud a:hover,
.footer-wp .tagcloud a:hover{
  background: #1c42ea;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}

.widget_calendar td,
.widget_calendar th {
  line-height: 2.5;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
#sidebar form.search-form {
  display: table;
  padding: 0px 10px;
  border-radius: 20px;
}
#sidebar .widget_calendar td,
#sidebar .widget_calendar th ,
#sidebar .widget.widget_calendar table{
  border: 1px solid;
}
/* Page */
.content_box p{
  line-height: 25px;
  font-size: 16px;
  margin:10px 0;
}
.content_box h1{
  font-size:51px;
}
.content_box h2{
  font-size:32px;
  padding:0;
  margin:0 0 25px;
}
.content_box h3{
  font-size:36px;
  padding:0;
  margin:0 0 25px;
}
.content_box h4{
  font-size:20px;
  padding:0;
  margin:0 0 25px;
}
.content_box  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0;
}
.content_box ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
.content_box ul li{
  list-style-type: circle;
  padding:0 0 0 4px;
  margin:0 0 20px 0;
  line-height:25px;
}
.content_box ul li ul li{
  list-style-type: circle;
}
.content_box ol{
  list-style: none;
  margin:0 0 0 0px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content_box ol li{
  list-style-type: circle;
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.content_box ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 5px;
}
.content_box  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
}
.read-moresec{
  margin:2% 0;
}
a.button {
  border: 2px solid #000;
  background: #fff;
  color: #000;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight: bold;
}

/*copyright css*/
.copyright-wrapper { 
  padding:15px 0;
  background-color: #121212;
  font-size: 15px;
  text-align: center;
  border-top:1px solid #1c42ea;
}
.copyright-wrapper p,
.copyright-wrapper a {
  color: #fff;
}
.footer-wp {
  background: #121212;
}
.footer-wp .rssSummary,
.footer-wp ul li,
.footer-wp p{
  color: #fff;
}
.footer-wp h3 {
  text-align: left;
  font-size: 20px;
  letter-spacing: 2px;
  color: #1c42ea;
}
.footer-wp h3:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #1c42ea;
  margin-top: 7px;
}
.footer-wp input[type="search"]{
  width:100%;
  padding:8px 5%;
  border:none;
}
.footer-wp input[type="submit"] {
  padding: 10px 12px;
  border: none;
  background: #1c42ea;
  border-radius: 0;
  font-size: 12px;
  color: #212121;
  width:100%;
}
.footer-wp label{
  width: 100%;
}
.footer-wp  td#prev a,
.footer-wp td {
  color: #fff;
}
.footer-wp caption {
  font-weight: bold;
  color: #fff;
  font-size: 25px;
  text-align: center;
  letter-spacing: 2px;
}
.footer-wp table,.footer-wp th,.footer-wp td {
  border: 1px solid #858282;
  text-align: center;
}
.footer-wp th {
  text-align: center;
  color: #fff;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  color: #fff;
  font-size: 12px;
}
.footer-wp ul li {
  list-style: none;
  padding: 5px 0;
}
.footer-wp ul {
  margin: 0;
}
.footer-wp .widget {
  margin: 5% 0;
}
.footer-wp .tagcloud a {
  color: #333;
  background: #999;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}

/* Pagination */
.pagination {
  clear:both;
  position:relative;
  font-size:15px;  
  line-height:13px;
  float:right;  
  font-weight:bold;
  width:100%;
} 
.pagination span, .pagination a {
  padding: 12px 16px;
  display: block;
  float: left;
  margin: 0 3px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #212121;
  -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;
  font-weight: bold;
} 
.pagination a:hover{
  color:#000;
  background: #1c42ea;
}
.pagination .current{
  background: #1c42ea;
  color: #000;
  font-weight:bold;
}
.content_box .pagination ul{
  margin:0;
  clear:both;
}
.content_box .pagination ul li{
  margin:0;
}
.entry-video iframe {
    width: 100%;
}
.entry-audio audio {
    width: 100%;
}
/*responsive menu*/
/*vedran changed this from 720px to 768px*/
@media screen and (max-width:768px) {
  .product-cat{
    width: auto;
  }
  .login-box,
  .more-btn,
  .logo{
    text-align: center;
    margin: 15px 0;
  }
  .search-cat-box{
    padding: 15px;
    border-radius: 0;
  }
  .border-cat {
    border-bottom: solid 2px #d5d5d5;
    border-right: none;
  }
  .search-cat-box button[type="submit"]{
    margin-left: 20px;
  }
  #slider .inner_carousel h2,
  #slider .inner_carousel p{
    display: none;
  }
  #slider .carousel-caption{
    right: 0;
    left: 0;
  }
  #slider .carousel-content{
    border: none;
  }
  #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
    padding: 10px 15px;
  }
  #sidebar input[type="submit"]{
    padding: 11px 15px;
  }
  #new-collection h3:after,
  #new-collection h3:before{
    content: none;
  }
  .products li{
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
  .toggle{
    display:block;
  }  
  .toggle{
    width:100%;
    color:#212121;
    background:url('images/mobile_nav_right.png') no-repeat right center #1c42ea;
    padding:10px 10px;
    font-size:16px;
    display: block;
    border-bottom: 1px solid;
  }
  .nav,
  .topbar .nav{
    display:none;
  }
  #header .topbar .nav{
    top: -50px;
  }
  #header .nav{
    margin:0;
    top:-21px ;
    position:absolute;
    z-index:999;
    overflow-x:hidden;
    width: 100%;
    left: 0;
  }
  #header .nav ul{ 
    width:100%;
    margin-top: 50px !important;
    background-color:#212121;
  }
  #header .nav ul li{
    border-top:1px #303030 solid;
    display:block;
    float:none;
    text-align:left;
  }
  .nav ul li a{
    padding: 10px !important;
    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;
  }  
  #header .nav ul li{
    width:100%!important;
	margin: 5px 0px;
  }
  .blog-section .button {
    margin: 0 auto;
    display: block;
    width: 34%;
  }
}
/*vedran changed this from 720px to 768px*/
@media screen and (min-width:768px){
  #header .nav ul li ul{
    display:none;
    z-index:2;
    font-weight:normal;
    margin: 5% 0 0 0;
  }
  #header .nav ul li:hover > ul{
    display:block;
    background:#212121;
    width:200px;
    position:absolute;
    top:30px;
    left:0;
    text-align:left;
    padding:10px 0;
    z-index:99;
  }
  #header .nav ul li:hover > ul li{ 
    display:block;
  }
  #header .nav ul li:hover > ul li a{ 
    padding: 10px;
    color:#ffffff;
    border: none;
  }
  #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:-10px;
  }  
  #header .nav ul.sub-menu{
    margin-top:6px;
  }
  #header .nav ul.sub-menu li a:hover{
    background: #1c42ea;
    color: #fff;
  }
}

@media screen and (max-width: 999px) and (min-width: 720px){
  #slider .carousel-caption {
    top: 30%;
  }
  #slider .carousel-content{
    padding: 0 10px;
  }
  .logo{
    text-align: center;
  }
  .products li {
    width: 30% !important;
    margin: 0 13px 18px 0 !important;
    clear: none !important;
  }
  #slider .inner_carousel p{
    display: none;
  }
  .search-cat-box{
    padding: 0px;
  }
  .border-cat{
    padding: 10px 0px 0 23px;
  }
  .login-box a{
    padding: 12px 10px;
  }
  .login-box a i{
    padding: 10px;
  }
  .login-box{
    margin: 5px 0;
  }
  #sidebar input[type="submit"]{
    padding: 11px 1px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n){
    float: left;
  }
  .topbar p {
    padding: 12px 10px;
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) and (min-width:1000px){
  .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{
    width: 30%;
  }
  #sidebar input[type="submit"]{
    padding: 11px 15px;
  }
  #slider .carousel-caption {
    top: 35%;
  }
  #slider .carousel-content{
    padding: 0 10px;
  }
  .login-box i{
    padding: 8px;
  }
  .login-box a{
    padding: 14px 2px;
  }
  .border-cat{
   padding: 8px 18px;
  }
  .topbar p {
    padding: 12px 10px;
    font-size: 13px;
  }
}

.products.columns-8 {
    display: table;
}
.woocommerce ul.products li.product a img {
    margin: 0;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    display: unset;
    margin-right: 15px;
}
.woocommerce-loop-product__link {
    display: table-row;
}

/* SUBMENU NAV ISSUE */
/*vedran commented next lines and added his own at the very end*/
/*
@media only screen and (max-width: 400px)  {
	 
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
	display: none !important;
}
	}

@media only screen and (max-width: 400px)  {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: fixed !important;
    left: 0;
    width: 100%;
}
}

@media only screen and (max-width: 400px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    float: left;
    position: static;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    margin-block-start: 0px !important;
}
}


@media screen and (max-width: 720px) {
 .mega-menu-wrap ul li a {
    padding: 5px 10px !important;
}
}
*/



/*Vedran start - Quick fix for menu*/
@media only screen and (max-width: 768px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
		display: block !important;
		position:relative !important;
	}
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
	display: none !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: fixed !important;
    left: 0;
    width: 100%;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    float: left;
    position: static;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    margin-block-start: 0px !important;
}
	
.mega-menu-wrap ul li a {
    padding: 5px 10px !important;
}
}
/*Vedran end - Quick fix for menu*/