/*
Theme Name: WEN Awesome
Theme URI:
Author: WEN Themes
Author URI: http://wenthemes.com/
Description:
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wen-awesome
Tags:

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.

WEN Awesome 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
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 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;
}

b,
strong {
    font-weight: bold;
}


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

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

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


textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
        margin: 0 0 1.5em;
    width: 100%;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 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: #fff; /* 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;
}

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. */
}



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #009408;
    text-decoration: inherit;
}

a:visited {
    color: #009408;
}

a:hover,
a:focus,
a:active {
    color: inherit;
    border: none;
}

a:focus {
    outline:none;
}

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

.entry-content a:not(.more-link):not(.button):not(.wp-block-button__link),
.entry-summary a:not(.more-link):not(.button):not(.wp-block-button__link),
.ew-about a:not(.more-link):not(.button),
.widget_text a:not(.more-link):not(.button),
.comment-content a {
    text-decoration: underline;
}

.entry-content a:not(.more-link):not(.button):hover,
.entry-content a:not(.more-link):not(.button):focus,
.entry-summary a:not(.more-link):not(.button):hover,
.entry-summary a:not(.more-link):not(.button):focus,
.ew-about a:not(.more-link):not(.button):hover,
.ew-about a:not(.more-link):not(.button):focus,
.widget_text a:not(.more-link):not(.button):hover,
.widget_text a:not(.more-link):not(.button):focus,
.comment-content a:hover,
.comment-content a:focus {
    text-decoration: none;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    display: block;
    float: right;
    text-align: right;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    display: inline-block;
    float: none;
    position: relative;
}
.main-navigation a {
    color: #4e443b;
    display: block;
    font-size: 20px;
    letter-spacing: 0.5px;
    padding:35px 20px;
    text-decoration: inherit;
    text-transform: capitalize;
    transition: all 0.1s ease-in-out 0s;
    border-bottom: 5px solid transparent;
}
.main-navigation li a:hover,
.main-navigation li a:focus,
.main-navigation li.current-menu-item a {
    border-top: 5px solid #fccb47;
    color: #000000;
}
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}
.main-navigation ul ul a {
    width: 200px;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}



.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: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.post-navigation a{
    background: none repeat scroll 0 0 #d94c30;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 5px 10px;
    text-decoration: inherit;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
}
a#mobile-trigger {
    border: 2px solid;
    display: inline-block;
    padding: 0 15px;
    margin: 5px 5px 0;
    float: left;
    position: relative;
    z-index: 99;
}
div#mob-menu,
a#mobile-trigger  {
    display: none;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    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;
    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: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear: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 {
    content: "";
    display: table;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

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

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

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

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

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# 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: block;
    margin: 0 auto;
}

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
input[type="text"], input[type="password"], textarea, input[type="email"], select, input {
    border: 1px solid #aaaaaa;
    border-radius: 0;
    color: #000;
    line-height: 1.5;
    padding: 5px;
    width: 100%;
}
/*--------------------------------------------------------------
# custom style
--------------------------------------------------------------*/
body{
    color:#808080;
    font-size: 18px;
    line-height: 1.7;
    font-family: 'Abel', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    clear: inherit;
    margin: 0 0 15px;
    font-weight: normal;
    color: #4bbb58;
    font-family: oswald;
}
p {
     color:#808080;
    font-size: 18px;
    line-height: 1.7;
    font-family: 'Abel', sans-serif;
    margin: 0 0 15px;
}

.container,
#container{
    width:1170px;
    margin: 0 auto;
}
/*--------------------------------------------------------------
## masthead
--------------------------------------------------------------*/

#masthead ul{
    padding:0;
    margin: 0;
}

#masthead {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    transition: all 0.1s ease-in-out 0s;

}
header#masthead.fixed {
    position: fixed;
    width: 100%;
    z-index: 99999;
    box-shadow: 0 0 4px;
    left: 0;
}
.site-branding {
    float: left;
    margin-right: 50px;
}
h1.site-title {
    margin: 9px 0px;
    max-width: 163px;
}
.site-title > a {
    display: block;
}
.site-title img {
    display: block;
    margin: 0;
}
.site-info {
    background-image: url("images/footer-icon.png");
    background-repeat: no-repeat;
    float: right;
    padding-left: 55px;
}

.site-info p {
    color: #ffffff;
    margin: 0;
}
.header-right {
    float: right;
    display: none;
}

.header-right li {
    display:inline-block;
    position: relative;

}

/*--------------------------------------------------------------
## slider
--------------------------------------------------------------*/

.banner-content h2 {
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 79px;
    line-height: 1.3;
    margin: 0;
    text-shadow: 0 1px 2px #000000;
}
#slider-section p {
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 40px;
    margin-top: 26px;
    text-shadow: 0 0 1px #000000;
}
#primary #slider-section {
    background-color: #af8231;
    background-image: linear-gradient(315deg, #c1bfbf 0%, #af8231 74%);
    padding: 60px 0 0;
    text-align: left;
}
#primary #slider-section .container {
    display: block;
    height: 1%;
    overflow: hidden;
}
#primary #slider-section .banner-image {
    display: block;
    float: right;
    width: 50%;
}
#primary #slider-section .banner-image img {
    display: block;
}
#primary #slider-section .banner-content {
    display: block;
    float: left;
    padding: 0 50px 50px 0;
    width: 50%;
}
.banner-content span {
    font-size: 36px;
}
a.view-more.all-plugin {
    background-color: #33b0e2;
    margin-left: 15px;
}
.single-banner-content .def-btn.product-demo {
    background: none repeat scroll 0 0 #d94c30;
    bottom: inherit;
    position: relative;
    right: inherit;
    z-index: 9999;
}
.def-btn.all-themes {
    background: #589427;
}

