/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Oswald:200,300,400,500,600,700");

/*-- Common Style --*/

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.stars{
    font-size:21px !important;
}
html,
body {
    height: 100%;
}
#snake-loader-general{display:none;}
.snake-position
{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.menu-container{ background-color: #0075ba; top:-65px; width:100%;}
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media (min-width: 768px) {
    img {
        max-width: 100%;
    }
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 710px;
    width: 100%;
    padding-left: 190px;
    line-height: 1.4;
}

.notfound .notfound-404 {
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 90px;
}

.notfound .notfound-404 h1 {
    font-family: 'Passion One', cursive;
    color: #0574ba;
    font-size: 35vmin;
    letter-spacing: 15.5px;
    margin: -13px;
    font-weight: 900;
    line-height: 5px;
    position: absolute;
    left: 50%;
    padding: 10px;
    top: 50%;
    width: 350px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound h2 {
    font-family: 'Raleway', sans-serif;
    color: #292929;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-top: 0;
}

.notfound p {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 15px;
    color: #333;
}

.notfound a {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background: #fff;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 40px;
    color: #292929;
    font-weight: 700;
    -webkit-box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.notfound a:hover {
    color: #fff;
    background-color: #0574ba;
}

@media only screen and (max-width: 480px) {
    .notfound {
        text-align: center;
    }

    .notfound .notfound-404 {
        position: relative;
        width: 100%;
        margin-bottom: 15px;
    }

    .notfound {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .notfound .notfound-404 h1 {
        font-size: 21vmin;
        margin: -7px;
        width: 220px;
    }

    .is-sticky .hide-phone {
        display: none;
    }
    .dpf-input-icon{ width: 13%; }
}

#notfound {
    position: relative;
    height: 70vh;
    top: 95px;
}

@media (max-width: 667px) and (max-height: 375px) {
    #notfound {
        position: relative;
        height: 70vh;
        top: 60px;
    }

    .is-sticky .hide-phone {
        display: none;
    }
}

@media (min-width: 768px) and (min-height: 1024px) {
    #notfound {
        height: 37vh;
        top: 53px;
    }
}

body {
    background-color: #ffffff;
    /*line-height: 24px;*/
    font-size: 13px !important;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
    font-family: "Open Sans", sans-serif;
    color: #333333;
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #202020;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin-top: 0;
}

h1 {
    font-size: 36px;
    line-height: 42px;
}

h2 {
    font-size: 30px;
    line-height: 36px;
}

h3 {
    font-size: 24px;
    line-height: 30px;
}

h4 {
    font-size: 18px!important;
    line-height: 24px;
}

h5 {
    font-size: 14px!important;
    line-height: 18px;
}

h6 {
    font-size: 12px;
    line-height: 14px;
}

p:last-child {
    margin-bottom: 0;
}

a,
button {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
}

a,
button,
img,
input,
span {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

*:focus {
    outline: none !important;
}

a:focus {
    color: inherit;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

button,
input[type="submit"] {
    cursor: pointer;
}

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


/*--
	- Common Classes
-----------------------------------------*/

.fix {
    overflow: hidden;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

.section {
    float: left;
    width: 100%;
}

.bold {
    font-weight: 700;
}

.semi-bold {
    font-weight: 600;
}

.medium {
    font-weight: 500;
}

.light {
    font-weight: 300;
}

.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}


/*-- Container Fluid --*/

.container-fluid {
    padding: 0 150px;
}
.lb-data .lb-close {
    position: fixed;
    top: 18px;
    right:10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .container-fluid {
        padding: 0 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container-fluid {
        padding: 0 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container-fluid {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 767px) {
    .container-fluid {
        padding: 0 15px;
        width: 450px;
    }
}

@media only screen and (max-width: 479px) {
    .container-fluid {
        padding: 0 15px;
        width: 320px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .footer-section .container-fluid {
        padding: 0 15px;
        width: 1200px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-section .container-fluid {
        padding: 0 15px;
        width: 960px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-section .container-fluid {
        padding: 0 15px;
        width: 750px;
    }
}


@media only screen and (max-width: 479px) {
    .footer-section .container-fluid {
        padding: 0 15px;
        width: 320px;
    }

    .hero-slider-two {
        margin-bottom: 10px;
    }

    .image img {
        width: auto;
        max-width: 100%;
    }
}

/*@media (min-width: 363px) and (max-width: 631px) {
    .right-pull{
        right: 50px;
    }
}*/


/*--
	- Margin & Padding
-----------------------------------------*/


/*-- Margin Top --*/

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-135 {
    margin-top: 135px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-145 {
    margin-top: 145px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-155 {
    margin-top: 155px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-165 {
    margin-top: 165px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-175 {
    margin-top: 175px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-185 {
    margin-top: 185px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-195 {
    margin-top: 195px;
}

.mt-200 {
    margin-top: 200px;
}

.mt-5 {
    margin-top: 5px !important;
}

@media only screen and (max-width: 767px) {
    .mt-sm-5 {
        margin-top: 5px;
    }

    .mt-sm-10 {
        margin-top: 10px;
    }

    .mt-sm-15 {
        margin-top: 15px;
    }

    .mt-sm-20 {
        margin-top: 20px;
    }

    .mt-sm-25 {
        margin-top: 25px;
    }

    .mt-sm-30 {
        margin-top: 30px;
    }

    .mt-sm-35 {
        margin-top: 35px;
    }

    .mt-sm-40 {
        margin-top: 40px;
    }

    .mt-sm-45 {
        margin-top: 45px;
    }

    .mt-sm-50 {
        margin-top: 50px;
    }

    .mt-sm-55 {
        margin-top: 55px;
    }

    .mt-sm-60 {
        margin-top: 60px;
    }

    .mt-sm-65 {
        margin-top: 65px;
    }

    .mt-sm-70 {
        margin-top: 70px;
    }

    .mt-sm-75 {
        margin-top: 75px;
    }

    .mt-sm-80 {
        margin-top: 80px;
    }

    .mt-sm-85 {
        margin-top: 85px;
    }

    .mt-sm-90 {
        margin-top: 90px;
    }

    .mt-sm-95 {
        margin-top: 95px;
    }

    .mt-sm-100 {
        margin-top: 100px;
    }

    .mt-sm-105 {
        margin-top: 105px;
    }

    .mt-sm-110 {
        margin-top: 110px;
    }

    .mt-sm-115 {
        margin-top: 115px;
    }

    .mt-sm-120 {
        margin-top: 120px;
    }

    .mt-sm-125 {
        margin-top: 125px;
    }

    .mt-sm-130 {
        margin-top: 130px;
    }

    .mt-sm-135 {
        margin-top: 135px;
    }

    .mt-sm-140 {
        margin-top: 140px;
    }

    .mt-sm-145 {
        margin-top: 145px;
    }

    .mt-sm-150 {
        margin-top: 150px;
    }

    .mt-sm-155 {
        margin-top: 155px;
    }

    .mt-sm-160 {
        margin-top: 160px;
    }

    .mt-sm-165 {
        margin-top: 165px;
    }

    .mt-sm-170 {
        margin-top: 170px;
    }

    .mt-sm-175 {
        margin-top: 175px;
    }

    .mt-sm-180 {
        margin-top: 180px;
    }

    .mt-sm-185 {
        margin-top: 185px;
    }

    .mt-sm-190 {
        margin-top: 190px;
    }

    .mt-sm-195 {
        margin-top: 195px;
    }

    .mt-sm-200 {
        margin-top: 200px;
    }
}


/*-- Margin Bottom --*/

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-125 {
    margin-bottom: 125px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-135 {
    margin-bottom: 135px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-145 {
    margin-bottom: 145px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mb-155 {
    margin-bottom: 155px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-165 {
    margin-bottom: 165px;
}

.mb-170 {
    margin-bottom: 170px;
}

.mb-175 {
    margin-bottom: 175px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-185 {
    margin-bottom: 185px;
}

.mb-190 {
    margin-bottom: 190px;
}

.mb-195 {
    margin-bottom: 195px;
}

.mb-200 {
    margin-bottom: 200px;
}

.mb-5 {
    margin-bottom: 5px !important;
}

@media only screen and (max-width: 767px) {
    .mb-sm-5 {
        margin-bottom: 5px;
    }

    .mb-sm-10 {
        margin-bottom: 10px;
    }

    .mb-sm-15 {
        margin-bottom: 15px;
    }

    .mb-sm-20 {
        margin-bottom: 20px;
    }

    .mb-sm-25 {
        margin-bottom: 25px;
    }

    .mb-sm-30 {
        margin-bottom: 30px;
    }

    .mb-sm-35 {
        margin-bottom: 35px;
    }

    .mb-sm-40 {
        margin-bottom: 40px;
    }

    .mb-sm-45 {
        margin-bottom: 45px;
    }

    .mb-sm-50 {
        margin-bottom: 50px;
    }

    .mb-sm-55 {
        margin-bottom: 55px;
    }

    .mb-sm-60 {
        margin-bottom: 60px;
    }

    .mb-sm-65 {
        margin-bottom: 65px;
    }

    .mb-sm-70 {
        margin-bottom: 70px;
    }

    .mb-sm-75 {
        margin-bottom: 75px;
    }

    .mb-sm-80 {
        margin-bottom: 80px;
    }

    .mb-sm-85 {
        margin-bottom: 85px;
    }

    .mb-sm-90 {
        margin-bottom: 90px;
    }

    .mb-sm-95 {
        margin-bottom: 95px;
    }

    .mb-sm-100 {
        margin-bottom: 100px;
    }

    .mb-sm-105 {
        margin-bottom: 105px;
    }

    .mb-sm-110 {
        margin-bottom: 110px;
    }

    .mb-sm-115 {
        margin-bottom: 115px;
    }

    .mb-sm-120 {
        margin-bottom: 120px;
    }

    .mb-sm-125 {
        margin-bottom: 125px;
    }

    .mb-sm-130 {
        margin-bottom: 130px;
    }

    .mb-sm-135 {
        margin-bottom: 135px;
    }

    .mb-sm-140 {
        margin-bottom: 140px;
    }

    .mb-sm-145 {
        margin-bottom: 145px;
    }

    .mb-sm-150 {
        margin-bottom: 150px;
    }

    .mb-sm-155 {
        margin-bottom: 155px;
    }

    .mb-sm-160 {
        margin-bottom: 160px;
    }

    .mb-sm-165 {
        margin-bottom: 165px;
    }

    .mb-sm-170 {
        margin-bottom: 170px;
    }

    .mb-sm-175 {
        margin-bottom: 175px;
    }

    .mb-sm-180 {
        margin-bottom: 180px;
    }

    .mb-sm-185 {
        margin-bottom: 185px;
    }

    .mb-sm-190 {
        margin-bottom: 190px;
    }

    .mb-sm-195 {
        margin-bottom: 195px;
    }

    .mb-sm-200 {
        margin-bottom: 200px;
    }
}


/*-- Margin Left --*/

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-65 {
    margin-left: 65px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-85 {
    margin-left: 85px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-105 {
    margin-left: 105px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-115 {
    margin-left: 115px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-125 {
    margin-left: 125px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-135 {
    margin-left: 135px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-145 {
    margin-left: 145px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-155 {
    margin-left: 155px;
}

.ml-160 {
    margin-left: 160px;
}

.ml-165 {
    margin-left: 165px;
}

.ml-170 {
    margin-left: 170px;
}

.ml-175 {
    margin-left: 175px;
}

.ml-180 {
    margin-left: 180px;
}

.ml-185 {
    margin-left: 185px;
}

.ml-190 {
    margin-left: 190px;
}

.ml-195 {
    margin-left: 195px;
}

.ml-200 {
    margin-left: 200px;
}

.ml-5 {
    margin-left: 5px !important;
}

@media only screen and (max-width: 767px) {
    .ml-sm-5 {
        margin-left: 5px;
    }

    .ml-sm-10 {
        margin-left: 10px;
    }

    .ml-sm-15 {
        margin-left: 15px;
    }

    .ml-sm-20 {
        margin-left: 20px;
    }

    .ml-sm-25 {
        margin-left: 25px;
    }

    .ml-sm-30 {
        margin-left: 30px;
    }

    .ml-sm-35 {
        margin-left: 35px;
    }

    .ml-sm-40 {
        margin-left: 40px;
    }

    .ml-sm-45 {
        margin-left: 45px;
    }

    .ml-sm-50 {
        margin-left: 50px;
    }

    .ml-sm-55 {
        margin-left: 55px;
    }

    .ml-sm-60 {
        margin-left: 60px;
    }

    .ml-sm-65 {
        margin-left: 65px;
    }

    .ml-sm-70 {
        margin-left: 70px;
    }

    .ml-sm-75 {
        margin-left: 75px;
    }

    .ml-sm-80 {
        margin-left: 80px;
    }

    .ml-sm-85 {
        margin-left: 85px;
    }

    .ml-sm-90 {
        margin-left: 90px;
    }

    .ml-sm-95 {
        margin-left: 95px;
    }

    .ml-sm-100 {
        margin-left: 100px;
    }

    .ml-sm-105 {
        margin-left: 105px;
    }

    .ml-sm-110 {
        margin-left: 110px;
    }

    .ml-sm-115 {
        margin-left: 115px;
    }

    .ml-sm-120 {
        margin-left: 120px;
    }

    .ml-sm-125 {
        margin-left: 125px;
    }

    .ml-sm-130 {
        margin-left: 130px;
    }

    .ml-sm-135 {
        margin-left: 135px;
    }

    .ml-sm-140 {
        margin-left: 140px;
    }

    .ml-sm-145 {
        margin-left: 145px;
    }

    .ml-sm-150 {
        margin-left: 150px;
    }

    .ml-sm-155 {
        margin-left: 155px;
    }

    .ml-sm-160 {
        margin-left: 160px;
    }

    .ml-sm-165 {
        margin-left: 165px;
    }

    .ml-sm-170 {
        margin-left: 170px;
    }

    .ml-sm-175 {
        margin-left: 175px;
    }

    .ml-sm-180 {
        margin-left: 180px;
    }

    .ml-sm-185 {
        margin-left: 185px;
    }

    .ml-sm-190 {
        margin-left: 190px;
    }

    .ml-sm-195 {
        margin-left: 195px;
    }

    .ml-sm-200 {
        margin-left: 200px;
    }
}


/*-- Margin Right --*/

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-55 {
    margin-right: 55px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-85 {
    margin-right: 85px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-95 {
    margin-right: 95px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-105 {
    margin-right: 105px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-115 {
    margin-right: 115px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-125 {
    margin-right: 125px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-135 {
    margin-right: 135px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-145 {
    margin-right: 145px;
}

.mr-150 {
    margin-right: 150px;
}

.mr-155 {
    margin-right: 155px;
}

.mr-160 {
    margin-right: 160px;
}

.mr-165 {
    margin-right: 165px;
}

.mr-170 {
    margin-right: 170px;
}

.mr-175 {
    margin-right: 175px;
}

.mr-180 {
    margin-right: 180px;
}

.mr-185 {
    margin-right: 185px;
}

.mr-190 {
    margin-right: 190px;
}

.mr-195 {
    margin-right: 195px;
}

.mr-200 {
    margin-right: 200px;
}

.mr-5 {
    margin-right: 5px !important;
}

@media only screen and (max-width: 767px) {
    .mright-sm-5 {
        margin-right: 5px;
    }

    .mright-sm-10 {
        margin-right: 10px;
    }

    .mright-sm-15 {
        margin-right: 15px;
    }

    .mright-sm-20 {
        margin-right: 20px;
    }

    .mright-sm-25 {
        margin-right: 25px;
    }

    .mright-sm-30 {
        margin-right: 30px;
    }

    .mright-sm-35 {
        margin-right: 35px;
    }

    .mright-sm-40 {
        margin-right: 40px;
    }

    .mright-sm-45 {
        margin-right: 45px;
    }

    .mright-sm-50 {
        margin-right: 50px;
    }

    .mright-sm-55 {
        margin-right: 55px;
    }

    .mright-sm-60 {
        margin-right: 60px;
    }

    .mright-sm-65 {
        margin-right: 65px;
    }

    .mright-sm-70 {
        margin-right: 70px;
    }

    .mright-sm-75 {
        margin-right: 75px;
    }

    .mright-sm-80 {
        margin-right: 80px;
    }

    .mright-sm-85 {
        margin-right: 85px;
    }

    .mright-sm-90 {
        margin-right: 90px;
    }

    .mright-sm-95 {
        margin-right: 95px;
    }

    .mright-sm-100 {
        margin-right: 100px;
    }

    .mright-sm-105 {
        margin-right: 105px;
    }

    .mright-sm-110 {
        margin-right: 110px;
    }

    .mright-sm-115 {
        margin-right: 115px;
    }

    .mright-sm-120 {
        margin-right: 120px;
    }

    .mright-sm-125 {
        margin-right: 125px;
    }

    .mright-sm-130 {
        margin-right: 130px;
    }

    .mright-sm-135 {
        margin-right: 135px;
    }

    .mright-sm-140 {
        margin-right: 140px;
    }

    .mright-sm-145 {
        margin-right: 145px;
    }

    .mright-sm-150 {
        margin-right: 150px;
    }

    .mright-sm-155 {
        margin-right: 155px;
    }

    .mright-sm-160 {
        margin-right: 160px;
    }

    .mright-sm-165 {
        margin-right: 165px;
    }

    .mright-sm-170 {
        margin-right: 170px;
    }

    .mright-sm-175 {
        margin-right: 175px;
    }

    .mright-sm-180 {
        margin-right: 180px;
    }

    .mright-sm-185 {
        margin-right: 185px;
    }

    .mright-sm-190 {
        margin-right: 190px;
    }

    .mright-sm-195 {
        margin-right: 195px;
    }

    .mright-sm-200 {
        margin-right: 200px;
    }
}


/*-- Padding Top --*/

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-105 {
    padding-top: 105px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-125 {
    padding-top: 125px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-135 {
    padding-top: 135px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-145 {
    padding-top: 145px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-165 {
    padding-top: 165px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-175 {
    padding-top: 175px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-185 {
    padding-top: 185px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-195 {
    padding-top: 195px;
}

.pt-200 {
    padding-top: 200px;
}

.pt-5 {
    padding-top: 5px !important;
}

@media only screen and (max-width: 767px) {
    .pt-sm-5 {
        padding-top: 5px;
    }

    .pt-sm-10 {
        padding-top: 10px;
    }

    .pt-sm-15 {
        padding-top: 15px;
    }

    .pt-sm-20 {
        padding-top: 20px;
    }

    .pt-sm-25 {
        padding-top: 25px;
    }

    .pt-sm-30 {
        padding-top: 30px;
    }

    .pt-sm-35 {
        padding-top: 35px;
    }

    .pt-sm-40 {
        padding-top: 40px;
    }

    .pt-sm-45 {
        padding-top: 45px;
    }

    .pt-sm-50 {
        padding-top: 50px;
    }

    .pt-sm-55 {
        padding-top: 55px;
    }

    .pt-sm-60 {
        padding-top: 60px;
    }

    .pt-sm-65 {
        padding-top: 65px;
    }

    .pt-sm-70 {
        padding-top: 70px;
    }

    .pt-sm-75 {
        padding-top: 75px;
    }

    .pt-sm-80 {
        padding-top: 80px;
    }

    .pt-sm-85 {
        padding-top: 85px;
    }

    .pt-sm-90 {
        padding-top: 90px;
    }

    .pt-sm-95 {
        padding-top: 95px;
    }

    .pt-sm-100 {
        padding-top: 100px;
    }

    .pt-sm-105 {
        padding-top: 105px;
    }

    .pt-sm-110 {
        padding-top: 110px;
    }

    .pt-sm-115 {
        padding-top: 115px;
    }

    .pt-sm-120 {
        padding-top: 120px;
    }

    .pt-sm-125 {
        padding-top: 125px;
    }

    .pt-sm-130 {
        padding-top: 130px;
    }

    .pt-sm-135 {
        padding-top: 135px;
    }

    .pt-sm-140 {
        padding-top: 140px;
    }

    .pt-sm-145 {
        padding-top: 145px;
    }

    .pt-sm-150 {
        padding-top: 150px;
    }

    .pt-sm-155 {
        padding-top: 155px;
    }

    .pt-sm-160 {
        padding-top: 160px;
    }

    .pt-sm-165 {
        padding-top: 165px;
    }

    .pt-sm-170 {
        padding-top: 170px;
    }

    .pt-sm-175 {
        padding-top: 175px;
    }

    .pt-sm-180 {
        padding-top: 180px;
    }

    .pt-sm-185 {
        padding-top: 185px;
    }

    .pt-sm-190 {
        padding-top: 190px;
    }

    .pt-sm-195 {
        padding-top: 195px;
    }

    .pt-sm-200 {
        padding-top: 200px;
    }
}


/*-- Padding Bottom --*/

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-105 {
    padding-bottom: 105px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-135 {
    padding-bottom: 135px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-145 {
    padding-bottom: 145px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-155 {
    padding-bottom: 155px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-165 {
    padding-bottom: 165px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-175 {
    padding-bottom: 175px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-185 {
    padding-bottom: 185px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-195 {
    padding-bottom: 195px;
}

.pb-200 {
    padding-bottom: 200px;
}

.pb-5 {
    padding-bottom: 5px !important;
}

@media only screen and (max-width: 767px) {
    .pb-sm-5 {
        padding-bottom: 5px;
    }

    .pb-sm-10 {
        padding-bottom: 10px;
    }

    .pb-sm-15 {
        padding-bottom: 15px;
    }

    .pb-sm-20 {
        padding-bottom: 20px;
    }

    .pb-sm-25 {
        padding-bottom: 25px;
    }

    .pb-sm-30 {
        padding-bottom: 30px;
    }

    .pb-sm-35 {
        padding-bottom: 35px;
    }

    .pb-sm-40 {
        padding-bottom: 40px;
    }

    .pb-sm-45 {
        padding-bottom: 45px;
    }

    .pb-sm-50 {
        padding-bottom: 50px;
    }

    .pb-sm-55 {
        padding-bottom: 55px;
    }

    .pb-sm-60 {
        padding-bottom: 60px;
    }

    .pb-sm-65 {
        padding-bottom: 65px;
    }

    .pb-sm-70 {
        padding-bottom: 70px;
    }

    .pb-sm-75 {
        padding-bottom: 75px;
    }

    .pb-sm-80 {
        padding-bottom: 80px;
    }

    .pb-sm-85 {
        padding-bottom: 85px;
    }

    .pb-sm-90 {
        padding-bottom: 90px;
    }

    .pb-sm-95 {
        padding-bottom: 95px;
    }

    .pb-sm-100 {
        padding-bottom: 100px;
    }

    .pb-sm-105 {
        padding-bottom: 105px;
    }

    .pb-sm-110 {
        padding-bottom: 110px;
    }

    .pb-sm-115 {
        padding-bottom: 115px;
    }

    .pb-sm-120 {
        padding-bottom: 120px;
    }

    .pb-sm-125 {
        padding-bottom: 125px;
    }

    .pb-sm-130 {
        padding-bottom: 130px;
    }

    .pb-sm-135 {
        padding-bottom: 135px;
    }

    .pb-sm-140 {
        padding-bottom: 140px;
    }

    .pb-sm-145 {
        padding-bottom: 145px;
    }

    .pb-sm-150 {
        padding-bottom: 150px;
    }

    .pb-sm-155 {
        padding-bottom: 155px;
    }

    .pb-sm-160 {
        padding-bottom: 160px;
    }

    .pb-sm-165 {
        padding-bottom: 165px;
    }

    .pb-sm-170 {
        padding-bottom: 170px;
    }

    .pb-sm-175 {
        padding-bottom: 175px;
    }

    .pb-sm-180 {
        padding-bottom: 180px;
    }

    .pb-sm-185 {
        padding-bottom: 185px;
    }

    .pb-sm-190 {
        padding-bottom: 190px;
    }

    .pb-sm-195 {
        padding-bottom: 195px;
    }

    .pb-sm-200 {
        padding-bottom: 200px;
    }
}


/*-- Padding Left --*/

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-55 {
    padding-left: 55px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-65 {
    padding-left: 65px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-75 {
    padding-left: 75px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-85 {
    padding-left: 85px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-95 {
    padding-left: 95px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-105 {
    padding-left: 105px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-115 {
    padding-left: 115px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-125 {
    padding-left: 125px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-135 {
    padding-left: 135px;
}

.pl-140 {
    padding-left: 140px;
}

.pl-145 {
    padding-left: 145px;
}

.pl-150 {
    padding-left: 150px;
}

.pl-155 {
    padding-left: 155px;
}

.pl-160 {
    padding-left: 160px;
}

.pl-165 {
    padding-left: 165px;
}

.pl-170 {
    padding-left: 170px;
}

.pl-175 {
    padding-left: 175px;
}

.pl-180 {
    padding-left: 180px;
}

.pl-185 {
    padding-left: 185px;
}

.pl-190 {
    padding-left: 190px;
}

.pl-195 {
    padding-left: 195px;
}

.pl-200 {
    padding-left: 200px;
}

.pl-5 {
    padding-left: 5px !important;
}

@media only screen and (max-width: 767px) {
    .pl-sm-5 {
        padding-left: 5px;
    }

    .pl-sm-10 {
        padding-left: 10px;
    }

    .pl-sm-15 {
        padding-left: 15px;
    }

    .pl-sm-20 {
        padding-left: 20px;
    }

    .pl-sm-25 {
        padding-left: 25px;
    }

    .pl-sm-30 {
        padding-left: 30px;
    }

    .pl-sm-35 {
        padding-left: 35px;
    }

    .pl-sm-40 {
        padding-left: 40px;
    }

    .pl-sm-45 {
        padding-left: 45px;
    }

    .pl-sm-50 {
        padding-left: 50px;
    }

    .pl-sm-55 {
        padding-left: 55px;
    }

    .pl-sm-60 {
        padding-left: 60px;
    }

    .pl-sm-65 {
        padding-left: 65px;
    }

    .pl-sm-70 {
        padding-left: 70px;
    }

    .pl-sm-75 {
        padding-left: 75px;
    }

    .pl-sm-80 {
        padding-left: 80px;
    }

    .pl-sm-85 {
        padding-left: 85px;
    }

    .pl-sm-90 {
        padding-left: 90px;
    }

    .pl-sm-95 {
        padding-left: 95px;
    }

    .pl-sm-100 {
        padding-left: 100px;
    }

    .pl-sm-105 {
        padding-left: 105px;
    }

    .pl-sm-110 {
        padding-left: 110px;
    }

    .pl-sm-115 {
        padding-left: 115px;
    }

    .pl-sm-120 {
        padding-left: 120px;
    }

    .pl-sm-125 {
        padding-left: 125px;
    }

    .pl-sm-130 {
        padding-left: 130px;
    }

    .pl-sm-135 {
        padding-left: 135px;
    }

    .pl-sm-140 {
        padding-left: 140px;
    }

    .pl-sm-145 {
        padding-left: 145px;
    }

    .pl-sm-150 {
        padding-left: 150px;
    }

    .pl-sm-155 {
        padding-left: 155px;
    }

    .pl-sm-160 {
        padding-left: 160px;
    }

    .pl-sm-165 {
        padding-left: 165px;
    }

    .pl-sm-170 {
        padding-left: 170px;
    }

    .pl-sm-175 {
        padding-left: 175px;
    }

    .pl-sm-180 {
        padding-left: 180px;
    }

    .pl-sm-185 {
        padding-left: 185px;
    }

    .pl-sm-190 {
        padding-left: 190px;
    }

    .pl-sm-195 {
        padding-left: 195px;
    }

    .pl-sm-200 {
        padding-left: 200px;
    }
}


/*-- Padding Right --*/

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-55 {
    padding-right: 55px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-65 {
    padding-right: 65px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-75 {
    padding-right: 75px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-85 {
    padding-right: 85px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-95 {
    padding-right: 95px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-105 {
    padding-right: 105px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-115 {
    padding-right: 115px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-125 {
    padding-right: 125px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-135 {
    padding-right: 135px;
}

.pr-140 {
    padding-right: 140px;
}

.pr-145 {
    padding-right: 145px;
}

.pr-150 {
    padding-right: 150px;
}

.pr-155 {
    padding-right: 155px;
}

.pr-160 {
    padding-right: 160px;
}

.pr-165 {
    padding-right: 165px;
}

.pr-170 {
    padding-right: 170px;
}

.pr-175 {
    padding-right: 175px;
}

.pr-180 {
    padding-right: 180px;
}

.pr-185 {
    padding-right: 185px;
}

.pr-190 {
    padding-right: 190px;
}

.pr-195 {
    padding-right: 195px;
}

.pr-200 {
    padding-right: 200px;
}

.pr-5 {
    padding-right: 5px !important;
}

@media only screen and (max-width: 767px) {
    .pr-sm-5 {
        padding-right: 5px;
    }

    .pr-sm-10 {
        padding-right: 10px;
    }

    .pr-sm-15 {
        padding-right: 15px;
    }

    .pr-sm-20 {
        padding-right: 20px;
    }

    .pr-sm-25 {
        padding-right: 25px;
    }

    .pr-sm-30 {
        padding-right: 30px;
    }

    .pr-sm-35 {
        padding-right: 35px;
    }

    .pr-sm-40 {
        padding-right: 40px;
    }

    .pr-sm-45 {
        padding-right: 45px;
    }

    .pr-sm-50 {
        padding-right: 50px;
    }

    .pr-sm-55 {
        padding-right: 55px;
    }

    .pr-sm-60 {
        padding-right: 60px;
    }

    .pr-sm-65 {
        padding-right: 65px;
    }

    .pr-sm-70 {
        padding-right: 70px;
    }

    .pr-sm-75 {
        padding-right: 75px;
    }

    .pr-sm-80 {
        padding-right: 80px;
    }

    .pr-sm-85 {
        padding-right: 85px;
    }

    .pr-sm-90 {
        padding-right: 90px;
    }

    .pr-sm-95 {
        padding-right: 95px;
    }

    .pr-sm-100 {
        padding-right: 100px;
    }

    .pr-sm-105 {
        padding-right: 105px;
    }

    .pr-sm-110 {
        padding-right: 110px;
    }

    .pr-sm-115 {
        padding-right: 115px;
    }

    .pr-sm-120 {
        padding-right: 120px;
    }

    .pr-sm-125 {
        padding-right: 125px;
    }

    .pr-sm-130 {
        padding-right: 130px;
    }

    .pr-sm-135 {
        padding-right: 135px;
    }

    .pr-sm-140 {
        padding-right: 140px;
    }

    .pr-sm-145 {
        padding-right: 145px;
    }

    .pr-sm-150 {
        padding-right: 150px;
    }

    .pr-sm-155 {
        padding-right: 155px;
    }

    .pr-sm-160 {
        padding-right: 160px;
    }

    .pr-sm-165 {
        padding-right: 165px;
    }

    .pr-sm-170 {
        padding-right: 170px;
    }

    .pr-sm-175 {
        padding-right: 175px;
    }

    .pr-sm-180 {
        padding-right: 180px;
    }

    .pr-sm-185 {
        padding-right: 185px;
    }

    .pr-sm-190 {
        padding-right: 190px;
    }

    .pr-sm-195 {
        padding-right: 195px;
    }

    .pr-sm-200 {
        padding-right: 200px;
    }
}


/*--
	- Input Placeholder
-----------------------------------------*/

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/*--
	- Custom Row
------------------------------------------*/

.row-0 {
    margin-left: -0px;
    margin-right: -0px;
}

.row-0 > [class*="col"] {
    padding-left: 0px;
    padding-right: 0px;
}

.row-5 {
    margin-left: -5px;
    margin-right: -5px;
}

.row-5 > [class*="col"] {
    padding-left: 5px;
    padding-right: 5px;
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.row-10 > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
}

.row-20 {
    margin-left: -20px;
    margin-right: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-20 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-20 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-20 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .row-20 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

@media only screen and (max-width: 479px) {
    .row-20 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

.row-20 > [class*="col"],
.row-20 > [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-20 > [class*="col"],
    .row-20 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-20 > [class*="col"],
    .row-20 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-20 > [class*="col"],
    .row-20 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .row-20 > [class*="col"],
    .row-20 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 479px) {
    .row-20 > [class*="col"],
    .row-20 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.row-25 {
    margin-left: -25px;
    margin-right: -25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-25 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-25 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-25 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .row-25 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

@media only screen and (max-width: 479px) {
    .row-25 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

.row-25 > [class*="col"],
.row-25 > [class*="col-"] {
    padding-left: 25px;
    padding-right: 25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-25 > [class*="col"],
    .row-25 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-25 > [class*="col"],
    .row-25 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-25 > [class*="col"],
    .row-25 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .row-25 > [class*="col"],
    .row-25 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 479px) {
    .row-25 > [class*="col"],
    .row-25 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.row-30 {
    margin-left: -30px;
    margin-right: -30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-30 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .row-30 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

@media only screen and (max-width: 479px) {
    .row-30 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

.row-30 > [class*="col"],
.row-30 > [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-30 > [class*="col"],
    .row-30 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-30 > [class*="col"],
    .row-30 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-30 > [class*="col"],
    .row-30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .row-30 > [class*="col"],
    .row-30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 479px) {
    .row-30 > [class*="col"],
    .row-30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.row-40 {
    margin-left: -40px;
    margin-right: -40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-40 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-40 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-40 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .row-40 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

@media only screen and (max-width: 479px) {
    .row-40 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

.row-40 > [class*="col"],
.row-40 > [class*="col-"] {
    padding-left: 40px;
    padding-right: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-40 > [class*="col"],
    .row-40 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-40 > [class*="col"],
    .row-40 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-40 > [class*="col"],
    .row-40 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .row-40 > [class*="col"],
    .row-40 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 479px) {
    .row-40 > [class*="col"],
    .row-40 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


/*--
	Scroll Up
-----------------------------------------*/

#scrollUp {
    width: 40px;
    height: 40px;
    background-color: #0075ba;
    border: 2px solid #dadada;
    color: #ffffff;
    right: 20px;
    bottom: 60px;
    text-align: center;
    overflow: hidden;
    border-radius: 0px;
    z-index: 9811 !important;
}

@media only screen and (max-width: 767px) {
    #scrollUp {
        display: none !important;
    }
}

#scrollUp i {
    display: block;
    line-height: 34px;
    font-size: 22px;
}

#scrollUp:hover i {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/*--
	- Background Color
------------------------------------------*/

.bg-gray {
    background-color: #f6f7f8;
}

.bg-ivory {
    /*background-color: #0075ba;*/
    background-color: #004784;
    color: #fff;
}

img.mfp-img {
    background-color: #f6f7f8;
    padding: 0;
    margin: 40px auto;
}


/*--
	- Social Color
------------------------------------------*/

.facebook {
    background-color: #3B5997;
    color: #ffffff;
}

.facebook:hover {
    background-color: #3B5997;
    color: #ffffff;
}

.twitter {
    background-color: #1DA1F2;
    color: #ffffff;
}

.twitter:hover {
    background-color: #1DA1F2;
    color: #ffffff;
}

.linkedin {
    background-color: #0077B5;
    color: #ffffff;
}

.linkedin:hover {
    background-color: #0077B5;
    color: #ffffff;
}

.pinterest {
    background-color: #BD081C;
    color: #ffffff;
}

.pinterest:hover {
    background-color: #BD081C;
    color: #ffffff;
}

.google-plus {
    background-color: #D11718;
    color: #ffffff;
}

.google-plus:hover {
    background-color: #D11718;
    color: #ffffff;
}

.behance {
    background-color: #005CFF;
    color: #ffffff;
}

.behance:hover {
    background-color: #005CFF;
    color: #ffffff;
}

.dribbble {
    background-color: #E84C88;
    color: #ffffff;
}

.dribbble:hover {
    background-color: #E84C88;
    color: #ffffff;
}

.github {
    background-color: #323131;
    color: #ffffff;
}

.github:hover {
    background-color: #323131;
    color: #ffffff;
}

.instagram {
    background-color: #DC3472;
    color: #ffffff;
}

.instagram:hover {
    background-color: #DC3472;
    color: #ffffff;
}

.medium {
    background-color: #00AB6C;
    color: #ffffff;
}

.medium:hover {
    background-color: #00AB6C;
    color: #ffffff;
}

.reddit {
    background-color: #FF4501;
    color: #ffffff;
}

.reddit:hover {
    background-color: #FF4501;
    color: #ffffff;
}

.skype {
    background-color: #00AFF0;
    color: #ffffff;
}

.skype:hover {
    background-color: #00AFF0;
    color: #ffffff;
}

.slack {
    background-color: #63C1A0;
    color: #ffffff;
}

.slack:hover {
    background-color: #63C1A0;
    color: #ffffff;
}

.snapchat {
    background-color: #FFFC00;
    color: #ffffff;
}

.snapchat:hover {
    background-color: #FFFC00;
    color: #ffffff;
}

.tumblr {
    background-color: #01273A;
    color: #ffffff;
}

.tumblr:hover {
    background-color: #01273A;
    color: #ffffff;
}

.vimeo {
    background-color: #00ADEF;
    color: #ffffff;
}

.vimeo:hover {
    background-color: #00ADEF;
    color: #ffffff;
}

.youtube {
    background-color: #FE0002;
    color: #ffffff;
}

.youtube:hover {
    background-color: #FE0002;
    color: #ffffff;
}


/*-- Tab Content & Pane Fix --*/

.tab-content {
    width: 100%;
}

.tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
}

.tab-content .tab-pane.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: visible;
}


/*--
	- Product Full Width
------------------------------------------*/

.full-width-product-wrap > [class*="col-"]:nth-child(1),
.full-width-product-wrap > [class*="col"]:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 450px;
    flex: 1 0 450px;
    max-width: 450px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(1),
    .full-width-product-wrap > [class*="col"]:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 350px;
        flex: 1 0 350px;
        max-width: 350px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(1),
    .full-width-product-wrap > [class*="col"]:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 350px;
        flex: 1 0 350px;
        max-width: 350px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(1),
    .full-width-product-wrap > [class*="col"]:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(1),
    .full-width-product-wrap > [class*="col"]:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.full-width-product-wrap > [class*="col-"]:nth-child(2),
.full-width-product-wrap > [class*="col"]:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 450px);
    flex: 0 0 calc(100% - 450px);
    max-width: calc(100% - 450px);
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(2),
    .full-width-product-wrap > [class*="col"]:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 350px);
        flex: 0 0 calc(100% - 350px);
        max-width: calc(100% - 350px);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(2),
    .full-width-product-wrap > [class*="col"]:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 350px);
        flex: 0 0 calc(100% - 350px);
        max-width: calc(100% - 350px);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(2),
    .full-width-product-wrap > [class*="col"]:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(2),
    .full-width-product-wrap > [class*="col"]:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .full-width-product-wrap.desktop-full-width > [class*="col-"]:nth-child(1),
    .full-width-product-wrap.desktop-full-width > [class*="col"]:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .full-width-product-wrap.desktop-full-width > [class*="col-"]:nth-child(2),
    .full-width-product-wrap.desktop-full-width > [class*="col"]:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .laptop-3-column > [class*="col-"],
    .laptop-3-column > [class*="col"] {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 33.3333%;
        flex: 1 0 33.3333%;
        max-width: 33.3333%;
    }
}


/*-- Pagination

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px #0574ba solid;
    border-radius: 0 !important;
    width: fit-content;
}

.pagination li {
    color: #a3a3a3;
}

.pagination li a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #333333;
    width: 50px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid transparent;
}

.pagination li a i {
    display: block;
    line-height: 24px;
}

.pagination li.active a {
    border-color: #0075ba;
    background-color: #0075ba;
    font-weight: 700;
}



.pagination li:first-child a {
    color: #fff;
    width: 50px;
}

.pagination li:first-child a i {
    float: left;
    margin-right: 10px;
}

.pagination li:last-child {
    margin-left: 1 0px;
}

.pagination li:last-child a {
    width: 50px;
    color: #202020;
}

.pagination li:last-child a i {
    float: right;
    margin-left: 10px;
}

--*/
/*--
	- Page Banner Section
------------------------------------------*/

.page-banner-section {
    background-color: #fefcef;
}


/*-- Page Banner Wrap --*/

@media only screen and (max-width: 767px) {
    .page-banner-wrap > div:nth-child(2),
    .page-banner-wrap > div:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
    }
}

@media only screen and (max-width: 479px) {
    .page-banner-wrap > div:nth-child(2),
    .page-banner-wrap > div:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
}


/*-- Page Banner --*/

.page-banner {
    background-color: #fefcef;
    padding: 30px;
    text-align: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .page-banner {
        padding: 15px 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page-banner {
        padding: 20px 30px;
    }
}

.page-banner h1 {
    text-transform: uppercase;
    font-size: 42px;
    color: #202020;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 13px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .page-banner h1 {
        font-size: 30px;
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page-banner h1 {
        font-size: 24px;
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .page-banner h1 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .page-banner h1 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 479px) {
    .page-banner h1 {
        font-size: 22px;
    }
}

.page-banner p {
    max-width: 470px;
    margin: auto;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 8px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .page-banner p {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page-banner p {
        display: none;
    }
}


/*-- Breadcrumb --*/

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding: 0;
    margin: 0;
}

.breadcrumb ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 8px;
    position: relative;
}

.breadcrumb ul li::before {
    position: absolute;
    right: -2px;
    top: 50%;
    content: "";
    width: 4px;
    height: 1px;
    background-color: #333333;
}

.breadcrumb ul li:last-child::before {
    display: none;
}

.breadcrumb ul li a {
    display: block;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
}

.breadcrumb ul li a:hover {
    color: #202020;
}


/*-- Category Page Title --*/

.category-page-title h4 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    color: #202020;
}


/*--
	- Button
------------------------------------------*/


/*.btn {
  border: 1px solid #626262;
  line-height: 24px;
  display: inline-block;
  padding: 6px 12px;display: inline-block;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #202020;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .btn::before {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 0;
	width: 100%;
	background-color: #202020;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	content: "";
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	opacity: 0;
	z-index: -1; }*/


/*.btn:hover {*/


/*color: #0075ba; }*/

.btn:hover::before {
    height: 300%;
    opacity: 1;
}

.btn.hover-theme::before {
    background-color: #0075ba;
}

.btn.hover-theme:hover {
    border-color: #0075ba;
    color: #202020;
}

.btn.hover-theme:hover::before {
    height: 300%;
    opacity: 1;
}

.btn.btn-circle {
    border-radius: 50px;
}

.btn.btn-radius {
    border-radius: 5px;
}

.btn.btn-square {
    border-radius: 0;
}

.btn.btn-text {
    border-radius: 0;
    padding: 0;
    line-height: 20px;
    border: none;
}

.btn.btn-text::before {
    display: none;
}

.btn.btn-text.hover-theme:hover {
    color: #0075ba;
}

.btn.btn-underline {
    text-decoration: underline;
}

.btn.btn-large {
    padding: 15px 40px;
    font-size: 16px;
}

#normal .header-advance-search {
    position: absolute;
    width:100%;
}
.is-sticky .menu_cart_login{min-width: 255px;}
@media only screen and (max-width: 767px) {
    .btn.btn-large {
        font-size: 12px;
        padding: 7px 25px;
    }
}

@media only screen and (max-width: 479px) {
    .btn.btn-large {
        font-size: 11px;
        padding: 4px 15px;
        margin-top: 15px;
    }
}

.btn.btn-medium {
    padding: 7px 20px;
    font-size: 12px;
}

@media only screen and (max-width: 767px) {
    .btn.btn-medium {
        font-size: 12px;
        padding: 7px 25px;
    }
}

@media only screen and (max-width: 479px) {
    .btn.btn-medium {
        font-size: 11px;
        padding: 4px 15px;
        margin-top: 15px;
    }
}

.btn.btn-small {
    padding: 4px 15px;
    font-size: 11px;
}

@media only screen and (max-width: 767px) {
    .btn {
        font-size: 12px;
        padding: 7px 25px;
    }
}

@media only screen and (max-width: 479px) {
    .btn {
        font-size: 11px;
        padding: 7px 15px;
        margin-top: 15px;
    }
}
.table>thead>tr>th{
    border-bottom:1px solid #ddd !important;
}
.loginpage{
    left: 25%;
    margin-top: 15px;
}
/*--
	- Blockquote
------------------------------------------*/

.blockquote {
    max-width: 800px;
    background-color: #f6f7f8;
    padding: 50px 70px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .blockquote {
        padding: 40px 50px;
    }
}

@media only screen and (max-width: 479px) {
    .blockquote {
        padding: 30px;
    }
}

.blockquote p {
    font-size: 16px;
    line-height: 25px;
    font-style: italic;
}

.blockquote-2 p::first-letter {
    font-size: 48px;
    text-transform: uppercase;
}

.blockquote-3::before {
    content: '\f10e';
    font-family: Fontawesome;
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 60px;
    line-height: 0.8;
    color: #d9d9d9;
}

.preview-customizer {
    position: fixed;
    left: -310px;
    top: 0;
    padding: 120px 30px 50px;
    width: 310px;
    height: 100%;
    background-color: #2b2b2b;
    z-index: 9999;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.preview-customizer.active {
    left: 0;
}

@media only screen and (max-width: 479px) {
    .preview-customizer {
        display: none !important;
    }
}

.customizer-toggle {
    position: absolute;
    left: 100%;
    top: 50px;
    z-index: 9;
    border: none;
    width: 40px;
    height: 40px;
    background-color: #0075ba;
    color: #202020;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.customizer-toggle i {
    line-height: 40px;
    display: block;
    font-size: 18px;
}

.light-dark-mood {
    overflow: hidden;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 50px;
}

.light-dark-mood a {
    float: left;
    width: 50%;
    background-color: #ffffff;
    color: #202020;
    text-align: center;
    line-height: 30px;
    padding: 5px 5px;
    text-transform: uppercase;
    font-weight: 600;
}

.light-dark-mood a:hover {
    color: #0075ba;
}

.light-dark-mood a:focus {
    color: #202020;
}

.light-dark-mood a.active {
    background-color: #0075ba;
    color: #202020;
}

.light-dark-mood a.active:hover {
    color: #202020;
}

.customizer-links {
    float: left;
    width: auto;
    height: 100%;
    overflow: auto;
    margin-right: -6px;
    padding-right: 6px;
}

.customizer-links a {
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.customizer-links a:last-child {
    margin-bottom: 0px;
}

.customizer-links a .img {
    border: 1px solid #404040;
    display: block;
    position: relative;
}

.customizer-links a .img::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #0075ba;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
}

.customizer-links a .img img {
    max-width: 100%;
}

.customizer-links a h4 {
    text-align: center;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #202020;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
}

.customizer-links a:hover .img::before {
    opacity: 0.9;
}

.customizer-links a:hover h4 {
    opacity: 1;
}

.theme-dark .preview-customizer {
    background-color: #ffffff;
}

.theme-dark .light-dark-mood a {
    background-color: #202020;
    color: #ffffff;
}

.theme-dark .light-dark-mood a:hover {
    color: #0075ba;
}

.theme-dark .light-dark-mood a:focus {
    color: #ffffff;
}

.theme-dark .light-dark-mood a.active {
    background-color: #0075ba;
    color: #202020;
}

.theme-dark .light-dark-mood a.active:hover {
    color: #202020;
}

.theme-dark .customizer-links a .img {
    border: 1px solid #dddddd;
}

.theme-dark .customizer-links a h4 {
    color: #202020;
}


/*--
	-- Tab Style
-----------------------------------------*/


/*-- Tab One --*/

.nav-tabs-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-one {
        padding: 0;
    }
}

.nav-tabs-one li {
    margin: 0 -0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-one li {
        margin: 5px;
    }
}

.nav-tabs-one li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0;
}

.nav-tabs-one li a.active,
.nav-tabs-one li a:hover {
    color: #202020;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-tabs-one li a {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-tabs-one li a {
        padding: 6px 15px;
        border-radius: 50px !important;
    }
}

@media only screen and (max-width: 479px) {
    .nav-tabs-one li a {
        padding: 6px 15px;
    }
}

.nav-tabs-one li:first-child {
    border-radius: 50px 0 0 50px;
}

.nav-tabs-one li:first-child a {
    border-radius: 50px 0 0 50px;
}

.nav-tabs-one li:last-child {
    border-radius: 0 50px 50px 0;
}

.nav-tabs-one li:last-child a {
    border-radius: 0 50px 50px 0;
}


/*-- Tab Two --*/

.nav-tabs-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-two {
        padding: 0;
    }
}

.nav-tabs-two li {
    margin: 0 -0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-two li {
        margin: 5px;
    }
}

.nav-tabs-two li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0;
}

.nav-tabs-two li a:hover {
    color: #202020;
}

.nav-tabs-two li a.active {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-tabs-two li a {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-tabs-two li a {
        padding: 6px 15px;
        border-radius: 50px !important;
    }
}

@media only screen and (max-width: 479px) {
    .nav-tabs-two li a {
        padding: 6px 15px;
    }
}

.nav-tabs-two li:first-child {
    border-radius: 50px 0 0 50px;
}

.nav-tabs-two li:first-child a {
    border-radius: 50px 0 0 50px;
}

.nav-tabs-two li:last-child {
    border-radius: 0 50px 50px 0;
}

.nav-tabs-two li:last-child a {
    border-radius: 0 50px 50px 0;
}


/*-- Tab Three --*/

.nav-tabs-three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-three {
        padding: 0;
    }
}

.nav-tabs-three li {
    margin: 0 -0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-three li {
        margin: 5px;
    }
}

.nav-tabs-three li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0;
}

.nav-tabs-three li a:hover {
    color: #202020;
}

.nav-tabs-three li a.active {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-tabs-three li a {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-tabs-three li a {
        padding: 6px 15px;
        border-radius: 5px !important;
    }
}

@media only screen and (max-width: 479px) {
    .nav-tabs-three li a {
        padding: 6px 15px;
    }
}

.nav-tabs-three li:first-child {
    border-radius: 5px 0 0 5px;
}

.nav-tabs-three li:first-child a {
    border-radius: 5px 0 0 5px;
}

.nav-tabs-three li:last-child {
    border-radius: 0 5px 5px 0;
}

.nav-tabs-three li:last-child a {
    border-radius: 0 5px 5px 0;
}


/*-- Tab Four --*/

.nav-tabs-four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-four {
        padding: 0;
    }
}

.nav-tabs-four li {
    margin: 0 -0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-four li {
        margin: 5px;
    }
}

.nav-tabs-four li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0;
}

.nav-tabs-four li a:hover {
    color: #202020;
}

.nav-tabs-four li a.active {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-tabs-four li a {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-tabs-four li a {
        padding: 6px 15px;
    }
}

@media only screen and (max-width: 479px) {
    .nav-tabs-four li a {
        padding: 6px 15px;
    }
}


/*-- Tab Five --*/

.nav-tabs-five {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5px;
    margin: 8px 0;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-five {
        padding: 0;
        margin: 0;
    }
}

.nav-tabs-five li {
    margin: 0 -0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-five li {
        margin: 5px;
    }
}

.nav-tabs-five li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0;
}

.nav-tabs-five li a:hover {
    color: #202020;
}

.nav-tabs-five li a.active {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: -8px;
    margin-top: -8px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-five li a.active {
        padding-top: 9px;
        padding-bottom: 9px;
        margin-bottom: -3px;
        margin-top: -3px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-tabs-five li a {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-tabs-five li a {
        padding: 6px 15px;
        border-radius: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .nav-tabs-five li a {
        padding: 6px 15px;
    }
}


/*-- Tab Six --*/

.nav-tabs-six {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nav-tabs-six li {
    margin-right: 40px;
}

.nav-tabs-six li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    color: #606060;
    border: 0px solid #d0d0d0;
}

.nav-tabs-six li a.active,
.nav-tabs-six li a:hover {
    color: #202020;
}

.nav-tabs-six li:last-child {
    margin-right: 0;
}


/*-- Tab Seven --*/

.nav-tabs-seven {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-seven {
        padding: 0;
    }
}

.nav-tabs-seven li {
    margin: 0 -0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-seven li {
        margin: 5px;
    }
}

.nav-tabs-seven li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0;
}

.nav-tabs-seven li a:hover {
    color: #202020;
}

.nav-tabs-seven li a.active {
    color: #202020;
    border-bottom-color: transparent;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-seven li a.active {
        border-color: #d0d0d0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-tabs-seven li a {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-tabs-seven li a {
        padding: 6px 15px;
        border-radius: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .nav-tabs-seven li a {
        padding: 6px 15px;
    }
}


/*-- Tab Eight --*/

.nav-tabs-eight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5px;
    margin-top: 5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-eight {
        padding: 0;
        margin-top: 0;
    }
}

.nav-tabs-eight li {
    margin: 0 -0.5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-eight li {
        margin: 5px;
    }
}

.nav-tabs-eight li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0;
}

.nav-tabs-eight li a:hover {
    color: #202020;
}

.nav-tabs-eight li a.active {
    color: #202020;
    padding-top: 15px;
    margin-top: -5px;
}

@media only screen and (max-width: 767px) {
    .nav-tabs-eight li a.active {
        padding-top: 10px;
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-tabs-eight li a {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-tabs-eight li a {
        padding: 6px 15px;
        border-radius: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .nav-tabs-eight li a {
        padding: 6px 15px;
    }
}


/*---------------------------------------
	Section Title
-----------------------------------------*/


/*--
	-- Seation Title One
-----------------------------------------*/

.section-title-one {
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
}

.section-title-one::before {
    font-size: 52px;
    color: #cccccc;
    line-height: 46px;
    font-family: "Oswald", sans-serif;
    content: attr(data-title);
    font-weight: 700;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    padding-left: 5px;
    background-color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title-one::before {
        font-size: 46px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-one::before {
        font-size: 40px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 767px) {
    .section-title-one::before {
        font-size: 18px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 479px) {
    .section-title-one::before {
        font-size: 30px;
        line-height: 28px;
        display: none;
    }
}

.section-title-one::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    z-index: -1;
}

@media only screen and (max-width: 479px) {
    .section-title-one::after {
        display: none;
    }
}

.section-title-one h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    background-color: #ffffff;
    padding: 10px 5px;
    margin: 0;
    margin-left: 40px;
    float: left;
    position: relative;
    z-index: 3;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-one h1 {
        font-size: 20px;
        margin-left: 20px;
        padding: 4px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .section-title-one h1 {
        font-size: 18px;
        margin-left: 10px;
        padding: 0 15px;
        line-height: 1;
    }
}

@media only screen and (max-width: 479px) {
    .section-title-one h1 {
        font-size: 18px;
        margin-left: 0;
        padding: 0;
        background-color: transparent;
    }
}


/*---------------------------------------
	02. Header
-----------------------------------------*/

.header-section {
    width: 100%;
    z-index: 99999999;
}
.datpayment-form{
    margin-top: -25px;
}

/*-- Sticky Header --*/

.header-sticky.is-sticky {
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    position: fixed;
    left: 0;
    top: -1px;
    width: 100%;
    z-index: 999;
}
.size-col1{
    min-width: 275px;
}
.size-col2{
    min-width: 200px;
}

/*--
	02.1 Header Top
-----------------------------------------*/

.header-top .justify-content-between > [class*="col"] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
}

.header-top .justify-content-center > [class*="col"]:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-top .justify-content-center > [class*="col"]:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-top .justify-content-center [class*="col"]:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/*-- Header Top Two --*/

@media only screen and (max-width: 767px) {
    .header-top-two .row > [class*="col"]:nth-child(2) {
        margin-right: auto;
    }

    /*.header-none {*/
    /*    display: none;*/
    /*}*/
}

@media only screen and (max-width: 479px) {
    .header-top-two .row > [class*="col"]:nth-child(2) {
        margin-right: 0;
    }

    .footer-section .container-fluid {
        padding: 0 15px;
        width: 450px;
    }

    /*.header-sticky .header-advance-search {*/
    /*    !*display: none;*!*/
    /*    position: fixed;*/
    /*    top: 93px;*/
    /*    right: 10px;*/
    /*    width: 232px;*/
    /*}*/
    /*    .is-sticky .header-advance-search{*/
    /*        position: fixed;*/
    /*        padding: 5px;*/
    /*        right: 0px;*/
    /*        width: 100%;*/
    /*        top: 74px;*/
    /*    }*/
}


/*-- Header Top Three --*/

@media only screen and (max-width: 767px) {
    .header-top-three .row > [class*="col"]:nth-child(2) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media only screen and (max-width: 767px) {
    .header-top-three .row > [class*="col"]:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/*.menu_cart_login{
    display: flex; margin-top:15px; font-size: 14px; font-weight: 600; margin-right: 30px;
}*/
.menu_cart_login:hover{
    color: #339dff;
    font-weight: 700;
}
.menu_cart_login > a{
    color:#fff;
}
/*.menu_cart_account{
    margin-top: 15px;
    min-width: 231px;
}*/
#sticky .menu_cart_login > a{
    color:#000;
    text-align: center;
}
@media (max-width:991px){ .none-menu{ display:none; } }
#normal .menu_cart_account{ margin-right: 5px; margin-top:15px; min-width:175px;}
#sticky .menu_cart_account{  min-width:175px;}/*margin-right: 5px; margin-top:0px;*/
/*.is-sticky .menu_cart_login{
    display: flex;
    margin-top: 0px;
    font-size: 14px;
    font-weight: 600;
    margin-right: -20px;
}*/
.menu_cart_login > .resume_quote{
    min-width: 115px;
}
.menu_cart_login > .cart_menu{
    min-width: 40px;
}
.menu_cart_login > .account_menu{
    min-width: 90px;
}
.menu_cart_login > .login_menu{
    border-right: 0px;
    min-width: 71px;
}
@media(max-width: 362px){
    .menu_cart_login{
        font-size: 11px;
    }
    .menu_cart_login > .login_menu{
        min-width: 60px;
    }
    menu_cart_login > .cart_menu{
        min-width: 45px;
    }
    .menu_cart_login > .account_menu{
        min-width: 60px;
    }
    .menu_cart_login{
        margin-right: 70px;
    }
}


/*-- Header Top Border --*/

.header-top-border {
    border-bottom: 1px solid #e8e8e8;
}


/*-- Header Links --*/

.header-links {
    overflow: hidden;
}

.header-links a {
    color: #333333;
    text-transform: uppercase;
    line-height: 30px;
    margin-right: 50px;
    display: block;
    float: left;
}

.header-links a:hover {
    color: #202020;
}

.header-links a:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-links a {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-links a {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .header-links a {
        margin-right: 15px;
    }
}

.header-links a img {
    margin-right: 10px;
}

@media only screen and (max-width: 479px) {
    .header-links a img {
        margin-right: 5px;
    }
}

.header-links a span {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-links a span {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-links a span {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .header-links a span {
        font-size: 11px;
    }
}

@media (min-width: 768px) {
}


/*-- Header Account Links --*/

.header-account-links {
    overflow: hidden;
}

.header-account-links a {
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
    /*padding-left: 10px;*/
    display: block;
    float: left;
    border-right: 1px solid #ffffff96;
    padding-right: 10px;
}

.header-account-links.outherdiv02 a:last-child {
    border-right: 0px;
    padding-left: 4px;
}

.header-account-links a:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*.header-account-links a {*/
    /*margin-right: 15px; } */
}

@media only screen and (max-width: 767px) {
    .header-account-links a {
        /*margin-right: 15px;*/
        line-height: 24px;
        /*float: none !important;*/
        /*text-align: center;*/
        /*position: fixed;*/
        /*top: 25px;*/
        /*left: 250px;*/
    }
}

.header-account-links a i {
    display: block;
    background-color: #fff0;
    color: #fff;
    float: left;
    width: 26px;
    border-radius: 50px;
    text-align: center;
    line-height: 29px;
    margin-right: 0px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 17px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-account-links a i {
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    .header-account-links a i {
        display: block !important;
        margin: 0;
        width: 24px;
        height: 24px;
        font-size: 11px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 320px) {
    .fa-shopping-cart{
        margin-left: 12px !important;
    }
}

.header-account-links a span {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-account-links a span {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-account-links a span {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .header-account-links a span {
        display: none;
        font-size: 11px;
        padding-left: 10px;
    }
}

@media only screen and (max-width: 479px) {
    .header-account-links a span {
        display: block;
        padding: 0;
    }
}

.header-account-links a:hover {
    color: #15a5f8;
}

.header-account-links a:hover i {
    background-color: #15a5f8;
    color: #fff;
}

.header-account-links a:hover {
    font-weight: 700;
}


/*.menu-color:hover{*/


/*color: #0075ba;*/


/*}*/


/*-- Header Shop Links --*/

.header-shop-links a {
    color: #333333;
    float: left;
    margin-right: 30px;
}

.header-shop-links a:hover {
    color: #fff;
}

.header-shop-links a:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 479px) {
    .header-shop-links a {
        margin-right: 10px;
    }
}

.header-shop-links a i {
    font-size: 24px;
    line-height: 30px;
    display: block;
    float: left;
}

@media only screen and (max-width: 479px) {
    .header-shop-links a i {
        font-size: 20px;
    }
}

.header-shop-links a .number {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    color: #202020;
    background-color: #fff;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
    position: relative;
    left: -7px;
}

@media only screen and (max-width: 479px) {
    .header-shop-links a .number {
        width: 16px;
        height: 16px;
        margin-top: 7px;
        font-size: 10px;
        line-height: 16px;
    }
}

.header-shop-links a.header-wishlist {
    margin-right: 23px;
}

@media only screen and (max-width: 479px) {
    .header-shop-links a.header-wishlist {
        margin-right: 3px;
    }
}

.header-shop-links a.header-cart .number {
    left: 0;
}


/*-- Mini Cart Wrap --*/

.mini-cart-wrap {
    background-color: #fefcef;
    width: 320px;
    position: fixed;
    top: 0;
    right: -320px;
    z-index: 9822;
    height: 100%;
    padding-bottom: 150px;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mini-cart-wrap.open {
    right: 0;
}

.mini-cart-wrap .mini-cart-top {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 25px;
    height: 41px;
}

.mini-cart-wrap .mini-cart-top .close-cart {
    border: none;
    background-color: transparent;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
}

.mini-cart-wrap .mini-cart-top .close-cart i {
    float: right;
    line-height: 26px;
    font-size: 16px;
    margin-left: 5px;
}

.mini-cart-wrap .mini-cart-products {
    padding: 20px 10px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100% - 45px);
    border-bottom: 1px solid #ddd;
}

.mini-cart-wrap .mini-cart-products li {
    float: left;
    width: 100%;
}

.mini-cart-wrap .mini-cart-products li .image {
    width: 50px;
    float: left;
    margin-right: 10px;
}

.mini-cart-wrap .mini-cart-products li .image img {
    width: 100%;
    background-color: #f6f7f8;
    height: 50px;
}

.mini-cart-wrap .mini-cart-products li .content {
    max-width: 637px;
    float: left;
}

.mini-cart-wrap .mini-cart-products li .content .title {
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #333333;
    line-height: 18px;
    margin-bottom: 2px;
}

.mini-cart-wrap .mini-cart-products li .content .title:hover {
    color: #202020;
}

.mini-cart-wrap .mini-cart-products li .content .price,
.mini-cart-wrap .mini-cart-products li .content .qty {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
}

.mini-cart-wrap .mini-cart-products li .remove {
    width: 20px;
    float: right;
    padding: 0;
    border: none;
    background-color: transparent;
}

.mini-cart-wrap .mini-cart-products li .remove:hover {
    color: #ff0000;
}

.mini-cart-wrap .mini-cart-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fefcef;
}

.mini-cart-wrap .mini-cart-bottom .sub-total {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 24px;
    padding: 10px 25px;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
}

.mini-cart-wrap .mini-cart-bottom .sub-total span {
    float: right;
}

.mini-cart-wrap .mini-cart-bottom .button {
    padding: 32px 25px;
}

.mini-cart-wrap .mini-cart-bottom .button a {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
    padding: 5px 30px;
    border-radius: 50px;
    background-color: #0075ba;
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.mini-cart-wrap .mini-cart-bottom .button a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1;
}

.mini-cart-wrap .mini-cart-bottom .button a:hover {
    color: #fff;
}

.mini-cart-wrap .mini-cart-bottom .button a:hover::before {
    height: 550%;
    opacity: 1;
}


/*-- Cart Overlay --*/

.cart-overlay {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9821;
    background-color: rgba(0, 0, 0, 0.85);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.cart-overlay.visible {
    visibility: visible;
    opacity: 1;
}


/*-- Header Language & Currency --*/

.header-lan-curr > li {
    position: relative;
    display: inline-block;
    padding: 0 10px;
}

.header-lan-curr > li::before {
    position: absolute;
    right: -1px;
    width: 2px;
    height: 10px;
    top: 10px;
    background-color: #333333;
    content: "";
}

.header-lan-curr > li:last-child::before {
    display: none;
}

.header-lan-curr > li a {
    font-size: 13px;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
    line-height: 30px;
    color: #333333;
}

.header-lan-curr > li ul {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #ffffff;
    padding: 10px 20px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    width: 120px;
    margin-top: 30px;
    visibility: hidden;
    opacity: 0;
    z-index: -999;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-lan-curr > li ul li a {
    font-size: 11px;
    line-height: 24px;
}

.header-lan-curr > li ul li a:hover {
    color: #0075ba;
}

@media only screen and (max-width: 767px) {
    .header-lan-curr > li ul {
        left: auto;
        right: 0;
    }
}

.header-lan-curr > li:hover ul {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    z-index: 999;
}


/*-- Header Search --*/

.header-search .search-toggle {
    border: none;
    background-color: transparent;
    padding: 0;
    display: block;
    color: #333333;
}

.header-search .search-toggle i {
    display: block;
    font-size: 20px;
    line-height: 30px;
}

.header-search .search-toggle:hover {
    color: #202020;
}


/*-- Header Search Container --*/

.header-search-container {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    background-color: #f6f7f8;
    padding: 100px 180px;
    display: none;
    z-index: 9999;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-search-container {
        padding: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .header-search-container {
        padding: 80px 60px;
    }
}

@media only screen and (max-width: 479px) {
    .header-search-container {
        padding: 50px 30px;
    }
}

.header-search-form {
    width: 100%;
}

.header-search-form input {
    font-size: 24px;
    line-height: 45px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #333333;
    background-color: transparent;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #cfcece;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .header-search-form input {
        font-size: 18px;
    }
}



/*@media only screen and (min-width: 934px) and (max-width: 990px) {*/


/*  .is-sticky .header-advance-search {*/


/*    left: 258px;*/


/*    position: fixed;*/


/*    float: right;*/


/*    top: 18px;*/


/*    height: 37px;*/


/*    width: 45%;*/


/*  }*/


/*}*/
.qtt-input{
    padding: 1px;
    max-height: 38px;
    top: 0px;
    max-width: 30px;
    min-width: 41px;
}
@-moz-document url-prefix() {
    .qtt-input {
        padding: 1px;
        max-height: 38px;
        top: 0px;
        max-width: 40px;
        min-width: 41px;

    }
}

@media (min-width: 432px) and (max-width: 990px){
    .qtt-input {
        padding: 1px;
        max-height: 32px;
        top: 0px;
        max-width: 30px;
    }
}
@media only screen and (max-width: 430px) {
    .qtt-input {
        max-height: 26px;
        top: 15px;
    }
}
#sticky .header-account-links a i {
    color: #212529;
}
#sticky .header-account-links a {
    color: #212529;
    border-right: 1px solid #212529;
}
#sticky .header-account-links a span {
    color: #212529;
}
#sticky .header-account-links {
    font-size: small;
    text-align: center;
}
#sticky .header-account-links.outherdiv02 a:last-child {
    border-right: 0px;
}
#sticky .header-account-links a:hover i {
    background-color: #15a5f8;
    color: #fff;
}
#sticky .header-account-links a:hover {
    color: #15a5f8;
}
.header-links a span:hover {
    color: #15a5f8;
}
.menu-color:hover {
    color: #15a5f8;
}


@media (max-width: 992px){
    .captcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
#change_password{
    width: 100%;
}
/*.header-advance-search form {
    position: relative;
}*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*.header-advance-search .input-group {*/
    /*width: 291px; }*/
}

@media (min-width: 560px) and (max-width: 767px) {
    .header-sticky.is-sticky {
        height: 130px;
    }
    #sticky .header-advance-search {
        position: fixed;
        top: 83px;
        left: 15px;
        width: 95%;
    }
    #normal .header-advance-search{
        margin-top: 60px;
        position: absolute;
        width: 500px;
    }
    .menu-container{top: -21px;}
/*    .header-advance-search .input-group {
        width: 100%;
        top: 0px;
        right: 25px;
    }*/
    .menu_cart_login{
        margin-right: -15px;
    }
    #sticky .header-advance-search .input-group {
        width: 100%;
        top: 0px;
        right: 0px;
    }
}
@media (min-width: 480px) and (max-width: 559px) {
    #normal .header-advance-search{
        margin-top: 0px;
        position: absolute;
        width: 330px;
        margin-left: 90px;
    }
    .header-sticky.is-sticky {
        height: 130px;
    }
    .header-advance-search .input-group {
        width: 150%;
        top: 55px;
        right: 90px;
    }
    #sticky .header-advance-search .input-group {
        width: 100%;
        top: 0px;
        right: 0px;
    }
    #sticky .header-advance-search {
        position: fixed;
        top: 77px;
        left: 5px;
        width: 97%;
    }
}
@media (min-width: 480px) and (max-width: 520px){
    #normal .header-advance-search{
        margin-top: 2px;
        margin-left: 90px;
        position: absolute;
        width: 300px;
    }
    .menu-container{top: -21px;}
}
@media (min-width:433px) and (max-width:558px){
    #sticky .header-advance-search {
        position: fixed;
        top: 77px;
        left: 5px;
        width: 97%;
    }
}

@media (min-width: 389px) and (max-width: 432px) {
    .header-sticky.is-sticky{
        height: 125px;
    }
    #sticky .header-advance-search {
        position: fixed;
        top: 77px;
        left: 5px;
        width: 97%;
    }
/*    .header-advance-search .input-group {
        width: 330px;
        top: 55px;
        right: 90px;
    }*/
    #sticky .header-advance-search .input-group {
        width: 100%;
        top: 0px;
        right: 0px;
    }
}
@media (min-width: 320px) and (max-width: 388px) {
    .header-sticky.is-sticky{
        height: 150px;
    }
/*    .header-advance-search .input-group {
        width: 210px;
        top: 55px;
        right: 87px;
    }*/
    .header-account-links{
        position: absolute;
        font-size: 10px;
        right: 24px;
        top: 6px;
    }
    .header-account-links.outherdiv02 a:last-child{
        padding-left: 0px;
    }
    .header-account-links a{
        padding-right: 0px;
    }
/*    .header-cart{
        margin-left: 7px;
    }*/
    .is-sticky .header-account-links{
        right: 65px !important;
        display: flex;
        margin-right: 19px;
        position: absolute;
        top: -17px;
        min-width: 150px;
    }
    .is-sticky .header-account-links a{
        margin-left: 6px;
    }
}
.header-advance-search .input-group input {
    border: 1px #e7e7e770 solid;
    height: 35px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-advance-search .input-group input {
        font-size: 13px;
        font-weight: 400;
        height: 33px;
    }
}
@media only screen and (max-width: 767px) {
    .header-advance-search .input-group input {
        font-size: 13px;
        font-weight: 400;
    }
}
.header-advance-search .select {
    float: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-advance-search .select {
        width: 130px;
    }
}
@media only screen and (max-width: 767px) {
    .header-advance-search .select {
        width: 130px;
    }
}

@media only screen and (max-width: 479px) {
    .header-advance-search .select {
        display: none;
    }
}
.header-advance-search .select div.nice-select {
    float: right;
    clear: none;
    border: 0px solid transparent;
    background-color: transparent;
    padding-left: 10px;
    padding-right: 30px;
    line-height: 37px;
    height: 37px;
    width: 100%;
}

.header-advance-search .select div.nice-select::after {
    border-width: 1px;
    border-color: #333333;
    height: 6px;
    width: 6px;
    right: 15px;
}

.header-advance-search .select div.nice-select .current {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    line-height: 37px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-advance-search .select div.nice-select .current {
        font-size: 13px;
        font-weight: 400;
    }
}

@media only screen and (max-width: 767px) {
    .header-advance-search .select div.nice-select .current {
        font-size: 13px;
        font-weight: 400;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-advance-search .select div.nice-select .list li {
        font-size: 13px;
        font-weight: 400;
    }
}

@media only screen and (max-width: 767px) {
    .header-advance-search .select div.nice-select .list li {
        font-size: 13px;
        font-weight: 400;
    }
}
.button-input-group {
    float: left;
}
.header-advance-search .input-group button {
    background-color: #15a5f8;
    color: #fff;
    border: 1px solid #fff;
    width: 70px;
    height: 35px;
    font-size: large;
    text-align: center;
}
.header-advance-search .input-group button i {
    line-height: 37px;
    display: block;
    font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-advance-search .input-group button {
        width: 60px;
        height: 33px;
    }
}
@media only screen and (max-width: 479px) {
    .header-advance-search .input-group button {
        width: 60px;
    }
}
.header-advance-search .input-group button:hover {
    background-color: #0574ba;
    color: #fff;
    border: 1px solid #fff;
}
.menu-list-all-brands {
    display: block;
    text-transform: capitalize;
    width: 100%;
}
.menu-list-all-brands a {
    color: #333333;
}
.menu-list-all-brands :hover {
    background: rgba(100, 100, 100, .1);
}
.all-brands :hover {
    background: none;
    color: #333333;
    width: 100%;
}
.all-brands {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 29px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    text-transform: capitalize;
    font-family: 'PT Sans', Tahoma;
}

.nopadding {
    padding: 0px;
}

.padding-all {
    padding: 2px 10px;
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .menu-color {
        font-size: 11px;
    }
    #show_categories {
        font-size: 11px;
    }
}

.ee-product .content .price-ratting .btn-cart-add {
    color: #000000;
    font-weight: 600;
    border-radius: 50px;
    display: block;
    width: 150px;
    margin-top: 3px;
    padding: 10px 0px 10px 46px;
    -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    float: right;
    font-size: 14px;
}
.ee-product .content .price-ratting .btn-cart-add i {
    width: 35px;
    height: 35px;
    background-color: #0075ba;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 19px;
    text-align: center;
    line-height: 35px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #fff;
    position: absolute;
    left: 3px;
    right: auto;
    top: 3px;
}
.ee-product .content .price-ratting .btn-cart-add span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center;
}
.ee-product .content .price-ratting .btn-cart-add :hover {
    color: #fff;
}
.margintop10 {
    margin-top: 10px;
}
.margintop20 {
    margin-top: 20px;
}
.texttop.text-item {
    top: -16px;
    margin-left: 10px;
}
.texttop {
    background-color: white;
    position: absolute;
    padding: 0px 10px 0 10px;
}
.title-text {
    font-weight: bold;
    font-size: 20px;
}
/*-- Header Call Us --*/
.header-call-us {
    float: left;
}

.header-call-us h4 {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .header-call-us h4 {
        font-size: 14px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .header-call-us h4 {
        font-size: 12px;
        line-height: 18px;
    }
}

.header-call-us h4 span {
    font-size: 20px;
    color: #202020;
    display: block;
}

@media only screen and (max-width: 767px) {
    .header-call-us h4 span {
        font-size: 16px;
    }
}

@media only screen and (max-width: 479px) {
    .header-call-us h4 span {
        font-size: 14px;
    }
}

.header-call-us h4 span a {
    font-weight: 400;
}

.header-call-us h4 span a:focus,
.header-call-us h4 span a:hover {
    color: #202020;
}

/*--
	02.2 Header Bottom
-----------------------------------------*/
.header-bottom .justify-content-between > [class*="col"] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
}

.header-bottom .justify-content-center > [class*="col"]:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-bottom .justify-content-center > [class*="col"]:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-bottom .justify-content-center [class*="col"]:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-bottom > .container > .row > .col:nth-child(3),
    .header-bottom > .container-fluid > .row > .col:nth-child(3),
    .header-bottom > .container-fluid > .row > [class*="col-"]:nth-child(3) {
        margin-right: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .header-bottom > .container > .row > .col:nth-child(3),
    .header-bottom > .container-fluid > .row > .col:nth-child(3),
    .header-bottom > .container-fluid > .row > [class*="col-"]:nth-child(3) {
        margin-right: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .header-bottom > .container > .row > .col:nth-child(3),
    .header-bottom > .container-fluid > .row > .col:nth-child(3),
    .header-bottom > .container-fluid > .row > [class*="col-"]:nth-child(3) {
        margin-right: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .header-bottom .header-call-us {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-bottom.header-bottom-three > .container > .row > .col:nth-child(2),
    .header-bottom.header-bottom-three > .container > .row > [class*="col-"]:nth-child(2),
    .header-bottom.header-bottom-three > .container-fluid > .row > .col:nth-child(2),
    .header-bottom.header-bottom-three > .container-fluid > .row > [class*="col-"]:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
}

@media only screen and (max-width: 767px) {
    .header-bottom.header-bottom-three > .container > .row > .col:nth-child(2),
    .header-bottom.header-bottom-three > .container > .row > [class*="col-"]:nth-child(2),
    .header-bottom.header-bottom-three > .container-fluid > .row > .col:nth-child(2),
    .header-bottom.header-bottom-three > .container-fluid > .row > [class*="col-"]:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-bottom.header-bottom-three > .container > .row > .col:nth-child(3),
    .header-bottom.header-bottom-three > .container > .row > [class*="col-"]:nth-child(3),
    .header-bottom.header-bottom-three > .container-fluid > .row > .col:nth-child(3),
    .header-bottom.header-bottom-three > .container-fluid > .row > [class*="col-"]:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .header-bottom.header-bottom-three > .container > .row > .col:nth-child(3),
    .header-bottom.header-bottom-three > .container > .row > [class*="col-"]:nth-child(3),
    .header-bottom.header-bottom-three > .container-fluid > .row > .col:nth-child(3),
    .header-bottom.header-bottom-three > .container-fluid > .row > [class*="col-"]:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .header-bottom.header-bottom-three .header-advance-search {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .header-bottom.header-bottom-three .header-advance-search .input {
        border-right: 0px;
        width: 160px;
    }
}

@media only screen and (max-width: 767px) {
    .header-bottom.header-bottom-three .header-advance-search .select {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .header-bottom.header-bottom-three .header-advance-search .submit {
        margin-left: 0;
    }
}
/*-- Logo --*/
.header-logo {
    position: relative;
    vertical-align: top;
    display: inline-block;
}
.header-logo img.theme-dark {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
/*-- Main Menu --*/
.main-menu nav > ul > li {
    display: block;
    float: left;
    margin-right: 16px;
    position: relative;
    top:-6px;
}
.main-menu nav > ul > li:last-child {
    margin-right: 0;
}
.main-menu nav > ul > li > a {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #353535;
    line-height: 100px;
}
.main-menu nav > ul > li.menu-item-has-children > a::after {
    font-family: Fontawesome;
    content: "\f107";
    margin-left: 5px;
    float: right;
}
.main-menu nav > ul > li.active > a,
.main-menu nav > ul > li:hover > a {
    color: #202020;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu.menu-3 nav > ul > li {
        margin-right: 20px;
    }
}
.main-menu.menu-3 nav > ul > li > a {
    font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu.menu-3 nav > ul > li > a {
        font-size: 12px;
    }
}
.main-menu.menu-3 nav > ul > li .mega-menu {
    left: -20px;
}
/*-- Sub Menu --*/
.sub-menu {
    position: absolute;
    left: -20px;
    top: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    border-top: 3px solid #0075ba;
    z-index: -999;
    width: 250px;
    padding: 15px 0;
    margin-top: 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.sub-menu li {
    position: relative;
}
.sub-menu li a {
    line-height: 24px;
    padding: 6px 20px;
    display: block;
    font-weight: 400;
    color: #333333;
    text-transform: capitalize;
}
.sub-menu li.menu-item-has-children > a::after {
    font-family: Fontawesome;
    content: "\f105";
    margin-left: 5px;
    float: right;
}
.sub-menu li.active > a,
.sub-menu li:hover > a {
    color: #202020;
    font-weight: 600;
}
.sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 999;
}
.sub-menu .sub-menu {
    left: 100%;
    right: auto;
    top: 0;
}
.sub-menu .sub-menu .sub-menu .sub-menu {
    left: 100%;
    right: auto;
}
.sub-menu .sub-menu .sub-menu .sub-menu {
    left: auto;
    right: 100%;
}
/*-- Mega Menu --*/
.mega-menu {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    border-top: 3px solid #0075ba;
    z-index: 999;
    width: 100%;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.mega-menu.two-column {
    width: 440px;
    left: -20px;
}

.mega-menu.two-column > li {
    width: 50%;
    padding: 20px 15px;
}

.mega-menu.three-column {
    width: 700px;
    left: -300px;
}

.mega-menu.three-column.second {
    width: 700px;
    left: -200px;
}

.mega-menu.three-column > li {
    width: 100%;
    padding: 20px 15px;
}

.mega-menu > li {
    position: relative;
    float: left;
}

.mega-menu > li > a {
    line-height: 24px;
    padding: 6px 20px;
    display: block;
    font-weight: 600;
    color: #333333;
    text-transform: capitalize;
}

.mega-menu > li.active > a,
.mega-menu > li:hover > a {
    color: #202020;
    font-weight: 600;
}

.mega-menu > li ul li a {
    line-height: 24px;
    padding: 6px 20px;
    display: block;
    font-weight: 400;
    color: #333333;
    text-transform: capitalize;
}

.mega-menu > li ul li.active > a,
.mega-menu > li ul li:hover > a {
    color: #202020;
    font-weight: 600;
}

/*-- Mobile Menu --*/
.mobile-menu {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 100% !important;
    flex: 1 0 100% !important;
}

.mobile-menu .mean-bar {
    position: relative;

    /*---- Mean Nav ----*/
}

.mobile-menu .mean-bar .meanmenu-reveal {
    position: fixed;
    top: 15px;
    right: 15px !important;
    display: none;
}

.mobile-menu .mean-bar .meanmenu-reveal span {
    position: relative;
    /*---- Menu Open ----*/
    /*---- Menu Close ----*/
}

.is-sticky .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
    height: 3px;
    width: 39px;
    background-color: #0075ba;
    display: block;
    margin: 12px 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
    height: 3px;
    width: 39px;
    background-color: #fff;
    display: block;
    margin: 12px 0;
}

.is-sticky .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0075ba;
}

.is-sticky .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0075ba;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
    top: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
    bottom: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
    height: 2px;
    width: 26px;
    background-color: transparent;
    display: block;
    margin: 8px 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.is-sticky .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before,
.is-sticky .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    height: 100%;
    background-color: #333;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-menu .mean-bar .mean-nav {
    background-color: #ffffff;
}

.mobile-menu .mean-bar .mean-nav > ul {
    margin-bottom: 30px;
    border: 1px solid #eeeeee;
    border-top: 0px solid transparent;
    overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
    .mobile-menu .mean-bar .mean-nav > ul {
        max-height: 180px;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 479px) {
    .mobile-menu .mean-bar .mean-nav > ul {
        max-height: 520px;
        overflow-y: auto;
    }
}

.mobile-menu .mean-bar .mean-nav > ul li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    /*---- Sub Menu & Mega Menu ----*/
}

.mobile-menu .mean-bar .mean-nav > ul li a {
    font-size: 14px;
    display: block;
    color: #333333;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 44px;
    position: relative;
    border-top: 1px solid #eeeeee;
    padding: 0 40px 0 20px;
    /*---- Menu Expand For Sub Menu ----*/
}

.mobile-menu .mean-bar .mean-nav > ul li a::after {
    display: none;
}

.mobile-menu .mean-bar .mean-nav > ul li a:hover {
    color: #202020;
    padding-left: 25px;
}

.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
    border: 1px solid #eeeeee;
    position: absolute;
    right: -1px;
    top: 0;
    font-size: 20px !important;
    color: #333333;
    line-height: 44px;
    height: 45px;
    width: 40px;
    text-align: center;
    padding: 0;
}

.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
    line-height: 40px;
}

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul {
    position: static;
    background-color: rgba(0, 0, 0, 0.03);
    margin: 0;
    padding: 0 !important;
    width: 100% !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    display: none;
    float: left;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li,
.mobile-menu .mean-bar .mean-nav > ul li ul li {
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-right: 0px solid transparent;
    width: 100%;
    display: block !important;
    float: left;
    width: 100%;
}

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li a {
    font-size: 12px;
    display: block !important;
}

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before,
.mobile-menu .mean-bar .mean-nav > ul li ul li a::before {
    display: none;
}

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul {
    background-color: rgba(0, 0, 0, 0.04);
}

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
    border-top: 1px solid #dddddd;
}

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
    border: 1px solid #dddddd;
}

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
    background-color: rgba(0, 0, 0, 0.05);
}

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
    border-top: 1px solid #eeeeee;
}

.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
    border: 1px solid #eeeeee;
}

/*---------------------------------------
	03. Category Menu Style
-----------------------------------------*/

/*--
	03.1 Header Category Style
-----------------------------------------*/
.header-category-section {
    z-index: 999;
}

/*-- Category Toggle Wrap --*/
.category-toggle-wrap {
    float: left;
    width: 100%;
    padding: 12px 25px;
}

@media only screen and (max-width: 767px) {
    .category-toggle-wrap {
        padding: 8px 25px;
    }
}

.category-toggle-wrap .category-toggle {
    float: left;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    color: #202020;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 30px;
    width: 100%;
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .category-toggle-wrap .category-toggle {
        font-size: 14px;
    }
}

.category-toggle-wrap .category-toggle i {
    font-size: 24px;
    display: block;
    line-height: 30px;
    float: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-toggle-wrap .category-toggle i::before {
        content: "\e62a";
    }
}

@media only screen and (max-width: 767px) {
    .category-toggle-wrap .category-toggle i::before {
        content: "\e62a";
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-toggle-wrap .category-toggle i {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .category-toggle-wrap .category-toggle i {
        font-size: 18px;
    }
}

/*-- Header Category --*/
.header-category {
    background-color: #0075ba;
    float: left;
    width: 100%;
    position: relative;
}

.header-category nav {
    z-index: 999;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-category nav {
        float: left;
        background-color: #f6f7f8;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .header-category nav {
        float: left;
        background-color: #f6f7f8;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
    }
}

.header-category nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header-category nav ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-category nav ul li {
        padding: 15px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-category nav ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        border-top: 1px solid #e8e8e8;
        padding: 0;
    }

    .header-category nav ul li:first-child {
        border-top: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .header-category nav ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        border-top: 1px solid #e8e8e8;
        padding: 0;
    }

    .header-category nav ul li:first-child {
        border-top: 0px;
    }
}

.header-category nav ul li a {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    color: #202020;
    font-weight: 700;
    line-height: 30px;
    width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-category nav ul li a {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-category nav ul li a {
        font-size: 12px;
        padding: 8px 25px;
        color: #606060;
    }
}

@media only screen and (max-width: 767px) {
    .header-category nav ul li a {
        font-size: 12px;
        padding: 8px 25px;
        color: #606060;
    }
}

/*--
	03.2 Hero Side Category Style
-----------------------------------------*/
.hero-side-category {
    background-color: #f6f7f8;
    width: 260px;
    float: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category {
        width: 100%;
        z-index: 999;
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category {
        width: 100%;
        z-index: 9;
        position: relative;
    }
}

.hero-side-category .category-toggle-wrap {
    background-color: #0075ba;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category .category-toggle-wrap .category-toggle i::before {
        content: "\e62a";
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category .category-toggle-wrap .category-toggle i::before {
        content: "\e62a";
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category .category-toggle-wrap .category-toggle i {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category .category-toggle-wrap .category-toggle i {
        font-size: 18px;
    }
}

.hero-side-category nav.category-menu {
    background-color: #f6f7f8;
    float: left;
    width: 100%;
    left: 0;
    width: 100%;
    top: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category nav.category-menu {
        position: absolute;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category nav.category-menu {
        position: absolute;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category nav.category-menu > ul {
        max-height: 180px;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 479px) {
    .hero-side-category nav.category-menu > ul {
        max-height: 220px;
        overflow-y: auto;
    }
}

.hero-side-category nav.category-menu > ul > li:last-child > a {
    border-bottom: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category nav.category-menu > ul > li {
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category nav.category-menu > ul > li {
        position: relative;
    }
}

.hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
    font-family: 'IcoFont';
    content: "\eb8b";
    position: absolute;
    right: 25px;
    top: 0;
    line-height: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
        display: none;
    }
}

.hero-side-category nav.category-menu > ul > li i {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 50px;
    width: 40px;
    line-height: 50px;
    z-index: 9;
}

.hero-side-category nav.category-menu > ul > li i::before {
    background-color: #606060;
    width: 8px;
    height: 2px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    margin-top: -1px;
    top: 50%;
}

.hero-side-category nav.category-menu > ul > li i::after {
    background-color: #606060;
    width: 2px;
    height: 8px;
    content: "";
    position: absolute;
    left: 50%;
    margin-top: -4px;
    margin-left: -1px;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}

.hero-side-category nav.category-menu > ul > li i.expand::after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.hero-side-category nav.category-menu > ul > li > a {
    display: block;
    padding: 10px 25px;
    line-height: 30px;
    font-size: 14px;
    color: #606060;
    font-weight: 600;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.hero-side-category nav.category-menu > ul > li > a:hover {
    color: #202020;
}

.hero-side-category nav.category-menu > ul > li:hover .category-mega-menu {
    z-index: 9;
    opacity: 1;
    visibility: visible;
}

.hero-side-category nav.category-menu > ul > li .banner {
    padding: 15px;
    max-width: 300px;
}

.hero-side-category nav.category-menu.category-menu-5 > ul > li > a {
    padding: 12px 25px;
}

/*-- Category Mega Menu --*/
.category-mega-menu {
    position: absolute;
    left: 275px;
    top: 0;
    width: calc(100% - 290px);
    max-width: 910px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 99;
    background-color: #eaeaea;
    padding: 55px 45px 0;
    opacity: 0;
    z-index: -9;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.span-checkall{
    font-size: xx-small;
    line-height: normal;
    position: absolute;
    bottom: 0px;
    left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-mega-menu {
        position: static;
        z-index: 9;
        opacity: 1;
        visibility: visible;
        background-color: transparent;
        padding: 0;
        width: 100%;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

@media only screen and (max-width: 767px) {
    .category-mega-menu {
        position: static;
        z-index: 9;
        opacity: 1;
        visibility: visible;
        background-color: transparent;
        padding: 0;
        width: 100%;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.category-mega-menu > li {
    float: left;
    width: 33.33%;
    padding: 0 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-mega-menu > li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 0;
        position: relative;
    }

    .category-mega-menu > li::before {
        content: "";
        float: left;
        height: 2px;
        width: 6px;
        background-color: #606060;
        margin: 24px 0;
        position: relative;
        left: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .category-mega-menu > li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 0;
        position: relative;
    }

    .category-mega-menu > li::before {
        content: "";
        float: left;
        height: 2px;
        width: 6px;
        background-color: #606060;
        margin: 24px 0;
        position: relative;
        left: 25px;
    }
}

.category-mega-menu > li > a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #202020;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-mega-menu > li > a {
        padding: 10px 25px 10px 35px;
        line-height: 30px;
        font-size: 14px;
        color: #606060;
        font-weight: 600;
        position: relative;
        margin: 0;
        text-transform: inherit;
    }
}

@media only screen and (max-width: 767px) {
    .category-mega-menu > li > a {
        padding: 10px 25px 10px 35px;
        line-height: 30px;
        font-size: 14px;
        color: #606060;
        font-weight: 600;
        position: relative;
        margin: 0;
        text-transform: inherit;
    }
}

.category-mega-menu > li > ul li {
    margin-bottom: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-mega-menu > li > ul li::before {
        content: "";
        float: left;
        height: 2px;
        width: 6px;
        background-color: #606060;
        margin: 24px 0;
        position: relative;
        left: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .category-mega-menu > li > ul li::before {
        content: "";
        float: left;
        height: 2px;
        width: 6px;
        background-color: #606060;
        margin: 24px 0;
        position: relative;
        left: 35px;
    }
}

.category-mega-menu > li > ul li:last-child {
    margin-bottom: 0;
}

.category-mega-menu > li > ul li a {
    display: block;
    font-size: 14px;
    color: #606060;
    line-height: 30px;
    border-bottom: 1px solid #e8e8e8;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-mega-menu > li > ul li a {
        padding: 10px 25px 10px 45px;
        line-height: 30px;
        font-size: 14px;
        color: #606060;
        font-weight: 600;
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .category-mega-menu > li > ul li a {
        padding: 10px 25px 10px 45px;
        line-height: 30px;
        font-size: 14px;
        color: #606060;
        font-weight: 600;
        position: relative;
    }
}

.category-mega-menu > li > ul li a:hover {
    color: #202020;
}

.category-mega-menu > li.add {
    float: left;
    width: auto;
    padding: 0;
    border: none;
    margin: 30px -45px 0;
}

.category-mega-menu > li.add a {
    display: block;
    border: none;
    margin: 0;
}

.category-mega-menu > li.add a img {
    width: 100%;
}

/*---------------------------------------
	04. Hero
-----------------------------------------*/

/*--
	04.1 Hero Slider One
-----------------------------------------*/

/*-- Hero Slider --*/
.hero-slider-one {
    /*-- Arrow --*/
    /*-- Dots --*/
}

.hero-slider-one .slick-arrow {
    display: none !important;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 9;
    opacity: 0;
}

.hero-slider-one .slick-arrow i {
    font-size: 28px;
    line-height: 42px;
    display: block;
}

.hero-slider-one .slick-arrow.slick-prev {
    left: 30px;
}

.hero-slider-one .slick-arrow.slick-next {
    right: 30px;
}

.hero-slider-one .slick-arrow:hover {
    border-color: #202020;
}

.hero-slider-one .slick-dots {
    position: absolute;
    left: 100px;
    bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-one .slick-dots {
        left: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-slider-one .slick-dots {
        left: 50px;
        bottom: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-slider-one .slick-dots {
        left: 40px;
    }
}

.hero-slider-one .slick-dots li {
    float: left;
    margin-right: 5px;
}

.hero-slider-one .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0;
}

.hero-slider-one .slick-dots li button:hover {
    border-color: #202020;
}

.hero-slider-one .slick-dots li.slick-active button {
    border-color: #202020;
}

.hero-slider-one:hover .slick-arrow {
    opacity: 1;
}

/*-- Hero Item --*/
.hero-item {
    padding: 85px 150px 60px 100px;
    background-color: #fefcef;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item {
        padding: 85px 100px 60px 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item {
        padding: 50px 50px 40px 50px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-item {
        padding: 70px 50px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-item {
        padding: 50px 40px;
    }
}

.hero-item .col,
.hero-item [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

/*-- Hero Image --*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-image {
        max-width: 240px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 200px;
        margin: auto;
    }
}

@media only screen and (max-width: 479px) {
    .hero-image {
        max-width: 160px;
    }
}

.hero-image img {
    max-width: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

/*-- Hero Content --*/
@media only screen and (max-width: 767px) {
    .hero-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
    }
}

.hero-content > * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.hero-content h2 {
    font-size: 32px;
    line-height: 1;
    margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content h2 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content h2 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content h2 {
        font-size: 18px;
    }
}

.hero-content h1 {
    font-size: 70px;
    font-weight: 400;
    line-height: 80px;
    margin: 0;
}

.hero-content h1 span {
    font-weight: 900;
}

.hero-content h1 span.big {
    font-size: 85px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content h1 span.big {
        font-size: 70px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content h1 span.big {
        font-size: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content h1 span.big {
        font-size: 55px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content h1 span.big {
        font-size: 36px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content h1 {
        font-size: 60px;
        line-height: 70px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content h1 {
        font-size: 50px;
        line-height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content h1 {
        font-size: 44px;
        line-height: 54px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
}

.hero-content a {
    border: 1px solid #626262;
    border-radius: 50px;
    line-height: 24px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    margin-top: 22px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.hero-content a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1;
}

.hero-content a:hover {
    color: #0075ba;
}

.hero-content a:hover::before {
    height: 300%;
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .hero-content a {
        font-size: 12px;
        padding: 7px 25px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content a {
        font-size: 11px;
        padding: 5px 20px;
        margin-top: 15px;
    }
}

/*-- Slide Content In Animation --*/
.slick-active {
    /*-- Hero Image --*/
    /*-- Hero Content --*/
}

.slick-active .hero-image img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-active .hero-content > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slick-active .hero-content > *:nth-child(1) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-active .hero-content > *:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.slick-active .hero-content > *:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slick-active .hero-content > *:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.slick-active .hero-content > *:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.slick-active .hero-content > *:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

/*--
	04.2 Hero Slider Two
-----------------------------------------*/

/*-- Hero Slider --*/
.hero-slider-two {
    /*-- Arrow --*/
    /*-- Dots --*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-two {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .hero-slider-two {
        width: 100%;
    }
}

.hero-slider-two .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #363636;
    color: #fff;
    border-radius: 50px;
    background-color: #363636;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .hero-slider-two .slick-arrow {
        display: none !important;
    }
}

.hero-slider-two .slick-arrow i {
    font-size: 28px;
    line-height: 42px;
    display: block;
}

.hero-slider-two .slick-arrow.slick-prev {
    left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider-two .slick-arrow.slick-prev {
        left: 15px;
    }
}

.hero-slider-two .slick-arrow.slick-next {
    right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider-two .slick-arrow.slick-next {
        right: 15px;
    }
}

.hero-slider-two .slick-arrow:hover {
    border-color: #202020;
}

.hero-slider-two .slick-dots {
    display: none !important;
    position: absolute;
    left: 85px;
    bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-two .slick-dots {
        left: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-slider-two .slick-dots {
        left: 50px;
        display: block !important;
    }
}

@media only screen and (max-width: 479px) {
    .hero-slider-two .slick-dots {
        left: 19px;
        bottom: 7px;
    }
}

.hero-slider-two .slick-dots li {
    float: left;
    margin-right: 5px;
}

.hero-slider-two .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0;
}

.hero-slider-two .slick-dots li button:hover {
    border-color: #202020;
}

.hero-slider-two .slick-dots li.slick-active button {
    border-color: #202020;
}

.hero-slider-two:hover .slick-arrow {
    opacity: 1;
}

/*-- Hero Item --*/
.hero-item-two {
    background-color: #eceded;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #6e6e6e;
}

.hero-item-two img {
    display: block;
}

.hero-item-two .row.align-items-center.justify-content-between {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 7px 85px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 479px) {
}

.hero-item-two .col,
.hero-item-two [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

/*-- Hero Image --*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-image-two {
        max-width: 220px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-image-two {
        max-width: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-image-two {
        max-width: 200px;
        margin: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (max-width: 479px) {
    .hero-image-two {
        max-width: 150px;
    }
}

.hero-image-two img {
    max-width: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

/*-- Hero Content --*/
@media only screen and (max-width: 767px) {
    .hero-content-two {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0px;
    }
}

.hero-content-two > * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.hero-content-two .offer {
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: inline-block;
    background-image: url(../images/hero/home-2-offer.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 30px 10px;
    width: 134px;
    height: 126px;
    margin-bottom: 20px;
}

.hero-content-two .offer span {
    font-size: 24px;
    font-weight: 700;
    display: block;
}

@media only screen and (max-width: 479px) {
    .hero-content-two .offer span {
        font-size: 18px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-two .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-two .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-two .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-two .offer {
        font-size: 24px;
        padding: 15px 10px;
        width: 80px;
        height: 70px;
        margin-bottom: 20px;
    }
}

.hero-content-two h1 {
    font-size: 46px;
    font-weight: 800;
    margin: 0;
    line-height: 55px;
    text-transform: uppercase;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-two h1 {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-two h1 {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-two h1 {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-two h1 {
        font-size: 20px;
        line-height: 26px;
    }
}

.hero-content-two a {
    border: 1px solid #626262;
    border-radius: 50px;
    line-height: 24px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.hero-content-two a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1;
}

.hero-content-two a:hover {
    color: #fff;
}

.hero-content-two a:hover::before {
    height: 300%;
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .hero-content-two a {
        font-size: 12px;
        padding: 7px 25px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-two a {
        font-size: 11px;
        padding: 5px 20px;
        margin-top: 15px;
    }
}

/*-- Slide Content In Animation --*/
.slick-active {
    /*-- Hero Image --*/
    /*-- Hero Content --*/
}

.slick-active .hero-image-two img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-active .hero-content-two > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slick-active .hero-content-two > *:nth-child(1) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-active .hero-content-two > *:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.slick-active .hero-content-two > *:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slick-active .hero-content-two > *:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.slick-active .hero-content-two > *:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.slick-active .hero-content-two > *:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

/*--
	04.3 Hero Slider Three
-----------------------------------------*/

/*-- Hero Slider --*/
.hero-slider-three {
    /*-- Arrow --*/
    /*-- Dots --*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-three {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .hero-slider-three {
        width: 100%;
    }
}

.hero-slider-three .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 0;
}

@media only screen and (max-width: 767px) {
    .hero-slider-three .slick-arrow {
        display: none !important;
    }
}

.hero-slider-three .slick-arrow i {
    font-size: 28px;
    line-height: 42px;
    display: block;
}

.hero-slider-three .slick-arrow.slick-prev {
    left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider-three .slick-arrow.slick-prev {
        left: 15px;
    }
}

.hero-slider-three .slick-arrow.slick-next {
    right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider-three .slick-arrow.slick-next {
        right: 15px;
    }
}

.hero-slider-three .slick-arrow:hover {
    border-color: #202020;
}

.hero-slider-three .slick-dots {
    display: none !important;
    position: absolute;
    left: 85px;
    bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-three .slick-dots {
        left: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-slider-three .slick-dots {
        left: 50px;
        display: block !important;
    }
}

@media only screen and (max-width: 479px) {
    .hero-slider-three .slick-dots {
        left: 40px;
        bottom: 20px;
    }
}

.hero-slider-three .slick-dots li {
    float: left;
    margin-right: 5px;
}

.hero-slider-three .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0;
}

.hero-slider-three .slick-dots li button:hover {
    border-color: #202020;
}

.hero-slider-three .slick-dots li.slick-active button {
    border-color: #202020;
}

.hero-slider-three:hover .slick-arrow {
    opacity: 1;
}

/*-- Hero Item --*/
.hero-item-three {
    padding: 59px 85px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item-three {
        padding: 85px 70px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item-three {
        padding: 75px 80px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-item-three {
        padding: 70px 50px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-item-three {
        padding: 50px 40px;
    }
}

.hero-item-three .col,
.hero-item-three [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

/*-- Hero Image --*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-image-three {
        max-width: 270px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-image-three {
        max-width: 270px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-image-three {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.hero-image-three img {
    max-width: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

/*-- Hero Content --*/
@media only screen and (max-width: 767px) {
    .hero-content-three {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
    }
}

.hero-content-three > * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.hero-content-three .offer {
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: inline-block;
    background-image: url(../images/hero/home-2-offer.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 30px 10px;
    width: 134px;
    height: 126px;
    margin-bottom: 20px;
}

.hero-content-three .offer span {
    font-size: 24px;
    font-weight: 700;
    display: block;
}

@media only screen and (max-width: 479px) {
    .hero-content-three .offer span {
        font-size: 18px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-three .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-three .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-three .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-three .offer {
        font-size: 24px;
        padding: 15px 10px;
        width: 80px;
        height: 70px;
        margin-bottom: 20px;
    }
}

.hero-content-three h1 {
    font-size: 46px;
    font-weight: 800;
    margin: 0;
    line-height: 55px;
    text-transform: uppercase;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-three h1 {
        font-size: 36px;
        line-height: 46px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-three h1 {
        font-size: 36px;
        line-height: 46px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-three h1 {
        font-size: 36px;
        line-height: 46px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-three h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

.hero-content-three a {
    border: 1px solid #626262;
    border-radius: 50px;
    line-height: 24px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.hero-content-three a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1;
}

.hero-content-three a:hover {
    color: #0075ba;
}

.hero-content-three a:hover::before {
    height: 300%;
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .hero-content-three a {
        font-size: 12px;
        padding: 7px 25px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-three a {
        font-size: 11px;
        padding: 5px 20px;
        margin-top: 15px;
    }
}

/*-- Slide Content In Animation --*/


.slick-active .hero-image-three img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-active .hero-content-three > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slick-active .hero-content-three > *:nth-child(1) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-active .hero-content-three > *:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.slick-active .hero-content-three > *:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slick-active .hero-content-three > *:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.slick-active .hero-content-three > *:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.slick-active .hero-content-three > *:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

/*--
	04.4 Hero Slider Four
-----------------------------------------*/

/*-- Hero Slider --*/
.hero-slider-four {
    /*-- Arrow --*/
    /*-- Dots --*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-four {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .hero-slider-four {
        width: 100%;
    }
}

.hero-slider-four .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 0;
}

@media only screen and (max-width: 767px) {
    .hero-slider-four .slick-arrow {
        display: none !important;
    }
}

.hero-slider-four .slick-arrow i {
    font-size: 28px;
    line-height: 44px;
    display: block;
}

.hero-slider-four .slick-arrow.slick-prev {
    left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider-four .slick-arrow.slick-prev {
        left: 15px;
    }
}

.hero-slider-four .slick-arrow.slick-next {
    right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider-four .slick-arrow.slick-next {
        right: 15px;
    }
}

.hero-slider-four .slick-arrow:hover {
    border-color: #202020;
}

.hero-slider-four .slick-dots {
    display: none !important;
    position: absolute;
    left: 85px;
    bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-four .slick-dots {
        left: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-slider-four .slick-dots {
        left: 50px;
        display: block !important;
    }
}

@media only screen and (max-width: 479px) {
    .hero-slider-four .slick-dots {
        left: 40px;
        bottom: 20px;
    }
}

.hero-slider-four .slick-dots li {
    float: left;
    margin-right: 5px;
}

.hero-slider-four .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0;
}

.hero-slider-four .slick-dots li button:hover {
    border-color: #202020;
}

.hero-slider-four .slick-dots li.slick-active button {
    border-color: #202020;
}

.hero-slider-four:hover .slick-arrow {
    opacity: 1;
}

/*-- Hero Item --*/
.hero-item-four {
    padding: 170px 80px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-item-four {
        padding: 175px 80px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item-four {
        padding: 79px 70px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item-four {
        padding: 75px 80px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-item-four {
        padding: 70px 50px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-item-four {
        padding: 50px 40px;
    }
}

.hero-item-four .col,
.hero-item-four [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

/*-- Hero Image --*/
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-image-four {
        max-width: 350px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-image-four {
        max-width: 400px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-image-four {
        max-width: 400px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (max-width: 767px) {
    .hero-image-four {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.hero-image-four img {
    max-width: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

/*-- Hero Content --*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-four {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-four {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-four {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
    }
}

.hero-content-four > * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.hero-content-four .offer {
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: inline-block;
    background-image: url(../images/hero/home-4-offer.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 37px 25px 37px 40px;
    width: 130px;
    height: 130px;
    margin-bottom: 43px;
}

.hero-content-four .offer span {
    font-size: 20px;
    font-weight: 700;
    display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-four .offer span {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-four .offer span {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-four .offer span {
        font-size: 12px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-four .offer {
        font-size: 20px;
        padding: 30px 15px 30px 30px;
        width: 100px;
        height: 100px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-four .offer {
        font-size: 20px;
        padding: 30px 15px 30px 30px;
        width: 100px;
        height: 100px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-four .offer {
        font-size: 20px;
        padding: 30px 15px 30px 30px;
        width: 100px;
        height: 100px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-four .offer {
        font-size: 18px;
        padding: 27px 10px 27px 20px;
        width: 90px;
        height: 90px;
        margin-bottom: 20px;
    }
}

.hero-content-four h2 {
    font-size: 40px;
    font-weight: 400;
    margin: 0;
    line-height: 50px;
    text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-content-four h2 {
        font-size: 32px;
        line-height: 46px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-four h2 {
        font-size: 32px;
        line-height: 46px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-four h2 {
        font-size: 32px;
        line-height: 46px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-four h2 {
        font-size: 36px;
        line-height: 46px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-four h2 {
        font-size: 24px;
        line-height: 30px;
    }
}

.hero-content-four h1 {
    font-size: 72px;
    font-weight: 800;
    margin: 0;
    line-height: 72px;
    text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-content-four h1 {
        font-size: 55px;
        line-height: 66px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-four h1 {
        font-size: 55px;
        line-height: 66px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-four h1 {
        font-size: 55px;
        line-height: 66px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-four h1 {
        font-size: 36px;
        line-height: 46px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-four h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

.hero-content-four a {
    border: 0px solid transparent;
    border-radius: 50px;
    line-height: 24px;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #0075ba;
    color: #202020;
    margin-top: 45px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.hero-content-four a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1;
}

.hero-content-four a:hover {
    color: #0075ba;
}

.hero-content-four a:hover::before {
    height: 300%;
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .hero-content-four a {
        font-size: 12px;
        padding: 7px 25px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-four a {
        font-size: 11px;
        padding: 5px 20px;
        margin-top: 15px;
    }
}

/*-- Slide Content In Animation --*/
.slick-active {
    /*-- Hero Image --*/
    /*-- Hero Content --*/
}

.slick-active .hero-image-four img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-active .hero-content-four > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slick-active .hero-content-four > *:nth-child(1) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-active .hero-content-four > *:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.slick-active .hero-content-four > *:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slick-active .hero-content-four > *:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.slick-active .hero-content-four > *:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.slick-active .hero-content-four > *:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

/*--
	04.5 Hero Slider Five
-----------------------------------------*/

/*-- Hero Slider --*/
.hero-slider-five {
    width: calc(100% - 520px);
    float: left;
    padding: 0 10px;
    /*-- Arrow --*/
    /*-- Dots --*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-five {
        width: 100%;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .hero-slider-five {
        width: 100%;
        padding: 0;
    }
}

.hero-slider-five .slick-arrow {
    display: none !important;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 0;
}

@media only screen and (max-width: 767px) {
    .hero-slider-five .slick-arrow {
        display: none !important;
    }
}

.hero-slider-five .slick-arrow i {
    font-size: 28px;
    line-height: 44px;
    display: block;
}

.hero-slider-five .slick-arrow.slick-prev {
    left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider-five .slick-arrow.slick-prev {
        left: 15px;
    }
}

.hero-slider-five .slick-arrow.slick-next {
    right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slider-five .slick-arrow.slick-next {
        right: 15px;
    }
}

.hero-slider-five .slick-arrow:hover {
    border-color: #202020;
}

.hero-slider-five .slick-dots {
    display: block;
    position: absolute;
    left: 60px;
    bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-five .slick-dots {
        left: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-slider-five .slick-dots {
        left: 50px;
        display: block !important;
    }
}

@media only screen and (max-width: 479px) {
    .hero-slider-five .slick-dots {
        left: 40px;
        bottom: 20px;
    }
}

.hero-slider-five .slick-dots li {
    float: left;
    margin-right: 5px;
}

.hero-slider-five .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0;
}

.hero-slider-five .slick-dots li button:hover {
    border-color: #202020;
}

.hero-slider-five .slick-dots li.slick-active button {
    border-color: #202020;
}

.hero-slider-five:hover .slick-arrow {
    opacity: 1;
}

/*-- Hero Item --*/
.hero-item-five {
    padding: 102px 50px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item-five::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000000;
        content: "";
        opacity: 0.4;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item-five::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000000;
        content: "";
        opacity: 0.4;
    }
}

@media only screen and (max-width: 767px) {
    .hero-item-five::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000000;
        content: "";
        opacity: 0.4;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-item-five {
        padding: 140px 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item-five {
        padding: 79px 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item-five {
        padding: 75px 50px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-item-five {
        padding: 70px 50px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-item-five {
        padding: 50px 40px;
    }
}

.hero-item-five .col,
.hero-item-five [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

/*-- Hero Content --*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-five {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-five {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-five {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
    }
}

.hero-content-five > * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.hero-content-five img {
    max-width: 100%;
    margin-bottom: 33px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-content-five img {
        width: 120px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-five img {
        width: 120px;
    }
}

.hero-content-five h2 {
    font-size: 36px;
    font-weight: 400;
    margin: 0;
    line-height: 42px;
    text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-content-five h2 {
        font-size: 32px;
        line-height: 46px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-five h2 {
        font-size: 32px;
        line-height: 46px;
        color: #ffffff;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-five h2 {
        font-size: 32px;
        line-height: 46px;
        color: #ffffff;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-five h2 {
        font-size: 36px;
        line-height: 46px;
        color: #ffffff;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-five h2 {
        font-size: 24px;
        line-height: 30px;
    }
}

.hero-content-five h1 {
    font-size: 66px;
    font-weight: 800;
    margin: 0;
    line-height: 68px;
    text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-content-five h1 {
        font-size: 55px;
        line-height: 66px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-five h1 {
        font-size: 55px;
        line-height: 66px;
        color: #ffffff;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-five h1 {
        font-size: 55px;
        line-height: 66px;
        color: #ffffff;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content-five h1 {
        font-size: 36px;
        line-height: 46px;
        color: #ffffff;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-five h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

.hero-content-five a {
    border: 0px solid transparent;
    border-radius: 50px;
    line-height: 24px;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #0075ba;
    color: #202020;
    margin-top: 45px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.hero-content-five a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1;
}

.hero-content-five a:hover {
    color: #0075ba;
}

.hero-content-five a:hover::before {
    height: 300%;
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .hero-content-five a {
        font-size: 12px;
        padding: 7px 25px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content-five a {
        font-size: 11px;
        padding: 5px 20px;
        margin-top: 15px;
    }
}

/*-- Slide Content In Animation --*/
.slick-active {
    /*-- Hero Image --*/
    /*-- Hero Content --*/
}

.slick-active .hero-image-five img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-active .hero-content-five > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slick-active .hero-content-five > *:nth-child(1) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-active .hero-content-five > *:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.slick-active .hero-content-five > *:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slick-active .hero-content-five > *:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.slick-active .hero-content-five > *:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.slick-active .hero-content-five > *:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

/*---------------------------------------
	05. Banner
-----------------------------------------*/

/*-- Banner --*/
.banner a {
    display: block;
    position: relative;
    overflow: hidden;
}

.banner a::before {
    background-color: rgba(255, 255, 255, 0.2);
    content: "";
    height: 200%;
    left: -280px;
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 80px;
    z-index: 0;
}

.banner a::after {
    background-color: rgba(255, 255, 255, 0.2);
    content: "";
    height: 200%;
    left: 180%;
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 80px;
    z-index: 0;
}

.banner a:hover::before {
    left: 180%;
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.banner a:hover::after {
    left: -280px;
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.banner a img {
    width: 100%;
}

.hero-banner {
    float: right;
    width: 260px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-banner {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .hero-banner {
        width: 100%;
    }
}

/*---------------------------------------
	06. Product Slider
-----------------------------------------*/
.product-slider-wrap {
    overflow: hidden;
}

/*-- Product Slider Default Style --*/
.product-slider {
    /*-- Dots --*/
}

.product-slider .slick-dots {
    position: absolute;
    left: 50px;
    bottom: 30px;
    display: none;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider .slick-dots {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width: 767px) {
    .product-slider .slick-dots {
        display: block;
        opacity: 1;
        visibility: visible;
        bottom: 20px;
    }
}

.product-slider .slick-dots li {
    float: left;
    margin-right: 5px;
}

.product-slider .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0;
}

.product-slider .slick-dots li button:hover {
    border-color: #202020;
}

.product-slider .slick-dots li.slick-active button {
    border-color: #202020;
}

/*-- Product Slider Arrow Style One --*/
.product-slider-arrow-one {
    margin-left: -100px;
    margin-right: -100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-one {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-one {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-one {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .product-slider-arrow-one {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 479px) {
    .product-slider-arrow-one {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.product-slider-arrow-one .product-slider {
    padding-left: 85px;
    padding-right: 85px;
    /*-- Arrow --*/
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

.product-slider-arrow-one .product-slider .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: none;
    color: #333333;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}

.product-slider-arrow-one .product-slider .slick-arrow i {
    font-size: 36px;
    line-height: 42px;
    display: block;
}

.product-slider-arrow-one .product-slider .slick-arrow.slick-prev {
    left: 50px;
}

.product-slider-arrow-one .product-slider .slick-arrow.slick-next {
    right: 50px;
}

.product-slider-arrow-one .product-slider .slick-arrow:hover {
    background-color: #202020;
    color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-one .product-slider .slick-arrow {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

.product-slider-arrow-one .product-slider:hover {
    /*-- Arrow --*/
}

.product-slider-arrow-one .product-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}

.product-slider-arrow-one .product-slider:hover .slick-arrow.slick-prev {
    left: 15px;
}

.product-slider-arrow-one .product-slider:hover .slick-arrow.slick-next {
    right: 15px;
}

/*-- Product Slider Arrow Style Two --*/
.product-slider-arrow-two {
    margin-right: -80px;
    margin-left: -15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-two {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-two {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-two {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .product-slider-arrow-two {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 479px) {
    .product-slider-arrow-two {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.product-slider-arrow-two .product-slider {
    padding-right: 65px;
    padding-left: 0;
    /*-- Arrow --*/
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0;
    }
}

.product-slider-arrow-two .product-slider .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: none;
    color: #007bff;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-two .product-slider .slick-arrow {
        left: auto;
        right: auto;
        margin-top: -27px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-two .product-slider .slick-arrow {
        left: auto;
        right: auto;
        margin-top: -27px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-two .product-slider .slick-arrow {
        left: auto;
        right: auto;
        margin-top: -27px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .product-slider-arrow-two .product-slider .slick-arrow {
        left: auto;
        right: auto;
        margin-top: -27px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.product-slider-arrow-two .product-slider .slick-arrow i {
    font-size: 36px;
    line-height: 42px;
    display: block;
}

.product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
    margin-top: -54px;
    margin-right: -30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
        left: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
        left: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
        left: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
        left: 50px;
    }
}

.product-slider-arrow-two .product-slider .slick-arrow.slick-next {
    margin-top: 0;
    margin-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
        right: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
        right: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
        right: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
        right: 50px;
    }
}

.product-slider-arrow-two .product-slider .slick-arrow:hover {
    background-color: #007bff;
    color: #ffffff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-two .product-slider .slick-arrow {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

.product-slider-arrow-two .product-slider:hover {
    /*-- Arrow --*/
}

.product-slider-arrow-two .product-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
    margin-right: 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-prev {
        left: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-prev {
        left: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-prev {
        left: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-prev {
        left: 15px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-next {
        right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-next {
        right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-next {
        right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-next {
        right: 15px;
    }
}

/*---------------------------------------
	07. Products
-----------------------------------------*/

/*-- Product Tab Filter --*/
.product-tab-filter {
    float: right;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .product-tab-filter {
        float: none;
        margin-top: 25px;
    }

    .col-12.mb-40.mbo {
        margin-bottom: 0px !important;
    }
}

/*-- Product Tab Filter Toggle --*/
.product-tab-filter-toggle {
    display: none;
    border: 1px solid #e8e8e8;
    line-height: 24px;
    padding: 5px 15px;
    font-size: 12px;
    text-transform: uppercase;
    color: #202020;
    background-color: transparent;
    font-weight: 600;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
    .product-tab-filter-toggle {
        display: block;
        width: 100%;
        text-align: left;
        border: 1px solid #c3aeae;
        border-radius: 4px;
    }
}

.product-tab-filter-toggle span {
    display: inline-block;
    margin: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.product-tab-filter-toggle i {
    font-size: 16px;
    float: right;
    line-height: 24px;
}

/*-- Product Tab List --*/
@media only screen and (max-width: 767px) {
    .product-tab-list {
        display: none;
        position: absolute;
        background-color: #ffffff;
        width: 220px;
        left: 0;
        right: auto;
        top: 100%;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        margin-top: 10px;
        z-index: 999;
    }
}

.product-tab-list li {
    display: block;
    float: left;
    margin-right: 35px;
}

@media only screen and (max-width: 767px) {
    .product-tab-list li {
        width: 100%;
        margin-right: 0;
        border-bottom: 1px solid #eeeeee;
    }

    .product-tab-list li:last-child {
        margin: 0;
        border: none;
    }
}

.product-tab-list li:last-child {
    margin: 0;
}

.product-tab-list li a {
    font-size: 14px;
    color: #777777;
    font-weight: 600;
    line-height: 20px;
    display: block;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .product-tab-list li a {
        font-size: 12px;
        padding: 8px 15px;
    }
}

.product-tab-list li a.active {
    color: #202020;
}

/*----
	07.1 Shop Top Bar
-----------------------------------------*/
.shop-top-bar {
    float: left;
    width: 100%;
    padding: 13px 30px;
    background-color: #ecebe2;
}

@media only screen and (max-width: 479px) {
    .shop-top-bar {
        padding: 13px 20px;
    }
}

/*-- View Mode --*/
.product-view-mode {
    float: left;
    margin-right: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-view-mode {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .product-view-mode {
        margin-right: 20px;
        margin-bottom: 15px;
    }
}

.product-view-mode a {
    float: left;
    margin-right: 15px;
    color: #666666;
    padding: 5px 0;
}

.product-view-mode a:last-child {
    margin-right: 0;
}

.product-view-mode a i {
    font-size: 22px;
    display: block;
    line-height: 24px;
}

.product-view-mode a.active {
    color: #202020;
}

.with-sidebar .product-view-mode {
    margin-right: 20px;
}

/*-- Product Showing --*/
.product-showing {
    float: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-showing {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .product-showing {
        margin-right: 20px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 479px) {
    .product-showing {
        margin-right: 0;
    }
}

.product-showing p {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    margin: 0 15px 0 0;
    padding: 5px 0;
}

@media only screen and (max-width: 479px) {
    .product-showing p {
        font-size: 12px;
        margin-right: 10px;
    }
}

.product-showing div.nice-select {
    float: right;
    clear: none;
    border: 1px solid #999999;
    background-color: transparent;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 40px;
    line-height: 32px;
    height: 34px;
}

.product-showing div.nice-select::after {
    border-width: 1px;
    border-color: #202020;
    height: 7px;
    width: 7px;
    right: 20px;
}

.product-showing div.nice-select .current {
    width: 25px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #202020;
    line-height: 32px;
}

@media only screen and (max-width: 479px) {
    .product-showing div.nice-select .current {
        font-size: 12px;
        width: auto;
    }
}

.with-sidebar .product-showing {
    margin-right: 20px;
}

/*-- Product Short --*/
.product-short {
    float: left;
}

@media only screen and (max-width: 479px) {
    .product-short {
        margin-bottom: 15px;
    }
}

.product-short p {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    margin: 0 15px 0 0;
    padding: 5px 0;
}

@media only screen and (max-width: 479px) {
    .product-short p {
        font-size: 12px;
        margin-right: 10px;
    }
}

.product-short div.nice-select {
    float: right;
    clear: none;
    border: 1px solid #999999;
    background-color: transparent;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 40px;
    line-height: 32px;
    height: 34px;
}

.product-short div.nice-select::after {
    border-width: 1px;
    border-color: #202020;
    height: 7px;
    width: 7px;
    right: 20px;
}

.product-short div.nice-select .current {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    min-width: 100px;
    color: #202020;
    line-height: 32px;
}

@media only screen and (max-width: 479px) {
    .product-short div.nice-select .current {
        font-size: 12px;
    }
}

/*-- Product Page --*/
.product-pages {
    float: right;
    right:0px;
}

@media only screen and (max-width: 479px) {
    .product-pages {
        width: 100%;
    }
}

.product-pages p {
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    padding: 5px 0;
}

@media only screen and (max-width: 479px) {
    .product-pages p {
        font-size: 12px;
    }
}

/*-- Shop Product Wrap --*/
.shop-product-wrap.list > [class*="col"],
.shop-product-wrap.list > [class*="col-"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%;
}

.shop-product-wrap.list .ee-product {
    display: none;
}

.shop-product-wrap.list .ee-product-list {
    display: block;
}

.shop-product-wrap.grid .ee-product {
    display: block;
}

.shop-product-wrap.grid .ee-product-list {
    display: none;
}

/*----
	07.2 Protuct Style One
-----------------------------------------*/
.ee-product {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    /*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.38);*/
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ee-product .image {
    position: relative;
    max-height: 160px;
    min-height: 160px;
}

.ee-product .image .label {
    position: absolute;
    left: 20px;
    top: 28px;
    font-size: 13px;
    font-weight: 700;
    color: #202020;
    text-transform: capitalize;
    line-height: 20px;
}

.ee-product .image .label.sale {
    color: #202020;
}

.ee-product .image .label.new {
    color: #ff0000;
}

.ee-product .image .img {
    display: block;
    background-color: #f6f7f8;
}

.ee-product .image .img img {
    display: block;
    width: 100%;
}

.ee-product .image .wishlist-compare {
    position: absolute;
    top: 20px;
    right: 20px;
}

.ee-product .image .wishlist-compare a {
    height: 33px;
    width: 33px;
    border: 1px solid #999999;
    border-radius: 50px;
    display: block;
    float: left;
    margin-right: 7px;
    color: #333333;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    left: 20px;
    position: relative;
}

.ee-product .image .wishlist-compare a::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color: #333333;
    color: #ffffff;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
}

.ee-product .image .wishlist-compare a::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
}

.ee-product .image .wishlist-compare a:last-child {
    margin-right: 0;
}

.ee-product .image .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0.07s;
    -o-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

.ee-product .image .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.ee-product .image .wishlist-compare a i {
    line-height: 31px;
    font-size: 15px;
    display: block;
}

.ee-product .image .wishlist-compare a:hover {
    color: #202020;
    border-color: #202020;
}

.ee-product .image .wishlist-compare a:hover::before {
    opacity: 1;
    visibility: visible;
}

.ee-product .image .wishlist-compare a:hover::after {
    opacity: 1;
    visibility: visible;
}

.ee-product .image .wishlist-compare a.added {
    color: #202020;
    border-color: #0075ba;
    background-color: #0075ba;
}

.ee-product .image .add-to-cart {
    position: inherit;
    bottom: 30px;
    left: 50%;
    font-size: 14px;
    font-weight: 600;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0075ba;
    color: #fff;
    border-radius: 50px;
    display: block;
    width: 150px;
    padding: 10px 0px 10px 46px;
    /* opacity: 23; */
    text-transform: uppercase;

    visibility: hidden;
    -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
}

/*This will work for firefox*/
@-moz-document url-prefix() {
    .ee-product .image .add-to-cart {
        position: inherit;
        bottom: 0;
        /*left: 15%;*/
        font-size: 14px;
        font-weight: 600;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #0075ba;
        color: #fff;
        border-radius: 50px;
        display: block;
        width: 150px;
        padding: 10px 0px 10px 46px;
        /* opacity: 23; */
        text-transform: uppercase;

        visibility: hidden;
        -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
        -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
        transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    }
}
.ee-product .image .add-to-cart i {
    width: 35px;
    height: 35px;
    background-color: #ffffff;
    color: #000;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 19px;
    text-align: center;
    line-height: 35px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    /* box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); */

    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.0s ease 0s;
    position: absolute;
    left: 3px;
    right: auto;
    top: 3px;
}

.ee-product .image .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.ee-product .image .add-to-cart.added {
    padding-left: 13px;
    padding-right: 46px;
    background-color: #004783;
}

.ee-product .image .add-to-cart.added i {
    left: calc(100% - 41px);
}

.ee-product .specification {
    background-color: #ffffff;
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid #dddddd;
}

.ee-product .specification ul {
    list-style: none;
}

.ee-product .specification ul li {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    padding-left: 18px;
    position: relative;
    margin: 4px 0;
}

.ee-product .specification ul li::before {
    position: absolute;
    left: 0;
    top: 12px;
    height: 8px;
    width: 8px;
    margin-top: -4px;
    content: "";
    background-color: #333333;
}

.ee-product .content {
    background-color: #ffffff;
    overflow: hidden;
    /*-webkit-line-clamp: 1 !important;*/
}

.ee-product .content .category-title {
    padding: 15px 20px;
    border-bottom: 1px solid #dddddd;
    display: -webkit-box;
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1!important;
    -webkit-box-orient: vertical;
}

.ee-product .content .category-title .cat {
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px;
    color: #333333;
    line-height: 21px;
    margin-bottom: 6px;
    font-weight: 600;
}

.ee-product .content .category-title a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    font-weight: 600;
    display: inline-block;
    line-height: 21px;
    text-transform: capitalize;
    font-size: 14px;
    color: #333333;
    margin-bottom: 4px;
}

.form-control:focus {
    box-shadow: none;
}

/*.header-bottom.header-bottom-two.header-sticky meanclose{
    border-bottom: 1px solid #ddd;
    background-color: #15a5f8;
    padding-bottom: 15px;
}*/

.product-list-item-inline {
    font-weight: 600;
    padding: 6px 24px;
    color: #2a2a2a;
    /*border: 1px solid;*/
    /*border-radius: 100px;*/

    background: #fff;
}

.ee-product .content .category-title .cat:hover {
    color: #202020;
}

.ee-product .content .category-title .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.ee-product .content .category-title .title a {
    display: block;
    color: #333333;
}

.ee-product .content .category-title .title a:hover {
    color: #202020;
}

.ee-product .content .price-ratting {
    padding: 1px 20px;
    /*float: left;*/
    /*width: 100%;*/
}

.ee-product .content .price-ratting .price {
    font-size: 15px;
    font-weight: 700;
    color: #333333;
    line-height: 41px;
    float: left;
    margin: 5px 0;
}

.ee-product .content .price-ratting .price span {
    float: left;
    color: #333333;
    margin-right: 15px;
    text-decoration: line-through;
}

.ee-product .content .price-ratting .ratting {
    float: right;
    margin: 11px 0;
}

.ee-product .content .price-ratting .ratting i {
    color: #fac819;
    font-size: 19px;
    float: left;
    margin-right: 4px;
    line-height: 24px;
}

.ee-product .content .price-ratting .ratting i:last-child {
    margin-right: 0;
}

.ee-product:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.ee-product:hover .image .wishlist-compare a {
    opacity: 1;
    visibility: visible;
    left: 0;
}

.ee-product:hover .image .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.ee-product:hover .image .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0.07s;
    -o-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

.ee-product:hover .image .add-to-cart {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
    color: #fff;
}

/*----
	07.3 Protuct Style Two
-----------------------------------------*/
.ee-product-two {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ee-product-two .wrap {
    position: relative;
}

.ee-product-two .wrap .cat {
    position: absolute;
    left: 40px;
    top: 35px;
    font-size: 13px;
    font-weight: 700;
    color: #202020;
    text-transform: uppercase;
    line-height: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-product-two .wrap .cat {
        left: 30px;
        top: 25px;
    }
}

@media only screen and (max-width: 479px) {
    .ee-product-two .wrap .cat {
        left: 20px;
        top: 20px;
        font-size: 12px;
    }
}

.ee-product-two .wrap .offer {
    position: absolute;
    right: 70px;
    top: 0;
    padding: 12px 15px;
    font-size: 22px;
    font-weight: 700;
    color: #202020;
    -webkit-box-shadow: 0 3px 7px rgab(0, 0, 0, 0.15);
    box-shadow: 0 3px 7px rgab(0, 0, 0, 0.15);
    background-color: #0075ba;
    border-radius: 0 0 50px 50px;
    text-align: center;
    line-height: 30px;
}

.ee-product-two .wrap .offer span {
    display: block;
    font-size: 28px;
    font-weight: 800;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ee-product-two .wrap .offer {
        right: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-product-two .wrap .offer {
        right: 30px;
        font-size: 18px;
        line-height: 24px;
    }

    .ee-product-two .wrap .offer span {
        font-size: 24px;
    }
}

@media only screen and (max-width: 479px) {
    .ee-product-two .wrap .offer {
        right: 20px;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 12px;
    }

    .ee-product-two .wrap .offer span {
        font-size: 18px;
    }
}

.ee-product-two .wrap .img {
    display: block;
    background-color: #f6f7f8;
}

.ee-product-two .wrap .img img {
    display: block;
    width: 100%;
}

.ee-product-two .wrap .add-to-cart {
    position: absolute;
    bottom: 140px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0075ba;
    color: #202020;
    border-radius: 50px;
    display: block;
    width: 170px;
    padding: 10px 25px 10px 56px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
}

.ee-product-two .wrap .add-to-cart i {
    width: 41px;
    height: 41px;
    background-color: #ffffff;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 41px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
}

.ee-product-two .wrap .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.ee-product-two .wrap .add-to-cart.added {
    padding-left: 25px;
    padding-right: 56px;
}

.ee-product-two .wrap .add-to-cart.added i {
    left: calc(100% - 41px);
}

@media only screen and (max-width: 479px) {
    .ee-product-two .wrap .add-to-cart {
        top: 50%;
        bottom: auto;
    }
}

.ee-product-two .wrap .content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    padding: 15px 40px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-product-two .wrap .content {
        padding: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .ee-product-two .wrap .content {
        padding: 20px 25px;
    }
}

.ee-product-two .wrap .content .title-price {
    float: left;
}

@media only screen and (max-width: 479px) {
    .ee-product-two .wrap .content .title-price {
        display: block;
        width: 100%;
    }
}

.ee-product-two .wrap .content .title-price .title {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    line-height: 30px;
    margin-bottom: 5px;
}

.ee-product-two .wrap .content .title-price .title a {
    display: block;
    color: #202020;
}

.ee-product-two .wrap .content .title-price .title a:hover {
    color: #202020;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-product-two .wrap .content .title-price .title {
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 479px) {
    .ee-product-two .wrap .content .title-price .title {
        font-size: 18px;
        line-height: 24px;
    }
}

.ee-product-two .wrap .content .title-price .price {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 30px;
    color: #202020;
}

.ee-product-two .wrap .content .title-price .price .old {
    color: #333333;
    text-decoration: line-through;
    margin-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-product-two .wrap .content .title-price .price {
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .ee-product-two .wrap .content .title-price .price {
        font-size: 20px;
    }
    .price-phone{
        max-width: 84px !important;
    }
}

@media only screen and (max-width: 479px) {
    .ee-product-two .wrap .content .title-price .price {
        font-size: 18px;
        line-height: 24px;
    }
}
@media (min-width: 991px)  and (max-width: 1024px){
    #hide-phone{
        font-size: 12px;
    }
}

.ee-product-two .wrap .content .wishlist-compare {
    float: right;
}

.ee-product-two .wrap .content .wishlist-compare a {
    height: 33px;
    width: 33px;
    border: 1px solid #999999;
    border-radius: 50px;
    display: block;
    float: left;
    margin-right: 7px;
    color: #333333;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    left: 20px;
    position: relative;
}

.ee-product-two .wrap .content .wishlist-compare a::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color: #333333;
    color: #ffffff;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
}

.ee-product-two .wrap .content .wishlist-compare a::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
}

.ee-product-two .wrap .content .wishlist-compare a:last-child {
    margin-right: 0;
}

.ee-product-two .wrap .content .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0.07s;
    -o-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

.ee-product-two .wrap .content .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.ee-product-two .wrap .content .wishlist-compare a i {
    line-height: 31px;
    font-size: 15px;
    display: block;
}

.ee-product-two .wrap .content .wishlist-compare a:hover {
    color: #202020;
    border-color: #202020;
}

.ee-product-two .wrap .content .wishlist-compare a:hover::before {
    opacity: 1;
    visibility: visible;
}

.ee-product-two .wrap .content .wishlist-compare a:hover::after {
    opacity: 1;
    visibility: visible;
}

.ee-product-two .wrap .content .wishlist-compare a.added {
    color: #202020;
    border-color: #0075ba;
    background-color: #0075ba;
}

@media only screen and (max-width: 479px) {
    .ee-product-two .wrap .content .wishlist-compare a {
        opacity: 1;
        visibility: visible;
        left: 0;
    }
}

@media only screen and (max-width: 479px) {
    .ee-product-two .wrap .content .wishlist-compare {
        display: none;
    }
}

.ee-product-two:hover .wrap .add-to-cart {
    opacity: 1;
    visibility: visible;
    bottom: 180px;
}

@media only screen and (max-width: 479px) {
    .ee-product-two:hover .wrap .add-to-cart {
        bottom: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

.ee-product-two:hover .wrap .content .wishlist-compare a {
    opacity: 1;
    visibility: visible;
    left: 0;
}

.ee-product-two:hover .wrap .content .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.ee-product-two:hover .wrap .content .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0.07s;
    -o-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

/*----
	07.4 Protuct Style Three ( With Countdown )
-----------------------------------------*/
.ee-product-three {
    background-color: #ffffff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ee-product-three .image {
    position: relative;
}

.ee-product-three .image .label {
    position: absolute;
    left: 30px;
    top: 28px;
    font-size: 13px;
    font-weight: 700;
    color: #202020;
    text-transform: capitalize;
    line-height: 20px;
}

.ee-product-three .image .label.sale {
    color: #202020;
}

.ee-product-three .image .label.new {
    color: #ff0000;
}

.ee-product-three .image .label.sold {
    bottom: 25px;
    top: auto;
}

.ee-product-three .image .label.stock {
    right: 30px;
    left: auto;
    top: auto;
    bottom: 25px;
}

.ee-product-three .image .img {
    display: block;
    background-color: #f6f7f8;
}

.ee-product-three .image .img img {
    display: block;
    width: 100%;
}

.ee-product-three .image .wishlist-compare {
    position: absolute;
    top: 20px;
    right: 20px;
}

.ee-product-three .image .wishlist-compare a {
    height: 33px;
    width: 33px;
    border: 1px solid #999999;
    border-radius: 50px;
    display: block;
    float: left;
    margin-right: 7px;
    color: #333333;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    left: 20px;
    position: relative;
}

.ee-product-three .image .wishlist-compare a::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color: #333333;
    color: #ffffff;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
}

.ee-product-three .image .wishlist-compare a::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
}

.ee-product-three .image .wishlist-compare a:last-child {
    margin-right: 0;
}

.ee-product-three .image .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0.07s;
    -o-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

.ee-product-three .image .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.ee-product-three .image .wishlist-compare a i {
    line-height: 31px;
    font-size: 15px;
    display: block;
}

.ee-product-three .image .wishlist-compare a:hover {
    color: #202020;
    border-color: #202020;
}

.ee-product-three .image .wishlist-compare a:hover::before {
    opacity: 1;
    visibility: visible;
}

.ee-product-three .image .wishlist-compare a:hover::after {
    opacity: 1;
    visibility: visible;
}

.ee-product-three .image .wishlist-compare a.added {
    color: #202020;
    border-color: #0075ba;
    background-color: #0075ba;
}

.ee-product-three .image .add-to-cart {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0075ba;
    color: #202020;
    border-radius: 50px;
    display: block;
    width: 170px;
    padding: 10px 25px 10px 56px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
}

.ee-product-three .image .add-to-cart i {
    width: 41px;
    height: 41px;
    background-color: #ffffff;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 41px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
}

.ee-product-three .image .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.ee-product-three .image .add-to-cart.added {
    padding-left: 25px;
    padding-right: 56px;
}

.ee-product-three .image .add-to-cart.added i {
    left: calc(100% - 41px);
}

.ee-product-three .content {
    overflow: hidden;
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ee-product-three .content .category-title .cat {
    display: inline-block;
    line-height: 15px;
    text-transform: capitalize;
    font-size: 13px;
    color: #333333;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.ee-product-three .content .category-title .cat:hover {
    color: #202020;
}

.ee-product-three .content .category-title .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.ee-product-three .content .category-title .title a {
    display: block;
    color: #333333;
}

.ee-product-three .content .category-title .title a:hover {
    color: #202020;
}

.ee-product-three .content .price {
    font-size: 15px;
    font-weight: 700;
    color: #333333;
    line-height: 20px;
    float: left;
    margin: 10px 0 0;
}

.ee-product-three .content .price span {
    float: left;
    color: #333333;
    margin-right: 15px;
    text-decoration: line-through;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .ee-product-three .content .price {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ee-product-three .content .price {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .ee-product-three .content .price {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.ee-product-three .product-countdown {
    border-top: 1px solid #f3f3f3;
    padding: 30px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

@media only screen and (max-width: 479px) {
    .ee-product-three .product-countdown {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.ee-product-three .product-countdown .cdown span {
    display: block;
    font-size: 28px;
    line-height: 24px;
    font-weight: 700;
    color: #202020;
    margin-bottom: 6px;
}

@media only screen and (max-width: 479px) {
    .ee-product-three .product-countdown .cdown span {
        font-size: 24px;
        line-height: 22px;
    }
}

.ee-product-three .product-countdown .cdown p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 14px;
    color: #3a3a3a;
}

@media only screen and (max-width: 479px) {
    .ee-product-three .product-countdown .cdown p {
        font-size: 10px;
        line-height: 10px;
    }
}

.ee-product-three:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.ee-product-three:hover .image .wishlist-compare a {
    opacity: 1;
    visibility: visible;
    left: 0;
}

.ee-product-three:hover .image .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.ee-product-three:hover .image .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0.07s;
    -o-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

.ee-product-three:hover .image .add-to-cart {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/*----
	07.5 Protuct Style List
-----------------------------------------*/
.ee-product-list {
    background-color: #fafafa;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: hidden;
}

.ee-product-list .image {
    position: relative;
    float: left;
    width: 270px;
}

@media only screen and (max-width: 767px) {
    .ee-product-list .image {
        width: 100%;
    }
}

.ee-product-list .image .label {
    position: absolute;
    left: 20px;
    top: 28px;
    font-size: 13px;
    font-weight: 700;
    color: #202020;
    text-transform: capitalize;
    line-height: 20px;
}

.ee-product-list .image .label.sale {
    color: #202020;
}

.ee-product-list .image .label.new {
    color: #ff0000;
}

.ee-product-list .image .img {
    display: block;
    background-color: #f6f7f8;
}

.ee-product-list .image .img img {
    display: block;
    width: 100%;
}

.ee-product-list .content {
    overflow: hidden;
    padding: 35px 0;
}

@media only screen and (max-width: 767px) {
    .ee-product-list .content {
        float: left;
        width: 100%;
    }
}

.ee-product-list .content .head-content {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px 0 60px;
    margin-bottom: 2px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ee-product-list .content .head-content {
        padding: 0 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-product-list .content .head-content {
        padding: 0 25px;
    }
}

@media only screen and (max-width: 767px) {
    .ee-product-list .content .head-content {
        padding: 0 25px;
    }
}

.ee-product-list .content .head-content .category-title .cat {
    display: inline-block;
    line-height: 15px;
    text-transform: capitalize;
    font-size: 13px;
    color: #333333;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

.ee-product-list .content .head-content .category-title .cat:hover {
    color: #202020;
}

.ee-product-list .content .head-content .category-title .title {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 28px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.ee-product-list .content .head-content .category-title .title a {
    display: block;
    color: #333333;
}

.ee-product-list .content .head-content .category-title .title a:hover {
    color: #202020;
}

.ee-product-list .content .head-content .price {
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    line-height: 28px;
    float: left;
    margin: 0;
}

.ee-product-list .content .head-content .price span {
    float: left;
    color: #333333;
    margin-right: 15px;
    text-decoration: line-through;
}

.ee-product-list .content .left-content {
    float: left;
    width: 50%;
    padding: 0 60px;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ee-product-list .content .left-content {
        padding: 0 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-product-list .content .left-content {
        padding: 0 25px;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .ee-product-list .content .left-content {
        padding: 0 25px;
        width: 100%;
    }
}

.ee-product-list .content .left-content::before {
    position: absolute;
    background-color: #dddddd;
    right: 0;
    top: 0;
    height: 160px;
    width: 1px;
    content: "";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-product-list .content .left-content::before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .ee-product-list .content .left-content::before {
        display: none;
    }
}

.ee-product-list .content .left-content .ratting {
    float: left;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 15px;
}

.ee-product-list .content .left-content .ratting i {
    color: #333333;
    font-size: 14px;
    float: left;
    margin-right: 4px;
    line-height: 24px;
}

.ee-product-list .content .left-content .ratting i:last-child {
    margin-right: 0;
}

.ee-product-list .content .left-content .desc {
    margin-bottom: 25px;
}

.ee-product-list .content .left-content .desc p {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.ee-product-list .content .left-content .actions {
    float: left;
    width: 100%;
}

.ee-product-list .content .left-content .actions .add-to-cart {
    position: relative;
    background-color: #0075ba;
    color: #202020;
    border-radius: 50px;
    display: block;
    width: 170px;
    padding: 10px 25px 10px 56px;
    -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    float: left;
    margin-right: 15px;
}

.ee-product-list .content .left-content .actions .add-to-cart i {
    width: 41px;
    height: 41px;
    background-color: #ffffff;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 41px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
}

.ee-product-list .content .left-content .actions .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.ee-product-list .content .left-content .actions .add-to-cart.added {
    padding-left: 25px;
    padding-right: 56px;
}

.ee-product-list .content .left-content .actions .add-to-cart.added i {
    left: calc(100% - 41px);
}

.ee-product-list .content .left-content .actions .wishlist-compare {
    float: left;
}

@media only screen and (max-width: 479px) {
    .ee-product-list .content .left-content .actions .wishlist-compare {
        margin-top: 15px;
    }
}

.ee-product-list .content .left-content .actions .wishlist-compare a {
    height: 33px;
    width: 33px;
    border: 1px solid #999999;
    border-radius: 50px;
    display: block;
    float: left;
    color: #333333;
    text-align: center;
    position: relative;
    margin: 4px 15px 4px 0;
}

.ee-product-list .content .left-content .actions .wishlist-compare a::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color: #333333;
    color: #ffffff;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
}

.ee-product-list .content .left-content .actions .wishlist-compare a::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
}

.ee-product-list .content .left-content .actions .wishlist-compare a:last-child {
    margin-right: 0;
}

.ee-product-list .content .left-content .actions .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0.07s;
    -o-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

.ee-product-list .content .left-content .actions .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.ee-product-list .content .left-content .actions .wishlist-compare a i {
    line-height: 31px;
    font-size: 15px;
    display: block;
}

.ee-product-list .content .left-content .actions .wishlist-compare a:hover {
    color: #202020;
    border-color: #202020;
}

.ee-product-list .content .left-content .actions .wishlist-compare a:hover::before {
    opacity: 1;
    visibility: visible;
}

.ee-product-list .content .left-content .actions .wishlist-compare a:hover::after {
    opacity: 1;
    visibility: visible;
}

.ee-product-list .content .left-content .actions .wishlist-compare a.added {
    color: #202020;
    border-color: #0075ba;
    background-color: #0075ba;
}

.ee-product-list .content .right-content {
    float: left;
    width: 50%;
    padding: 0 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ee-product-list .content .right-content {
        padding: 0 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-product-list .content .right-content {
        padding: 0 25px;
        width: 100%;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .ee-product-list .content .right-content {
        padding: 0 25px;
        width: 100%;
        margin-top: 30px;
    }
}

.ee-product-list .content .right-content .specification h5 {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    line-height: 18px;
    text-decoration: underline;
    margin-bottom: 10px;
}

.ee-product-list .content .right-content .specification ul {
    list-style: none;
    margin-bottom: 13px;
}

.ee-product-list .content .right-content .specification ul li {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    padding-left: 18px;
    position: relative;
    margin: 4px 0;
}

.ee-product-list .content .right-content .specification ul li::before {
    position: absolute;
    left: 0;
    top: 12px;
    height: 8px;
    width: 8px;
    margin-top: -4px;
    content: "";
    background-color: #333333;
}

.ee-product-list .content .right-content .availability {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.ee-product-list .content .right-content .availability span {
    color: #333333;
}

.with-sidebar .ee-product-list .content .head-content {
    padding: 0 20px;
}

.with-sidebar .ee-product-list .content .left-content {
    padding: 0 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .with-sidebar .ee-product-list .content .left-content {
        width: 100%;
    }

    .with-sidebar .ee-product-list .content .left-content::before {
        display: none;
    }
}

.with-sidebar .ee-product-list .content .left-content .actions .add-to-cart {
    margin-right: 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .with-sidebar .ee-product-list .content .left-content .actions .wishlist-compare {
        margin-top: 15px;
    }
}

.with-sidebar .ee-product-list .content .left-content .actions .wishlist-compare a {
    margin-right: 10px;
}

.with-sidebar .ee-product-list .content .left-content .actions .wishlist-compare a:last-child {
    margin-right: 0;
}

.with-sidebar .ee-product-list .content .right-content {
    padding: 0 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .with-sidebar .ee-product-list .content .right-content {
        width: 100%;
        margin-top: 30px;
    }
}

/*---------------------------------------
	08. Single Product
-----------------------------------------*/

/*-- Single Product Image --*/
.single-product-image {
    position: relative;
}

.single-product-image.thumb-left {
    padding-left: 195px;
    margin-right: -45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-product-image.thumb-left {
        padding-left: 155px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-image.thumb-left {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .single-product-image.thumb-left {
        margin-right: 0;
        padding-left: 135px;
    }
}

@media only screen and (max-width: 479px) {
    .single-product-image.thumb-left {
        margin-right: 0;
        padding-left: 0;
    }
}

.single-product-image.thumb-left .thumb-image-slider {
    left: 0;
    right: auto;
}

.single-product-image.thumb-right {
    padding-right: 195px;
    margin-right: -45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-product-image.thumb-right {
        padding-right: 155px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-image.thumb-right {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .single-product-image.thumb-right {
        margin-right: 0;
        padding-right: 135px;
    }
}

@media only screen and (max-width: 479px) {
    .single-product-image.thumb-right {
        margin-right: 0;
        padding-right: 0;
    }
}

.single-product-image.thumb-right .thumb-image-slider {
    left: auto;
    right: 0;
}

/*-- Big Image Slider --*/
.big-image-slider .big-image {
    position: relative;
}

.big-image-slider .big-image img {
    width: 100%;
    background-color: #f6f7f8;
}

.big-image-slider .big-image .big-image-popup {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: none;
    text-align: center;
    color: #9b9b9b;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 9;
}

.big-image-slider .big-image .big-image-popup:hover {
    color: #202020;
}

.big-image-slider .big-image .big-image-popup i {
    line-height: 35px;
    display: block;
    font-size: 18px;
}

.big-image-slider .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.big-image-slider .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 10px;
}

.big-image-slider .slick-dots li button {
    background-color: transparent;
    border: 1px solid #999999;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    text-indent: -99999px;
    padding: 0;
}

.big-image-slider .slick-dots li button:hover {
    border-color: #202020;
}

.big-image-slider .slick-dots li.slick-active button {
    background-color: #0075ba;
    border-color: #0075ba;
}

/*-- Thumb Image Slider --*/
.thumb-image-slider {
    margin: 10px -5px 0;
}

.thumb-image-slider .thumb-image {
    float: left;
    width: calc(33.33% - 10px);
    margin: 0 5px;
}

.thumb-image-slider .thumb-image img {
    width: 100%;
    background-color: #f6f7f8;
    height: 196px;
}

.thumb-image-slider[data-vertical="true"] {
    position: absolute;
    top: 0;
    bottom: auto;
    width: 175px;
    margin: -10px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .thumb-image-slider[data-vertical="true"] {
        width: 135px;
    }
}

@media only screen and (max-width: 767px) {
    .thumb-image-slider[data-vertical="true"] {
        width: 115px;
    }
}

@media only screen and (max-width: 479px) {
    .thumb-image-slider[data-vertical="true"] {
        width: auto;
        position: static;
        margin: 10px -5px 0;
    }
}

.thumb-image-slider[data-vertical="true"] .thumb-image {
    margin: 10px 0;
    width: 100%;
}

@media only screen and (max-width: 479px) {
    .thumb-image-slider[data-vertical="true"] .thumb-image {
        margin: 0 5px;
        float: left;
        width: calc(33.33% - 10px);
    }
}

/*-- Single Product Content --*/
.single-product-content {
    padding-left: 65px;
    float: left;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-content {
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .single-product-content {
        padding-left: 0;
    }
}

.single-product-content .head-content {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-product-content .head-content .category-title .cat {
    display: inline-block;
    line-height: 15px;
    text-transform: capitalize;
    font-size: 13px;
    color: #333333;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

.single-product-content .head-content .category-title .cat:hover {
    color: #202020;
}

.single-product-content .head-content .category-title .title {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 28px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.single-product-content .price {
    font-size: 33px;
    font-weight: 700;
    color: #0075ba;
    line-height: 35px;
    margin: 15px 0;
}

.single-product-content .head-content .price span {
    float: left;
    color: #333333;
    margin-right: 15px;
    text-decoration: line-through;
}

.single-product-content .single-product-description {
    float: left;
    width: 100%;
    position: relative;
}

.single-product-content .single-product-description .ratting {
    float: left;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 15px;
}

.single-product-content .single-product-description .ratting i {
    color: #fac819;
    font-size: 19px;
    float: left;
    margin-right: 4px;
    line-height: 24px;
}

.single-product-content .single-product-description .ratting i:last-child {
    margin-right: 0;
}

.single-product-content .single-product-description .desc {
    margin: 15px 0px;
}

.single-product-content .single-product-description .desc p {
    font-size: 14px;
    line-height: 24px;
}

.single-product-content .single-product-description .availability {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 37px;
    display: block;
}

.single-product-content .single-product-description .availability span {
    color: #333333;
}

.single-product-content .single-product-description .quantity-colors {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.single-product-content .single-product-description .quantity-colors .quantity {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

@media only screen and (max-width: 479px) {
    .single-product-content .single-product-description .quantity-colors .quantity {
        width: 100%;
    }
}

.single-product-content .single-product-description .quantity-colors .quantity h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    margin: 5px 0;
    margin-right: 20px;
    float: left;
}

.single-product-content .single-product-description .quantity-colors .quantity .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #999999;
    border-radius: 50px;
    padding: 0 15px;
    float: left;
}

.single-product-content .single-product-description .quantity-colors .quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 31px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #333333;
}

.single-product-content .single-product-description .quantity-colors .quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    background-color: transparent;
}

.single-product-content .single-product-description .quantity-colors .colors {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

@media only screen and (max-width: 479px) {
    .single-product-content .single-product-description .quantity-colors .colors {
        width: 100%;
    }
}

.single-product-content .single-product-description .quantity-colors .colors h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    margin: 5px 0;
    margin-right: 20px;
    float: left;
}

.single-product-content .single-product-description .quantity-colors .colors div.nice-select {
    clear: none;
    width: 125px;
    height: 35px;
    border: 1px solid #999999;
    border-radius: 50px;
    background-color: transparent;
}

.single-product-content .single-product-description .quantity-colors .colors div.nice-select::after {
    border-width: 1px;
    right: 20px;
    border-color: #333333;
}

.single-product-content .single-product-description .quantity-colors .colors div.nice-select .current {
    font-size: 13px;
    color: #333333;
    line-height: 33px;
    display: block;
    text-transform: capitalize;
}

.single-product-content .single-product-description .quantity-colors .colors div.nice-select ul {
    width: 100%;
}

.single-product-content .single-product-description .quantity-colors .colors div.nice-select ul li {
    font-weight: 400;
    text-transform: capitalize;
}

.single-product-content .single-product-description .quantity-colors .colors .color-options {
    float: left;
    margin: 4px 0;
}

.single-product-content .single-product-description .quantity-colors .colors .color-options button {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: none;
    display: block;
    float: left;
    margin-right: 10px;
}

.single-product-content .single-product-description .quantity-colors .colors .color-options button:last-child {
    margin-right: 0;
}

.single-product-content .single-product-description .specification {
    float: left;
    width: 100%;
    margin-bottom: 33px;
}

.single-product-content .single-product-description .specification ul {
    list-style: none;
}

.single-product-content .single-product-description .specification ul li {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    padding-left: 18px;
    position: relative;
    margin: 4px 0;
}

.single-product-content .single-product-description .specification ul li::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 8px;
    width: 8px;
    margin-top: -4px;
    content: "";
    background-color: #333333;
}

.single-product-content .single-product-description .actions {
    float: left;
    width: 100%;
    margin-bottom: 33px;
}

.single-product-content .single-product-description .actions .add-to-cart {
    position: relative;
    background-color: #0075ba;
    font-size: 14px;
    color: #fff;
    border-radius: 50px;
    display: block;
    width: 170px;
    padding: 10px 25px 10px 46px;
    -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    float: left;
    margin-right: 15px;
}

.single-product-content .single-product-description .actions .add-to-cart i {
    width: 35px;
    height: 35px;
    background-color: #ffffff;
    border-radius: 0px;
    display: block;
    /* float: left; */

    font-size: 19px;
    text-align: center;
    line-height: 35px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
/*    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);*/
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #000;
    position: absolute;
    left: 3px;
    right: auto;
    top: 3px;
}

.single-product-content .single-product-description .actions .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.single-product-content .single-product-description .actions .add-to-cart.added {
    padding-left: 15px;
    padding-right: 56px;
    background-color: #004783;
}

.single-product-content .single-product-description .actions .add-to-cart.added i {
    left: calc(100% - 41px);
    top: 2px;
}

.single-product-content .single-product-description .actions .wishlist-compare {
    float: left;
}

.single-product-content .single-product-description .actions .wishlist-compare a {
    height: 33px;
    width: 33px;
    border: 1px solid #999999;
    border-radius: 50px;
    display: block;
    float: left;
    color: #333333;
    text-align: center;
    position: relative;
    margin: 4px 15px 4px 0;
}

.single-product-content .single-product-description .actions .wishlist-compare a::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color: #333333;
    color: #ffffff;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
}

.single-product-content .single-product-description .actions .wishlist-compare a::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
}

.single-product-content .single-product-description .actions .wishlist-compare a:last-child {
    margin-right: 0;
}

.single-product-content .single-product-description .actions .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0.07s;
    -o-transition-delay: 0.07s;
    transition-delay: 0.07s;
}

.single-product-content .single-product-description .actions .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.single-product-content .single-product-description .actions .wishlist-compare a i {
    line-height: 31px;
    font-size: 15px;
    display: block;
}

.single-product-content .single-product-description .actions .wishlist-compare a:hover {
    color: #202020;
    border-color: #202020;
}

.single-product-content .single-product-description .actions .wishlist-compare a:hover::before {
    opacity: 1;
    visibility: visible;
}

.single-product-content .single-product-description .actions .wishlist-compare a:hover::after {
    opacity: 1;
    visibility: visible;
}

.single-product-content .single-product-description .actions .wishlist-compare a.added {
    color: #202020;
    border-color: #0075ba;
    background-color: #0075ba;
}

.single-product-content .single-product-description .tags {
    float: left;
    width: 100%;
    margin-bottom: 37px;
}

.single-product-content .single-product-description .tags h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    float: left;
    margin-right: 15px;
}

.single-product-content .single-product-description .tags a {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-right: 15px;
}

.single-product-content .single-product-description .tags a:last-child {
    margin-right: 0;
}

.single-product-content .single-product-description .tags a:hover {
    color: #202020;
}

.single-product-content .single-product-description .share {
    float: left;
    width: 100%;
}

.single-product-content .single-product-description .share h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 27px;
    margin: 0;
    float: left;
    margin-right: 15px;
}

.single-product-content .single-product-description .share a {
    width: 27px;
    height: 27px;
    border: 1px solid #999999;
    color: #333333;
    text-align: center;
    border-radius: 50px;
    float: left;
    margin-right: 10px;
}

.single-product-content .single-product-description .share a:last-child {
    margin-right: 0px;
}

.single-product-content .single-product-description .share a:hover {
    border-color: #202020;
    color: #202020;
}

.single-product-content .single-product-description .share a i {
    font-size: 11px;
    line-height: 25px;
}

/*-- Single Product Tab List --*/
.single-product-tab-list {
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .single-product-tab-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.single-product-tab-list li a {
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    color: #222;
    line-height: 30px;
    display: block;
    padding-right: 29px;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
}

/*-- Single Product Tab Conent --*/

/*-- Single Product Description Content --*/
.single-product-description-content h4 {
    font-size: 18px;
    font-weight: 700;
}

.single-product-description-content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
}

.single-product-description-content p:last-child {
    margin-bottom: 0;
}

/*-- Single Product Description Image --*/
.single-product-description-image {
    padding: 50px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-description-image {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .single-product-description-image {
        display: none;
    }
}

.single-product-description-image img {
    float: right;
    max-width: 100%;
    padding-left: 15px;
}

/*-- Single Product Specification --*/
.single-product-specification ul {
    list-style: none;
    margin-bottom: 13px;
}

.single-product-specification ul li {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    padding-left: 18px;
    position: relative;
    margin: 4px 0;
}

.single-product-specification ul li::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 8px;
    width: 8px;
    margin-top: -4px;
    content: "";
    background-color: #333333;
}

/*-- Single Product Ratting --*/
.product-ratting-wrap {
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .product-ratting-wrap {
        padding: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .product-ratting-wrap {
        padding: 30px 45px;
    }
}

.pro-avg-ratting {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.pro-avg-ratting h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 14px;
    margin: 0 0 7px;
}

.pro-avg-ratting h4 span {
    color: #333333;
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
}

.pro-avg-ratting > span {
    display: block;
    font-size: 12px;
    line-height: 10px;
}

.ratting-list {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.ratting-list .sin-list {
    margin-right: 30px;
}

.ratting-list .sin-list:last-child {
    margin-right: 0;
}

.ratting-list .sin-list i {
    color: #333333;
    font-size: 12px;
}

.ratting-list .sin-list span {
    color: #666666;
}

.rattings-wrapper {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.sin-rattings {
    margin-bottom: 40px;
}

.sin-rattings:last-child {
    margin-bottom: 0;
}

.sin-rattings .ratting-author {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.sin-rattings .ratting-author h3 {
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 18px;
    margin-right: 15px;
}

@media only screen and (max-width: 479px) {
    .sin-rattings .ratting-author .ratting-star {
        float: left;
        width: 100%;
        margin-top: 5px;
    }
}

.sin-rattings .ratting-author .ratting-star i,
.sin-rattings .ratting-author .ratting-star span {
    color: #333333;
    font-size: 12px;
    line-height: 18px;
    float: left;
}

.sin-rattings .ratting-author .ratting-star span {
    margin-left: 5px;
}

.sin-rattings p {
    color: #333333;
    font-size: 14px;
    line-height: 24px;
}

/*-- Ratting Form Wrap --*/
.ratting-form-wrapper {
    float: left;
    width: 100%;
}

.ratting-form-wrapper h3 {
    font-size: 16px;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 16px;
}

/*-- Ratting Form --*/
.ratting-form h5 {
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-right: 10px;
}

.ratting-form .ratting-star i {
    font-size: 14px;
    float: left;
    line-height: 18px;
    display: block;
    margin-right: 3px;
}

.ratting-form .ratting-star i:last-child {
    margin: 0;
}

.ratting-form label {
    display: block;
    font-size: 14px;
    color: #666666;
    margin-bottom: 3px;
}

.ratting-form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #dddddd;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px;
    color: #666666;
}

.ratting-form input[type="submit"] {
    width: auto;
    padding: 8px 30px;
    border-color: #202020;
    background-color: #202020;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
}

.ratting-form input[type="submit"]:hover {
    border-color: #0075ba;
    background-color: #0075ba;
    color: #202020;
}

.ratting-form textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid #dddddd;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px;
    color: #666666;
    height: 80px;
    resize: none;
}

/*---------------------------------------
	09. Offer Product
-----------------------------------------*/

/*-- Offer Product Wrap --*/
.offer-product-wrap > [class*="col"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    float: left;
}

.offer-product-wrap > [class*="col"]:nth-child(1) {
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .offer-product-wrap > [class*="col"]:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media only screen and (max-width: 767px) {
    .offer-product-wrap > [class*="col"]:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.offer-product-wrap > [class*="col"]:nth-child(2) {
    width: 360px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .offer-product-wrap > [class*="col"]:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (max-width: 767px) {
    .offer-product-wrap > [class*="col"]:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.offer-product-wrap > [class*="col"]:nth-child(3) {
    width: calc(100% - 360px);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .offer-product-wrap > [class*="col"]:nth-child(3) {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media only screen and (max-width: 767px) {
    .offer-product-wrap > [class*="col"]:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

/*-- Offer Time Wrap --*/
.offer-time-wrap {
    text-align: center;
    padding: 55px 30px 35px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .offer-time-wrap {
        padding: 66px 30px 46px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .offer-time-wrap {
        padding: 70px 30px 50px;
    }
}

@media only screen and (max-width: 767px) {
    .offer-time-wrap {
        padding: 70px 30px 50px;
    }
}

.offer-time-wrap h1 {
    color: #ffffff;
    font-size: 46px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 20px;
}

.offer-time-wrap h1 span {
    font-size: 18px;
    display: block;
    margin-bottom: 3px;
}

.offer-time-wrap h3 {
    color: #ffffff;
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
}

.offer-time-wrap h3 span {
    font-weight: 700;
    font-size: 30px;
    display: block;
}

.offer-time-wrap h4 {
    color: #e1e1e1;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}

.offer-time-wrap h4 span {
    font-size: 16px;
    display: block;
}

.offer-time-wrap .countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .offer-time-wrap .countdown {
        width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}

.offer-time-wrap .countdown .cdown {
    margin-bottom: 20px;
}

@media only screen and (max-width: 479px) {
    .offer-time-wrap .countdown .cdown {
        width: 50%;
    }
}
.offer-time-wrap .countdown .cdown span {
    display: block;
    font-weight: 600;
    font-size: 28px;
    line-height: 1;
    color: #efefef;
    margin-bottom: 4px;
}

.offer-time-wrap .countdown .cdown p {
    color: #b0b0b0;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}

.offer-time-wrap.dark h1 {
    color: #202020;
}

.offer-time-wrap.dark h3 {
    color: #202020;
}

.offer-time-wrap.dark h4 {
    color: #202020;
}

.offer-time-wrap.dark .countdown .cdown span {
    color: #202020;
}

.offer-time-wrap.dark .countdown .cdown p {
    color: #333333;
}

/*---------------------------------------
	10. Shop Sidebar
-----------------------------------------*/
.shop-sidebar {
    background-color: #f6f7f8;
}

.shop-sidebar .title {
    background-color: #fefcef;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding: 15px 25px;
    text-transform: uppercase;
    margin: 0;
}

/*-- Sidebar Category --*/
.sidebar-category li {
    padding: 10px 25px;
    border-bottom: 1px solid #dddddd;
}

.sidebar-category li:last-child {
    border-bottom: 0px;
}

.sidebar-category li a {
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    line-height: 30px;
    position: relative;
}

.sidebar-category li a:hover {
    color: #202020;
}

.sidebar-category li a:hover::before {
    color: #202020;
}

.sidebar-category li a::before {
    position: absolute;
    left: 0;
    top: 0;
    color: #333333;
    line-height: 29px;
    font-family: Fontawesome;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sidebar-category li.has-children > a {
    padding-left: 15px;
}

.sidebar-category li.has-children > a::before {
    content: "\f105";
}

.sidebar-category li ul li {
    border: none;
    padding: 5px 25px;
}

.sidebar-category li ul li a {
    text-transform: capitalize;
    padding-left: 20px;
}

.sidebar-category li ul li a::before {
    content: "\f178";
    color: #606060;
}

/*-- Sidebar Brand --*/
.sidebar-brand li {
    padding: 10px 25px;
    border-bottom: 1px solid #dddddd;
}

.sidebar-brand li:last-child {
    border-bottom: 0px;
}

.sidebar-brand li a {
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    line-height: 30px;
    padding-left: 20px;
    position: relative;
}

.sidebar-brand li a:hover {
    color: #202020;
}

.sidebar-brand li a:hover::before {
    color: #202020;
}

.sidebar-brand li a::before {
    position: absolute;
    left: 0;
    top: 0;
    color: #333333;
    line-height: 29px;
    content: "\f1db";
    font-family: Fontawesome;
    font-size: 12px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/*-- Sidebar Price --*/
.sidebar-price {
    padding: 30px 25px;
}

.sidebar-price #price-range {
    width: 100%;
    height: 7px;
    margin: 7px 0;
    background-color: #c7c7c7;
    position: relative;
}

.sidebar-price #price-range .ui-slider-range {
    position: absolute;
    height: 100%;
    top: 0;
    background-color: #0075ba;
}

.sidebar-price #price-range .ui-slider-handle {
    background-color: #0075ba;
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 50px;
    display: block;
    top: -7px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
}

.sidebar-price #price-amount {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    line-height: 24px;
    padding: 0;
    background-color: transparent;
    border: none;
    margin-top: 12px;
}

/*-- Sidebar Tags --*/
.sidebar-tags {
    margin: 0 -5px;
    padding: 20px 25px;
    overflow: hidden;
}

.sidebar-tags a {
    font-size: 14px;
    border: 1px solid #dddddd;
    line-height: 23px;
    padding: 5px 12px 3px;
    color: #333333;
    float: left;
    margin: 5px;
    text-transform: uppercase;
}

.sidebar-tags a:hover {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
}

/*---------------------------------------
	11. Cart
-----------------------------------------*/

/*-- Cart Table --*/
.cart-table .table {
    border-bottom: 8px solid #fefcef;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .cart-table .table {
        border-top: 8px solid #fefcef;
    }
}

.cart-table .table thead {
    background-color: #fefcef;
}

@media only screen and (max-width: 767px) {
    .cart-table .table thead {
        display: none;
    }
}

.cart-table .table thead tr th {
    text-align: center;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #202020;
    padding: 12px 20px;
}

.cart-table .table tbody tr td {
    text-align: center;
    border: none;
    padding: 25px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #dddddd;
}

@media only screen and (max-width: 767px) {
    .cart-table .table tbody tr td {
        display: block;
        width: 100%;
        max-width: none;
        padding: 15px;
        text-align: left;
    }
}

.cart-table th.pro-thumbnail,
.cart-table td.pro-thumbnail {
    max-width: 160px;
    min-width: 120px;
    width: 160px;
}

@media only screen and (max-width: 767px) {
    .cart-table th.pro-thumbnail a,
    .cart-table td.pro-thumbnail a {
        width: 160px;
    }
}

.cart-table th.pro-title,
.cart-table td.pro-title {
    min-width: 200px;
}

.cart-table td.pro-thumbnail a {
    display: block;
}

.cart-table td.pro-thumbnail a img {
    width: 100%;
    background-color: #f6f7f8;
}

.cart-table td.pro-title a {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.cart-table td.pro-price span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
}

.cart-table td.pro-quantity .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #999999;
    border-radius: 50px;
    padding: 0 15px;
    display: block;
    margin: auto;
}

.cart-table td.pro-quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 31px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #333333;
}

.cart-table td.pro-quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    background-color: transparent;
}

@media only screen and (max-width: 767px) {
    .cart-table td.pro-quantity .pro-qty {
        margin: 0;
    }
}

.cart-table td.pro-subtotal span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
}

.cart-table td.pro-addtocart button {
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #0075ba;
    line-height: 24px;
    padding: 5px 20px;
    font-weight: 700;
    text-transform: capitalize;
    color: #202020;
    background-color: #0075ba;
}

.cart-table td.pro-remove a {
    display: block;
    font-weight: 600;
    color: #333333;
}

.cart-table td.pro-remove a i {
    font-size: 15px;
}

.cart-table td.pro-remove a:hover {
    color: #ff0000;
}

@media only screen and (max-width: 767px) {
    .cart-table td.pro-remove a {
        width: 60px;
        text-align: center;
    }
}

/*-- Calculate Shipping --*/
.calculate-shipping {
    margin-bottom: 23px;
}

.calculate-shipping h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

.calculate-shipping form .nice-select {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    background-color: transparent;
}

.calculate-shipping form .nice-select::after {
    border-color: #333333;
}

.calculate-shipping form .nice-select .current {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #333333;
}

.calculate-shipping form input {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    color: #333333;
    background-color: transparent;
}

.calculate-shipping form input[type="submit"] {
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
    width: 140px;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

.discount-coupon form input {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    color: #333333;
    background-color: transparent;
}

.discount-coupon form input[type="submit"] {
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
    width: 140px;
}

/*-- Cart Summary --*/
.cart-summary {
    float: right;
    max-width: 410px;
    width: 100%;
    margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-summary {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .cart-summary {
        margin-left: 0;
    }
}

.cart-summary .cart-summary-wrap {
    background-color: #fefcef;
    padding: 45px 50px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 479px) {
    .cart-summary .cart-summary-wrap {
        padding: 25px 30px;
    }
}

.cart-summary .cart-summary-wrap h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

.cart-summary .cart-summary-wrap p {
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    color: #202020;
}

.cart-summary .cart-summary-wrap p span {
    float: right;
}

.cart-summary .cart-summary-wrap h2 {
    border-top: 1px solid #999999;
    padding-top: 9px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}

.cart-summary .cart-summary-wrap h2 span {
    float: right;
}

.cart-summary .cart-summary-button {
    overflow: hidden;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-summary .cart-summary-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 767px) {
    .cart-summary .cart-summary-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.cart-summary .cart-summary-button button {
    margin-top: 10px;
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    color: #333333;
    background-color: transparent;
    margin-left: 20px;
    float: right;
}

.cart-summary .cart-summary-button button:last-child {
    margin-left: 0;
}

.cart-summary .cart-summary-button button.checkout-btn {
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 20px;
    }

    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 10px;
    }

    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .cart-summary .cart-summary-button button {
        width: 130px;
    }
}

/*---------------------------------------
	12. Compare
-----------------------------------------*/

/*-- Compare Table --*/
.compare-table .table tbody tr:first-child {
    border-top: 1px solid #eeeeee;
}

.compare-table .table tbody tr td {
    text-align: center;
    border: none;
    padding: 25px 30px;
    vertical-align: middle;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

.compare-table .table tbody tr td:last-child {
    border-right: 1px solid #eeeeee;
}

.compare-table .table tbody tr td.first-column {
    min-width: 180px;
    font-size: 18px;
    font-weight: 600;
    color: #202020;
    margin: 0;
    line-height: 1;
}

.compare-table .table tbody tr td.product-image-title {
    min-width: 310px;
    vertical-align: bottom;
    padding-top: 70px;
}

.compare-table .table tbody tr td.product-image-title .image {
    clear: both;
    width: 100%;
    margin-bottom: 40px;
}

.compare-table .table tbody tr td.product-image-title .image img {
    max-width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category {
    float: left;
    clear: both;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .title {
    float: left;
    clear: both;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 20px;
    margin-bottom: 10px;
}

.compare-table .table tbody tr td.pro-desc p {
    text-align: left;
    margin: 0;
}

.compare-table .table tbody tr td.pro-price {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.compare-table .table tbody tr td.pro-color {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.compare-table .table tbody tr td.pro-stock {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
    position: relative;
    background-color: #0075ba;
    color: #202020;
    border-radius: 50px;
    display: inline-block;
    width: 170px;
    padding: 10px 25px 10px 56px;
    -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart i {
    width: 41px;
    height: 41px;
    background-color: #ffffff;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 41px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added {
    padding-left: 25px;
    padding-right: 56px;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i {
    left: calc(100% - 41px);
}

.compare-table .table tbody tr td.pro-remove button {
    border: none;
    background-color: transparent;
    padding: 0;
}

.compare-table .table tbody tr td.pro-remove button i {
    font-size: 20px;
}

.compare-table .table tbody tr td.pro-ratting i {
    color: #333333;
    font-size: 14px;
}

/*---------------------------------------
	13. Checkout
-----------------------------------------*/

/*-- Checkout Title --*/
.checkout-title {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

/*-- Checkout Form --*/
.checkout-form label {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.checkout-form .nice-select {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 50px;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    height: 45px;
    color: #333333;
    margin-bottom: 15px;
}

.checkout-form .nice-select::after {
    width: 6px;
    height: 6px;
    border-width: 1px;
    right: 20px;
    border-color: #333333;
}

.checkout-form .nice-select .current {
    color: #333333;
    display: block;
    line-height: 23px;
}

.checkout-form .nice-select .list {
    width: 100%;
}

.checkout-form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 50px;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    color: #333333;
    margin-bottom: 15px;
}

.checkout-form input[type="checkbox"] {
    width: auto;
}

.checkout-form .check-box {
    float: left;
    margin-right: 70px;
}

.checkout-form .check-box:last-child {
    margin-right: 0;
}

.checkout-form .check-box input[type="checkbox"] {
    display: none;
}

.checkout-form .check-box input[type="checkbox"] + label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #202020;
    margin: 0;
}

.checkout-form .check-box input[type="checkbox"] + label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #999999;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type="checkbox"] + label::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "\f00c";
    font-family: Fontawesome;
    font-size: 12px;
    line-height: 20px;
    opacity: 0;
    color: #202020;
    width: 20px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type="checkbox"]:checked + label::before {
    border: 2px solid #202020;
}

.checkout-form .check-box input[type="checkbox"]:checked + label::after {
    opacity: 1;
}

/*-- Shipping Form --*/
#shipping-form {
    display: none;
}

/*-- Checkout Cart Total --*/
.checkout-cart-total {
    background-color: #fefcef;
    padding: 45px;
}

@media only screen and (max-width: 479px) {
    .checkout-cart-total {
        padding: 30px;
    }
}

.checkout-cart-total h4 {
    -ms-flex-preferred-size: 18px;
    flex-basis: 18px;
    line-height: 23px;
    font-weight: 700;
}

.checkout-cart-total h4:first-child {
    margin-top: 0;
    margin-bottom: 25px;
}

.checkout-cart-total h4:last-child {
    margin-top: 15px;
    margin-bottom: 0;
}

.checkout-cart-total h4 span {
    float: right;
    display: block;
}

.checkout-cart-total ul {
    border-bottom: 1px solid #999999;
}

.checkout-cart-total ul li {
    color: #333333;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    display: block;
    margin-bottom: 16px;
}

.checkout-cart-total ul li span {
    color: #202020;
    float: right;
}

.checkout-cart-total p {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: #505050;
    padding: 10px 0;
    border-bottom: 1px solid #999999;
    margin: 0;
}

.checkout-cart-total p span {
    float: right;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
    background-color: #fefcef;
    padding: 45px;
}

@media only screen and (max-width: 479px) {
    .checkout-payment-method {
        padding: 30px;
    }
}

/*-- Single Payment Method --*/
.single-method {
    margin-bottom: 20px;
}

.single-method:last-child {
    margin-bottom: 0;
}

.single-method input[type="radio"] {
    display: none;
}

.single-method input[type="radio"] + label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #202020;
    margin: 0;
}

.single-method input[type="radio"] + label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #999999;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-method input[type="radio"] + label::after {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    content: "";
    opacity: 0;
    background-color: #202020;
    width: 10px;
    text-align: center;
    height: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-method input[type="radio"]:checked + label::before {
    border: 2px solid #202020;
}

.single-method input[type="radio"]:checked + label::after {
    opacity: 1;
}

.single-method input[type="checkbox"] {
    display: none;
}

.single-method input[type="checkbox"] + label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    margin: 0;
}

.single-method input[type="checkbox"] + label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    display: block;
    border: 2px solid #999999;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-method input[type="checkbox"] + label::after {
    position: absolute;
    left: 4px;
    top: 4px;
    display: block;
    content: "";
    opacity: 0;
    background-color: #202020;
    width: 8px;
    text-align: center;
    height: 8px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-method input[type="checkbox"]:checked + label::before {
    border: 2px solid #202020;
}

.single-method input[type="checkbox"]:checked + label::after {
    opacity: 1;
}

.single-method p {
    display: none;
    margin-top: 8px;
    font-size: 14px;
    color: #333333;
    line-height: 23px;
}

/*-- Place Order --*/
.place-order {
    margin-top: 40px;
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: none;
    line-height: 24px;
    padding: 6px 20px;
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    background-color: #0075ba;
}

/*---------------------------------------
	14. Feature
-----------------------------------------*/

/*-- Single Feature --*/
.feature {
    background-color: #f6f7f8;
    padding: 30px;
    position: relative;
}

.feature .feature-wrap {
    text-align: center;
    border: 1px solid #e8e8e8;
    padding: 25px 15px 20px;
}

.feature .feature-wrap .icon {
    display: inline-block;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
    height: 29px;
    width: 42px;
}

.feature .feature-wrap .icon img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.feature .feature-wrap h4 {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature .feature-wrap h4 {
        font-size: 14px;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature .feature-wrap h4 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 479px) {
    .feature .feature-wrap h4 {
        font-size: 16px;
        margin-bottom: 4px;
    }
}

.feature .feature-wrap p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature .feature-wrap p {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature .feature-wrap p {
        font-size: 13px;
    }
}

@media only screen and (max-width: 479px) {
    .feature .feature-wrap p {
        font-size: 13px;
    }
}

.feature:hover .feature-wrap .icon img {
    top: -29px;
}

/*-- Single Feature Two --*/
.feature-two {
    background-color: #eaeaea;
    position: relative;
    text-align: center;
    padding: 80px 20px 40px;
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 190px;
}

.feature-two .feature-wrap .icon {
    display: block;
    background-color: #0075ba;
    width: 80px;
    border-radius: 0 0 50px 50px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
    padding: 22px 19px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -40px;
}

.feature-two .feature-wrap .icon img {
    display: block;
    margin: 0 auto;
}

.feature-two .feature-wrap h4 {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature-two .feature-wrap h4 {
        font-size: 14px;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-two .feature-wrap h4 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 479px) {
    .feature-two .feature-wrap h4 {
        font-size: 16px;
        margin-bottom: 4px;
    }
}

.feature-two .feature-wrap p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature-two .feature-wrap p {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-two .feature-wrap p {
        font-size: 13px;
    }
}

@media only screen and (max-width: 479px) {
    .feature-two .feature-wrap p {
        font-size: 13px;
    }
}

.feature-two:hover .feature-wrap .icon {
    padding-top: 32px;
}

/*---------------------------------------
	15. Blog
-----------------------------------------*/

/*-- Blog --*/
.ee-blog {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ee-blog:hover {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}

.ee-blog .image {
    display: block;
}

.ee-blog .image img {
    width: 100%;
}

.ee-blog .content {
    padding: 25px 30px 30px;
    overflow: hidden;
}

.ee-blog .content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.ee-blog .content h3 a {
    color: #333333;
}

.ee-blog .content h3 a:hover {
    color: #202020;
}

@media only screen and (max-width: 767px) {
    .ee-blog .content h3 {
        font-size: 18px;
        line-height: 28px;
    }
}

.ee-blog .content h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.ee-blog .content h4 a {
    color: #333333;
}

.ee-blog .content h4 a:hover {
    color: #202020;
}

.ee-blog .content ul {
    float: left;
    width: 100%;
}

.ee-blog .content ul li {
    float: left;
    margin-right: 14px;
    position: relative;
    line-height: 18px;
}

.ee-blog .content ul li::before {
    position: absolute;
    right: -9px;
    top: 50%;
    width: 4px;
    height: 1px;
    content: "";
    background-color: #7b7b7b;
}

.ee-blog .content ul li:last-child {
    margin-right: 0;
}

.ee-blog .content ul li:last-child::before {
    display: none;
}

.ee-blog .content ul li a {
    font-size: 13px;
    letter-spacing: .5px;
    color: #333333;
    line-height: 18px;
}

.ee-blog .content ul li a:hover {
    color: #202020;
}

.ee-blog .content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 15px;
    display: block;
    float: left;
    width: 100%;
}

.ee-blog .content blockquote {
    overflow: hidden;
    margin: 0;
    padding: 50px;
    width: 100%;
}

.ee-blog .content blockquote p {
    font-size: 16px;
    line-height: 25px;
    font-style: italic;
    margin: 0;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .ee-blog .content blockquote {
        padding: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .ee-blog .content blockquote {
        padding: 0;
    }
}

/*-- Single Blog --*/
.ee-single-blog {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ee-single-blog:hover {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}

.ee-single-blog .image {
    display: block;
}

.ee-single-blog .image img {
    width: 100%;
}

.ee-single-blog .content {
    padding: 25px 30px 30px;
    overflow: hidden;
}

.ee-single-blog .content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .ee-single-blog .content h3 {
        font-size: 18px;
        line-height: 28px;
    }
}

.ee-single-blog .content h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.ee-single-blog .content ul {
    float: left;
    width: 100%;
}

.ee-single-blog .content ul li {
    float: left;
    margin-right: 14px;
    position: relative;
    line-height: 18px;
}

.ee-single-blog .content ul li::before {
    position: absolute;
    right: -9px;
    top: 50%;
    width: 4px;
    height: 1px;
    content: "";
    background-color: #7b7b7b;
}

.ee-single-blog .content ul li:last-child {
    margin-right: 0;
}

.ee-single-blog .content ul li:last-child::before {
    display: none;
}

.ee-single-blog .content ul li a {
    font-size: 13px;
    letter-spacing: .5px;
    color: #333333;
    line-height: 18px;
}

.ee-single-blog .content ul li a:hover {
    color: #202020;
}

.ee-single-blog .content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 15px;
    display: block;
    float: left;
    width: 100%;
}

.ee-single-blog .content blockquote {
    overflow: hidden;
    margin: 0;
    padding: 15px 0;
    width: 100%;
}

.ee-single-blog .content blockquote p {
    font-size: 16px;
    line-height: 25px;
    font-style: italic;
    margin: 0;
    font-weight: 400;
}

.ee-single-blog .content .blog-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
}

.ee-single-blog .content .blog-footer .blog-tags {
    margin-top: 14px;
}

.ee-single-blog .content .blog-footer .blog-tags h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 24px;
    float: left;
    margin-right: 10px;
}

.ee-single-blog .content .blog-footer .blog-tags a {
    display: inline-block;
    margin-right: 5px;
    font-size: 13px;
    letter-spacing: .5px;
    color: #333333;
    line-height: 18px;
}

.ee-single-blog .content .blog-footer .blog-tags a:hover {
    color: #202020;
}

.ee-single-blog .content .blog-footer .blog-tags a::after {
    content: ',';
}

.ee-single-blog .content .blog-footer .blog-share {
    margin-top: 14px;
}

.ee-single-blog .content .blog-footer .blog-share h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 0;
    float: left;
    margin-right: 10px;
}

.ee-single-blog .content .blog-footer .blog-share a {
    border: 1px solid #999999;
    color: #333333;
    border-radius: 50px;
    width: 27px;
    height: 27px;
    text-align: center;
    margin-right: 10px;
}

.ee-single-blog .content .blog-footer .blog-share a:last-child {
    margin-right: 0;
}

.ee-single-blog .content .blog-footer .blog-share a i {
    display: block;
    font-size: 11px;
    line-height: 25px;
}

.ee-single-blog .content .blog-footer .blog-share a:hover {
    border-color: #0075ba;
    background-color: #0075ba;
    color: #202020;
}

/*-- Blog Author --*/
.blog-author .image {
    width: 120px;
    margin-right: 20px;
    float: left;
}

.blog-author .image img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .blog-author .image {
        float: none;
        margin-bottom: 15px;
        margin-right: 0;
    }
}

.blog-author .content {
    overflow: hidden;
}

.blog-author .content h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.blog-author .content p {
    font-size: 14px;
    line-height: 24px;
}

/*-- Blog Comment Wrap --*/
.blog-comment-wrap h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 38px;
}

/*-- Comment List --*/
.comment-list li .children {
    margin-left: 50px;
}

@media only screen and (max-width: 767px) {
    .comment-list li .children {
        margin: 0;
    }
}

/*-- Single Comment --*/
.single-comment {
    margin-bottom: 60px;
}

.single-comment .image {
    width: 95px;
    float: left;
    margin-right: 30px;
}

.single-comment .image img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .single-comment .image {
        float: none;
        margin-bottom: 15px;
        margin-right: 0;
    }
}

.single-comment .content {
    overflow: hidden;
}

.single-comment .content h5 {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 18px;
}

.single-comment .content h5 span {
    font-size: 14px;
    font-weight: 300;
}

.single-comment .content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}

.single-comment .content .reply {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #656565;
    line-height: 16px;
    text-transform: capitalize;
}

.single-comment .content .reply:hover {
    color: #202020;
}

/*-- Comment Form --*/
.comment-form label {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    display: block;
    margin-bottom: 15px;
}

.comment-form input {
    width: 100%;
    line-height: 23px;
    border: 1px solid #999999;
    padding: 10px 20px;
    background-color: transparent;
    border-radius: 50px;
    color: #333333;
}

.comment-form input[type="submit"] {
    width: auto;
    padding: 10px 35px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #202020;
}

.comment-form input[type="submit"]:hover {
    border-color: #202020;
    background-color: #202020;
    color: #0075ba;
}

.comment-form textarea {
    width: 100%;
    line-height: 23px;
    border: 1px solid #999999;
    padding: 10px 20px;
    background-color: transparent;
    color: #333333;
    border-radius: 10px;
    resize: none;
    height: 150px;
}

/*---------------------------------------
	16. Blog Sidebar
-----------------------------------------*/
.blog-sidebar {
    background-color: #f6f7f8;
}

.blog-sidebar .title {
    background-color: #fefcef;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding: 15px 35px;
    text-transform: uppercase;
    margin: 0;
}

.blog-sidebar ul li {
    padding: 10px 35px;
    border-bottom: 1px solid #dddddd;
}

.blog-sidebar ul li:last-child {
    border-bottom: 0px;
}

.blog-sidebar ul li a {
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    line-height: 30px;
    position: relative;
    padding-left: 15px;
}

.blog-sidebar ul li a:hover {
    color: #202020;
}

.blog-sidebar ul li a:hover::before {
    color: #202020;
}

.blog-sidebar ul li a::before {
    position: absolute;
    left: 0;
    top: 0;
    color: #333333;
    line-height: 29px;
    font-family: Fontawesome;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "\f105";
}

.blog-sidebar ul li ul li {
    border: none;
    padding: 5px 25px;
}

.blog-sidebar ul li ul li a {
    text-transform: capitalize;
    padding-left: 20px;
}

.blog-sidebar ul li ul li a::before {
    content: "\f178";
    color: #333333;
}

.blog-sidebar .tags-cloud {
    margin: 0 -5px;
    padding: 20px 35px;
    overflow: hidden;
}

.blog-sidebar .tags-cloud a {
    font-size: 14px;
    border: 1px solid #999999;
    line-height: 23px;
    padding: 5px 12px 3px;
    color: #333333;
    float: left;
    margin: 5px;
    text-transform: uppercase;
}

.blog-sidebar .tags-cloud a:hover {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
}

/*-- Sidebar Blog --*/
.sidebar-blog {
    padding: 20px 35px;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
}

.sidebar-blog:last-child {
    border-bottom: none;
}

.sidebar-blog .image {
    display: block;
    float: left;
    width: 70px;
    margin-right: 20px;
}

.sidebar-blog .image img {
    width: 100%;
}

.sidebar-blog .content {
    overflow: hidden;
}

.sidebar-blog .content h5 {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
}

.sidebar-blog .content h5 a {
    color: #333333;
}

.sidebar-blog .content h5 a:hover {
    color: #202020;
}

.sidebar-blog .content span {
    display: block;
    font-size: 13px;
    z-index: 18px;
    color: #333333;
}

/*---------------------------------------
	17. Login & Register
-----------------------------------------*/

/*-- Login --*/
.ee-login h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ee-login p {
    font-size: 14px;
    line-height: 23px;
    max-width: 500px;
}

.ee-login form {
    max-width: 450px;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 60px;
    clear: both;
    float: left;
}

.ee-login form input {
    width: 100%;
    border: 1px solid #999999;
    line-height: 28px;
    border-radius: 50px;
    padding: 10px 30px;
    color: #333333;
    font-size: 14px;
    background-color: transparent;
}

.ee-login form input[type="submit"] {
    font-size: 16px;
    line-height: 25px;
    padding: 10px 15px;
    width: 150px;
    text-align: center;
    background-color: #0075ba;
    border: none;
    color: #202020;
    text-transform: uppercase;
    font-weight: 700;
}

.ee-login form input[type="checkbox"] {
    display: none;
}

.ee-login form input[type="checkbox"] + label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    margin: 0 0 15px;
}

.ee-login form input[type="checkbox"] + label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #999999;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ee-login form input[type="checkbox"] + label::after {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    content: "";
    opacity: 0;
    background-color: #202020;
    width: 10px;
    text-align: center;
    height: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ee-login form input[type="checkbox"]:checked + label::before {
    border: 2px solid #202020;
}

.ee-login form input[type="checkbox"]:checked + label::after {
    opacity: 1;
}

.ee-login form a {
    float: right;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    display: inline-block;
    margin-bottom: 15px;
}

.ee-login form a:hover {
    color: #202020;
}

.ee-login h4 {
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 0;
}

.ee-login h4 a {
    text-transform: uppercase;
    font-weight: 700;
    color: #0075ba;
}

.ee-login h4 a:hover {
    text-decoration: underline;
}

/*-- Vertical Border --*/
.login-reg-vertical-boder {
    height: 340px;
    width: 1px;
    margin: auto;
    background-color: #0075ba;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .login-reg-vertical-boder {
        height: 100px;
        margin: 40px auto;
    }
}

.login-reg-vertical-boder::before,
.login-reg-vertical-boder::after {
    position: absolute;
    top: 25px;
    bottom: 25px;
    width: 1px;
    content: "";
    background-color: #0075ba;
}

@media only screen and (max-width: 767px) {
    .login-reg-vertical-boder::before,
    .login-reg-vertical-boder::after {
        top: 15px;
        bottom: 15px;
    }
}

.login-reg-vertical-boder::before {
    left: -15px;
    right: auto;
}

.login-reg-vertical-boder::after {
    right: -15px;
    left: auto;
}

/*-- Social Login --*/
.ee-social-login {
    margin: auto;
    max-width: 310px;
}

.ee-social-login h3 {
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 45px;
}

.ee-social-login a {
    width: 250px;
    height: 50px;
    padding: 10px 50px 10px 30px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 30px;
    border-radius: 50px;
    text-align: left;
    position: relative;
    margin-bottom: 30px;
}

.ee-social-login a i {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    right: 4px;
    top: 4px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ee-social-login a.facebook-login {
    background-color: #3b5998;
}

.ee-social-login a.facebook-login i {
    color: #3b5998;
}

.ee-social-login a.twitter-login {
    background-color: #1dcaff;
}

.ee-social-login a.twitter-login i {
    color: #1dcaff;
}

.ee-social-login a.google-plus-login {
    background-color: #dd4b39;
}

.ee-social-login a.google-plus-login i {
    color: #dd4b39;
}

.ee-social-login a:last-child {
    margin-bottom: 0;
}

/*-- Register --*/
.ee-register h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ee-register p {
    font-size: 14px;
    line-height: 23px;
    max-width: 500px;
}

.ee-register form {
    max-width: 450px;
    width: 100%;
    margin-top: 50px;
    clear: both;
    float: left;
}

.ee-register form input {
    width: 100%;
    border: 1px solid #999999;
    line-height: 28px;
    border-radius: 50px;
    padding: 10px 30px;
    color: #333333;
    font-size: 14px;
    background-color: transparent;
}

.ee-register form input[type="submit"] {
    font-size: 16px;
    line-height: 25px;
    padding: 10px 15px;
    width: 150px;
    text-align: center;
    background-color: #0075ba;
    border: none;
    color: #202020;
    text-transform: uppercase;
    font-weight: 700;
}

/*-- Account Image --*/
.ee-account-image {
    margin: auto;
    text-align: center;
}

.ee-account-image h3 {
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 35px;
}

.ee-account-image .image-placeholder {
    max-width: 100%;
    margin-bottom: 35px;
}

.ee-account-image .account-image-upload {
    margin-bottom: 10px;
}

.ee-account-image .account-image-upload input {
    display: none;
}

.ee-account-image .account-image-upload input + label {
    line-height: 28px;
    padding: 10px 46px 10px 20px;
    border: 1px solid #999999;
    background-color: transparent;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    width: 320px;
    text-align: left;
    position: relative;
    margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-account-image .account-image-upload input + label {
        width: 250px;
    }
}

@media only screen and (max-width: 479px) {
    .ee-account-image .account-image-upload input + label {
        width: 250px;
    }
}

.ee-account-image .account-image-upload input + label::before {
    position: absolute;
    right: 4px;
    top: 3px;
    content: "\f07c";
    font-family: Fontawesome;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #0075ba;
    color: #202020;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
}

.ee-account-image p {
    font-size: 12px;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
    line-height: 16px;
}

/*---------------------------------------
	18. Team
-----------------------------------------*/

/*-- Team One --*/
.single-team {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
}

.single-team img {
    width: 100%;
}

.single-team .content {
    position: relative;
    text-align: center;
    background-color: #ffffff;
    overflow: hidden;
}

.single-team .content .name-title {
    padding: 20px 15px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-team .content .name-title h5 {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 20px;
    text-transform: capitalize;
    margin-bottom: 6px;
}

.single-team .content .name-title span {
    display: block;
    font-size: 13px;
    color: #333333;
    line-height: 18px;
    text-transform: capitalize;
}

.single-team .content .social {
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 3;
    left: 0;
    top: 15px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
}

.single-team .content .social a {
    border: 1px solid #999999;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    color: #333333;
    margin: 0 5px;
}

.single-team .content .social a i {
    font-size: 14px;
    display: block;
    line-height: 32px;
}

.single-team .content .social a:hover {
    background-color: #202020;
    border-color: #202020;
    color: #0075ba;
}

.single-team:hover .content .name-title {
    opacity: 0;
}

.single-team:hover .content .social {
    opacity: 1;
    top: 0;
}

/*-- Team Two --*/
.single-team-2 img {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
}

.single-team-2 .content {
    margin-top: 20px;
    text-align: center;
}

.single-team-2 .content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    line-height: 24px;
    text-transform: capitalize;
    margin-bottom: 6px;
}

.single-team-2 .content span {
    display: block;
    font-size: 13px;
    color: #333333;
    line-height: 18px;
    text-transform: capitalize;
}

/*---------------------------------------
	19. Faq
-----------------------------------------*/

/*-- Faq Wrap --*/
.faq-wrap {
    padding: 60px;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width: 767px) {
    .faq-wrap {
        padding: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .faq-wrap {
        padding: 30px;
    }
}

/*-- Single Faq --*/
.single-faq {
    margin-bottom: 42px;
}

.single-faq:last-child {
    margin-bottom: 0;
}

.single-faq h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px;
}

.single-faq p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

.ask-question {
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    color: #333333;
    margin: 0;
}

.ask-question a {
    color: #333333;
}

.ask-question a:hover {
    color: #0075ba;
}

/*---------------------------------------
	20. Terms & Conditions
-----------------------------------------*/
.terms-conditions-wrap h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

@media only screen and (max-width: 479px) {
    .terms-conditions-wrap h2 {
        font-size: 24px;
        line-height: 30px;
    }
}

.terms-conditions-wrap p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 56px;
    max-width: 570px;
}

.terms-conditions-wrap ul li {
    padding-left: 25px;
    font-size: 14px;
    line-height: 23px;
    color: #333333;
    margin-bottom: 35px;
    position: relative;
}

.terms-conditions-wrap ul li:last-child {
    margin-bottom: 0;
}

.terms-conditions-wrap ul li::before {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    line-height: 23px;
    color: #333333;
}

/*---------------------------------------
	21. Track Order
-----------------------------------------*/

/*-- Track Order Title --*/
.track-order-title h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

@media only screen and (max-width: 479px) {
    .track-order-title h2 {
        font-size: 24px;
        line-height: 30px;
    }
}

.track-order-title p {
    font-size: 16px;
    line-height: 25px;
    margin: auto;
    max-width: 830px;
}

/*-- Track Order Form --*/
.track-order-form label {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #202020;
    display: block;
    margin-bottom: 16px;
}

.track-order-form input {
    width: 100%;
    border: 1px solid #999999;
    border-radius: 50px;
    font-size: 14px;
    line-height: 23px;
    padding: 10px 20px;
    color: #333333;
    margin-bottom: 45px;
    background-color: transparent;
}

.track-order-form input[type="submit"] {
    border-color: #0075ba;
    background-color: #0075ba;
    color: #202020;
    text-transform: uppercase;
    width: 180px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0;
}

/*---------------------------------------
	22. Store
-----------------------------------------*/
.single-store h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 28px;
    margin-bottom: 20px;
}

.single-store p {
    max-width: 270px;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 4px;
}

.single-store p:last-child {
    margin-bottom: 0;
}

.single-store p a:hover {
    color: #202020;
}

/*---------------------------------------
	23. Brands
-----------------------------------------*/

/*-- Brand Slider --*/
.brand-slider {
    text-align: center;
}

.brand-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brand-slider .brand-item img {
    display: inline-block;
    max-width: 100%;
}

/*---------------------------------------
	24. Subscribe
-----------------------------------------*/
.subscribe-section {
    background: url(../images/search-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

/*-- Subscribe Content --*/
.subscribe-content h2 {
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .subscribe-content h2 {
        font-size: 24px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .subscribe-content h2 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .subscribe-content h2 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
    }
}

@media only screen and (max-width: 479px) {
    .subscribe-content h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

.subscribe-content h2 span {
    font-weight: 800;
}

/*-- Subscribe Form --*/
.subscribe-form {
    width: 100%;
    border: 1px solid #bdb5b5;
    padding: 3px;
    padding-right: 140px;
    border-radius: 50px;
    position: relative;
}

@media only screen and (max-width: 479px) {
    .subscribe-form {
        padding: 0;
        border: none !important;
    }
}

.subscribe-form input {
    height: 50px;
    width: 100%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: transparent;
    border: none;
    line-height: 24px;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

@media only screen and (max-width: 479px) {
    .subscribe-form input {
        border: 1px solid #bdb5b5;
        border-radius: 50px;
        text-align: center;
    }
}

.subscribe-form button {
    position: absolute;
    right: 3px;
    top: 3px;
    height: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: #2a2a2a;
    border: none;
    line-height: 24px;
    text-transform: uppercase;
    padding: 13px 30px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

@media only screen and (max-width: 479px) {
    .subscribe-form button {
        position: static;
        border-radius: 50px;
        margin-top: 10px;
        width: 100%;
    }
}

.subscribe-form button:hover {
    background-color: #023876;
    color: #fff;
}

/*-- Popup Subscribe Section --*/
.popup-subscribe-section {
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9999999;
    padding: 10px;
}

/*-- Popup Subscribe Wrap --*/
.popup-subscribe-wrap {
    margin: auto;
    background-color: #0075ba;
    position: relative;
    max-width: 1015px;
    width: 100%;
}

.popup-subscribe-wrap .close-popup {
    width: 36px;
    height: 36px;
    border: none;
    color: #202020;
    border-color: #f6f7f8;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 30px;
    top: 30px;
}

/*-- Popup Subscribe Banner --*/
.popup-subscribe-banner {
    width: 435px;
    float: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .popup-subscribe-banner {
        width: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .popup-subscribe-banner {
        width: 350px;
    }
}

@media only screen and (max-width: 767px) {
    .popup-subscribe-banner {
        display: none;
    }
}

/*-- Popup Subscribe Form Wrap --*/
.popup-subscribe-form-wrap {
    float: left;
    overflow: hidden;
    padding: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .popup-subscribe-form-wrap {
        padding: 50px 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .popup-subscribe-form-wrap {
        width: 395px;
        padding: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .popup-subscribe-form-wrap {
        padding: 30px;
    }
}

.popup-subscribe-form-wrap h1 {
    font-size: 36px;
    line-height: 44px;
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .popup-subscribe-form-wrap h1 {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .popup-subscribe-form-wrap h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

.popup-subscribe-form-wrap h4 {
    font-size: 18px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 38px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .popup-subscribe-form-wrap h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .popup-subscribe-form-wrap h4 {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

.popup-subscribe-form-wrap p {
    font-size: 16px;
    color: #202020;
    margin-top: 30px;
    margin-bottom: 0;
    max-width: 460px;
}

@media only screen and (max-width: 767px) {
    .popup-subscribe-form-wrap p {
        font-size: 14px;
        margin-top: 10px;
    }
}

/*-- Popup Subscribe Form --*/
.popup-subscribe-form input[type="email"] {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: #202020;
    max-width: 100%;
    width: 460px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #202020;
    background-color: transparent;
    line-height: 35px;
    clear: both;
}

.popup-subscribe-form input[type="email"]::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #202020;
}

@media only screen and (max-width: 767px) {
    .popup-subscribe-form input[type="email"] {
        width: 100%;
    }
}

.popup-subscribe-form button.button {
    margin-top: 35px;
    display: block;
    line-height: 22px;
    background-color: transparent;
    border: 1px solid #202020;
    color: #202020;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 50px;
    padding: 10px 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .popup-subscribe-form button.button {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .popup-subscribe-form button.button {
        margin-top: 20px;
    }
}

/*---------------------------------------
	25. About
-----------------------------------------*/

/*-- About Image --*/
.about-image img {
    width: 100%;
}

/*-- About Content --*/
.about-content h1 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 23px;
}

.about-content h1 span {
    color: #0075ba;
}

@media only screen and (max-width: 767px) {
    .about-content h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

.about-content h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
}

.about-content p {
    font-size: 14px;
    line-height: 23px;
}

/*-- About Mission Vission Goal --*/
.about-mission-vission-goal h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 13px;
}

.about-mission-vission-goal p {
    font-size: 14px;
    line-height: 23px;
}

/*-- About Section Title --*/
.about-section-title h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 23px;
}

@media only screen and (max-width: 767px) {
    .about-section-title h3 {
        font-size: 18px;
        line-height: 24px;
    }
}

.about-section-title p {
    font-size: 14px;
    line-height: 23px;
    max-width: 600px;
}

/*-- About Feature --*/
.about-feature h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

.about-feature p {
    font-size: 14px;
    line-height: 23px;
    max-width: 265px;
}

@media only screen and (max-width: 767px) {
    .about-feature p {
        max-width: 350px;
    }
}

/*-- About Feature Banner --*/
.about-feature-banner .banner {
    margin-left: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-feature-banner .banner {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .about-feature-banner .banner {
        margin-left: 0;
    }
}

/*-- Feature Content --*/
.feature-content h2 {
    font-size: 30px;
    max-width: 470px;
    margin-bottom: 0;
}

.feature-content h2 span {
    font-weight: 700;
}

.feature-content h1 {
    font-size: 36px;
    max-width: 470px;
}

.feature-content h1 span {
    font-weight: 700;
}

.feature-content p {
    line-height: 23px;
    max-width: 520px;
    margin-bottom: 0;
    margin-top: 30px;
}

/*-- Feature Image --*/
.feature-image {
    position: relative;
    z-index: 2;
}

.feature-image::before {
    position: absolute;
    right: 0;
    bottom: -40px;
    content: "";
    width: 380px;
    height: 360px;
    background-color: #fefcef;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-image::before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .feature-image::before {
        display: none;
    }
}

.feature-image img {
    width: 100%;
    margin-left: -40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-image img {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .feature-image img {
        margin-left: 0;
    }
}

/*---------------------------------------
	26. Testimonial
-----------------------------------------*/
.testimonial-slider .slick-arrow {
    width: 34px;
    border: 1px solid #dfdfdf;
    color: #cacaca;
    height: 34px;
    border-radius: 50%;
    background-color: transparent;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    z-index: 9;
}

.testimonial-slider .slick-arrow i {
    font-size: 18px;
    display: block;
    line-height: 32px;
}

.testimonial-slider .slick-arrow:hover {
    color: #ffffff;
    background-color: #202020;
    border-color: #202020;
}

.testimonial-slider .slick-arrow.slick-prev {
    left: 0;
}

.testimonial-slider .slick-arrow.slick-next {
    right: 0;
}

@media only screen and (max-width: 767px) {
    .testimonial-slider .slick-arrow {
        display: none !important;
    }
}

/*-- Testimonial Item One --*/
@media only screen and (max-width: 767px) {
    .ee-testimonial-item-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/*-- Testimonial Image One --*/
.ee-testimonial-image-one {
    width: 250px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    float: left;
    margin-right: 80px;
}

.ee-testimonial-image-one img {
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-testimonial-image-one {
        margin-right: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .ee-testimonial-image-one {
        margin-right: 0;
        float: none;
    }
}

/*-- Testimonial Content --*/
@media only screen and (max-width: 767px) {
    .ee-testimonial-content {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 30px;
    }
}

.ee-testimonial-content i {
    font-size: 40px;
    color: #e3e3e3;
    margin-bottom: 15px;
    display: block;
}

.ee-testimonial-content p {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 25px;
    margin-bottom: 36px;
}

.ee-testimonial-content img {
    max-width: 100%;
    margin-bottom: 10px;
}

.ee-testimonial-content h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 4px;
}

.ee-testimonial-content span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: 18px;
}

.ee-testimonial-content.text-center img {
    margin-left: auto;
    margin-right: auto;
}

/*-- Testimonial Image Slider --*/
.testimonial-image-slider {
    max-width: 430px;
    margin: auto;
    margin-bottom: 50px;
}

.testimonial-image-slider .ee-testimonial-item {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0.4;
}

.testimonial-image-slider .ee-testimonial-item.slick-center {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.testimonial-image-slider .ee-testimonial-item img {
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    max-width: 100%;
}

/*-- Testimonial Slider Two --*/
.testimonial-slider-2 {
    margin: 0 -40px;
    width: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-2 {
        margin: 0 -15px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-slider-2 {
        margin: 0 -15px;
    }
}

/*-- Testimonial Item Two --*/
.ee-testimonial-item-2 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-testimonial-item-2 {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 767px) {
    .ee-testimonial-item-2 {
        padding: 0 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/*-- Testimonial Image Two --*/
.ee-testimonial-image-2 {
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    overflow: hidden;
    z-index: 9;
    position: relative;
}

.ee-testimonial-image-2 img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .ee-testimonial-image-2 {
        margin-left: 30px;
    }
}

/*-- Testimonial Content Two --*/
.ee-testimonial-content-2 {
    background-color: #fefcef;
    overflow: hidden;
    padding: 40px 50px 40px 85px;
    margin-left: -50px;
}

@media only screen and (max-width: 767px) {
    .ee-testimonial-content-2 {
        padding: 80px 30px 30px;
        margin-top: -50px;
        margin-left: 0;
    }
}

.ee-testimonial-content-2 p {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 25px;
    margin-bottom: 10px;
}

.ee-testimonial-content-2 h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 4px;
}

.ee-testimonial-content-2 span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: 18px;
}

/*---------------------------------------
	27. Footer
-----------------------------------------*/

/*----
	27.1 Footer Top
-----------------------------------------*/
.five-column-widget > [class*="col"],
.five-column-widget > [class*="col-"] {
    width: 20%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .five-column-widget > [class*="col"],
    .five-column-widget > [class*="col-"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .five-column-widget > [class*="col"],
    .five-column-widget > [class*="col-"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .five-column-widget > [class*="col"],
    .five-column-widget > [class*="col-"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*-- Footer Widget --*/
.footer-widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 28px;
    text-transform: uppercase;
    color: #fff;
}

.footer-widget .footer-logo {
    max-width: 100%;
    margin: auto 0 25px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    clear: both;
}

.footer-widget .footer-logo img {
    display: block;
    max-width: 100%;
}

.footer-widget .footer-logo img.theme-dark {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.footer-widget p {
    font-size: 14px;
    line-height: 24px;
    margin: auto;
}

.footer-widget.text-center .footer-logo {
    margin: auto auto 25px;
}

/*-- Footer Social --*/
.footer-social {
    margin-top: 30px;
}

.footer-social a {
    width: 34px;
    height: 34px;
    border-radius: 50px;
    border: 1px solid #d1d1d1;
    text-align: center;
    color: #606060;
    float: left;
    margin-right: 10px;
}

.footer-social a i {
    font-size: 13px;
    line-height: 32px;
    display: block;
}

.footer-social a:hover {
    border-color: #202020;
    color: #202020;
}

/*-- Footer Instagram --*/
.footer-instagram {
    margin: -5px;
    width: auto;
}

.footer-instagram li {
    padding: 5px;
    float: left;
    width: 33.3333%;
}

.footer-instagram li a {
    display: block;
    position: relative;
    color: #202020;
}

.footer-instagram li a::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #0075ba;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.footer-instagram li a img {
    width: 100%;
}

.footer-instagram li a span {
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 9;
    display: block;
    line-height: 24px;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.footer-instagram li a span i {
    float: left;
    margin-right: 3px;
    line-height: 24px;
}

.footer-instagram li a:hover::before {
    opacity: 0.85;
}

.footer-instagram li a:hover span {
    opacity: 1;
}

/*-- Contact Information --*/
p.contact-info {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 13px;
}

p.contact-info:last-child {
    margin: 0;
}

p.contact-info span {
    display: block;
    font-weight: 600;
    color: #ffffff;
}

p.contact-info a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 500;
    color: #fff;
}

p.contact-info a:hover {
    color: #202020;
}

/*-- Link Widget --*/
ul.link-widget li {
    margin-bottom: 11px;
}

ul.link-widget li:last-child {
    margin: 0;
}

ul.link-widget li a {
    font-size: 14px;
    line-height: 23px;
    color: #ffffff;
}

ul.link-widget li a:hover {
    color: #8fa8c3;
}

/*-- Footer Twitter Feed --*/
.footer-tweet ul li {
    font-size: 14px;
    line-height: 23px;
    padding-left: 35px;
    position: relative;
    margin-bottom: 25px;
}

.footer-tweet ul li:last-child {
    margin: 0;
}

.footer-tweet ul li::before {
    position: absolute;
    left: 0;
    top: 2px;
    content: "\ee34";
    font-family: 'IcoFont';
    color: #333333;
    font-size: 24px;
    display: block;
}

.footer-tweet ul li .author a {
    font-weight: 600;
    color: #202020;
}

.footer-tweet ul li > a {
    color: #1da1f3;
    display: block;
}

/*----
	27.2 Footer Bottom
-----------------------------------------*/
.footer-bottom-section {
    border-top: 1px solid #eae9e9;
    padding: 20px 0;
}

/*-- Footer Copyright --*/
.footer-copyright {
    text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-copyright {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .footer-copyright {
        text-align: center;
    }
}

.footer-copyright p {
    font-size: 14px;
    line-height: 30px;
}

.footer-copyright p a {
    font-weight: 600;
    color: #2661a5;
}

/*-- Footer Copyright Image --*/
.footer-payments-image {
    text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-payments-image {
        text-align: center;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .footer-payments-image {
        text-align: center;
        margin-top: 10px;
    }
}

.footer-payments-image img {
    max-width: 100%;
}

/*---------------------------------------
	28. Contact
-----------------------------------------*/

/*-- Contact Page Title --*/
.contact-page-title h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
}

/*-- Contact Tab List --*/
.contact-tab-list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 12px;
}

.contact-tab-list li:last-child {
    margin-bottom: 0;
}

.contact-tab-list li a {
    font-size: 18px;
    line-height: 24px;
    color: #5b5b5b;
}

.contact-tab-list li a::before {
    font-family: Fontawesome;
    content: "\f101";
    line-height: 22px;
    font-size: 20px;
    float: left;
    margin-right: 6px;
}

.contact-tab-list li a:hover {
    color: #333333;
}

.contact-tab-list li a.active {
    color: #333333;
    font-weight: 600;
}

/*-- Contact Information --*/
.contact-information h4 {
    font-size: 18px;
    font-weight: 700;
}

.contact-information p {
    font-size: 16px;
    color: #606060;
    line-height: 23px;
}

.contact-information p a {
    display: block;
}

/*-- Contact Form --*/
.contact-form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 17px;
}

.contact-form input {
    width: 100%;
    border: 1px solid #999999;
    line-height: 23px;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: transparent;
}

.contact-form input[type="submit"] {
    width: auto;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px;
    background-color: transparent;
}

.contact-form input[type="submit"]:hover {
    background-color: #202020;
    border-color: #202020;
    color: #0075ba;
}

.contact-form textarea {
    width: 100%;
    border: 1px solid #999999;
    line-height: 23px;
    padding: 10px 20px;
    border-radius: 10px;
    height: 120px;
    resize: none;
    background-color: transparent;
}

.header-top-border {
    border: none;
    background: #0075ba;
    color: #fff;
    height: 60px;
}
@media (max-width:992px){
    #hide_phone{
        display:none;
    }
}

.header-links a span {
    color: #fff;
}

.header-shop-links a {
    color: #fff;
}

.header-account-links a span {
    color: #fff;
}

.product-section.section.mb-60 {
    margin-bottom: 20px;
}

.banner-section.section.mb-90 {
    margin-bottom: 40px;
}

.footer-top-section.section.pt-90.pb-50 {
    padding-top: 50px;
    padding-bottom: 20px;
}

.feature-section.section.mb-60 {
    margin-bottom: 30px;
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: none;
    /*border: none;*/
}

.image {
    text-align: center;
}

.image img {
    max-height: 150px;
    margin: 0 auto;
}

/* Slider */
@media (min-width: 260px) and (max-width: 767px) {
    .header-advance-search.mobile-d {
        float: none;
    }
}

#cart {
    overflow-x: hidden;
    overflow: hidden;
    overflow: auto;
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #023876;
    border-color: #ddd;
    border-bottom: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 4px 4px 0px 0px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-default {
    border-color: #ddd;
}

.panel-body {
    padding: 15px;
}

select#icountry {
    font-size: 12px;
    /*margin-bottom: 10px;*/
    /*border: 1px solid #716e6e;*/

    padding: 6px;
    height: auto;
}

label.btn.btn-success {
    /*padding: 5px 10px;margin-top: 5px;*/

    font-size: 13px;
    background: #2a2a2a;
    color: #fff;
    border: none;
    cursor: pointer;
    width: 100%;
}

button.btn.btn-primary.kbtn {
    padding: 5px 10px;
    font-size: 13px;
    background: #2a2a2a;
    color: #fff;
    border: none;
}

input#zip_shipp {
    font-size: 13px;
    margin-right: 5px;
    border: 1px solid #716e6e;
    padding: 6px;
    height: auto;
    width: 120px;
}

.mini-cart-top .pull-right {
    font-size: 12px;
}

p.added-message br {
    display: none;
}

p.added-message span {
    display: inline-block;
    padding: 4px 0px;
    margin-bottom: 10px;
    font-size: 12px;
}

.webix_icon,
.webix_input_icon {
    display: none !important;
}

/*.header-bottom.header-bottom-two.header-sticky.is-sticky .header-logo img {
    width: 101px;
}*/


.header-bottom.header-bottom-two.header-sticky.is-sticky .main-menu nav > ul > li > a {
    line-height: 67px;
}

.row.pb-1.txt-style {
    font-size: 13px;
}

#loginbox-k .modal-header {
    background: #0075ba;
}

#loginbox-k .modal-title {
    font-size: 18px;
    color: #fff;
}

#loginbox-k .modal-body {
    padding: 40px 35px 30px;
}

#loginbox-k ul.tabs {
    text-align: center;
    margin-bottom: 20px;
}

#loginbox-k ul.tabs li {
    display: inline-block;
    width: 49%;
}

#loginbox-k ul.tabs li a {
    width: 102%;
    display: inline-block;
    padding: 15px 40px;
    text-align: center;
    background: #EEE7F7;
    color: #434343;
    font-size: 14px;
}

#loginbox-k ul.tabs li:first-child a {
    border-top-left-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
}

#loginbox-k ul.tabs li:last-child a {
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
}

#loginbox-k ul.tabs li a.current {
    background: #0075ba;
    color: #fff;
}

#loginbox-k form#loginForm table tr td input {
    width: 100% !important;
}

#loginbox-k .modal-header .close {
    opacity: 1;
    text-shadow: none;
    color: #fff;
}

#loginbox-k label.error {
    color: red;
    font-size: 13px;
    position: absolute;
    top: 35px;
    /*top:-17px;*/
    left: 28px;
}

#loginbox-k form#loginForm table {
    margin: 0;
}

#loginbox-k form#forgotForm {
    height: auto !important;
}

#loginbox-k form#forgotForm table {
    margin-bottom: 0;
}

.desc p {
    text-align: left;
}

.single-product-description-content.col-lg-8.col-12 p {
    text-align: left;
}

ul.mega-menu.three-column li button {
    background: none;
    font-size: 12px;
}

ul.mega-menu.three-column li {
    float: left;
    width: 25%;
    padding: 2px 10px;
    font-size: 12px;
}

/* .product-slider.product-slider-6.slick-initialized.slick-slider{ */

/* padding: 0px 49px; */

/* } */

/* .product-slider.product-slider-6.slick-initialized.slick-slider .slick-arrow.slick-prev { */

/* left: 0; */

/* }
.product-slider.product-slider-6.slick-initialized.slick-slider .slick-arrow {
    opacity: 1;
    margin-right: 0;
    visibility: visible;
    background: #007bff;
    color: #fff;
} */

#feature {
    background: #0075ba;
}

.brands-section.section {
    background: #f1f3f6;
}

.brand-slider.slider.slick-initialized.slick-slider {
    background: #fff;
    padding: 25px 0px 20px 0;
}

.brand-slider.slider.slick-initialized.slick-slider img {
    display: block;
    margin: 0 auto;
}

.brand-slider.slider.slick-initialized.slick-slider h3 {
    margin-top: 15px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0;
}

.brands-section.section button.slick-prev.slick-arrow {
    position: absolute;
    z-index: 99;
    left: 8px;
    top: 35%;
    width: 40px;
    height: 40px;
    background: #0075ba;
    border-radius: 50px;
    border: none;
    font-size: 24px;
    color: #fff;
}

.brands-section.section button.slick-next.slick-arrow {
    position: absolute;
    z-index: 99;
    right: 8px;
    top: 35%;
    width: 40px;
    height: 40px;
    background: #0075ba;
    border-radius: 50px;
    border: none;
    font-size: 24px;
    color: #fff;
}

li.breadcrumb-item a {
    color: #023876 !important;
    font-weight: bold;
}

.delivery {
    border: 1px solid #b9b9b9;
    padding: 4px;
    width: 140px;
    border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #b9b9b9;
    padding: 4px;
    width: 164px;
    border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/location-change.png), url(../images/location.png);
    background-position: 97% center, 5px center;
    background-repeat: no-repeat, no-repeat;
    padding-left: 26px;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: none;
}

.mini-cart-wrap .form-control {
    border: 1px solid #716e6e;
    font-size: 13px;
}

div#deldet p a {
    color: #023876;
    font-weight: bold;
}

button.btn.btn-success {
    color: #fff;
    border: none;
    padding: 6px 20px;
    font-size: 14px;
}
button.btn.btn-danger{
    color: #fff;
    border: none;
    padding: 6px 20px;
    font-size: 14px;
}
.mini-cart-wrap .table td,
.table th {
    padding: 9px;
    vertical-align: top;
    border-top: none;
    position: relative;
}

label.error {
    color: red;
    font-size: 13px;
    position: absolute;
    top: 11px;
    left: 28px;
}

table#badr tr td {
    width: 50%;
}

table#pdet tr td {
    width: 50%;
}

table#pdet tr td.inner-tbl {
    width: 100%;
    padding: 0;
}

table#pdet label {
    font-size: 12px;
}

div#deldet p.pt-3 {
    position: relative;
    padding-bottom: 7px;
}

a.removesh {
    color: #023876;
    padding: 4px 10px;
    border: 1px solid #868383;
    margin-left: 10px;
    border-radius: 4px;
}

span.price.text-center {
    margin: 10px 0;
}

div#select_shipping a {
    color: #007bff;
}

h4.sub-total span {
    color: #023876;
    font-size: 20px;
}

@media only screen and (max-width: 479px) {
    .footer-section .container-fluid {
        padding: 0 15px;
        width: 320px;
    }

    .hero-slider-two {
        margin-bottom: 10px;
    }

    .image img {
        width: auto;
        max-width: 100%;
    }

    #loginbox-k ul.tabs li a {
        padding: 15px 5px;
    }

    div#cart {
        width: 100% !important
    }
}

@media (min-width: 260px) and (max-width: 767px) {
    .offer-product-wrap.row.detailpge .product-tab-filter-toggle {
        display: none;
    }

    div#carousel ul li img {
        height: 150px;
        max-width: 100%;
    }

    /*.header-top-border {text-align: center;}*/
    .header-links a {
        display: inline-block;
        float: none;
    }

    .header-account-links a {
        padding-left: 0;
        float: left;
    }

    .hero-item-two .row.align-items-center.justify-content-between {
        padding: 7px 14px;
    }

    .banner.pb-2 {
        margin-bottom: 0px;
    }

    .hero-slider-two {
        margin-bottom: 25px;
    }

    .dell-left {
        display: none;
    }

    .hero-item-two img {
        display: block;
        width: 100%;
    }

    .header-logo img {
        width: 90px;
    }

    .header-bottom.header-bottom-two.header-sticky.is-sticky .header-logo img {
        width: 101px;
    }

    .product-list-item-inline {
        margin-bottom: 5px;
    }

    .pagination li {
        margin: 0;
    }

    .flexslider .slides img {
        width: 100%;
    }

    .row.pb-1.txt-style strong {
        display: block;
    }

    .sub-menu,
    .mega-menu {
        border: none;
    }

    .mobile-menu.order-12.d-block.d-lg-none.col.mean-container div.mean-bar:nth-child(2) {
        display: none;
    }

    .mobile-menu .mean-bar .mean-nav > ul li ul li a {
        text-transform: capitalize;
    }

    ul.mega-menu.three-column li {
        font-size: 12px;
        padding: 7px 15px !important;
        border-bottom: 1px solid #e4e4e4;
    }

    .ee-product .image .add-to-cart {
        opacity: 1;
        visibility: visible;
    }

    .rc-anchor-light.rc-anchor-normal {
        width: 200px;
    }
}

/*@media (max-width:667px){*/

/*  .header-account-links.outherdiv02.pull-right {*/

/*    float: none !important;*/

/*    text-align: center;*/

/*    position: fixed;*/

/*    top: 14px;*/

/*    left: 143px;*/

/*    font-size: xx-small;*/

/*  }*/

/*  .is-sticky .header-account-links.outherdiv02.pull-right {*/

/*    float: none !important;*/

/*    text-align: center;*/

/*    position: fixed;*/

/*    top: 25px;*/

/*    left: 120px!important;*/

/*  }*/

/*}*/
.small-font{
    font-size: 1.6vmax;
}
.smallfont{
    font-size: 1.4vh;
}
@media (min-width: 667px)and (max-height: 375px) {
    .header-account-links.outherdiv02.pull-right {
        float: none !important;
        text-align: center;
        position: absolute;
        top: 6px;
    }

    .is-sticky .header-account-links.outherdiv02.pull-right {
        top: 17px ;
        right: 50px;
    }

    .is-sticky .hide-phone {
        display: none;
    }
}
@media (width: 667px)and (height: 375px) {
    .is-sticky .header-account-links.outherdiv02.pull-right {
        top: -17px;
        right: 7px;
    }
}
@media (min-width: 767px) and (max-height: 1024px) {
    .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 3px;
        right: 50px;
    }

    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 0px;
        right: 22px;
    }
}
@media (width: 768px) and (height: 1024px){
        .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: -12px;
        right: -76px !important;
    }
}
@media (max-width: 1380px){
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 24px;
    }
/*    #sticky .header-advance-search {
        width: 95%;
    }*/
}
@media (min-width: 1381px){
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 2px;
        right: -30px;
    }
/*    #sticky .header-advance-search{
        width: 426px;
    }*/
}

@media (min-width: 1380px) and (max-width: 2500px){
/*    #sticky .header-advance-search{
        width: 310px;
        top: 0px;
    }*/
}
@media (width: 812px) and (height: 375px){
    .is-sticky .header-account-links.outherdiv02.pull-right{
        position: absolute;
        top: -17px;
        right: -120px;
    }
}
@media (width: 736px) and (height: 414px){
    .is-sticky .header-account-links.outherdiv02.pull-right{
        position: absolute;
        top: -17px;
        right: -30px;
    }
}
@media (width: 568px) and (height: 320px){
    .is-sticky .header-account-links.outherdiv02.pull-right{
        position: absolute;
        top: -20px;
        right: 61px;
    }
    .input-text{
        max-height: 28px !important;
        align-self: flex-end;
    }
    .input-group-btn{
        height: 28px;
    }c
    .fa-plus, .fa-minus{
        font-size: 10px;
        vertical-align: top;
    }
}
@media (width: 320px) and (height: 568px) {
    .header-account-links {
        right: 60px;
    }
    #sticky .header-account-links{
        right: 100px !important;
        top: -24px;
    }
}
@media (width: 411px) and (height: 731px){
    .is-sticky .header-account-links.outherdiv02.pull-right{
        position: absolute;
        top: -20px;
        min-width: 165px;
    }
    #sticky .header-account-links{
        top: -16px;
    }
}
@media (min-width: 433px) and (max-width: 479px) {
    .header-sticky.is-sticky {
        height: 130px;
    }

    #sticky .header-advance-search {
        top: 77px;
        left: 5px;
        width: 97%;
    }
/*    .header-advance-search .input-group {
        width: 150%;
        top: 55px;
        right: 90px;
    }*/
/*    #sticky .header-advance-search .input-group {
        width: 100%;
        top: 0px;
        right: 0px;
    }*/
}
@media (min-width: 835px) and (max-width: 845px) {
    .is-stick .header-advance-search {
        width: 415px;
        position: fixed;
        top: 13px;
        left: 174px;
    }
    #sticky .header-account-links {
        right: -160px;
        top: -37px;
    }
    #sticky .size-col1 {
        right: 200px;
    }
/*    #sticky .header-advance-search {
        width: 350px;
    }*/
}
@media (min-width: 810px) and (max-width: 834px) {
    .is-stick .header-advance-search{
        width: 390px;
        position: fixed;
        top: 13px;
        left: 174px;
    }
    #sticky .header-account-links {
        right: -160px;
        top: -37px;
    }
    #sticky .size-col1 {
        right: 200px;
    }
}
@media (min-width: 810px) and (max-width: 815px) {
    #sticky .header-account-links{
        right: -135px;
        top: -19px;
    }
}
@media (min-width: 390px) and (max-width: 630px){
    #sticky .size-col2{
        right: 50px;
    }
    #sticky .header-account-links{
        top: -16px;
    }
}
@media (min-width: 768px) and (max-width: 809px) {
    .is-stick .header-advance-search{
        width: 347px;
        position: fixed;
        top: 13px;
        left: 174px;
    }
    #sticky .header-account-links{
        right: -106px;
        top: -14px;
    }
}
.text-top{
    top:10px;
}

@media (min-width: 969px) and (max-width: 991px) {
/*    #sticky .header-advance-search {
        width: 43%;
        left: 260px;
        position: fixed;
        top: 18px;
    }*/
.menu_cart_account{ margin-right: 30px;}
    .header-account-links {
        right: 60px;
    }
    #sticky .header-account-links{
        right: -220px;
        top: -15px;
    }
}

@media (min-width: 846px) and (max-width: 990px) {
    #sticky .header-account-links{
        right: -160px;
        top: -15px;
    }
}

@media (min-width: 960px) {
    .small-font {
        font-size: 15px;
    }
}
@media (min-width: 1024px) and (max-height: 770px) {
    .header-account-links.outherdiv02.pull-right {
        /*float: none !important;*/
        /*text-align: center;*/
        position: absolute;
        top: 2px;
    }
    
/*    .is-sticky .header-advance-search .input-group input {
        width: 71%;
    }*/

    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 2px;
        right: -15px;
    }
    .pricecart{
        align-self: flex-start !important;
    }
}
@media (min-width: 992px) {
    .text-top{
        top:3px;
    }
}
@media (max-width: 375px) {
    .pdd_phone{padding-right: 40px}
    .text-top{
        top:0px;
    }
    .span-checkall {
        bottom: -6px;
    }
    #sticky .header-account-links{
        top: -16px;
    }
    
    .input-text{
        align-self: flex-end;
        max-height: 26px;
    }
}
/*@media (min-width: 439px) and (max-width: 767px) {
    #sticky .header-account-links{
        top: -14px;
        right: 18px;
    }
    #sticky .header-advance-search{
        width: 95%;
    }
}*/
@media (min-width: 767px) and (max-width: 768px) {
    .sub-menu,
    .mega-menu {
        border: none;
    }

    .mobile-menu.order-12.d-block.d-lg-none.col.mean-container div.mean-bar:nth-child(2) {
        display: none;
    }

    .mobile-menu .mean-bar .mean-nav > ul li ul li a {
        text-transform: capitalize;
    }

    ul.mega-menu.three-column li {
        font-size: 12px;
        border-bottom: 1px solid #e4e4e4;
    }

    /*.header-advance-search {*/
    /*    display: none;*/
    /*}*/
    .is-sticky .header-advance-search {
        width: 40%;
        top: 20px;
        left: 150px;
    }

    .hero-item-two .row.align-items-center.justify-content-between {
        padding: 7px 73px;
    }

    .dell-left {
        display: none;
    }

    .feature-two .feature-wrap h4 {
        font-size: 13px;
    }

    .banner.pb-2 {
        margin-bottom: 0;
    }

    .footer-widget ul.link-widget.linkm li {
        float: left;
        width: 50%;
    }

    .product-list-item-inline {
        padding: 6px 6px;
    }

    .hero-item-two img {
        display: block;
        width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .main-menu nav > ul > li {
        margin-right: 12px;
    }

    .footer-copyright p {
        font-size: 12px;
    }

    .hero-item-two img {
        display: block;
        width: 100%;
    }
}

@media (min-width: 992px) and ( max-width: 1023px){
    #sticky .header-account-links{
        top: 2px;
        right: -30px;
    }
    #sticky .header-advance-search{
        width: 240px;
    }
    .menu_cart_login > .cart_menu{
        min-width: 37px;
    }
/*    #sticky .menu_cart_login{
        margin-right: -40px;
        margin-top: -30px;
    }*/
}
@media (min-width: 1023px) and (max-width: 1380px){
/*    #sticky .header-advance-search{
        width: 250px;
    }*/
/*    #sticky .menu_cart_login{
        margin-right: -30px;
        margin-top: -30px;
    }*/
/*    #sticky .menu_cart_account{
        margin-right: -20px;
        margin-top: -20px;
    }*/
    #sticky .header-account-links{
        top: 2px;
        right: -15px;
    }
    .pricecart{
        align-self: flex-start !important;
    }
}
@media (width: 768px) and (height: 1024px){
    #sticky .size-col1{
        width: 115px;
        right: 150px;
    }
    #sticky .header-account-links{
        top: -34px;
        right: -114px;
    }
    #sticky .header-advance-search{
        width: 47%;
    }
}
div#padd1 {
    padding-top: 201px;
}

.o-stock {
    color: #e86363;
    margin-top: 10px;
    display: block;
    position: absolute;
    top: 74%;
    text-align: center;
    right: 0;
    left: 0;
    background: #f1f3f6;
    padding: 10px;
}

ul.mega-menu.three-column {
    height: 400px;
    overflow: scroll;
    overflow-x: hidden;
}

.menu-item-has-children.active > ul.mega-menu {
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

.webix_view.webix_menu {
    width: auto !important;
    left: 0;
}

.webix_list_item {
    font-size: 12px !important;
}

.left-al {
    display: inline-block;
    padding-left: 22px;
}

button.slick-next.slick-arrow.slick-disabled {
    display: none !important;
}

button.slick-prev.slick-arrow.slick-disabled {
    display: none !important;
}

.btn-cart-add:hover {
    color: #fff !important;
}

.ee-product .content .price-ratting .btn-cart-add i:hover {
    background-color: #fff;
    color: #0075ba; 
}

.banner {
    margin-top: 10px;
}
.best-sellers {
    font-weight: 700;       
    color: #fff;
    background-color: #0075ba;
}
#product-start:hover {
    opacity: .5;
    background-color: #000;
}
.phone-address {
    color: #333333;
}
.phone-address:hover {
    color: #007bff;
    font-weight: 600;
}
.single-product-content a.cat.title {
    color: #0075ba !important;
    font-size: 24px !important;
}
#show-reviews {
    font-size: 13px;
}
.form-control:focus {
    box-shadow: none;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none !important;
}
.product-list-item-inline:hover {
    color: #ffffff;
    border-radius: 0;
    background: #0075ba;
}
.btn-danger:hover {
    color: #fff !important;
}
.modal-content {
    border-radius: 0px !important;
    border:0px !important;
}
.modal-header{
    border-radius:0px !important;
}
.toggle-product{
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
}
.dropdown-item{
    color: #007bff !important;
    font-size: 14px;
}
.dropdown-item:hover {
   /* background-color: #;*/
}
.link-click:hover {
    font-weight: 600;
}
/*@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
    }
}*/
.margin9 {
    margin: 9px;
}
.square-shipping{
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-left: 13px;
    margin-right: -13px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.webix_list_item {
    font-family: -appsssssle-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.sort {
    color: #fff;
}
.webix_window {
    box-shadow: none;
}
.header-main {
    background: #eeeeee6b;
    width: 100%;
    padding: 6px 19px;
    line-height: 50px;
    font-size: 14px;
    color: #a7a7a7;
}
.checkbox-total{
    width: 20px;
    height: 20px;
}
.paddingbottom20{
    padding-bottom: 20px;
}
.paddingbottom10{
    padding-bottom: 10px;
}
.paddingtop10{
    padding-top: 10px;
}
.paddingtop20{
    padding-top: 20px;
}
.paycartStatus_container {
    overflow: hidden;
}
.paycartCenterBox {
    margin: 0 auto;
}
.paycartStatus_item-active {
    background: #339dff;
}
.paycartStatus_item-active p {
    color: #339dff;
}
.paycartStatus {
    margin: 74px auto 74px;
    background: #e0e0e0;
    font-size: 0;
}
.textcarttotal {
    font-size: 17px;
    font-weight: 700;
}
.totalpricecart {
    font-weight: 700;
    font-size: 17px;
    color: #28a745;
}
.paycartStatus_item-active {
    background: #339dff;
}

.paycartStatus_item {
    position: relative;
    display: inline-block;
    width: 25%;
    height: 4px;
    border-radius: 2px;
}
.paycartMain_header {
    border: 1px solid #e0e0e0;
    background: #f2f2f2;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 19px;
    line-height: 55px;
    font-size: 14px;
    color: #999;
}
.paycartStatus_item a{
    color: #999;
    text-decoration: none;
}
.paycartStatus_item a:hover{
    color: #339dff;
    font-weight: 700;

}
.paycartStatus_item p {
    position: absolute;
    top: -49px;
    right: -50%;
    width: 100%;
    height: 56px;
    /*line-height: 40px;*/
    text-align: center;
    color: #999;
    font-size: 15px;
    z-index: 9;
}
.paycartStatus_item p:after {
    content: "";
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e0e0e0;
    margin: 0px auto;
}
.paycartStatus_item p:after:hover {
    background: #339dff;
}
.paycartStatus_item-active p:after {
    background: #339dff;
}
.paycartStatus_item-active p{
    color:#339dff;
}
.width-container{
    padding-top:173px;
}
@media (max-width: 731px) {
    .width-container{
        padding-top:129px;
        margin-left: 33px!important;
    }
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
    .square-shipping{
        -webkit-box-shadow: none;
        margin-left: -0px;
    }
}
@media only screen and (max-width: 575px) {
    .square-shipping {
        -webkit-box-shadow: none;
        margin-left: -0px;
    }
    .row-10-flex{
        flex-wrap: inherit !important;
        line-height: initial;
    }
    .text-top { 
        top: -2px;
    }
    .hero-section{
        max-width: 570px;
    }
    .small-font {
        font-size: 10px;
    }
    .paycartFooter_header{
        max-width: 540px;
    }
    .header-main{
        padding: 15px;
    }
    .span-checkall{
        bottom: -9px;
    }
    .mobile-m5{
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
    .totalpricecart {
        font-size: 13px;
    }
    .textcarttotal{
        font-size: 13px;
    }
    .input-text{
        max-height: 26px;
        align-self: flex-end;
    }

}
@media (max-width: 438px){
    .header-account-links{
        padding-top: 5px;
    }

}
@media (min-width:320px) and (max-width:333px){
    .is-sticky .header-account-links{
        font-size: 9px !important;
        max-width: 158px;
        margin-top: 1px;
        margin-right: 2px;
    }
    .header-account-links.outherdiv02 a:last-child{
        padding-left: 0px;
    }
    .header-cart{
        min-width: 35px;
    }
    .input-text{
        max-height: 26px;
        align-self: flex-end;
    }
}
@media (max-width: 410px){
    .row-10-flex{
        flex-wrap: inherit !important;
        line-height: initial;
    }
    .paycartStatus {
        margin: 81px auto 26px;
    }
    .small-font {
        font-size: 10px;
    }
    .paycartFooter_header{
        max-width: 540px;
    }
}
@media (max-width: 412px){
    .paycartStatus {
        margin: 86px auto 60px;
    }
    .small-font {
        font-size: 10px;
    }
    .paycartFooter_header{
        max-width: 540px;
    }
}
@media only screen and (max-width: 360px) {
    .paycartStatus_item {
        width: 26%;
        height: 2px;
    }
    .span-checkall{
        bottom: -11px;
    }
    .row-10-flex{
        padding: 10px;
    }
    .small-font {
        font-size: 10px;
    }
    .paycartFooter_header{
        max-width: 540px;
    }
}
#shipping_buttons, #billing_buttons{
    color:#fff;
}
#error_field{
    color:#da201c;
    margin-bottom:30px;
    font-size:14px;
}

.flexslider .slides img{
    max-height: 300px!important;
}
.textrepair.login-text {
    top: -6px;
    margin-left: 10px;
}
.textrepair.text-login {
    top: -17px;
    margin-left: 10px;
}
.textrepair {
    background-color: white;
    position: absolute;
    padding: 0px 10px 0 10px;
}
.title-pcrepair {
    font-weight: bold;
    font-size: 20px;
}
.padding-payment {
     padding-top: 10px;
     padding-bottom: 10px;
 }
/* Shared */
.loginBtn {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}
.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}
.loginBtn:focus {
    outline: none;
}
.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
    text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
    border-right: #364e92 1px solid;
    background: url('../images/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
    background-color: #5B7BD5;
    background-image: linear-gradient(#5B7BD5, #4864B1);
}

/* Google */
.loginBtn--google {
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
    background: #DD4B39;
    margin-top:10px; width:100%;
}
.loginBtn--google:before {
    border-right: #BB3F30 1px solid;
    background: url('../images/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
    background: #E74B37;
}
@media (min-width: 768px) and (max-width:991px) {
    .loginBtn{
        font-size: xx-small;
    }
}
#my-signin2{
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
    background: #DD4B39;
    margin-top:10px; width:100%;
}
#my-signin2:before {
    border-right: #BB3F30 1px solid;
    background: url('../images/icon_google.png') 6px 6px no-repeat;
}
#my-signin2:hover,
#my-signin2:focus {
    background: #E74B37;
}
.footer .Site-liks li{
    text-align: left;
}
.footer .address-footer ul li{
    text-align: left;
}
@media (max-width: 992px){
    .captcha{
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
.checkbox-items{
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    border: 0px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    margin: 10px;
    line-height: 40px;
}
.certified-text{
    font-weight: bold;
    font-size: 20px;
    color:#333;
}
.icon-who{
    font-size: 60px!important;
    color: #339dff;
    padding-bottom: 15px;
}
.btn:focus{
    box-shadow:none!important;
}
@media (max-width:  991px){
    #test-nav{
        display: block !important;
    }
}
.font-icons-credit{
    font-size: 27px;
}
label.same {
    font-weight: normal;
    padding-left: 5px !important;
}
.smltr {
    font-size: 11px;
}
.oneline {
    white-space: nowrap;
}
p.security.info {
    font-size: 10px;
    font-style: italic;
    text-align: justify;
    font-weight: bold;
}
.p-l-0{
    padding-left: 0px;
}
.f-s-12{
    font-size: 12px !important;
}
span.dpf-input-icon{
    top: 3px !important;
}
input#card_number{
    padding: 5px 4px 5px 60px !important;
}
img {
    max-width: 100%;
    max-height: 100%;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.font-icons-pay{
	font-size: 25px;
}
.font-icons-pay:hover{
	color: #339dff;
}
.font-icons-credit{
	font-size: 25px;
}
.font-icons-credit:hover{
	color: #5cb85c;
}
@media only screen and (max-width: 959px) {
	.small-font{
		font-size: 10px;
	}
    .textrepair.category-text{
        font-size: 1.8vmax;
    }
	.font-icons{
		font-size: 10px;
	}

}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.small-font{
		font-size: 13px;
	}
	.cart-content{
		max-height:678px;
	}
	.proceed{
		font-size:12px;
		font-weight: 600;
		padding:20px;
	}
	.linetop{
		line-height: initial !important;
	}
    .check-padding{
       padding: 0px;
    }
	.textrepair.intern{
		right: 10px;
	}
    .textrepair.category-text{
        font-size: 1.8vmax;
		top: -15px;
    }
	.paycartStatus_item_creation.paycartStatus_item-active p:after{
		top:-58px;
	}
	.new_cart {
		width: auto;
	}
	.font-icons{
		font-size: 12px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.small-font{
		font-size: 10px;
	}
	.cart-content{
		max-height:800px;
	}
    .check-padding{
        padding: 0px;
    }
    .textrepair.category-text{
        font-size: 1.8vmax;
    }
	
	.paycartStatus{
		margin: 121px auto 64px;
	}
	.paycartStatus_item_creation p{
		top: -85px;
	}
	.new_cart {
		width: auto;
	}
	.font-icons{
		font-size: 13px;
	}
	.paycartStatus_item_creation.paycartStatus_item-active p:after{
		top:-58px;
	}
	.textrepair.intern{
		right: 10px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.small-font{
		font-size: 12px;
	}
    .smallfont{
        font-size: 12px;
    }
	.cart-window{
		max-height:900px;
	}
    .check-padding{
         padding: 0px;
     }
    .textrepair.category-text{
        font-size: 1.8vmax;
    }
	.new_cart {
		width: auto;
	}
	.font-icons{
		font-size: 12px;
	}
	        
	.textrepair.intern{
		right: 10px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.small-font{
		font-size: 10px;
		margin-left: 1px;
	}
    .smallfont{
        font-size: 12px;
    }
	.cart-window{
		max-height:250px;
	}
	.new_cart{
		margin-top: -10px;
		margin-right: 20px;
	}
	.proceed{
		font-size:11px;
		font-weight: 600;
		padding:12px;
	}
	.continueshop{
		font-size:11px;
	}
	.font-informs{
		font-size:12px;
	}
	.pricecart{
		font-size:13px;
	}
	.thumb{
		height: 60px;
	}
    .check-padding{
        padding: 0px;
    }
    .textrepair.category-text{
        font-size: 1.8vmax;
		top: -12px;
    }
	.new_cart {
		width: auto;
	}
	.font-icons{
		font-size: 10px;
	}
	.phoneicon{
		margin-top: -11px;
	}
	.textrepair.intern{
		right: 10px;
	}
        
}
@media screen and (max-max: 440px){
	td.headfootbox {
		line-height: 1;
		padding-top: 10px;
	}
	.pricecart{
		font-size:10px;
	}
    .check-padding{
        padding: 0px;
    }
    .textrepair.category-text{
        font-size: 1.8vmax;
    }
	.new_cart {
		width: auto;
	}
	.font-icons{
		font-size: 10px;
	}
	.phoneicon{
		margin-top: -11px;
	}
	.textrepair.intern{
		right: 10px;
	}
}
@media only screen and (max-width: 1098px){
	.textrepair.intern{
		left: 5px;
	}
}

@media (min-width: 992px){
	#cart-top {
		padding-top: 261px;
	}
}
.loginpage{
	left: 25%;
	margin-top: 15px;

}
@media (max-width: 992px){
	.loginpage{
		left: 0%;
	}
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
#ppan, #pppp{
    margin-top: 13px; 
}
a {
    color: #337ab7;
    text-decoration: none;
}
a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
}

a:active, a:hover {
    outline: 0;
}
.blue{
    color:#0075ba !important;
}
.m-0{
    margin: 0px;
}
.mt-10{
    margin-top: 10px;
}
@media (min-width: 1200px) {
/*    #sticky .menu_cart_account {
        margin-top: -25px;
    }*/
/*    #sticky .menu_cart_login{
        margin-top: -30px;
    }*/
}
@media (max-width: 1200px) {
    .paycartStatus_item > .circle-blue{
        cursor: pointer;
        top: -41px;
        font-size: 14px;
        line-height: 16px;
    }
}
@media (max-width: 1020px){
/*    #sticky .menu_cart_login {
        display: flex;
        margin-top: -53px;
        font-size: 14px;
        font-weight: 600;
        margin-right: -28px;
    }*/
    .paycartStatus_item > .circle-blue{
        cursor: pointer;
        top: -57px;
        font-size: 14px;
        line-height: 16px;
    }
}
@media (max-width: 991px) {
    .paycartStatus_iteme > .circle-blue{
        cursor: pointer;
        top: -57px;
        font-size: 14px;
        line-height: 16px;
    }
/*    .header-sticky.is-sticky{
        height: 125px;
    }*/
/*    .is-sticky .menu_cart_login{margin-top: -90px;}*/
/*    .menu_cart_account{
        margin-right: -80px;
    }*/
    .categories_menu{
        display: none !important;
    }
/*    #sticky .menu_cart_account{margin-top: -50px; margin-right: -75px;}*/
    
}
@media (max-width: 990px){
/*    #sticky .menu_cart_login {
        display: flex;
        margin-top: -10px;
        font-size: 14px;
        font-weight: 600;
        margin-right: -140px;
    }*/
    #sticky .menu_cart_login > .cart_menu{
        min-width: 35px;
    }
/*    .menu_cart_account{
        margin-right: -50px;
    }*/
/*    .is-sticky .menu_cart_account{margin-right: -70px; margin-top: -55px;}*/
    
}
/*@media(max-width: 855px){
    .is-sticky .menu_cart_login{
        display: flex;
        margin-top: -10px;
        font-size: 14px;
        font-weight: 600;
        margin-right: -7px;
    }
}
@media(max-width: 846px){
    .is-sticky .menu_cart_login{
        display: flex;
        margin-top: -33px;
        font-size: 14px;
        font-weight: 600;
        margin-right: -7px;
    }
}
@media (max-width: 815px){
    .is-sticky .menu_cart_login{
        margin-top: -52px;
        margin-right: 57px;
    }
}
@media (max-width:809px){*/
/*    #sticky .header-advance-search {
        width: 47%;
    }
    .is-sticky .menu_cart_login{
        margin-top: -41px;
    }
}*/
@media (width: 768px) and (height:1024px){
/*    .is-sticky .menu_cart_login{
        margin-top: -30px;
        margin-right: 57px;
    }*/
    #sticky .header-advance-search {
        width: 100%;
    }
    .menu_cart_login{
        margin-right: 40px;
    }
    #normal .menu_cart_account{
        margin-right: 19px;
    }
/*    #sticky .menu_cart_account{
        margin-top: -95px;
        margin-right: 60px;
    }*/
}
/*@media (max-width:767px){
    #sticky .header-advance-search {
        width: 95%;
    }
}*/
@media (max-width: 524px) {
    .paycartStatus_item > .circle-blue{
        cursor: pointer;
        top: -57px;
        font-size: 13px;
        line-height: 16px;
    }
}
@media (max-width: 491px) {
    .paycartStatus_item > .circle-blue{
        cursor: pointer;
        top: -51px;
        font-size: 12px;
        line-height: 16px;
    }
}
@media (max-width: 557px) {
    .paycartStatus_item > .circle-blue{
        cursor: pointer;
        top: -57px;
        font-size: 14px;
        line-height: 16px;
    }
}
@media (max-width: 524px) {
    .paycartStatus_item > .circle-blue{
        cursor: pointer;
        top: -57px;
        font-size: 13px;
        line-height: 16px;
    }
}
@media (max-width: 490px) {
    .paycartStatus_item > .circle-blue{
        cursor: pointer;
        top: -57px;
        font-size: 12px;
        line-height: 16px;
    }
}
@media (max-width: 456px) {
    .paycartStatus_item > .circle-blue{
        cursor: pointer;
        top: -66px;
        font-size: 14px;
        line-height: 14px;
    }
}
@media (max-width: 394px) {
    .paycartStatus_item > .circle-blue{
        font-size: 13px;
    }
    #normal .menu_cart_account .cart_menu{
        margin-right: 0px;
        font-size: 9px;
    }
}
@media (max-width: 369px) {
    .paycartStatus_item > .circle-blue{
        top: -58px;
        font-size: 12px;
        line-height: 12px;
    }
     #normal .menu_cart_account{
        margin-top: 20px;
        margin-right: 15px;
        font-size: 10px;
    }
/*    #sticky .menu_cart_account {
        margin-top: -37px;
        margin-right: 60px;
    }*/
}
@media (max-width: 334px) {
    .paycartStatus_item > .circle-blue{
        font-size: 11px;
    }
     #normal .menu_cart_account{
        margin-top: 20px;
        margin-right: 25px;
        font-size: 10px;
    }
/*    #sticky .menu_cart_account {
        margin-top: -37px;
        margin-right: 60px;
    }*/
}
@media (max-width: 318px) {
    .paycartStatus_item > .circle-blue{
        top: -72px;
        font-size: 13px;
        line-height: 12px;
    }
     #normal .menu_cart_account{
        margin-top: 20px;
        margin-right: 15px;
        font-size: 10px;
    }
/*    #sticky .menu_cart_account {
        margin-top: -37px;
        margin-right: 60px;
    }*/
}
.input-group-addon{
    color: #ffffff;
    background-color: #0075ba;
    border: 1px solid #0075ba;
}
.btn, .form-control, .input-group-addon, .nav-tabs .nav-link, .nav-tabs .nav-link:focus, .ee-product .image .add-to-cart i,
.nav-tabs .nav-link:hover, .panel-default > .panel-heading, .panel, .recaptcha-checkbox-border,
#loginbox-k ul.tabs li:first-child a, #loginbox-k ul.tabs li:last-child a{
    border-radius: 0px !important;
}
.btn-primary {
    color: #fff;
    background-color: #2196F3;
    border-color: #0075ba;
}
.menu_cart_account a{
    color: #fff;
}
#sticky .menu_cart_account a{
    color: #337ab7;
}
/* Pagination (multiple pages)
// --------------------------------------------------*/

.pagination-top{
    position:absolute;
    right:5px; 
}
.pagination > li > a, .pagination > li > span {
    background-color: #FFFFFF;
    /*border: 1px solid #10a9f4;*/
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.pagination > li > a:hover {
    background-color: #10a9f4;
    color:white;

}
.pagination > li > a{
    font-weight: 600;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination-top{
    position:absolute;
    right:5px; 
}
.pagination > li > a, .pagination > li > span {
    background-color: #FFFFFF;
    /*border: 1px solid #10a9f4;*/
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.pagination > li > a:hover {
    background-color: #10a9f4;
    color:white;

}
.pagination > li > a{
    font-weight: 600;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination>li {
    display: inline;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

/*// Sizing*/
/*/ --------------------------------------------------

// Large*/
.pagination-lg {
  .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
}

/*/ Small*/
.pagination-sm {
  .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
}

.pagination-top{
    position:absolute;
    right:5px; 
}

/* PAGINATIN */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #f4f4f4;
  border-color: #DDDDDD;
  color: inherit;
  cursor: default;
  z-index: 2;
}
.pagination > li > a,
.pagination > li > span {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  color: inherit;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
  border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.pagination > li > a:hover {
    background-color: #10a9f4;
    color:white;

}
.pagination > li > a{font-weight: 600;}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #10a9f4;
    /*border-color: #10a9f4;*/
    color: #fff!important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.padding9 { padding: 6px 9px;}
.logout{
    cursor:pointer;
    font-size: 15px;
    padding-right: 5px;
    color:#007bff;
}
.logout:hover{color: #337ab7;}
.logout > i{color:#0075ba;}
.show_phone{display:none;}

.mobile-menu .mean-bar{margin-top: 15px;}
.is-sticky .menu-container{ background-color: #fff; top:55px; width:100%;}
#sticky .resume_quote:hover, #sticky .account_menu:hover, #sticky .cart_menu:hover{font-weight:bold;}
.phone_number_2{
/*    display:none;*/
    min-width: 140px;
    color: white;
    font-weight: bold;
}
.is-sticky .phone_number_2{color: #337ab7;}
.phone_number{min-width: 110px; font-weight: bold;}
.is-sticky .phone_number_2{min-width: 110px; font-weight: bold; display:block;}
/*.phone_number:hover{min-width: 110px;}*/
@media (max-width: 991px){
    .modal-dialog {
        max-width: 800px;
    }
}
@media (max-width: 991px){
    .hide_phone{
        display:none;
    }
    .show_phone{
        display:inline-block;
    }
}
@media (max-width:767px){
    .hideen_phone{
       display:none; 
    }
}
@media (width:991px){
    .header-advance-search{
        width: 370px;
    }
}
@media(max-width:991px) and (min-width:840px){
    .menu-container{top: -96px;}
    .header-sticky{
        height: 100px;
    }   
    is-stick .menu_cart_login{margin-top: -60px; margin-right: -70px;}
}
@media (max-width:839px) and (min-width:500px ){ .header-sticky{height:100px;} }
@media (max-width: 564px) and (min-width: 363px){
    .menu_cart_login{margin-right:0px;}
/*    .header-advance-search .input-group{right:70px;}*/
}
@media (max-width: 933px) and (min-width: 920px){
    .is-sticky .menu_cart_login { margin-right: -30px; }
}
@media(max-width:919px) and (min-width:897px){
    .is-sticky .menu_cart_login{ margin-right: -30px;}
}
@media(max-width: 896px) and (min-width: 840px){ 
    .is-sticky .header-logo{top: 0px;}
    .is-sticky .header-logo a img{height: 41px;}
    .is-sticky .menu_cart_login{margin-right: 0px;}
}
@media(max-width: 839px) and (min-width: 820px){
    .menu-container{top: -96px;}
    .menu_cart_account{margin-right: 30px;}
    .header-logo a img{height: 50px;}
/*    .header-top-border{height:120px;}*/
    .align-items-center{margin-bottom: -30px;}
    .is-sticky .header-logo a img{height: 41px;}
}
@media(max-width: 819px) and (min-width: 800px){ 
    .menu-container{top: -96px;}
 /*    .header-advance-search .input-group{top: 60px; width: 150%;} 
   .menu_cart_account{margin-right: 15px;} */
/*    .header-logo{top: -80px; position: absolute;}*/
    .header-logo a img{height: 50px;}
/*    .is-sticky .header-logo{top: 0px;}*/
    .is-sticky .header-logo a img{height: 41px;}
/*    .header-top-border{height:120px;}*/
    .menu_cart_account{margin-right: 20px;}
    .align-items-center{margin-bottom: -30px;}
    .header-sticky.is-sticky{height: 90px;}
    .is-sticky .menu_cart_login{margin-right: 30px;}
/*    .is-sticky .header-advance-search .input-group{top: 40px; width: 100%;}*/
/*    .is-sticky .menu_cart_account{margin-right: 10px; margin-top: -55px;}*/
/*    .is-sticky .menu_cart_login { margin-top: -55px; margin-right: 0px; } */
}
@media(max-width: 799px) and (min-width: 768px){ 
    .menu_cart_account{margin-right: 35px;} 
    .header-bottom.header-bottom-two.header-sticky{ height: 100px;} 
    .is-sticky .menu-container{top: 45px;}
}
@media(max-width: 799px) and (min-width: 500px){
    .menu-container{top: -96px;}
    .is-sticky .menu-container{top:15px;}
    .mobile-menu .mean-bar .mean-nav {margin-top: 15px;}
    .align-items-center{margin-bottom: -30px;}
    .header-sticky.is-sticky{height: 125px;}
    .is-sticky .menu_cart_login { margin-right: 60px; } 
}
@media (max-width:799px) and (min-width: 785px){
    .is-sticky #sticky .menu_cart_account{
        margin-right: 30px;
        margin-top: 0px;
    }
}
@media (max-width:784px) and (min-width: 768px){
    .is-sticky #sticky .menu_cart_account{
        margin-right: 60px;
    }
}
@media (max-width:767px) and (min-width:666px){
    .is-sticky #sticky .menu_cart_account{
        margin-right: -148px;
        margin-top: -70px;
    }
    .menu-container{top: -21px;}
    .is-sticky #sticky .menu_cart_login{margin-right: -148px;margin-top: -70px;}
    .is-sticky .menu_cart_login {margin-top: -21px; margin-right: 20px; }
    #normal .menu_cart_account{ margin-right: 0px; }
}
@media (max-width:665px) and (min-width:500px){
    .is-sticky .menu_cart_login {margin-top: -21px;}
    .menu_cart_account{margin-right: -60px;}
    .is-sticky .menu_cart_account{
        margin-top:-70px; margin-right: -60px;
/*        margin-right: 90px;
        margin-top: -19px;*/
    }
    .is-sticky #sticky .menu_cart_account {
        margin-top: -70px;
        margin-right: -150px;
    }
/*    .is-sticky #sticky .menu_cart_login{margin-top: -21px;margin-right: 60px;}*/
    .is-sticky #sticky .menu_cart_login{margin-right: -148px;margin-top: -70px;}
}
@media (max-width:664px) and (min-width:575px){
    .menu_cart_account{margin-right: -60px;}
    #normal .menu_cart_account{margin-right: 50px;}
    .menu-container{top: -21px;}
}
@media (max-width:574px) and (min-width:500px){
    #normal .menu_cart_account{margin-top: 15px; margin-right: 90px;}
    .menu_cart_account{margin-right: 90px; margin-top: -19px;}
    .is-sticky .menu-container{ top:45px;}
     is-sticky .menu_cart_account{
/*        margin-top:-70px; margin-right: -60px;*/
        margin-right: 90px;
        margin-top: -19px;
    }
    .is-sticky #sticky .menu_cart_account {
        margin-right: 90px;
        margin-top: -19px;
    }
    .menu-container{top: -21px;}
    .is-sticky #sticky .menu_cart_login{margin-top: -21px; margin-right: 60px;}
}
@media(max-width: 499px) and (min-width: 450px){ 
    #normal .header-advance-search{
        margin-top: 2px;
        margin-left: 90px;
        width: 290px;
    }
    #normal .menu_cart_account {
        margin-right: -50px;
        margin-top: 22px;
        min-width: 175px;
    }
    .menu-container{top: -21px;}
    .header-bottom.header-bottom-two.header-sticky{height: 125px;}
/*    .header-advance-search .input-group{right: 40px;} */
    .menu_cart_account{margin-right: 30px;}
/*    .header-logo a img{height: 50px;}*/
/*    .header-top-border{height:120px;}*/
    .align-items-center{margin-bottom: -30px;}
    .is-sticky .header-advance-search .input-group{top: 6px; width: 98%; right: 0px;}
    .is-sticky .menu_cart_account{margin-right: 60px; margin-top: -19px;}
    .is-sticky .header-logo a img{height: 41px;}
    .header-sticky.is-sticky{height: 125px;}
    .is-sticky .menu_cart_login {margin-top: -21px; margin-right: 60px; }
}
@media (max-width:479px) and (min-width:450px){
    #normal .header-advance-search{
        margin-top: 60px;
        margin-left: 0px;
        position: absolute;
        width: 410px;
    }
}
@media(max-width: 449px) and (min-width: 410px){ 
    .menu_cart_account{margin-right: 20px;}
    .header-logo a img{height: 40px;}
    .align-items-center{margin-bottom: -30px;}
    .is-sticky .header-advance-search .input-group{top: 40px; width: 100%;}
    #normal .header-advance-search{margin-top: 65px; width: 210px;}
    #normal .menu_cart_account{margin-right: -60px;}
    .is-sticky .menu_cart_account{margin-right: 60px; margin-top: -19px;}
    .is-sticky .header-logo a img{height: 41px;}
    .header-sticky.is-sticky{height: 125px;}
    .is-sticky .menu_cart_login {margin-top: -21px; margin-right: 60px; }
}
@media(max-width: 449px) and (min-width: 396px){ 
    #normal .header-advance-search{
        margin-top: 57px;
        width: 370px;
        margin-left: 0px;
    }
    .menu-container{top: -21px;}
/*    .header-advance-search .input-group{right: 30px; width: 150%;} */
    .menu_cart_account{margin-right: 60px; margin-top:-19px;} 
    #normal .menu_cart_account{margin-right: -60px;}
/*    .header-logo{top: -80px; position: absolute;}*/
    .header-logo a img{height: 40px;}
/*    .header-top-border{height:120px;}*/
    .align-items-center{margin-bottom: -30px;}
    .is-sticky .header-advance-search .input-group{top: 5px; width: 100%; right:0px;}
/*    .is-sticky .menu_cart_account{margin-right: 60px; margin-top: 10px;}*/
/*    .is-sticky .header-logo{top: 0px;}*/
    .is-sticky .header-logo a img{height: 41px;}
    .header-sticky.is-sticky{height: 125px;}
    .is-sticky .menu_cart_login {margin-top: -21px; margin-right: 60px;}
    .is-sticky .menu_cart_login > .resume_quote{min-width: 85px;}
}
@media(max-width:395px) and (min-width:386px){.is-sticky .menu_cart_account{margin-right: 60px; margin-top: -19px;}}
@media(max-width: 395px) and (min-width: 350px){ 
    #normal .menu_cart_account{margin-right: -70px;}
    .mobile-menu .mean-bar .mean-nav{margin-top: 20px;}
/*    .header-advance-search .input-group{right: 0px;} */
    .is-sticky .menu_cart_account{margin-right: 70px; /*margin-top: -35px;*/} 
    .is-sticky #sticky .menu_cart_account {
        margin-right: 70px;
        margin-top: -35px;
        font-size: 10px;
    }
/*    .header-logo{top: -80px; position: absolute;}*/
    .header-logo a img{height: 40px;}
/*    .header-top-border{height:120px;}*/
#normal .header-advance-search{margin-top: 60px; width: 320px;}
.menu-container{top: -21px;}
/*    .align-items-center{margin-bottom: -30px;}*/
    .is-sticky .header-advance-search .input-group{top: 60px; width: 330px; float: right;}
/*    .is-sticky .header-logo{top: 0px;}*/
    .is-sticky .header-logo a img{height: 41px;}
    .header-sticky.is-sticky{height: 125px;}
    .is-sticky .menu_cart_login {margin-top: -33px; margin-right: 60px;font-size: 11px;}
    .is-sticky .menu_cart_login > .resume_quote{min-width: 85px;}
/*    .is-sticky .menu_cart_account{margin-right: 7px; margin-top: -95px; font-size: 11px;}*/
/*    .is-sticky .header-logo a img{height: 40px;}
    .is-sticky .menu_cart_login {margin-top: -53px; margin-right: 60px;font-size: 11px;}
    .is-sticky .menu_cart_login > .resume_quote{min-width: 85px;}*/
}
@media(max-width: 349px) and (min-width: 320px){
    .menu-container{top: -21px;}
    #normal .menu_cart_account{/*margin-top: -30px; margin-right: -180px; */margin-top: 20px; margin-right: -75px;}
    #normal .menu_cart_account .cart_menu{margin-right: -7px;}
    #normal .header-advance-search{width: 300px; margin-top: 60px;}
    .is-sticky .menu_cart_account{margin-right: 17px; margin-top: 40px; font-size: 10px;}
    .is-sticky .header-logo a img{height: 30px;}
    .header-sticky.is-sticky{height: 125px;}
/*    .header-advance-search .input-group{width: 305px;top: 70px;}*/
/*    .is-sticky .header-advance-search .input-group { width: 100%; top: 15px; right: 0px;}*/
    .is-sticky .header-cart{min-width: 25px;}
    .is-sticky .menu-container{margin-top: 20px;}
    .is-sticky .menu_cart_login {margin-top: -30px; margin-right: 50px;font-size: 11px;}
    .is-sticky .menu_cart_login > .resume_quote{min-width: 85px;}
    .dpf-input-row .dpf-input-container{ text-align: left;} .dpf-input-icon{ left: 9px;} .security_code_popover{ margin-top:0px;} .card-number{ margin-top: 15px;}
}
@media(max-width:320px){
    .is-sticky .menu_cart_account {
        margin-right: 0px;
        margin-top: 37px;
        font-size: 11px;
    }
    .is-sticky .header-advance-search{position: absolute; margin-top: 70px; width: 290px; margin-left: -80px;}
}
@media(max-width:420px){.quote{display:none;}}
/*.max_width{max-width: 145px; min-width: }*/
@media (width: 667px) and (height:375px){ .qtt-input{height: 32px;}.max_width{max-width: 180px;}}
@media (width: 568px) and (height:320px){.max_width{max-width: 180px;} #normal .header-advance-search{margin-top: 60px; margin-left: -60px; position: absolute; width: 380px;}}
@media (max-width: 990px){ .is-sticky .mobile-menu .mean-bar .mean-nav{margin-top: 16px;} .is-sticky .menu-container{top: 20px;}}
@media (max-width: 933px){ .is-sticky .mobile-menu .mean-bar .mean-nav{margin-top: 20px;} .is-sticky .menu-container{top: 20px;}}
@media (max-width: 839px){ .is-sticky .mobile-menu .mean-bar .mean-nav{margin-top: 20px;} .is-sticky .menu-container{top: 16px;}}
@media (max-width: 767px){ .is-sticky .mobile-menu .mean-bar .mean-nav{margin-top: 25px;} .is-sticky .menu-container{top: 22px;}  .nav-link{padding: 0.5rem 0.4rem;} .dpf-input-row .dpf-input-column{width: 100%;padding: 0px;} }
@media (max-width: 349px){ .is-sticky .mobile-menu .mean-bar .mean-nav{margin-top: 30px;} }
@media(max-width:349px) and (min-width:320px){
    .is-sticky #sticky .menu_cart_login{margin-top: -15px; margin-right: 70px;}
    .is-sticky #sticky .header-advance-search{
        margin-top: 75px;
        position: absolute;
        left: -70px;
        width: 300px;
    }
}
@media(min-width:480px) and (max-width:499px){
    #normal .menu_cart_account {
        margin-right: 120px;
    }
}
@media(max-width:767px){
    .header-logo {
        position: absolute;
        top: -70px;
    }
    .is-sticky .header-logo {
        position: relative;
        top: 0px;
    }
}
@media (max-width:575px) and (min-width:320px){.is-sticky .menu-container{top: 45px;}}
@media (min-width:767px) and (max-width:991px){ .phone_number_2 { color: #337ab7;}}
.text-panel-header {
    background-color: white;
    position: absolute;
    padding: 0px 10px 0 10px;
    margin-top: -10px;
    z-index: 11;
    margin-left: 20px;
    font-weight: bold;
    text-align: left;
}
/*.remove{min-width: 85px;}*/
.jp-card{ min-width:100%; }
.jp-card-container{ width: 100%; }
.jp-card .jp-card-front .jp-card-lower .jp-card-name{ font-size: 18px; }