/*
Theme Name: Clean Commerce
Theme URI: https://wenthemes.com/item/wordpress-themes/clean-commerce/
Author: WEN Themes
Author URI: https://wenthemes.com/
Description: Clean Commerce is a simple yet modern e-commerce WordPress theme. It is esthetically minimalist, fresh-faced and bright, elegantly styled and well developed, readily responsive e-commerce WordPress theme. It is a perfect theme for commercial endeavors of all kinds, from digital download shops to online commercial retail of all kinds. It integrates the industry standard WooCommerce e-commerce plugin, a wonderful solution for all your online commerce needs, which allows your users to browse your product catalogs in easy but stylish grace, add items to their shopping carts intuitively, and proceed to checkout and make payments, all right off your website. Official Support Forum: https://themepalace.com/support-forum/ Full Demo: https://wenthemes.com/theme-demos/?demo=clean-commerce
Version: 1.1.1
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: clean-commerce
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, footer-widgets, custom-logo, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
# Custom by WEN Themes

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #001837;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
}

body {
    color: #111;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 15px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 500;
}


h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3{
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #ff7d06 none repeat scroll 0 0;
    color: #222;
    padding: 0 5px;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*::before,
*::after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background-color:#FBFBFB; /* Fallback for when there is no custom background color defined. */
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

ul, ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


td, th {
    border: 1px solid #ddd;
    padding: 5px;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
a.button,
a.button:visited,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #ff7d06 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-family: "Rajdhani",sans-serif;
    font-size: 18px;
    line-height: 1.5;
    padding: 7px 27px;
    border-radius: 27px;
}

button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #ff4922;
    color: #fff;

}


input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    color: #666;
    border:1px solid #f1f1f1;

}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"]{
    padding: 6px 0 6px 9px;

}

select {
    width: 100%;
    padding:5px;
}

textarea {
    padding:10px 20px;
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: #272727;
    text-decoration: inherit;
}

a:visited {
    color: #272727;
}

a:hover,
a:focus,
a:active {
    color: #ff7d06;
}

a:focus {
    outline:inherit;
}

a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
## Secondary Menus
--------------------------------------------------------------*/

.header-social {
   text-align: center;
}

#header-nav {
    display: block;
    float: right;
    margin-top: 5px;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
}

#header-nav ul {
    display: block;
    margin: 0;
    padding: 0;
}

#header-nav li {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    position: relative;
}

#header-nav li li {
    float: none;
    display: block;
}

#header-nav ul li li:first-child > a {
    border-left: none;
}

#header-nav ul li a {
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin-left: 20px;
    padding: 2px 0;
    position: relative;
    text-transform: capitalize;
    z-index: 99;
}

#header-nav ul ul a {
    border-bottom: 1px solid #dddddd;
    color: #fff;
    font-size: 14px;
    height: auto;
    padding: 9px 15px;
    text-align: left;
    width: 100%;
    border-left: none;
    border-right: none;
}

#header-nav .menu-toggle,
#header-nav .dropdown-toggle {
    display: none;
}

#header-nav ul li a:hover,
#header-nav li.current-menu-item a,
#header-nav li.current_page_item a,
#header-nav li:hover > a {
    color: #ff7d06;
}

#mob-menu2,
#mobile-trigger2 {
    display: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#main-nav {
    background: #393939;
    clear: both;
    display: block;
    float: left;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
    margin-bottom: 5px;
}

.main-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
}

.main-navigation ul ul {
    background-color: #fff;
    border:1px solid #E0E0E0;
    left: 0;
    margin: 0;
    min-width: 230px;
    position: absolute;
    top: 53px;
    z-index: 9999;
    -moz-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
}

.main-navigation ul ul ul::before {
    display: none;
}

.main-navigation ul li:hover > ul.sub-menu {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.main-navigation li {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    position: relative;
    margin-right: 50px;
}

.main-navigation li li {
    float: none;
    display: block;
    margin-right: 0;
}

.main-navigation ul li li:first-child > a {
    border-left: none;
}

.main-navigation li::after {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right:-25px;
    top: 47%;
    width: 4px;
}

.main-navigation ul li a {
    color: #ffffff;
    display: block;
    font-family: "Rajdhani",sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 13px 0;
    position: relative;
    z-index: 99;
}

.main-navigation ul ul a {
    border-bottom: 1px solid #f2f2f2;
    color: #393939;
    font-size: 16px;
    height: auto;
    padding: 7px 20px;
    text-align: left;
    width: 100%;
    border-left: none;
    border-right: none;
}

.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 15px;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 10px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
    padding-right: 30px;
}
.main-navigation li:hover:before,
.main-navigation li.current-menu-item:before,
.main-navigation li.current_page_item:before {
    opacity: 1;
    width: 100%;
}

.main-navigation li:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15%;
    height: 3px;
    background-color: #ffffff;
    -webkit-transition: all 0.33s ease-out;
    -moz-transition: all 0.33s ease-out;
    -o-transition: all 0.33s ease-out;
    -ms-transition: all 0.33s ease-out;
    transition: all 0.33s ease-out;
    opacity: 0;
}

.main-navigation li li::before {
    background: #f1f1f1 none repeat scroll 0 0;
    bottom: 1px;
    height: 100%;
}

.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
    display: none;
}

.main-navigation li li:after {
    display: none;
}

.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
    display: none;
}

#mobile-trigger {
  display: none;
}

#mob-menu {
  display: none;
}

/*comment and post navigation*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 49%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 49%;
}

.comment-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before,
.post-navigation .nav-previous a::before {
    content: "\f100";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}

.comment-navigation .nav-next a::after,
.posts-navigation .nav-next a::after,
.post-navigation .nav-next a::after {
    content: "\f101";
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 5px;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.nav-links {
    border-top: medium none;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}

/** pagination **/