/*--------------------------------------------------------------
## primary
--------------------------------------------------------------*/

.main-title {
    margin-bottom: 45px;
    text-align: center;
}
.main-title  h2 {
    font-size: 30px;
}
.main-title p{
    font-size: 16px;
}
.inner-wrapper {
    clear: both;
    display: block;
    margin: 0 -25px;
    overflow: hidden;
}

/*--------------------------------------------------------------
### product
--------------------------------------------------------------*/
.home-home-area.latest-free-theme {
    margin-top: 40px;
    clear: both;
    display: block;
    float: left;
    width: 100%;
    border-top: 3px double #ddd;
    visibility: visible;
    padding-top: 40px;
}
#our-product .product,
.products .product {
    float: left;
    margin-top: 15px;
    padding: 0 25px;
    position: relative;
    list-style: none;
    width: 33.3%;
    overflow: hidden;
    margin-bottom: 15px;
}
#our-product {
    clear: both;
    padding: 40px 0;
}
.page-template-listing #our-product {
    clear: both;
    padding-top:0;
}
.product-wraper {
    background-image: url(images/mac-frame.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 5px 5px 0 0;
    float: left;
    margin-right: 21px;
    padding-top: 6%;
    width: 100%;
    padding: 30px 10px 0 10px;
    background-color: #f5f5f5;
    position: relative;
}
.product-wraper:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 110px;
    width: 40px;
    background: #fff;
    right: -40px;
    z-index: 999;
}
.product h2 {
    font-size: 22px;
}
.product-wraper a {
    display: block;
}
.product-wraper a img{
    vertical-align: middle;
}
.product-main-title {
    clear: both;
    position: relative;
    text-align: center;
}
.product-main-title > h2:before {
    background: none repeat scroll 0 0 #d94c30;
    border-radius: 3px;
    bottom: -14px;
    content: "";
    height: 6px;
    left: 25%;
    position: absolute;
    width: 50%;
    display:none;
}
.product-main-title h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #222;
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    margin-bottom: 15px;
    position: relative;
    text-decoration: inherit;
}
.product-wraper a {
    color: #000000;
    overflow: hidden;
    position: relative;
    text-align: center;
}

 #primary .product-listing {
    padding-bottom: 0;
}
.product-category ul {
    margin: 0;
    padding: 0;
    text-align: center;
}



a.def-btn, button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background: none repeat scroll 0 0 #009408;
    border: medium none;
    color: #ffffff;
    display: inline-block;
    font-size: 17px;
    padding: 13px 30px;
    text-decoration: inherit;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
}


a.def-btn.product-add {
    background: none repeat scroll 0 0 #33b08f;
    border-radius: 0;
    bottom: 0;
    position: absolute;
    right: 33%;
    text-align: center;
    width: 33%;
    opacity: 0;
}
.product .product-buttons a {
    visibility: hidden;
    padding: 5px;
    bottom:10px;
    opacity: 1;
    position: absolute;
    -webkit-transition: all 0.0.5s ease-in-out 0.0.5ss;
    -moz-transition: all 0.0.5s ease-in-out 0.0.5ss;
    -ms-transition: all 0.0.5s ease-in-out 0.0.5ss;
    -o-transition: all 0.0.5s ease-in-out 0.0.5ss;
    transition: all 0.0.5s ease-in-out 0.0.5ss;
}
.product:hover .product-buttons a {
    visibility:visible;
    bottom:100%;
}
a.def-btn.product-detail {
    right: 0;
    text-align: center;
    width: 33%;
    border-radius: 0;
}
.def-btn.product-demo {
    background: none repeat scroll 0 0 #33b0e2;
    left: 0;
    right: inherit;
    text-align: center;
    width: 34%;
    border-radius: 0;

}
.product-buttons {
    clear: both;
    position: relative;
    z-index: 99;
}
.product h2 {
    background: none repeat scroll 0 0 #f5f4f4;
    clear: both;
    color: #d94c30;
    font-size: 15px;
    padding: 5px 20px 10px;
    text-align: center;
}
a.view-more {
    background: none repeat scroll 0 0 #009408;
    float: right;
    width: 170px;
    text-align: center;
    margin: 25px auto 15px;
    float: none;
    display: block;
}
.price-archive, .price-single {
    background: none repeat scroll 0 0 #009408;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 57px;
    position: absolute;
    right: -10px;
    top: 10px;
    transform: rotate(40deg);
    z-index: 99;
    text-align: center;
}
.banner-button a {
    font-size: 18px;
    margin: 0 5px;
    padding: 14px 29px;
}
/*single product*/
#custom-header h1.page-title {
    text-align: center;
    color: #fff;
    padding: 30px 0 5px;
    font-size: 38px;
}

#custom-header {
    background-color: #af8231;
    background-image: linear-gradient(315deg, #c1bfbf 0%, #af8231 74%);
    padding: 15px 0;
    overflow: hidden;
    clear: both;
}
.home #custom-header {
    display: none;
}
#inner-banner .container{
    position: relative;
}
.container {
    clear: both;
}
.single-product-wrapper {
    margin: 40px 0;
}
div#content {
    padding: 60px 0;
}
.home div#content,
.single-product div#content {
    padding: 0;
}
#inner-banner {
    background-image: url(images/home-banner-bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 40px 0;
    text-align: right;
    background-size: cover;
    background-color: #c0991d;
    overflow: hidden;
}
#inner-banner img {
	max-width: 650px;
}
.single-banner-content {
    float: right;
    max-width: 65%;
    padding-top: 30px;
}
.single-banner-content > h2 {
    color: #ffffff;
    font-size: 53px;
    margin-bottom: 30px;
    text-align: right;
    text-shadow: 0 1px 1px #000000;
}
#inner-banner a.def-btn {
    border-radius: 2px;
    clear: both;
    float: right;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 9px 39px;
}
.def-btn.single-btn-doc {
    background: none repeat scroll 0 0 #33b0e2;
}
.def-btn.single-btn-pro {
    background: none repeat scroll 0 0 #427488;
}
.def-btn.single-btn-add {
    background: none repeat scroll 0 0 #009408;
}
a.def-btn.single-btn-demo {
    background: #af4e0a;
}

