@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
}

.flaticon-user-1:before {
    content: "\f100";
}

.flaticon-like-2:before {
    content: "\f101";
}

.flaticon-like-1:before {
    content: "\f102";
}

.flaticon-shopping-bag-1:before {
    content: "\f103";
}

.flaticon-shopping-bag:before {
    content: "\f104";
}

.flaticon-shopping-cart:before {
    content: "\f105";
}

.flaticon-shopping-cart-of-checkered-design:before {
    content: "\f106";
}

.flaticon-like:before {
    content: "\f107";
}

.flaticon-user:before {
    content: "\f108";
}

.flaticon-shopping-cart-1:before {
    content: "\f109";
}

body {
    font-size: 14px;
    color: #282c3f;
    font-family: 'Open Sans', sans-serif;
}

.best_deals .item_info .main_title,
.sec-title,
.sec-title2{
    font-family: 'Poppins', sans-serif;
}

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

/*================== Color ==================*/

.text-primary,
.main-color-text,
.shopping-cart .item-price,
.mega-dropdown-menu .dropdown-header,
.vertical-menu > .menu-item > a:focus,
.vertical-menu > .menu-item > a:hover,
.vertical-menu .dropdown-menu > .menu-item > a:focus,
.vertical-menu .dropdown-menu > .menu-item > a:hover,
.product-cat2 .sub-cat:hover,
.product-cat-box:hover,
.rating-point i,
.like-dislike div:hover,
.checkbox-success input[type="checkbox"]:checked + label,
.panel-title > a {
    color: #171d2b;
}

.container-full{
    padding-right: 75px;
    padding-left: 75px;
    margin-right: auto;
    margin-left: auto;
}

/*=============== Background Color =============*/

.btn-warning,
.icon-tips,
.badge,
.header-nav .hnav-li a.shopping-cart-btn,
.header-nav .hnav-li a.btn-warning,
.main-nav .nav .open > a,
.main-nav .nav .open > a:focus,
.main-nav .nav .open > a:hover,
.vertical-menu > li.list-group-item > span,
.promotion-title,
.box-bottom .btn-add-cart a,
.slider .slick-prev,
.slider .slick-next,
.products-slide .slick-prev,
.products-slide .slick-next,
.brand-slider .slick-prev,
.brand-slider .slick-next,
.newsletter,
.product-color label span.green,
.product-size input[type="radio"]:checked + label .size,
.cart-btn,
.progress-bar-success,
.product-images .thumb-nav.slick-slider .slick-prev,
.product-images .thumb-nav.slick-slider .slick-next,
.product-video-btn a::before,
.checkbox-success input[type="checkbox"]:checked + label::before,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.checkout,
.sec_heading .sec_title,
.payment-block .payment-item label::after {
    background-color: #2879fe;
}

.navbar-nav > li.active > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background: rgba(0,0,0,0.15);
}

.style-4 .main-nav .navbar-nav > li.active > a,
.style-4 .main-nav .navbar-nav > li > a:hover,
.style-4 .main-nav .navbar-nav > li > a:focus,
.style-5 .main-nav .navbar-nav > li.active > a,
.style-5 .main-nav .navbar-nav > li > a:hover,
.style-5 .main-nav .navbar-nav > li > a:focus{
    background: transparent;
    color: #ffde00;
}

.style-1 .btn-warning,
.style-1 .icon-tips,
.style-1 .badge,
.style-1 .header-nav .hnav-li a.shopping-cart-btn,
.style-1 .header-nav .hnav-li a.btn-warning,
.style-1 .main-nav .nav > li.active > a,
.style-1 .main-nav .nav > li > a:focus,
.style-1 .main-nav .nav > li > a:hover,
.style-1 .main-nav .nav .open > a,
.style-1 .main-nav .nav .open > a:focus,
.style-1 .main-nav .nav .open > a:hover,
.style-1 .vertical-menu > li.list-group-item > span,
.style-1 .box-bottom .btn-add-cart a,
.style-1 .slider .slick-prev,
.style-1 .slider .slick-next,
.style-1 .products-slide .slick-prev,
.style-1 .products-slide .slick-next,
.style-1 .brand-slider .slick-prev,
.style-1 .brand-slider .slick-next,
.style-1 .newsletter,
.style-1 .product-color label span.green,
.style-1 .product-size input[type="radio"]:checked + label .size,
.style-1 .cart-btn,
.style-1 .progress-bar-success,
.style-1 .product-images .thumb-nav.slick-slider .slick-prev,
.style-1 .product-images .thumb-nav.slick-slider .slick-next,
.style-1 .product-video-btn a::before,
.style-1 .checkbox-success input[type="checkbox"]:checked + label::before,
.style-1 .pagination > .active > a,
.style-1 .pagination > .active > a:focus,
.style-1 .pagination > .active > a:hover,
.style-1 .pagination > .active > span,
.style-1 .pagination > .active > span:focus,
.style-1 .pagination > .active > span:hover,
.style-1 .checkout,
.style-1 .sec_heading .sec_title,
.style-1 .main-header .middleBar .searchBtn,
.style-1 .payment-block .payment-item label::after,
.style-1 .main-nav {
    background-color: #0e7894;
}
.style-1 .middleBar .form-control,
.style-1 .input-group-addon{
    border-color: #0e7894;
}
.style-2 .slider .slick-prev,
.style-2 .slider .slick-next,
.style-2 .newsletter,
.style-2 .main-header {
    background: #5da004;
}
.style-2 .topBar,
.style-2 .main-nav {
    background-color: transparent;
}
.style-2 .middleBar {
    background-color: #63ab05;
}
.style-2 .topBar,
.style-4 .topBar,
.style-5 .topBar {
    border-bottom: 0;
}

.text-white,
.page-scroll,
.header-nav .hnav-li a.btn-warning,
.main-header.persian-blue .sidebar-toggle-btn .btn,
.main-header.persian-blue .topBar ul li,
.main-header.persian-blue .topBar a,
.main-header.persian-blue .header-nav .hnav-li a,
.main-header.persian-blue .nav-label .label-sup,
.social-connect:hover,
.icon-tips,
.welcome-btn a,
.header-nav .hnav-li a.btn-fb,
.header-nav .hnav-li a.btn-plush,
.checkbox-success input[type="checkbox"]:checked + label::after,
.style-2 .text-primary,
.style-2 .topBar ul li,
.style-2 .nav-label .label-sup,
.style-2 .topBar .social_topBar li a,
.style-2 .header-nav li a .extra-icon,
.style-2 .header-nav .hnav-li a,
.style-2 .topBar a,
.style-2 .slider_nav .owl-nav .owl-next:hover,
.style-2 .slider_nav .owl-nav .owl-prev:hover,
.style-2 .slider_nav .owl-nav .owl-next:focus,
.style-2 .slider_nav .owl-nav .owl-prev:focus,
.style-4 .topBar a,
.style-4 .topBar ul li,
.style-4 .topBar .social_topBar li a,
.style-4 .header-nav li a .extra-icon,
.style-4 .hover_content .nav li a,
.style-4 .hover_content .nav li a:hover,
.style-4 .hover_content .nav li a:focus,
.style-4 .ds-white .ds-element .ds-element-title,
.style-4 .ds-white .ds-element .ds-element-value,
.style-5 .topBar .social_topBar li a,
.style-5 .header-nav li a .extra-icon,
.style-5 .topBar a,
.style-5 .topBar ul li {
    color: #fff;
}
.style-2 .nice-select:after,
.style-2 .input-group-addon{
    border-color: #fff;
}
.style-2 .middleBar .btn{
    border-color: #171d2b;
    background-color: #171d2b;
}
.style-2 .input-group-addon{
    background-color: #fff;
}
.style-2 .icon-tips{
    background: #171d2b;
}
.style-2 .slider_nav .owl-nav .owl-next:hover,
.style-2 .slider_nav .owl-nav .owl-prev:hover,
.style-2 .slider_nav .owl-nav .owl-next:focus,
.style-2 .slider_nav .owl-nav .owl-prev:focus{
    background: #64ab05;
    border-color: #64ab05;
}
@media (min-width: 768px){
    .style-2 .middleBar .form-control {
        border: 1px solid #fff;
    }
}


.style-4 .main-header,
.style-4 .main-nav,
.style-4 .slider .slick-next,
.style-4 .slider .slick-prev,
.style-4 .sec_heading .sec_title,
.style-4 .hover_content .nav li a,
.style-4 .newsletter{
    background: #dd0648;
}
.style-4 .main-nav ,
.style-5 .main-nav {
    padding: 5px 0;
}
.style-4 .middleBar {
    background-color: #f2034c;
}
.style-4 .middleBar {
    padding: 20px 0;
}
.style-4 .rating_stars{
    margin-top: 4px;
}
.style-4 .rating-wrap{
    color: #444;
    margin: 0 auto;
}
.style-4 .middleBar .btn span,
.style-5 .middleBar .btn span {
    top: 18px;
}
.style-5 .middleBar{
    background-color: #1b1b1b;
}
.style-5 .fixed-search .middleBar{
    background-color: #fff;
}
.style-4 .middleBar .btn,
.style-4 .icon-tips,
.style-5 .middleBar .btn,
.style-5 .slider .slick-next,
.style-5 .slider .slick-prev,
.style-5 .icon-tips{
    background-color: #ffde00;
}
.style-4 a:hover,
.style-4 a:focus{
    color: #ffde00;
}
.style-4 .best_deals .item_info .cart_btn,
.style-4 .best_deals .item_info .semi_title,
.style-4 .product-box .imagebox a:hover,
.style-4 .product-box .imagebox a:focus{
    color: #f3034c;
}
.style-4 .input-group-addon {
    border-color: #fff;
    background-color: #fff;
}
.style-5 .input-group-addon {
    border-color: #cacaca;
    padding: 0 40px;
}
.style-4 .best_deals .item_info .cart_btn {
    border: 2px solid #f3034c;
}
.style-4 .promotion-title,
.style-5 .promotion-title {
    background-color: #ffde00;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
}
.style-4 .promotion-title a,
.style-4 .middleBar .btn,
.style-4 .icon-tips,
.style-5 .promotion-title a,
.style-5 .middleBar .btn,
.style-5 .slider .slick-prev::before,
.style-5 .slider .slick-next::before,
.style-5 .icon-tips{
    color: #090909;
}

.style-5 .main-header,
.style-5 .main-nav{
    background: #2c2b2b;
}
.style-5 .header-nav a.text-white:hover,
.style-5 .header-nav a.text-white:focus{
    color: #ffde00;
}

.style-4 .ds-white .ds-element {
    background: #f3034c;
    padding: 15px;
    margin: 15px 10px 20px 0;
}

.call-cont h6{
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}

.call-cont p{
    font-size: 13px;
    margin-top: 5px;
}

/*Border Color*/

.main-nav .nav .open > a,
.main-nav .nav .open > a:focus,
.main-nav .nav .open > a:hover,
.product-size input[type="radio"]:checked + label .size,
.product-size label:hover span,
.product-images .thumb-nav li.slick-current,
.product-images .thumb-nav li:hover,
.product-images .thumb-nav li:focus,
.checkbox-success input[type="checkbox"]:checked + label::before,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.panel-default > .panel-heading,
.payment-block .payment-item input[type="radio"]:checked + label::before {
    border-color: #2a66bf;
}

.img-fluid {
    max-width: 100%;
}

.box-shadow {}

@media(min-width: 1300px) {
    .container {
        width: 1140px;
    }
}

a {
    color: #09c;
}

a:focus,
a:hover {
    text-decoration: none;
}

.p-0{
    padding: 0;
}

.pr-0{
    padding-right: 0;
}

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

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

/*row*/

.content-row,
.rating_stars,
.product-cat-row,
.cart-row,
.product-header,
.rating-dimension,
.review-meta-row,
.btn-row,
.filter-row,
.mobile-filter-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* form control ====================*/

.form-control {
    border: 1px solid #dedede;
    box-shadow: none;
    height: 36px;
    border-radius: 0px;
    font-size: 13px;
}

textarea.form-control {
    height: auto;
}

.sec-pad {
    padding: 50px 0;
}

/*button ======================*/