.navigation,
.pagination {
    margin-top: 15px;
}

.nav-links{
    border-top: medium none;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}

.navigation.pagination .nav-links .page-numbers {
    padding: 5px 10px;
    text-align: center;
    display: inline-block;
    float: left;
    margin-right: 5px;
    line-height: 1.5;
    height: 33px;
}

.page-numbers.dots {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navigation .nav-links .page-numbers.current,
.navigation .nav-links a:hover {
    background: #ff4922 none repeat scroll 0 0;
    border-color: #ff7d06;
    color: #ffffff;
}

.navigation .nav-links a {
    background: #ff7d06 ;
    border: none;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 20px;
    display: inline-block;
}
.navigation  span.meta-nav {
    display: none;
}
.navigation .nav-links .nav-next,
.navigation .nav-links .nav-next{
    float: right;
}

.navigation .nav-links .nav-previous,
.navigation .nav-links .nav-previous {
    float: left;
    margin-bottom: 30px;
}

.navigation .nav-links .nav-links a:hover,
.navigation .nav-links .nav-links a:hover {
    background: #00132c;
 }



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;/* It should be ablolute */
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important; /* It should be clip auto */
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.alignnone{
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;

}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear-fix::before,
.clear-fix::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after,
.widget::after,
.widget::before {
    content: "";
    display: table;
}

.clear-fix::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after,
.widget::after,
.widget::before {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin:30px 0 0;
}

.widget:first-child {
    margin: 0;
}

.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#primary main {
    background: #fff none repeat scroll 0 0;
    padding: 20px;
}

h1.entry-title {
    border-bottom: 3px double #ebe9eb;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.entry-header {
    margin-bottom: 15px;
}

.entry-footer > span ,
.entry-header .entry-meta span{
    display: inline-block;
    font-size: 14px;
    height: 100%;
    margin-right: 15px;
    padding: 0 15px 0 0;
    text-align: center;
}

.entry-footer > span:last-child{
    border-right: none;
}

.cat-links > a {
    margin-left: 5px;
}

.cat-links > a:first-child {
    margin-left: 0;
}

.entry-title a {
    color: #001837;
}

.entry-title a:hover {
    color: #ff7d06;
}

.sticky {
    display: block;
}

.hentry {
    margin: 30px 0 0;
}

.hentry:first-child {
    margin:0;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline-block;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.entry-footer > span a{
    color:#49616b;
}

.entry-footer   a:hover {
    color:#ff7d06;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}

.home .entry-content-wrapper .entry-content {
    margin: 0;
}

.entry-footer > span::before,
.entry-header .entry-meta > span::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "";
    color: #bdbdbd;
}

.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

span.comments-link::before {
    content: "\f075";
}

.entry-footer > .cat-links::before {
    content: "\f07c";
}

.entry-header .entry-meta .byline::before {
    content: "\f007";
}

.entry-footer .edit-link::before{
    content: "\f044";
}

.entry-footer .tags-links::before{
    content: "\f02c";
}

.entry-header .entry-meta .posted-on::before {
    content: "\f017";
}

.entry-title {
    border-bottom: 3px double #ebe9eb;
}

.home .entry-title ,
.archive .entry-title {
    font-size: 26px;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

#respond {
    clear: both;
    display: block;
    float: left;
}

#comments {
    margin-top: 30px;
    overflow: hidden;
}


.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-notes {
    position: relative;
}

.comments-area #commentform p.comment-notes,
.comments-area #commentform p.comment-form-comment {
    width: 100%;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-form {
    margin: 0 -15px;
}

.comments-area form#commentform p.logged-in-as ,
.comments-area form#commentform p{
    padding: 0 15px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
    width: 100%;
}

#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url{
    width: 50%;
}

.comments-area form#commentform p.logged-in-as {
    padding: 0 15px;
    width: 100%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
    width: 33.33%;
    float: left;
}

.comment-list li.comment::after {
    content: inherit;
    display: none;
}

.comment-list li{
    padding-left: 0;
}

.comment {
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 15px;
}

.comment .comment-body {
    background-color: #ffffff;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 100%;
}

.comment-author.vcard {
    font-size: 16px;
    margin-bottom: 5px;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment > div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}

.comment-metadata {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}

.comment-metadata > a{
     color: #49616b;
     margin-right: 30px;
}

.comment-metadata::before{
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    content: "\f017";
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-content {
    clear: both;
    display: block;
}

.authorbox  .author-info,
.authorbox  .author-bio-posts-content {
    float: left;
    max-width: 90%;
    width: 90%;
}

.author-info h4 {
    margin-bottom: 0;
}

#commentform label {
    display: inline;
    position:relative;
}

#commentform input[type="checkbox"],
#commentform input[type="radio"] {
	margin-right: 10px;
}

#commentform  p.form-submit {
    margin-top: 30px;
}

#commentform  span.required {
    color: #f0632b;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
    margin-left: -5px;
    margin-right: -5px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
    padding: 5px;
}

.gallery-item img {
    vertical-align: middle;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*--------------------------------------------------------------
# Custom By WEN Themes
--------------------------------------------------------------*/

#page {
    position: relative;
    width: 100%;
}

.container {
    width: 1200px;
    margin: 0 auto;
    padding-left:15px;
    padding-right: 15px;
    max-width: 100%;
}

.container::after,
.inner-wrapper::after {
    clear: both;
    content: "";
    display: table;
}

.inner-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

/*--------------------------------------------------------------
##  Header Style By WEN Themes
--------------------------------------------------------------*/
/*Tophead */

#tophead {
    background-color: #222;
    clear: both;
    float: left;
    width: 100%;
    padding: 5px 0;
}

.header-social {
    float: right;
    text-align: left;
}

#quick-contact {
    float: left;
    padding-bottom: 7px;
    padding-top: 8px;
}