.def-btn.all-themes {
    background: #c3371b;
}

#inner-banner img {
    float: right;
    margin-left: 30px;
}

.woocommerce .login input.button {
    background: none repeat scroll 0 0 #d94c30 !important;
    color: #ffffff;
    font-weight: normal;
    width: auto;
}

.inline > input#rememberme {
    width: auto;
}
.woocommerce form.login {
    margin: 0 auto;
    max-width: 100%;
    width: 400px;
}
.login .input-text {
    padding: 10px;
}
.lost_password > a {
    color: #d94c30;
    display: block;
    font-size: 14px;
    font-style: italic;
    text-align: center;
}
/*--------------------------------------------------------------
### sercices
--------------------------------------------------------------*/


/*--------------------------------------------------------------
### search-form
--------------------------------------------------------------*/
input.search-submit {
    background: none repeat scroll 0 0 #61bf6c;
    border-radius: 0;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    height: 46px;
    padding: 0 12px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    width: auto;
}
input.search-field {
    border: 1px solid #aaaaaa;
    border-radius: 0;
    -webkit-appearance: none;
    height: 46px;
    padding: 0 15px;
    width: 100%;
}
#header-search-form {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    box-shadow: 0 2px 3px rgb(99, 99, 99);
    margin: 0 auto;
    padding: 15px;
    position: absolute;
    right: 0;
    width: 435px;
      visibility: hidden;
    width: 100px;
    z-index: 999;
}

form.search-form{
    max-width: 100%;
    position: relative;
}
form.search-form:before ,
#header-search-form:before{
    border-bottom: 10px solid #ffffff;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: -10px;
}
#header-search-form:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 42px;
    left: -1px;
    position: absolute;
    top: -39px;
    width: 100%;
    z-index: 9999999;
}
.woocommerce-product-search{
    position: relative;
}

.search-section:hover #header-search-form,
.search-section:focus #header-search-form{
    visibility: visible;
    transition: all 0.2s ease 0.2s;
    right: 0;
    width: 435px;

}
.search-section:hover > a {
     background-color: #d94c30;
     color: #fff;
    background-position: center 38px;
}

.search-section a {
    background-image: url("images/search-icon-new.png");
    background-position: center -43px;
    background-repeat: no-repeat;
    display: block;
    height: auto;
    overflow: hidden;
    padding: 43px 35px;
    text-indent: -99999em;
    width: auto;
}

/*--------------------------------------------------------------
### footer
--------------------------------------------------------------*/
.site-footer {
    background-color: #121212;
    clear: both;
    color: #ffffff;
    padding: 15px 0;
}
.footer-widget {
    float: left;
    width: 25%;
    padding: 0 25px;
}

#footer-widget-area {
    background-color: #232323;
    margin-top: 30px;
    padding: 40px 0 0;
}
.footer-widget ul {
    margin: 0;
    padding: 0;
}
.footer-widget h3 {
    font-size: 16px;
    text-transform: uppercase;
}
.footer-widget a {
    color: #ffffff;
    display: block;
    font-size: 16px;
    text-decoration: inherit;
}
.footer-widget h2 {
    color: #ffffff;
    font-size: 27px;
    margin-bottom: 15px;
}
.footer-widget li{
    color: #fff;
    list-style: none;


}
#footer-navigation ul li a {
    color: #ffffff;
    display: block;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 11px;
    text-decoration: inherit;
}
#footer-navigation ul li:first-child:before {
    display: none;
}
#footer-navigation ul li:before {
    background-color: #ffffff;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 1px;
}
#footer-navigation ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#footer-navigation ul li {
    float: left;
    position: relative;
}
#footer-navigation ul li:first-child a{
    border: none;
    padding-left: 0;
}
#footer-navigation {
    float: left;
}
/*--------------------------------------------------------------
### social links
--------------------------------------------------------------*/
.social-links {
    float: left;
}
.social-links span{
    margin-left: 15px;
}
.social-links ul {
    float: right;
    margin: 0;
    padding: 0;
}
.social-links ul li {
    display: inline-block;
}
.social-links ul li a {
    background: url("images/social-icons.gif") no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 60px;
    margin-right: 5px;
    transition: all 0.3s ease 0s;
    width:60px;
}
.social-links ul li a.facebook {
    background-position: 0 1px;
}
.social-links ul li a.twitter {
    background-position: -68px 1px;
}
.social-links ul li a.pinterest {
    background-position: -138px 1px;
}
.social-links ul li a.instagram {
    background-position: -215px -1px;
}

/*--------------------------------------------------------------
## inner pages
--------------------------------------------------------------*/
body article {
    margin-bottom: 15px;
    padding: 40px;
}
body article,
#secondary .widget {
    background: #fcfdfd;
    border: 1px solid #ddd;
}
.single-product #primary,
.home #primary ,
.page-template-full-width #primary,
.error404 #primary,
.search-no-results #primary,
.page-template-listing #primary{
    float: left;
    padding: 0;
    width: 100%;
}
#secondary {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    padding: 0 30px;
    width: 30%;
}
#secondary .widget {
    padding: 30px;
}
#secondary ul li {
    font-size: 16px;
    padding: 5px 0;
    background-image: url(images/checked.svg);
    background-position: 0 14px;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-left: 22px;
}