.btn {
    border-radius: 0;
    padding: 9px 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-default {
    border-color: #dedede;
}


/*select*/

select {
    line-height: normal;
    border-radius: 0;
    -moz-appearance: none;
    max-width: 100%;
    background-color: #fff;
    height: 36px;
    border: 1px solid #dedede;
    width: 100%;
    font-size: 14px;
    color: #999;
    padding: 6px 12px;
}


/*alert*/

.alert {
    border-radius: 0;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.page-wrapper {
    background-color: #fff;
}

.page-content {}

.banner-content {
    margin-bottom: 40px;
}

@media(max-width: 767px) {
    .banner-content {
        display: none;
    }
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.bg-gray{
    background: #f5f5f5;
}

.m-0-auto{
    margin: 0 auto;
}

.m-0 {
    margin: 0;
}

.mt-0{
    margin-top: 0;
}

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

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

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

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

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

.mb-0{
    margin-bottom: 0 !important;
}

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

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

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

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

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

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

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

.ml-0{
    margin-left: 0;
}

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

.mr-0 {
    margin: 0
}

.mt-8 {
    margin: 8px 0 0;
}

.pa-0 {
    padding: 0
}

.px-0{
    padding-left: 0;
    padding-right: 0;
}

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

.px-8{
    padding-left: 8px;
    padding-right: 8px;
}

.py-50{
    padding-top: 50px;
    padding-bottom: 50px;
}

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

.mr-5 {
    margin-right: 5px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-15 {
    margin-right: 15px;
}
.mr-25 {
    margin-right: 25px;
}

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

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.font-15{
    font-size: 15px;
}

.font-35{
    font-size: 35px;
}

.w-70 {
    width: 70px;
}

.w-100 {
    width: 100px;
}

.w-150 {
    width: 150px;
}

.w-250 {
    width: 250px;
}

.w-260 {
    width: 260px;
}

.d-block {
    display: block;
}

.d-flex {
    display: flex;
}

.pos-rel{
    position: relative;
}

.justify-content-end{
    justify-content: flex-end;
}

.justify-content-center{
    justify-content: center;
}

.align-self-center {
    align-self: center;
}

.d-inline-block {
    display: inline-block;
}

.ad-img {
    -webkit-box-shadow: 0 0 10px 3px rgba(15, 25, 14, 0.05);
    box-shadow: 0 0 10px 3px rgba(15, 25, 14, 0.05);
}

.sec-border{
    position: relative;
}

.sec-border:before{
    content: '';
    position: absolute;
    bottom: 2px;
    left: 10px;
    right: 10px;
    height: 2px;
    background: #f2f3f5;
    display: block;
}

.border-part{
    padding: 12px 20px 20px;
    border: 1px solid #f0f0f0;
}

.bg-gray .sec-border:before{
    background-color: #ececec;
}
.bg-gray .slider_nav .owl-nav .owl-next,
.bg-gray .slider_nav .owl-nav .owl-prev{
    border: 1px solid #dcdcdc;
}
.top_deals .sec-border:before,
.top_deals .category-heading .sec-title:before{
    bottom: -6px;
}

.slider_nav .owl-nav{
    position: absolute;
    top: calc(0% - 60px);
    right: 0;
    display: flex;
    border: 1px solid #f2f3f5;
}

.slider_nav .owl-nav .owl-next,
.slider_nav .owl-nav .owl-prev{
    width: 25px;
    color: #bbb;
    line-height: 30px;
    text-align: center;
    transition: all linear 0.3s;
}

.product_inner .sec-border:before {
    bottom: -4px;
    left: 0;
    right: 0;
}

.product_inner .category-heading .sec-title:before {
    bottom: -4px;
}

/* Back to top ----------------*/

.page-scroll {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    background-color: #2a66bf;
    line-height: 36px;
    cursor: pointer;
    top: -50px;
    text-align: center;
    font-size: 17px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

/*Header Volor Persian Blue*/

.main-header.persian-blue .topBar {
    background-color: #121445;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.main-header.persian-blue .topBar .dropdown-menu > li > a {
    color: #696b79;
}

.main-header.persian-blue .middleBar {
    background-color: #121445;
}

.main-header.persian-blue .main-nav {
    background-color: #090b3c;
}

.main-header.persian-blue .input-group-addon {
    border-width: 0;
}

.main-header .middleBar .btn {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

@media(max-width: 767px) {
    .main-header.persian-blue .middleBar .form-control {
        border-radius: 30px;
        background-color: #fff;
    }
}

/*Main Header*/

.main-header {
    position: relative;
    z-index: 99;
    background: #fff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
}

.topBar {
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 0;
}

.topBar ul {
    margin: 0;
}

.topBar .social_topBar li {
    border-right: 0;
    padding: 0 8px;
}

.topBar a,
.topBar ul li ,
.topBar .social_topBar li a
.ds-white .ds-element .ds-element-title,
.best_deals .item_info .pro_details {
    color: #6f6f6f;
}

.topBar .list-inline {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.topBar ul li {
    line-height: 13px;
    font-size: 13px;
    border-right: 1px solid #e4e4e4;
    padding: 0 15px;
}
.topBar ul li:first-child {
    padding-left: 0;
}
.topBar ul li:last-child {
    border-right: 0;
}

.topBar a {
    text-decoration: none;
}

.topBar a:hover{
    color: #0e7894;
}

.topBar ul.topBarNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.topBar ul.topBarNav li {
    position: relative;
    margin-right: -4px;
}

.topBar ul.topBarNav li:first-child {
}

.header-nav li ul,
.topBar ul.topBarNav li ul {
    background-color: #ffffff;
    position: absolute;
    top: 32px;
    left: auto;
    min-width: 10px;
    right: 4px;
    margin-right: -4px;
    padding: 0;
    list-style-type: none;
    z-index: 9999;
    border: 0;
    border-radius: 0;
}

.topBar ul.topBarNav li ul::after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.topBar ul.topBarNav li ul li {
    display: block;
    line-height: 25px;
    width: 100%;
    border: none;
}

.topBar ul.topBarNav li a {
    display: block;
    padding: 0 10px;
}

.topBar ul.topBarNav li a .flag-icon {
    font-size: 12px;
}

.topBar .dropdown-menu > li > a {
    display: block;
    padding: 4px 15px !important;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    font-size: 13px;
    white-space: nowrap;
}

.topBar .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #00BCD4;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.02);
}

@media(max-width: 767px) {
    .main-header {
        margin-bottom: 0;
    }
}


/* middleBar ======================*/

.middleBar {
    padding: 30px 0;
    margin: 0;
    background-color: #fff;
    position: relative;
}

.header-sticky.sticky {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
}

@media (min-width: 767px) {
    .display-table {
        display: table;
        width: 100%;
    }

    .vertical-align {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}

.header-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.header-nav .hnav-li {
    display: inline-block
}

.header-nav .hnav-li a {
    color: #333e48;
    font-weight: 600;
    position: relative;
    margin-right: 10px;
    font-size: 14px;
    display: block;
}

.header-nav li a .extra-icon {
    font-size: 20px;
    margin-right: 5px;
    color: #191919;
}

.header-nav li a .nav-label {
    display: inline-block;
    text-align: left;
    line-height: 13px;
}

.nav-label span {
    display: inline-block
}

.nav-label .label-sup {
    display: block;
    color: #6E6E6E;
}

.icon-tips {
    position: absolute;
    top: -13px;
    left: 9px;
    display: inline-block;
    padding: 0;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    font-style: normal;
    border-radius: 50%;
    text-align: center;
    vertical-align: top;
}

.icon-tips b {
    position: absolute;
    display: block;
    height: 0;
    line-height: 0;
    border-width: 6px;
    border-style: solid;
    bottom: -9px;
    left: 0;
    border-color: #67bc0f transparent transparent;
    z-index: 1;
}

@media (min-width: 0px) and (max-width: 1199px) {
    .display-table {
        margin: 0 -5px
    }

    .display-table [class*="col-"] {
        padding: 0 5px
    }

    .nav-label .label-sup,
    .nav-label .label-sub,
    .nav-label .fa {
        display: none;
    }

    .header-nav li a .extra-icon {
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header-nav .hnav-li a {
        margin-right: 6px;
    }

    .icon-tips {
        left: 10px;
    }
}

@media(max-width: 767px) {
    .middleBar {
        padding: 15px 10px;
    }

    .header-nav .hnav-li a {
        margin-right: 8px;
    }

    .header-nav li a .extra-icon {
        font-size: 16px;
    }

    .icon-tips {
        top: -18px;
        left: 8px;
    }
}


/* Cart ---------------------------*/

.lighter-text {
    color: #ABB0BE;
}

.badge {
    border-radius: 10px;
    color: white;
    font-size: 12px;
    height: 20px;
    width: 20px;
    line-height: 16px;
    text-align: center;
}

.shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
}

.shopping-cart-header .shopping-cart-total {
    float: right;
    font-weight: 600;
    margin-top: 4px;
}

.header-nav li ul.shopping-cart {
    padding: 15px;
}

.shopping-cart li {
    margin-bottom: 10px;
    font-size: 12px;
}

.shopping-cart li .extra-icon{
    font-size: 22px;
}

.shopping-cart li .badge{
    position: absolute;
}

.shopping-cart li:last-child {
    margin-bottom: 0;
}

.shopping-cart img {
    float: left;
    margin-right: 10px;
    width: 60px;
}

.shopping-cart .item-name {
    display: block;
    padding-top: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 14px;
}

.shopping-cart .item-price {
    margin-right: 8px;
}

.shopping-cart .item-quantity {
    color: #ABB0BE;
}

.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}

.header-nav .hnav-li a.shopping-cart-btn {
    color: white;
    text-align: center;
    padding: 8px 20px;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    font-size: 13px;
    margin: 15px 0 0;
    font-weight: 600;
    margin-right: 10px;
}

.header-nav .hnav-li a.shopping-cart-btn:last-child {
    margin-right: 0;
}

/* User Information Form ---------------------------*/

.welcome-inner-part {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

@media(max-width: 991px) {
    .welcome-inner-part {
        display: block;
    }

    .welcome-inner-part.m-0 {
        margin: 0 -15px;
    }

    .welcome-inner-part .img_area {
        margin: 0;
    }

    .welcome-inner-part .welcome-inner {
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    .welcome-inner-part.m-0 {
        margin: 0;
    }

    .choose_us_main {
        margin: 0;
    }
}

@media (max-width: 520px) {
    .col-vxs-12 {
        width: 100%;
    }
}

.welcome-inner h2 {
    margin: 0 0 15px;
}

.welcome-inner p {
    font-size: 15px;
    font-weight: 500;
    color: #858486;
}

.welcome-btn a {
    border: 0;
    padding: 10px 25px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 12px;
    transition: all 250ms ease-out;
    background: #2a66bf;
}

.welcome-btn a:hover,
.welcome-btn a:focus {
    background: #4b8be8;
}

.choose_us_area {
    margin-bottom: 20px;
}

.choose_us_area .sec_title {
    margin: 0 0 30px;
}

.choose_us {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
    margin-bottom: 30px;
}

.choose_us:hover {
    -webkit-box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 0.35);
}

.choose_us .icon_part i {
    font-size: 30px;
}

.user-info {
    padding: 15px;
    font-size: 12px;
}

.cart::before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.cart::after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.header-nav .hnav-li a.btn-fb,
.header-nav .hnav-li a.btn-plush {
    border-radius: 25px;
    padding: 6px 10px;
    font-weight: 500;
    position: relative;
    font-size: 12px;
    text-transform: capitalize;
    margin-right: 5px;
}

.btn-fb {
    background-color: #3b5999;
    margin-right: 5px;
}

.btn-fb:hover,
.btn-fb:active,
.btn-fb:focus,
.btn-fb:active:hover {
    color: #fff;
    background-color: #5a77b4;
}

.btn-plush {
    background-color: #dc4437;
}

.btn-plush:hover,
.btn-plush:active,
.btn-plush:focus,
.btn-plush:active:hover {
    color: #fff;
    background-color: #ea6559;
}

.btn-fb i,
.btn-plush i {
    margin-right: 7px;
}

.align-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.content-right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
}

.content-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

.content-right-align-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ui.divider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    display: table;
    white-space: nowrap;
    height: auto;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    margin: 12px 0 10px;
    background-color: transparent;
}

.ui.divider::after,
.ui.divider::before {
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat;
    background-image: url(../img/line.png);
}

.ui.divider::before {
    background-position: right 1em top 50%;
}

.ui.divider::after {
    background-position: left 1em top 50%;
}

.block-content {
    margin-bottom: 10px;
}

.block-content:before,
.block-content:after,
.block-content div:before,
.block-content div:after {
    display: table;
    content: " ";
}

.block-content div:after,
.block-content:after {
    clear: both;
}

.block-content div {
    margin: 0px;
    position: relative;
    float: left;
    line-height: 1;
}

.block-content div span {
    padding-left: 20px;
    float: left;
}

.block-content div i {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 17px;
}

.header-nav .hnav-li a.forgot {
    float: right;
    line-height: 1;
    text-decoration: underline;
    font-size: 12px;
    margin: 0;
}

.user-info h2 {
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 10px;
}

.user-info p {}

.middleBar .user-info .form-control {
    height: 40px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 0;
    border: 1px solid #EEF0F5;
}



.header-nav .hnav-li .have-ac a {
    font-size: 13px;
    margin: 0 0 0 5px;
}

.header-nav .hnav-li a.btn-warning {
    padding: 8px 20px;
    border: 0;
    height: auto;
    border-radius: 2px;
    margin: 0 0 10px;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    margin-top: 0;
}


/* Search Area========================= */

.btn-primary {
    color: #fff;
    background-color: #0e7894;
    border-color: #0e7894;
}

.input-group-addon {
    padding: 4px 12px;
    border-width: 1px 0;
    border-color: #2879fe;
    background-color: transparent;
}

input:focus,
textarea:focus,
select:focus {
    outline: -webkit-focus-ring-color auto 0
}

#cat_select {
    display: none;
}

.navbar-search{
    max-width: 470px;
    margin: 0 auto;
}

.navbar-search select,
select{
    max-width: 100%;
    padding: 5px 15px 5px 5px;
    height: auto;
    color: #999;
    width: auto;
    border: 0;
    background-color: transparent;
    background-position: right -12px center;
    font-size: 13px;
}
.topBar select{
    border: 1px solid #dedede;
}
.fixed-search{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    transform: scaleY(0);
    transition: 0.3s;
}
.close-search{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 40px;
    background: #2c2b2b;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}

.style-5 .navbar-search{
    max-width: 800px;
}

.middleBar .btn {
    color: #ffffff;
    padding: 12px 25px 12px 40px;
    letter-spacing: 0.5px;
    height: 46px;
}

.middleBar .btn span {
    font-size: 16px;
    position: absolute;
    left: 14px;
    top: 15px;
}

@media(max-width: 767px) {
    .input-group-addon {
        display: block
    }
}

@media(min-width: 768px) {
    .middleBar .form-control {
        border: 1px solid #2879fe;
        background-color: #ffffff;
        border-right: 0;
        border-radius: 0;
        padding-left: 20px;
        height: 46px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }
    .style-4 .middleBar .form-control {
        border: 1px solid #ffffff;
    }
    .style-5 .middleBar .form-control {
        border: 1px solid #cacaca;
    }
    .style-4 .middleBar .form-control,
    .style-5 .middleBar .form-control,
    .style-4 .middleBar .btn,
    .style-5 .middleBar .btn{
        height: 52px;
    }
    .style-4 .navbar-search{
        max-width: 580px
    }
}


/*/////////////////////////Navbar///////////////*/

.main-nav {
    background-color: #2879fe;
}

.main-nav .navbar {
    margin: 0;
    min-height: auto;
    border: 0;
}

.main-nav .navbar-collapse {
    padding: 0;
}

.navbar-nav > li > .dropdown-menu {
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    border-radius: 0;
}

.navbar-nav > li > a {
    padding: 7px 13px;
    color: #fff;
    font-weight: 600;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 13px;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: #2a66bf;
    border-color: #2a66bf;
    color: #fff;
}

.main-nav .nav > li.active > a,
.main-nav .nav > li > a:hover {
    color: #fff;
}

.fa.pull-right {
    margin-left: 5px;
    margin-top: 0;
    line-height: 35px;
}

.mega-dropdown {
    position: static !important;
}

.mega-dropdown ul {}

.navbar-nav > li > .dropdown-menu.mega-dropdown-menu {
    padding: 8px 0px 20px;
    width: 100%;
}

.navbar-nav > li > .dropdown-menu.dropdown-menu-bg {
    background-image: url(../img/mrgamenu-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 2px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #3e4152;
    white-space: normal;
    font-size: 13px;
}

.mega-dropdown-menu > li > ul > li > a i {
    margin-right: 5px;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    color: #000;
    background-color: transparent;
    text-decoration: underline;
}

.mega-dropdown-menu .dropdown-header {
    font-size: 14px;
    font-weight: 600;
    padding: 12px 0 2px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .mega-dropdown-menu {
        margin: 0 -10px;
    }

    .mega-dropdown-menu [class*="col-"] {
        padding: 0 10px;
    }

    .mega-dropdown-menu .dropdown-header {
        font-size: 13px;
    }

    .mega-dropdown-menu > li > ul > li > a {
        padding: 2px 10px;
        font-size: 12px;
    }
}


/*/////////////////////////Search Area Mobile///////////////*/

@media(max-width: 767px) {
    .has-search {
        margin: 15px 0 0;
    }

    .has-search .form-control {
        padding-left: 12px;
        padding-right: 34px;
        border-radius: 2px;
        font-size: 13px;
        box-shadow: none;
        height: 40px;
        background-color: #F4F5F7;
        border: 1px solid #EEF0F5;
    }

    .form-control-feedback {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #999;
    }
}

@media(min-width: 768px) {
    .mobile-search {
        display: none;
    }
}


/*Navbar & Slider Section
==============================================================================*/

.content-row {
    margin-bottom: 30px;
}

.col {
    position: relative;
    width: 100%;
    min-height: 1px;
}

@media(max-width: 767px) {
    .content-row {
        padding: 0;
        border: 0;
        margin: 0px -5px 10px;
    }
}

@media(min-width: 768px) {
    .col-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .content-row {
        padding: 15px;
    }

    .col-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%
    }

    .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
}

/* ---------------------------------------------------
    Sidebar mobile menu
----------------------------------------------------- */

#sidebar {
    width: 260px;
    position: fixed;
    top: 0;
    left: -260px;
    height: 100vh;
    z-index: 999;
    background: #0e7894;
    transition: all 0.3s;
    overflow-y: scroll;
    padding: 0 20px 20px;
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 0;
    height: 0;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 13px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    display: none;
    top: 0;
}

.metismenu {
    margin-top: 40px;
}

.metismenu > li {
    padding: 5px 0;
}

.metismenu > li > a {
    font-size: 14px;
    display: block;
    padding-right: 20px;
    color: #fff;
    position: relative;
    -webkit-transition: none;
    transition: none;
}

.metismenu > li > a:hover,
.metismenu > li.active > a,
.metismenu > li > ul > li > a:hover,
.metismenu > li > ul > li.active > a,
.metismenu > li > ul > li > ul > li > a:hover,
.metismenu > li > ul > li > ul > li.active > a {
    color: #fff;
}

.metismenu > li > ul {
    padding-left: 15px;
    padding-top: 10px;
    list-style-type: none;
}

.metismenu > li > ul > li {
    padding: 6px 0;
}

.metismenu > li > ul > li > a {
    font-size: 13px;
    display: block;
    color: #fff;
    position: relative;
}

.metismenu > li > ul > li > ul {
    list-style-type: none;
    padding-left: 15px;
    padding-top: 10px;
}

.metismenu > li > ul > li > ul > li {
    padding: 6px 0;
}

.metismenu > li > ul > li > ul > li > a {
    color: #fff;
    font-size: 13px;
    display: block;
}

.metismenu .arrow {
    font-size: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.metismenu li.active .fa.arrow::before {
    content: "\f107";
}


/* Sidebar toggle btn ----------------*/

@media(max-width: 767px) {
    .btnLogo-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sidebar-toggle-btn .btn {
        padding: 0;
        color: #515783;
        margin-right: 10px;
        font-size: 25px;
        line-height: 1;
        background-color: transparent;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-logo img {
        height: 35px;
    }
}

@media(min-width: 768px) {
    .sidebar-toggle-btn {
        display: none;
    }
}


/*  VERITCAL-MENU
/*===================================================================================*/

.vertical-menu-content {
    position: relative;
}

.style-4 .vertical-menu-content,
.style-5 .vertical-menu-content{
    max-width: 250px;
}

.vertical-menu {
    clear: both;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}


.vertical-menu.make-absolute {
    width: 100%;
    position: absolute;
    z-index: 2;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px;
    transition: all linear 0.3s;

}
.hoverable{
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
}

.vertical-menu-content:hover .vertical-menu.make-absolute,
.vertical-menu-content:focus .vertical-menu.make-absolute {
    opacity: 1;
    transform: scale(1);
}

.vertical-menu > li.list-group-item {
    padding: 0;
    border: 0;
}

.vertical-menu > li.list-group-item > span,
.promotion-title {
    color: #fff;
    font-size: 14px;
    line-height: 49px;
    font-weight: bold;
    padding: 0 15px;
    display: block;
    margin: 0;
    border: 0;
    background-color: rgba(0,0,0,0.15);
    text-align: center;
}

.vertical-menu > li.list-group-item > span i {
    margin-right: 5px;
}

.vertical-menu > li.list-group-item.dropdown {
    border-radius: 9px;
    padding: 0;
    margin-bottom: 0.875em;
}

.vertical-menu > li.list-group-item.dropdown > a[data-toggle="dropdown"] {
    padding: 1.071em 1.25em;
    display: block;
    color: #333e48;
}

.vertical-menu > li.list-group-item.dropdown > a[data-toggle="dropdown"]:focus,
.vertical-menu > li.list-group-item.dropdown > a[data-toggle="dropdown"]:hover {
    color: #333e48;
    text-decoration: none;
}

.vertical-menu > li.list-group-item.dropdown.open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.vertical-menu > .menu-item:last-child > a {
    border-bottom: 0;
}

.vertical-menu > .menu-item,
.vertical-menu .dropdown-menu > .menu-item {
    position: static;
    display: block;
}

.vertical-menu > .menu-item > a,
.vertical-menu .dropdown-menu > .menu-item > a {
    display: block;
    padding: 9px 0;
    -webkit-padding-before: 8px;
    -webkit-padding-after: 8px;
    font-size: 13px;
    color: #333e48;
    font-weight: 600;
    line-height: 16px;
    border-bottom: 1px solid #edebef;
    position: relative;
}

.vertical-menu > .menu-item > a .hover-fix {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    width: 16px;
    height: 36px;
    background: #fff;
    border-top: 1px solid rgba(220, 222, 227, .7);
    border-bottom: 1px solid rgba(220, 222, 227, .7);
    z-index: 9999;
}

.vertical-menu > .menu-item > a:hover .hover-fix,
.vertical-menu > .menu-item > a:hover .dropdown-menu {
    display: block;
}

.vertical-menu > .menu-item > a:focus,
.vertical-menu > .menu-item > a:hover,
.vertical-menu .dropdown-menu > .menu-item > a:focus,
.vertical-menu .dropdown-menu > .menu-item > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.vertical-menu .menu-item-has-children a[data-toggle="dropdown"]::after {
    font-family: 'FontAwesome';
    border-top: none;
    border-left: none;
    border-right: none;
    width: auto;
    height: auto;
}

.vertical-menu > .menu-item > a > span,
.vertical-menu > .menu-item > a > i {
    font-size: 15px;
    margin-right: 5px;
    vertical-align: top;
}

.vertical-menu .menu-item-has-children > .dropdown-menu > li.menu-item:not(.menu-item-object-static_block):first-child {
    margin-top: 1.143em;
}

.vertical-menu .menu-item-has-children > .dropdown-menu > li.menu-item:not(.menu-item-object-static_block) > a {
    border-bottom: 0;
    padding: 0.35em 1.429em;
}

.vertical-menu .menu-item-has-children > .dropdown-menu > li.menu-item:not(.menu-item-object-static_block) > a:focus,
.vertical-menu .menu-item-has-children > .dropdown-menu > li.menu-item:not(.menu-item-object-static_block) > a:hover {
    background-color: transparent;
}

.vertical-menu .list-group-item > .dropdown-menu {
    font-size: 14px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    width: 100%;
    top: 97%;
    padding-top: 0.714em;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-top: 0;
    border-color: #eee;
}

.vertical-menu .list-group-item > .dropdown-menu > .menu-item:last-child {
    margin-bottom: 0.571em;
}

.vertical-menu .list-group-item > .dropdown-menu > .menu-item:last-child > a {
    border-bottom: 0;
}

.vertical-menu .list-group-item > .dropdown-menu > .menu-item > a {
    padding-right: 0.257em;
}

.vertical-menu .list-group-item > .dropdown-menu > .menu-item .dropdown-menu {
    top: -3px;
    border-radius: 0;
    padding: 0;
}

/*  MEGA-MENU
/*===================================================================================*/

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm ul.navbar-nav > li.dropdown,
.yamm > .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .no-yamm-content-padding .yamm-content {
    padding: 0;
}

.yamm .dropdown.width-lg .dropdown-menu {
    left: 0;
    right: 0;
    position: absolute;
    padding: 0;
    animation-duration: 200ms;
}

.yamm .dropdown.width-lg .dropdown-menu .menu-item {
    list-style: none;
}

.yamm .dropdown.width-lg .dropdown-menu .menu {
    padding: 0;
}

.yamm .yamm-content {
    padding: 2.143em;
}

.yamm .yamm-content .wpb_content_element {
    margin: 0;
}

.yamm .yamm-content .bg-yamm-content {
    position: absolute;
    right: 0;
    bottom: 0;
}

.vertical-menu .yamm-content .nav-title {
    font-weight: 600;
    padding: 0 0 8px;
    text-transform: uppercase;
    font-size: 12px;
}

.yamm h1 a,
.yamm h1 > a,
.yamm h2 a,
.yamm h2 > a,
.yamm h3 a,
.yamm h3 > a,
.yamm h4 a,
.yamm h4 > a,
.yamm h5 a,
.yamm h5 > a,
.yamm h6 a,
.yamm h6 > a,
.yamm .nav-title a,
.yamm .nav-title > a {
    padding: 0;
    font-weight: bold;
}

.yamm .nav-divider {
    height: 1px;
    border-top: 1px solid #ddd;
    margin: 0.5em 0;
}

.yamm .nav-text,
.yamm .nav-subtext {
    display: block;
}

.yamm .nav-subtext {
    font-size: 0.8em;
    color: #aaa;
    line-height: 1;
}

.nav-style2 .owl-nav {
    position: absolute;
    top: 50%;
    left: -40px;
    right: -40px;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: -1;
}

.nav-style2 .owl-nav .owl-prev,
.nav-style2 .owl-nav .owl-next{
    line-height: 55px;
    font-size: 35px;
    color: #bdbdbd;
}

.vertical-menu .yamm .dropdown.width-lg .dropdown-menu {
    left: 100%;
}

.vertical-menu .width-lg .dropdown-menu > li {
    width: 900px;
}

.vertical-menu .width-md .dropdown-menu > li {
    width: 600px;
}

.vertical-menu .width-sm .dropdown-menu > li {
    width: 450px;
}

.vertical-menu .menu-item-has-children a[data-toggle="dropdown"]::after {
    content: "\f105";
    color: #aeaeae;
    font-size: 1.214em;
    float: right;
}

.vertical-menu .menu-item-has-children > .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    left: 100%;
    width: 0;
    min-width: 0;
    top: -3px;
    border-radius: 0;
    padding: 0;
    border: 1px solid #E4E4E4;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .07);
}

.vertical-menu .dropdown:not(.list-group-item) > .dropdown-menu > li {
    width: 240px;
}

.vertical-menu.yamm .dropdown.width-lg .dropdown-menu {
    left: 100%;
}

.vertical-menu.yamm .dropdown.width-lg .dropdown-menu > li {
    width: 900px;
}

.vertical-menu .list-group-item > .dropdown.width-md .dropdown-menu > li,
.vertical-menu .dropdown.width-md .dropdown-menu > li {
    width: 540px;
    position: relative;
}

.vertical-menu .yamm-content {
    padding: 1.143em 1.143em 0 1.143em;
}

.vertical-menu .yamm-content ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.vertical-menu .yamm-content ul + ul {
    margin-top: 10px;
}

.vertical-menu .yamm-content ul > li > a {
    display: block;
    padding-left: 0;
    color: #333e48;
    text-decoration: none;
    font-size: 12px;
    padding: 2px 14px;
}

.vertical-menu .yamm-content ul > li > a:hover {
    background-color: transparent;
    color: black;
}

.vertical-menu .yamm-content h1 a,
.vertical-menu .yamm-content h1 > a,
.vertical-menu .yamm-content h2 a,
.vertical-menu .yamm-content h2 > a,
.vertical-menu .yamm-content h3 a,
.vertical-menu .yamm-content h3 > a,
.vertical-menu .yamm-content h4 a,
.vertical-menu .yamm-content h4 > a,
.vertical-menu .yamm-content h5 a,
.vertical-menu .yamm-content h5 > a,
.vertical-menu .yamm-content h6 a,
.vertical-menu .yamm-content h6 > a,
.vertical-menu .yamm-content .nav-title a,
.vertical-menu .yamm-content .nav-title > a {
    padding: 0;
    font-weight: bold;
}

.vertical-menu .yamm-content ul + h1,
.vertical-menu .yamm-content ul + h2,
.vertical-menu .yamm-content ul + h3,
.vertical-menu .yamm-content ul + h4,
.vertical-menu .yamm-content ul + h5,
.vertical-menu .yamm-content ul + h6,
.vertical-menu .yamm-content li + .nav-title,
.vertical-menu .yamm-content .menu-item + .nav-title {
    margin-top: 1.143em;
}

.animate-dropdown .open > .dropdown-menu,
.animate-dropdown .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
    animation-name: slidenavAnimation;
    animation-duration: 200ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    -webkit-animation-name: slidenavAnimation;
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration: 200ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
}

@keyframes slidenavAnimation {
    from {
        margin-top: -30px;
        opacity: 0;
    }

    to {
        margin-top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slidenavAnimation {
    from {
        margin-top: -30px;
        opacity: 0;
    }

    to {
        margin-top: 0;
        opacity: 1;
    }
}

@media (max-width: 767px) {

    /*upto 544*/
    .vertical-menu .menu-item-has-children a[data-toggle="dropdown"]:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    /*........Header Menu Dropdown........*/
    .vertical-menu .width-lg .dropdown-menu > li {
        width: 100%;
    }

    .vertical-menu .width-md .dropdown-menu > li {
        width: 100%;
    }

    .vertical-menu .width-sm .dropdown-menu > li {
        width: 100%;
    }

    .vertical-menu .menu-item-has-children > .dropdown-menu {
        display: none !important;
        width: 100% !important;
        position: static !important;
        margin: 1.429em 0;
        min-height: inherit !important;
    }

    .vertical-menu .menu-item-has-children > .dropdown-menu > li {
        min-height: inherit !important;
    }

    .vertical-menu .menu-item-has-children > .dropdown-menu:hover {
        opacity: 0;
        visibility: hidden;
        width: 0;
        display: none;
    }

    .vertical-menu .menu-item-has-children > .dropdown-menu .vc_column_container:first-child {
        margin-bottom: 1.429em;
    }

    .vertical-menu .menu-item-has-children > .dropdown-menu .vc_column_container:last-child {
        margin-bottom: 0;
    }

    .vertical-menu .menu-item-has-children.open > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin-top: 0 !important;
    }

    .vertical-menu .dropdown:not(.list-group-item) > .dropdown-menu > li {
        width: 100%;
    }

    .vertical-menu .list-group-item > .dropdown.width-md .dropdown-menu > li,
    .vertical-menu .dropdown.width-md .dropdown-menu > li {
        width: 100%;
        position: relative;
    }

    .vertical-menu .yamm-content {
        padding: 1.143em;
    }

    .vertical-menu > .menu-item,
    .vertical-menu .dropdown-menu > .menu-item {
        padding: 0;
    }
}

@media (min-width: 544px) and (max-width: 991px) {
    .vertical-menu.make-absolute {
        overflow: hidden;
    }

    .vertical-menu.make-absolute > .menu-item,
    .vertical-menu.make-absolute .dropdown-menu > .menu-item {
        overflow: hidden;
    }
}


/* Slider ------------------------*/

.slider .item,
.variable-width .variable-item,
.brand-slider2 .brand-item,
.main-img-slider figure {
    display: none;
}

.slider .item:first-child,
.variable-width .variable-item:first-child,
.brand-slider2 .brand-item:first-child,
.main-img-slider figure:first-child {
    display: block;
}

.slider.slick-initialized .item,
.variable-width.slick-initialized .variable-item,
.brand-slider2.slick-initialized .brand-item,
.main-img-slider.slick-initialized figure {
    display: block;
}

.slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slider .slick-dots {
    left: 50%;
    bottom: 15px;
    width: auto;
    padding: 0px 10px;
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    transform: translate(-50%, 0%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.slider .slick-dots li {
    margin: 0;
    height: 24px;
    width: 17px;
}

.slick-dots li button {
    width: 17px;
    height: 17px;
    padding: 5px;
}

.slider .slick-dots li button::before {
    opacity: 0.5;
    color: #000;
    width: 17px;
    height: 17px;
}

.slider .slick-dots li.slick-active button::before {
    opacity: 1;
    color: #2a66bf;
}

@media(max-width: 767px) {
    .slider .slick-dots {
        bottom: 10px;
    }
}

@media(min-width: 992px) {
    .slider {
        overflow: hidden;
    }
}

.promotion-product-content {
    padding-left: 15px;
}

.promotion-wrapper {
    background-color: #fff;
    border: 1px solid #d7dfe4;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.promotion-product {
    padding: 8px 10px;
    border-bottom: 1px solid #edebef;
}

.promotion-title a {
    color: #fff;
}

.promotion-product .media {
    display: block;
}

.promotion-product:last-child {
    border-bottom: 0;
}

.promotion-product .media-body,
.promotion-product .media-left,
.promotion-product .media-right {
    vertical-align: middle;
}

.promotion-product .media-left img {
    width: 70px;
}

.promotion-product .product-title {
    font-size: 13px;
    font-weight: 600;
}

.product-title a {
    color: #333;
}

.promotion-product .offer {
    color: #fff;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 16px;
    font-size: 11px;
    font-weight: 600;
    float: right;
    background-color: #2a66bf;
}

@media (min-width: 768px) and (max-width: 991px) {
    .promotion-product:last-child {
        display: none;
    }

    .promotion-product:nth-child(3n+3) {
        border-bottom: none;
    }

    .promotion-product .media {
        margin: 0;
    }

    .promotion-product .offer {
        padding: 2px 10px;
        font-size: 11px;
    }
}

/* Products row -------------*/

.products-row {
    background-color: #fff;
}

.category-col,
.product-col {
    position: relative;
    width: 100%;
    min-height: 1px;
}

.category-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    background-color: #ECEDF0;
    border-right: 1px solid #d7dfe4;
}

.banner-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
}

.product-col {
    padding: 0;
    margin: 0;
}

.product-col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

.home-category-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;
}

@media(max-width: 767px) {
    .products-row {
        margin-bottom: 5px;
        display: none;
    }

    .category-col,
    .banner-col {
        display: none;
    }

    .product-col,
    .product-col-2,
    .home-category-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .category-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .product-col-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .product-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .banner-col {
        display: none
    }

    .home-category-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}


/* Header title -------------*/

.ml9 {
    position: relative;
    font-size: 21px;
    display: inline-block;
    margin: 0;
    font-weight: 700;
}

.ml9 .text-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.ml9 .letter {
    transform-origin: 50% 100%;
    display: inline-block;
    line-height: 1em;
}

.header-title {
    margin: 0px 0 10px;
}

.header-title ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.header-title ul li {
    display: inline-block;
    color: #2a66bf;
    font-size: 17px;
    font-weight: 700;
    margin-right: 10px;
}

.header-title ul li.title-name {
    font-size: 21px;
}

.title-name span i {
    margin-left: 5px;
}

.header-title ul li i {
    vertical-align: top;
    margin-top: 3px;
}

.header-title ul li .cat-icon {
    font-size: 24px;
    margin-right: 5px;
    color: #2a66bf;
}

.header-title ul li a {
    display: block;
    color: rgba(113, 120, 126, 1);
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    padding: 4px 12px;
    border-radius: 30px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

@media(max-width: 767px) {
    .header-title {
        display: none;
    }

    .header-title ul li {
        font-size: 15px;
    }

    .header-title ul li .cat-icon {
        margin-right: 7px;
    }

    .header-title ul li.cat-link {
        display: none;
    }

    .header-title ul li.view-all {
        float: right;
        margin: 0;
    }

    .header-title ul li.view-all a {
        background-color: #fff;
        padding: 3px 10px;
        border-radius: 3px;
        font-size: 13px;
    }
}

@media(min-width: 768px) {
    .header-title ul li.view-all {
        display: none;
    }
}

/* Overview -----------------------*/

.overview_area {
    margin: 40px 0;
}

.overview_area .overview_inner .single_overview {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    transition: all 300ms linear 0s;
    border: 1px solid #f2f3f5;
}

.overview_area .overview_inner .single_overview .overview_icon i {
    font-size: 30px;
    line-height: 40px;
    width: 50px;
    text-align: center;
}

.style-1 .overview_area .overview_inner .single_overview .overview_icon i {
    color: #0e7894;
}

.overview_area .overview_inner .single_overview .overview_details {
    padding-left: 10px;
}

.overview_area .overview_inner .single_overview .overview_details h4 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
}

.overview_area .overview_inner .single_overview .overview_details h6 {
    font-size: 12px;
}

/* Product Slider -----------------*/

.sec_heading {
    margin-bottom: 30px;
    border: 1px solid #ebebeb;
    height: 50px;
    position: relative;
}

.sec_heading .sec_title {
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 15px;
    margin: 0;
    padding: 0 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 50px;
}

.slider-nav .owl-nav {
    position: absolute;
    bottom: calc(100% + 37px);
    right: 6px;
    text-align: center;
}

.slider-nav .owl-nav .owl-prev,
.slider-nav .owl-nav .owl-next {
    display: inline-block;
    width: 20px;
    line-height: 34px;
    margin: 0;
    transition: all 300ms linear 0s;
}

.slider-nav .owl-nav .owl-prev {
    border-right: 0;
}

.slider-nav .owl-nav .owl-prev i,
.slider-nav .owl-nav .owl-next i {
    font-size: 18px;
    transition: all linear 0.4s;
}

.product_slider .owl-item {
    overflow: hidden
}

.product_slider .item .item_image {
    max-height: 335px;
    overflow: hidden;
    display: block;
    position: relative;
    border: 1px solid #eaeaea;
}

.product2_slider .item .item_image {
    position: relative;
}

.product_slider .item.boxed .item_inner {
    border: 1px solid #f0f0f0;
    padding: 15px 0 25px;
}

.product_slider .item.boxed .item_image {
    border: 0;
}

.product_slider .item.boxed .item_image {
    width: auto;
    margin: 0 auto;
}

.product2_slider .hover_content {
    bottom: 0;
}

.product2_slider .item:hover .hover_content {
    opacity: 1;
}

.product_slider .item .item_image img {
    transition: all linear 0.4s;
}

.product_slider .item.boxed .item_image img {
    width: 140px;
    margin: 0 auto;
    display: block;
}

.product_slider .item .item_info {
    margin-top: 15px;
}

.style-5 .product_slider .item .item_info {
    text-align: center;
}

.product_slider .item .item_info .item_title,
.product2_slider .item .item_info .item_title {
    font-weight: 400;
    margin-bottom: 4px;
    display: block;
}

.product_slider .item .item_info .category-name{
    font-size: 12px;
    color: #8a8a8a;
    font-weight: 400;
    line-height: 25px;
}

.product_slider .item .item_info .item_title{
    font-size: 13px;
    color: #191919;
}

.product_slider .item .item_info .item_title2{
    font-size: 14px;
    color: #0e7894;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.product_slider .item .item_info .item_title2:hover{
    color: #ada;
}

.style-4 .product_slider .item .item_info{
    text-align: center;
}

.product2_slider .item .item_info{
    margin-top: 10px;
}
.product2_slider .item.boxed .item_inner {
    border: 1px solid #f2f3f5;
}
.product2_slider .item.boxed .item_info {
    margin-bottom: 20px;
    margin-top: 0;
}
.cat-desc .item-title,
.product2_slider .item .item_info .item_title{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #191919;
    line-height: 18px;
    margin-bottom: 5px;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.product2_slider .item .item_info .item_title:hover,
.product2_slider .item .item_info .item_title:focus{
    color: #0e7894;
}

.product2_slider .item .item_info .product_cost{
    font-size: 13px;
    color: #2b2b2b;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 3px;
}
.product_cost{
    font-size: 13px;
    display: flex;
    justify-content: center;
}
.product_cost del{
    color: #c3c3c3;
}

.product_cost>p {
    margin-right: 5px;
    justify-content: center;
}

.product2_slider .item .item_info .product_cost del{
    color: #8a8a8a;
    font-weight: 400;
}

.product_slider .item .item_info p {
    margin-bottom: 0;
}
.product_slider .item.boxed .item_info p {
    font-size: 13px;
    margin-top: 5px;
    font-weight: 400;
}
.hover-me .product-img {
    position: relative;
}
.hover-btn{
    position: absolute;
    bottom: 10px;
    left: 0;
    display: block;
    right: 0;
    text-align: center;
    transform: translateY(-20px);
    opacity: 0;
    transition: all ease-in 0.3s;
}
.hover-btn .btn-st3{
    border: 0;
    background: #fc0;
    line-height: 35px;
    padding: 0 20px;
}
.item:hover .hover-btn{
    opacity: 1;
    transform: translateY(0);
}
.hover-info{
    position: absolute;
    bottom: 60px;
    left: 50%;
    opacity: 0;
    text-align: center;
    transform: translateX(-50%);
    width: calc(100% - 25px);
    transition: all linear 400ms;
}
.hover-info .nav li a{
    line-height: 15px;
    font-size: 13px;
    transition: 0.5s;
}
.hover-info .nav li:first-child a{
    margin-bottom: 5px;
    background: #0e7894;
    color: #fff;
    border: 2px solid #0e7894;
}
.hover-info .nav li:first-child a:hover,
.hover-info .nav li:first-child a:focus{
    background: #ffea5f;
    border: 2px solid #2c2b2b;
    color: #0e7894;
}
.hover-info .nav li:last-child a{
    background: #2c2b2b;
    color: #fff;
}
.hover-info .nav li:last-child a:hover,
.hover-info .nav li:last-child a:focus{
    background: #ffde00;
    color: #2c2b2b;
}
.hover-me:hover .hover-info{
    transform: translateX(-50%);
    bottom: 15px;
    opacity: 1;
}
.hover-box{
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    transition: all linear 300ms;
    display: block;
}
.hover-box .nav li a {
    border: 1px solid #0e7894;
    color: #ffffff;
    background: #0e7894;
    padding: 7px 11px;
    font-size: 11px;
    transition: 0.4s;
    transform: translateX(-15px);
    opacity: 0;
}
.hover-box .nav li a {
    margin-bottom: 5px;
}
.hover-box .nav li a:hover,
.hover-box .nav li a:focus {
    background: #03a2cc;
    color: #ffffff;
    border: 1px solid #03a2cc;
}
.hover-box .nav li:last-child a {
    transition-delay: 0.2s;
}
.hover-me:hover .hover-box .nav li a,
.hover-me:focus .hover-box .nav li a {
    opacity: 1;
}
.hover-me:hover .hover-box .nav li a,
.hover-me:focus .hover-box .nav li a {
    transform: translateX(0);
}
.hover_content {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0px;
    opacity: 0;
    transition: all linear 0.4s;
}
.boxed .hover_content {
    background: #fff;
}

.style-4 .hover_content{
    bottom: calc(50% - 19px);
}

.hover_content .nav {
    display: flex;
    justify-content: center;
}

.hover_content .nav li {
    margin-right: 2px;
}

.hover_content .nav li a {
    background: #0e7894;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    transition: all linear 0.2s;
}

.hover_content .nav li a:hover,
.hover_content .nav li a:focus {
    transform: translateY(-5px);
}

.product_slider .item:hover img {
    transform: scale(1.2);
}

.product_slider .item:hover .hover_content {
    opacity: 1;
    bottom: 25px;
}
.style-4 .best_deals .item_info .cart_btn:hover,
.style-4 .best_deals .item_info .cart_btn:focus
.style-4 .hover_content .nav li a {
    background: #f3034c;
}

/* Product categories -------------*/

.category_big_inner{
    position: relative;
    overflow: hidden;
}

.category_big_inner img{
    transition: all linear 1s;
}

.category_big_inner:before{
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    transform: scale(0.6);
    opacity: 0;
    display: block;
    border: 8px solid #fff;
    transition: all linear 500ms;
    z-index: 2;
    background: rgba(0,0,0,0.25);
}

.category_big_inner:hover:before{
    opacity: 1;
    transform: scale(1);
}

.category_big_inner:hover img{
    transform: scale(1.2);
}

.category_big_inner .cat_name{
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    padding: 0 25px;
}

.cat_name h6{
    line-height: 21px;
    display: block;
    text-align: center;
}

.top_category .single_category {
    background: #f5f7f9;
    text-align: center;
    padding: 10px 0;
}

.top_category2 .cat_item{
    display: flex;
    justify-content: space-between;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 15px 20px;
    align-items: center;
}

.top_category2 .bg-white{
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

.cat-name p{
    margin-bottom: 0;
    font-size: 13px;
}

.cat-content,
.cat-content2 {
    padding: 15px;
    border-left: 0;
}

.product-cat2 {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 10px;
}

.product-cat2 .cat {
    color: #282c3f;
    line-height: 18px;
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.product-cat2 .sub-cat {
    padding-left: 10px;
    color: #696b79;
    line-height: 20px;
    display: block;
    font-weight: 500;
}

/*Product-------------*/

.product-box {
    position: relative;
    height: 335px;
    margin-bottom: 20px;
    overflow: visible;
}

.product-box.active .imagebox {
    border: 1px solid #dedede;
}

.product-box .imagebox {
    position: relative;
    overflow: visible;
    padding: 10px;
    border: 1px solid transparent;
}

.product-box:hover .imagebox {
    background-color: #fff;
    border: 1px solid #edebef;
    z-index: 1;
}

.product-box .imagebox a {
    display: block;
}

.product-cat {
    display: block;
    margin-bottom: 5px;
    color: #878787;
    border-bottom: 1px solid #edebef;
    padding-bottom: 3px;
}

.product-cat a {
    color: #09c;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.product-name {
    font-size: 13px;
    color: #191919;
    margin: 0 0 3px;
    font-weight: 400;
    line-height: 18px;
}

.product-thumb {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    background-color: #f7f7f7;
}

.product-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    max-width: 100%;
}

.price-cart {
    clear: both;
    margin: 15px 0 6px;
    position: relative;
}

.price-amount {
    font-size: 17px;
    font-weight: 600;
}

.price-amount ins {
    color: #444444;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.price-amount del {
    color: #919191;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 500;
}

.rating_stars {
    font-size: 11px;
}

.rating-wrap {
    color: #f9b92e;
}

.box-bottom {
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    transform: translateY(-20%);
}

.product-box:hover .box-bottom {
    position: relative;
    opacity: 1;
    display: block;
    transform: translateY(0%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 10px 0 0;
    left: 0;
    right: 0;
}

/* Best Deals =======================*/

.best_deals_2{
    background: #f2f3f5;
    padding: 40px 0;
}
.best_deals {
    display: flex;
    align-items: center;
    background: #f2f3f5;
    border: 1px solid #e8e8e8;
}
.best_deals_2 .best_deals {
    border: 0;
}
.best_deals .item_info .semi_title {
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0;
    color: #67bc0f;
}
.style-1 .best_deals .item_info .semi_title {
    color: #0e7894;
}
.style-1 .best_deals .item_info .semi_title {
    font-weight: 700;
}
.best_deals .item_info .main_title {
    margin: 0 0 15px;
    color: #3a3636;
    font-weight: 600;
}
.best_deals .item_info .pro_details {
    margin: 0;
}
.best_deals .item_info .cart_btn {
    border: 2px solid #67bc0f;
    padding: 0 20px;
    line-height: 40px;
    display: inline-block;
    color: #67bc0f;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
    transition: all linear 0.3s;
}
.style-1 .best_deals .item_info .cart_btn{
    border: 2px solid #0e7894;
    color: #0e7894;
}
.best_deals .item_info .cart_btn i {
    margin-left: 7px;
    font-size: 15px;
}
.best_deals .item_info .cart_btn:hover,
.best_deals .item_info .cart_btn:focus {
    background: #67bc0f;
    color: #fff;
}

.style-1 .best_deals .item_info .cart_btn:hover,
.style-1 .best_deals .item_info .cart_btn:focus {
    background: #0e7894;
}

.dsCountDown {
    display: block;
}

.dsCountDown:after {
    content: '';
    clear: both;
}

.ds-white .ds-element {
    display: inline-flex;
    text-align: center;
    padding: 15px 0;
    margin-right: 30px;
    flex-direction: column-reverse;
}

.ds-white .ds-element:last-child {
    margin-right: 0;
}

.ds-white .ds-element .ds-element-title {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}

.ds-white .ds-element .ds-element-value {
    font-size: 25px;
    font-weight: 600;
    color: #3a3636;
}

.box-bottom .btn-add-cart {
    text-align: center;
}

.box-bottom .btn-add-cart a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    border-radius: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 3;
    width: 70%;
    font-weight: 600;
    vertical-align: middle;
}

.box-bottom .btn-add-cart a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #f26c17;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.box-bottom .btn-add-cart a:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.box-bottom .btn-add-cart a img {
    padding-right: 6px;
    display: inline-block;
    height: 14px;
}

.box-bottom .compare-wishlist {
    margin-top: 5px;
    text-align: center;
}

.box-bottom .compare-wishlist a {
    font-size: 11px;
    font-weight: 600;
    color: #919191;
    display: inline-block;
}

.box-bottom .compare-wishlist a.compare {
    margin-right: 14px;
}

.box-bottom .compare-wishlist a img {
    padding-right: 8px;
    display: inline-block;
    height: 14px;
}

.products-slide .product-box {
    height: auto;
    margin-bottom: 0;
}

.products-slide .product-box .product-img img{
    max-width: 100%;
}

.products-slide .box-bottom {
    transform: translateY(0%);
}

.products-slide .product-box:hover .box-bottom {
    transform: translateY(-105%);
    position: absolute;
    margin: 0;
}

.slider .slick-prev,
.slider .slick-next,
.products-slide .slick-prev,
.products-slide .slick-next,
.brand-slider .slick-prev,
.brand-slider .slick-next {
    width: 25px;
    height: 42px;
    text-align: center;
    color: #fff;
    z-index: 1;
}

.slider .slick-prev,
.products-slide .slick-prev,
.brand-slider .slick-prev {
    left: 0;
}

.slider .slick-next,
.products-slide .slick-next,
.brand-slider .slick-next {
    right: 0;
}

.slider .slick-prev::before,
.slider .slick-next::before,
.products-slide .slick-prev::before,
.products-slide .slick-next::before,
.brand-slider .slick-prev::before,
.brand-slider .slick-next::before {
    line-height: 42px;
    font-size: 28px;
    font-family: FontAwesome;
    opacity: 1;
}

.slider .slick-next::before,
.products-slide .slick-next::before,
.brand-slider .slick-next::before {
    content: "\f105";
}

.slider .slick-prev::before,
.products-slide .slick-prev::before,
.brand-slider .slick-prev::before {
    content: "\f104";
}

.slider.slick-disabled,
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    opacity: 0;
}

.tab-content > .product-tab-pane {
    display: block;
    height: 0;
    overflow-x: hidden;
}

.tab-content > .product-tab-pane.active {
    height: auto;
}

.nav-pills > li {
    float: none;
    margin-bottom: 2px;
    margin-right: -1px;
}

.nav-pills > li + li {
    margin-left: 0;
}

.nav-pills > li > a {
    color: #7b7b7b;
    font-size: 14px;
    border-radius: 0;
    padding: 8px 15px;
    border: 1px solid transparent;
    font-weight: 600;
    line-height: 35px;
}

.nav-pills > li > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: #222;
    background-color: transparent;
}

.nav-pills > li.active > a{
    border-top: 2px solid #71716b;
    border-left: 2px solid #f2f3f5;
    border-right: 2px solid #f2f3f5;
    border-bottom: 2px solid #fff;
}

@media(max-width: 767px) {
    .product-thumb {
        background-color: transparent;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .products-slide {
        height: 308px;
    }
}

.category .product-box {
    height: auto;
    margin-bottom: 0;
}

.category .product-box .imagebox {
    padding: 7px;
    border: none;
}

.category .product-name {
    display: -webkit-box;
    max-width: 100%;
    height: 29px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 14px;
}

.category .price-amount {
    font-size: 14px;
}

.category .price-amount del {
    font-size: 11px;
}

.category .box-bottom {
    display: none;
}

.category .rating_stars {
    font-size: 10px;
}

.mobile-filter-nav {
    border-bottom: 1px solid #edebef;
}

.mobile-filter-nav [class*="col-"] {
    padding: 0;
    border-right: 1px solid #edebef;
}

.mobile-filter-nav [class*="col-"]:last-child {
    border-right: none;
}

.mobile-filter-nav select {
    border: 0;
    color: #282c3f;
    font-weight: 600;
}

.filter button {
    background-color: transparent;
    border: 0;
    color: #282c3f;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 9px 10px;
    width: 100%;
}

.filter button i {
    margin-right: 5px;
}

.modal-content {
    border-radius: 0;
    padding: 15px;
    border: 0;
}


/*Brand category---------------------*/

.brand-slider {
    height: 414px;
    overflow: hidden;
}

.brand-cat a {
    display: block;
}

.brand-cat img {
    height: 69px;
}

/* Product category ---------------------*/

.sec-title2{
    margin-bottom: 25px;
    margin-top: 0;
    color: #5a5a5a;
    font-weight: 600;
}

.category-heading .sec-title {
    position: relative;
    color: #191919;
    line-height: 35px;
}
.category-heading .sec-title:before {
    content: '';
    position: absolute;
    background-color: #71716b;
    bottom: -9px;
    left: 0;
    width: 70px;
    height: 2px;
    display: block;
}

.product-cat-row {}

.product-cat-box {
    padding: 15px;
    text-align: center;
    color: #333;
    height: 100%;
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.product-cat-box:hover {
    background-color: #fff;
    box-shadow: 0 7px 25px 1px rgba(0, 0, 0, .1);
    border: 0 solid #e9e9e9;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.product-cat-content {
    position: relative;
}

.product-cat-box h5 {
    font-weight: 600;
}

.product-cat-box .cat-bg-img {
    position: absolute;
    top: -17px;
    left: 7px;
}

.product-cat-box .cat-main-img {
    max-height: 95px;
    width: auto;
    margin-bottom: 15px;
    mix-blend-mode: multiply;
}

ul.products,
ul.category {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}

ul.products li,
ul.category li {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    position: relative;
    border-right: 1px solid #edebef;
    border-bottom: 1px solid #edebef;
}

@media(max-width: 767px) {
    .product-cat-box {
        position: relative;
    }

    .product-cat-box .cat-main-img {
        max-height: 60px;
    }

    .product-cat-box .cat-bg-img {
        top: -10px;
        left: 18px;
    }

    ul.products li:nth-child(3n+3),
    ul.products li:nth-child(3n+4) {
        border-top: 1px solid #edebef;
    }

    ul.products li:nth-child(3n+5),
    ul.products li:nth-child(3n+6) {
        display: none;
    }

    .product-cat-box h5 {
        font-weight: 600;
        font-size: 12px;
    }
}

@media(min-width: 768px) {

    .home-category-col ul.products li:nth-child(3n+2),
    .home-category-col ul.products li:nth-child(3n+4) {
        border-right: none;
    }

    .home-category-col ul.products li:nth-child(3n+3) {
        border-top: 1px solid #edebef;
        border-right: 1px solid #edebef;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    ul.products li:nth-child(3n+5),
    ul.products li:nth-child(3n+6) {
        display: none;
    }

    ul.products li:nth-child(3n+2),
    ul.products li:nth-child(3n+4) {
        border-right: none;
    }

    ul.products li:nth-child(3n+3) {
        border-right: 1px solid #edebef;
        border-top: 1px solid #edebef;
    }
}


/* Brand tabs
=============================================================================*/

.brand-cat-content {
    text-align: center;
    background-color: #F4F5F7;
    padding: 70px 0;
}

.brand-logo {
    border: solid #d7dfe4;
    border-width: 0px 0px 1px 1px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.brand-logo .row {
    margin-right: 0;
    margin-left: 0;
}

.logo-item {
    border-right: 1px solid #e1e7ec;
    background-color: #fff;
    padding: 15px;
    border-top: 1px solid #e1e7ec;
}

.logo-item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
    -webkit-transition: opacity .3s ease, -webkit-filter .3s ease;
    transition: opacity .3s ease, -webkit-filter .3s ease;
    transition: filter .3s ease, opacity .3s ease;
    transition: filter .3s ease, opacity .3s ease, -webkit-filter .3s ease;
    -webkit-transition: -webkit-filter .3s ease, opacity .3s ease;
}

.logo-item img:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.logo-item img.lazy {
    width: auto;
}

.tabs-menu {
    position: relative;
}

.tabs-menu .nav-tabs {
    border-bottom: 0;
}

.tabs-menu::after {
    border-bottom: 1px solid #e1e7ec;
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    z-index: 0;
    bottom: 0;
}

.tabs-menu .nav-tabs > li {
    margin-bottom: 0;
}

.tabs-menu .nav-tabs > li > a {
    margin-right: 0px;
    border-radius: 0;
    color: #282c3f;
    font-weight: 600;
    border-bottom: 1px solid #edebef;
    padding: 15px 30px;
}

.tabs-menu .nav-tabs > li > a > img {
    margin-bottom: 15px;
    width: 40px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: transparent;
    border-bottom: 1px solid #2a66bf;
    border-width: 0 0 1px;
}

.tabs-menu .nav-tabs > li.active + .tabs-menu .nav-tabs > li > a {
    border-left-width: 0;
}

.brand-cat-content .tab-content {
    padding: 30px 0 0;
}

@media(max-width: 767px) {
    .tabs-menu .nav-tabs > li > a {
        font-size: 11px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

/* Mobile ====================*/

.variable-width {
    margin-bottom: 5px;
}

.variable-item {
    width: 125px;
}

.variable-item .cat-box,
.variable-item .best-sell {
    margin-right: 5px;
}

.variable-item .cat-box img {
    height: 84px;
}

@media(min-width: 768px) {
    .variable-slider {
        display: none;
    }
}


/*Singel Caregory----------*/

.mobile-cat {
    margin-bottom: 15px;
}

.bg-white{
    background-color: #fff;
}

.cat-box,
.best-sell {
    display: block;
    padding: 5px;
    background-color: #fff;
}

.seller-name {
    color: #696b79;
    font-size: 11px;
    font-weight: 600;
}

.price {
    color: #2e2f33;
    font-size: 12px;
    font-weight: 600;
}

.cat-box h5 {}

.cat-box img {
    height: 94px;
    width: 100%;
    margin: 0 0 5px;
}

@media(min-width: 768px) {
    .mobile-cat {
        display: none;
    }
}


/*Brand2 Mobile Content---------------*/

.mobile-brand .title,
.variable-slider .title {
    margin: 5px 0 10px;
    font-size: 15px;
    font-weight: 600;
}

.brand-item {
    margin: 0 5px 5px 0;
}

@media(min-width: 768px) {
    .mobile-brand {
        display: none;
    }
}


/*Mobile featured product ---------------*/

.featured-box .media {
    display: block;
    padding: 5px;
    background-color: #fff;
    margin-bottom: 5px;
}

.featured-box .media-body,
.featured-box .media-left,
.featured-box .media-right {
    vertical-align: middle;
}

.featured-box .media-right {
    padding-left: 5px;
}

.featured-box .media-right img {
    width: 45px;
}

.cat-box .cat-title,
.best-sell .cat-title,
.featured-box .featured-title {
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 85px;
    color: #282c3f;
    letter-spacing: -.5px;
    margin: 0;
}

.cat-box .discount,
.featured-box .offer {
    color: #696b79;
    display: block;
    font-size: 12px;
    font-weight: 600;
    border-radius: 13px;
    line-height: 18px;
    letter-spacing: -0.5px;
    padding: 0;
    background-color: transparent;
    margin: 0;
}

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

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

@media(min-width: 768px) {
    .featured {
        display: none;
    }
}


/* Newslatter
=============================================================================*/

.newsletter {
    padding: 30px 0;
}

.newsletter .newsletter-title {
    display: inline-block;
    font-size: 21px;
    margin-right: 0px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
}

.newsletter .newsletter-title::before {
    content: "\e84b";
    font-family: Linearicons-Free;
    margin-right: 15px;
    font-size: 1.619em;
    vertical-align: middle;
}

.newsletter .newsletter-marketing-text {
    margin-left: 25px;
    font-size: 1.071em;
    color: #fff;
}
.offers{
    font-size: 20px;
}

.newsletter form {
    margin-top: 2px;
}

.newsletter .form-control {
    height: 47px;
    border-radius: 30px;
    border: 0;
    padding-left: 20px;
}

.newsletter .btn {
    color: #fff;
    padding: 12px 25px;
    border-radius: 30px;
    font-size: 15px;
    background-color: #282c3f;
    text-transform: capitalize;
}

@media(max-width: 767px) {
    .newsletter {
        display: none;
    }
}
.style-5 .newsletter{
    background: #444;
}

.style-5 .newsletter .btn {
    background: #ffde00;
    color: #484848;
}


/* Footer
=============================================================================*/

.big-footer {
    padding: 50px 0;
    background-color: #232530;
    position: relative;
}

.big-footer .container {
    position: relative;
}

.footer-box {
    margin-bottom: 50px;
}

.footer-title {
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}

.footer-logo {
    margin-bottom: 30px;
}

.footer-category {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer-category li {
    margin-bottom: 5px;
}

.footer-category li a {
    display: block;
    color: #b3c0cc;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 14px;
}

.footer-category li a:hover {
    color: #00a5e8;
    text-decoration: none;
}


/*footer socila icon*/

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

.social-icons h1 {
    margin: 40px 0;
}

.social-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.social-icons ul li {
    display: inline-block;
}

.social-icons ul li a {
    display: block;
    margin: 5px 0 0;
    text-decoration: none;
    height: 35px;
    width: 35px;
    padding: 6px 0;
}

.social-icons ul li a i {
    font-size: 20px;
    color: #448aaf;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.social-icons ul li a:hover i {
    color: #275066;
}

.social-icons ul li a:focus i,
.social-icons ul li a:active i {
    transition: none;
    color: #0b161c;
}

.social-icons ul li a i.fa-facebook {
    color: #3b5998;
}

.social-icons ul li a i.fa-twitter {
    color: #429cd6;
}

.social-icons ul li a i.fa-google-plus {
    color: #d34836;
}

.social-icons ul li a i.fa-instagram {
    color: #cd486b;
}

.social-icons ul li a i.fa-linkedin {
    color: #0d77b7;
}

.social-icons ul li a i.fa-youtube-play {
    color: #c4302b;
}

.social-icons ul li a i.fa-pinterest {
    color: #cd2029;
}

.social-icons ul li a i.fa-soundcloud {
    color: #ff5013;
}

.social-icons ul li a i.fa-rss {
    color: #ffc513;
}

.social-icons ul li a i.fa-tumblr {
    color: #35465c;
}

.footer-box .copy {
    color: rgba(113, 120, 126, 1);
    font-size: 12px;
    margin: 20px 0 0;
}

.popular-search {
    margin-bottom: 50px
}

.footer-title2 {
    margin-bottom: 30px;
}

.footer-title2 hr {
    margin: 0;
    border-top: 1px solid #404040;
}

.footer-title2 h4 {
    position: absolute;
    margin-top: -8px;
    background: #232530;
    padding-right: 10px;
    font-weight: 800;
    margin-bottom: 0;
    color: #b4b6bf;
    font-size: 16px;
    text-transform: uppercase;
}

.serch-word {}

.serch-word a {
    text-decoration: none;
    color: #696b79;
    line-height: 25px;
    margin-right: 7px;
}


.serch-word a:nth-child(2),
.serch-word a:nth-child(5),
.serch-word a:nth-child(8),
.serch-word a:nth-child(10),
.serch-word a:nth-child(13),
.serch-word a:nth-child(15),
.serch-word a:nth-child(21),
.serch-word a:nth-child(22),
.serch-word a:nth-child(26),
.serch-word a:nth-child(28) {
    font-size: 21px;
    color: #222;
    font-weight: 700;
}

.serch-word a:nth-child(5) {
    color: #a00000;
}

.serch-word a:nth-child(8) {
    color: #2a66bf;
}

.serch-word a:nth-child(10) {
    color: #0f00a0;
}

.serch-word a:nth-child(13) {
    color: #8000a0;
}

.serch-word a:nth-child(15) {
    color: #006da0;
}

.serch-word a:nth-child(15) {
    color: #006da0;
}

.serch-word a:nth-child(21) {
    color: #009aa0;
}

.serch-word a:nth-child(22) {
    color: #a0009e;
}

.serch-word a:nth-child(26) {
    color: #a5a5a5;
}

.serch-word a:nth-child(28) {
    color: #6aa000;
}


.app-download {}

.app-text p {
    color: #b3c0cc;
    margin: 0;
}

.apps a {
    display: inline-block
}

.apps a img {
    height: 40px;
}

.subfooter {
    padding: 10px 0;
    font-weight: 600;
    border-top: 1px solid #404040;
    background-color: #010310;
}

.copy-text {
    margin-top: 8px;
    color: #b3c0cc;
}

.subfooter .copy-text a {
    color: #67bc0f;
}

.subfooter .cradit {
    text-align: right;
    font-size: 12px;
    color: #b3c0cc;
}

.subfooter .cradit span {
    font-size: 21px;
    color: #67bc0f;
}

@media (max-width: 767px) {

    footer .m_0 {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    footer .p_0 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .footer-category {
        margin: 0;
    }

    .apps a img {
        height: 37px;
    }

    .app-text {
        margin-bottom: 10px;
    }

    .subfooter {
        display: none;
    }
}


/*Mobile footer---------------------*/

.mobile-footer {
    padding: 15px 0;
    background: #3c3c41;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.mobile-footer .copyright {
    text-align: center;
    display: block;
}

.mobile-footer .footer-menu li {
    display: inline-block;
}

.mobile-footer .footer-menu li a {
    padding: 0px 10px;
    color: #fff;
}

.mobile-footer .footer-menu li:last-child a {
    padding-right: 0;
}

@media (min-width: 768px) {
    .mobile-footer {
        display: none;
    }
}

/*========================*/

.product-details-content {
    padding: 50px 0 0;
}

.product-details-inner {
    margin-bottom: 50px;
}

/*Page breadcrumbs ----------*/

.page-breadcrumbs {
    border-bottom: 1px solid #edebef;
    background-color: #F4F5F7;
    padding: 15px 0;
}

.page-breadcrumbs .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    font-weight: 600;
}

.page-breadcrumbs .breadcrumb > .active {
    color: #000;
}

@media(max-width: 767px) {
    .page-breadcrumbs {
        margin-top: 0;
    }

    .product-details-content {
        padding: 30px 0 0;
    }
}


/* Product details header --------------*/

.product-header {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 8px;
    margin-bottom: 30px;
}

.product-header [class*="col-"] {
    padding: 0;
}

.product-title {
    font-size: 24px;
    color: #333;
    font-weight: 600;
    line-height: 1.2;
    margin: 0px 0 6px;
}

.product_view .modal-dialog{
    max-width: 800px;
    width: 100%;
}

.modal.product_view{
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

@media (min-width: 768px){
    .product_view .modal-dialog {
        margin: 0 auto;
    }
}


.entry-meta,
.summary-header {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.entry-meta {
    font-weight: 600;
}

.entry-meta li,
.summary-header li {
    padding: 0 15px;
    position: relative;
    margin-bottom: 0;
}

.entry-meta li::after,
.summary-header li::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    background-color: #e8e8e8;
    height: 100%;
    max-height: 13px;
    content: "";
}

.entry-meta li:first-child,
.summary-header li:first-child {
    padding-left: 0;
}

.entry-meta li:last-child,
.summary-header li:last-child {
    padding-right: 0;
}

.star-rating {
    display: inline-block;
    color: #f2b309 !important;
}

@media(max-width: 767px) {
    .product-header {
        padding-bottom: 0;
        margin-bottom: 30px;
        border-bottom: 0;
    }

    .product-title {
        font-size: 19px;
    }

    .entry-meta li,
    .summary-header li {
        padding: 0 10px;
    }

    .entry-meta {
        margin-bottom: 10px;
    }
}


/*Social link -----------------*/

.social-links {
    text-align: right;
}

.social-links a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #1b4e9b;
    margin: 0 2px;
    display: inline-block;
    text-align: center;
    font-size: 17px;
}

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

.social-links a.tw {
    background-color: #00aeef;
}

.social-links a.gp {
    background-color: #c00;
}

.social-links a.gp {
    background-color: #c00;
}

.social-links a.pr {
    background-color: #c8232c;
}

.social-links a.li {
    background-color: #0077b5;
}


/* Product summary -----------------*/

.product-summary-content {
    padding-left: 30px;
}

.summary-header {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-weight: 600;
}

.product-price {
    color: #000;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 1;
}

.product-price ins {
    font-size: 27px;
    color: #0e7894;
    text-decoration: none;
    display: inline-block;
}

.product-price del {
    opacity: 1;
    font-size: 14px;
    color: #666;
    font-weight: 600;
    padding-left: 5px;
}

.product-price .sale {
    font-size: 14px;
    color: #f30;
    font-weight: 500;
    margin-left: 5px;
}

.sold-by-meta {
    font-size: 14px;
    color: #000;
}

.sold-by-meta a {
    text-transform: uppercase;
    color: #09c;
}

.stock {
    color: #8bc500;
    margin: 0;
}

.stock label {
    color: #000;
    padding-right: 5px;
    font-weight: 600;
}

.short-description {
    font-size: 14px;
}

.short-description ul {
    margin: 0;
    padding: 0;
    padding-left: 12px;
    margin-bottom: 15px;
}

.short-description ul li {
    margin-bottom: 7px;
}

.short-description p {
    margin-bottom: 15px;
}

.short-description .product-size,
.short-description .product-color {
    padding: 0 0 15px;
    margin-bottom: 0;
    background-color: transparent;
}

@media(max-width: 767px) {
    .short-description ul {
        padding-left: 30px;
    }
}


/* Color picker -----------------*/

.product-color {
    margin-bottom: 15px;
}

.product-color h5,
.product-size h5 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 15px;
}

.product-color input[type="radio"] {
    display: none;
}

.product-color input[type="radio"]:checked + label span {
    transform: scale(1.30);
}

.product-color input[type="radio"]:checked + label .red {
    border: 2px solid #711313;
}

.product-color input[type="radio"]:checked + label .orange {
    border: 2px solid #873a08;
}

.product-color input[type="radio"]:checked + label .yellow {
    border: 2px solid #816102;
}

.product-color input[type="radio"]:checked + label .olive {
    border: 2px solid #505a0b;
}

.product-color input[type="radio"]:checked + label .green {
    border: 2px solid #0e4e1d;
}

.product-color input[type="radio"]:checked + label .teal {
    border: 2px solid #003633;
}

.product-color input[type="radio"]:checked + label .blue {
    border: 2px solid #103f62;
}

.product-color input[type="radio"]:checked + label .violet {
    border: 2px solid #321a64;
}

.product-color input[type="radio"]:checked + label .purple {
    border: 2px solid #501962;
}

.product-color input[type="radio"]:checked + label .pink {
    border: 2px solid #851554;
}

.product-color label {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.product-color label:hover span {
    transform: scale(1.25);
}

.product-color label span {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform .2s ease-in-out;
}

.product-color label span.red {
    background: #DB2828;
}

.product-color label span.orange {
    background: #F2711C;
}

.product-color label span.yellow {
    background: #FBBD08;
}

.product-color label span.olive {
    background: #B5CC18;
}

.product-color label span.teal {
    background: #00B5AD;
}

.product-color label span.blue {
    background: #2185D0;
}

.product-color label span.violet {
    background: #6435C9;
}

.product-color label span.purple {
    background: #A333C8;
}

.product-color label span.pink {
    background: #E03997;
}


/* Product Size -----------------*/

.product-size input[type="radio"] {
    display: none;
}

.product-size input[type="radio"]:checked + label .size {
    color: #fff;
    border: 1px solid;
}

.product-size label {
    margin-right: 5px;
    cursor: pointer;
}

.product-size label:hover span {
    border: 1px solid;
}

.product-size label span {
    display: block;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 2px 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    color: #999;
}


/* Quantity ---------------*/

.quantity {
    margin-right: 15px;
}

.number-spinner {
    position: relative;
}

.quantity .form-control {
    height: 48px;
    width: 90px;
    box-shadow: none;
    border-radius: 0;
    padding: 6px 20px;
    border: 1px solid #dedede;
}

.quantity .qty {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 48px;
    font-size: 14px;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #dedede;
}

.quantity .qty:hover {
    background-color: #dedede;
}

.quantity .qty-minus {
    border-right: 1px solid #dedede;
}

.quantity .qty-plus {
    left: auto;
    right: 0;
    border-left: 1px solid #dedede;
}

.cart-btn {
    border: 0;
    padding: 12px 25px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 15px;
    margin-right: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    transition: all 250ms ease-out;
}

.btn-s2 {
    text-transform: uppercase;
    border: 2px solid #2b2b2b;
    perspective: 500px;
    overflow: hidden;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.btn-s2:hover {
    color: #B53471;
}

.btn-s2 span {
    font-weight: 600;
    display: block;
}

.btn-s2:before,
.btn-s2:after,
.btn-s2 span:before,
.btn-s2 span:after {
    content: "";
    background-color: #fff;
    width: 26%;
    height: 100%;
    opacity: 0;
    transform: rotate3d(-1, 1, 0, -110deg);
    transform-origin: top left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}

.btn-s2:after {
    left: 25%;
}

.btn-s2 span:before {
    left: 50%;
}

.btn-s2 span:after {
    left: 75%;
}

.btn-s2:hover:before,
.btn-s2:hover:after,
.btn-s2:hover span:before,
.btn-s2:hover span:after {
    opacity: 1;
    transform: rotate3d(1, 1, 0, 0);
}

.btn-st4{
    border: 1px solid #cecece;
    line-height: 25px;
    display: block;
    font-size: 12px;
    padding: 8px 25px;
    background: transparent;
    color: #888888;
    transition: all linear 0.3s;
    margin: 11px auto;
}

.btn-st4:hover,
.btn-st4:focus{
    background: #7b7b7b;
    color: #fff;
}

.btn-one {
    border: 0;
    padding: 10px 30px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    transition: all 250ms ease-out;
    display: block;
    background: #2a66bf;
}

.btn-one:hover {
    background: #4681da;
}

.add-wishlist,
.add-compare {
    font-size: 25px;
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #222;
}

/* Product Meta ---------------*/

.product-meta {
    padding: 15px 0 0;
    border-top: 1px solid #dedede;
    color: #999;
    font-size: 14px;
}

.posted-in {
    margin-bottom: 5px;
}

.posted-in strong,
.tag-as strong {
    font-weight: 600;
    margin-right: 5px;
}

.posted-in a {
    color: #09c;
}

.tag-as a {
    color: #999;
}

@media(max-width: 767px) {
    .product-summary-content {
        padding-left: 0;
    }
}

/*Related product-------------------------*/

@media(min-width: 768px) {
    .similar-products-content {
        margin-bottom: 100px;
    }
}

/*Product details-------------------------*/

.product-details-tab {
    margin-bottom: 50px;
}

.product-details-tab .nav-tabs {
    border-bottom: 0;
    display: inline-block;
}

.product-details-tab .nav-tabs > li > a {
    border: 1px solid #dedede;
    padding: 20px 45px;
    border-radius: 0;
    margin-right: 5px;
    font-size: 15px;
    color: #8a8a8a;
    font-weight: 600;
}

.product-details-tab .nav-tabs > li.active > a,
.product-details-tab .nav-tabs > li.active > a:focus,
.product-details-tab .nav-tabs > li.active > a:hover {
    color: #222;
    background-color: #F4F5F7;
    border-bottom-color: transparent;
}

.product-details-tab .tab-content {
    margin-top: -4px;
    background-color: #F4F5F7;
    padding: 30px 0 0;
}


/* Review -------------------------------*/

.rating-block-wrapper .title {
    margin: 0 0 20px;
    font-size: 19px;
    font-weight: 600;
}

.rating-block {
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 15px 15px 20px 15px;
}

.rating-block h4 {
    margin: 0 0 10px;
}

.bold {
    font-weight: 700;
}


/* Rating point ------------------------*/

.rating-point {
    position: relative;
    height: 97px;
    width: 97px;
    line-height: 97px;
    margin-bottom: 6px;
}

.rating-point i {
    font-size: 100px;
    line-height: 97px;
}

.rating-point h3 {
    position: absolute;
    color: #fff;
    margin: 0;
    font-size: 16px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    letter-spacing: -0.5px;
}


/* Rating position ------------------*/

.rating-position {
    margin-top: 30px;
}

.rating-dimension {}

.rating-quantity {
    margin-right: 10px;
}

.rating-percent {
    width: 200px;
    margin-right: 10px;
}

.review-block-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.review-block {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
}

.review-block-rate {
    font-size: 13px;
    margin-bottom: 15px;
    display: inline-block;
    margin-right: 7px;
}

.review-block-rate .btn {
    padding: 0px 5px;
}

.review-block-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
}

.review-block-description {
    margin-bottom: 10px;
}


/* Review meta ---------------*/

.review-meta-row {
    color: #878787;
}

.review-block-name {
    font-size: 12px;
    font-weight: 500;
    margin-right: 7px;
}

.review-block-date {
    font-size: 12px;
    margin-left: 7px;
}

.like-dislike div {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    color: #c2c2c2;
}

.like-dislike div:last-child {
    margin-right: 0px;
}

.like-dislike div i {
    font-size: 16px;
    margin-right: 5px;
}

.like-dislike div span {}


/*progress bar-------------*/

.progress-bar {
    box-shadow: none;
}

.progress {
    height: 6px;
    border-radius: 0;
    box-shadow: none;
    margin: 8px 0;
}

.review-product-info {
    margin-bottom: 30px;
}

.review-product-info h4 {
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 600;
}


/* Rating ----------------*/

.rating-content {
    margin-bottom: 30px;
}

.rating-container .filled-stars {
    color: #f2b309;
    -webkit-text-stroke: 0px #777;
    text-shadow: none;
}

.rating-md {
    font-size: 23px;
}


/* Review Form -----------*/

.review-form {
    margin-bottom: 30px;
}

.review-form .form-control {
    border: 1px solid #dedede;
    box-shadow: none;
    border-radius: 0;
}

.review-form .btn-warning {
    border-radius: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    padding: 12px 25px;
    font-weight: 600;
}


/* Product description ----------------------------*/

.product-description h3 {
    font-size: 21px;
}

.product-description p {
    color: #666;
    margin-bottom: 1.7em;
}

.product-description ul {
    list-style-type: square;
    padding-left: 20px;
}

.product-description ul li {
    margin-bottom: 7px;
}

@media(max-width: 767px) {
    .product-details-tab {
        padding: 0 10px 10px;
        background-color: #f1f1f1;
        margin-bottom: 30px;
    }

    .product-details-tab .tab-content {
        border: 0;
        padding: 10px 5px;
        background-color: #fff;
    }

    .product-details-tab .nav-tabs {
        display: block;
        margin: 0 -10px 15px;
    }

    .product-details-tab .nav-tabs li {
        width: 33.33333%;
    }

    .product-details-tab .nav-tabs > li > a {
        padding: 7px 12px;
        margin-bottom: 5px;
        font-size: 14px;
        border-width: 0 0 2px 0;
        background-color: #fff;
        margin: 0;
        border-color: transparent;
    }

    .product-details-tab .nav-tabs > li.active > a,
    .product-details-tab .nav-tabs > li.active > a:focus,
    .product-details-tab .nav-tabs > li.active > a:hover {
        background-color: #fff;
        border-bottom-color: #2a66bf;
        border-width: 0 0 2px 0;
    }

    .review-block-wrapper {
        background-color: #fff;
    }
}


/*Product Gallery*/

.sr-text {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.thumb-nav .slick-prev::before,
.thumb-nav .slick-next::before {
    font-family: FontAwesome;
}

.thumb-nav .slick-prev::before {
    content: "\f106";
}

.thumb-nav .slick-next::before {
    content: "\f107";
}

.thumb-nav.slick-slider .slick-prev {
    left: 0;
}

.thumb-nav.slick-slider .slick-next {
    right: 0;
}

.wrapper strong {
    font-weight: 300;
    letter-spacing: 2px;
    font-size: 1.2em;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 20px 0;
    color: #666;
}

.product-images {
    width: 100%;
    margin: 0 auto;
}

.product-images .row {
    margin: 0;
}

.product-images [class*="col-"] {
    padding: 0;
}

.product-images [class*="col-"]:last-child {
    padding-left: 20px;
}

.product-images li,
.product-images figure,
.product-images a,
.product-images img {
    display: block;
    outline: none;
    border: none;
}

.product-images .main-img-slider figure {
    border: 1px solid #edebef;
}

.product-images .main-img-slider figure a {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.product-images .main-img-slider figure a img {
    width: 100%;
    margin: 0 auto;
}

.product-images .thumb-nav {
    padding: 0;
    text-align: center;
    z-index: 1;
}

.product-images .thumb-nav.slick-slider .slick-prev,
.product-images .thumb-nav.slick-slider .slick-next {
    height: 20px;
    width: 50%;
    transform: translate(0, 0);
    z-index: 1;
}

.product-images .thumb-nav .slick-prev::before,
.product-images .thumb-nav .slick-next::before {
    color: #fff;
    font-size: 31px;
    line-height: .7;
    opacity: 1;
}

.product-images .thumb-nav.slick-slider .slick-prev.slick-disabled,
.product-images .thumb-nav.slick-slider .slick-next.slick-disabled {
    opacity: .60;
}

.product-images .thumb-nav.slick-slider .slick-prev {
    top: auto;
    bottom: 0;
}

.product-images .thumb-nav.slick-slider .slick-next {
    top: auto;
    bottom: 0;
    background-color: #f06c18;
}

.main-img-slider .slick-prev,
.main-img-slider .slick-next {
    width: 25px;
    height: 42px;
    text-align: center;
    z-index: 1;
}

.main-img-slider .slick-next::before,
.main-img-slider .slick-prev::before {
    line-height: 42px;
    font-size: 28px;
    font-family: FontAwesome;
    opacity: 1;
    color: #000;
}

.main-img-slider .slick-prev::before {
    content: "\f104";
}

.main-img-slider .slick-next::before {
    content: "\f105";
}

.product-images .thumb-nav li {
    display: block;
    cursor: pointer;
    margin-bottom: 2px;
    border: 1px solid #edebef;
}

.product-images .thumb-nav li img {
    display: block;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: border-color .25s;
    -ms-transition: border-color .25s;
    -moz-transition: border-color .25s;
    transition: border-color .25s;
}

.product-images .thumb-nav li.slick-current img {}

.zoomWindow {
    margin-left: 30px;
    border: 1px solid #dedede !important;
}

.zoomLens {
    border: 1px solid #dedede !important;
    cursor: zoom-in !important;
}

@media(max-width: 767px) {
    .product-images [class*="col-"]:last-child {
        padding-left: 5px;
    }

    .main-img-slider .slick-prev,
    .main-img-slider .slick-next {
        display: none !important;
    }
}


/*Product video button-------------*/

.product-video-btn {
    margin: 15px;
    text-align: center;
}

.product-video-btn a {
    text-decoration: none;
    color: #4e4e4e;
    font-weight: 600;
    display: inline-block;
}

.product-video-btn a::before {
    content: "\f04b";
    display: inline-block;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 50%;
    font-family: FontAwesome;
    transition: color .3s ease, background-color .3s ease;
}


/*Similar products-------------*/

.title-widget {
    margin: 0 0 20px;
    font-size: 17px;
    font-weight: 600;
    border-bottom: 2px solid #2a66bf;
}

.title-widget span {
    display: inline-block;
    line-height: 18px;
    position: relative;
    padding: 10px 15px;
    border: solid #2a66bf;
    border-width: 1px 0 0 1px;
    background-color: #2a66bf;
    color: #fff;
}

.title-widget span::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 39px solid #2a66bf;
    border-right: 39px solid transparent;
    top: -1px;
    right: -39px;
}

.title-widget span::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 38px solid #2a66bf;
    border-right: 38px solid transparent;
    top: 0px;
    right: -38px;
}

@media(max-width: 767px) {
    .title-widget {
        font-size: 14px;
    }
}

/* Category Mobile -------------*/

.page-title {
    text-align: center;
    padding: 20px 15px;
    border-bottom: 1px solid #edebef;
}

.page-title .title {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 2px;
}

.page-title .sub-title {
    margin: 0;
    font-size: 13px;
    color: #919191;
    font-weight: 600;
}

@media(min-width: 768px) {
    .category-mobile {
        display: none;
    }
}

.sidebar-widget {
    padding: 20px 20px 20px 0;
    border-top: 0;
    border-right: 1px solid #edebef;
}

.sidebar-title {
    margin: 0 0 15px;
    font-size: 14px;
    font-weight: 600;
    color: #282c3f;
    text-transform: uppercase;
}

.accessories,
.price-Pips,
.product-size,
.filter-nav,
.sidebar-review,
.discount,
.product-color {
    padding-bottom: 20px;
    margin-bottom: 20px;
    background-color: #F4F5F7;
    padding: 20px;
}

.subcategories {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.subcategories > li > a {
    display: block;
    color: #282c3f;
    padding-bottom: 5px;
}

.subcategories > li > a .total {
    color: #94969f;
    font-size: 11px;
    margin-left: 4px;
}

.subcategories > li > a:hover {
    color: #000;
}

.subcategories > li > a > i {
    margin-right: 5px;
}

.filter-row {
    margin: 20px 0 12px;
}

.filter-title {
    margin-left: 1em;
}

.filter-title h1 {
    font-weight: 700;
    display: inline-block;
    font-size: 19px;
    margin: 0;
    color: #282c3f;
}

.filter-title span {
    font-size: 15px;
    color: #878b94;
}

.filter-row select {
    height: 32px;
}


/*Filter summary filterList-----------*/

.filter-summary-filterList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none;
}

.filter-summary-filterList li {
    margin: 8px 8px 0 0;
}

.filter-summary-filter {
    position: relative;
    background-color: #fff;
    border: 1px solid #bfc0c6;
    border-radius: 2px;
    text-transform: capitalize;
    color: #3e4152;
    padding: 5px 22px 5px 7px;
    cursor: default;
    font-size: 12px;
    transition: all .2s ease-out;
}

.filter-summary-colourBox {
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 2px;
    box-sizing: border-box;
}

.filter-summary-removeFilter {
    position: absolute;
    top: 4px;
    right: 2px;
    width: 18px;
    height: 20px;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.filter-summary-filter input {
    display: none;
}

.myntraweb-sprite {
    background: url(../img/remove.png);
    display: inline-block;
    background-size: cover;
}

.sprites-remove {
    width: 14px;
    height: 14px;
    background-position: center center;
}

.filter-summary-removeIcon {
    vertical-align: middle;
    opacity: .7;
    transform: scale(.6);
}

.filter-summary-resetAll {
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
    color: #09c;
    font-weight: 600;
}


/* Sidebar search nav ----------*/

.sidebar-search {
    position: relative;
    margin-bottom: 15px;
}

.sidebar-search .form-control {
    border-color: #e9e9e9;
    box-shadow: none;
    border-radius: 0;
    padding: 6px 30px 6px 12px;
}

.sidebar-search::after {
    content: "\e86f";
    display: inline-block;
    font: normal normal normal 14px/1 Linearicons-Free;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 15px;
    color: #000;
}


/* Slimscroll ----------------*/

.slimScrollRail {
    border-radius: 0 !important;
}

.slimScrollBar {
    opacity: 1 !important;
    border-radius: 0 !important;
}


/* Checkbox Widgets ----------*/

.checkbox {
    padding-left: 20px;
}

.checkbox:first-child {
    margin-top: 0px;
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    line-height: 15px;
    color: #282c3f;
}

.checkbox label span {
    color: #94969f;
    font-size: 11px;
    margin-left: 4px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #c3c2c9;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
}

.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}


/* Pagination Widgets ----------------*/

.pagination-widget {
    text-align: center;
    border-top: 1px solid #edebef;
}

.pagination {
    margin: 30px 0;
}

.pagination > li > a,
.pagination > li > span {
    margin: 0 2px;
    border-color: #eaeaea;
    color: #000;
    border: 0
}

.pagination > li.page-numbers > a,
.pagination > li.page-numbers > span {
    box-shadow: none;
    border: 0;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0;
}

@media(max-width: 767px) {
    .pagination-widget {
        background-color: #FAFAFA;
    }

    .pagination {
        margin: 15px 0;
    }
}


/*Product cart page ----------------------*/

.cart-list-content {
    padding: 50px 0;
}

.cart-list-content h1,
.checkout-conent h1 {
    text-align: center;
    margin: 0 0 50px;
    font-size: 24px;
    font-weight: 900;
}

.product-image {
    float: left;
    width: 15%;
}

.product-details {
    float: left;
    width: 30%;
}

.product-variant, .cart-product-variant{
    width: 10%;
}

.price-title,
.cart-product-price {
    float: left;
    width: 12%;
}

.cart-product-price,
.total-price {
    font-size: 15px;
    font-weight: 600;
}

.product-quantity {
    width: 10%;
}

.product-removal {
    width: 9%;
    text-align: center;
}

.product-removal span {
    font-size: 25px;
    cursor: pointer;
}

.total-price-title,
.total-price {
    font-size: 14px;
}


/* This is used as the traditional .clearfix class */

.group:before,
.shopping-cart:before,
.column-labels:before,
.product-cart-list:before,
.totals-item:before,
.group:after,
.shopping-cart:after,
.column-labels:after,
.product-cart-list:after,
.totals-item:after {
    content: '';
    display: table;
}

.group:after,
.shopping-cart:after,
.column-labels:after,
.product-cart-list:after,
.totals-item:after {
    clear: both;
}

.group,
.shopping-cart,
.column-labels,
.product-cart-list,
.totals-item {
    zoom: 1;
}

.product .product-price:before,
.product .product-line-price:before,
.totals-value:before {
}


/* Body/Header stuff */

.shopping-cart-list {
}


/* Column headers */

.column-labels {
    border: 1px solid #dedede;
    margin-bottom: -1px;
}

.column-labels label {
    font-size: 16px;
    background-color: #FAFAFA;
    padding: 7px 0;
    margin: 0;
}

.column-labels .product-image,
.column-labels .product-details,
.column-labels .product-removal {
    text-indent: -9999px;
}


/* Product entries */

.product-cart-list {
    padding: 15px 0;
    border: 1px solid #dedede;
    margin-bottom: -1px;
}

.product-cart-list .product-image {
    text-align: center;
}

.product-cart-list .product-image img {
    width: 100px;
}

.product-cart-list .product-details .product-name {
    margin-right: 20px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.product-cart-list .product-details .product-description {
    margin: 5px 20px 5px 0;
    line-height: 1.4em;
    color: rgba(0, 0, 0, 0.4);
}

.product-cart-list .product-quantity input {
    width: 80%;
    border: 1px solid #dedede;
    height: 36px;
    padding: 6px 12px;
}


/* Totals section */

.cart-totals {}

.cart-totals .cart-totals-border {
    padding: 30px;
    border: 1px solid #dedede;
    margin-top: 42px;
}

.cart-totals .totals-item {
    clear: both;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
}

.cart-totals .totals-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.cart-totals .totals-item label {
    width: 79%;
}

.cart-totals .totals-item .totals-value {
    float: right;
    width: 21%;
    text-align: right;
}

.checkout {
    border: 0;
    margin-top: 20px;
    padding: 12px 25px;
    color: #fff;
    font-size: 13px;
    border-radius: 0;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
}

.checkout:hover {
    background-color: #494;
}

.calculate-content {
    border-top: 1px solid #dedede;
    padding: 50px 0 20px;
}

.shipping-form,
.coupon-form,
.cart-totals {
    margin-bottom: 30px;
}

.cart-totals h2,
.shipping-form h2,
.coupon-form h2 {
    font-size: 19px;
    color: #000;
    margin: 0 0 5px;
    font-weight: 700;
}

.shipping-form p,
.coupon-form p {
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
}

.shipping-calculator .form-control,
.coupon .form-control {}

.btn-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 15px;
}

.social-link li a i {
    width: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    margin-right: 8px;
    color: #fff;
}

.social-link li a i.fa-facebook {
    background: #0671ad;
}

.social-link li a i.fa-twitter {
    background: #1dadeb;
}

.social-link li a i.fa-instagram {
    background: #EA4335;
}

.social-link li a i.fa-linkedin {
    background: #bb0528;
}

.social-link li a i.fa-youtube {
    background: #1178b3;
}

.footer-box p,
.contact_info,
.contact_info a {
    color: #b3c0cc;
}

.contact_info a:hover {
    color: #2a66bf;
}

.topBarNav select {
    font-size: 11px;
    border: 0;
    font-weight: 600;
    color: #333;
}

.checkbox_area {
    display: block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox_area input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background: #eee;
}

.checkbox_area:hover input ~ .checkmark {
    background-color: #ccc;
}

.checkbox_area input:checked ~ .checkmark {
    background-color: #2a66bf;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox_area input:checked ~ .checkmark:after {
    display: block;
}

.checkbox_area .checkmark:after {
    left: 6px;
    top: 3px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.map_area {
    margin-bottom: 50px;
}

.map_area #map {
    height: 350px;
}

.contact_area {
    margin: 50px 0;
}

.contact_area .contact_inner {
    margin-top: 25px;
}

.contact_area .contact_inner .contact_info {
    padding-bottom: 30px;
}

.contact_area .contact_inner .contact_info .info_area {
    display: inline-block;
    vertical-align: middle;
}

.contact_area .contact_inner .contact_info a i {
    font-size: 60px;
    line-height: 1;
    color: #339ace;
    margin-right: 10px;
}

.contact_inner .contact_info a:hover,
.contact_inner .contact_info a:focus {
    color: #253cac;
}

.contact_area .contact_inner .request_form {
    text-align: center;
}

.contact_area .contact_inner .request_form .comments_area .form-group:first-child {
    padding-right: 0;
}

.contact_info .title3 {
    margin: 15px 0;
}

.contact_info .p {
    margin: 0;
}

.contact_area .comments_area .form-control {
    border-radius: 0;
    height: 40px;
}

.contact_area .comments_area .form-control.msg_box {
    height: 150px;
    resize: none;
}

.contact_area .contact_inner .request_form .comments_area .form-control:focus {
    border: 1px solid #339ace;
    outline: none;
    box-shadow: none;
}

.contact_area .form-control.placeholder {
    color: #868686;
}

.contact_area .form-control:-moz-placeholder {
    color: #868686;
}

.contact_area .form-control::-moz-placeholder {
    color: #868686;
}

.contact_area .form-control::-webkit-input-placeholder {
    color: #868686;
}

/* Checkout page ------------*/

.checkout-conent {
    padding: 50px 0
}

/*Panel -------------------*/

.panel-group {
    margin-bottom: 30px;
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
}

.panel-group .panel + .panel {
    margin-top: 10px;
}

.panel-default {
    border: 0;
}

.panel-body {
    padding: 15px 15px 5px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    padding: 15px 0;
    border-radius: 0;
    border-bottom: 1px solid #ececec;
}

.panel-title {
    font-size: 15px;
    font-weight: 500;
}

.brand-cat-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.brand-cat-left {
    background: #fff;
    padding: 50px 0;
    width: 25%;
    border: 1px solid #e1e7ec;
}

.brand-cat-left img {
    margin-bottom: 15px;
}

.brand-cat-right {
    width: 75%;
}

.lost-pass {
    display: block;
    color: #333;
    text-decoration: underline;
    margin-top: 10px;
}

.social-content h5 {
    font-weight: 600;
}

.social-connect {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
}

.social-connect.fac {
    background-color: #185381;
}

.social-connect.twi {
    background-color: #429cd6;
}

.social-connect.goo {
    background-color: #d62d20;
}

.social-connect.lin {
    background-color: #0077b5;
}

.billing-title {
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 700;
}

.billing-form label {
    font-weight: 600;
}

.required {
    color: red;
}

.check-orde {
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .07);
}

.check-orde h4 {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 20px;
    text-transform: capitalize;
}

.payment-block {
    margin: 30px 0;
}

.payment-block .payment-item {
    margin-bottom: 5px;
}

.payment-block .payment-item input[type="radio"] {
    margin-top: 0;
    margin-right: 5px;
}

.payment-block .payment-item label::before {
    content: '';
    position: absolute;
    background-color: transparent;
    top: 50%;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #c3c2c9;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.payment-block .payment-item label::after {
    content: '';
    position: absolute;
    background-color: #2a66bf;
    top: 50%;
    left: 5px;
    width: 7px;
    height: 7px;
    opacity: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.payment-block .payment-item input[type="radio"]:checked + label:after {
    opacity: 1;
}

.payment-block .payment-item label {
    position: relative;
    padding-left: 30px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 10px;
}

.payment-block .payment-item label img {
    vertical-align: middle;
    margin: -2px 0 0 .5em;
    padding: 0;
    position: relative;
    box-shadow: none;
    height: 30px;
}

.payment-block .payment-item label .about-paypal {
    display: inline-block;
    font-size: 11px;
    text-decoration: underline;
    margin-left: 10px;
}

.payment-block .payment-item input {
    display: none;
}

.payment-block .payment-item .description {
    font-weight: 400;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    line-height: 1.5;
    background-color: #eaeaea;
    color: #515151;
}

.payment-block .payment-item .description p {
    padding: 1em;
    margin: 0;
}

.payment-block .payment-item .description::before {
    content: '';
    display: block;
    border: 10px solid #eaeaea;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -6px;
    left: 0;
    margin: -1em 0 0 2em;
}

.payment-block .payment-item .description img {
    width: 100%;
    max-width: 100%;
}

@media(max-width: 767px) {
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}

@media(max-width: 320px) {
    .form-inline .form-control {
        width: 180px;
    }
}

/*Lost password -----------------*/

.lost-password {
    padding: 15px;
    width: 500px;
    margin: 50px auto;
}


/*Mobile  Extra features -------------------*/
@media(max-width: 767px) {
    .page-breadcrumbs .breadcrumb {
        padding: 0 15px;
    }
}

@media(max-width: 575px) {
    .lost-password {
        width: calc(100% - 30px);
    }
}


.cart_counter {
    display: flex;
    align-items: center;
    margin-top: -18px;
}

.cart-btn {
    margin-left: 0.8em;
}

.cart_counter .items-count {
    padding: 0;
    border-radius: 0;
    width: 20px;
    height: 48px;
    font-size: 14px;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #dedede;
}

.cart_counter .input-text {
    height: 48px;
    width: 40px;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    border: 1px solid #dedede;
    margin: 0 -5px;
    vertical-align: top;
}

.remove_wishlist {
    background: red;
    border-radius: 50%;
    padding: 0px 5px;
    color: #efefef;
    cursor: pointer;
    margin-top: -20px;
}

.shopping-cart img {
    display: inline-block;
    margin-right: 10px;
    width: 40px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
}

.radio img {
    height: 38px;
    margin-top: -11px;
    margin-left: -7px;
}

.product-cart-list .product-image {
    text-align: center;
}
.product-image {
    float: left;
    width: 15%;
}


.product-cart-list .product-quantity input {
    width: 75px;
    border: 1px solid #dedede;
    height: 36px;
    padding: 6px 12px;
}

.cart-product-price, .total-price {
    font-size: 15px;
    font-weight: 600;
}
.price-title, .cart-product-price {
    float: left;
    width: 12%;
}

.column-labels label {
    font-size: 16px;
    background-color: #FAFAFA;
    padding: 7px 0;
    margin: 0;
}

.shopping_cart_area .empty_cart img {
    width: 150px;
}

section.shopping_cart_area {
    margin: 1em 0;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-top: 0;
}


.product_slider {
    margin-right: 0;
}

.widget ul li a {
    display: block;
    color: #b3c0cc;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 14px;
}

.widget_title {
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}

.widget_inner.row.m0 {
    margin: 0;
}

#qr-box {
    margin-top: 0;
}

.my-10 {
    margin: 1em 0;
}


.product-media {
    margin-bottom: 50px;
}
@media (min-width: 767px){
    .product-media {
        margin-bottom: 20px;
    }
}
@media (min-width: 1200px){
    .product-media {
        padding-right: 30px;
    }
}
.product-media .images-large {
    position: relative;
    border: 1px solid #eeeeee;
    background-color: #fff;
    margin-bottom: 25px;
    text-align: center;
}
img {
    max-width: 100%;
}
.product-media .images-large .btn-zoom {
    display: none;
    visibility: hidden;
    opacity: 0;
}
.product-media .images-small {
    padding: 0 35px;
}
.product-media .images-small .owl-item {
    padding-bottom: 1px;
}
.product-media .images-small a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #eeeeee;
    background-color: #fff;
    text-align: center;
    padding: 0;
}
.owl-carousel .owl-item img {
    width: auto;
    -webkit-transform-style: flat;
    transform-style: flat;
}
.product-media .images-small a img {
    margin: auto;
    display: block;
    width: 100%;
    height: 3em;
}


.product-media .images-small .owl-prev, .product-media .images-small .owl-next {
    width: 24px;
    text-align: center;
    line-height: 24px !important;
    color: #fff !important;
    background-color: #aaaaaa !important;
    border-radius: 0;
    display: block;
    height: auto;
    text-indent: 0;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    font-size: 16px !important;
}
.product-media .images-small .owl-prev:hover,
.product-media .images-small .owl-next:hover {
    background-color: #0054D1 !important;
}
.product-media .images-small .owl-prev {
    left: -35px;
}
.product-media .images-small .owl-next {
    right: -35px;
}
.product-media .images-small .owl-prev:before, .product-media .images-small .owl-next:before {
    content: "";
    font-family: "FontAwesome";
}
.product-media .images-small .owl-prev:before {
    content: "\f104";
}
.product-media .images-small .owl-next:before {
    content: "\f105";
}
.product-media .images-small a.active {
    border: 1px solid #0054D1;
}
.zoomWindow{
    border: 0px !important
}

.filter-modal .close {
    width: 25px;
    line-height: 25px;
    color: #000;
    opacity: 1;
}


.product-cart-list .product-quantity {
    display: inline-flex;
}

@media (max-width: 991px){
    .product-details{
        width: 25%;
    }
    .product-quantity{
        width: 18%;
    }
}

/* Make adjustments for tablet */

@media (max-width: 650px) {
    .product-cart-list {
        border-width: 1px 0;
    }

    .shopping-cart {
        margin: 0;
        padding-top: 20px;
        border-top: 1px solid #eee;
    }

    .column-labels {
        display: none;
    }

    .product-image {
        float: right;
        width: auto;
    }

    .product-image img {
        margin: 0 0 15px;
    }

    .product-details {
        float: none;
        margin-bottom: 15px;
        width: auto;
    }

    .cart-product-price {
        width: 16%;
        margin-top: 5px;
        display: inline-block;
    }

    .product-quantity {
        width: 23%;
        padding-right: 10px;
    }

    .product-cart-list .product-quantity input {
        width: 100%;
        height: 30px;
        padding: 4px 8px;
    }

    .product-removal {
        color: #fff;
        height: 30px;
        width: 30px;
        line-height: 36px;
        display: inline-block;
    }

    .total-price {
        margin-left: 15px;
        line-height: 30px;
        display: inline-block;
    }

    .product-removal span {
        font-size: 17px;
    }

    .product-line-price {
        float: right;
        width: 70px;
    }

    .cart-product-variant{
        display: inline-block;
    }
}


/* Make more adjustments for phone -----------------------*/

@media (max-width: 350px) {

    .product-cart-list .total-price:before {
        content: 'Item Total: $';
    }

    .totals .totals-item label {
        width: 60%;
    }

    .totals .totals-item .totals-value {
        width: 40%;
    }
}

@media(min-width: 651px) {
    .product-cart-list {
        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;
    }

    .product-cart-list.odd {
        background-color: #FAFAFA;
    }
}

@media (max-width: 460px){
    .total-price {
        width: 100%;
        margin-top: 6px;
        padding-left: 0;
        margin-left: 0;
        display: block;
    }
    .cart-product-variant{
        width: 20%;
    }
    .product-quantity{
        width: 40%;
    }
    .cart-totals .totals-item label{
        width: 70%;
    }
    .cart-totals .totals-item .totals-value{
        width: 30%;
    }
    .product-cart-list .product-image{
        float: none;
        text-align: left;
        display: block;
    }
    .cart-product-price{
        display: block;
        float: none;
    }
}

.slick-slide img {
    display: block;
    width: 100%;
}
/*More Style*/
.color_green{
    color:green;
}
.color_red{
    color:red;
}
.qnty_refresh{
    font-size:20px;padding: 0px;
}
.bg-eceeef{
    background: #eceeef;
}
.padfont{
    padding: 0.3em; font-size: 0.8em;
}
.pl-5{
    padding-left: 5px;
}
.conbox{
    background: #fff;padding-top: 1em;
}
.oopsimg{
    width: 10em; height: 8em;
}

.img_thumb{
    height:  80px;width:  80px;
}
.sub_msg_success{
    color:green; text-shadow: 1px 3px 5px #000; font-size:1.5em;
}
.download_app{
    padding:0.5em;
}
.color_eee{
    color:#eee;
}
.bg_red{
    background: red;
}
.justify_center{
    justify-content: center;
}
.recover_msg{
    color: red; font-weight: bold;
}
.loader_img{
    width: 2em; height: 2em;
}
.m_1e{
    margin: 1em;
}
.m_2e{
    margin: 2em;
}
.mt_5{
    margin-top: 5px;
}
.m_2e_0{
  margin: 2em 0;
}
.mt_0{
  margin-top: 0
}
.mt_20{
    margin-top: 20px;
}

.fs_1_5e{
  font-size: 1.5em
}
.p_1e{
  padding: 1em;
}
.prod_size_div{
  display: inline-block; vertical-align: top;
}
.required_star{
  color: red;font-size: 1.8em;
}
.dis_inbl{
  display: inline-block;
}
.width_100p{
    width: 100%;
}
.width_80p{
  width: 80%;
}
.width_60p{
  width: 60%;
}
.width_40p{
  width: 40%;
}
.width_20p{
  width: 20%;
}
#coupon_value{
    color: #333;
}
@media (min-width: 1200px ){
    .slick-slide img{
        max-height: 560px;
    }
}
/*Social media*/
.social-icon a, .footer-box ul li a {
    display: block;
    margin-bottom: 8px;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    padding-left: 26px;
    color: #b3c0cc;
}
.social-icon .icon-wrap {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    line-height: 30px;
    border-radius: 3px;
    vertical-align: middle;
}
.social-icon .icon-wrap.inst {
    background-color: #3f729b !important;
}
.social-icon .icon-wrap.twi {
    background-color: #00acee !important;
}
.social-icon .icon-wrap.dri {
    background-color: #ea4c89 !important;
}
.social-icon .icon-wrap.fb {
    background-color: #3b5998 !important;
}
.social-icon .icon-wrap.lin {
    background-color: #0e76a8 !important;
}
.social-icon .icon-wrap.yt {
    background-color: #FF0000 !important;
}
.footer-link li a{
    color: #292b2c;
}
.footer-box .link-title{
    color: #b3c0cc;
}
.align-middle{
    vertical-align: middle!important;
}

.social_login{
    padding-top: 10px;
    margin-left: -7px;
}
.btn-facebook {
    color: #fff;
    background-color: #3B5999;
    border-color: #2e6da4;
    
}

.btn-google {
    color: #fff;
    background-color: #4285F4;
    border-color: #2e6da4;
    
}

.btn-instagram {
    color: #fff;
    background-color: #CD3F7A;
    border-color: #2e6da4;
}
.btn-linkedin {
    color: #fff;
    background-color: #004182;
    border-color: #2e6da4;
}
#affiliate_btn{
    background: #f2853f !important;
}