#quick-contact > ul {
    margin: 0;
    padding: 0;
}

#notice-ticker, .top-news a {
    color: #ffd700;
}

#quick-contact a, #quick-contact {
    color: rgba(255, 255, 255, 0.78);
}

#quick-contact a:hover{
    color: #fff;
}

#quick-contact li.quick-email::before {
    content: "\f0e0";
}

#quick-contact li.quick-call::before {
    content: "\f095";
}

#quick-contact li.quick-address::before {
    content: "\f041";
}

#quick-contact li::before {
    color: #ff7d06;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}

#quick-contact li {
    float: left;
    font-size: 14px;
    line-height: 0.8;
    list-style: outside none none;
    margin-left: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#quick-contact li:first-child {
    border: medium none;
    margin-left: 0;
    padding: 0;
}

/*#cart-seciton*/

#cart-section li {
    float: left;
    list-style: outside none none;
    padding: 10px;
}

#cart-section {
    clear: both;
    float: right;
}

#right-header {
    float: right;
    padding: 0 15px;
}

#cart-section {
    clear: both;
    float: right;
    font-size: 14px;
    margin-top: 5px;
}

#cart-section .cart-icon strong ,
#cart-section .wishlist-count {
    border: 2px solid #ff7d06;
    color: #ff7d06;
    display: inline-block;
    font-size: 13px;
    line-height: 1.2;
    padding: 0 8px;
    position: relative;
    transition: all 200ms ease-out 0s;
    z-index: 10;
    font-weight: bold;
}

#cart-section .wishlist-count {
    margin-top: 3px;
    position: relative;
}

#cart-section .wishlist-count::after {
    content: "\f08a";
    display: block;
    font-family: FontAwesome;
    position: absolute;
    top: -13px;
    right: 5px;
    font-size: 13px;
}

#cart-section .cart-icon {
    display: inline-block;
    line-height: normal;
    margin-left: 15px;
    margin-right: 0;
    margin-top: 12px;
    padding: 0;
    position: relative;
}

#cart-section .cart-icon-handle{
    border: 2px solid #ff7d06;
    border-bottom: 0;
    right: 50%;
    margin-right: -8px;
    top: -6px;
    height: 8px;
    width: 16px;
    position: absolute;
    -webkit-border-top-left-radius: 100px;
    -webkit-border-top-right-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-topright: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.header-social-wrapper {
    float: right;
    margin-top: 2px;
}

.header-social-wrapper .widget.clean_commerce_widget_social ul li {
    margin: 0;
}

.header-social-wrapper .clean_commerce_widget_social ul li a::before {
    font-size: 14px;
    line-height: 2.1;
}

/*Masthead*/

#masthead {
    background: #ffffff none repeat scroll 0 0;
    clear: both;
    padding: 15px 0;
    width: 100%;
    z-index: 99999;
}

.custom-logo-link {
    float: left;
    margin-right: 15px;
}

#site-identity {
    float: left;
}

.site-branding {
    float: left;
    font-size: 27px;
    line-height: 0.8;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 15px;
}

.site-branding a{
    color:#222;
}

.site-branding a:hover{
    color:#ff7d06;
}

.site-title {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

.site-description {
    color: #222;
    font-size: 14px;
    font-style: inherit;
    font-weight: 400;
    letter-spacing: 2.2px;
}

.header-search-box {
    float: right;
    position: relative;
}

.header-search-box > a {
    background: #fff none repeat scroll 0 0;
    color: #ff7d06;
    display: block;
    padding: 16px 10px;
}

.header-search-box > a i {
    font-size: 17px;
}

.header-search-box > a:hover {
    background: #ff7d06 none repeat scroll 0 0;
    color: #fff;
}

.header-search-box .search-box-wrap {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 1px 2px;
    display: none;
    padding: 15px;
    position: absolute;
    right: 7%;
    top: 48px;
    width: 300px;
    z-index: 9999;
}

.header-search-box .search-box-wrap {
    right: 2.6%;
    width: 369px;
}

.header-search-box .search-form input.search-field {
    height: auto;
    padding: 10px 22% 10px 18px;
    width: 71%;
}

.search-form input.search-field,
.woocommerce-product-search input.search-field {
     padding: 10px 22% 10px 18px;
    width: 71%;
    background: #f0f0f0 none repeat scroll 0 0;
    border: medium none;
}

.search-submit,.woocommerce-product-search button {
    border-radius: 0;
    height: 44px;
    padding: 7.3px 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.search-form,
.woocommerce-product-search {
    position: relative;
}

.search-form .search-submit,.woocommerce-product-search button {
    border: medium none;
    color: #ffffff;
    font-weight: 500;
    height: auto;
    padding: 7px 9px;
    right: 0;
    border-radius: 0;
}

.page-title {
    border-bottom: 3px double #ebe9eb;
    padding-bottom: 15px;
}



/*--------------------------------------------------------------
## Social Links Style By WEN Themes
--------------------------------------------------------------*/

.clean_commerce_widget_social {
    clear: both;
    overflow: hidden;
}

.clean_commerce_widget_social ul {
    margin: 0;
}

.clean_commerce_widget_social li a {
    background: #222222 none repeat scroll 0 0;
    display:block;
    height: 30px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

.clean_commerce_widget_social li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.widget-area .clean_commerce_widget_social li,
#footer-widgets .clean_commerce_widget_social li {
    padding: 0;
}

.widget-area .clean_commerce_widget_social li::before,
#footer-widgets .clean_commerce_widget_social li::before {
    display: none;
}

.clean_commerce_widget_social ul li a::before {
    font-size: 16px;
}

.clean_commerce_widget_social li a i {
    color:#cacad8;
    font-size: 18px;
    font-weight: normal;
}


.clean_commerce_widget_social ul li a::before {
    color: #ffffff;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 1.8;
    text-shadow: -2px 1px 1px #222222;
}
.clean_commerce_widget_social ul li a:hover::before {
    text-shadow: none;
}
.clean_commerce_widget_social ul li a:hover {
    background-color: #001837;
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.clean_commerce_widget_social ul li a:hover::before {
    color: #fff;
}

.clean_commerce_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.clean_commerce_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.clean_commerce_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.clean_commerce_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.clean_commerce_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.clean_commerce_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.clean_commerce_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.clean_commerce_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.clean_commerce_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}

.clean_commerce_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.clean_commerce_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.clean_commerce_widget_social ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

.clean_commerce_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.clean_commerce_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.clean_commerce_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.clean_commerce_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.clean_commerce_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.clean_commerce_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.clean_commerce_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.clean_commerce_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.clean_commerce_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.clean_commerce_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}
.clean_commerce_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}
.clean_commerce_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}
.clean_commerce_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.clean_commerce_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.clean_commerce_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.clean_commerce_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.clean_commerce_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.clean_commerce_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}