#primary {
    float: left;
    padding: 0 25px;
    width: 70%;
}
#secondary ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#secondary li a {
    color: #808080;
    text-decoration: inherit;
}
#secondary .widget-title {
    font-size: 24px;
    line-height: 1.3;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}

/*--------------------------------------------------------------
### product listing page
--------------------------------------------------------------*/
a.about-demo{
    background-color: #d94c30;
    color:#fff;
}

/*Team Section*/
.team-section .avatar {
    float: left;
    width: 50%;
    padding:0 25px;
}
.team-section .thumb {
    border: 2px solid #dddddd;
    float: left;
    margin-right: 25px;
    max-width: 50%;
    padding: 5px;
}
.team-section .social-links ul {
    float: inherit;
    margin: 0;
    padding: 0;
}
.team-section .social-links ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    float: left;
    list-style: inside none disc;
    padding: 0;
    width: auto;
}
.team-section .social-links {
    float: none;
}
.team-section .social-links ul li a.facebook {
    background-position: -7px -7px;
}
.team-section .social-links ul li a {
    background-size:178px;
    border-radius: 100%;
    content: "";
    display: block;
    height: 40px;
    margin-right: 10px;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.team-section .social-links ul li a.twitter {
    background-position: -54px -3px;
    background-size: 150px auto;
}
.team-site-info {
    clear: both;
}
.team-info {
    float: left;
    max-width: 45%;
}
/*--------------------------------------------------------------
### product single page
--------------------------------------------------------------*/
section.error-404 ,.search .no-results{
    margin: 0 auto 40px;
    max-width: 500px;
    text-align: center;
}
.error-not {
    color: #d94c30;
    display: block;
    font-family: 'Oswald', sans-serif !important;
    font-size: 149px;
    font-style: italic;
    margin-bottom: 16px;
    margin-top: -111px;
}

.woocommerce div.product div.images img {
    border: 1px solid #ffffff;
}
.woocommerce span.onsale{
    display: none;
}
#primary .single-product-wrapper .images {
    float: left;
    margin-right: 5%;
    margin-top: 27px;
    width: 55%;
    margin-bottom: 25px;
    position: relative;
    max-height: 577px;
    overflow: hidden;
    border-bottom: 15px solid #e5e7ea;
    background: #e5e7ea;
    text-align: center;
    padding: 15px;
}
.price-single {
    padding: 5px 62px;
    top: 12px;
    right: -35px;
}
.entry-content {
    clear: both;
}
.wen-single-product-widget-wrap > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.single-product-right {
    float: right;
    width: 40%;
}


.wen-single-product-widget-wrap li strong {
    color: #589427;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: normal;
    margin-right: 12px;
    width: 37%;
}
.wen-single-product-widget-wrap {
    margin-top: 25px;
}
.wen-single-product-widget-wrap span:before {
    content: "-";
    display: inline-block;
    float: left;
    margin-left: -12px;
}
.wen-single-product-widget-wrap {
    margin-top: 25px;
    background: #e5e7ea;
    overflow: hidden;
    padding: 15px 15px 0;
}
.wen-single-product-widget-wrap li {
    background: #ffffff;
    float: left;
    font-size: 17px;
    margin-bottom: 18px;
    padding: 6px 10px 6px 10px;
    width: 100%;
}
.single-product .entry-content {
    margin-top: 24px;
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.single-block > p {
    border-bottom: 1px solid #dddddd;
    font-size: 19px;
    margin-bottom: 40px;
}
.single-block a.def-btn {
    display: inline-block;
    margin-bottom: 15px;
}
.wen-single-product-widget-wrap span {
    display: block;
    float: left;
    width: 60%;
}
.entry-title, .page-title,#toc-content h1{
    color: #d94c30;
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    margin-bottom: 35px;
    padding: 8px 25px 10px;
    position: relative;
    text-align: center;
    text-decoration: inherit;
}
.blog .entry-content img, .single-post .entry-content img{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.entry-header .entry-title {
    margin: 0;
}
.blog .entry-header .entry-title, .single-post .entry-header .entry-title {
    margin: 0;
    color: #000!important;
}
#toc-content h1 a{
    text-decoration: inherit;
}
.product h2 a {
    color: #000;
    font-size: 22px;
    text-decoration: inherit;
}
.tax-product_cat #main,
.post-type-archive-product #main{
    margin: 0 auto;
    width: 1170px;
}
.tax-product_cat ul.products,
.post-type-archive-product ul.products {
    display: block;
    margin: 0 -25px;
    overflow: hidden;
    padding: 0;
}
.tax-product_cat .page-title,
.post-type-archive-product .page-title{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #d94c30;
    display:block;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    margin-bottom: 15px;
    padding: 8px 25px 10px;
    position: relative;
    text-decoration: inherit;
    text-align: center;
}
.tax-product_cat #primary,
.post-type-archive-product #primary{
    width:100%;
    padding: 0;
}
.tax-product_cat #gap,
.post-type-archive-product #gap {
    height: 135px;
}
/*documentation template style*/

#doc-content {
    float: right;
    padding: 25px;
    width: 80%;
}

.doc-template .nav > li > a {
    color: #999999;
    font-size: 14px;
    padding: 4px 10px;
}
.doc-template .nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.doc-template #doc-sidebar ul {
    margin: 0;
    padding: 0;
}
.doc-template .site-header ul li a {

    padding: 20.5px 20px;

}
.doc-template #masthead {
    height: 67px;
    width: 100%;
}
.doc-template #gap {
    height: 108px;
}