/*social links hover effect */

.clean_commerce_widget_social ul li a[href*="facebook.com"]:hover {
    background-color: #3b5998;
}

.clean_commerce_widget_social ul li a[href*="twitter.com"]:hover {
    background-color: #00aced;
}

.clean_commerce_widget_social ul li a[href*="plus.google.com"]:hover {
    background-color: #dd4b39;
}

.clean_commerce_widget_social ul li a[href*="/feed/"]:hover  {
    background-color: #dc622c;
}

.clean_commerce_widget_social ul li a[href*="wordpress.org"]:hover,
.clean_commerce_widget_social ul li a[href*="wordpress.com"]:hover {
    background-color: #45bbe6;
}

.clean_commerce_widget_social ul li a[href*="github.com"]:hover {
    background-color: #4183c4;
}

.clean_commerce_widget_social ul li a[href*="linkedin.com"]:hover {
    background-color: #007bb6;
}

.clean_commerce_widget_social ul li a[href*="pinterest.com"]:hover {
    background-color: #cb2027;
}

.clean_commerce_widget_social ul li a[href*="flickr.com"]:hover {
    background-color: #ff0084;
}

.clean_commerce_widget_social ul li a[href*="vimeo.com"]:hover {
    background-color: #aad450;
}

.clean_commerce_widget_social ul li a[href*="youtube.com"]:hover {
    background-color: #bb0000;
}

.clean_commerce_widget_social ul li a[href*="instagram.com"]:hover {
    background-color: #517fa4;
}

.clean_commerce_widget_social ul li a[href*="dribbble.com"]:hover {
    background-color: #ea4c89;
}

.clean_commerce_widget_social ul li a[href*="skype.com"]:hover {
    background-color: #12a5f4;
}

.clean_commerce_widget_social ul li a[href*="digg.com"]:hover {
    background-color: #333;
}

.clean_commerce_widget_social ul li a[href*="codepen.io"]:hover {
    background-color: #001837;
}

.clean_commerce_widget_social ul li a[href*="reddit.com"]:hover {
    background-color: #ff4500;
}

.clean_commerce_widget_social ul li a[href*="mailto:"]:hover {
    background-color: #1d62f0;
}

.clean_commerce_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}

.clean_commerce_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.clean_commerce_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.clean_commerce_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.clean_commerce_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}

.clean_commerce_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.clean_commerce_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.clean_commerce_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.clean_commerce_widget_social ul li a[href*="soundcloud.com"]:hover {
    background-color: #ff5500;
}

.clean_commerce_widget_social ul li a[href*="wordpress.org"]:hover {
    background-color:#45bbe6;
}

.clean_commerce_widget_social ul li a[href*="jsfiddle.net"]:hover {
    background-color:#4679bd;
}

.clean_commerce_widget_social ul li a[href*="tripadvisor.com"]:hover {
    background-color:#86c171;
}

.clean_commerce_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color:#2d5be3;
}

.clean_commerce_widget_social ul li a[href*="angel.co"]:hover {
    background-color:#001837;
}

.clean_commerce_widget_social ul li a[href*="slack.com"]:hover {
    background-color:#56b68b;
}

/*--------------------------------------------------------------
## Main Content Style By WEN Themes
--------------------------------------------------------------*/

#primary {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 70%;
}

#content {
    clear: both;
    padding: 30px 0;
}

.home.home-content-not-enabled #content {
    display: none;
}
/*--------------------------------------------------------------
## Sidebar Style By WEN Themes
--------------------------------------------------------------*/
.sidebar {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

#sidebar-primary {
    float: right;
}

#sidebar-secondary {
    float: left;
}

.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}

.sidebar .widget-title {
    border-bottom: 3px double #ebe9eb;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}

.sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.sidebar ul ul {
    border-bottom:none;
    padding-bottom: 0;
}

.sidebar ul li {
    padding-bottom: 5px;
    padding-left: 18px;
    padding-top: 5px;
    position: relative;
}

.sidebar ul li::before {
    color: #222222;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 8px;
}

.sidebar a,
.sidebar a:visited {
    color: #001837;
}

.sidebar a:hover,
.sidebar a:active {
   color: #ff7d06;
}

.sidebar .widget {
    background: #fff none repeat scroll 0 0;
    padding: 20px;
}

/*calendar widget*/

.widget_calendar {
    text-align: center;
}

.widget_calendar caption {
    background: #ff7d06 none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}

.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}

.widget_calendar #today {
    background: #ff7d06 none repeat scroll 0 0;
    color: #ffffff;
}

.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}

.widget .tagcloud a:hover {
    border: 1px solid #4fc3dd;
    color: #4fc3dd;
}

.widget_categories li > a,
.widget_archive li > a {
    display: inline-block;
    min-width: 85%;
}