.doc-template .nav > li > a {
    color: #6e6e6e;
    display: block;
    font-size: 14px;
    padding: 10px;
    text-decoration: inherit;
}
.doc-template .entry-title {
    margin-bottom: 0;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: inherit;
}
.woocommerce-account .woocommerce > h2 {
    text-align: center;
}
.tocify {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius:0;
    left: 0;
    margin-left: 2%;
    max-height: 90%;
    overflow: auto;
    position: fixed;
    width: 20%;
}
.tocify-header > li > a {
    font-size: 14px !important;
    font-weight: bold;
}
.doc-template #doc-sidebar ul.tocify-header:first-child {
    border: medium none;
}
.doc-template #doc-sidebar ul.tocify-header {
    border-top: 1px solid #d94c30;
    margin: 0;
    padding: 0;
}
.doc-template .nav li a {
    border-top: 1px solid #d94c30;
}
.doc-template .tocify-header > li > a {
    border: medium none;
}
#toc-content > p, #toc-content > h1, #toc-content > h2, #toc-content, #toc-content li {
    margin-bottom: 15px;
}
#toc-content > h1{
    font-size:28px;
    color:#fccb47;
}

#toc-content > h2 {
    color: #d94c30;
    font-size: 25px;
}
#toc-content > h3 {
    border-bottom: 1px solid #dddddd;
    color: #d94c30;
    font-size: 18px;
    padding-bottom: 7px;
}
 #toc-content > li,
 #toc-content{
    color:#656565;
 }
#toc-content ul li, #toc-content ol li {
    margin-bottom: 5px;
}
#toc-content  ul,#toc-content  ol {
    margin: 0 0 1.5em -0.6em;
}
.tocify-item.active a, .tocify-item a:hover {
    background: none repeat scroll 0 0 #d94c30;
    color: #ffffff !important;
}
#doc-content {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
}
.product-price {
    color: #fefefe;
    display: block;
    float: right;
    font-size: 33px;
    line-height: 1.3;
    padding: 0 15px;
    text-shadow: 0 1px 3px #020202;
}
.footer-widget {
    color: #ffffff;
}


.entry-content h3 {
    font-family: 'Oswald', sans-serif !important;
    font-size: 25px;
}
.entry-content h4 {
    font-family: 'Oswald', sans-serif !important;
    font-size: 23px;
    font-weight: normal;
}
.entry-content a {
    text-decoration: inherit;
}
.entry-content > ul {
    list-style: outside none none;
    margin: 0 0 19px;
    overflow: hidden;
    padding: 0;
}
.entry-content li {
    background-image: url(images/checked.svg);
    background-position: 4px 7px;
    background-repeat: no-repeat;
    border: medium none;
    color: #656565;
    margin-bottom: 11px;
    padding: 0 36px;
    background-size: 16px;
}
.entry-content li li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    line-height: 1.5;
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 4px;
    padding: 0;
}
.entry-content li ul {
    margin-left: 0;
    padding-left: 15px;
}

.page-template-contact #primary {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
}
.page-template-contact #primary article {
    border: none;
    padding: 0;
}
.contact-info-wrap {
    float: left;
    padding: 25px;
    width: 50%;
}
.wpcf7-form {
    float: left;
    margin-right: 25px;
    width: 66%;
}
.contact-widget {
    float: right;
    padding-top: 40px;
    width: 31%;
}
.wpcf7-form-control.wpcf7-submit {
    border: medium none;
    padding: 5px 15px;
    width: auto;
}
.wpcf7-form {
    float: left;
    margin-right: 25px;
}
.contact-widget > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.entry-content .contact-widget > ul li {
    background-repeat: no-repeat;
    border: medium none;
    float: left;
    font-size: 16px;
    margin-bottom: 11px;
    padding: 0 36px;
    width: 100%;
}

div.wpcf7-validation-errors {
    clear: both;
}

.woocommerce-ordering {
    margin: 0 auto 39px;
    max-width: 100%;
    width: 500px;
}

.navigation.pagination a,
.navigation.pagination span {
    text-decoration: none;
    border: 1px solid #efefef;
    padding: 0px 10px;
    margin: 2px;
    display: inline-block;
}

.navigation.pagination a:hover,
.navigation.pagination span.current {
  border-color: #464637;
}

.navigation.pagination span.current {
  font-weight: bold;
}

.navigation.pagination span.pages,
.navigation.pagination span.current{
    background-color:#464637;
    color: #ffffff;
}

.navigation.pagination a:hover {
    background-color: #2C2C2C;
    color: #ffffff;
}
.navigation.pagination{
    margin-bottom: 5px;
    margin-left: 0;
    text-align: center;
}
.footer-widget .textwidget {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    text-align: left;
}

.wen-themes-buttons-wrapper a {
    background: #d94c30 none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    margin:0 5px;
    padding: 5px 15px;
    text-decoration: inherit;
    transition: all 0.5s ease-in-out 0s;
    width: auto;
}

.wen-themes-buttons-wrapper a.theme-button.theme-button-detail {
    background: #33b0e2 none repeat scroll 0 0;
}

.wen-themes-buttons-wrapper {
    display: block;
    float: left;
    margin: 0 0 15px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.content-buttons {
    display: block;
    margin: 10px 0;
    text-align: center;
}

.content-buttons .def-btn {
    display: inline-block;
    margin: 0 5px;
    text-decoration: none !important;
}

.content-buttons .def-btn:hover,
.content-buttons .def-btn:focus {
    opacity: 0.8;
}

.def-btn.single-btn-demo:hover,
.def-btn.single-btn-demo:focus {
    background-color: #8b3d07;
}

.def-btn.single-btn-add:hover,
.def-btn.single-btn-add:focus {
    background-color: #025807;
}

.def-btn.single-btn-pro:hover,
.def-btn.single-btn-pro:focus {
    background-color: #1c353f;
}


/* Blog Page */

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

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

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

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

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

.entry-meta a,
.entry-footer a{
    margin: 0 0 0 2px;
}

.entry-meta a ,
.single-post-meta a,
.entry-footer  a{
    font-style: italic;
}
.entry-meta {
    text-align: center;
}
.entry-footer > span {
    margin-right: 15px;
}
/*Entry Footer */
.entry-header {
    margin-bottom: 15px;
}
.entry-footer {
    margin-top: 10px;
    text-align: center;
}

/* Comment form */

.comment-list li.comment:after {
    content: inherit;
    display: none;
}
.comment-list li{padding-left: 0;}
.comment {
    background-position: 0 -74px;
    display: block;
    float: left;
    width: 100%;
}
ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    overflow: inherit;
    padding:0 20px 20px;
    width: 100%;

}
.comment-list .children {
    margin:15px 0 15px 15px;
}

.comment-list {
    margin-bottom: 40px;
    margin-left: 0;
    padding-left: 0;
}
.comment-list li {
    list-style: outside none none !important;
}
.comment-list li li {
  padding: 0;
}
.comment .comment-body {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  float: left;
  margin: 1em 0 0;
  padding: 14px 15px 15px 34px;
  position: relative;
  width: 100%;
}

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

.comment-author img.photo {
  border: 1px solid #dddddd;
  border-radius: 15px;
  left: -15px;
  position: absolute;
}

.comment-list .children {
  background-position: left 20px;
  background-repeat: no-repeat;
  border-left: 1px solid rgb(238, 238, 238);
  margin-left: 0 !important;
  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 {
  left: 29px;
  position: absolute;
  top: 29px;
}

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

a.comment-reply-link {
  background-color:#d94c30;
  color: #ffffff;
  float: right;
  padding: 4px 25px;
  text-decoration: inherit;
  border-radius: 3px;
}
a.comment-reply-link:hover {
  opacity: 0.7;
}
.comment-metadata a {
    display: block;
    margin-bottom: 5px;
    text-decoration: inherit;
}

/*
Custom CSS!
*/


body.page-id-509 .nb-default-wrap {
    display: none !important;
}

.single-wen_documentation .nb-default-wrap {
    display: none;
}

.single-wen_documentation #page {
    margin-top: 0;
}

body .nb-default-wrap .default-button {
    background: #33b08f;
    border-radius: 1px;
    padding: 5px 10px;
}
.entry-content td, .entry-content th {
    padding: 10px;
    border: 3px double #ddd;
    color: #222;
}
.compare-table .free-theme-link {
    background-color: #ee4428;
}
.compare-table .pro-theme-link:hover,
.compare-table .pro-theme-link:focus {
    background-color: #3fb74d;
}
.compare-table .free-theme-link:hover,
.compare-table .free-theme-link:focus {
    background-color: #ee4428;
}
.compare-table .btn {
    color: #fff;
    width: 90%;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    bottom: -20px;
    padding: 12px;
}
.tab-pane table {
    text-align: center;
    margin: auto;
}
.tab-pane table td {
    padding: 12px 5px;
    color: #100f0f;
    border: 1px solid #589427;
}