.woocommerce ul.products li.product mark,
.woocommerce ul.products li.product ins,
.clean-corporate-woocommerce ul.products li.product mark,
.clean-corporate-woocommerce ul.products li.product ins{
    background: #fa6f6f none repeat scroll 0 0;
    border-radius: 14px;
    color: #ffffff;
    font-weight: normal;
    margin: 0 5px;
    text-decoration: none;
}

.woocommerce .reviewer {
    color: #777777;
    font-size: 13px;
    font-style: italic;
}

.woocommerce ul.products li.product h3 {
    font-family: open sans;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
}

.woocommerce ul.products li.product a img {
    margin: 0 0 10px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #ffa500;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #000000
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 8px;
}

.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
    padding-top: 4px;
}

.woocommerce .quantity .qty {
    border: 1px solid #dddddd;
    height: 33px;
    text-align: center;
    width: 3.631em;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #272727;
    font-size: 15px;
}
.related.products {
    clear: both;
}
.woocommerce div.product  .button {
    vertical-align: middle;
    float: left;
    font-weight: normal;
}
.woocommerce ul.products li.product .price {
    color: #272727;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: rgb(251, 251, 251);
    float: left;
    list-style-type: none;
    padding: 0 0 5px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: block;
    margin-bottom: 10px;
}

.woocommerce ul.products li.product .price ins {
    color: #222222;
}

.woocommerce ul.products li.product .button {
    background: #ff7d06 none repeat scroll 0 0;
    clear: both;
    display: inline-block;
    float: none;
    font-size: 16px;
    font-weight:500;
    line-height: 1.5;
    margin: 10px auto 15px;
    padding: 6px 17px;
    text-align: center;
    text-align: center;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
    border-radius: 27px;
}

.woocommerce ul.products li.product .button:hover {
    background-color:#ff4922;
}

.woocommerce ul.products li.product:hover img {
    opacity: 0.7;
}

.woocommerce ul.products li.product .button::before,
button.single_add_to_cart_button::before {
    content: "\f217";
    display: inline;
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 10px;
}

.woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
}

.woocommerce span.onsale {
    background-color: #fa6f6f;
}

.woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
    margin: 15px 0 30px;
}

.woocommerce .star-rating {
    margin-bottom: 10px;
    margin-top: 10px;
}

#reviews .comment-form {
    margin: 0;
}

.woocommerce ul.products li.product a {
    text-align: center;
    text-decoration: none;
}

.woocommerce a.added_to_cart.wc-forward {
    color: orange;
    margin-bottom: 5px;
    margin-top: 0;
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    font-size: 15px;
    font-weight: 500;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    box-shadow: none;
    float: right;
    height: auto;
    margin-left: 4px;
    padding: 3px;
    width: 60px;
}

.product_list_widget > li {
    border-bottom: 1px solid rgba(221, 221, 221, 0.3);
}

/*woocommerce button custom color*/
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    border: 1px solid #ddd;
    padding: 10px;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 0;
    box-shadow: inherit;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding: 7px 15px;
    background-color: #ff7d06;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
    box-shadow: none;
    color: #fff;
    border: none;
    background-color: #ff7d06;

}

.yith-wcwl-add-to-wishlist a.add_to_wishlist:hover {
    opacity: 0.7;
}

.yith-wcwl-add-to-wishlist a.add_to_wishlist {
    background-color: #222;
    border-radius: 0;
    box-shadow: inherit;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding: 3px 15px;
    font-family: "Rajdhani",sans-serif;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;

}

.yith-wcwl-add-to-wishlist a.add_to_wishlist::before {
    content: "\f004";
    display: inline;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}

.woocommerce div.product .woocommerce-tabs .panel{
    background-color: #fff;
    padding: 15px;
    border-top:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    float: left;
    margin: 0 2px;
}
.woocommerce span.onsale {
    padding: 0;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    border-radius: 0;
    height: 31px;
    margin-top: 1px;
    padding-left: 15px;
    width: auto;
}

.woocommerce-info {
    border-top-color: #ffa500;
}

.woocommerce-info::before {
    color: #ffa500;
}

.woocommerce input#billing_phone {
    padding: 5px;
    border: 1px solid #ddd;
}

.woocommerce .select2-container .select2-choice {
    border: 1px solid #ddd;
    border-radius: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 6px 5px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border: 1px solid #ddd;
    border-top:2px solid #ddd;
}

.woocommerce-checkout #payment ul.payment_methods li {
    list-style: outside none none;
}

.woocommerce-checkout #payment,
.woocommerce table {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce table.shop_table {
    border: medium none;

}

.woocommerce table.shop_table {
    border-collapse: collapse;
}

.woocommerce caption,
.woocommerce th,
.woocommerce td {
    font-weight: 400;
    padding: 5px;
    text-align: center;
}

.woocommerce table.shop_table th {
    font-weight: normal;
    padding: 6px 12px;
    font-size: 16px;
}

.woocommerce table.shop_table td {
    padding: 5px;
    text-align: center;
}

.woocommerce a.remove {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff !important;
    margin: 0 auto;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 10px 20px;
    text-align: center;
}

.woocommerce div.product .product_title {
    clear: none;
    font-size: 28px;
    margin: 0 0 5px;
    padding: 0 0 10px;
}

.page-numbers {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce nav.woocommerce-pagination {
    margin-bottom: 30px;
    text-align: center;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    margin-top: 0;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 15px;
}


.woocommerce ul.products li.product .onsale{
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 8px;
    margin: 0;
    min-height: 20px;
    padding: 40px 0 0;
    right: -40px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: -12px;
    transform: rotate(51deg);
    width: 95px;
    font-weight: bold;
}
.woocommerce ul.products li.product span.onsale {
    background-color: #ff6000;
    color: #ffffff;
    position: absolute;
    z-index: 99;
}
.cart button.single_add_to_cart_button {
    margin-left: 15px;
}

.actions  p {
    margin: 0;
}

table.shop_table.cart thead {
    background: #ff7d06 none repeat scroll 0 0;
    color: #ffffff;
}

.checkout h3 {
    font-size: 20px;
}

#ship-to-different-address .checkbox + br {
    display: none;
}

.checkout-button.button.alt.wc-forward {
    display: inline-block;
    width: auto;
}

.authorbox {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.authorbox img {
    border-radius: 100%;
}

.authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.authorbox .author-bio-posts-content p {
    margin: 0;
}

.authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}
.woocommerce ul.products li.product .price {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 5px;
}

/*woocommerce form */

#review_form_wrapper #commentform {
    margin: 0 -15px;
}

p.comment-form-rating {
    clear: both;
}

.woocommerce #review_form #respond p {
    margin: 0 0 10px;
    padding: 10px 15px;
}

.woocommerce .star-rating span::before {
       color: #ffd353;
}

.woocommerce-message::before {
    color: #ffa500;
}

.woocommerce ul.products li.product .star-rating {
    font-size: 13px;
    margin: 10px auto 0;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0 1.8% 2.992em 0;
    width: 32.05%;
}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
    margin-right: 0;
}

.woocommerce-message {
   border-top-color: #ffa500;
}



/*--------------------------------------------------------------
## Footer Style By WEN Themes
--------------------------------------------------------------*/
#colophon {
    background-color: #111;
    clear: both;
    color: #ffffff;
    font-size: 14px;
    padding: 15px 0;
    border-top: 1px solid #202020;
}

.site-info {
    font-size: 13px;
}

#colophon a {
    color:#aaa;
}

#colophon a:hover {
    color: #fff;
}

.footer-right {
    float: right;
}

.footer-left {
    float: left;
}

.footer-right {
    float: right;
    margin-top: 5px;
}

.colophon-column {
    float: left;
    text-align: center;
    width: 33.33%;
}

.colophon-grid-2 .colophon-column:first-child {
    text-align: left;
}

.colophon-grid-2 .colophon-column:nth-child(2n) {
    float: right;
    text-align: right;
}

#footer-widgets {
    background: #111 none repeat scroll 0 0;
    overflow: hidden;
    padding: 70px 0;
    color: #fff;
}

#footer-widgets ul {
    list-style: none;
    margin: 0;
}

#footer-widgets ul li {
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 2px 15px;
    position: relative;
}

#footer-widgets ul li::before {
    color: #ff7d06;
    content: ".";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 35px;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 5px;
}

#footer-widgets .footer-widget-area {
    float: left;
    padding: 0 15px;
    width: 25%;
}

#footer-widgets .footer-active-1 {
    width: 100%;
}

#footer-widgets .footer-active-2 {
    width: 50%;
}

#footer-widgets .footer-active-3 {
    width: 33.33%;
}

#footer-widgets .footer-active-4 {
    width: 25%;
}

#footer-widgets .widget-title {
    border-bottom: 1px dotted;
    color: #dddddd;
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#footer-widgets a {
   color: #aaa;
}

/*Footer Navigation*/

#footer-navigation li {
    display: inline-block;
    list-style: outside none none;
}

#footer-navigation li a {
    color: #ffffff;
    display: block;
    padding: 5px 10px;
}

#footer-navigation ul {
    margin: 0;
}

/*Scrollup Style*/

.scrollup {
    background-color: #000000;
    bottom: 50px;
    color: #ffffff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 4px 10px;
    position: fixed;
    right: 32px;
    text-align: center;
}

.scrollup:hover {
    background-color:#333;
}

.scrollup i {
    color:#fff;
    font-size:32px;
}



/*--------------------------------------------------------------
##  layout sidebar By WEN Themes
--------------------------------------------------------------*/

.global-layout-left-sidebar #primary {
    float: right;
}

.three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 50%;
}

.global-layout-three-columns .sidebar{
    float: right;
}

.three-columns-enabled .sidebar{
     width: 25%;
}

.global-layout-no-sidebar #primary{
    width: 100%;
}

/*--------------------------------------------------------------
## Inner Pages Style By WEN Themes
--------------------------------------------------------------*/

/*Basic Breadcrumb */
#breadcrumb {
    background: #fff;
    padding: 15px 0;
    color: #ff7d06;
    clear: both;
    border-bottom: 3px double #ddd;
}

#breadcrumb .container > div {
    overflow: hidden;
}

#breadcrumb {
    margin: 0;
}

#breadcrumb .breadcrumb-trail li,
#breadcrumb li {
    display: block;
    float: left;
    list-style: outside none none;
    padding-right: 10px;

}

#breadcrumb .breadcrumb-trail li.trail-item.trail-end::after {
    display: none;
}

#breadcrumb .breadcrumb-trail li::after,
#breadcrumb li::after {
    content: "\f101";
    margin-left: 10px;
    font-family: 'FontAwesome';
    color: #222;
}

#breadcrumb li:last-child::after {
    content:"";
}

#breadcrumb .breadcrumb-trail  .trail-items {
    margin: 0;
    padding: 0;
}

#breadcrumb a,
#breadcrumb .breadcrumb-trail li::after {
    color:#222222;
}

#breadcrumb a:hover {
    color:#ff7d06;
}

/*Error 404 Page*/

section.error-404 {
    text-align: center;
}

#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}

#quick-links-404 ul li a {
    color: #404040;
    display: block;
    padding: 5px 10px;
}

.error404 #primary {
    width: 100%;
}

section.error-404 .search-form {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}

/*contact form 7*/

.wpcf7-form {
    max-width: 875px;
}

div.wpcf7 {
    margin: 0 auto;
    padding: 0;
}

.wpcf7 input {
    width: 100%;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
}


/*--------------------------------------------------------------
### Rrecent post widget style By WEN Themes
--------------------------------------------------------------*/