#compare-table table {
    margin-top: 50px;
    border: 10px solid #e5e7ea;
}
.tab-pane table tr:nth-child(even) td:nth-child(odd) {
    background-color: #E5E7EA;
}
.tab-pane table tr:nth-child(even) td:nth-child(even) {
    background-color: #F5F5F7;
}
.tab-pane table tr:nth-child(odd) td:nth-child(odd) {
    /* background-color: #F7F8FA; */
}
.tab-pane table tr:nth-child(odd) td:nth-child(even) {
    background-color: #FCFCFD;
}
.tab-pane table tr td:nth-child(odd) {
    width: 25%;
}
.tab-pane table tr td:nth-child(even) {
    width: 50%;
}
.tab-pane .fa-check {
    color: #3fb74d;
    font-size: 16px;
}
.tab-pane .fa-close {
    color: #ee4428;
    font-size: 16px;
}
.tab-pane .fa-check, .tab-pane .fa-close {
    font-size: 16px;
    background-image: url(images/checked.svg);
    width: 25px;
    height: 25px;
    background-position: 50%;
    fill: #000;
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    background-size: 25px;
    background-repeat: no-repeat;
    border-radius: 100%;
}
.tab-pane .fa-close {
    background-image: url(images/multiply.svg);
}
.tab-pane table tr:first-child td {
    background: #3fb74d!important;
    font-size: 21px;
    color: #fff;
}
/*  Media Queries
--------------------------- */
/* Smaller than standard 1200 (devices and browsers) */
@media only screen and (max-width:1199px){
    .container,
    #container {
        margin: 0 auto;
        padding: 0 30px;
        width: 100%;
    }
    div#content {
        padding: 40px 0;
    }
    #primary {
        padding: 0 30px;
    }
    body article {
        padding: 30px;
    }
    #secondary {
        padding-left: 0;
        padding-right: 25px;
    }
    .banner-content h2 {
        font-size: 62px;
    }
    .banner-content span {
        font-size: 32px;
    }
    #slider-section p {
        margin-top: 21px;
        margin-bottom: 21px;
    }
    .main-navigation a {
        padding: 38.5px 13px;
    }
    #inner-banner img {
        max-width: 50%;
    }
    #primary .single-product-wrapper .images {
        width: 57%;
    }
    .tax-product_cat #main,
    .post-type-archive-product #main {
        margin: 0 auto;
        padding: 0 25px;
        width: 100%;
    }
    .team-info {
        max-width: 50%;
    }
    .team-section .thumb {

        max-width: 40%;
    }
}
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px){
    #secondary .widget {
        padding: 25px;
    }
   .main-navigation a {
        font-size: 18px;
        padding: 32px 10px;
    }
    .site-branding {
        float: left;
        margin-right: 12px;
        max-width: 18%;
    }
    #primary #slider-section {
        padding-top: 45px;
    }
    #primary #slider-section .banner-content {
        padding: 0 40px 40px 0;
    }
    #our-product .product, .products .product {
        padding: 0 15px;
    }
    #our-product {
        clear:  both;
        padding: 25px 0;
    }
    .product-main-title h2 {
        margin-bottom: 30px;
    }
    .banner-content h2 {
        font-size: 50px;
    }
    .banner-content span {
        font-size: 28px;
    }
    #slider-section p {
        font-size: 24px;
        margin-bottom: 12px;
        margin-top: 9px;
    }
    .single-banner-content {
        max-width: 44%;
        padding-top: 46px;
    }
    .single-banner-content > h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    #inner-banner a.def-btn {
        clear: both;
        float: right;
        font-size: 14px;
        margin-bottom: 10px;
        padding: 5px 18px;
    }
    #primary .single-product-wrapper .images,
    .single-product-right{
        width: 100%;
        margin-right: 0;
    }
    #our-product .product h2 a{
        font-size: 18px;
    }
    .product .product-buttons a {
        display: block;
    }
    .product .product-buttons a {
        display: block;
        padding: 9px 0;
        visibility: visible;
        bottom: 0;
    }

    .default-message {
        display: block;
        margin-bottom: 10px;
    }

    .default-message {
        display: block;
        margin-bottom: 10px;
    }
    .wpcf7-form,
    .contact-widget {
        width: 100%;
        margin: 0;
    }
    .contact-widget {
        padding-top: 15px;
    }
    #masthead {
        height: auto;
        position: inherit;
    }
    #inner-banner {
        margin-top: 0;
    }
    #primary #slider-section {
        margin-top: 0;
    }
    .page-template-contact #content.site-content {
        padding-top: 30px;
    }
    .team-section .thumb {
        float: left;
        margin-bottom: 25px;
        margin-right:0;
        max-width: 100%;
        text-align: center;
        width: 100%;
    }
    .team-info {
        float: left;
        max-width: 100%;
    }
    .price-archive, .price-single {
        padding: 0px 48px;
        top: 10px;

    }
}
@media only screen and (max-width:850px){
    .banner-content h2 {
        font-size: 44px;
    }
    .banner-content span {
        font-size: 26px;
    }
    #primary #slider-section .banner-content {
        padding: 0 30px 30px 0;
    }
    .banner-content .banner-button a {
        padding: 7px 15px;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px){
    .inner-wrapper {
        margin: 0;
    }
    div#content {
        padding: 35px 0;
    }
    .home div#content {
        padding-bottom: 35px;
    }
    .container,
    #container {
        padding: 0px 25px;
    }
    #primary {
        padding: 0 25px;
    }
    a#mobile-trigger {
        margin-left: 25px;
    }
    #secondary,
    #primary {
        padding-left: 0;
        padding-right: 0;
    }
    body article {
        padding: 25px;
    }
    #secondary .widget:last-child {
        margin-bottom: 0;
    }
    #footer-widget-area {
        margin-top: 0;
    }
    #custom-header h1.Page-title {
        text-align: center;
        color: #fff;
        padding: 17px 0;
        font-size: 24px;
    }
    #responsive {
        display: none!important;
    }
    #dropdown {
        margin-top: 8px !important;
        width: 215px!important;
        margin-left: 10px!important;
    }
    .btn {
        font-size: 13px!important;
        padding: 5px 10px!important;
    }
    #dropdown ul li a {
        padding: 7px 15px!important;
        font-size: 13px!important;
    }
    .banner-content span {
        font-size: 22px;
    }
    .banner-content h2 {
        font-size: 36px;
        line-height: 1.2;
    }
    #slider-section p {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .banner-button a {
        font-size: 14px;
        margin: 0 5px;
        padding: 7px 16px;
    }
    #our-product {
        margin-bottom: 30px;
    }
    #our-product .product,
    .products .product,
    .footer-widget{
        width: 50%;
    }
    .footer-widget:nth-child(3n) {
        clear: both;
    }
    .main-navigation a {
        font-size: 14px;
        padding: 41.5px 3px;
    }
    .site-branding {
        float: left;
        margin-right: 12px;
        max-width: 11%;
    }
    #inner-banner img {
        float: none;
        max-width: 100%;
        margin: 0 auto
    }
    #inner-banner{
        text-align: center;
    }
    .single-banner-content > h2 {
        font-size: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    #inner-banner a.def-btn {
        clear: both;
        float: inherit;
        font-size: 16px;
        margin-bottom: 10px;
        padding: 5px 21px;
    }
    .single-banner-content {
        float: none;
        max-width: 100%;
        padding-top: 26px;
        text-align: center;
    }
    .contact-info-wrap, .contact-widget {
        float: left;
        padding:0px;
        width: 100% !important;
    }
    #secondary,#primary{
        width: 100%;
    }
    .site-info {
        background-position: left bottom;
        background-repeat: no-repeat;
        clear: both;
        float: none;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 55px;
        padding-top: 15px;
        width: 214px;
    }
    .wpcf7-form .inner-wrapper {
        margin: 0;
    }

    .site-title > a {
        margin: 0 auto;
    }
    .site-branding {
        display: block;
        float: none;
        margin-right: 0;
        max-width: 100%;
        text-align: center;
    }
    h1.site-title {
        margin: -20px auto 12px;
        max-width: 150px;
    }
    a#mobile-trigger {
        display: block;
        margin-top: 40px;
        margin-bottom: -40px;
        margin-left: 25px;
    }
    #site-navigation {
        display: none;
    }
    #masthead {
        height: auto;
        clear: both;
        float: left;
        width: 100%;
    }
    .sidr {
        background: #806436;
        box-shadow: 0 0 5px 5px #957c52 inset;
    }
    .sidr ul li:hover > a, .sidr ul li:hover > span,
    .sidr ul li.active > a, .sidr ul li.active > span,
    .sidr ul li.sidr-class-active > a,
    .sidr ul li.sidr-class-active > span {
        box-shadow: 0 0 15px 3px #7e5f2d inset;
    }
    .sidr ul li {
        border-top: 1px solid #886730;
        border-bottom: 1px solid #ab8952;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:567px){
   #db-switcher #dropdown {
        margin-top: 15px !important;
        width: 113px!important;
        margin-left: 5px!important;
        padding: 6px!important;
        font-size: 13px!important;
        text-align: CENTER!important;
    }
    .btn {
        font-size: 12px!important;
        font-weight: normal!important;
        padding: 5px 6px!important;
        margin-right: -2px!important;
    }
    #dropdown ul {
        width: 320px!important;
        text-align: left!important;
    }
    #primary #slider-section .banner-image {
        width: 40%;
    }
    #primary #slider-section .banner-content {
        padding: 0 15px 15px 0;
        width: 60%;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px){
    .container,
    #container {
        padding: 0px 20px;
    }
    a#mobile-trigger {
        margin-left: 20px;
    }
    body article,
    #secondary .widget {
        padding-left: 20px;
        padding-right: 20px;
    }
    #primary #slider-section .banner-content {
        padding-right: 5px;
    }
    .banner-content h2 {
        font-size: 30px;
        line-height: 1;
    }
    .banner-content span {
        line-height: 1.4;
    }
    #slider-section p {
        font-size: 16px;
    }
    .banner-button {
        display: none;
    }
    .team-section .avatar {
        float: left;
        padding: 0 25px;
        width: 100%;
    }
    #our-product .product, .products .product,
    .footer-widget {
        width: 100%;
    }
    .search-section:hover #header-search-form,
    .search-section:focus #header-search-form {
        right: 0;
        transition: all 0.2s ease 0.2s;
        visibility: visible;
        width: 267px;
    }
    .footer-widget .textwidget img {
        display: block;
        margin: 0 auto;
    }
    .footer-widget{
        margin-bottom: 20px;
    }
    #inner-banner a.def-btn {
        clear: both;
        float: inherit;
        font-size: 16px;
        margin-bottom: 10px;
        padding: 9px 42px;
    }
    #inner-banner {
        padding-bottom: 15px;
        text-align: center;
    }
    .wen-single-product-widget-wrap li strong {
        width: 100%;
    }
    .wen-single-product-widget-wrap span {
        display: block;
        float: left;
        font-size: 14px;
        width: 100%;
        margin-left: 13px;
    }
    .footer-widget .textwidget {
        font-size: 15px;
        text-align: left;
    }
    .tax-product_cat .page-title, .post-type-archive-product .page-title {
        font-size: 24px;
        margin-bottom: 15px;
        padding: 8px 0 10px;
    }
    .tax-product_cat #gap, .post-type-archive-product #gap {
        height: 206px;
    }
    #footer-navigation {
        float: left;
        text-align: center;
    }
    #footer-navigation ul li:first-child + li + li + li a {
        border: medium none;
        padding: 0;
    }
    #footer-navigation ul li {
        display: inline-block;
        float: none;
        padding-top: 6px;
    }
    a.view-more {
        background: none repeat scroll 0 0 #d94c30;
        display: block;
        float: none;
        margin: 0 auto 20px;
        text-align: center;
    }
    #footer-widget-area {
        margin-top: 0;
        padding: 20px 0 0;
    }
    .widget_nav_menu {
        text-align: center;
    }
    .footer-widget {
        margin-bottom: 20px;
        text-align: center;
    }
    .footer-widget .textwidget {
        text-align: center;
    }
   .footer-widget li {
        display: inline-block;
        margin-bottom: 5px;
        padding: 0 8px;
    }
    .social-links ul {
        float: none;
        margin: 0;
        padding: 0;
    }
    .footer-widget .widget {
        border-bottom: 1px solid #666666;
        margin-bottom: 0;
        overflow: hidden;
        padding-bottom: 20px;
    }
    .social-links {
        float: inherit;
    }
    .footer-widget:first-child {
        display: none;
    }
    #footer-navigation ul li:before{
        top: 14px;
    }
    #footer-navigation ul li:nth-child(4n):before {
        clear: both;
        display: none;
    }
    #footer-navigation ul li:nth-child(4n) {
        clear: both;
    }
    .default-message {
        display: block;
        font-size: 12px !important;
        margin-bottom: 10px;
    }
    .nb-default-wrap .nb-default-inner {
        font-size: 8px;
        padding: 10px 5px;
        text-align: center;
    }
    .entry-content td, .entry-content th {
        font-size: 13px;
        padding: 2px 5px;
    }
    #primary #slider-section {
        margin: 0;
        padding: 15px 0 0;
    }
    .product-main-title h2 {
        margin-bottom: 15px;
        font-size: 21px;
    }
    .tab-pane .fa-check, .tab-pane .fa-close {
        width: 15px;
        height: 15px;
        background-size: 11px;
    }
    .tab-pane table tr:first-child td {
        font-size: 16px;
        color: #fff;
    }

}
/* Small Andriod Mobile Portrait Size ( 240 devices and browsers) */
@media only screen and (max-width:319px) {
    .container, #container {
        padding: 0px 15px;
    }
    #primary #slider-section .banner-image {
        width: 35%;
        margin-top: 15px;
    }
    #primary #slider-section .banner-content {
        padding: 0 0 10px 0;
        width: 65%;
    }
    .banner-content h2 {
        font-size: 28px;
    }
    .banner-content span {
        font-size: 20px;
    }
    #slider-section p {
        margin-top: 7px;
    }
}