.clean_commerce_widget_recent_posts .recent-posts-title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.clean_commerce_widget_recent_posts .recent-posts-title a {
    color: #000;
}

.clean_commerce_widget_recent_posts .recent-posts-item {
    clear: both;
    margin-top: 10px;
}

.clean_commerce_widget_recent_posts .recent-posts-item::after {
    clear: both;
    content: "";
    display: table;
}

.clean_commerce_widget_recent_posts .recent-posts-date::before{
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right:5px;
    content: "\f017";
}

/*--------------------------------------------------------------
## featured-porduct-carousel-slider
--------------------------------------------------------------*/

#featured-carousel-carousel {
    clear: both;
    overflow: hidden;
    position: relative;
}

#featured-carousel {
    clear: both;
    padding: 30px 0;
    position: relative;
    background-color: #fff;
}

#featured-carousel .featured-porduct-carousel-content,
#featured-carousel  a {
    color: #fff;
}

#featured-carousel .featured-carousel-item {
    float: left;
    position: relative;
    width: 33.33%;
    overflow: hidden;
    padding: 0 15px;
}

#featured-carousel .slick-prev.slick-arrow,
#featured-carousel .slick-next.slick-arrow {
    background-color: #ff9813;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 27px;
    font-weight: normal;
    line-height: 0.8;
    padding: 17px 13px;
    position: absolute;
    text-align: center;
    top: 42%;
    z-index: 999;
    opacity: 0;
    transition: 0.2s ease-out 0s;
}

#featured-carousel .slick-prev.slick-arrow {
    left: 0;
}

#featured-carousel .slick-next.slick-arrow {
    right:0;
}

#featured-carousel  .featured-product-carousel-wrapper:hover .slick-prev.slick-arrow,
#featured-carousel  .featured-product-carousel-wrapper:hover .slick-next.slick-arrow{
    opacity: 1;
}

#featured-carousel  .featured-product-carousel-wrapper .slick-list {
    margin: 0 -15px;
    overflow: hidden;
    padding: 0;
}

#featured-carousel .featured-product-carousel-wrapper {
    overflow: hidden;
}

#featured-carousel .featured-carousel-item  {
    line-height: 1;
    text-align: center;
}

#featured-carousel .featured-carousel-item .featured-carousel-item-thumb {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

 #featured-carousel .featured-carousel-item:hover img {
    filter: blur(2px);
    transform: scale(1.15);
}


#featured-carousel .featured-carousel-item img {
    transition: transform 0.2s ease-out 0s;
    width: 100%;
}

#featured-carousel .featured-carousel-item .img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

#featured-carousel .featured-carousel-item .featured-product-title {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    margin:0;
}

#featured-carousel .featured-carousel-item .featured-product-title::before {
    background: #fc8401;
    content: "";
    height: 100%;
    left: 0;
    opacity:0;
    position: absolute;
    top: 0;
    transition: all 0.25s ease-out 0s;
    width: 100%;
    z-index: -1;
}

#featured-carousel .featured-carousel-item:hover .featured-product-title::before  {
    opacity: 0.4;
}

#featured-carousel .featured-carousel-item .featured-product-title span {
    background-color: rgba(0, 0, 0, 0.2);
    bottom: 50%;
    font-size: 24px;
    left: 0;
    letter-spacing: 0.05em;
    line-height: 30px;
    margin: 0 auto;
    padding: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: auto;
    transform: translateY(50%);
    white-space: normal;
    width: 100%;
    z-index: 3;
}

/*--------------------------------------------------------------
##  Media Queries By WEN Themes
--------------------------------------------------------------*/

/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1300px) {
    .container {
        width: 97%;
    }
    .comments-area form#commentform p {
        float: left;
        width: 100%;
    }

    #comments input#submit {
        width: auto;
    }

    .site-header {
        padding: 15px 0 10px;
    }


    .right-header {
        width: auto;
    }

    .main-navigation ul li li a {
        margin: 0;
    }

    .authorbox  .author-info,
    .authorbox  .author-bio-posts-content {
        float: left;
        max-width:70%;
        width: 70%;
    }

}
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1024px) {
    .main-navigation ul > li ul  {
        display: none;
        opacity: 1;
        visibility: visible;
    }
    .main-navigation ul > li:hover > ul  {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) {
    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3{
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }

    .inner-wrapper {
        margin-left: -10px;
        margin-right: -10px;
    }

    #primary,
    .sidebar,
    #colophon {
        padding-left: 10px;
        padding-right: 10px;
    }

    td,
    th {
        font-size: 12px;
        padding: 2px;
        text-align: center;
    }

    body.three-columns-enabled #primary,
    body.three-columns-enabled #content .sidebar,
    body #content #primary, body #content .sidebar {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%;
    }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:900px) {


    body{
        padding-top: 0;
    }

    #page {
        margin-top:45px;
    }

    #main-nav,
    #header-nav {
        display: none;
    }

    #right-header {
        float: none;
        padding: 0 15px;
        width: 100%;
    }

    #cart-section {
        clear: both;
        float: none;
        text-align: center;
    }

    #cart-section li {
        display: inline-block;
        float: inherit;
        list-style: outside none none;
        padding: 10px;
    }


  /*Moblile menu*/

    a#mobile-trigger {
        display: block;
        float: left;
        padding-left:25px;
    }

    .sidr-main-open  a#mobile-trigger{
       padding-left:278px;
    }

    .mobile-nav-wrap {
        background: #242424  none repeat scroll 0 0;
        display: block;
        left: 0;
        padding: 6px;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 999999;
    }

    .logged-in .mobile-nav-wrap {
        top: 45px;
        height: 49px;
    }

    #mobile-trigger i {
        background-color: #fa5742;
        box-shadow: 0 1px 2px #242424 ;
        color: #ffffff;
        font-size: 21px;
        padding: 6px 8px;
    }

    .sidr ul li ul li a,
    .sidr ul li ul li span {
        line-height: 1.5;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-top: 10px !important;
    }

    /*#top-nav*/

    #header-nav {
        display: none;
    }

    #mobile-trigger2 {
        text-align: right;
        transition: inherit;
        padding-right: 25px;

    }

    .sidr2-open   #mobile-trigger2{
       padding-right:278px;
    }

    #mobile-trigger2 i {
        background-color: #383433;
        box-shadow: 0 1px 2px #242424 ;
        color: #ffffff;
        font-size: 21px;
        padding: 6px 8px;
    }

    a#mobile-trigger2 {
        float: right;
        display: block;
    }

    /*Mobile Menu*/

    #primary,
    .sidebar {
        width: 100%;
    }

    .clean_commerce_widget_recent_posts .recent-posts-item {
        clear: both;
        float: left;
        margin-top: 30px;
        width: 100%;
    }

    .site-branding {
        float: none;
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }

    .site-title {
        margin-top: 0;
    }

    .custom-logo-link,
    .site-logo-link,
    #site-identity {
        float: none;
        margin-right: 0;
        display: block;
        clear: both;
    }

    .clean_commerce_widget_products_slider .side-banner {
        padding-left: 20px;
    }

    #featured-carousel .featured-product-carousel-wrapper .slick-list{
        margin-left:10px;
        margin-right: 10px;
    }

    #featured-carousel .featured-carousel-item  {
        padding-left:10px;
        padding-right: 10px;
    }


}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:768px) {
        .woocommerce ul.products li.product,
        .woocommerce-page ul.products li.product,
        .woocommerce .related ul.products li.product,
        .woocommerce-page .related ul.products li.product {
        margin: 0 0 20px;
        width: 48.05%;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {


    .site-header {
        position: inherit;
    }

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3{
        font-size: 18px;
    }

    h4 {
        font-size:16px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }

    #quick-contact li {
        font-size: 13px;
        margin-bottom: 5px;
        margin-left: 10px;
        margin-top: 2px;
    }

    #footer-widgets,
    #colophon {
        margin-left: 0;
        margin-right: 0;
    }

    #featured-carousel .featured-product-carousel-wrapper .slick-list {
        margin: 0;
    }

    #featured-carousel .slick-prev.slick-arrow {
        left: 10px;
    }

    #featured-carousel .slick-next.slick-arrow {
        right: 10px;
    }

    #featured-carousel .slick-prev.slick-arrow,
    #featured-carousel .slick-next.slick-arrow {
        bottom:0;
        opacity: 1;
        top: inherit;
    }

    body .sidebar,
    body #primary {
        width: 100%;
    }

    .site-content {
        padding-top: 15px;
    }

    #content {
        clear: both;
        padding-top: 20px;
    }

    #primary article.hentry {
        overflow: hidden;
        padding: 10px;
    }


    /*footer widget area*/

    .sibebar {
        margin-top: 15px;
    }

    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }

    #footer-widgets .footer-active-1 {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:nth-child(3n) {
        clear: both;
    }

    .widget.clean_commerce_widget_services .service-block-item {
        width: 50%;
    }

    .widget {
        margin: 15px 0 0;
    }

    #footer-widgets {
        padding: 30px 15px;
    }

    #colophon .copyright,
    #colophon .site-info {
        clear: both;
        text-align: center;
        width: 100%;
    }

    #colophon .colophon-column,
    #colophon .colophon-grid-2 .colophon-column,
    #colophon .colophon-grid-3 .colophon-column,
    #colophon .colophon-grid-4 .colophon-column {
        float: left;
        width: 100%;
    }

    #footer-navigation {
        text-align: center;
        margin-bottom:10px;
    }

    .copyright {
        margin-bottom: 5px;
    }

    .entry-footer > span {
        border-right: medium none;
        border-top: 1px solid #dddddd !important;
        display: block;
        float: left;
        padding: 10px 15px;
        width: 100%;
    }

    .entry-footer {
        border: none;
    }


}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:550px) {

    .page-title {
        font-size: 30px;
    }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
   .sidr-main-open a#mobile-trigger2 {
        float: right;
        display: block;
        float: left;
        clear: both;
        padding-left: 260px;
    }

    .sidr-main-open a#mobile-trigger {
        float: right;
        display: block;
        float: left;
        clear: both;
        padding-left: 260px;
    }

    .sidr2-open a#mobile-trigger {
        float: left;
        padding-left: 5px;
    }

    .sidr2-open a#mobile-trigger2 {
        padding-right: 270px;
    }

    .site-branding {
        text-align: center;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #fff;
        margin-top: 15px;
    }

    .site-description {
        margin-bottom: 0;
    }

    .search-box .search-box-wrap {
        right: 3%;
        width: 263px;
    }

    .social-links {
        float: right;
        max-width: 208px;
        text-align: right;
    }

    .social-links .clean_commerce_widget_social li {
        display: inline-block;
        float: none;
    }

    .search-box {
        float: right;
        position: relative;
        width: 33px;
    }

    .page-title {
        font-size: 20px;
        margin-bottom: 7px;
    }


    #tophead {
        text-align: center;
    }

    #quick-contact {
        float: none;
        clear: both;
    }

    .header-social-wrapper .clean_commerce_widget_social li {
        float:none;
        display: inline-block;
    }

    #quick-contact li {
        display: inline-block;
        float: none;
        font-size: 13px;
    }

    .header-social-wrapper {
        float: none;
        margin-top: 2px;
    }

    #cart-section .cart-icon {
        margin-left: 0;
        margin-right: 0;

    }

    #cart-section li {
        padding:10px 5px;
    }

   .woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
   .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
        margin: 0 0 20px;
        width: 100%;
    }
}