body,
    html {
        height: 100%;
    }
    
    img {
        height: auto;
    }
    
    body {
        color: #666;
        font-family: "Poppins", Helvetica, sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 1px;
    }
    
    body>.container {
        clear: both;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Philosopher", Helvetica, sans-serif;
        color: #333333;
    }
    /* default font size */
    
    .fa {
        font-size: 13px;
        vertical-align: baseline;
    }
    
    .fa.fa-close {
        color: #666;
    }
    
    .fa.fa-close:hover {
        color: #fff;
    }
    /* Override the bootstrap defaults */
    
    h1 {
        font-size: 33px;
    }
    
    h2 {
        font-size: 27px;
    }
    
    h3 {
        font-size: 21px;
    }
    
    h4 {
        font-size: 18px;
    }
    
    h5 {
        font-size: 12px;
    }
    
    h6 {
        font-size: 10.2px;
    }
    
    a {
        color: #111;
    }
    
    .html-content .col-md-4.col-xs-12 {
        padding: 0;
        width: auto;
        background: url("../../../../../image/banner-imges/baground.png");
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    legend {
        font-size: 18px;
        padding: 7px 0px;
        color: #111;
    }
    /*--------------whats-App-Btn---------------*/
    
    .whatsapp-btn {
        padding-left: 25px;
        left: 15px;
        right: 10px;
        position: fixed;
        z-index: 10001;
        bottom: 45px;
        cursor: pointer;
    }
    
    .whatsapp-btn .mobile {
        display: none;
    }
    
    .vb-logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    small,
    .small {
        font-size: 13px;
    }
    
    label {
        font-size: 13px;
        font-weight: 500;
    }
    
    .checkbox label,
    .radio label {
        font-weight: 500;
    }
    
    select.form-control {
        appearance: none;
        -o-appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        cursor: pointer;
    }
    
    .form-control {
        color: #666;
        border: 1px solid #e5e5e5;
        margin: 0 0 5px;
        height: 42px;
        word-break: break-all;
    }
    
    .form-control:hover,
    .form-control:focus,
    .form-control:active {
        border: 1px solid #ccc !important;
    }
    
    .category-filter .hidden-xs {
        display: block !important;
    }
    
    .filter-sort-by .form-control,
    .filter-show .filter-selection .form-control {
        background-color: #fff;
        margin: 0;
        border: 1px solid #e5e5e5;
    }
    
    .col-md-9.text-right.filter-selection .select-wrapper {
        position: relative;
        margin: 0 0 0 5px;
    }
    
    button,
    input,
    select,
    textarea {
        outline: none;
    }
    
    .select-wrapper {
        position: relative;
    }
    
    .select-wrapper::after {
        font-family: 'Material Icons';
        content: '\e313';
        font-size: 17px;
        position: absolute;
        right: 5px;
        top: 12px;
        pointer-events: none;
    }
    
    #checkout-cart .input-group .form-control,
    #checkout-cart .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
        z-index: 1;
        position: static;
    }
    
    select.form-control,
    textarea.form-control,
    input[type="text"].form-control,
    input[type="password"].form-control,
    input[type="datetime"].form-control,
    input[type="datetime-local"].form-control,
    input[type="date"].form-control,
    input[type="month"].form-control,
    input[type="time"].form-control,
    input[type="week"].form-control,
    input[type="number"].form-control,
    input[type="email"].form-control,
    input[type="url"].form-control,
    input[type="search"].form-control,
    input[type="tel"].form-control,
    input[type="color"].form-control {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 1px;
        outline: none;
    }
    
    .input-group .form-control {
        height: auto;
        padding: 7px 12px;
    }
    
    .input-group input,
    .input-group select,
    .input-group .dropdown-menu,
    .input-group .popover {
        font-size: 13px;
    }
    
    .input-group .input-group-addon {
        font-size: 14px;
        height: 30px;
    }
    
    .tt-home {
        width: 100%;
        float: left;
        position: relative;
    }
    
    body #page::after {
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        top: 0;
        bottom: 0;
        content: '';
        left: 0;
        right: 0;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 2;
    }
    
    body.menu_hover #page::after,
    body.currency-open #page::after,
    body.language-open #page::after,
    body.cart-open #page::after,
    body.user-open #page::after,
    body.search-open #page::after,
    body.menu_hover2 #page::after {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        visibility: visible;
    }
    
    #checkout-cart.container>.row {
        clear: both;
    }
    /* ------------------------------- Product Rollover CSS Start ----------------------- */
    
    .product-thumb .image img.image_thumb_swap {
        max-width: 100%;
        height: auto;
        position: absolute;
        opacity: 0;
        top: 0;
        left: -100%;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    .product-thumb:hover .image img.image_thumb_swap {
        opacity: 1;
        left: 0;
    }
    /* ------------------------------- Product Rollover CSS End ----------------------- */
    /* Fix some bootstrap issues */
    
    a,
    a:focus,
    a:active,
    a:hover,
    select,
    input[type=radio],
    input[type=checkbox] {
        outline: 0 none !important;
    }
    
    a:active,
    a:hover,
    a:focus {
        color: #111;
    }
    
    span.hidden-xs,
    span.hidden-sm,
    span.hidden-md,
    span.hidden-lg {
        display: inline;
    }
    
    #wishlist-total span {
        display: inline-block !important;
    }
    
    .owl-carousel .owl-wrapper-outer {
        direction: ltr !important;
        list-style: none;
    }
    
    input[type="radio"],
    input[type="checkbox"] {
        margin-top: 0px;
        cursor: pointer;
    }
    
    .tt-home .nav-tabs {
        border: medium none;
        display: inline-block;
        float: none;
        margin: 0 0 25px;
        text-align: center;
        vertical-align: top;
        width: auto;
    }
    
    .owl-carousel .owl-item {
        direction: ltr !important;
        list-style: none;
    }
    
    .nav-tabs>li {
        float: none;
        vertical-align: top;
        display: inline-block;
    }
    
    .tab-content {
        padding: 15px 0;
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }
    
    .tab-content ul,
    .tab-content ol {
        padding: 0 0 0 15px;
        font-size: 13px;
        color: #666;
        font-weight: 400;
    }
    
    .data-address {
        color: #fff;
    }
    /* TTproduct tab*/
    
    .ttproduct-main {
        float: left;
        position: relative;
        text-align: center;
        width: 100%;
        margin: 90px 0;
    }
    
    .ttproduct-main .container {
        position: relative;
    }
    
    .homebg-main {
        float: left;
        width: 100%;
    }
    
    .TTProduct-Tab .tab-content {
        border: none;
        padding: 0;
        float: left;
        width: 100%;
        margin: 0;
    }
    
    .TTProduct-Tab .nav-tabs>li {
        padding: 0;
        margin: 0 5px;
        position: relative;
    }
    
    .nav-tabs>li {
        display: inline-block;
        float: none;
        margin: 0 15px;
        padding: 5px 0;
        position: relative;
        transition: all 500ms ease-in-out 0s;
        -webkit-transition: all 500ms ease-in-out 0s;
        -moz-transition: all 500ms ease-in-out 0s;
        -o-transition: all 500ms ease-in-out 0s;
        -ms-transition: all 500ms ease-in-out 0s;
        vertical-align: top;
    }
    
    .TTProduct-Tab .nav-tabs>li>a {
        border: medium none;
        line-height: 32px;
        margin: 0;
        padding: 0;
        background: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        z-index: 1;
    }
    
    .TTProduct-Tab .nav-tabs>li>a .tab-title {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border: none;
        color: #111;
        font: 700 16px/20px "Philosopher", Helvetica, sans-serif;
        margin: 0;
        outline: medium none;
        padding: 10px 20px;
        position: relative;
        text-transform: capitalize;
        z-index: 1;
        letter-spacing: 1px;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
    }
    
    .TTProduct-Tab .nav-tabs>li:hover>a .tab-title,
    .TTProduct-Tab .nav-tabs>li.active>a .tab-title {
        color: #fff;
    }
    
    .TTProduct-Tab .nav-tabs>li.active>a {
        background: none;
        color: #fff;
        border: none;
    }
    
    .TTProduct-Tab .nav-tabs>li>a::after,
    .TTProduct-Tab .nav-tabs>li.active>a::after {
        background: #7e63ff;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        -webkit-transform: scale(0.5, 1);
        -moz-transform: scale(0.5, 1);
        -ms-transform: scale(0.5, 1);
        -o-transform: scale(0.5, 1);
        transform: scale(0.5, 1);
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
    }
    
    .ttcat-tab .nav-tabs>li:hover>a::after,
    .ttcat-tab .nav-tabs>liactive>a::after,
    .TTProduct-Tab .nav-tabs>li:hover>a::after,
    .TTProduct-Tab .nav-tabs>li.active>a::after {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    .TTProduct-Tab .tab-box-heading {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        float: left;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    
    .categoryslider-content {
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
    }
    
    .owl-stage-outer .owl-stage {
        position: relative;
    }
    
    .owl-stage-outer .owl-stage .owl-item {
        float: left;
    }
    /*------------------------------------- Next-Prev Owl Button CSS Start ------------------------------------------*/
    
    .owl-nav {
        display: inline-block;
        float: none;
        padding: 0;
        text-align: center;
        vertical-align: top;
        cursor: pointer;
        margin: 10px 0 0;
        direction: ltr;
    }
    
    .products-carousel.owl-carousel .owl-nav button {
        display: inline-block;
        vertical-align: top;
        border: 1px solid #e5e5e5;
        color: #666;
        height: 31px;
        width: 31px;
        text-shadow: none;
        outline: none;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        margin: 0 4px 0 0;
        font-size: 0;
        text-transform: capitalize;
        border-radius: 50%;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    .products-carousel.owl-carousel .owl-nav .owl-prev:hover,
    .products-carousel.owl-carousel .owl-nav .owl-next:hover {
        background-color: #7e63ff;
        border-color: #7e63ff;
        color: #fff;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transiion: all 0.5s;
    }
    
    .products-carousel.owl-carousel .owl-nav .owl-prev {
        border-radius: 10px 0 0 10px;
    }
    
    .products-carousel.owl-carousel .owl-nav .owl-next {
        border-radius: 0 10px 10px 0;
    }
    
    .products-carousel.owl-carousel .owl-nav .owl-prev::after {
        border-bottom: 1px solid #e5e5e5;
        content: "";
        height: 1px;
        left: -41px;
        position: absolute;
        top: 15px;
        width: 40px;
    }
    
    .products-carousel.owl-carousel .owl-nav .owl-next::before {
        border-top: 1px solid #e5e5e5;
        content: "";
        height: 1px;
        position: absolute;
        right: -61px;
        top: 10px;
        width: 60px;
    }
    
    .products-carousel.owl-carousel .owl-nav .owl-prev::before {
        border-top: 1px solid #e5e5e5;
        content: "";
        float: left;
        height: 1px;
        left: -61px;
        position: absolute;
        text-align: left;
        top: 10px;
        width: 60px;
    }
    
    .products-carousel.owl-carousel .owl-nav .owl-next::after {
        border-bottom: 1px solid #e5e5e5;
        content: "";
        height: 1px;
        position: absolute;
        right: -41px;
        top: 15px;
        width: 40px;
    }
    
    .owl-nav .owl-prev span {
        display: none;
    }
    
    .products-carousel.owl-carousel .owl-nav .owl-prev:hover {
        background-position: -67px -353px;
    }
    
    .products-carousel.owl-carousel .owl-nav .owl-next:hover {
        background-position: -10px -386px;
    }
    /*------------------------------------- Next-Prev Owl Button CSS End ------------------------------------------*/
    
    .additional-images .owl-nav button.owl-prev,
    .additional-images .owl-nav button.owl-next {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        direction: ltr;
        bottom: 0;
        font-size: 0;
        height: 26px;
        margin: auto;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        padding: 0;
        position: absolute;
        text-shadow: none;
        top: 0;
        transition: all 400ms ease-in-out;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        width: 26px;
    }
    
    .additional-images .owl-nav button.owl-prev:hover,
    .additional-images .owl-nav button.owl-next:hover {
        background: #7e63ff;
        border-color: #7e63ff;
    }
    
    .additional-images-container .additional-images.owl-carousel .owl-nav>button.owl-prev {
        left: -40px;
        right: auto;
    }
    
    .additional-images-container .additional-images.owl-carousel .owl-nav>button.owl-next {
        right: -40px;
        left: auto;
    }
    
    .additional-images-container .additional-images.owl-carousel .owl-nav>button.owl-prev::before,
    .additional-images-container .additional-images.owl-carousel .owl-nav>button.owl-next::before {
        background: none;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        color: #666;
        padding: 0;
        content: "\e408";
        font-family: "Material Icons";
    }
    
    .additional-images-container .additional-images.owl-carousel .owl-nav>button.owl-next::before {
        content: "\e409";
        padding: 0;
    }
    
    .additional-images-container .additional-images.owl-carousel .owl-nav>button.owl-prev:hover::before,
    .additional-images-container .additional-images.owl-carousel .owl-nav>button.owl-next:hover::before {
        color: #fff;
    }
    
    .owl-carousel .owl-nav button span {
        display: none;
    }
    /*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/
    
    div.required .control-label:before {
        content: '* ';
        color: #F00;
        font-weight: bold;
    }
    
    .header-content-title {
        background: #f5f5f5;
        float: left;
        margin: 10px 0 30px;
        padding: 0;
        width: 100%;
        position: relative;
    }
    
    .header-content-title .parallex {
        background-color: #6fc682;
        float: left;
        width: 100%;
    }
    
    .common-home .header-content-title {
        display: none;
    }
    
    .page-title-wrapper {
        float: left;
        width: 100%;
    }
    
    .page-title-wrapper .breadcrumb-wrapper {
        float: left;
        width: 100%;
    }
    
    .page-title-wrapper .page-title {
        color: #111;
        font: 600 18px/34px "Philosopher", Helvetica, sans-serif;
        text-transform: capitalize;
        float: left;
        width: auto;
        text-align: center;
        margin: 0;
    }
    
    .page-title {
        color: #fff;
        font-size: 16px;
    }
    
    .page-title-wrapper .breadcrub {
        background: none;
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        text-align: left;
        padding: 15px 0;
        border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        -khtml-border-radius: 6px 6px 0 0;
        position: relative;
    }
    
    .affiliate-login h2,
    .account-login h2,
    .checkout-checkout h2,
    .product-search h2 {
        color: #111;
        font: 600 20px/25px "Philosopher", Helvetica, sans-serif;
    }
    
    .checkout-success #content p>a,
    .account-success #content p>a {
        font-weight: 700;
        font-size: 14px;
        color: #333;
    }
    
    .account-order-info #page .header-content-title h2,
    .account-address-edit #page .header-content-title h2 {
        color: #111;
        font: 600 18px/34px "Philosopher", Helvetica, sans-serif;
        text-transform: capitalize;
        float: left;
        width: auto;
        text-align: center;
        margin: 0;
    }
    
    #account-order h3 {
        color: #111;
        font-size: 16px;
        font-weight: 600;
    }
    /* Gradent to all drop down menus */
    
    .dropdown-menu li>a:hover,
    .dropdown-menu li>a:focus {
        text-decoration: none;
        color: #FFFFFF;
    }
    
    #top {
        float: left;
        width: 100%;
        max-width: 100%;
        background: #82052d none repeat scroll 0 0;
    }
    
    .header-top-left {
        background: #f5751f;
        border-radius: 50px;
        float: none;
        display: inline-block;
        position: relative;
        text-align: center;
        width: 100%;
    }
    
    .header-top-right {
        float: right;
        width: auto;
    }
    
    .header-top-left .pull-left {
        margin: 0 20px 0 0;
    }
    
    .container.fixed .full-header .header-right {
        margin: 15px 0;
    }
    
    #currency .btn.dropdown-toggle,
    #language .btn.dropdown-toggle {
        padding: 10px 0;
        margin-right: 15px;
    }
    
    #top #currency .currency-select,
    #top #language .language-toggle a {
        padding: 3px 10px;
        color: #666;
        font-size: 14px;
        text-align: left;
        height: auto;
    }
    
    #top #currency .currency-select:hover,
    #top #language .language-toggle a:hover {
        background-color: #509ac8;
        color: #FFFFFF;
    }
    
    #top-links>ul>li {
        position: relative;
        float: left;
        padding: 0;
        text-align: center;
    }
    
    #top-links>ul>li.header_user_info {
        cursor: pointer;
        height: 40px;
        position: relative;
        width: 40px;
        z-index: 2;
        float: left;
        margin: 0 5px
    }
    
    #top-links>ul>li:last-child::before {
        display: none;
    }
    
    #top .btn-link,
    #top-links li,
    #top-links a {
        color: #666;
        text-align: left;
        font: 500 13px/24px "Poppins", Helvetica, sans-serif;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
    }
    
    .ttlanguage .pull-left,
    .ttcurrency .pull-left {
        width: 100%;
    }
    
    .btn-group {
        float: left;
        width: 100%;
    }
    
    #top-links .header_user_info .fa-caret-down.ttuserinfo {
        display: none;
    }
    
    #top ul.dropdown-menu .btn-link {
        padding: 0px;
        line-height: 24px;
        color: #666;
        text-transform: capitalize;
    }
    
    #top-links .header_user_info ul.dropdown-menu {
        padding: 15px;
        text-transform: capitalize;
        min-width: 180px;
        position: absolute;
        top: 82px;
        right: 0;
        left: auto;
        background: #fff none repeat scroll 0 0;
        border: 1px solid #e5e5e5;
        border-top: 3px solid #7e63ff;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
    }
    
    #top #form-currency .currency-select:hover,
    #top ul>li>.language-select:hover {
        color: #000;
    }
    
    #top-links>li:first-child {
        padding-left: 0px;
    }
    
    #top-links>li:last-child {
        padding-right: 0px;
    }
    
    #top .btn-link:hover,
    #top-links a:hover {
        color: #111;
    }
    
    #top-links .dropdown-menu a:hover {
        color: #111;
    }
    
    #top .btn-link strong {
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        color: #111;
    }
    
    #top-links>ul {
        float: left;
        width: 100%;
        padding: 42px 0;
        margin: 0;
    }
    
    #top-links a+a {
        margin-left: 0px;
    }
    
    #top-links .dropdown-menu a {
        text-shadow: none;
    }
    
    #top-links .account-link-toggle a i.fa {
        padding: 0;
        font-weight: 500;
    }
    
    #top-links .header_user_info ul.dropdown-menu li a {
        padding: 0;
    }
    
    .header_user_info ul.dropdown-menu li>a>i {
        float: left;
        font-size: 18px;
        padding: 0 5px 0 0;
        line-height: 26px;
    }
    
    .header-phone>span {
        color: #fff;
        font: 400 14px/24px "Philosopher", Helvetica, sans-serif;
        position: relative;
        padding: 0 0 0 30px;
    }
    
    #top .btn-group.open .btn.btn-link.dropdown-toggle:hover,
    #top .btn-group.open .btn.btn-link.dropdown-toggle:focus,
    #top-links .list-inline>li.account-nav:hover>a,
    #top-links .list-inline>li.account-nav>a:focus,
    #top .btn-group.open .btn.btn-link.dropdown-toggle:hover::after,
    #top-links .dropdown.open>a:hover::after,
    #top .btn-group.open .btn.btn-link.dropdown-toggle:focus::after,
    #top-links .dropdown.open>a:focus::after {
        color: #111;
    }
    
    #top-links .dropdown-menu a:hover,
    #top-links .dropdown-menu a:focus {
        color: #111;
        background: none;
    }
    
    .header-top-right .dropdown .dropdown-toggle>i::before {
        content: "";
    }
    
    .header_user_info .dropdown-toggle>span.ttuserheading {
        font-size: 0;
        width: 40px;
        height: 40px;
        float: left;
    }
    
    .header_user_info .dropdown-toggle>span.ttuserheading::after {
        content: '\e7ff';
        font-family: 'Material Icons';
        font-size: 26px;
        width: 40px;
        height: 40px;
        right: 0;
        left: 0;
        margin: auto;
        top: 0;
        color: #111;
        position: absolute;
        float: left;
        line-height: 40px;
        text-align: center;
        transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -webkit-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -moz-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -o-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -ms-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        z-index: 15;
    }
    
    .header_user_info:hover .dropdown-toggle>span.ttuserheading::after,
    .header_user_info:active .dropdown-toggle>span.ttuserheading::after,
    .header_user_info:focus .dropdown-toggle>span.ttuserheading::after {
        color: #7e63ff;
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }
    
    .header_user_info.open .dropdown-toggle>span::after {
        color: #7e63ff;
    }
    
    .header_user_info:hover .ttuserheading,
    .header_user_info.open .ttuserheading {
        border-color: #7e63ff;
    }
    
    .header_user_info:hover .ttuserheading::before,
    .header_user_info:hover .ttuserheading::after,
    .header_user_info.open .ttuserheading::after,
    .header_user_info.open .ttuserheading::before {
        width: 22px;
        border-color: #7e63ff;
    }
    /* --------------------------------- search Start------------------------------------------------------------*/
    
    .search {
        display: inline-block;
        float: none;
        margin: 8px 0;
        position: relative;
        vertical-align: top;
    }
    
    .ttsearch {
        display: inline-block;
        float: none;
        position: relative;
        vertical-align: top;
    }
    
    .ttsearch_button {
        float: left;
        width: 100%;
    }
    
    #search .ttsearch_button .icon-search {
        color: #111;
        float: left;
        font-size: 24px;
        height: 100%;
        line-height: 40px;
        position: relative;
        transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -webkit-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -moz-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -o-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -ms-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        width: 100%;
    }
    
    #search .ttsearch_button .icon-close {
        color: #7e63ff;
        display: none;
        float: left;
        font-size: 26px;
        height: 100%;
        line-height: 40px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        width: 100%;
    }
    
    #search .ttsearch_button:hover .icon-search {
        color: #7e63ff;
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }
    
    #search.active .ttsearch_button .icon-search {
        display: none;
    }
    
    #search.active .ttsearch_button .icon-close {
        display: block;
    }
    
    .ttsearchtoggle {
        display: none;
        height: 41px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 82px;
        width: 320px;
        z-index: 999;
    }
    
    .ttsearchtoggle .input-group-btn {
        float: right;
    }
    
    #search {
        width: 40px;
        height: 40px;
        cursor: pointer;
        float: left;
    }
    
    #search .select-wrapper {
        max-width: 160px;
    }
    
    #search .select-wrapper select {
        height: 40px;
        margin: 0 -1px 0 0;
    }
    
    #search .select-wrapper::after {
        padding: 3px;
    }
    
    #search .input-lg {
        float: right;
        height: 46px;
        line-height: 20px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
        padding: 5px 35px 5px 10px;
        width: 100%;
        background: transparent none repeat scroll 0 0;
        border: none;
        color: #000;
        font-size: 13px;
        transition: all 500ms ease-in-out 0s;
        -webkit-transition: all 500ms ease-in-out 0s;
        -moz-transition: all 500ms ease-in-out 0s;
        -o-transition: all 500ms ease-in-out 0s;
        -ms-transition: all 500ms ease-in-out 0s;
        letter-spacing: 1px;
        border: 1px solid #e5e5e5;
        border-top: 3px solid #7e63ff !important;
        background: #ffffff none repeat scroll 0 0;
    }
    
    #search .form-control::-moz-placeholder {
        color: #666;
        text-indent: 0.625rem;
    }
    
    #search .form-control {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #search .btn-lg {
        font-size: 13px;
        color: #666;
        line-height: 18px;
        padding: 0;
        width: 30px;
        height: 30px;
        background: none;
        border: none;
        position: absolute;
        left: auto;
        right: 5px;
        top: -35px;
        left: auto;
        z-index: 9999;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    
    #search .btn-lg .material-icons.icon-search {
        line-height: 24px;
        font-size: 22px;
    }
    
    #search .btn-lg:hover {
        color: #111111;
    }
    
    #search .btn-lg::before {
        display: none;
    }
    
    @media (max-width: 991px) {
        .ttsearchtoggle {
            top: 73px;
        }
    }
    
    @media (max-width: 767px) {
        #search .input-lg {
            background: #fff;
        }
        .ttsearchtoggle {
            width: 300px;
            top: 63px;
        }
        .ttsearchtoggle::after {
            right: 15px;
        }
    }
    
    @media (max-width: 480px) {
        #search {
            position: static;
        }
    }
    /*--------------------------------------------- Search End --------------------------------------------------------*/
    /* ------------------------------------ ajex search CSS Start -----------------------------------*/
    
    .live-search {
        width: 100%;
        position: absolute;
        z-index: 1000;
        padding: 10px;
        margin-top: 45px;
        background-color: #FFF;
        border: 1px solid #e5e5e5;
        left: 0;
        display: none;
        border-radius: 8px;
    }
    
    .live-search .loading {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .live-search ul {
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .live-search ul li {
        background-color: #ffffff;
        cursor: pointer;
        float: left;
        width: 100%;
    }
    
    .live-search ul li a {
        display: block;
        float: left;
        padding: 10px;
        text-decoration: none;
        width: 100%;
    }
    
    .live-search ul li:hover a {
        background: #f5f5f5;
    }
    
    .live-search ul li .product-image {
        float: left;
        padding: 0;
        width: auto;
        margin: 0;
    }
    
    .live-search ul li .product-name p {
        color: #555555;
        font-size: 12px;
        font-weight: 500;
        margin: 0;
        padding: 10px 0 0;
    }
    
    .live-search ul li .search-description {
        float: left;
        text-align: left;
        padding: 2px 0 2px 8px;
    }
    
    .live-search ul li .product-name {
        padding: 0;
        font: 500 16px/18px "Philosopher", Helvetica, sans-serif;
        color: #555;
        margin: 0 0 6px;
    }
    
    .live-search ul li .product-price {
        color: #8d1127;
        font: 700 16px/22px "Philosopher", Helvetica, sans-serif;
    }
    
    .live-search ul li .product-price .price {
        display: block;
        color: #7e63ff;
        font: 600 16px/24px "Philosopher", Helvetica, sans-serif;
        float: left;
        width: auto;
        margin: 0 5px 0 0;
    }
    
    .live-search ul li .product-price .special {
        display: block;
        color: #666;
        text-decoration: line-through;
        font: 700 14px/22px "Philosopher", Helvetica, sans-serif;
        float: left;
        width: auto;
    }
    
    .live-search .result-text {
        float: left;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
        padding: 8px 0;
        text-transform: capitalize;
        width: 100%;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
    }
    
    .live-search .view-all-results:hover {
        color: #000000;
    }
    
    .live-search .view-all-results {
        color: #333;
    }
    
    .live-search .product-image img {
        width: auto;
        max-width: 100%;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
    }
    
    .live-search .result-text:hover {
        background: #f5f5f5;
    }
    
    #top-links .live-search .result-text:hover a {
        color: #000;
    }
    
    @media (max-width: 1199px) {
        .live-search ul li {
            width: 100%;
        }
    }
    
    @media (max-width: 481px) {
        .live-search ul li .product-image {
            width: auto;
        }
    }
    /* ------------------------------------ ajex search CSS end -----------------------------------*/
    
    #top-links .list-inline>li.account-nav>a {
        color: #666;
        text-decoration: none;
        text-transform: capitalize;
        margin: 0;
        padding: 0;
        height: 40px;
        width: 40px;
        float: left;
        background: none;
    }
    
    .header_user_info>a>i,
    .header_user_info>a>.fa-user {
        display: none !important;
    }
    
    .ttlanguage .btn-group>ul,
    .ttcurrency .btn-group>ul {
        clear: both;
        float: left;
        padding: 7px 0 0;
        width: 100%;
        list-style: none;
    }
    
    #form-currency .btn-group .dropdown-menu.currency-toggle li:hover button,
    #form-language .btn-group .dropdown-menu.language-toggle li:hover button {
        color: #000;
        text-decoration: none;
    }
    
    #form-currency .btn-link,
    #form-language .btn-link img {
        margin: 0 5px 0 0;
    }
    
    .btn-link:focus,
    .btn-link:hover {
        text-decoration: none;
    }
    
    #form-currency .btn-link,
    #form-language .btn-link {
        color: #666;
        display: block;
        float: left;
        font: 500 13px/26px "Poppins", Helvetica, sans-serif;
        padding: 0;
        position: relative;
        text-align: left;
        text-decoration: none;
        text-transform: capitalize;
        width: 100%;
        letter-spacing: 1px;
    }
    
    #form-currency .btn-link:hover,
    #form-language .btn-link:hover {
        color: #111;
    }
    
    #form-language .btn-group>.btn-link,
    #form-currency .btn-group>.btn-link {
        float: left;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
        color: #111;
        font: 600 14px/35px "Philosopher", Helvetica, sans-serif;
        text-align: left;
        text-transform: capitalize;
    }
    
    #form-language .btn-link span,
    #form-currency .btn-link span {
        color: #000;
        display: inline-block !important;
        font: 700 16px/18px "Philosopher", Helvetica, sans-serif;
        margin: 0;
    }
    
    #form-currency .btn-link.dropdown-toggle,
    #form-language .btn-link.dropdown-toggle {
        padding: 0 10px;
    }
    /* header user info End*/
    
    .header {
        float: left;
        width: 100%;
        position: relative;
        text-align: center;
        z-index: 9;
    }
    
    .header-top-cms {
        float: left;
        width: 100%;
        z-index: 3;
        position: relative;
    }
    
    .full-header {
        float: left;
        text-align: center;
        width: 100%;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        padding: 0 0 10px;
    }
    
    .full-header:hover {
        background: #fff;
    }
    
    .headerservice-close .header .full-header {
        top: 0;
    }
    /* logo */
    
    #logo {
        float: left;
    }
    
    #logo img {
        max-width: 200px;
        max-height: 75px;
        height: auto;
        width: auto;
        padding-top: 5%;
    }
    
    .header-right {
        float: left;
        padding: 0;
    }
    
    .header-left {
        float: none;
        width: auto;
        display: inline-block;
        text-align: center;
        vertical-align: top;
        padding: 17px 0;
    }
    
    #contact-link {
        float: left;
        width: auto;
        padding: 35px 0;
    }
    
    #contact-link:hover ul li i {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }
    
    #contact-link li {
        float: left;
        position: relative;
        padding: 4px 0 4px 50px;
        text-align: left;
        cursor: pointer;
    }
    
    #contact-link>ul {
        float: left;
        margin: 0;
        padding: 0;
        width: auto;
        list-style: none;
    }
    
    #contact-link ul li i {
        border-radius: 50px;
        font-size: 22px;
        line-height: 24px;
        height: 40px;
        left: 0;
        padding: 9px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 40px;
        background: #7e63ff;
        color: #fff;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    #contact-link ul li i::after {
        border-bottom-right-radius: 10px 20px;
        content: "";
        height: 20px;
        position: absolute;
        right: 27px;
        top: 26px;
        transform: rotate(35deg);
        z-index: 1;
        border-right: 8px solid #7e63ff;
    }
    
    #contact-link li .title {
        color: #111;
        font: 400 16px/22px "Philosopher", Helvetica, sans-serif;
        letter-spacing: 1px;
        width: 100%;
    }
    
    #contact-link span {
        color: #111;
        float: left;
        font: 700 18px/24px "Philosopher", Helvetica, sans-serif;
        width: 100%;
        letter-spacing: 1px;
    }
    
    .common-home header {
        position: absolute;
        top: 0;
        width: 100%;
        bottom: auto;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }
    
    .header-middle {
        float: left;
        margin: 30px auto;
        padding: 0;
        text-align: center;
    }
    /* Mega Menu Stylesheet START */
    
    #menu.mega-menu ul.nav ul.list-unstyled li {
        display: table;
    }
    
    #menu.mega-menu ul.nav li ul.list-unstyled>li.dropdown .dropdown-menu {
        position: static;
        display: block;
    }
    /*-------------------------------------- Mega Menu CSS Strat --------------------------------------*/
    
    .left-main-menu {
        float: none;
        width: auto;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }
    
    .main-category-list.left-main-menu {
        display: none;
    }
    
    .main-category-list .menu-category .dropmenu li.TT-Sub-List .dropdown-menu .dropdown-inner,
    .main-category-list .menu-category .dropmenu li.more-menu .dropdown-menu .dropdown-inner {
        float: left;
        width: 100%;
        font: 700 18px/24px "Philosopher", Helvetica, sans-serif;
    }
    
    .mega-dropdown-menu .dropdown {
        float: left;
        padding: 0 10px;
    }
    
    .mega-dropdown-menu li.dropdown .dropdown-menu {
        border: none;
        display: block;
        position: static;
        padding: 0;
    }
    
    #column-left .left-main-menu {
        background: none;
        border: none;
        float: left;
        margin: -88px 0 0;
        padding: 0;
        width: 100%;
    }
    
    .left-main-menu .childs_1 .child-columns {
        float: left;
        width: 100%;
    }
    
    .main-category-list .cat-menu {
        float: left;
        width: 100%;
    }
    
    .main-category-list.left-main-menu .TT-panel-heading {
        border: 2px solid #eeeeee;
        color: #333333;
        cursor: pointer;
        font-size: 13px;
        height: 48px;
        letter-spacing: 1.8px;
        line-height: 42px;
        overflow: hidden;
        padding: 0 24px;
        position: relative;
        text-align: center;
        text-overflow: ellipsis;
        text-transform: uppercase;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        display: none;
    }
    
    .main-category-list.left-main-menu .TT-panel-heading:hover {
        border-color: #000000;
    }
    
    .main-category-list.left-main-menu .dropmenu>li {
        cursor: pointer;
        float: left;
        margin: 0;
        padding: 10px;
        width: auto;
    }
    
    .main-category-list .menu-category ul.dropmenu li a,
    .main-category-list .menu-category ul li.more-menu>a {
        background: rgba(0, 0, 0, 0);
        color: #fff;
        display: block;
        font: 700 18px/28px "Philosopher", Helvetica, sans-serif;
        padding: 8px 15px 8px 18px;
        position: relative;
        text-transform: capitalize;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    
    .main-category-list .menu-category ul li>.more-menu.active::before {
        border-top: 1px solid #e5e5e5 !important;
        top: 0;
    }
    
    .main-category-list .menu-category .dropdown .dropdown-inner .mega-dropdown-menu li.dropdown>a {
        color: #000000;
        font: 700 14px/26px "Philosopher", Helevtica, sans-serif;
        padding: 0 0 8px;
        margin: 0 0 8px;
        text-transform: capitalize;
    }
    
    .main-category-list .menu-category li.dropdown .dropdown-inner ul.single-dropdown-menu li.dropdown>.dropdown-menu {
        border: 1px solid #e5e5e5;
        border-top: 3px solid #ffa800;
        display: block;
        float: left;
        left: 100%;
        max-width: 200px;
        padding: 0;
        position: absolute;
        right: auto;
        top: 0;
        width: 100%;
        visibility: hidden;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: center top 0;
        visibility: hidden;
        display: block !important;
    }
    
    .main-category-list .menu-category li.dropdown .dropdown-inner ul.single-dropdown-menu li.dropdown>a.single-dropdown::after,
    .main-category-list ul li.more-menu .dropdown-inner>ul.single-dropdown-menu>li.TT-Sub-List>a::after {
        content: "\E315";
        font-family: "Material Icons";
        position: absolute;
        left: auto;
        right: 15px;
        top: 3px;
        color: #666;
    }
    
    .single-dropdown-menu .dropdown-inner ul.childs_2 {
        float: left;
        width: 100%;
        padding: 10px 20px;
    }
    
    .main-category-list.left-main-menu .menu-category ul li a.TT-Category-List::after,
    .main-category-list .menu-category ul li.more-menu>a::after {
        bottom: auto;
        color: #fff;
        content: "\E313";
        font-size: 16px;
        line-height: 28px;
        font-family: "Material Icons";
        text-align: center;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        vertical-align: top;
    }
    
    .main-category-list.left-main-menu .menu-category ul li:hover a.TT-Category-List::after,
    .main-category-list .menu-category ul li.more-menu:hover>a::after {
        content: "\E316";
    }
    
    .full-header.fixed .main-category-list .menu-category ul.dropmenu li a,
    .full-header.fixed .main-category-list .menu-category ul li.more-menu>span {
        color: #111;
    }
    
    .main-category-list.left-main-menu .menu-category ul li:hover a.TT-Category-List::after,
    .main-category-list .menu-category ul li:hover .more-menu:hover::after,
    .main-category-list .menu-category>ul.dropmenu>li>a:hover,
    .main-category-list .menu-category ul li .more-menu:hover,
    .main-category-list .menu-category ul li.more-menu:hover>span,
    .main-category-list .menu-category ul li.more-menu:hover>span::after,
    .main-category-list .menu-category>ul.dropmenu>li:hover>a {
        color: #ffffff;
    }
    
    .main-category-list .menu-category ul.dropmenu li .dropdown-menu .dropdown-inner ul.list-unstyled a:hover,
    .main-category-list .menu-category ul.dropmenu .dropdown-menu .dropdown-inner ul.list-unstyled a:focus,
    .main-category-list .menu-category ul.dropmenu .dropdown-menu ul .dropdown-inner ul li:hover a,
    .main-category-list .menu-category li.dropdown .dropdown-inner ul.single-dropdown-menu li.dropdown:hover>a.single-dropdown::after,
    .main-category-list ul li.more-menu .dropdown-inner>ul.single-dropdown-menu>li.TT-Sub-List:hover>a::after {
        color: #000000;
    }
    
    .menu-category ul.dropmenu li.TT-Sub-List>.dropdown-menu,
    .menu-category ul.dropmenu li.more-menu>.dropdown-menu {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid #e5e5e5;
        border-top: 3px solid #ffa800;
        /* display: block; */
        float: left;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        right: auto;
        top: 100%;
        min-width: 180px;
        z-index: 999;
        visibility: hidden;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: center top 0;
        /* visibility: hidden; */
        display: block !important;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
    }
    
    .main-category-list .menu-category .dropdown.more-menu.TT-Sub-List .dropdown-menu {
        padding: 15px 0;
    }
    
    .main-category-list .menu-category ul.dropmenu li.more-menu>.dropdown-menu a {
        color: #666;
        /* font: 500 13px/24px "Poppins", Helvetica, sans-serif; */
        font: 600 15px/24px "Philosopher", Helvetica, sans-serif;
        padding: 0 20px;
        margin: 0;
        text-transform: capitalize;
    }
    
    .main-category-list .menu-category ul.dropmenu li.more-menu>.dropdown-menu a:hover {
        color: #000;
    }
    
    .main-category-list .menu-category ul.dropmenu li.more-menu:hover>.dropdown-menu ul.list-unstyled.childs_1.single-dropdown-menu li.dropdown.TT-Sub-List1 a:hover,
    .main-category-list .menu-category ul.dropmenu li.more-menu:hover>.dropdown-menu ul.list-unstyled.childs_1.single-dropdown-menu li.dropdown.TT-Sub-List1:hover>a,
    .main-category-list .menu-category ul.dropmenu li.more-menu:hover>.dropdown-menu ul.list-unstyled.childs_1.single-dropdown-menu li.dropdown.TT-Sub-List1:hover>a::after {
        color: #000;
    }
    
    .main-category-list .menu-category .dropdown.more-menu li.TT-Sub-List1>.dropdown-menu,
    .main-category-list .menu-category .dropdown.more-menu li.TT-Sub-List>.dropdown-menu,
    .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List1>.dropdown-menu,
    .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List>.dropdown-menu {
        border: 1px solid #e9e9e9;
        border-top: 3px solid #ffa800;
        display: block;
        float: right;
        right: 100%;
        max-width: 200px;
        padding: 0;
        position: absolute;
        left: auto;
        top: 0;
        width: 100%;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
        visibility: hidden;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: center top 0;
        visibility: hidden;
        display: block !important;
    }
    
    .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List1:hover>.dropdown-menu,
    .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List:hover>.dropdown-menu,
    .main-category-list .menu-category .dropdown.more-menu li.TT-Sub-List1:hover>.dropdown-menu,
    .main-category-list .menu-category .dropdown.more-menu li.TT-Sub-List:hover>.dropdown-menu {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        visibility: visible;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    
    .main-category-list .menu-category ul.dropmenu li.more-menu>.dropdown-menu a.TT-Category-List::after {
        color: #666;
        top: 0;
        background: #fff;
        left: auto;
        right: 12px;
        position: absolute;
        content: "\E315";
        font-family: "Material Icons";
    }
    
    .main-category-list .menu-category ul.dropmenu li.more-menu>.dropdown-menu a.TT-Category-List:hover::after {
        color: #000;
    }
    
    .main-category-list .menu-category li.TT-Sub-List .dropdown-inner .mega-dropdown-menu {
        float: left;
        padding: 20px;
    }
    
    .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>a,
    .main-category-list .menu-category li.more-menu .dropdown-inner ul.single-dropdown-menu li>a {
        padding: 3px 20px;
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        font-family: "Poppins", Helvetica, sans-serif;
        color: #666;
    }
    
    .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover>a.single-dropdown,
    .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover>a,
    .main-category-list .menu-category li.more-menu .dropdown-inner ul.single-dropdown-menu li:hover>a {
        color: #000;
    }
    
    .main-category-list .menu-category .dropdown-inner ul.single-dropdown-menu {
        padding: 15px 0;
        float: left;
        width: 100%;
    }
    
    .main-category-list.left-main-menu .dropmenu .active_menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        float: right;
        height: 15px;
        margin: 0;
        overflow: hidden;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 6px;
    }
    
    .main-category-list.left-main-menu .dropmenu>li:hover .active_menu {
        background: #eeeeee;
        height: 35px;
        right: 0;
        top: -3px;
        width: 50px;
        z-index: 1;
        display: none;
    }
    
    .main-category-list.left-main-menu .dropmenu li li.dropdown-inner>a {
        display: inline-block;
        font: 500 13px/24px "Poppins", sans-serif;
        padding: 8px 0;
        margin: 0 0 15px;
        color: #333;
    }
    
    .mega-dropdown-menu li.dropdown>a:before {
        background: #e5e5e5;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        right: auto;
        position: absolute;
        width: 90%;
    }
    
    .main-category-list.left-main-menu .dropmenu li li li {
        float: left;
        width: 100%;
    }
    
    .main-category-list .menu-category ul.dropmenu .dropdown-menu ul .dropdown-inner ul a {
        color: #666;
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        font-family: "Poppins", Helvetica, sans-serif;
        padding: 0;
        text-transform: capitalize;
    }
    
    .main-category-list .menu-category .dropmenu {
        float: left;
        list-style: outside none none;
        position: relative;
        width: 100%;
        margin: 0;
        z-index: 0;
    }
    
    .left-main-menu .TT-panel-heading::after {
        color: #111;
        content: "\e5d2";
        font-family: "Material Icons";
        font-size: 25px;
        position: absolute;
        left: 23px;
        top: 0;
        bottom: 0;
    }
    
    .main-category-list .TT-panel-heading>span {
        line-height: 46px;
        padding: 0 0 0 31px;
        white-space: nowrap;
    }
    
    .main-category-list .menu-category ul li .more-menu::after {
        color: #414141;
        content: "\f067";
        font-family: fontawesome;
        font-size: 12px;
        left: auto;
        position: absolute;
        right: 22px;
        top: 10px;
    }
    
    .main-category-list .menu-category ul li .more-menu.active::after {
        content: "\f068";
        font-family: fontawesome;
    }
    
    .main-category-list ul li.dropdown .single-dropdown-menu li {
        float: left;
        width: 100%;
    }
    
    @media (min-width: 992px) {
        .menu-category ul.dropmenu li.TT-Sub-List:hover>.dropdown-menu,
        .main-category-list .menu-category ul>li.more-menu:hover>.dropdown-menu {
            -webkit-transform: scaleY(1);
            -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -o-transform: scaleY(1);
            transform: scaleY(1);
            visibility: visible;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }
        .main-category-list .menu-category .dropmenu {
            display: block !important;
        }
        .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List1:hover>.dropdown-menu,
        .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List:hover>.dropdown-menu,
        .main-category-list .menu-category .dropdown.more-menu li.TT-Sub-List1:hover>.dropdown-menu,
        .main-category-list .menu-category .dropdown.more-menu li.TT-Sub-List:hover>.dropdown-menu {
            -webkit-transform: scaleY(1);
            -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -o-transform: scaleY(1);
            transform: scaleY(1);
            visibility: visible;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }
        .main-category-list .menu-category li.dropdown .dropdown-inner ul.single-dropdown-menu li.dropdown:hover>.dropdown-menu {
            -webkit-transform: scaleY(1);
            -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -o-transform: scaleY(1);
            transform: scaleY(1);
            visibility: visible;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }
        .main-category-list .menu-category li.dropdown:hover .dropdown-inner ul.single-dropdown-menu {
            display: block !important;
        }
        /*	.menu-category ul.dropmenu > li.TT-Sub-List > .dropdown-menu::after,
	.menu-category ul.dropmenu li.more-menu > .dropdown-menu::after {
		color: #ffc600;
		content: "\E313";
		font-family: "Material Icons";
		font-size: 32px;
		right: auto;
		position: absolute;
		top: -17px;
		left: 20px;
	}*/
        .main-category-list .menu-category ul.dropmenu>li>a::before,
        .main-category-list .menu-category ul li.more-menu>span::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -khtml-border-radius: 25px;
            border-radius: 25px;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            -webkit-transform: scale(0.5, 1);
            -moz-transform: scale(0.5, 1);
            -ms-transform: scale(0.5, 1);
            -o-transform: scale(0.5, 1);
            transform: scale(0.5, 1);
        }
        .main-category-list .menu-category ul.dropmenu>li:hover>a::before,
        .main-category-list .menu-category ul li.more-menu:hover>span::before {
            background: #f5751f;
            color: #fff;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -khtml-border-radius: 25px;
            border-radius: 25px;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 1;
            -webkit-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }
    
    @media (min-width: 992px) and (max-width: 1499px) {
        .main-category-list .menu-category li.dropdown .dropdown-inner ul.single-dropdown-menu li.dropdown>.dropdown-menu {
            left: auto;
            right: 100%;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .menu-category ul.dropmenu>li.TT-Sub-List>.dropdown-menu {
            left: -70px;
            right: auto;
        }
        .main-category-list .menu-category .dropdown.more-menu li.TT-Sub-List1>.dropdown-menu,
        .main-category-list .menu-category .dropdown.more-menu li.TT-Sub-List>.dropdown-menu,
        .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List1>.dropdown-menu,
        .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List>.dropdown-menu {
            right: 100%;
            left: auto;
        }
        .menu-category ul.dropmenu>li.TT-Sub-List>.dropdown-menu::after,
        .menu-category ul.dropmenu li.more-menu>.dropdown-menu::after {
            display: none;
        }
    }
    
    @media (max-width: 991px) {
        #contact-link {
            display: none;
        }
        .header-left {
            display: none;
        }
        .main-category-list .cat-menu {
            padding: 28px 0;
        }
        .main-category-list .menu-category ul li.more-menu>a {
            display: none;
        }
        .menu-category ul.dropmenu li.TT-Sub-List>.dropdown-menu,
        .menu-category ul.dropmenu li.more-menu>.dropdown-menu,
        .main-category-list .menu-category li.dropdown .dropdown-inner ul.single-dropdown-menu li.dropdown>.dropdown-menu {
            position: static;
            border: none;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
            display: block;
            padding: 0;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            -ms-transform: none;
            transition: none;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            -ms-transition: none;
            visibility: visible;
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        header {
            position: static;
        }
        .mega-dropdown-menu .dropdown {
            width: 100% !important;
        }
        .main-category-list .menu-category li.TT-Sub-List .dropdown-inner .mega-dropdown-menu {
            padding: 5px 0;
            display: none;
            width: 100% !important;
        }
        .main-category-list .menu-category .dropdown-inner ul.single-dropdown-menu {
            padding: 0 10px;
            display: none;
        }
        .mega-dropdown-menu li.dropdown>a {
            margin: 0;
        }
        .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>.dropdown-menu {
            position: static;
            border: none;
            display: block;
        }
        .single-dropdown-menu .dropdown-inner ul.childs_2 {
            padding: 0;
        }
        .left-main-menu {
            float: left;
            width: auto;
        }
        .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>a,
        .main-category-list .menu-category li.more-menu .dropdown-inner ul.single-dropdown-menu li>a {
            padding: 0;
        }
        .main-category-list .menu-category .dropdown.more-menu.TT-Sub-List .dropdown-menu {
            padding: 0;
        }
        .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>a.single-dropdown::after {
            display: none;
        }
        .main-category-list .menu-category ul.dropmenu li.more-menu>.dropdown-menu a {
            padding: 0;
            font: 600 16px/28px "philosopher", Helvetica, sans-serif;
        }
        .main-category-list .menu-category .dropdown.more-menu.TT-Sub-List .dropdown-menu {
            width: 100%;
            visibility: visible;
        }
        .main-category-list.left-main-menu .menu-category ul li a.TT-Category-List::after,
        .main-category-list .menu-category ul li.more-menu>span::after,
        .main-category-list.left-main-menu .menu-category ul li:hover a.TT-Category-List::after,
        .main-category-list .menu-category ul li.more-menu:hover>span::after {
            content: "";
        }
        .main-category-list .menu-category .dropdown.more-menu li.TT-Sub-List1>.dropdown-menu,
        .main-category-list .menu-category .dropdown.more-menu li.TT-Sub-List>.dropdown-menu,
        .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List1>.dropdown-menu,
        .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List>.dropdown-menu {
            position: static;
            visibility: visible;
            border: none;
            transform: none;
            opacity: 1;
        }
        .main-category-list .menu-category li.dropdown .dropdown-inner ul.single-dropdown-menu li.dropdown>a.single-dropdown::after,
        .main-category-list ul li.more-menu .dropdown-inner>ul.single-dropdown-menu>li.TT-Sub-List>a::after {
            content: "";
        }
        .main-category-list .TT-panel-heading>span {
            line-height: inherit;
            padding: 0;
            display: none;
        }
        .main-category-list.left-main-menu .TT-panel-heading {
            border: none;
            color: #ffffff;
            font: 500 16px/18px "Poppins", Helvetica, sans-serif;
            position: relative;
            cursor: pointer;
            padding: 16px 0;
            margin: 0;
            height: auto;
            text-align: left;
            display: block;
            width: 30px;
        }
        .main-category-list.left-main-menu .menu-category ul li:hover a.TT-Category-List::after,
        .main-category-list .menu-category ul li:hover .more-menu:hover::after,
        .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown:hover>a.single-dropdown::after,
        .main-category-list .menu-category>ul.dropmenu>li>a:hover,
        .main-category-list .menu-category ul li .more-menu:hover,
        .main-category-list .menu-category ul li.more-menu:hover>span,
        .main-category-list .menu-category ul li.more-menu:hover>span::after,
        .main-category-list .menu-category>ul.dropmenu>li:hover>a,
        .main-category-list .menu-category ul.dropmenu li.dropdown a,
        .main-category-list .menu-category ul li.dropdown.more-menu>span,
        .main-category-list .menu-category ul.dropmenu li a {
            color: #000000;
        }
        .left-main-menu .TT-panel-heading::after {
            position: static;
            float: left;
        }
        .left-main-menu .cat-menu.TTactive .TT-panel-heading::after,
        .left-main-menu .TT-panel-heading:hover::after {
            color: #7e63ff;
        }
        .main-category-list .menu-category ul.dropmenu li.dropdown a,
        .main-category-list .menu-category ul li.dropdown.more-menu>span,
        .main-category-list .menu-category ul.dropmenu li a {
            color: #666666;
            float: left;
            padding: 0;
            text-align: left;
            width: 100%;
            font: 600 16px/28px "philosopher", Helvetica, sans-serif;
        }
        .main-category-list .menu-category ul.dropmenu li:hover a,
        .main-category-list .menu-category ul li.dropdown.more-menu>span:hover,
        .main-category-list .menu-category ul.dropmenu li:hover a,
        .main-category-list .menu-category ul.dropmenu li.more-menu>.dropdown-menu a:hover,
        .main-category-list .menu-category ul.dropmenu li.more-menu>.dropdown-menu a:hover {
            color: #000000;
        }
        .main-category-list .menu-category ul li.dropdown.more-menu i.fa-angle-down {
            display: none;
        }
        .main-category-list .menu-category .dropdown .dropdown-inner .mega-dropdown-menu li.dropdown>a,
        .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>a {
            font-size: 13px;
            font-weight: 500;
            margin: 0;
            color: #333;
        }
        .mega-dropdown-menu li.dropdown>a::before {
            width: 100%;
        }
        .main-category-list.left-main-menu .dropmenu li li.dropdown-inner>a,
        .main-category-list .menu-category ul.dropmenu .dropdown-menu ul .dropdown-inner ul a {
            padding: 0 10px;
        }
        .left-main-menu.dropmenu li a.TT-Category-List {
            background: none;
        }
        .main-category-list.left-main-menu .dropmenu .active_menu {
            display: none;
        }
        .left-main-menu .dropmenu li i.fa-angle-down {
            float: right;
            position: relative;
        }
        .left-main-menu .dropmenu li>i.fa-angle-down::before {
            position: absolute;
            right: 0;
            left: auto;
            top: 0;
            padding: 6px 11px;
            height: 8px;
            width: 8px;
            z-index: 2;
            content: "\e145";
            font-family: "Material Icons";
            font-weight: 400;
            font-style: normal;
            text-decoration: inherit;
            font-size: 18px;
            color: #666;
            cursor: pointer;
        }
        .header_1_content {
            display: none;
        }
        .left-main-menu .dropmenu li.active>i.fa-angle-down::before {
            color: #000000;
            content: "\e15b";
        }
        .left-main-menu .dropmenu li:hover>i.fa-angle-down::before {
            color: #000000;
        }
        .main-category-list .menu-category .dropmenu {
            background: #ffffff;
            border: 1px solid #e5e5e5;
            bottom: auto;
            left: 0;
            padding: 15px;
            position: absolute;
            right: 0;
            top: 100%;
        }
        .main-category-list .menu-category .dropmenu {
            display: none;
        }
        .left-main-menu ul.dropmenu .dropdown-menu ul li.dropdown-inner>ul {
            list-style: none;
            display: none;
        }
        .left-main-menu .dropmenu .TT-Sub-List .dropdown-menu ul .dropdown-inner>ul {
            float: left;
            width: 100%;
            display: block;
            padding: 0;
        }
        .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>a {
            font-weight: 400;
            line-height: 24px;
        }
        .main-category-list .menu-category li.dropdown.more-menu.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>a {
            color: #666;
            font: 600 16px/28px "philosopher", Helvetica, sans-serif;
        }
        .main-category-list .menu-category li.dropdown.more-menu.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>a:hover {
            color: #000;
        }
        .main-category-list .menu-category ul.dropmenu li.more-menu>.dropdown-menu a.TT-Category-List::after {
            display: none;
        }
        .main-category-list .menu-category li.dropdown ul.single-dropdown-menu li.TT-Sub-List>.dropdown-menu {
            border: none;
            display: block;
            position: static;
        }
        .main-category-list.left-main-menu .dropmenu ul {
            float: left;
            width: 100%;
        }
        .mega-dropdown-menu li.dropdown .dropdown-menu {
            display: block;
            padding: 10px 0;
        }
        .main-category-list.left-main-menu .dropmenu .dropdown-inner {
            float: left;
            width: 100%;
        }
        .main-category-list.left-main-menu .dropmenu li li.dropdown-inner>a {
            margin: 0;
        }
        .main-category-list.left-main-menu .dropmenu li li.dropdown-inner>a::before {
            background: none;
        }
        .main-category-list.left-main-menu .dropmenu li li li {
            padding: 0;
        }
        .main-category-list.left-main-menu .dropmenu>li {
            width: 100%;
            padding: 0;
        }
        .main-category-list.left-main-menu .dropmenu>li.more {
            display: none !important;
        }
        .main-category-list .menu-category ul.dropmenu li.more-menu:hover>.dropdown-menu ul.list-unstyled.childs_1.single-dropdown-menu li.dropdown.TT-Sub-List1:hover>a {
            color: #111;
        }
    }
    
    @media (max-width: 480px) {
        .main-category-list .menu-category ul.dropmenu li.dropdown a,
        .main-category-list .menu-category ul li.dropdown.more-menu>span,
        .main-category-list .menu-category ul.dropmenu li a {
            font-size: 13px;
            font-weight: 500;
        }
        .TTProduct-Tab .nav-tabs>li>a .tab-title {
            padding: 8px 20px;
        }
        .TTProduct-Tab .nav-tabs>li {
            margin: 5px 0;
            width: 80%;
        }
        .main-category-list .menu-category ul.dropmenu li.more-menu>.dropdown-menu a,
        .main-category-list .menu-category li.dropdown.more-menu.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>a,
        .main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>a {
            font-size: 13px;
            font-weight: 500;
        }
    }
    /*---------------------------------  Mega Menu CSS End --------------------------------------------*/
    /* Mega Menu Stylesheet START */
    
    #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a {
        color: #777;
    }
    
    .menu-container {
        background: #000000;
        clear: both;
        position: relative;
        padding-left: 26%;
        float: left;
        width: 100%;
    }
    
    #menu {
        margin: 0 auto;
        min-height: auto;
        text-align: center;
        width: 100%;
    }
    
    #menu div.navbar-header {
        cursor: pointer;
        display: block;
        overflow: hidden;
    }
    
    #menu .list-unstyled.childs_1.mega-dropdown-menu .dropdown>a {
        color: #414141;
        font: 400 14px/22px "Philosopher", Helvetica, sans-serif;
        padding: 0;
        text-transform: capitalize;
        width: 100%;
        text-align: left;
    }
    
    #menu .dropdown-inner .list-unstyled.childs_2.single-dropdown-menu a {
        padding: 0 0 0 20px;
    }
    
    #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a:hover,
    #menu .dropdown-inner li a:hover,
    #menu .dropdown-inner li a:focus {
        color: #000;
    }
    
    #menu .list-unstyled.childs_1.mega-dropdown-menu .list-unstyled.childs_2 a:hover,
    #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a:hover {
        color: #000;
    }
    
    #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown>a::after {
        display: none;
    }
    
    #menu .nav>li>span {
        cursor: pointer;
    }
    
    #menu .nav>li>a,
    #menu .nav>li>span {
        color: #414141;
        display: block;
        font: 400 15px/22px "Philosopher", Helvetica, sans-serif;
        padding: 20px;
        text-transform: capitalize;
        background: none;
    }
    
    #menu .list-unstyled.childs_2 {
        padding: 5px 0;
    }
    
    #menu .dropdown-inner {
        display: table;
    }
    
    #menu .dropdown-inner ul {
        display: table-cell;
        padding: 20px 0;
    }
    
    #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu {
        padding: 20px;
    }
    
    #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.mega-dropdown-menu:first-child {
        padding: 20px 0 20px 20px;
    }
    
    #menu .dropdown-inner a {
        color: #414141;
        display: block;
        font-family: "Philosopher", Helvetica, sans-serif;
        font-size: 13px;
        line-height: 26px;
        min-width: 160px;
        padding: 0;
        text-transform: capitalize;
        text-align: left;
    }
    
    #menu .see-all {
        display: block;
        margin-top: 0.5em;
        border-top: 1px solid #DDD;
        padding: 3px 20px;
        font-size: 12px;
    }
    
    #menu .see-all:hover,
    #menu .see-all:focus {
        text-decoration: none;
        color: #ffffff;
        background-color: #777;
    }
    
    #menu #category {
        color: #000000;
        float: left;
        font: 700 14px/40px "Philosopher", Helvetica, sans-serif;
        text-transform: uppercase;
    }
    
    #menu #category:hover {
        color: #000;
    }
    
    #menu .btn-navbar {
        font-size: 15px;
        font-stretch: expanded;
        color: #FFF;
        padding: 2px 18px;
        float: right;
        background-color: #777;
    }
    
    #menu .btn-navbar:hover,
    #menu .btn-navbar:focus,
    #menu .btn-navbar:active,
    #menu .btn-navbar.disabled,
    #menu .btn-navbar[disabled] {
        color: #ffffff;
        background-color: #777;
    }
    
    #menu .navbar-nav>li {
        display: inline-block;
        float: none;
    }
    
    #menu .navbar-nav {
        float: none;
    }
    
    #menu ul.nav ul.list-unstyled li.dropdown>a::after {
        border-top: 1px solid #eeeeee;
        bottom: -4px;
        content: "";
        float: left;
        height: 1px;
        left: 0;
        position: absolute;
        width: 20%;
    }
    
    #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a,
    #menu .more-menu .list-unstyled.childs_1 a {
        padding: 0 20px;
        color: #414141;
    }
    
    #menu .nav>li>a:hover,
    #menu .nav.navbar-nav>li:hover>a,
    #menu li:hover>span,
    #menu .nav>li.dropdown:hover::after,
    #menu .nav>li.dropdown:focus::after,
    #menu .nav>li>a:focus,
    #menu .nav>li>a:active,
    #menu li.more-menu .dropdown-menu ul li a:hover,
    #menu li.more-menu .dropdown-menu ul li span:hover,
    #menu li.more-menu .dropdown-menu ul li a:focus,
    #menu li.more-menu .dropdown-menu ul li span:focus,
    #menu li.more-menu .dropdown-menu ul li a:active,
    #menu li.more-menu .dropdown-menu ul li span:active {
        color: #000000;
    }
    /* 2 Level Sub Categories END */
    /* content */
    
    .checkout-cart #content {
        margin: 0 0 50px;
    }
    
    .account-register #content {
        margin: 0 0 20px;
    }
    
    #content {
        min-height: 600px;
    }
    
    .common-home #content {
        position: relative;
        padding: 0px;
    }
    /* ---------------------------------------------------- cart CSS Start ------------------------------------------------- */
    
    #top-links>ul .ttcart {
        cursor: pointer;
        display: block;
        float: right;
        padding: 0;
        position: relative;
    }
    
    #cart {
        float: right;
        padding: 0;
        position: relative;
        width: auto;
    }
    
    #cart>.btn {
        padding: 0px;
        width: 40px;
        height: 40px;
        display: inline-block;
        border: none;
        background: none;
        float: left;
        position: relative;
    }
    
    #cart>.btn::after {
        content: "";
        height: 40px;
        left: 0;
        position: absolute;
        top: 0;
        right: auto;
        width: 40px;
        transition: transform 400ms ease-in-out 0s;
        -webkit-transition: transform 400ms ease-in-out 0s;
        -moz-transition: transform 400ms ease-in-out 0s;
        -o-transition: transform 400ms ease-in-out 0s;
        -ms-transition: transform 400ms ease-in-out 0s;
    }
    
    #cart:hover>.btn::after {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        background-position: -26px -170px;
    }
    
    .fa-shopping-cart::before {
        content: "\f07a";
    }
    
    #cart i.fa-shopping-cart {
        background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.html") repeat scroll -30px -168px;
        display: none;
        font-size: 0;
        height: 40px;
        width: 40px;
    }
    
    #cart.open>.btn {
        color: #666666;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        text-shadow: none;
    }
    
    #cart .dropdown-menu li.cart-product {
        max-height: 400px;
        overflow-y: auto;
        float: left;
        width: 100%;
        min-height: 50px;
        overflow-x: visible;
        max-width: 300px;
    }
    
    .ttcart #cart #cart-total {
        background: #7e63ff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        display: block;
        height: 16px;
        line-height: 16px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 16px;
        color: #fff;
        z-index: 1;
        font-size: 14px;
        font-weight: 600;
    }
    
    #cart>button>i.shopping-cart {
        color: #111;
        float: left;
        font-size: 26px;
        height: 100%;
        line-height: 40px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        width: 100%;
    }
    
    #cart>button:hover>i.shopping-cart {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        color: #7e63ff;
    }
    
    #cart .dropdown-menu {
        min-width: 400px;
        top: 82px;
        padding: 10px 15px;
        right: 0;
        left: auto;
        z-index: 1001;
        display: block !important;
        border: 1px solid #eee;
        background: white none repeat scroll 0 0;
        border-top: 3px solid #7e63ff;
        transform: translate(0, 20px);
        -webkit-transform: translate(0, 20px);
        -moz-transform: translate(0, 20px);
        -o-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        visibility: hidden;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
    }
    
    #cart:hover .dropdown-menu {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        visibility: visible;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    
    #cart .dropdown-menu li.cart-product {
        max-height: 400px;
        overflow-y: auto;
        float: left;
        width: 100%;
        min-height: 50px;
        overflow-x: visible;
        max-width: 300px;
    }
    
    #cart .dropdown-menu li.cart-product::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    
    #cart .dropdown-menu li.cart-product::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
    
    #cart .dropdown-menu li.cart-product::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px #111;
    }
    
    #cart .dropdown-menu .btn.btn-danger {
        height: auto;
        padding: 0px;
    }
    
    #cart .dropdown-menu .btn.btn-danger {
        height: auto;
        padding: 0px;
    }
    
    #cart .dropdown-menu .btn.btn-danger i.fa-times {
        font-size: 12px;
        padding: 4px;
    }
    
    #cart .dropdown-menu table {
        margin-bottom: 10px;
    }
    
    #cart .dropdown-menu li p {
        float: left;
        width: 100%;
        color: #666;
        padding: 0;
        margin: 0;
    }
    
    #cart .dropdown-menu li p:hover {
        color: #111;
    }
    
    #cart .dropdown-menu li p.text-right {
        margin: 0 0 10px;
    }
    
    #cart .dropdown-menu li p a:hover {
        background: #111;
        border: 1px solid #111;
        color: #ffffff;
    }
    
    #cart .dropdown-menu li p a strong {
        font-weight: 500;
        font-size: 13px;
    }
    
    #cart .dropdown-menu li p a strong i.fa {
        padding: 0 3px 0 0;
    }
    
    #cart .header-cart-toggle .btn-danger {
        background-color: #FFF;
        border: none;
        color: #222;
    }
    
    #cart .header-cart-toggle .text-right>strong {
        color: #666;
        font-size: 13px;
        font-weight: 400;
    }
    
    #cart .dropdown-menu li p a:first-child {
        background: #7e63ff;
        border: none;
        color: #fff;
        width: 48%;
        float: left;
        z-index: 2;
        position: relative;
        border-radius: 50px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    #cart .dropdown-menu li p a:first-child::before {
        background: #ffa800;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.1, 1);
        -webkit-transform: scale(0.1, 1);
        -moz-transform: scale(0.1, 1);
        -o-transform: scale(0.1, 1);
        -ms-transform: scale(0.1, 1);
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
        z-index: -1;
    }
    
    #cart .dropdown-menu li p a:first-child:hover::before,
    #cart .dropdown-menu li p a:first-child:active::before,
    #cart .dropdown-menu li p a:first-child:focus::before {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }
    
    #cart .dropdown-menu li p a:first-child #cart .dropdown-menu li p a:first-child:hover,
    #cart .dropdown-menu li p a:first-child:focus {
        background: #f58b27;
        border: none;
        color: #fff;
    }
    
    #cart .dropdown-menu li p a {
        background: #f58b27;
        border: none;
        color: #fff;
        float: right;
        font: 500 14px/20px "Poppins", Helvetica, sans-serif;
        padding: 8px;
        text-transform: capitalize;
        width: 48%;
        text-align: center;
        overflow: hidden;
        z-index: 1;
        position: relative;
        border-radius: 50px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    #cart .dropdown-menu li p a::before {
        background: #72ad00;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.1, 1);
        -webkit-transform: scale(0.1, 1);
        -moz-transform: scale(0.1, 1);
        -o-transform: scale(0.1, 1);
        -ms-transform: scale(0.1, 1);
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
        z-index: -1;
    }
    
    #cart .dropdown-menu li p a:hover::before,
    #cart .dropdown-menu li p a:active::before,
    #cart .dropdown-menu li p a:focus::before {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }
    
    #cart .dropdown-menu li p a:hover,
    #cart .dropdown-menu li p a:focus {
        background: #ffd800;
        border: none;
        color: #fff;
    }
    
    #cart .dropdown-menu li p a:first-child:hover {
        background: #ffa800;
        color: #fff;
    }
    
    #cart .dropdown-menu li p a:first-child::after {
        background: #ffa800;
    }
    
    .header-cart-toggle .table-striped>tbody>tr:nth-child(2n+1)>td,
    .header-cart-toggle .table-striped>tbody>tr:nth-child(2n+1)>th {
        background: none;
        padding: 5px;
    }
    
    .header-cart-toggle .table.table-bordered tr:first-child td {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    
    #cart .table-bordered>thead>tr>th,
    #cart .table-bordered>tbody>tr>th,
    #cart .table-bordered>tfoot>tr>th,
    #cart .table-bordered>thead>tr>td,
    #cart .table-bordered>tbody>tr>td,
    #cart .table-bordered>tfoot>tr>td {
        border: none;
        padding: 1px 0;
        text-align: left;
    }
    
    #cart .header-cart-toggle .text-left.name>a {
        color: #666;
        text-transform: capitalize;
        font: 400 14px/20px "Philosopher", Helvetica, Sans-serif;
    }
    
    #cart .header-cart-toggle .text-left.name>a:hover {
        color: #111;
    }
    
    #cart .header-cart-toggle .table>tbody>tr>td.text-right.amount {
        color: #111;
        font: 700 14px/20px "Philosopher", Helvetica, sans-serif;
        text-align: left;
        padding: 7px 8px !important;
    }
    
    .header-cart-toggle .table .text-center img {
        max-width: none;
        border-radius: 10px;
    }
    
    #cart .header-cart-toggle .text-right.price-total {
        color: #111;
        text-align: right;
        font: 600 14px/20px "Philosopher", Helvetica, sans-serif;
        white-space: nowrap;
    }
    
    .cart-form .table-bordered td.text-right.unit-price {
        color: #111;
        font: 700 18px/24px "Philosopher", Helvetica, sans-serif;
    }
    
    .cart-form .cart_input_block.input-group {
        display: inline-block;
        width: auto;
    }
    
    #cart .header-cart-toggle .table.table-bordered {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        border-left: 0;
        border-right: 0;
        padding: 10px 0;
    }
    
    #cart .header-cart-toggle .table>tbody>tr>td {
        border-color: #e5e5e5;
        padding: 0px 0px !important;
    }
    
    #cart .header-cart-toggle .table>tbody>tr>td.text-center.button,
    #cart .header-cart-toggle .table>tbody>tr>td.text-right {
        padding: 20px 0 !important;
    }
    
    #cart .header-cart-toggle .table.table-bordered tbody tr .text-right {
        padding: 3px 0 !important;
    }
    
    #cart .dropdown-menu table {
        margin-bottom: 10px;
    }
    
    #cart .header-cart-toggle li:first-child tr:first-child td {
        border: 0 none;
        padding: 5px 4px 10px;
    }
    
    #cart .dropdown-menu .btn.btn-danger i.fa-times {
        font-size: 14px;
        padding: 4px;
        color: #666;
    }
    
    #cart .dropdown-menu .btn.btn-danger:hover i.fa-times {
        color: #666;
    }
    
    #cart .table.table-striped tr {
        background: none;
    }
    
    #cart .header-cart-toggle .table>tbody>tr>td.image {
        padding: 10px 0!important;
    }
    
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 10px!important;
    }
    
    #cart .cart-matrial {
        font-size: 15px;
    }
    
    .ttcart .cart-dropdown {
        overflow-y: scroll;
        height: 200px;
    }
    /*--------------------------- Start Slider --------------------------*/
    
    #top_column #carousel.homeslider .ttloading-bg {
        background: #fff url("../img/ajax-loader.html") no-repeat scroll center center;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }
    
    @media (max-width: 543px) {
        .homeslider .carousel-control .icon-prev,
        .homeslider .carousel-control .icon-next {
            float: left;
            width: 100%;
            height: 100%;
            position: static;
            margin: 0;
        }
    }
    /*--------------------------- End Slider --------------------------*/
    /*---------------------------------------------- Slideshow Slider Stylesheet start-------------------------------*/
    
    .common-home #page {
        float: left;
        width: 100%;
    }
    
    .content-top {
        float: left;
        width: 100%;
    }
    
    .slideshow-panel .item>img {
        width: 100%;
    }
    /* .swiper-wrapper {
        direction: ltr !important;
    } */
    
    .slideshow-panel {
        float: left;
        position: relative;
        width: 100%;
        padding: 0;
    }
    
    .slideshow-panel .swiper-viewport {
        border: medium none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0;
        background: none;
    }
    
    .slideshow-panel .ttloader {
        background: #fff url("../../../../../image/favicon/vb-gif.gif") no-repeat scroll center center;
        background-attachment: scroll;
        -webkit-background-position: center center;
        -moz-background-position: center center;
        -o-background-position: center center;
        -webkit-background-repeat: no-repeat;
        -moz-background-repeat: no-repeat;
        -o-background-repeat: no-repeat;
        background-repeat: no-repeat;
        bottom: 0;
        height: 100%;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        margin: 0 auto;
        width: 100%;
        z-index: 999999;
    }
    
    .slideshow-panel img {
        width: 100%;
    }
    
    .slideshow-panel .swiper-container .swiper-pagination {
        position: absolute;
        bottom: 58px;
        right: 0;
        left: 0;
        width: auto;
        text-align: center;
        margin: 0;
        padding: 0;
        list-style: none;
        z-index: 1;
        display: none;
    }
    
    .slideshow-panel .swiper-container .swiper-pagination-bullet {
        cursor: pointer;
        text-indent: -9999px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: 11px;
        height: 11px;
        border-radius: 0;
        margin: 0 5px;
        opacity: 1;
        width: 32px;
        height: 5px;
        background: #fff;
    }
    
    .swiper-pagination-bullet-active {
        background: #111 !important;
    }
    
    .slideshow-panel .swiper-container .swiper-pager {
        position: static;
        line-height: normal;
    }
    
    .slideshow-panel .swiper-container .swiper-pager div {
        margin: auto;
        top: 0;
        bottom: 0;
        text-align: center;
        text-shadow: none;
        -webkit-transition: 400ms ease-in-out;
        -moz-transition: 400ms ease-in-out;
        -ms-transition: 400ms ease-in-out;
        -o-transition: 400ms ease-in-out;
        transition: 400ms ease-in-out;
        background: #fff;
        cursor: pointer;
        text-decoration: none;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        height: 60px;
        width: 60px;
        border: none;
        display: inline-block;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        font: 500 14px/60px "Philosopher", Helvetica, sans-serif;
        color: #fff;
        text-transform: uppercase;
    }
    
    .slideshow-panel .swiper-container .swiper-pager div:hover {
        background: #111;
        color: #000;
    }
    
    .slideshow-panel .swiper-container .swiper-pager div.swiper-button-prev {
        left: 40px;
        right: auto;
    }
    
    .slideshow-panel .swiper-container:hover .swiper-pager div.swiper-button-prev {
        left: 25px;
    }
    
    .slideshow-panel .swiper-container .swiper-pager div.swiper-button-next {
        right: 40px;
        left: auto;
    }
    
    .slideshow-panel .swiper-container:hover .swiper-pager div.swiper-button-next {
        right: 25px;
    }
    
    .slideshow-panel .swiper-button-prev::before,
    .slideshow-panel .swiper-button-next::before {
        display: none;
    }
    
    .slideshow-panel .swiper-container .swiper-pager div .material-icons {
        color: #000;
        font-size: 36px;
        line-height: 60px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    .slideshow-panel .swiper-container .swiper-pager div:hover .material-icons {
        color: #fff;
    }
    
    @media (max-width: 1199px) {
        .slideshow-panel .swiper-container .swiper-pager div .material-icons {
            font-size: 30px;
            line-height: 40px;
        }
        .slideshow-panel .swiper-container .swiper-pager div {
            width: 40px;
            height: 40px;
        }
    }
    
    @media (max-width: 991px) {
        .slideshow-panel .swiper-container .swiper-pager div {
            width: 40px;
            height: 40px;
        }
        .slideshow-panel .swiper-container .swiper-pager div .material-icons {
            font-size: 27px;
            line-height: 40px;
        }
        .slideshow-panel .ttloader {
            background: #fff url("../../../../../image/favicon/vb-gif.gif") no-repeat scroll center center;
            background-attachment: scroll;
            -webkit-background-position: center center;
            -moz-background-position: center center;
            -o-background-position: center center;
            -webkit-background-repeat: no-repeat;
            -moz-background-repeat: no-repeat;
            -o-background-repeat: no-repeat;
            background-repeat: no-repeat;
            background-size: 50%;
        }
    }
    
    @media (max-width: 767px) {
        .slideshow-panel .swiper-container .swiper-pager div,
        .slideshow-panel .swiper-container .swiper-pager div:hover {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        .slideshow-panel .swiper-container .swiper-pager div.swiper-button-prev {
            left: 25px;
        }
        .slideshow-panel .swiper-container:hover .swiper-pager div.swiper-button-prev {
            left: 25px;
        }
        .slideshow-panel .swiper-container .swiper-pager div.swiper-button-next {
            right: 25px;
        }
        .slideshow-panel .swiper-container:hover .swiper-pager div.swiper-button-next {
            right: 25px;
        }
        .main-category-list .cat-menu {
            padding: 18px 0;
        }
    }
    
    @media (max-width: 480px) {
        .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev,
        .slideshow-panel:hover .swiper-container .swiper-pager .swiper-button-prev {
            width: 30px;
            height: 30px;
            line-height: 30px;
        }
        .slideshow-panel .swiper-container .swiper-pager div {
            background: none;
        }
        .slideshow-panel .swiper-container .swiper-pager div:hover {
            background: none;
        }
        .slideshow-panel .swiper-container .swiper-pager div:hover .material-icons {
            color: #111;
        }
        .slideshow-panel .swiper-container .swiper-pager .swiper-button-next,
        .slideshow-panel:hover .swiper-container .swiper-pager .swiper-button-next {
            width: 30px;
            height: 30px;
            line-height: 30px;
        }
        .slideshow-panel .swiper-container .swiper-pager div .material-icons {
            font-size: 24px;
            line-height: 30px;
        }
        .slideshow-panel .swiper-pager .swiper-button-prev::before,
        .slideshow-panel .swiper-pager .swiper-button-prev::before,
        .slideshow-panel .swiper-pager .swiper-button-next::before {
            font-size: 14px;
        }
        .slideshow-panel .swiper-container .swiper-pager div.swiper-button-prev {
            left: 5px;
            right: auto;
        }
        .slideshow-panel .swiper-container .swiper-pager div.swiper-button-next {
            right: 5px;
            left: auto;
        }
        .slideshow-panel .swiper-container .swiper-pagination {
            bottom: 28px;
        }
        .slideshow-panel .swiper-container:hover .swiper-pager div.swiper-button-prev {
            left: 5px;
        }
        .slideshow-panel .swiper-container:hover .swiper-pager div.swiper-button-next {
            right: 5px;
        }
        .slideshow-panel .swiper-pager .swiper-button-prev::before {
            left: -2px;
            top: -3px;
            right: auto;
        }
        .slideshow-panel .swiper-pager .swiper-button-next::before {
            left: auto;
            right: -3px;
            top: -2px;
        }
        .slideshow-panel .swiper-container .swiper-pager {
            bottom: 0;
            line-height: 20px;
        }
    }
    /*---------------------------------------------- Slideshow Slider Stylesheet end-------------------------------*/
    /* Banners Carousel Stylesheet */
    
    .banner-panel .owl-buttons {
        display: none;
    }
    
    .banner-panel .owl-buttons>div {
        font-size: 0px;
    }
    
    .banner-panel .owl-prev:after,
    .banner-panel .owl-next:after {
        background-color: rgba(0, 0, 0, 0.5);
        color: #FFFFFF;
        font-family: 'Material Icons';
        font-size: 14px;
        line-height: 22px;
        width: 22px;
        height: 26px;
        padding: 2px;
        text-align: center;
        float: left;
    }
    
    .banner-panel .owl-prev:after {
        content: '\e5cb';
    }
    
    .banner-panel .owl-next:after {
        content: '\e5cc';
    }
    /* OWL Slider Bullets Stylesheet */
    
    .products-list .thumb-items {
        margin-bottom: 10px;
    }
    
    .products-list .thumb-items:first-child {
        padding-left: 0px;
    }
    
    .products-list .thumb-items:last-child {
        padding-right: 0px;
    }
    
    .products-list .thumb-items .product-thumb {
        margin: 0px;
    }
    /* ------------------------ Satrt custom navigation ------------------------- */
    
    .customNavigation {
        float: none;
        position: static;
        width: auto;
        display: inline-block;
        vertical-align: top;
        margin: 20px 0 0 0;
    }
    
    .customNavigation a {
        float: left;
        display: inline-block;
        vertical-align: top;
        font-size: 0;
        border: 1px solid #e5e5e5;
        color: #666;
        position: relative;
        width: 30px;
        height: 30px;
        padding: 0;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    .customNavigation a.prev {
        margin: 0 4px 0 0;
        padding: 0;
        -webkit-border-radius: 10px 0 0 10px;
        -moz-border-radius: 10px 0 0 10px;
        -khtml-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
    }
    
    .customNavigation a.prev i,
    .customNavigation a.next i {
        font-size: 20px;
        line-height: 28px;
        width: 30px;
    }
    
    .customNavigation a.next {
        -webkit-border-radius: 0 10px 10px 0;
        -moz-border-radius: 0 10px 10px 0;
        -khtml-border-radius: 0 10px 10px 0;
        border-radius: 0 10px 10px 0;
    }
    
    .customNavigation a.prev::before {
        border-top: 1px solid #e5e5e5;
        content: "";
        float: left;
        height: 1px;
        left: -61px;
        position: absolute;
        text-align: left;
        top: 10px;
        width: 60px
    }
    
    .customNavigation a.prev::after {
        border-bottom: 1px solid #e5e5e5;
        content: "";
        height: 1px;
        left: -41px;
        position: absolute;
        top: 15px;
        width: 40px
    }
    
    .customNavigation a.next::after {
        border-bottom: 1px solid #e5e5e5;
        content: "";
        height: 1px;
        position: absolute;
        right: -41px;
        top: 15px;
        width: 40px
    }
    
    .customNavigation a.next::before {
        border-top: 1px solid #e5e5e5;
        content: "";
        height: 1px;
        position: absolute;
        right: -61px;
        top: 10px;
        width: 60px
    }
    
    .customNavigation a:hover {
        border-color: #7e63ff;
        background-color: #7e63ff;
        color: #fff;
    }
    
    .customNavigation a:hover.prev {
        background-position: -69px -354px;
    }
    
    .customNavigation a:hover.next {
        background-position: -11px -386px;
    }
    /* ------------------------ End custom navigation ------------------------- */
    
    body #page::after {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        bottom: 0;
        content: '';
        left: 0;
        right: 0;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 2;
    }
    
    body.user-open #page::after,
    body.search-open #page::after,
    body.menu_hover #page::after {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        visibility: visible;
    }
    /* Home Page */
    /* Category Page */
    
    .tt-header-content .header-content-image>img {
        display: block;
        height: auto;
        max-width: 100%;
    }
    
    .header-content-image {
        max-width: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .tt-header-content.container {
        position: relative;
    }
    
    #content h2.category-name {
        margin-top: 0px;
    }
    
    #column-left>div,
    #column-right>div {
        float: left;
        margin: 0 0 20px;
        width: 100%;
        overflow: hidden;
    }
    
    #column-left>div:last-child,
    #column-right>div:last-child {
        margin: 0;
    }
    
    #column-left .theiaStickySidebar .left-right-inner>div:last-child {
        margin-bottom: 10px;
    }
    
    #column-left .theiaStickySidebar .left-right-inner,
    #column-right .theiaStickySidebar .left-right-inner {
        float: left;
        width: 100%;
    }
    
    #column-left .theiaStickySidebar .left-right-inner>div,
    #column-right .theiaStickySidebar .left-right-inner>div {
        border: 1px solid #e5e5e5;
        float: left;
        width: 100%;
        padding: 20px;
        margin: 0 0 20px;
        background: #fff none repeat scroll 0 0;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
    }
    
    #column-left .theiaStickySidebar .left-right-inner .swiper-viewport,
    #column-right .theiaStickySidebar .left-right-inner .swiper-viewport {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        padding: 10px;
        float: left;
        width: 100%;
        position: relative;
        border: none;
        border: 1px solid #e5e5e5;
    }
    
    #column-left .theiaStickySidebar .left-right-inner .swiper-viewport #banner0,
    #column-right .theiaStickySidebar .left-right-inner .swiper-viewport #banner0 {
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
    }
    
    #column-left .theiaStickySidebar .left-right-inner .customNavigation,
    #column-right .theiaStickySidebar .left-right-inner .customNavigation {
        display: none;
    }
    
    .category-list ul {
        padding: 0px;
    }
    
    .category-list ul li {
        margin-right: 5px;
        display: inline-block;
        list-style: none;
        text-align: center;
        width: 100px;
    }
    
    .subcategory-image {
        clear: both;
    }
    
    .subcategory-image>a {
        border: 1px solid #e5e5e5;
        display: block;
        padding: 6px;
    }
    
    .category-list li a {
        color: #666;
        font: 500 16px/22px "Philosopher", Helvetica, sans-serif;
    }
    
    .category-list ul li:hover .subcategory-image>a {
        border: 2px solid #111;
        color: #000;
        padding: 5px;
    }
    
    .subcategory-image img {
        max-width: 100%;
    }
    
    .category-list ul li:hover a {
        color: #111;
    }
    
    .category-list h5 {
        float: left;
        color: #666;
        font: 500 15px/22px "Philosopher", Helvetica, sans-serif;
        text-align: center;
        width: 100%;
    }
    
    .category-filter label {
        background: none;
        border: none;
        color: #666;
        font: 500 14px/22px "Philosopher", Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        display: inline-block;
        width: auto;
    }
    
    .category-compare {
        margin: 0 0 10px;
        float: left;
        width: 100%;
        font-size: 13px;
        line-height: 18px;
    }
    
    .category-compare #compare-total {
        color: #666;
    }
    
    .category-compare #compare-total:hover {
        color: #111;
    }
    
    .product-special p.category-compare,
    #product-manufacturer .category-compare {
        margin: 0;
    }
    
    .product-category .category-products {
        float: left;
        width: 100%;
    }
    
    .category-treeview ul {
        margin: 0px;
        float: left;
        width: 100%;
    }
    
    .category-treeview li {
        position: relative;
        list-style: none;
        clear: both;
    }
    
    .category-treeview li.category-li .list-tree::before {
        content: "\e5cf";
        font-family: "Material Icons";
        font-size: 16px;
        font-weight: 400;
        color: #555555;
        position: absolute;
        cursor: pointer;
        padding: 3px 0;
        right: 0px;
        top: 0px;
        z-index: 3;
    }
    
    .category-treeview li.category-li.active .list-tree:before {
        content: "\e5ce";
        color: #111111;
    }
    
    .category-treeview li.category-li:hover .list-tree::before {
        color: #111;
    }
    
    .product-thumb .caption .description {
        display: none;
    }
    
    .rating span.fa-stack,
    #review span.fa-stack {
        display: inline-block;
        float: none;
        width: 14px;
        height: 18px;
        vertical-align: middle;
    }
    
    .rating .fa-stack i,
    #review i {
        color: #acacac;
        font-size: 16px;
        width: 14px;
    }
    
    .rating .fa-stack i.star_on,
    #review i.star_on {
        color: #ffbf34;
    }
    
    .category-products .product-layout.product-grid .product-thumb,
    .category-products .product-layout.product-list .product-thumb,
    .category-products .product-layout.product-sort .product-thumb {
        margin: 0;
        margin-bottom: 30px;
    }
    
    .category-products .product-layout.product-grid .product-thumb .image,
    .category-products .product-layout.product-list .product-thumb .image,
    .category-products .product-layout.product-sort .product-thumb .image {
        padding: 0;
    }
    
    .product-list .product-thumb .caption .description {
        display: block;
        font-family: "poppins", Helvetica, sans-serif;
        color: #555;
        margin: 0 0 10px;
        font-size: 13px;
        float: left;
        width: 100%;
        font-weight: 400;
    }
    
    .product-list .product-thumb .price {
        margin: 0 0 8px;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        width: 100%;
    }
    /* .product-list .product-thumb:hover .price {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    } */
    
    .product-list .product-thumb:hover .rating {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    
    .product-thumb .percent,
    .product-percent {
        position: absolute;
        top: 35px;
        padding: 0;
        color: #111;
        font: 500 13px/20px "Poppins", Helvetica, sans-serif;
        right: auto;
        left: -30px;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        vertical-align: top;
        z-index: 1;
        text-transform: capitalize;
        transition: all 400ms ease-in-out;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
    }
    
    .product-thumb:hover .percent {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        left: 15px;
    }
    
    .product-thumb .sale-icon,
    .product-sale-icon {
        color: #111;
        font: 500 13px/20px "Poppins", Helvetica, sans-serif;
        right: auto;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        position: absolute;
        left: -30px;
        text-transform: capitalize;
        top: 15px;
        vertical-align: top;
        z-index: 1;
        transition: 400ms ease-in-out;
        -webkit-transition: 400ms ease-in-out;
        -moz-transition: 400ms ease-in-out;
        -o-transition: 400ms ease-in-out;
        -ms-transition: 400ms ease-in-out;
    }
    
    .product-thumb:hover .sale-icon {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        left: 15px;
    }
    
    .special-carousel.products-list {
        float: left;
        width: 100%;
        position: relative;
        text-align: center;
        margin: 60px 0;
    }
    
    .special-items .owl-nav {
        display: none;
    }
    
    #product-product .product-images .thumbnails .product-image .thumbnail img {
        border-radius: 15px;
    }
    
    .product-product .thumbnails {
        overflow-x: hidden;
    }
    
    .product-sale-icon {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        left: 20px;
        right: auto;
    }
    
    #product-product #content .thumbnails .product-image .thumbnail .product-percent {
        top: 15px;
        right: 15px;
    }
    
    .product-percent {
        right: 20px;
        left: auto;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    
    .product-options .product-quantity {
        clear: both;
        float: left;
        width: 100%;
    }
    
    .zoomContainer {
        overflow: hidden;
    }
    
    .container .row {
        clear: both;
    }
    
    .ttcat-main {
        float: left;
        width: 100%;
        margin: 0 0 90px 0;
        position: relative;
        text-align: center;
    }
    
    .ttcat-main>svg {
        height: 45px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: -120px;
        width: 240px;
        z-index: 2;
    }
    
    .ttcat-main .tab-content {
        width: 75%;
    }
    
    .ttcat-main .TTProduct-Tab .nav-tabs>li {
        width: 100%;
        margin: 5px 0;
    }
    
    .ttcat-main .TTProduct-Tab .nav-tabs>li a {
        border-radius: 5px;
        padding: 15px;
        position: relative;
        background: #faf7f2;
        color: #7e63ff;
        border: none;
        text-align: center;
        text-transform: capitalize;
        font: italic 700 18px/20px "Philosopher", Sans-serif;
    }
    
    .ttcat-main .TTProduct-Tab .nav-tabs>li a h3 {
        padding: 0;
    }
    
    .ttcat-main .TTProduct-Tab .nav-tabs>li a::after {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        opacity: 0
    }
    
    .ttcat-main .TTProduct-Tab .nav-tabs>li a::before {
        color: #f7f7f7;
        content: "\e1b9";
        font-family: "Material Icons";
        font-size: 12px;
        left: auto;
        position: absolute;
        right: -6px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 45px;
        line-height: 45px;
        font-style: normal;
        width: auto;
        opacity: 1;
        z-index: 9;
        background: none;
        transform: rotate(315deg);
    }
    
    .ttcat-main .TTProduct-Tab .nav-tabs>li.active a::before {
        color: #7e63ff;
    }
    
    .ttcat-main .TTProduct-Tab .nav-tabs>li a:hover::before {
        transition: none !important;
        color: #7e63ff;
    }
    
    .ttcat-main .TTProduct-Tab .nav-tabs>li>a .tab-title {
        transition: none;
    }
    
    .ttcat-main .TTProduct-Tab .nav-tabs>li.active>a {
        background: #7e63ff;
    }
    
    .ttcat-main .TTProduct-Tab .nav-tabs>li>a:hover {
        background: #7e63ff;
    }
    /* Column Left - Right Product List */
    
    #column-left {
        clear: left;
    }
    
    #column-right {
        clear: right;
    }
    
    #column-left .products-list>.row,
    #column-right .products-list>.row,
    #header-left .products-list>.row,
    #header-right .products-list>.row,
    #footer-left .products-list>.row,
    #footer-right .products-list>.row {
        margin: 10px 0;
        padding: 0;
        float: left;
        width: 100%;
    }
    
    #column-left .product-thumb:first-child,
    #column-right .product-thumb:first-child {
        padding-top: 0px;
    }
    
    #column-left .product-thumb:last-child,
    #column-right .product-thumb:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    #column-left .product-thumb .button-group .btn-cart::before {
        display: none;
    }
    
    #column-left .product-thumb,
    #column-right .product-thumb,
    #header-left .product-thumb,
    #header-right .product-thumb,
    #footer-left .product-thumb,
    #footer-right .product-thumb {
        border: 0 none;
        margin: 0;
        padding: 15px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    
    #column-left .product-thumb:last-child,
    #column-right .product-thumb:last-child,
    #header-left .product-thumb:last-child,
    #header-right .product-thumb:last-child,
    #footer-left .product-thumb:last-child,
    #footer-right .product-thumb:last-child {
        border: 0;
    }
    
    #column-left .product-thumb .image,
    #column-right .product-thumb .image,
    #header-left .product-thumb .image,
    #header-right .product-thumb .image,
    #footer-left .product-thumb .image,
    #footer-right .product-thumb .image {
        max-width: 70px;
        float: left;
        margin: 0;
        padding: 0;
    }
    
    .table-striped>tbody>tr:nth-of-type(2n+1) {
        background-color: #fff;
    }
    
    #column-left .product-thumb .sale-icon,
    #column-right .product-thumb .sale-icon,
    #column-left .product-thumb .percent,
    #column-right .product-thumb .percent {
        padding: 1px 5px;
        font-size: 12px;
        left: 0;
        right: auto;
        display: none;
    }
    
    #column-left .product-thumb .price-tax,
    #column-right .product-thumb .price-tax,
    #header-left .product-thumb .price-tax,
    #header-right .product-thumb .price-tax,
    #footer-left .product-thumb .price-tax,
    #footer-right .product-thumb .price-tax {
        display: none;
    }
    
    #column-left .product-thumb .rating,
    #column-right .product-thumb .rating,
    #header-left .product-thumb .rating,
    #header-right .product-thumb .rating,
    #footer-left .product-thumb .rating,
    #footer-right .product-thumb .rating {
        position: static;
        margin: 0 0 4px;
        padding: 0;
        display: block;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        float: left;
        width: 100%;
    }
    
    #column-left .product-thumb .caption .sale-icon,
    #column-right .product-thumb .caption .sale-icon,
    #header-left .product-thumb .caption .sale-icon,
    #header-right .product-thumb .caption .sale-icon,
    #footer-left .product-thumb .caption .sale-icon,
    #footer-right .product-thumb .caption .sale-icon {
        font-size: 11px;
        padding: 0 5px;
        left: 0;
        right: auto;
    }
    
    #column-left .product-thumb .button-group,
    #column-right .product-thumb .button-group,
    #header-left .product-thumb .button-group,
    #header-right .product-thumb .button-group,
    #footer-left .product-thumb .button-group,
    #footer-right .product-thumb .button-group {
        background: none;
        border: none;
        float: left;
        padding: 0;
        display: block;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        position: static;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0;
        width: 100%;
        height: auto;
    }
    
    #column-left .product-thumb .button-group button,
    #column-left .product-thumb .button-group button.btn-cart i.fa,
    #column-right .product-thumb .button-group button,
    #column-right .product-thumb .button-group button.btn-cart i.fa,
    #header-left .product-thumb .button-group button,
    #header-left .product-thumb .button-group button.btn-cart i.fa,
    #header-right .product-thumb .button-group button,
    #header-right .product-thumb .button-group button.btn-cart i.fa,
    #footer-left .product-thumb .button-group button,
    #footer-left .product-thumb .button-group button.btn-cart i.fa,
    #footer-right .product-thumb .button-group button,
    #footer-right .product-thumb .button-group button.btn-cart i.fa {
        display: none;
    }
    
    #column-left .product-thumb .button-group button.btn-cart,
    #column-right .product-thumb .button-group button.btn-cart,
    #header-left .product-thumb .button-group button.btn-cart,
    #header-right .product-thumb .button-group button.btn-cart,
    #footer-left .product-thumb .button-group button.btn-cart,
    #footer-right .product-thumb .button-group button.btn-cart {
        background: none;
        padding: 0px;
        margin: 0;
        line-height: 18px;
        text-transform: none;
        text-align: left;
        font-weight: 400;
        display: block;
        width: auto;
        position: static;
        color: #333;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        height: auto;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        visibility: visible;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #column-left .product-thumb .button-group .btn-cart span::before,
    #column-right .product-thumb .button-group .btn-cart span::before {
        color: #666;
    }
    
    #column-left .product-thumb .button-group button.btn-cart span,
    #column-right .product-thumb .button-group button.btn-cart span,
    #header-left .product-thumb .button-group button.btn-cart span,
    #header-right .product-thumb .button-group button.btn-cart span,
    #footer-left .product-thumb .button-group button.btn-cart span,
    #footer-right .product-thumb .button-group button.btn-cart span {
        display: block;
    }
    
    #column-left .sidebar.panel.panel-default.information-list .list-group,
    #column-right .sidebar.panel.panel-default.information-list .list-group {
        float: left;
        width: 100%;
        padding: 0;
    }
    /* Column Left Right - Product Option Filter Style */
    
    #column-left .list-group-item,
    #column-right .list-group-item,
    #column-left .panel-heading,
    #column-right .panel-heading {
        border: medium none;
    }
    
    #column-left .list-group a.active,
    #column-left .list-group a.active:hover,
    #column-left .list-group a:hover {
        background: none;
        color: #555;
    }
    
    #column-left .category-treeview.panel-default,
    #column-right .category-treeview.panel-default {
        background: #fff none repeat scroll 0 0;
        float: left;
        margin: 0 0 20px;
        width: 100%;
        padding: 15px;
        border: none;
    }
    
    #column-left .category-treeview.panel-default .list-group,
    #column-right .category-treeview.panel-default .list-group {
        display: inline-block;
        float: none;
        margin: 0;
        vertical-align: top;
        width: 100%;
        padding: 0;
    }
    
    #column-left .category-treeview .list-group .list-group-item,
    #column-right .category-treeview .list-group .list-group-item {
        background: transparent;
    }
    
    #column-left a.list-group-item:focus,
    a.list-group-item:hover,
    button.list-group-item:focus,
    button.list-group-item:hover #column-right a.list-group-item:focus,
    a.list-group-item:hover,
    button.list-group-item:focus,
    button.list-group-item:hover {
        background: none;
    }
    
    .category-image .category-bg .img-thumbnail {
        border-radius: 15px;
        border: 1px solid #ddd;
        padding: 8px;
    }
    
    .category-list li a,
    .category-list .subcategory-image img {
        border-radius: 8px;
    }
    
    #column-left .list-group .list-group-item,
    #column-right .list-group .list-group-item {
        color: #666;
        cursor: pointer;
        padding: 0 !important;
        font: 500 13px/28px "Poppins", Helvetica, sans-serif;
        text-transform: capitalize;
        background: none;
    }
    
    #column-left .theiaStickySidebar .left-right-inner .swiper-viewport .swiper-wrapper .swiper-slide a img {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
    }
    
    #column-left .list-group .list-group-item:hover,
    #column-right .list-group .list-group-item:hover,
    #column-left .list-group .list-group-item:focus,
    #column-right .list-group .list-group-item:focus,
    #column-left .category-treeview .list-group a:hover.current-child-item,
    #column-right .category-treeview .list-group a:hover.current-child-item,
    #column-left .category-treeview .list-group a:focus.current-child-item,
    #column-right .category-treeview .list-group a:focus.current-child-item {
        color: #111;
    }
    
    #column-left .category-treeview .list-group .list-group-item:hover,
    #column-right .category-treeview .list-group .list-group-item:hover,
    #column-left .category-treeview .list-group a.current-child-item:hover,
    #column-right .category-treeview .list-group a.current-child-item:hover,
    #column-left .category-treeview .list-group a.current-child-item:focus,
    #column-right .category-treeview .list-group a.current-child-item:focus {
        color: #111;
    }
    
    .category-treeview .list-group a.child-item,
    .category-treeview .list-group a.current-child-item {
        margin-left: 20px;
        padding: 0 0 5px !important;
        line-height: 24px !important;
    }
    
    #column-left .category-treeview .list-group a.current-child-item,
    #column-right .category-treeview .list-group a.current-child-item {
        color: #666;
        margin: 0 0 0 10px;
    }
    
    #column-left .box-heading>h3,
    #column-right .box-heading>h3 {
        float: left;
        width: 100%;
        text-align: left;
    }
    
    #column-left .panel-heading,
    #column-right .panel-heading,
    #column-left .box-heading>h3,
    #column-right .box-heading>h3 {
        color: #111111;
        font: 600 18px/20px "Philosopher", Helvetica, sans-serif;
        position: relative;
        margin: 0 0 10px;
        background: none;
        padding: 0;
        text-transform: capitalize;
    }
    
    #column-left .panel-heading::before,
    #column-right .panel-heading::before,
    #column-left .box-heading>h3::before,
    #column-right .box-heading>h3::before {
        background: none;
        float: left;
        left: 0;
        right: auto;
        height: 0;
        display: none;
    }
    
    #column-left .products-list .box-heading h3::after,
    #column-right .products-list .box-heading h3::after {
        display: none;
    }
    
    #column-left .option-filter .panel-heading,
    #column-left .option-filter .list-group-item,
    #column-left .option-filter-box a.list-group-item,
    #column-right .option-filter .panel-heading,
    #column-right .option-filter .list-group-item,
    #column-right .option-filter-box a.list-group-item {
        border: none;
    }
    
    #column-right .option-filter .panel-footer,
    #column-left .option-filter .panel-footer {
        float: left;
        width: 100%;
        background: none;
        padding: 10px 0;
    }
    
    #column-left .option-filter .checkbox>label,
    #column-right .option-filter .checkbox>label {
        color: #666;
        display: inline-block;
        font-size: 13px;
        line-height: 20px;
        text-align: left;
        font-weight: 500;
    }
    
    #column-left .option-filter .checkbox>label:hover,
    #column-right .option-filter .checkbox>label:hover {
        color: #111;
    }
    
    #column-left .option-filter .list-group-items .list-group-item:hover,
    #column-left .option-filter .list-group-items .list-group-item:hover:after,
    #column-right .option-filter .list-group-items .list-group-item:hover,
    #column-right .option-filter .list-group-items .list-group-item:hover:after {
        color: #111;
    }
    
    #column-left .option-filter .list-group-item .checkbox,
    #column-right .option-filter .list-group-item .checkbox {
        margin: 0px;
        padding: 0;
    }
    
    #column-left .option-filter .list-group-items .list-group-item,
    #column-right .option-filter .list-group-items .list-group-item {
        color: #111;
        padding: 2px 0;
        float: left;
        width: 100%;
        position: relative;
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 3px;
        font-weight: 500;
    }
    
    #column-left .list-group-items,
    #column-right .list-group-items {
        float: left;
        width: 100%;
    }
    
    #column-left .product-thumb h4 a,
    #column-right .product-thumb h4 a {
        font: 400 16px/20px "Philosopher", Helvetica, sans-serif;
        white-space: nowrap;
        color: #777;
        text-overflow: ellipsis;
    }
    
    #column-left .product-thumb h4 a:hover,
    #column-right .product-thumb h4 a:hover {
        color: #111;
    }
    
    #column-left .product-thumb .thumb-description,
    #column-right .product-thumb .thumb-description {
        background: none;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        padding: 0 0 0 10px;
        position: static;
        text-align: left;
    }
    
    .option-filter .list-group {
        margin: 0px;
    }
    
    .option-filter-box .list-group-item,
    .option-filter-box .list-group-item {
        text-transform: capitalize;
    }
    
    .option-filter-box a.list-group-item::after {
        font-family: "Material Icons";
        content: "\e5ce";
        font-size: 16px;
        color: #555555;
        position: absolute;
        right: 0;
        top: 2px;
        font-weight: 400;
    }
    
    .option-filter-box a.list-group-item.collapsed:after {
        content: "\e5cf";
    }
    
    .store-list .store-tags {
        padding: 5px 15px;
    }
    
    .store-list .store-tags>a {
        border: 1px solid #DDDDDD;
        display: inline-block;
        margin: 5px 10px 5px 0px;
        padding: 5px 10px;
    }
    
    .store-list .store-tags>a.active-store {
        font-weight: bold;
        position: relative;
    }
    
    .store-list .store-tags>a.active-store>i {
        bottom: -4px;
        color: #00bb00;
        font-size: 16px;
        left: -4px;
        position: absolute;
    }
    
    #content .category-filter {
        padding: 10px;
        margin: 20px 0 30px;
        width: 100%;
        float: left;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
    }
    
    .category-filter .filter-sort-by,
    .category-filter .filter-show {
        float: right;
    }
    
    .category-filter .filter-text {
        float: left;
    }
    
    .category-filter .filter-show .filter-selection {
        width: 80px;
        float: right;
    }
    
    .category-filter .filter-sort-by .filter-selection {
        width: 150px;
        float: left;
    }
    
    .category-filter .filter-sort-by {
        width: 100%;
        max-width: 240px;
    }
    
    .category-filter .filter-show {
        min-width: 120px;
    }
    
    .category-filter .filter-text {
        padding: 10px 10px 0 0;
        text-align: left;
    }
    
    .category-filter .filter-selection {
        padding: 0;
    }
    
    .category-filter .filter-grid-list {
        padding: 0;
        width: 110px;
        float: left;
    }
    
    .category-filter .filter-grid-list button {
        background: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        color: #777777;
        height: 25px;
        margin: 0 5px;
        padding: 0;
        width: 25px;
    }
    
    .category-filter .filter-grid-list button {
        background: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        color: #777777;
        height: 25px;
        margin: 7px 8px;
        padding: 0;
        width: 25px;
    }
    
    .category-filter .filter-grid-list button#short-view i {
        font-size: 25px;
        line-height: 26px;
    }
    
    .category-filter .filter-grid-list button::before {
        display: none;
    }
    
    .product-layout.product-sort .product-thumb .button-group .btn-cart i {
        height: 40px;
        width: 30px;
        line-height: 40px;
    }
    
    .product-category .category-description {
        float: left;
        width: 100%;
    }
    
    .product-category .category-list {
        float: left;
        width: 100%;
    }
    
    .category-filter .filter-grid-list button::after {
        display: none;
    }
    
    .category-filter .filter-grid-list button .material-icons.list-on {
        font-size: 24px;
        line-height: 24px;
    }
    
    .category-filter .filter-grid-list button:hover,
    .category-filter .filter-grid-list button.active {
        background: none;
        border: none;
        color: #222222;
    }
    
    .category-filter .filter-grid-list button i.fa {
        font-size: 0px;
    }
    
    .category-description .category-content p {
        color: #666;
        float: left;
        width: 100%;
        font-weight: 500;
        font-size: 13px;
        line-height: 22px;
        margin: 7px 0 0;
        text-transform: capitalize;
    }
    
    .category-pagination {
        float: left;
        width: 100%;
        margin: 0 0 10px;
        border: 1px solid #e5e5e5;
        padding: 10px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
    }
    
    .category-pagination .pagination {
        margin: 0;
        vertical-align: top;
    }
    
    .category-pagination div.text-left {
        line-height: 34px;
        padding: 0;
        color: #555555;
    }
    
    .category-pagination div.text-right {
        padding: 0px 0;
    }
    
    .category-list>h3 {
        color: #111;
        font: 600 18px/24px "Philosopher", Helvetica, sans-serif;
        margin: 10px 0;
        text-transform: capitalize;
    }
    
    .pagination li:last-child>a::after {
        content: "\e8e4";
        font-family: "Material Icons";
        font-size: 20px;
        left: 0;
        line-height: 30px;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .pagination li:first-child>a::after {
        content: "\e317";
        font-family: "Material Icons";
        font-size: 18px;
        left: 0;
        line-height: 30px;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    #product-category .content_wrap #content .category-name {
        font-size: 20px;
        text-transform: capitalize;
        margin: 0 0 15px;
    }
    
    .pagination>li>a,
    .pagination>li>span,
    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin: 0 2px;
        font-weight: 400;
    }
    
    .pagination>li>a:hover,
    .pagination>li>a:focus,
    .pagination>li>span:hover,
    .pagination>li>span:focus {
        background: #fff;
        border-color: #fff;
        color: #fff;
    }
    
    .pagination>li>a:focus {
        border-color: #e5e5e5;
    }
    
    .pagination>.active>a,
    .pagination>.active>span,
    .pagination>.active>a:hover,
    .pagination>.active>span:hover {
        background: #000;
        border-color: #000;
        color: #fff;
    }
    
    .pagination>li>a,
    .pagination>li>span {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #e5e5e5;
        color: #000;
        width: 34px;
        height: 34px;
        padding: 0;
        text-align: center;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
        overflow: hidden;
        z-index: 1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        line-height: 34px;
    }
    
    .pagination li:last-child>a,
    .pagination li:first-child>a {
        font-size: 0px;
        padding: 9px 11px;
    }
    
    .pagination>li>a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
        color: #fff;
        border-color: #7e63ff;
        background-color: #7e63ff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: scale(0.5, 1);
        -moz-transform: scale(0.5, 1);
        -ms-transform: scale(0.5, 1);
        -o-transform: scale(0.5, 1);
        transform: scale(0.5, 1);
    }
    
    .pagination>li>a:hover::before,
    .pagination>li>a:focus::before,
    .pagination>li>a:active::before {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    /* Left Column stylesheet */
    
    #column-left .product-thumb .no-rating,
    #column-right .product-thumb .no-rating {
        display: none;
    }
    
    #column-left .products-list .row>div,
    #column-right .products-list .row>div {
        float: left;
        width: 100%;
    }
    
    #column-left .products-list .row>div .caption,
    #column-right .products-list .row>div .caption {
        padding: 0;
        margin: 0;
    }
    
    #column-left .product-thumb .caption {
        text-align: left;
        float: left;
        width: 100%;
    }
    
    #column-left .products-list .row>div .caption h4,
    #column-right .products-list .row>div .caption h4 {
        font-weight: 500;
        font-size: 14px;
        width: 100%;
        margin: 0 0 5px;
        text-align: left;
    }
    
    #column-left .product-thumb h4,
    #column-right .product-thumb h4 {
        margin: 0;
        border: none;
    }
    
    #column-left .products-list .row>div .caption .price,
    #column-right .products-list .row>div .caption .price,
    #column-left .product-thumb .price-new,
    #column-right .product-thumb .price-new {
        font: 600 14px/18px "Philosopher", Helvetica, sans-serif;
        color: #111;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        float: left;
        margin: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        text-align: left;
    }
    
    #column-left .products-list .row>div .button-group .btn-cart::after {
        display: none;
    }
    
    #column-left .products-list .row>div .button-group .btn-cart {
        border: none;
    }
    
    #column-left .products-list .row>div .caption .price,
    #column-right .products-list .row>div .caption .price {
        margin: 0 0 3px;
    }
    
    #column-left .bestseller-carousel .product-thumb .caption .price,
    #column-right .bestseller-carousel .product-thumb .caption .price {
        padding: 10px 0 0;
    }
    
    #column-left .product-thumb .price-old,
    #column-right .product-thumb .price-old {
        font: 400 14px/18px "Philosopher", Helvetica, sans-serif;
        margin: 0 0 0 7px;
    }
    
    #column-left .products-list .row>div .caption .price .price-tax,
    #column-right .products-list .row>div .caption .price .price-tax {
        display: none;
    }
    
    #column-left .products-list .button-group .btn-cart span,
    #column-right .products-list .button-group .btn-cart span {
        display: block !important;
        color: #666;
        text-transform: capitalize;
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 24px;
        font-weight: 500;
        font-family: "Philosopher", Helvetica, sans-serif;
    }
    
    #column-left .products-list .button-group .btn-cart span:hover,
    #column-right .products-list .button-group .btn-cart span:hover {
        color: #000;
    }
    
    #column-left .thumb-description .button-group .btn-cart:hover span,
    #column-left .product-thumb .button-group .btn-cart:hover span::before,
    #column-right .product-thumb .button-group .btn-cart:hover span::before {
        color: #444;
    }
    
    #column-left .products-list .row>div .button-group .btn-wishlist,
    #column-right .products-list .row>div .button-group .btn-wishlist {
        display: none;
    }
    
    #column-left .products-list .row>div .button-group .btn-compare,
    #column-right .products-list .row>div .button-group .btn-compare {
        display: none;
    }
    /* Product page stylesheet */
    
    .product-images .additional-images-container {
        direction: ltr;
        position: relative;
        margin: 0 auto;
        padding: 0 40px;
        width: 70%;
        overflow: hidden;
        text-align: center;
    }
    
    .additional-images .image-additional img {
        cursor: pointer;
        max-width: 100%;
    }
    
    .additional-images .owl-wrapper-outer {
        float: left;
        width: 100%;
        overflow: hidden;
    }
    
    .product-thumb .thumb-description .caption .button-group button.btn-cart span.loading {
        display: none !important;
    }
    
    .product-details .product-info td {
        padding: 3px;
    }
    
    .product-details .product-info .product-info-value {
        color: #666;
        padding: 3px 3px 3px 10px;
        font-weight: 400;
    }
    
    .product-details .product-info .product-info-value a {
        color: #333;
        font-weight: 600;
        font-size: 20px;
    }
    
    .product-details .product-info .product-info-value p {
        color: #333;
        font-weight: 600;
        font-size: 20px;
    }
    
    .product-details .product-info .product-info-value a:hover {
        color: #000;
    }
    
    .product-details .product-info tr td {
        color: #666;
        font: 400 13px/20px "poppins", Helvetica, sans-serif;
        text-transform: capitalize;
    }
    
    .product-product .product-info-value>a {
        color: #666;
    }
    
    .product-product .product-info-value>a:hover {
        color: #111;
    }
    
    .product-product .tab-content {
        padding: 20px 0 0 0;
    }
    
    p {
        margin: 0 0 10px;
        font-size: 13px;
        color: #666;
        font-weight: 400;
    }
    
    .box-heading h3::after {
        background: rgba(0, 0, 0, 0) url("../../../../../image/icons/menu-border.png")no-repeat scroll center bottom;
        position: absolute;
        content: "";
        right: 0;
        left: 0;
        top: auto;
        bottom: 0;
        margin: 0 auto;
        height: 40px;
        width: 100%;
    }
    
    .cpt_product_description {
        font-family: "Poppins", Helvetica, sans-serif !important;
    }
    
    .cpt_product_description strong {
        font-size: 14px;
    }
    
    .product-quantity label {
        padding: 10px 0;
    }
    
    .product-quantity label,
    .product-quantity #input-quantity {
        width: auto;
        text-align: center;
        margin: 0 5px 0 0;
        float: left;
    }
    
    .product-quantity #input-quantity {
        border: 1px solid #e5e5e5;
        font-size: 14px;
        float: left;
        height: 44px;
        line-height: 27px;
        padding: 0 6px;
        text-align: center;
        width: 60px;
    }
    
    .product-details h1.product-name {
        border-bottom: 1px solid #e5e5e5;
        color: #111;
        margin: 0 auto 15px;
        padding-bottom: 10px;
        text-transform: capitalize;
        text-align: left;
        position: relative;
        font: italic 600 18px/26px "Philosopher", Helvetica, sans-serif;
    }
    
    .product-details table.product-info {
        margin: 15px 0;
    }
    
    .product-details .product-price {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 0;
        margin: 15px 0 20px;
    }
    
    .product-details .addthis_toolbox {
        padding-top: 15px;
        width: 100%;
        float: left;
    }
    
    .product-details .product-options h3 {
        font: 600 16px/18px "Philosopher", Helvetica, sans-serif;
        color: #111;
    }
    
    .product-details .rating {
        display: table;
    }
    
    .product-total-review .fa.fa-comment,
    .product-write-review .fa.fa-pencil {
        margin-right: 5px;
    }
    
    .product-details .btn.btn-default.product-btn-wishlist,
    .product-details .btn.btn-default.product-btn-compare {
        font-size: 13px;
        letter-spacing: 1px;
        text-align: left;
        text-transform: none;
        border: none;
        background: none;
        padding: 0 15px 0 0;
        color: #666;
        font-weight: 500;
        font-family: "poppins";
    }
    
    .product-details .btn.btn-default.product-btn-wishlist:hover,
    .product-details .btn.btn-default.product-btn-compare:hover {
        background: none;
        border: none;
        color: #111;
    }
    
    .product-price .product-discounts {
        list-style: none;
        margin-top: 10px;
    }
    
    .product-details .rating>a {
        border-right: 1px solid #e5e5e5;
        color: #666;
        float: left;
        font-size: 13px;
        margin: 2px 10px 0 0;
        padding: 0 10px 0 0;
        height: 20px;
    }
    
    .product-total-review i,
    .product-write-review i {
        font-size: 16px;
        margin-right: 5px;
        vertical-align: middle;
    }
    
    .product-options .alert-info i.info-circle {
        font-size: 18px;
        line-height: 18px;
        vertical-align: top;
    }
    
    .product-details .btn-group .btn-default i {
        font-size: 18px;
        vertical-align: top;
        line-height: 22px;
    }
    
    .product-details .rating>a:last-child {
        border-right: none;
    }
    
    .product-details .rating>a:hover {
        color: #111;
    }
    
    .rating .product-rating {
        border-right: 1px solid #e5e5e5;
        float: left;
        margin: 0 10px 0 0;
        padding: 4px 10px 0 0;
        height: 20px;
    }
    
    .product-details .price-new {
        float: left;
        margin: 0 10px 0 0;
    }
    
    .product-details .price-old {
        color: #555;
        white-space: nowrap;
        text-decoration: line-through;
        font: 700 14px/26px "Philosopher", Helvetica, sans-serif;
    }
    
    .product-details .product-tax {
        margin-top: 10px;
    }
    
    .product-details .product-options h3 {
        margin: 10px 0;
    }
    
    .product-details ul.product-price h2 {
        color: #111;
        font: 700 18px/26px "Philosopher", Helvetica, sans-serif;
        margin: 0 10px 0 0;
    }
    
    .product-options .product-quantity {
        clear: both;
    }
    
    #quickview-content .btn-group {
        margin: 0 0 10px;
    }
    
    .product-options .radio,
    .product-options .checkbox {
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 5px;
    }
    
    .btn.btn-default.product-btn-wishlist:hover {
        color: #fff;
    }
    
    .btn.btn-default.product-btn-compare:hover {
        color: #fff;
    }
    
    #button-upload222:active:focus {
        color: #fff;
        background-color: #7e63ff;
        border-color: #7e63ff;
    }
    
    .product-product .product-details .addthis_toolbox>a:first-child {
        margin: 0px;
    }
    
    .product-product .product-details .addthis_toolbox>a {
        margin: 0 5px;
    }
    
    .product-tabs {
        margin: 50px 0 40px;
        float: left;
        width: 100%;
        clear: both;
        padding: 0 20px;
    }
    
    #tab-review label.control-label {
        font: 500 13px/20px "Philosopher", Helvetica, sans-serif;
        color: #666;
        margin-bottom: 10px;
    }
    
    .product-product .nav-tabs>li>a {
        background: none;
        border: 0 solid transparent;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        color: #111;
        font: italic 700 18px/20px "Philosopher", Helvetica, sans-serif;
        margin: 0;
        padding: 10px 15px;
        position: relative;
        text-transform: capitalize;
        z-index: 1;
        overflow: hidden;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
    }
    
    .product-product .nav.nav-tabs li.active a {
        background: none;
        color: #fff;
        border: medium none;
    }
    
    .product-product .nav.nav-tabs li:hover a {
        color: #fff;
    }
    
    .product-product .nav-tabs>li>a::after,
    .product-product .nav.nav-tabs li.active a::after {
        background: #7e63ff;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        -webkit-transform: scale(0.5, 1);
        -moz-transform: scale(0.5, 1);
        -ms-transform: scale(0.5, 1);
        -o-transform: scale(0.5, 1);
        transform: scale(0.5, 1);
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
        z-index: -1;
    }
    
    .product-product .nav-tabs>li:hover>a::after,
    .product-product .nav.nav-tabs li.active a::after {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    .product-product #tab-description>h3,
    .product-product #form-review>h2 {
        font-family: "Philosopher", Helvetica, sans-serif;
        font-size: 16px;
        color: #111;
        font-weight: 600;
    }
    
    .product-product .nav-tabs>li {
        display: inline-block;
        float: none;
        vertical-align: top;
        width: auto;
        padding: 0;
        margin: 0 10px 0 0;
    }
    
    .product-product .nav-tabs {
        display: inline-block;
        float: none;
        vertical-align: top;
        width: 100%;
        padding: 20px 0 10px;
        text-align: center;
        border-bottom: 1px solid #e5e5e5;
    }
    
    #product-product .layout-desc .image img {
        margin: 0;
        float: right;
    }
    
    #product-product .layout-desc td.col-sm-4 .image img {
        float: left;
    }
    
    #product-product .layout-desc {
        margin: 0 0 40px;
    }
    
    #product-product .layout-desc h2 {
        font-size: 25px;
        line-height: 44px;
        font-weight: 400;
        color: #000;
    }
    
    #product-product .layout-desc p {
        line-height: 24px;
    }
    
    .checkout-cart #accordion .panel-heading {
        padding: 0px;
        border-color: #f1e8db;
    }
    
    .checkout-cart #accordion .panel-heading a {
        padding: 12px 15px;
        font-family: "Philosopher", Helvetica, sans-serif;
        font-weight: 700;
        font-size: 16px;
    }
    
    .checkout-cart #accordion label.control-label {
        width: 100%;
        padding: 0px;
        text-align: left;
        color: #666;
        font-size: 14px;
    }
    
    .checkout-cart #accordion .form-group {
        margin: 15px 0;
    }
    
    .checkout-cart #accordion .form-group>div {
        width: 100%;
        padding: 0px;
        margin: 5px 0;
    }
    
    .checkout-cart #content>.buttons {
        float: left;
        width: 100%;
    }
    
    .checkout-checkout #content .panel.panel-default {
        float: left;
        width: 100%;
    }
    
    .checkout-checkout #accordion .panel-default .panel-heading {
        border-color: #333;
        padding: 12px 15px;
    }
    
    #accordion .panel-heading h4.panel-title a:hover {
        color: #000;
    }
    
    .table.table-bordered {
        border-color: #e5e5e5;
    }
    
    #product-compare .table-bordered>tbody>tr>td:first-child {
        font-weight: 500;
        color: #111;
    }
    
    .table-bordered>thead>tr>th,
    .table-bordered>thead>tr>td,
    .table-bordered>tbody>tr>th,
    .table-bordered>tbody>tr>td,
    .table-bordered>tfoot>tr>th,
    .table-bordered>tfoot>tr>td {
        border: 1px solid #e5e5e5;
        color: #666;
        padding: 10px;
    }
    
    #checkout-cart .btn.btn-primary.main {
        position: relative;
    }
    
    .cart-form .cart_input_block .input-group-btn .btn-primary {
        padding: 10px 14px;
        line-height: 20px;
    }
    
    .cart-form .input-group-btn button i {
        font-size: 18px;
        vertical-align: top;
    }
    
    #checkout-cart .text-left a {
        font-family: "Philosopher", Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #333;
    }
    
    .product-quickview .product-images .thumbnails .product-image .thumbnail img {
        border-radius: 15px;
    }
    
    #product-compare #content tr .price {
        color: #111;
        font: 700 16px/20px "Philosopher", Helvetica, sans-serif;
    }
    
    #product-compare #content tr .price strike {
        color: #666;
        font: 700 14px/18px "Philosopher", Helvetica, sans-serif;
        text-decoration: line-through;
    }
    
    #product-compare #content .table.table-bordered strong {
        font: 700 16px/26px "Philosopher", Helvetica, sans-serif;
        color: #111;
    }
    
    #product-compare #content .table.table-bordered strong:hover {
        color: #000;
    }
    
    .sub-total-table .table-bordered tbody tr td:first-child strong {
        font-weight: 500;
    }
    
    .product-product #review .table.table-striped.table-bordered p {
        margin: 0;
    }
    
    #account-wishlist #content tr .price {
        color: #111;
        font: 700 16px/20px "Philosopher", Helvetica, sans-serif;
    }
    
    #account-wishlist #content tr .price s {
        color: #555;
        font: 700 14px/18px "Philosopher", Helvetica, sans-serif;
        text-decoration: line-through;
    }
    
    #account-wishlist #content tr .price b {
        color: #111;
        font: 700 16px/20px "Philosopher", Helvetica, sans-serif;
    }
    
    #account-wishlist .table-bordered>tbody>tr>td .btn.btn-primary {
        padding: 8px 13px;
    }
    
    #information-contact i.material-icons.location-on {
        font-size: 18px;
        vertical-align: middle;
        line-height: 20px;
    }
    
    .checkout-cart .sub-total-table {
        float: right;
    }
    
    .bootstrap-datetimepicker-widget .accordion-toggle a.btn,
    .bootstrap-datetimepicker-widget .timepicker td a span {
        background: #EEEEEE;
    }
    
    .bootstrap-datetimepicker-widget .timepicker td a:hover,
    .bootstrap-datetimepicker-widget .timepicker td a:focus {
        color: #FFFFFF;
    }
    
    .bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover,
    .bootstrap-datetimepicker-widget .timepicker td a span:hover {
        background: #777;
    }
    
    .datepicker .datepicker-days .table-condensed .day.active,
    .bootstrap-datetimepicker-widget td span.active,
    .bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover,
    .bootstrap-datetimepicker-widget .timepicker td a span:hover,
    .bootstrap-datetimepicker-widget td span.active,
    .datepicker-months .table-condensed .month.active,
    .datepicker-years .table-condensed .year.active {
        background-color: #7e63ff;
        color: #fff;
    }
    
    .bootstrap-datetimepicker-widget .accordion-toggle a.btn,
    .bootstrap-datetimepicker-widget .timepicker td a span,
    .bootstrap-datetimepicker-widget .accordion-toggle a.btn {
        background: #EEEEEE;
    }
    
    .bootstrap-datetimepicker-widget .timepicker td a:hover,
    .bootstrap-datetimepicker-widget .timepicker td a:focus {
        color: #FFFFFF;
    }
    
    .bootstrap-datetimepicker-widget .accordion-toggle a.btn:hover,
    .bootstrap-datetimepicker-widget .timepicker td a span:hover {
        background: #7e63ff;
    }
    
    .datepicker-days .table-condensed .day.today::before {
        border-bottom: 7px solid #222;
    }
    
    .datepicker-days .table-condensed .day.active.today::before {
        border-bottom: 7px solid #fff;
    }
    /* Extra pages Stylesheet */
    
    #accordion .panel-heading h4.panel-title a {
        display: block;
    }
    
    #accordion .panel-heading h4.panel-title a i.expand-more {
        float: right;
        font-size: 18px;
    }
    
    #accordion .panel-heading h4.panel-title a i.fa-caret-down {
        float: right;
    }
    
    .product-search #content .search-criteria {
        border: 1px solid #ebebeb;
        padding: 10px;
    }
    
    .search-criteria .checkbox-inline {
        padding: 12px 0;
    }
    
    .product-compare #content .table .btn {
        display: inline-block;
        text-transform: capitalize;
        width: auto;
        margin: 0 0 5px;
        padding: 6px 15px;
        line-height: 24px;
        color: #fff;
        border-radius: 25px;
    }
    
    .btn.btn-primary.btn-block {
        background: #7e63ff;
    }
    
    .product-compare #content .table .btn.btn-primary.btn-block:hover,
    .product-compare #content .table .btn.btn-primary.btn-wishlist:hover {
        background: #f58b27;
        color: #fff;
    }
    
    .product-compare #content .table .btn.btn-primary.btn-block:active,
    .product-compare #content .table .btn.btn-primary.btn-block:focus {
        background: #7e63ff;
        color: #fff;
    }
    
    .product-compare #content .table .btn.btn-primary.btn-wishlist:active,
    .product-compare #content .table .btn.btn-primary.btn-wishlist:focus {
        background: #7e63ff;
        color: #fff;
    }
    
    .product-compare #content .table .btn.btn-primary::before {
        display: none;
    }
    
    .product-compare #content .table .btn i {
        font-size: 16px;
        line-height: 24px;
        vertical-align: top;
    }
    
    .information-sitemap .col-sm-6>ul {
        padding-left: 15px;
    }
    
    .information-sitemap #content ul ul {
        padding-left: 30px;
        margin: 5px 0 10px;
    }
    
    .information-sitemap ul li a {
        line-height: 22px;
        text-transform: capitalize;
        color: #666;
    }
    
    .information-sitemap ul li a:hover {
        color: #111;
    }
    
    body.product-compare .table-product-image {
        padding: 3%;
    }
    
    body.product-compare .table-product-image .img-thumbnail {
        border: none;
        border-radius: 10px;
    }
    /* information/contact - Location Icons Stylesheet */
    
    .information-contact .contact-location .location-title {
        font-weight: 600;
        font-size: 14px;
        color: #111;
    }
    
    .information-contact .panel.google-map,
    .information-contact .panel.google-map iframe {
        float: left;
        width: 100%;
    }
    
    .information-contact .contact-location .location-detail {
        margin: 0 0 20px 0;
    }
    
    .information-contact #content>h3 {
        clear: both;
        color: #111;
        font-size: 18px;
        font-weight: 600;
    }
    
    #account-return #content .buttons.clearfix .pull-right .btn.btn-primary {
        transition: all 400ms;
    }
    
    #account-return #content .buttons.clearfix .pull-right .btn.btn-primary:hover,
    #account-return #content .buttons.clearfix .pull-right .btn.btn-primary:active,
    #account-return #content .buttons.clearfix .pull-right .btn.btn-primary:focus {
        background: #7e63ff;
    }
    
    .information-contact .contact-location .location-title i {
        background: #7e63ff;
        border: 2px solid #7e63ff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        color: #ffffff;
        font-size: 16px;
        height: 35px;
        margin: 10px 5px 10px 0;
        padding: 7px;
        text-align: center;
        width: 35px;
    }
    /* extra page stylesheet  */
    
    .table-bordered tr:last-child>td.text-right.total-amount {
        color: #111;
        font: 500 14px/20px "Philosopher", Helvetica, sans-serif;
    }
    
    .table-bordered tr td.text-right.total-amount {
        color: #111;
        font: 700 16px/24px "Philosopher", Helvetica, sans-serif;
        text-align: right;
    }
    
    .product-quickview .product-details .btn-default::before,
    #product-product .product-details .btn-default::before {
        display: none;
    }
    
    .btn.btn-primary.checkout {
        text-transform: capitalize;
        background: #f58b27;
        border: none;
        color: #fff;
    }
    
    .pull-right .btn-primary.checkout:hover,
    .pull-right .btn-primary.checkout:focus,
    .pull-right .btn-primary.checkout:active {
        background: #f58b27;
        color: #fff;
    }
    
    .buttons.clearfix {
        margin: 15px 0 0;
    }
    
    .table>thead>tr>td.text-right,
    .table>thead>tr>td.text-left {
        font-weight: 700;
    }
    
    .table-bordered .text-right .btn i {
        font-size: 18px;
        line-height: 18px;
        vertical-align: top;
    }
    
    .table-bordered .text-right .btn i.material-icons.shopping-cart {
        line-height: 24px;
    }
    
    .fa-mail-reply::before,
    .fa-reply::before {
        content: "";
    }
    
    .information-contact #content .form-horizontal {
        float: left;
        width: 100%;
    }
    
    .checkout-cart h2 {
        font-family: "Philosopher", Helvetica, sans-serif;
        font-size: 20px;
    }
    
    .checkout-cart tr:last-child>td.text-right.heading-title {
        font: 700 18px/22px "Philosopher", Helvetica, sans-serif;
        color: #555454;
        text-transform: capitalize;
    }
    
    #content .sub-total-table .table-bordered tbody tr:last-child td,
    #content .sub-total-table .table-bordered tbody tr:last-child td strong {
        text-transform: capitalize;
        color: #111;
        font: 700 16px/24px "Philosopher", Helvetica, sans-serif;
    }
    
    #checkout-cart #content .buttons .pull-left a::before {
        background: #f58b27;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        color: #fff;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: scale(0.5, 1);
        -moz-transform: scale(0.5, 1);
        -ms-transform: scale(0.5, 1);
        -o-transform: scale(0.5, 1);
        transform: scale(0.5, 1);
    }
    
    #checkout-cart #content .buttons .pull-left a:hover::before,
    #checkout-cart #content .buttons .pull-left a:active::before,
    #checkout-cart #content .buttons .pull-left a:focus::before {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    .cart-form .table-bordered>thead>tr>th,
    .cart-form .table-bordered>tbody>tr>th,
    .cart-form .table-bordered>tfoot>tr>th,
    .table-bordered>thead>tr>td,
    .cart-form .table-bordered>tbody>tr>td,
    .cart-form .table-bordered>tfoot>tr>td {
        background: #fff;
        border: 1px solid #e5e5e5;
        color: #333;
        font-family: "Philosopher", Helvetica, sans-serif;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 1px;
        text-transform: capitalize;
        vertical-align: middle;
    }
    
    .checkout-cart #content .table-responsive .table-bordered thead tr td {
        font-family: "Philosopher", Helvetica, sans-serif;
        color: #111;
        font-size: 14px;
        font-weight: 700;
    }
    
    .cart-form .table-bordered tbody td.text-right.total-price {
        color: #111;
        font: 700 18px/24px "Philosopher", Helvetica, sans-serif;
    }
    
    .checkout-checkout h4 {
        font-family: "Philosopher", Helvetica, sans-serif;
        font-weight: 700;
        color: #111;
    }
    
    .affiliate-login>h2,
    .account-login>h2,
    .checkout-checkout>h2,
    .product-search>h2 {
        color: #333333;
        font: 500 23px/25px "Philosopher", Helvetica, sans-serif;
    }
    /* brand page */
    
    .product-manufacturer .a-link-heading {
        padding: 5px 16px;
    }
    
    .product-manufacturer .a-link-heading p,
    .product-manufacturer .a-link-heading h2 {
        line-height: 38px;
    }
    
    .product-manufacturer .a-link-group {
        color: #222222;
        font-family: Philosopher;
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    #checkout-checkout .form-horizontal .checkbox,
    .form-horizontal .radio label {
        font-weight: 500;
    }
    /* about-us  */
    /*about-us*/
    
    .main-about-history .title_block .ttblock-heading {
        color: #222;
        margin: 0 0 25px;
    }
    
    .history-image {
        padding: 0;
    }
    
    .main-about-history .box-heading::before {
        left: 0;
        right: auto;
    }
    
    .main-about-history .box-heading::after {
        right: 0;
        left: auto;
    }
    
    .history-image>img {
        width: 100%;
    }
    
    .pull-right.block-right.history-block {
        padding: 0;
    }
    
    .about-us {
        background: #f2f2f2;
        background-size: cover;
        padding: 2%;
    }
    
    .about-us .about-Content {
        padding-top: 3%;
    }
    
    .about-us .about-Content h2 {
        font-size: 48px;
    }
    
    .about-us .about-Content p span {
        font: 600 16px/32px "Poppins", Helvetica, sans-serif;
        letter-spacing: 1px;
        line-height: 28px;
    }
    
    .team-member {
        margin-top: 8%;
    }
    
    .team-member h2 {
        margin-bottom: 3%;
        font-weight: 600;
    }
    
    .service-name>h4,
    .team-caption>h4 {
        color: #666;
        font-family: "Philosopher", Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
    }
    
    .module.about-our-service .item:hover .icon {
        transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transition: all 500ms ease 0s;
        -webkit-transition: all 500ms ease 0s;
        -moz-transition: all 500ms ease 0s;
        -o-transition: all 500ms ease 0s;
        -ms-transition: all 500ms ease 0s;
    }
    
    .social-member .social-icon a:hover {
        background-color: #000;
    }
    
    .team-image,
    .team-caption {
        margin: 0 auto;
        text-align: center;
    }
    
    .banner-product-1 {
        list-style: outside none none;
    }
    
    .block-button.social-icons {
        padding-top: 7px;
    }
    
    .block-button.social-icons>a>span>i {
        font-size: 18px;
        padding: 0 4px;
    }
    
    .services-group {
        margin-bottom: 12px;
    }
    
    .team-group {
        margin-bottom: 45px;
    }
    
    .social-member {
        list-style: outside none none;
    }
    
    .social-member .social-icon {
        display: inline-block;
        margin: 0 3px;
    }
    
    .social-member .social-icon a span {
        display: none;
    }
    
    .social-member .social-icon a {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        color: #ff3000;
        display: inline-block;
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 30px;
    }
    
    .social-member .social-icon.rss a {
        background-color: #f8bc2e;
    }
    
    .social-member .social-icon.facebook a {
        background-color: #39599f;
    }
    
    .social-member .social-icon.twitter a {
        background-color: #45b0e3;
    }
    
    .social-member .social-icon.google a {
        background-color: #1872bf;
    }
    
    .job-member::before,
    .job-member::after {
        content: "---";
        margin: 0 5px;
    }
    
    .main-history-data {
        margin-bottom: 40px;
    }
    
    .module.about-our-service .item .icon {
        display: block;
        margin: 0 0 10px
    }
    
    .main-about-service.col-lg-15 {
        float: left;
        width: 20%;
    }
    
    .module.about-our-service .item h3.title {
        color: #000;
        font-size: 13px;
        margin: 0 0 3px;
        font-family: "Philosopher", Helvetica, sans-serif;
    }
    
    .module.about-our-service .item:hover h3.title {
        color: #222;
    }
    
    .module.about-our-service .item .content {
        color: #666666;
        font-size: 13px;
        line-height: 16px;
        font-family: "Philosopher", Helvetica, sans-serif;
    }
    
    .main-about-service .item {
        text-align: center;
    }
    
    .module.about-our-service {
        float: left;
        width: 100%;
        margin-bottom: 40px;
    }
    
    .team-image>img {
        width: 100%;
        height: 80px;
    }
    
    .module.about-our-service .item .icon {
        display: block;
        margin: 0 0 20px;
    }
    
    .module.about-our-service .item .icon>i {
        font-size: 24px;
    }
    
    .team-image {
        width: 90px;
        border: 5px solid #eee;
        overflow: hidden;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
    }
    
    .main-about-history .title_block {
        float: left;
        text-align: center;
        width: 100%;
    }
    
    .main-about-history .title_block .ttblock-heading {
        color: #333;
        display: inline-block;
        float: none;
        font: 700 18px/26px "Philosopher", Helvetica, sans-serif;
        letter-spacing: 1px;
        margin: 0 0 40px;
        text-align: center;
        text-transform: uppercase;
    }
    
    .terms-condition h3 {
        font: 500 18px/22px "Philosopher", Helvetica, sans-serif;
        color: #000;
    }
    /* manufacturer_list & account_list &  affiliate_list - Tabular list of Brands Stylesheet */
    
    #column-left .sidebar.panel,
    #column-right .sidebar.panel {
        border: none;
    }
    
    .a-link-group {
        margin-bottom: 10px;
    }
    
    .a-link-group a {
        font-weight: bold;
    }
    
    .a-link-list {
        border: none;
        margin-bottom: 20px;
        padding: 5px;
        border: 1px solid #e5e5e5;
    }
    
    .a-link-heading {
        background: #f5f5f5;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 6px;
        padding: 10px;
    }
    
    .a-link-heading p,
    .a-link-heading h2 {
        margin: 0px;
        font-size: 18px;
        line-height: 20px;
        font-weight: 700;
        color: #111;
    }
    
    #product-category .a-link-list .a-link-content li a {
        color: #666;
        font-weight: 500;
        line-height: 20px;
        font-size: 14px;
    }
    
    #product-category .a-link-list .a-link-content li a:hover {
        color: #111;
    }
    
    .a-link-content {
        padding: 8px;
        font-size: 13px;
        line-height: 22px;
    }
    
    .modal-header {
        background: #f5f5f5;
    }
    
    .modal-dialog .modal-header .close {
        font-size: 24px;
        padding: 3px 5px;
        margin-top: -5px;
        float: right;
        opacity: 1;
    }
    
    .modal-title {
        font-weight: bold;
    }
    /*--------------------------------- Brand CSS Strat ----------------------------------------*/
    
    .brand-carousel .swiper-viewport {
        background: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0 0 0px;
    }
    
    .common-home .brand-carousel {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 90px 0;
    }
    
    .brand-carousel .brand-items .img-responsive {
        display: inline-block;
        opacity: 0.6;
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        -webkit-opacity: 0.6;
        cursor: pointer;
    }
    
    .brand-carousel .brand-items .img-responsive:hover {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    
    .brand-carousel .swiper-viewport .swiper-pager div {
        height: 30px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        width: 30px;
        border: 1px solid #e5e5e5;
        color: #000;
        font: 500 13px/18px "Philosopher", Helvetica, sans-serif;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        background: #fff;
        transition: all 0.5s ease-in-out 0ms;
        -webkit-transition: all 0.5s ease-in-out 0ms;
        -moz-transition: all 0.5s ease-in-out 0ms;
        -o-transition: all 0.5s ease-in-out 0ms;
    }
    
    .brand-carousel .swiper-viewport:hover .swiper-pager div {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    
    .brand-carousel .swiper-pager .swiper-button-prev::before {
        content: '\e5c4';
        font-family: "Material Icons";
        color: #777777;
        font-size: 15px;
        float: left;
        line-height: 28px;
        height: 100%;
        width: 100%;
        transition: all 0.5s ease-in-out 0ms;
        -webkit-transition: all 0.5s ease-in-out 0ms;
        -moz-transition: all 0.5s ease-in-out 0ms;
        -o-transition: all 0.5s ease-in-out 0ms;
    }
    
    .brand-carousel .swiper-pager .swiper-button-next::before {
        content: '\e5c8';
        font-family: "Material Icons";
        color: #777777;
        font-size: 15px;
        float: left;
        line-height: 30px;
        height: 100%;
        width: 100%;
        transition: all 0.5s ease-in-out 0ms;
        -webkit-transition: all 0.5s ease-in-out 0ms;
        -moz-transition: all 0.5s ease-in-out 0ms;
        -o-transition: all 0.5s ease-in-out 0ms;
    }
    
    .brand-carousel .swiper-pager .swiper-button-prev:hover::before,
    .brand-carousel .swiper-pager .swiper-button-next:hover::before {
        color: #ffffff;
    }
    
    .brand-carousel .swiper-viewport .swiper-slide.text-center {
        padding: 10px;
    }
    
    .brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev {
        left: 10px;
    }
    
    .brand-carousel .swiper-viewport .swiper-pager .swiper-button-next {
        right: 10px;
    }
    
    .brand-carousel .swiper-viewport .swiper-pager div:hover {
        background: #7e63ff;
        color: #fff;
        border-color: #7e63ff;
    }
    
    @media (max-width: 767px) {
        .brand-carousel .swiper-viewport .swiper-pager div {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
    }
    
    @media (max-width: 480px) {
        .brand-carousel .swiper-pager .swiper-button-prev {
            left: 0;
        }
        .customNavigation {
            margin: 10px 0 0 0;
        }
        .brand-carousel .swiper-pager .swiper-button-next {
            right: 0;
        }
        .brand-carousel .swiper-viewport .swiper-slide.text-center {
            padding: 0 15px;
        }
    }
    /*--------------------------------- Brand CSS End ----------------------------------------*/
    /* checkout/cart - cart-form Stylesheet */
    
    .cart-form .input-group .form-control {
        width: auto;
        min-width: 50px;
        text-align: center;
    }
    
    .cart-form .input-group-btn {
        display: table;
        float: left;
    }
    /* checkout success - Stylesheet */
    
    body.checkout-success #content {
        background: url("TemplateTrip/images/checkout-success.png") no-repeat scroll center bottom / contain;
    }
    
    body.account-download #content {
        background: url("TemplateTrip/images/checkout-success.png") no-repeat scroll center bottom / contain;
    }
    
    body.account-success #content {
        background: url("TemplateTrip/images/account-success.png") no-repeat scroll center bottom / contain;
    }
    
    body.product-compare #content.no-compare-products {
        background: url("TemplateTrip/images/no-compare-products.png") no-repeat scroll center bottom / contain;
    }
    
    #content.request-not-found {
        background: url("TemplateTrip/images/request-not-found.png") no-repeat scroll center bottom / contain;
    }
    
    #content.no-manufacture-products {
        background: url("TemplateTrip/images/no-manufacture-products.png") no-repeat scroll center bottom / contain;
    }
    
    #content.no-wishlist-products {
        background: url("TemplateTrip/images/no-wishlist-products.png") no-repeat scroll center bottom / contain;
    }
    
    body.checkout-success #content div.buttons,
    body.account-success #content div.buttons,
    #content.print-bg-image div.buttons {
        float: left;
    }
    /*---------------Contact us-------------------*/
    
    .product-category .contact-location .location-title i {
        background: #7e63ff;
        border: 2px solid #7e63ff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        color: #ffffff;
        font-size: 16px;
        height: 35px;
        margin: 10px 5px 10px 0;
        padding: 7px;
        text-align: center;
        width: 35px;
    }
    
    .product-category .contact-location .location-title {
        font-weight: 600;
        font-size: 14px;
        color: #111;
    }
    
    .product-category .contact-location .btn-info {
        color: #fff;
        background-color: #ffa406;
        border: none;
        padding: 10px 12px;
        position: relative;
        z-index: 2;
        overflow: hidden;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
    }
    /* ------------------------------------ footer CSS Start ---------------------------------------- */
    
    .common-home footer {
        margin: 0;
    }
    
    .footer-container {
        float: left;
        width: 100%;
        overflow: hidden;
        padding: 100px 0 50px;
        background: #191919;
    }
    
    #ttcmsfooter {
        float: left;
        padding: 0;
        text-align: center;
    }
    
    #ttcmsfooter img {
        max-width: 100%;
    }
    
    footer {
        float: left;
        width: 100%;
        margin: 30px 0 0;
        position: relative;
    }
    
    .footer-top {
        float: left;
        width: 100%;
    }
    
    .footer-left-cms {
        float: left;
    }
    
    #ttcmsfooter .ttfooter-logo {
        margin: 0 0 20px 0;
        float: left;
        width: 100%;
        text-align: left;
    }
    
    #ttcmsfooter .ttfooter-desc {
        color: #ccc;
        float: left;
        font: 500 13px/22px "Poppins", Helvetica, sans-serif;
        margin: 0 auto;
        text-align: left;
        width: 90%;
    }
    
    .footer-top-cms {
        float: left;
        text-align: center;
        width: 100%;
        padding: 0 10px;
        position: relative;
        margin: 0 0 -60px;
    }
    
    .footer-container .container {
        padding: 0;
    }
    
    .footer-column {
        text-align: left;
    }
    
    .footer-column.footer-right-cms {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    
    .footer-column.footer-left-cms {
        float: left;
    }
    
    footer .footer-column ul,
    footer .footer-column1 ul {
        margin: 0;
    }
    
    .footer-column.footer-customer-service {
        float: left;
        margin: 0;
        padding: 0;
    }
    
    .footer-column.footer-left-cms {
        float: left;
        border-left: none;
    }
    
    footer .footer-column ul li:nth-child(2n+1) {
        float: left;
        width: 100%;
    }
    
    footer .footer-column ul li:nth-child(2n) {
        float: left;
    }
    
    footer .footer-column.footer-right-cms ul li:nth-child(2n+1),
    footer .footer-column.footer-left-cms ul li:nth-child(2n+1) {
        float: left;
        width: 100%;
    }
    
    footer hr {
        border-top: none;
        border-bottom: 1px solid #666666;
    }
    
    .footer-bottom a::before {
        content: "";
    }
    
    #ttcmsfooter .footerlogo {
        float: left;
        position: relative;
        width: 100%;
        text-align: left;
    }
    
    #ttcmsfooter .footerlogo-img {
        position: relative;
        margin: 0 0 20px;
        cursor: pointer;
    }
    
    footer a {
        color: #ccc;
        cursor: pointer;
        font: 500 13px/30px "Poppins", Helvetica, sans-serif;
    }
    
    footer a:hover,
    footer a:focus,
    footer a:active {
        color: #fff;
    }
    
    footer .footer-column h5,
    footer .footer-column .h5 {
        cursor: pointer;
        font: italic 700 20px/22px Philosopher, sans-serif;
        letter-spacing: 1px;
        margin: 0 0 20px;
        position: relative;
        text-transform: capitalize;
        float: left;
        width: 100%;
        color: #f58b27;
    }
    
    .footer-bottom {
        float: left;
        text-align: center;
        width: 100%;
    }
    
    .footer-bottom-cms {
        float: left;
        width: 100%;
    }
    
    footer .contact-us ul li i {
        color: #ccc;
        float: none;
        font-size: 17px;
        margin-right: 5px;
        padding-right: 0;
        padding-top: 5px;
        width: 22px;
        line-height: 18px;
        display: inline-block;
        vertical-align: top;
    }
    
    .contact-us .contact-address {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    
    .contact-address {
        display: inline-block;
        vertical-align: top;
        font-style: italic;
        margin: 0 0 5px;
        color: #ccc;
        font: 500 13px/22px "Poppins", Helvetica, sans-serif;
    }
    
    .bottom-footer {
        float: left;
        width: 100%;
        position: relative;
        background: #191919;
    }
    
    .bottom-footer .container {
        border-top: 1px solid rgba(255, 255, 255, .1);
        padding: 20px 15px;
    }
    
    .footer-bottom>p {
        float: left;
        color: #ccc;
        text-align: center;
        margin: 0;
        font-size: 13px;
        width: 100%;
        line-height: 18px;
        padding: 8px 0;
    }
    
    .block-social {
        float: left;
        width: 100%;
        text-align: center;
    }
    
    .footer-bottom a {
        color: #ccc;
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
    }
    
    @media (max-width:1199px) {
        .footer-container {
            padding: 110px 0 50px;
        }
        #ttcmsfooter .ttfooter-desc {
            width: 100%;
        }
    }
    
    @media (max-width:991px) {
        #ttcmsfooter {
            position: static;
            width: 100%;
            padding: 0 0 5px;
        }
        .footer-left-cms {
            width: 100%;
        }
        #ttcmsfooter .ttfooter-desc {
            width: 50%;
            text-align: left;
            float: none;
        }
        #ttcmsfooter .ttfooter-logo {
            text-align: left;
        }
        #ttcmsfooter .ttfooter-logo a img {
            width: 50%;
        }
        footer .footer-column ul,
        footer .footer-column1 ul {
            float: left;
            width: 100%;
            padding: 0 10px;
            margin: 0;
            text-align: left;
        }
        .footer-column li,
        .footer-column1 li {
            text-align: left;
            display: block;
            padding: 0;
        }
        .footer-column .list-unstyled li a::after,
        .footer-column1 .list-unstyled li a::after {
            display: none;
        }
        footer .footer-column h5.toggle,
        footer .footer-column1 h5.toggle {
            float: left;
            width: 100%;
            cursor: pointer;
            margin: 0;
            font: italic 700 18px/22px "Philosopher", Helvetica, sans-serif;
            padding: 10px;
            display: block;
            text-align: left;
            color: #fff;
        }
        .footer-container .linklist.links {
            width: 100%;
            padding: 0;
        }
        footer .footer-column ul li:nth-child(2n+1) {
            float: left;
            width: 100%;
        }
        .footer-container {
            padding: 80px 0 20px;
        }
        .footer-bottom {
            float: left;
            width: 100%;
        }
        .bottom-footer .container {
            padding: 15px;
        }
        .footer-bottom>p {
            text-align: center;
            padding: 0;
        }
        .block-social {
            float: left;
            width: 100%;
        }
        #ttcmsfooter .footerlogo {
            margin: 0 0 20px 0;
            float: none;
            width: auto;
            text-align: center;
        }
        footer .footer-column {
            float: left;
            margin: 0;
            width: 100%;
            border: none;
        }
        .bottomfooter {
            width: 100%;
            float: left;
            padding: 0;
            background: none;
        }
        .topfooter {
            width: 100%;
            padding: 0;
        }
        #ttcmsfooter .footerlogo-img {
            display: inline-block;
            float: none;
            vertical-align: top;
        }
    }
    
    @media (max-width:767px) {
        #ttcmsfooter .ttfooter-desc {
            width: 70%;
        }
    }
    
    @media (max-width:543px) {
        #ttcmsfooter .ttfooter-desc {
            width: 100%;
        }
    }
    /* ------------------------------------ footer CSS End ---------------------------------------- */
    
    #goToTop:before {
        color: #fff;
        content: "\e316";
        font-family: "Material Icons";
        font-size: 22px;
        font-weight: 500;
        line-height: 24px;
    }
    
    #goToTop {
        background: #7e63ff;
        bottom: 50px;
        cursor: pointer;
        height: 40px;
        padding: 5px 7px;
        position: fixed;
        right: 40px;
        line-height: 30px;
        text-align: center;
        width: 40px;
        z-index: 9;
        border: 2px solid #fff;
        -webkit-transition: 400ms ease-in-out;
        -moz-transition: 400ms ease-in-out;
        -ms-transition: 400ms ease-in-out;
        -o-transition: 400ms ease-in-out;
        transition: 400ms ease-in-out;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -khtml-border-radius: 50%;
        border-radius: 50%;
    }
    
    #goToTop:hover {
        background: #f58b27;
        border: 2px solid #fff;
        color: #fff;
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    
    #goToTop:hover:before {
        color: #fff;
    }
    
    .alert .check-circle,
    .alert .error-outline,
    .alert i.material-icons.info-circle {
        font-size: 18px;
        vertical-align: middle;
    }
    /* alert */
    
    [data-notify="progressbar"] {
        margin-bottom: 0px;
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 5px;
    }
    
    .alert {
        clear: both;
    }
    
    .alert-dismissable,
    .alert-dismissible {
        padding-right: 15px;
    }
    
    .alert-danger {
        padding: 10px 15px;
    }
    
    .alert .close {
        color: #000000;
        right: 0;
        top: 0;
    }
    
    .product-options .alert-info {
        float: left;
        margin-top: 0;
        margin-bottom: 15px;
        padding: 10px 15px;
        position: static;
        width: 100%;
    }
    /* breadcrumb */
    
    .breadcrumb {
        float: right;
        font-size: 16px;
        line-height: 32px;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: auto;
    }
    
    .breadcrumb a,
    .breadcrumb>li+li::before {
        color: #fff;
    }
    
    .page-title-wrapper .breadcrumb a {
        color: #333;
        display: inline-block;
        padding: 0;
        text-transform: capitalize;
        font: 500 16px/34px "Philosopher", Helvetica, sans-serif;
    }
    
    .page-title-wrapper .breadcrumb a:hover {
        color: #111;
    }
    
    .breadcrumb i {
        font-size: 16px;
        line-height: 34px;
        vertical-align: top;
    }
    
    .breadcrumb i:hover {
        color: #111;
    }
    
    .breadcrumb>li {
        white-space: nowrap;
        display: inline-block;
    }
    
    .page-title-wrapper .breadcrumb>li+li::before {
        color: #111;
        content: "\e5cc";
        float: left;
        font-family: "Material Icons";
        font-size: 16px;
        margin: 0 8px;
    }
    
    .main-breadcrumb {
        background: none;
        color: #666;
        display: inline-block;
        font: 400 15px/18px "Philosopher", Helvetica, sans-serif;
        min-width: 60%;
        overflow: hidden;
        padding: 0;
        position: relative;
        text-align: center;
        z-index: 1;
    }
    
    .page-title-wrapper .breadcrumb-wrapper h2 {
        float: left;
        margin: 0;
        font-size: 16px;
        line-height: 30px;
    }
    
    #add-comment .alert.alert-info a {
        color: #666;
    }
    
    #add-comment .alert.alert-info a:hover {
        color: #000;
    }
    /* buttons */
    
    .btn {
        font-size: 14px;
    }
    
    .btn-xs {
        font-size: 9px;
    }
    
    .btn-sm {
        font-size: 10.2px;
    }
    
    .btn-lg {
        padding: 6px 20px;
        font-size: 15px;
    }
    
    .product-product .btn-lg {
        padding: 7px 20px;
    }
    
    .btn-group>.btn,
    .btn-group>.dropdown-menu,
    .btn-group>.popover {
        font-size: 12px;
    }
    
    .btn-group>.btn-xs {
        font-size: 9px;
    }
    
    .btn-group>.btn-sm {
        font-size: 10.2px;
    }
    
    .btn-group>.btn-lg {
        font-size: 15px;
    }
    
    .btn-block {
        width: auto;
    }
    
    .product-product .btn.btn-default::before,
    .product-quickview .btn.btn-default::before {
        display: none;
    }
    
    .product-product .btn.btn-default,
    .product-quickview .btn.btn-default {
        background-color: #fff;
        border: 1px solid #e5e5e5;
        color: #666;
    }
    
    .product-product .btn.btn-default:hover,
    .product-quickview .btn.btn-default:hover {
        background-color: #7e63ff;
        border: 1px solid #7e63ff;
        color: #fff;
    }
    
    .product-quickview .btn.btn-default:active,
    .product-quickview .btn.btn-default:focus {
        background-color: #7e63ff;
        border: 1px solid #7e63ff;
        color: #fff;
    }
    
    .product-product .btn.btn-default:active,
    .product-product .btn.btn-default:focus {
        background-color: #7e63ff;
        border: 1px solid #7e63ff;
        color: #fff;
    }
    
    .btn.btn-default.product-btn-wishlist:focus,
    .btn.btn-default.product-btn-compare:focus {
        background: none;
        border: none;
        color: #111;
    }
    
    .product-product .btn.btn-default::after,
    .product-quickview .btn.btn-default::after {
        display: none;
    }
    
    .btn-default {
        background: #7e63ff;
        border: none;
        color: #fff;
        text-transform: capitalize;
        padding: 8px 20px;
        font: 600 16px/24px "Philosopher", Helvetica, sans-serif;
        letter-spacing: 1px;
        overflow: hidden;
        z-index: 1;
        position: relative;
        cursor: pointer;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: color, background-color;
        transition-property: color, background-color;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
    }
    
    .btn-primary {
        background: #7e63ff;
        border: none;
        color: #fff;
        padding: 8px 20px;
        font: 600 16px/24px "Philosopher", Helvetica, sans-serif;
        text-transform: capitalize;
        display: inline-block;
        letter-spacing: 1px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        z-index: 1;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: color, background-color;
        transition-property: color, background-color;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
    }
    
    .product-details #button-cart {
        background: #f58b27;
        border: medium none;
        letter-spacing: 1px;
        margin: 0 10px;
        padding: 12px 20px 12px 45px;
        color: #fff;
        text-transform: capitalize;
        font: 600 15px/20px "Philosopher", Helvetica, sans-serif;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: color, background-color;
        transition-property: color, background-color;
    }
    
    .product-product #button-cart::after {
        content: "\e8cc";
        font-family: "Material Icons";
        font-size: 22px;
        height: 45px;
        left: 0;
        position: absolute;
        right: auto;
        width: 56px;
        top: 0;
        bottom: 0;
        line-height: 45px;
        font-weight: 400;
    }
    
    #account-return .form-group .input-group.date .input-group-btn .btn.btn-default:hover {
        background: #f58b27;
    }
    
    .product-details #button-cart.btn:hover,
    .product-details #button-cart.btn:focus,
    .product-details #button-cart.btn:active:focus {
        color: #fff;
        background: #f58b27;
    }
    
    #account-forgotten .btn.btn-primary:hover,
    #account-forgotten .btn.btn-primary:focus,
    #account-login .btn.btn-primary:hover,
    #account-login .btn.btn-primary:focus {
        background: #7e63ff;
    }
    
    #account-login .btn.btn-primary::before {
        display: none;
    }
    
    .product-details .fa.fa-shopping-cart {
        padding-right: 5px;
        font-size: 17px;
    }
    
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        background-position: 0 -15px;
    }
    /* button-effect*/
    
    .btn-primary::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #7e63ff;
        color: #fff;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: scale(0.5, 1);
        -moz-transform: scale(0.5, 1);
        -ms-transform: scale(0.5, 1);
        -o-transform: scale(0.5, 1);
        transform: scale(0.5, 1);
    }
    
    .btn-primary:hover::before,
    .btn-primary:focus::before,
    .btn-primary.active::before {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    /*button-color-*/
    
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary:active:focus,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary,
    #button-login.btn.btn-primary:focus,
    .btn-primary:active,
    #button-account.btn.btn-primary:focus,
    #button-register.btn.btn-primary:focus,
    #button-shipping-method.btn.btn-primary:focus,
    #button-payment-method.btn.btn-primary:focus,
    #button-guest.btn.btn-primary:focus,
    #button-coupon.btn.btn-primary:focus,
    #button-voucher.btn.btn-primary:focus,
    #button-quote.btn.btn-primary:focus,
    .btn-primary.active:focus,
    .btn-primary.active:hover,
    .btn-primary.focus:active,
    .btn-primary:active:focus,
    .open>.dropdown-toggle.btn-primary.focus,
    .open>.dropdown-toggle.btn-primary:focus,
    .open>.dropdown-toggle.btn-primary:hover {
        background: #f58b27;
        color: #fff;
        border: none;
    }
    
    .btn-primary.disabled,
    .btn-primary.disabled.active,
    .btn-primary.disabled.focus,
    .btn-primary.disabled:active,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled],
    .btn-primary.active[disabled],
    .btn-primary.focus[disabled],
    .btn-primary[disabled]:active,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary,
    fieldset[disabled] .btn-primary.active,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background: #000;
        color: #fff;
        border: none;
    }
    
    #button-payment-address.btn-primary:hover,
    #button-payment-address.btn-primary:focus,
    #button-payment-address.btn-primary:active,
    #button-payment-address.btn-primary:active:focus,
    #information-contact .btn.btn-primary:hover,
    #information-contact .btn.btn-primary:focus,
    #information-contact .btn.btn-primary:active,
    #account-edit .btn.btn-primary:hover,
    #account-edit .btn.btn-primary:focus,
    #account-edit .btn.btn-primary.active,
    #account-password .btn.btn-primary:hover,
    #account-password .btn.btn-primary:focus,
    #account-newsletter .btn.btn-primary.active,
    #account-newsletter .btn.btn-primary:hover,
    #account-newsletter .btn.btn-primary:focus,
    .account-address-edit.btn.btn-primary.active,
    .account-address-edit .btn.btn-primary:hover,
    .account-address-edit .btn.btn-primary:focus,
    .account-address-edit .btn.btn-primary.active,
    #account-affiliate .btn.btn-primary:hover,
    #account-affiliate .btn.btn-primary:focus,
    #account-affiliate .btn.btn-primary.active,
    #button-shipping-address.btn-primary:hover,
    #button-shipping-address.btn-primary:focus,
    #button-shipping-address.btn-primary:active,
    #button-shipping-address.btn-primary:active:focus,
    #button-account.btn.btn-primary:hover,
    #button-account.btn.btn-primary:focus,
    #button-account.btn.btn-primary.active,
    #button-login.btn.btn-primary:focus,
    #button-login.btn.btn-primary:hover,
    #button-login.btn.btn-primary.active,
    #button-shipping-method.btn.btn-primary:hover,
    #button-shipping-method.btn.btn-primary:focus,
    #button-shipping-method.btn.btn-primary.active,
    #button-payment-method.btn.btn-primary:hover,
    #button-payment-method.btn.btn-primary:focus,
    #button-payment-method.btn.btn-primary.active,
    #button-confirm.btn.btn-primary:hover,
    #button-confirm.btn.btn-primary:focus,
    #button-confirm.btn.btn-primary.active,
    #button-coupon.btn.btn-primary:hover,
    #button-coupon.btn.btn-primary:focus,
    #button-guest.btn.btn-primary:focus,
    #button-guest.btn.btn-primary:hover,
    #button-guest.btn.btn-primary.active,
    #button-coupon.btn.btn-primary.active,
    #button-voucher.btn.btn-primary:hover,
    #button-voucher.btn.btn-primary:focus,
    #button-voucher.btn.btn-primary.active,
    #checkout-cart.btn.btn-primary.main:hover,
    #checkout-cart.btn.btn-primary.main:focus,
    #checkout-cart.btn.btn-primary.main.active,
    #button-search:hover,
    #button-search:focus,
    #button-search.active,
    #affiliate-login .btn.btn-primary:hover,
    #affiliate-login .btn.btn-primary:focus,
    #affiliate-login .btn.btn-primary:active,
    #affiliate-login .btn.btn-primary:active:focus,
    #account-voucher .btn.btn-primary:active,
    #account-voucher .btn.btn-primary:hover,
    #account-voucher .btn.btn-primary:focus,
    #account-voucher .btn.btn-primary:active:focus,
    #checkout-checkout #button-register:hover,
    #checkout-checkout #button-register:focus,
    #checkout-checkout #button-register:active,
    #checkout-checkout #button-register:active:focus {
        background: #7e63ff;
        color: #fff;
    }
    
    #checkout-cart .btn.btn-primary.main::before {
        border-radius: 0;
    }
    
    .btn-warning {
        color: #ffffff;
        background-color: #faa732;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        -khtml-border-radius: 30px;
    }
    
    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled] {
        box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
    }
    
    .btn-danger {
        color: #ffffff;
        background-color: #da4f49;
        text-transform: uppercase;
        padding: 10px 12px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
    }
    
    .btn-success {
        color: #ffffff;
        background-color: #5bb75b;
    }
    
    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
        box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
    }
    
    .btn-info {
        color: #fff;
        background-color: #f58b27;
        border: none;
        padding: 10px 12px;
        position: relative;
        z-index: 2;
        overflow: hidden;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
    }
    
    .btn-info:hover,
    .btn-info.active,
    .btn-info:active,
    .open>.dropdown-toggle.btn-info,
    .btn-info:active:focus,
    .btn-info:active:hover,
    .btn-info.focus,
    .btn-info:focus {
        color: #fff;
        background-color: #f58b27;
        border: none;
    }
    
    .btn-info::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #7e63ff;
        color: #fff;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: scale(0.5, 1);
        -moz-transform: scale(0.5, 1);
        -ms-transform: scale(0.5, 1);
        -o-transform: scale(0.5, 1);
        transform: scale(0.5, 1);
    }
    
    .btn-info:hover::before,
    .btn-info:focus::before,
    .btn-info.active::before {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    #button-coupon:hover,
    #button-coupon.active,
    #button-coupon:focus,
    #button-voucher:hover,
    #button-voucher:active,
    #button-voucher:focus,
    #button-payment-address.btn.btn-primary:hover,
    #button-payment-address.btn.btn-primary:focus,
    #button-payment-address.btn.btn-primary:active,
    #button-shipping-address.btn.btn-primary:hover,
    #button-shipping-address.btn.btn-primary:focus,
    #button-shipping-address.btn.btn-primary:active,
    #button-shipping-method.btn.btn-primary:hover,
    #button-shipping-method.btn.btn-primary:focus,
    #button-shipping-method.btn.btn-primary:active,
    #button-payment-method.btn.btn-primary:hover,
    #button-payment-method.btn.btn-primary:focus,
    #button-payment-method.btn.btn-primary:active,
    #button-confirm.btn.btn-primary:hover,
    #button-confirm.btn.btn-primary:focus,
    #button-confirm.btn.btn-primary:active,
    #information-contact .btn.btn-primary:hover,
    #information-contact .btn.btn-primary:focus,
    #information-contact .btn.btn-primary:active,
    #account-affiliate .btn.btn-primary:hover,
    #account-affiliate .btn.btn-primary:focus,
    #account-affiliate .btn.btn-primary:active,
    #account-newsletter .btn.btn-primary:hover,
    #account-newsletter .btn.btn-primary:focus,
    #account-newsletter .btn.btn-primary:active,
    #account-password .btn.btn-primary:hover,
    #account-password .btn.btn-primary:focus,
    #account-password .btn.btn-primary:active,
    #account-edit .btn.btn-primary:hover,
    #account-edit .btn.btn-primary:focus,
    #account-edit .btn.btn-primary:active,
    #account-voucher .btn.btn-primary:hover,
    #account-voucher .btn.btn-primary:focus,
    #account-voucher .btn.btn-primary:active {
        background: #7e63ff;
    }
    
    .table-bordered .btn i.visibility {
        font-size: 16px;
        line-height: 18px;
        vertical-align: top;
    }
    
    .btn-link {
        border-color: rgba(0, 0, 0, 0);
        cursor: pointer;
        color: #666;
    }
    
    .btn-link,
    .btn-link:active,
    .btn-link[disabled] {
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    .btn-inverse {
        color: #111;
        background-color: #363636;
    }
    
    .btn-inverse:hover,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
        background-color: #222222;
    }
    
    #account-wishlist .table-bordered>thead>tr:first-child>td {
        color: #111;
        font-size: 16px;
        font-weight: 600;
    }
    
    .well {
        background: #fff;
        min-height: 274px;
        border: 1px solid #e5e5e5;
        margin: 0;
        line-height: 23px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #account-login .well h2 {
        padding-bottom: 10px;
        padding-top: 10px;
        margin: 0;
        font-size: 20px;
        position: relative;
        font-weight: 600;
        line-height: 30px;
        font-family: Philosopher;
    }
    
    #account-login .new-customer .bottom-form {
        background: #f5f5f5;
        height: 60px;
        border: 1px solid #e5e5e5;
        border-top: 0;
    }
    
    #account-login .new-customer .bottom-form a {
        float: right;
        margin-top: 7px;
        margin-right: 10px;
        text-transform: capitalize;
    }
    
    #account-login .customer-login .bottom-form {
        background: #f5f5f5;
        height: 60px;
        border: 1px solid #e5e5e5;
        border-top: 0;
    }
    
    #account-login .customer-login .bottom-form a {
        padding-left: 16px;
        line-height: 60px;
        color: #666;
    }
    
    #account-login .customer-login .bottom-form a:hover {
        color: #111;
    }
    
    #account-login .customer-login .bottom-form input {
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        text-transform: capitalize;
    }
    
    #account-login .customer-login .form-group {
        margin: 0;
    }
    
    #account-login strong {
        font-weight: 600;
    }
    
    #account-login .new-customer {
        margin: 0 0 15px;
    }
    
    #account-wishlist .table.table-bordered img {
        border: none;
        border-radius: 10px;
    }
    /* list group */
    
    .list-group .list-group-item {
        border: 1px solid #DDDDDD;
        color: #666;
        cursor: pointer;
    }
    
    .list-group a.child-item,
    .list-group a.current-child-item {
        padding-left: 30px;
    }
    
    .option-filter-box .list-group .list-group-items {
        padding: 10px 0;
        float: left;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .option-filter-box .list-group .list-group-items:first-child {
        padding: 0 0 10px;
    }
    
    .option-filter-box .list-group .list-group-items:last-child {
        border: medium none;
    }
    /* carousel */
    
    .carousel-caption {
        color: #FFFFFF;
    }
    
    .carousel-control .icon-prev:before {
        font-family: 'Material Icons';
        content: '\e5cb';
    }
    
    .carousel-control .icon-next:before {
        font-family: 'Material Icons';
        content: '\e5cc';
    }
    /* product list */
    
    .product-layout,
    .product-layouts {
        padding: 0 15px;
        position: relative;
    }
    
    .product-layout.product-list {
        float: left;
        width: 100%;
    }
    
    .related-carousel.products-list {
        margin: 0 0 30px;
        float: left;
        width: 100%;
        position: relative;
        text-align: center;
    }
    
    .product-layouts .product-thumb .thumb-description {
        width: 100%;
        float: left;
        padding: 10px;
    }
    
    .product-layout.product-grid .product-thumb .thumb-description {
        padding: 0;
    }
    
    .product-thumb {
        display: block;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
        overflow: hidden;
    }
    
    .product-thumb .thumb-description .caption {
        float: left;
        width: 100%;
        position: relative;
    }
    
    .product-thumb .image {
        position: relative;
        overflow: hidden;
    }
    
    .product-thumb .image a {
        display: block;
        position: relative;
    }
    
    .product-thumb .image img {
        margin-left: auto;
        margin-right: auto;
        max-width: 100% !important;
        border-radius: 10px;
    }
    
    .product-thumb h4 {
        color: #666666;
        float: left;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize;
        width: 60%;
        text-align: left;
        margin: 8px 0 6px;
    }
    
    .product-thumb h4 a {
        color: #333;
        font: 400 16px/18px "Philosopher", Helvetica, sans-serif;
        text-decoration: none;
        text-transform: capitalize;
        white-space: nowrap;
    }
    
    .product-thumb h4 a:hover,
    .product-thumb:hover h4 a {
        color: #000;
    }
    
    .product-list .product-thumb .thumb-description {
        text-align: left;
        padding: 0 15px 0 30px;
    }
    
    .product-list .product-thumb .rating {
        position: static;
        margin: 0 0 6px 0;
        text-align: left;
        padding: 0;
        width: 100%;
        float: left;
    }
    
    .product-list .product-thumb .button-group i {
        height: 40px;
        width: 30px;
        line-height: 40px;
        transition: none;
    }
    
    .product-list.product-thumb .image,
    .product-sort.product-thumb .image img {
        border-radius: 10px;
    }
    
    .product-list .product-thumb .thumb-description .caption {
        padding: 0;
    }
    
    .product-thumb .rating {
        display: block;
        float: left;
        padding: 4px 0 4px;
        width: 100%;
        text-align: left;
    }
    
    .product-thumb:hover .rating {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    
    .product-list .product-thumb h4 a {
        font: 400 16px/22px "Philosopher", Helvetica, sans-serif;
        color: #000;
        text-align: left;
        float: left;
        margin: 0;
    }
    
    .rating .fa-stack {
        font-size: 8px;
    }
    
    .rating .fa-star.off,
    #tab-review .fa-star.off {
        color: #d9d9d9;
    }
    
    .rating .fa-star-o,
    #review .fa-star-o {
        color: #c5c5c5;
        font-size: 13px;
    }
    
    .fa-star-o::before {
        content: "\f005";
    }
    
    .rating .fa-star,
    #review .fa-star {
        color: #fbaf5d;
        font-size: 13px;
        position: relative;
    }
    
    .rating .fa-star+.fa-star-o,
    #review .fa-star+.fa-star-o {
        color: #ffbf34;
    }
    
    h2.price {
        margin: 0;
    }
    
    .product-thumb .price {
        color: #333;
        font: 600 18px/24px "Philosopher", Helvetica, sans-serif;
        text-align: left;
        float: left;
        -webkit-transition: all 0.3s 0.1s;
        -moz-transition: all 0.3s 0.1s;
        -ms-transition: all 0.3s 0.1s;
        -o-transition: all 0.3s 0.1s;
        transition: all 0.3s 0.1s;
    }
    /*     
    .product-thumb:hover .price {
        -webkit-transform: translateX(70px);
        -moz-transform: translateX(70px);
        -ms-transform: translateX(70px);
        -o-transform: translateX(70px);
        transform: translateX(70px);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    } */
    
    #column-left .price {
        font-size: 14px;
    }
    
    .product-thumb .price-old {
        color: #777;
        font: 300 14px/16px "Philosopher", Helvetica, sans-serif;
        text-decoration: line-through;
    }
    
    .product-thumb .price-tax {
        color: #666;
        font-size: 13px;
        display: none;
        margin: 5px 0 0;
        font-family: "Philosopher", Helvetica, sans-serif;
        font-weight: 500;
    }
    
    .product-list .product-thumb .price-tax {
        display: block;
        margin: 10px 0 0;
        text-align: left;
    }
    /*----------------------button css start----------------------*/
    
    .product-thumb .button-group {
        position: absolute;
        right: -5px;
        top: 0;
        float: right;
        /* -webkit-transform: translateX(120px);
        -moz-transform: translateX(120px);
        -ms-transform: translateX(120px);
        -o-transform: translateX(120px);
        transform: translateX(120px);
        -webkit-transition: all 0.3s 0.1s;
        -moz-transition: all 0.3s 0.1s;
        -ms-transition: all 0.3s 0.1s;
        -o-transition: all 0.3s 0.1s;
        transition: all 0.3s 0.1s; */
        background: #fff;
    }
    
    .product-thumb:hover .button-group {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    
    .product-list .product-thumb .button-group {
        float: left;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        position: static;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        width: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin: 0 0 0 5px;
    }
    
    .product-thumb .button-group button {
        background: none;
        height: 36px;
        width: 36px;
        cursor: pointer;
        border: none;
        padding: 0;
        position: relative;
    }
    
    .product-thumb .button-group button.btn-wishlist {
        z-index: 1;
    }
    
    .product-thumb button.disabled {
        cursor: not-allowed;
        opacity: 0.6;
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        -webkit-opacity: 0.6;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
    }
    
    .product-thumb .image .btn-cart.disabled:hover {
        background: #111;
        box-shadow: 0 0 0 25px #111 inset;
        -moz-box-shadow: 0 0 0 25px #111 inset;
        -webkit-box-shadow: 0 0 0 25px #111 inset;
    }
    
    .product-list .product-thumb .button-group button.btn-cart span {
        color: #ffffff;
        display: inline-block !important;
        font: 500 13px/42px "Muli", Helvetica, sans-serif;
        text-transform: capitalize;
        vertical-align: top;
    }
    
    .product-list .product-thumb .button-group .btn-cart {
        background: #000000;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
        padding: 0 15px;
        width: auto;
    }
    
    .product-list .product-thumb .button-group button.btn-cart:hover span,
    .product-list .product-thumb .button-group button.btn-cart:focus span,
    .product-list .product-thumb .button-group button.btn-cart:active span {
        color: #ffffff;
    }
    
    .product-thumb .button-group i {
        vertical-align: top;
        float: none;
        height: 36px;
        width: 20px;
        line-height: 36px;
        margin: 0;
        font-size: 18px;
        text-align: center;
        color: #111;
        position: relative;
        overflow: hidden;
        -webkit-transition: all 0.3s 0s;
        -moz-transition: all 0.3s 0s;
        -ms-transition: all 0.3s 0s;
        -o-transition: all 0.3s 0s;
        transition: all 0.3s 0s;
    }
    
    .product-thumb .button-group button.btn-wishlist:hover i,
    .product-thumb .button-group button.btn-compare:hover i,
    .product-thumb .button-group button.btn-quickview:hover i {
        color: #7e63ff;
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    
    .product-list .product-thumb .ttcart button.btn-cart:hover span,
    .product-list .product-thumb .ttcart .btn-cart:hover span::before {
        color: #fff;
    }
    
    .product-list .product-thumb .button-group button.btn-wishlist:hover i,
    .product-list .product-thumb .button-group button.btn-compare:hover i,
    .product-list .product-thumb .button-group button.btn-quickview:hover i {
        color: #fff;
    }
    
    .product-thumb .button-group button.btn-wishlist:active i,
    .product-thumb .button-group button.btn-compare:active i,
    .product-thumb .button-group button.btn-quickview:active i {
        color: #7e63ff;
    }
    
    .product-thumb .button-group button.btn-wishlist:focus i,
    .product-thumb .button-group button.btn-compare:focus i,
    .product-thumb .button-group button.btn-quickview:focus i {
        color: #7e63ff;
    }
    
    .product-list .product-thumb .button-group button.btn-wishlist:active i,
    .product-list .product-thumb .button-group button.btn-compare:active i,
    .product-list .product-thumb .button-group button.btn-quickview:active i {
        color: #fff;
    }
    
    .product-list .product-thumb .button-group button.btn-wishlist:focus i,
    .product-list .product-thumb .button-group button.btn-compare:focus i,
    .product-list .product-thumb .button-group button.btn-quickview:focus i {
        color: #fff;
    }
    
    .product-sort .product-thumb .ttcart button.btn-cart:hover span,
    .product-sort .product-thumb .ttcart .btn-cart:hover span::before {
        color: #fff;
    }
    
    .product-sort .product-thumb .button-group button.btn-wishlist:hover i,
    .product-sort .product-thumb .button-group button.btn-compare:hover i,
    .product-sort .product-thumb .button-group button.btn-quickview:hover i {
        color: #fff;
    }
    
    .product-sort .product-thumb .button-group button.btn-wishlist:active i,
    .product-sort .product-thumb .button-group button.btn-compare:active i,
    .product-sort .product-thumb .button-group button.btn-quickview:active i {
        color: #fff;
    }
    
    .product-sort .product-thumb .button-group button.btn-wishlist:focus i,
    .product-sort .product-thumb .button-group button.btn-compare:focus i,
    .product-sort .product-thumb .button-group button.btn-quickview:focus i {
        color: #fff;
    }
    
    .button-group button.btn-cart span,
    .button-group button.btn-wishlist span,
    .button-group button.btn-compare span {
        display: none;
    }
    
    .product-list .product-thumb .button-group button,
    .product-layout.product-sort .product-thumb .button-group button {
        height: 42px;
        width: 42px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        line-height: 42px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        background: none;
        margin: 0 2px;
    }
    
    .product-list .product-thumb .button-group i,
    .product-layout.product-sort .product-thumb .button-group i {
        color: #111;
        line-height: 42px;
        height: 42px;
        transform: none !important;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    
    .product-list .product-thumb .button-group .btn-cart i.fa-shopping-cart {
        width: 25px;
    }
    
    .product-list .product-thumb .ttcart .btn-cart span::before,
    .product-layout.product-sort .product-thumb .ttcart .btn-cart span::before {
        font-size: 22px;
    }
    
    .product-list .product-thumb .button-group button.loading>i,
    .product-layout.product-sort .product-thumb .button-group button.loading>i {
        color: #000;
        height: 42px;
        line-height: 42px;
        font-size: 0;
    }
    
    .product-list .product-thumb .ttcart .btn-cart,
    .product-layout.product-sort .product-thumb .ttcart .btn-cart {
        padding: 8px 20px 8px 15px;
        background: none;
        height: 42px;
        overflow: hidden;
        position: relative;
        z-index: 1;
        float: none;
        display: inline-block;
        vertical-align: top;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
    }
    
    .product-list .product-thumb .ttcart button.btn-cart span,
    .product-layout.product-sort .product-thumb .ttcart button.btn-cart span {
        color: #111;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    .product-list .product-thumb .ttcart button.btn-cart:hover span,
    .product-layout.product-sort .product-thumb .ttcart button.btn-cart:hover span {
        color: #fff;
    }
    
    .product-list .product-thumb .ttcart button.btn-cart:active span,
    .product-layout.product-sort .product-thumb .ttcart button.btn-cart:active span {
        color: #fff;
    }
    
    .product-list .product-thumb .ttcart button.btn-cart:focus span,
    .product-layout.product-sort .product-thumb .ttcart button.btn-cart:focus span {
        color: #fff;
    }
    
    .product-list .product-thumb .button-group button::after,
    .product-list .product-thumb .ttcart .btn-cart::after,
    .product-layout.product-sort .product-thumb .button-group button::after,
    .product-layout.product-sort .product-thumb .ttcart .btn-cart::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #7e63ff;
        color: #fff;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: scale(0.5, 1);
        -moz-transform: scale(0.5, 1);
        -ms-transform: scale(0.5, 1);
        -o-transform: scale(0.5, 1);
        transform: scale(0.5, 1);
    }
    
    .product-list .product-thumb .button-group button:hover::after,
    .product-list .product-thumb .ttcart .btn-cart:hover::after,
    .product-layout.product-sort .product-thumb .button-group button:hover::after,
    .product-layout.product-sort .product-thumb .ttcart .btn-cart:hover::after {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    .product-list .product-thumb .ttcart .btn-cart:hover::after,
    .product-list .product-thumb .ttcart .btn-cart:active::after,
    .product-list .product-thumb .ttcart .btn-cart:focus::after {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    .product-sort .product-thumb .ttcart .btn-cart:hover::after,
    .product-sort .product-thumb .ttcart .btn-cart:active::after,
    .product-sort .product-thumb .ttcart .btn-cart:focus::after {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    .product-list .product-thumb .button-group button:hover::after,
    .product-list .product-thumb .button-group button:active::after,
    .product-list .product-thumb .button-group button:focus::after {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    .product-sort .product-thumb .button-group button:hover::after,
    .product-sort .product-thumb .button-group button:active::after,
    .product-sort .product-thumb .button-group button:focus::after {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    .product-list .product-thumb .button-group button.btn-cart .loading>i {
        background: #111111;
        line-height: 42px;
        width: 25px;
    }
    
    .product-layout.product-sort .image {
        width: 16%;
    }
    
    .product-layout.product-sort .product-thumb .thumb-description {
        width: 84%;
        padding: 0 15px;
    }
    
    .product-layout.product-sort .product-thumb .thumb-description .caption {
        padding: 0;
    }
    
    .product-layout.product-sort .product-description {
        width: 40%;
        float: left;
        padding: 0;
        text-align: left;
    }
    
    .product-layout.product-sort .product-thumb .thumb-description .caption .description {
        display: block;
    }
    
    .product-layout.product-sort .product-description h4 {
        width: 100%;
        margin: 10px 0 7px;
    }
    
    .product-layout.product-sort .product-thumb .rating {
        position: static;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        float: left;
        width: 100%;
        padding: 0;
        margin: 0 0 8px;
    }
    
    .product-layout.product-sort .product-thumb .product-price-and-shipping {
        width: 22%;
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 10px 0;
        padding: 0 10px;
    }
    
    .product-layout.product-sort .product-thumb .product-price-and-shipping .price {
        transform: none;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        display: block;
        text-align: center;
        float: none;
    }
    
    .product-layout.product-sort .product-thumb .product-price-and-shipping .price .price-new {
        display: block;
    }
    
    .product-layout.product-sort .product-thumb .ttproducthover {
        width: 33%;
        float: right;
        text-align: center;
        margin: 7px 0 0;
    }
    
    .product-layout.product-sort .product-thumb .button-group {
        position: static;
        float: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
    }
    
    .product-layout.product-sort .product-thumb .ttcart {
        float: none;
        position: static;
        /* margin: 0 0 20px; */
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        text-align: center;
    }
    
    #column-left .product-thumb .button-group .btn-cart>span.loading,
    #column-right .product-thumb .button-group .btn-cart>span.loading {
        display: none !important;
    }
    
    .button-group button.btn-cart.loading span.loading,
    .button-group button.btn-wishlist.loading span.loading,
    .button-group button.btn-compare.loading span.loading,
    .button-group button.btn-quickview.loading span.loading {
        display: block;
    }
    /* .button-group button .loading {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: none !important;
    } */
    
    .product-thumb .ttcart button.btn-cart span.loading {
        display: none !important;
    }
    
    .product-thumb .button-group button.loading>i {
        color: #fff;
    }
    
    .product-thumb .button-group button:hover.loading>i {
        color: #fff;
    }
    
    .product-list .button-group button.btn-cart .loading {
        left: 13px;
        right: auto;
    }
    
    .button-group button .loading i {
        -webkit-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear;
        display: inline-block !important;
    }
    
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg)
        }
    }
    
    @keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg)
        }
    }
    /*----------------------------button css end----------------------*/
    
    .product-thumb .ttcart {
        float: left;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        -webkit-transition: all 0.3s 0.1s;
        -moz-transition: all 0.3s 0.1s;
        -ms-transition: all 0.3s 0.1s;
        -o-transition: all 0.3s 0.1s;
        transition: all 0.3s 0.1s;
    }
    
    .product-thumb:hover .ttcart {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    
    .product-thumb .image .btn-cart {
        background: #fff;
        border: medium none;
        height: 40px;
        width: 100%;
        box-shadow: 0 0 0 25px #fff inset;
        -moz-box-shadow: 0 0 0 25px #fff inset;
        -webkit-box-shadow: 0 0 0 25px #fff inset;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    .product-thumb .image .btn-cart:hover {
        background: #222 none repeat scroll 0 0;
        box-shadow: 0 0 0 2px #222 inset;
        -moz-box-shadow: 0 0 0 2px #222 inset;
        -webkit-box-shadow: 0 0 0 2px #222 inset;
        color: #111;
    }
    
    .product-thumb .ttcart .btn-cart {
        background: none;
        border: none;
        box-shadow: none;
        padding: 0;
    }
    
    .product-thumb .ttcart .btn-cart i {
        display: none;
    }
    
    .product-thumb .ttcart button.btn-cart span {
        color: #333;
        display: inline-block !important;
        font: 500 14px/24px "poppins", Helvetica, sans-serif;
        vertical-align: top;
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        -ms-transition: all 0.35s ease;
        -o-transition: all 0.35s ease;
        transition: all 0.35s ease;
        letter-spacing: 1px;
    }
    /* .product-thumb .ttcart .btn-cart span::before {
        content: '-';
        font-size: 20px;
        font-weight: 600;
        vertical-align: middle;
        line-height: 24px;
        float: left;
        margin: 0 4px 0 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        height: 24px;
    }
    
    .product-thumb .ttcart .btn-cart span::after {
        content: '+';
        font-size: 20px;
        font-weight: 600;
        vertical-align: middle;
        line-height: 24px;
        float: left;
        margin: 0 4px 0 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        height: 24px;
    } */
    
    .product-thumb .ttcart button.btn-cart:hover span,
    .product-thumb .ttcart .btn-cart:hover span::before {
        color: #7e63ff;
    }
    
    .product-list .product-thumb .ttcart {
        display: inline-block;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        position: static;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        vertical-align: top;
        width: auto;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
    }
    
    #column-left .product-thumb .ttcart,
    #column-right .product-thumb .ttcart {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        position: static;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
    }
    
    #column-left .ttcart .btn-cart,
    #column-right .ttcart .btn-cart {
        background: none;
        border: medium none;
        padding: 0;
    }
    
    #column-left .product-thumb .ttcart button.btn-cart span,
    #column-right .product-thumb .ttcart button.btn-cart span {
        color: #333333;
        text-transform: capitalize;
    }
    
    #column-left .product-thumb .ttcart button.btn-cart:hover span,
    #column-right .product-thumb .ttcart button.btn-cart:hover span {
        color: #000000;
    }
    /*----------------------------Quickview css start----------------------*/
    /*----------------------------Quickview css start----------------------*/
    
    #quickview-bg-block {
        display: none;
        background-color: rgba(0, 0, 0, 0.9);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        position: fixed;
        z-index: 9;
    }
    
    #quickview-content::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px #000;
    }
    
    #quickview-content::-webkit-scrollbar {
        width: 5px;
    }
    
    .quickview-load-img {
        display: none;
        position: fixed;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        z-index: 99999;
        margin: auto;
    }
    
    .a-qv-close {
        position: absolute;
        color: #111111;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
        width: 25px;
        height: 25px;
        text-align: center;
        margin: 0;
        right: 2px;
        top: 2px;
        z-index: 1;
    }
    
    .a-qv-close i {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    .a-qv-close:hover i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
    
    #quickview-content {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.2);
        display: none;
        height: 76%;
        left: 0;
        margin: 0 auto;
        overflow: auto !important;
        padding: 30px;
        position: fixed;
        right: 0;
        top: 7%;
        width: 70%;
        z-index: 99;
    }
    
    .form-group .input-group-btn .btn-default {
        padding: 7px 12px;
    }
    
    #account-return .form-group .input-group-btn .btn-default {
        padding: 8px 12px;
    }
    
    .form-group .btn-default i.calendar-today {
        font-size: 20px;
        vertical-align: top;
    }
    
    .form-group .btn-block i.file-upload {
        font-size: 20px;
        vertical-align: top;
        line-height: 24px;
    }
    
    .form-group .input-group-btn .btn-default::after {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    
    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        color: #000;
        background: #ffc90f;
    }
    
    .btn.btn-default.cnt:hover,
    .btn-default:hover,
    .btn-default:focus,
    .btn-default.active,
    .btn-default:active:hover,
    .btn-default:active,
    .btn-default:active:focus {
        background: #ffc90f;
        color: #fff;
        border-color: transparent;
        text-transform: capitalize;
    }
    
    .product-quickview .product-image .thumbnail {
        border: none;
        margin: 0;
        padding: 0;
    }
    
    .button-group button.btn-quickview span {
        display: none;
    }
    
    .product-quickview #quick-cart {
        background: #222;
        border-color: #222;
        color: #fff;
        float: left;
        font: 500 14px/20px "Muli", Helvetica, sans-serif;
        padding: 11px 15px 11px 40px;
        position: relative;
        text-transform: capitalize;
        margin: 0 0 0 8px;
        letter-spacing: 1px;
    }
    
    .product-quickview #quick-cart:hover,
    .product-quickview #quick-cart:focus,
    .product-quickview #quick-cart:active {
        background-color: #222;
        border-color: #222;
        color: #000;
    }
    
    .product-quickview #quick-cart::after {
        content: "\e8cc";
        font-family: "Material Icons";
        font-size: 20px;
        left: 8px;
        margin: auto;
        position: absolute;
        right: auto;
        text-align: center;
        top: 0;
        bottom: 0;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-weight: 400;
    }
    
    @media (max-width: 767px) {
        .product-layout.product-sort .product-description {
            width: 100%;
        }
        .product-layout.product-sort .product-thumb .product-price-and-shipping {
            width: 50%;
            float: left;
        }
        .product-layout.product-sort .product-thumb .product-price-and-shipping .price {
            text-align: left;
            float: left;
        }
        .product-layout.product-sort .product-thumb .ttproducthover {
            margin: -10px 0 0;
        }
    }
    
    @media (max-width: 480px) {
        #quickview-content {
            width: 90%;
        }
    }
    /*----------------------------Quickview css end----------------------*/
    
    #quickview-bg-block {
        display: none;
        background-color: rgba(0, 0, 0, 0.9);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        position: fixed;
        z-index: 9;
    }
    
    .quickview-load-img {
        display: none;
        position: fixed;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        z-index: 99999;
        margin: auto;
    }
    
    .a-qv-close {
        position: absolute;
        color: #111111;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
        width: 25px;
        height: 25px;
        text-align: center;
        margin: 0;
        right: 2px;
        top: 2px;
    }
    
    .a-qv-close i {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    .a-qv-close:hover i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
    
    #quickview-content {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.2);
        display: none;
        height: 76%;
        left: 0;
        margin: 0 auto;
        overflow: auto !important;
        padding: 30px;
        position: fixed;
        right: 0;
        top: 7%;
        width: 70%;
        z-index: 99;
    }
    
    .form-group .input-group-btn .btn-default {
        padding: 7px 12px;
    }
    
    #account-return .form-group .input-group-btn .btn-default {
        padding: 8px 12px;
    }
    
    .form-group .btn-default i.calendar-today {
        font-size: 20px;
        vertical-align: top;
    }
    
    .form-group .btn-block i.file-upload {
        font-size: 20px;
        vertical-align: top;
        line-height: 24px;
    }
    
    .form-group .input-group-btn .btn-default::before {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        display: none;
    }
    
    .form-group .input-group-btn .btn-default:hover {
        background: #7e63ff;
    }
    
    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        color: #000;
        background: #7e63ff;
    }
    
    .btn.btn-default.cnt:hover,
    .btn-default:hover,
    .btn-default:focus,
    .btn-default.active,
    .btn-default:active:hover,
    .btn-default:active,
    .btn-default:active:focus {
        background: #f58b27;
        color: #fff;
        border-color: transparent;
        text-transform: capitalize;
    }
    
    .product-quickview .product-image .thumbnail {
        border: none;
        margin: 0;
        padding: 0;
    }
    
    .button-group button.btn-quickview span {
        display: none;
    }
    
    .product-quickview #quick-cart {
        background: #f58b27;
        border-color: #222;
        color: #fff;
        float: left;
        font: 500 14px/20px "Philosopher", Helvetica, sans-serif;
        padding: 11px 15px 11px 40px;
        position: relative;
        text-transform: capitalize;
        margin: 0 0 0 8px;
        letter-spacing: 1px;
    }
    
    .product-quickview #quick-cart:hover,
    .product-quickview #quick-cart:focus,
    .product-quickview #quick-cart:active {
        background-color: #f58b27;
        border-color: #f58b27;
        color: #fff;
    }
    
    .product-quickview #quick-cart::after {
        content: "\e8cc";
        font-family: "Material Icons";
        font-size: 20px;
        left: 8px;
        margin: auto;
        position: absolute;
        right: auto;
        text-align: center;
        top: 0;
        bottom: 0;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-weight: 400;
    }
    
    @media (max-width: 480px) {
        #quickview-content {
            width: 90%;
        }
    }
    /*----------------------------Quickview css end----------------------*/
    
    .product-block {
        float: left;
        width: 100%;
    }
    
    .product-image {
        float: left;
        width: 100%;
        margin-bottom: 25px;
    }
    
    #product-product .product-image {
        margin-bottom: 0;
    }
    
    .product-product .product-image .thumbnail {
        background: none;
        border: none;
        padding: 0;
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -khtml-transition: none;
        -o-transition: none;
        position: relative;
    }
    
    .product-product .product-images .additional-images-container {
        direction: ltr;
        position: relative;
        margin: 0 auto;
        padding: 0 40px;
        width: 70%;
        overflow: hidden;
        text-align: center;
    }
    
    .product-product .additional-images .image-additional {
        cursor: pointer;
        display: block;
        margin: 5px;
        text-align: center;
    }
    
    .additional-images .owl-item,
    .related-items .owl-item {
        float: left;
    }
    
    .thumbnails {
        overflow: auto;
        clear: both;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .thumbnails>li {
        margin-left: 20px;
    }
    
    .thumbnails .additional-images {
        padding: 0;
        float: left;
        width: 100%;
    }
    
    .thumbnails .owl-carousel.additional-images {
        padding: 0;
        float: left;
        width: 100%;
    }
    
    .additional-images .owl-nav button.owl-prev {
        left: -40px;
        right: auto;
    }
    
    .additional-images .owl-nav button.owl-next {
        right: -40px;
        left: auto;
    }
    
    .additional-images .owl-stage-outer {
        float: left;
        width: 100%;
        overflow: hidden;
    }
    
    .product-quickview .product-images .owl-carousel .owl-nav.disabled {
        display: inline-block;
    }
    
    .owl-carousel .owl-wrapper {
        position: relative;
    }
    
    .products-list .customNavigation>.btn,
    .additional-images-container .customNavigation>.btn {
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -khtml-transition: all 0.3s ease-in-out;
    }
    
    .additional-images .thumbnail {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        margin: 5px;
        padding: 0;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
    }
    
    .products-list .owl-carousel {
        background: none;
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        width: auto;
    }
    
    .image-additional {
        cursor: pointer;
        display: block;
        margin: 5px;
        text-align: center;
    }
    
    .product-quickview .additional-images .image-additional img:hover,
    .product-quickview .image-additional img.selected {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    }
    
    .additional-images .image-additional img:hover,
    .image-additional img.selected {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    }
    
    .product-small-view {
        float: left;
        width: 100%;
        margin: 0 0 80px;
    }
    
    .product-small-view>.container {
        padding: 0 60px;
    }
    
    @media (max-width: 1600px) {
        .product-quickview .product-images .additional-images-container {
            width: 100%;
        }
    }
    
    @media (max-width: 1450px) {
        .category-products .product-grid {
            width: 33.33%
        }
    }
    
    @media (max-width: 1199px) {
        .header-right {
            margin: 0;
        }
        .product-layout.product-sort .product-thumb .button-group {
            padding: 0;
        }
        .product-list .product-thumb .button-group {
            padding: 0;
        }
        .ttcat-main svg {
            top: -90px;
        }
        #menu .navbar-nav {
            display: inline-block;
            float: none;
            vertical-align: top;
        }
        .product-layout.product-list .image {
            padding: 0 10px;
        }
        #menu .nav>li.dropdown>a::after,
        #menu .nav>li.dropdown>span::after {
            top: 20px;
            right: 8px;
            left: auto;
            bottom: auto;
        }
        .product-layout.product-sort .product-thumb .product-description h4 {
            width: 100%;
        }
        .ttcat-main {
            margin: 0 0 50px 0;
        }
        .product-layout.product-sort .image {
            width: 25%;
        }
        .product-layout.product-sort .product-thumb .thumb-description {
            width: 75%;
        }
        .special-carousel.products-list {
            margin: 25px 0;
        }
        .common-home .brand-carousel {
            margin: 0 0 60px 0;
        }
        .header-content-title .parallex {
            padding: 30px 0 0;
        }
        .product-small-view>.container {
            padding: 0;
        }
        #column-left .product-thumb .price-old,
        #column-right .product-thumb .price-old {
            margin: 0 0 0 3px;
        }
        footer {
            margin: 25px 0 0;
        }
        footer .footer-column h5 {
            font-size: 16px;
        }
        .ttproduct-main {
            margin: 40px 0;
        }
        .product-images .additional-images-container {
            width: 80%;
        }
        .product-quickview .product-images .additional-images-container {
            position: static;
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            visibility: visible;
        }
        .product-quickview .product-image {
            margin-bottom: 20px;
        }
    }
    
    @media (min-width:992px) and (max-width:1201px) {
        .page-title-wrapper .breadcrumb-wrapper .container {
            width: 100%;
        }
        #column-left .theiaStickySidebar .left-right-inner>div,
        #column-right .theiaStickySidebar .left-right-inner>div {
            padding: 15px;
        }
        .product-layout.product-sort .product-description {
            width: 42%;
        }
    }
    
    @media (min-width: 992px) {
        #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown>a:after {
            content: "\e5cc";
            font-family: "Material Icons";
            position: absolute;
            right: 5px;
            top: 2px;
        }
        #menu .dropdown-menu {
            transition: all 0.5s ease 0s;
            -moz-transition: all 0.5s ease 0s;
            -webkit-transition: all 0.5s ease 0s;
            -ms-transition: all 0.5s ease 0s;
        }
        #menu ul.navbar-nav>li.dropdown:hover>.dropdown-menu {
            visibility: visible;
            text-align: left;
            display: block;
        }
    }
    
    @media (max-width: 991px) {
        .special-carousel {
            margin: 0 0 40px;
        }
        .product-thumb .price {
            font-size: 16px;
        }
        .menu-container {
            width: 100%;
            position: relative;
            margin: 0;
        }
        #column-left .theiaStickySidebar .left-right-inner .swiper-viewport,
        #column-right .theiaStickySidebar .left-right-inner .swiper-viewport {
            width: auto;
        }
        #cart .dropdown-menu {
            top: 73px;
        }
        .header .container {
            width: 100%;
        }
        #column-left .products-list .row>div .caption .price,
        #column-right .products-list .row>div .caption .price {
            width: auto;
        }
        .full-header {
            float: left;
            width: 100%;
            background: #fff;
            padding: 0;
        }
        #top-links>ul {
            padding: 0;
        }
        .common-home header {
            position: static;
        }
        .header-content-title .parallex {
            padding: 20px 0;
        }
        .header-content-title {
            margin: 0px 0px 20px;
        }
        .header-top {
            padding: 0;
        }
        #form-currency .btn-link.dropdown-toggle::after,
        #form-language .btn-link.dropdown-toggle::after {
            display: none;
        }
        #form-currency .btn-group ul.dropdown-menu.currency-toggle,
        #form-language .btn-group ul.dropdown-menu.language-toggle {
            top: 33px;
            margin: 0;
        }
        #form-currency .btn-group ul.dropdown-menu.currency-toggle {
            left: 0;
            right: auto;
        }
        .common-home header::after {
            height: 660px;
        }
        .title_block h3 {
            margin: 0;
            font-size: 26px;
            line-height: 30px;
        }
        .header-top-left {
            background: none;
        }
        .product-small-view {
            margin: 0 0 40px;
        }
        .header-top-left {
            float: left;
            border-radius: 0;
        }
        #ttcmsheader {
            z-index: 4;
        }
        .tt-home .nav-tabs {
            margin: 0 0 20px;
        }
        .header-top-right .pull-left {
            float: none !important;
            display: inline-block;
            vertical-align: top;
        }
        header>.container {
            position: relative;
        }
        #top-links>ul>li::before {
            display: none;
        }
        #top {
            text-align: center;
            padding: 0 5px;
        }
        .lang-curr {
            float: none;
            width: auto;
            text-align: center;
            padding: 0 0 15px;
        }
        .search {
            left: auto;
            border: none;
            bottom: 0px;
            float: left;
            position: absolute;
            right: 10px;
            margin: 0;
            padding: 0;
            width: auto;
        }
        .position-static {
            float: left;
            width: 100%;
        }
        #logo {
            padding: 8px 0;
            display: inline-block;
            text-align: center;
            vertical-align: top;
            float: none;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: auto;
            top: auto;
            width: auto;
            z-index: 0;
        }
        #logo>a {
            display: table;
            margin: auto;
        }
        #menu .navbar-collapse.collapse>ul>li:hover {
            background: none;
        }
        #top-links .header_user_info ul.dropdown-menu {
            top: 73px;
            right: 0;
            left: auto;
        }
        .TTProduct-Tab .tab-box-heading {
            margin: 0;
        }
        .header-top-right {
            left: auto;
            top: auto;
            bottom: auto;
            float: right;
            position: absolute;
            right: 15px;
            width: auto;
            z-index: 4;
            padding: 33px 0;
        }
        .header-right {
            float: left;
            width: 100%;
            border-top: 1px solid #ededed;
        }
        .header-middle {
            width: 100%;
            padding: 0 130px 0 0;
            margin: auto auto 20px;
        }
        .header-middle .menu-container {
            float: left;
            width: 100%;
        }
        .ttcart #cart #cart-total {
            right: 0;
            left: auto;
            top: 0;
            bottom: 0;
        }
        #column-left .category-treeview.panel-default .list-group,
        #column-right .category-treeview.panel-default .list-group {
            margin: 0 0 5px;
            padding: 0 15px;
        }
        #menu .navbar-collapse {
            background: #FFF;
            padding: 0;
            position: absolute;
            width: 100%;
            z-index: 9;
            border: 1px solid #ebebeb;
            top: 50px;
            left: auto;
            right: 0;
        }
        #menu .navbar-header.collapsed,
        #menu #category {
            display: block !important;
            position: relative;
            width: 100%;
            text-align: left;
        }
        #menu #title-menu {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            height: 50px;
            line-height: 45px;
            width: 40px;
            font-size: 0;
            display: block !important;
        }
        #menu #category {
            font-size: 0;
            color: #000;
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            height: 50px;
            line-height: 45px;
            width: 40px;
            font-size: 0;
        }
        #cart {
            padding: 0;
        }
        #menu {
            padding: 0 155px 0 0;
            position: relative;
        }
        .menu-container .left {
            position: unset;
        }
        .products-carousel.owl-carousel .owl-buttons .owl-prev::before,
        .products-carousel.owl-carousel .owl-buttons .owl-next::before {
            padding: 15px;
        }
        body.menu_hover #page::after {
            display: none;
        }
        #menu .dropdown-inner ul {
            padding: 0 0 0 15px;
        }
        #menu .single-dropdown-menu .list-unstyled.childs_2 {
            padding-top: 0;
            padding-bottom: 0;
        }
        #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.single-dropdown-menu {
            padding: 0;
        }
        #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after {
            display: none;
        }
        #ttcmsfooter.block.footer-block {
            border: none;
        }
        #menu .nav>li>a,
        #menu .nav>li>span {
            padding: 7px 15px;
        }
        #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a {
            color: #FFFFFF;
        }
        #menu .list-unstyled.childs_1.single-dropdown-menu a {
            padding: 0 15px;
        }
        #menu .navbar-nav {
            float: left;
            width: 100%;
            margin: 0;
            padding: 10px 15px;
        }
        #form-currency .btn-link.dropdown-toggle::before {
            border: none;
        }
        #menu .nav.navbar-nav>li:hover>a,
        #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a:hover,
        #menu .nav.navbar-nav>li:hover>span {
            color: #000;
        }
        #menu .nav>li.dropdown>a::after,
        #menu .nav>li.dropdown:hover>a::after,
        #menu .nav>li.dropdown>span::after,
        #menu .nav>li.dropdown:hover>span::after {
            content: "";
        }
        #menu .nav>li.dropdown:hover>a::after,
        #menu .nav>li.dropdown>span:hover::after,
        #menu .nav>li.dropdown:active>a::after,
        #menu .nav>li.dropdown>span:active::after {
            color: #fff;
        }
        #menu .nav>li.dropdown::before {
            content: "";
        }
        #menu .navbar-collapse li.dropdown>i {
            background: none;
            font-size: 12px;
            position: absolute;
            color: #414141;
            right: 0;
            top: 2px;
            padding: 5px;
            cursor: pointer;
            text-align: center;
        }
        #menu .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul.single-dropdown-menu i {
            display: none;
        }
        #menu .navbar-collapse li.dropdown>.dropdown-menu {
            top: 0;
            padding: 0 0 0 15px;
            position: relative;
            width: 100%;
            float: left;
            display: none;
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        #menu .dropdown-inner ul.list-unstyled.mega-dropdown-menu {
            border: 0;
        }
        #menu ul.nav li ul.list-unstyled.single-dropdown-menu>li.dropdown .dropdown-menu {
            position: static;
            display: block;
            padding: 0 15px;
        }
        #menu ul.nav li ul.list-unstyled.mega-dropdown-menu>li.dropdown .dropdown-menu {
            padding: 0 15px;
        }
        #menu .nav>li.dropdown>a,
        #menu .nav>li.dropdown>span {
            padding: 0;
            margin: 3px 0;
        }
        #menu div.dropdown-inner>ul.list-unstyled {
            display: block;
        }
        #menu div.dropdown-menu {
            border: 0;
            margin-left: 0 !important;
            background-color: rgba(0, 0, 0, 0);
        }
        #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu a {
            color: #666;
            line-height: 22px;
            padding: 0 !important;
            margin: 0;
        }
        #menu .dropdown-inner .list-unstyled.childs_1.single-dropdown-menu .list-unstyled.childs_2 a {
            color: #666;
        }
        #menu ul.nav ul.list-unstyled li {
            float: left;
            width: 100%;
        }
        #menu .dropdown-inner {
            display: block;
        }
        #menu .see-all {
            margin-top: 0;
            border: none;
            color: #FFFFFF;
        }
        .menu-container>.container {
            position: relative;
        }
        #menu .nav.navbar-nav>li {
            display: block;
            text-align: left;
            width: 100%;
        }
        #menu .navbar-collapse li.dropdown {
            clear: both;
        }
        #menu .navbar-collapse li.dropdown.more-menu>.dropdown-menu {
            display: none;
        }
        #menu .more-menu .list-unstyled.childs_1 a {
            padding: 5px !important;
        }
        #menu .nav>li>a,
        #menu .nav>li>span,
        #menu .more-menu .list-unstyled.childs_1 a {
            font: 400 15px/20px "Philosopher", Helvetica, sans-serif;
            margin: 3px 0;
            color: #111;
            text-transform: capitalize;
            padding: 0;
        }
        #menu .nav>li>a:hover,
        #menu .nav.navbar-nav>li:hover>a,
        #menu li:hover>span,
        #menu .nav>li.dropdown:hover::after,
        #menu .nav>li.dropdown:focus::after,
        #menu .nav>li>a:focus,
        #menu .nav>li>a:active,
        #menu li.more-menu>span:hover,
        #menu li.more-menu>span:focus,
        #menu li.more-menu>span:active {
            color: #000;
            background: none;
        }
        #menu .nav>li>a::before {
            display: none;
        }
        #menu .dropdown .dropdown-menu::after {
            display: none;
        }
        #menu .list-unstyled.childs_1.mega-dropdown-menu .dropdown>a {
            color: #333;
            padding: 0 !important;
            margin: 0;
            font-weight: 400;
            font-size: 15px;
            line-height: 22px;
            text-transform: capitalize;
        }
        #menu .navbar-collapse li.dropdown>i::before {
            content: "\e145";
            font-family: 'Material Icons';
        }
        #menu .navbar-collapse li.dropdown.active>i::before {
            content: "\e15b";
        }
        #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a,
        #menu .dropdown-inner a {
            color: #666;
        }
        #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a::after {
            display: none;
        }
        #menu ul.nav ul.list-unstyled.childs_2 li {
            padding: 0;
        }
        #menu .dropdown-inner ul.list-unstyled.mega-dropdown-menu {
            padding: 0 !important;
            clear: both;
        }
        #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a {
            text-transform: capitalize;
        }
        #menu .list-unstyled.childs_2 {
            float: left;
            width: 100%;
        }
        #menu .list-unstyled.childs_1.single-dropdown-menu .dropdown-menu .childs_2 a {
            line-height: 23px;
        }
        #menu .nav.navbar-nav>li:hover>a,
        #menu .nav.navbar-nav>li:hover>span {
            background: none;
            color: #000;
        }
        #menu .more-menu .list-unstyled.childs_1 a:hover {
            color: #000000;
        }
        #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a:hover,
        #menu .dropdown-inner li a:hover,
        #menu .dropdown-inner li a:focus {
            color: #000;
        }
        #product-product .layout-desc h2 {
            font-size: 20px;
            line-height: 32px;
            margin: 10px 0;
        }
        .layout-desc tr td.col-sm-4 {
            width: 45%;
            float: left;
        }
        .layout-desc tr td.col-sm-7 {
            float: left !important;
            width: 55%;
        }
        .ttcat-main {
            margin: 0 0 40px 0;
        }
        .product-thumb .rating {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }
        .product-list .product-thumb .thumb-description .ttcart {
            margin: 0;
        }
        .product-tabs {
            margin: 30px 0;
        }
        .option-filter .btn-primary {
            border-radius: 25px;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            -khtml-border-radius: 25px;
        }
        footer .footer-column ul,
        footer .footer-column1 ul {
            float: left;
            width: 100%;
            padding: 0 10px;
            margin: 0;
            text-align: left;
        }
        .footer-column li,
        .footer-column1 li {
            text-align: left;
            display: block;
            padding: 0;
        }
        .footer-column .list-unstyled li a::after,
        .footer-column1 .list-unstyled li a::after {
            display: none;
        }
        footer .footer-column h5:hover,
        footer .footer-column1 h5:hover {
            background: rgba(255, 255, 255, .1);
        }
        .footer-container .linklist.links {
            width: 100%;
            padding: 0;
        }
        .footer-bottom {
            width: 100%;
            padding: 0 0 5px;
        }
        .footer-bottom>p {
            text-align: center;
        }
        .block-social {
            float: left;
            width: 100%;
        }
        #ttcmsfooter .footerlogo {
            margin: 0 0 20px 0;
            float: none;
            width: auto;
            text-align: center;
        }
        .bottomfooter {
            width: 100%;
            float: left;
            padding: 0;
            background: none;
        }
        .topfooter {
            width: 100%;
            padding: 0;
        }
        footer .footer-column h5.toggle::after,
        footer .footer-column1 h5.toggle::after {
            content: "\e145";
            display: block;
            font-family: "Material Icons";
            font-size: 18px;
            font-weight: 600;
            position: absolute;
            right: 5px;
            left: auto;
            top: 10px;
            font-style: normal;
        }
        #ttcmsfooter .footerlogo-img {
            display: inline-block;
            float: none;
            vertical-align: top;
        }
        footer .footer-column.active h5.toggle:after,
        footer .footer-column1.active h5.toggle:after,
        footer .contact-us.active h5.toggle:after,
        footer .follow-us.active h5.toggle:after,
        footer #ttcmsfooter.active h5.toggle:after,
        footer .footer-column .follow-us.active h5.toggle::after,
        .footer-right-cms .contact-us.active>h5.toggle:after {
            content: "\e15b";
            font-weight: 500;
        }
        .footer-section {
            width: 100%;
            border: none;
        }
        .checkout-cart #content {
            margin: 0 0 30px;
        }
        .information-contact footer {
            margin: 10px 0 0;
        }
        .option-filter-box .list-group-items div.list-group-item {
            display: none;
            padding: 0;
        }
        .option-filter-box a.list-group-item:after {
            top: 5px;
        }
        .option-filter-box a.list-group-item {
            padding: 5px 0 10px;
        }
        /*------------------------------------- Column Toggle CSS Start ------------------------------------------*/
        body .container>.row>#content {
            float: left;
            width: 100%;
        }
        body .container>.row>#column-left,
        body .container>.row>#column-right {
            float: left;
            width: 100%;
            display: block !important;
            margin: 0 0 20px 0;
        }
        #column-left .theiaStickySidebar .left-right-inner .panel-default,
        #column-right .theiaStickySidebar .left-right-inner .panel-default,
        #column-left .theiaStickySidebar .left-right-inner>div,
        #column-right .theiaStickySidebar .left-right-inner>div,
        #column-left .theiaStickySidebar .left-right-inner .category-treeview.panel-default,
        #column-right .theiaStickySidebar .left-right-inner .category-treeview.panel-default {
            padding: 0;
            cursor: pointer;
            margin: 0 0 20px;
            border-bottom: none;
            border: 1px solid #e5e5e5;
        }
        #column-left .theiaStickySidebar .left-right-inner>div:last-child,
        #column-right .theiaStickySidebar .left-right-inner>div:last-child {
            border-bottom: none;
            border: 1px solid #e5e5e5;
        }
        #column-left .theiaStickySidebar .left-right-inner .panel-heading::before,
        #column-right .theiaStickySidebar .left-right-inner .panel-heading::before,
        #column-left .theiaStickySidebar .left-right-inner .box-heading>h3::before,
        #column-right .theiaStickySidebar .left-right-inner .box-heading>h3::before {
            border: none;
            position: static;
            display: none;
        }
        #column-left .theiaStickySidebar .left-right-inner .panel-heading,
        #column-right .theiaStickySidebar .left-right-inner .panel-heading,
        #column-left .theiaStickySidebar .left-right-inner .box-heading>h3,
        #column-right .theiaStickySidebar .left-right-inner .box-heading>h3 {
            padding: 15px;
            margin: 0;
            float: left;
            width: 100%;
            background: none;
        }
        #column-left .toggle::after,
        #column-right .toggle::after {
            content: "\e145";
            float: right;
            font-family: "Material Icons";
            color: #111;
            font-size: 16px;
            font-weight: 500;
            left: auto;
            position: absolute;
            right: 15px;
            left: auto;
            top: 15px;
            display: block;
            background: none;
            font-style: normal;
        }
        #column-left .panel-default.active>div.toggle:after,
        #column-left .products-list.active>div.toggle:after,
        #column-right .panel-default.active>div.toggle:after,
        #column-right .products-list.active>div.toggle:after {
            content: "\e15b";
        }
        #column-left .products-list>.row,
        #column-right .products-list>.row,
        #header-left .products-list>.row,
        #header-right .products-list>.row,
        #footer-left .products-list>.row,
        #footer-right .products-list>.row {
            float: left;
            width: 100%;
            padding: 0 15px 15px;
        }
        #column-left .list-group .list-group-item,
        #column-right .list-group .list-group-item {
            float: left;
            width: 100%;
        }
        #column-left .panel>.list-group,
        #column-right .panel>.list-group {
            float: left;
            width: 100%;
            margin: 0 0 0;
            padding: 0 15px 15px;
        }
        #column-left .sidebar.panel.panel-default.information-list .list-group,
        #column-right .sidebar.panel.panel-default.information-list .list-group {
            padding: 0 15px;
            margin: 0 0 10px;
        }
        /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/
        #column-left .panel-default.option-filter,
        #column-right .panel-default.option-filter {
            display: none;
        }
        .category-treeview ul {
            float: left;
            width: 100%;
            margin: 0;
        }
        .option-filter-box {
            border: 1px solid #ebebeb;
            float: left;
            padding: 15px;
            width: 100%;
            margin: 20px 0 0;
            border-radius: 10px;
        }
        .option-filter-box .list-group .list-group-item,
        .option-filter-box .radio,
        .option-filter-box .checkbox {
            width: 100%;
            float: left;
            border: none;
            color: #414141;
            margin-top: 0;
            background: #fff;
            font-weight: 600;
        }
        .option-filter-box .list-group .list-group-item {
            color: #000;
        }
        .option-filter-box .checkbox:hover {
            color: #111;
        }
        .option-filter-box .list-group {
            float: left;
            width: 100%;
            margin: 0;
        }
        .option-filter-box .panel-footer {
            float: left;
            width: 100%;
            background: none;
            padding: 0;
        }
        .product-thumb .image img {
            width: 100%;
        }
        /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/
        /*------------------------------------- Column Toggle CSS End ------------------------------------------*/
        body>.container>.row>#content {
            float: left;
            width: 100%;
        }
        body>.container>.row>#column-left {
            float: left;
            width: 100%;
        }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .product-product #content {
            width: 100%;
        }
        .product-details .rating>a {
            font-size: 13px;
            padding: 0 5px 0 0;
        }
        #ttcmsservices .container {
            width: 710px;
        }
        #ttcmsheader .ttcmsheader .container {
            width: 700px;
        }
    }
    
    @media (min-width: 768px) {
        /* fixed colum left + content + right*/
        #column-left .product-layout .col-md-3 {
            width: 100%;
        }
        #column-left+#content .product-layout .col-md-3 {
            width: 50%;
        }
        #column-left+#content+#column-right .product-layout .col-md-3 {
            width: 100%;
        }
        #content+#column-right .product-layout .col-md-3 {
            width: 100%;
        }
        #menu .more-menu .list-unstyled.childs_1 a {
            padding: 0 20px;
        }
        .product-thumb:hover .thumb-description .caption .ttproducthover .product-add-to-cart {
            bottom: 0;
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
    }
    
    @media (max-width: 767px) {
        .header-top-left .pull-left {
            margin: 0 10px 0 0;
        }
        #logo img {
            width: 110px;
        }
        #top-links .header_user_info ul.dropdown-menu {
            top: 63px;
        }
        .header-top-right {
            padding: 23px 0;
        }
        .product-thumb .button-group {
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
        }
        .product-thumb .ttcart {
            position: static;
            margin: 5px 0 0;
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            width: 100%;
            text-align: left;
        }
        .product-thumb:hover .price {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }
        .categoryslider-content {
            display: inline-block;
        }
        .product-thumb:hover .button-group button.btn-compare,
        .product-thumb:hover .button-group button.btn-quickview {
            transform: none;
        }
        .ttcat-main svg {
            top: -80px;
        }
        .product-thumb .percent,
        .product-percent {
            right: 15px;
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        .product-thumb .sale-icon,
        .product-sale-icon {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            left: 15px;
        }
        .ttcat-tab {
            width: 100%;
        }
        .ttcat-main .tab-content {
            width: 100%;
        }
        .tt-home .nav-tabs {
            width: 80%;
        }
        .page-title-wrapper .container {
            padding: 0;
        }
        .page-title-wrapper .breadcrub {
            padding: 15px;
        }
        #tab-review .form-group.required {
            margin-left: -10px;
            margin-right: -10px;
        }
        .contact-link ul li {
            float: none;
            width: auto;
            vertical-align: top;
            display: inline-block;
            text-align: center;
        }
        .header-right #top-links .ttcart {
            margin: 0;
        }
        #top-links>ul>li::before {
            top: 15px;
        }
        .option-filter-box .list-group .list-group-item,
        .option-filter-box .radio,
        .option-filter-box .checkbox {
            width: 100%;
            float: left;
        }
        .product-category #content {
            float: left;
            width: 100%;
        }
        .product-list .product-thumb .image {
            background: none;
        }
        .information-contact .contact-location .col-sm-3 {
            width: 50%;
            padding: 15px;
            float: left;
        }
        .information-contact .store-contact {
            clear: both;
        }
        .owl-carousel .owl-buttons div {
            opacity: 1 -khtml-opacity: 1 -moz-opacity: 1 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-opacity: 1;
            filter: alpha(opacity=100);
        }
        #header-search .select-wrapper {
            max-width: 120px;
        }
        footer .footer-column h5.toggle {
            float: left;
            width: 100%;
            padding: 10px;
            cursor: pointer;
        }
        .category-filter .filter-show,
        .category-filter .filter-sort-by {
            margin: 0 10px 0 0;
            float: left;
            clear: none;
        }
        #quickview-content {
            height: 84%;
            padding: 25px 20px;
        }
        .common-home .brand-carousel {
            margin: 0 0 30px 0;
        }
        .product-list .product-thumb .button-group .btn-wishlist,
        .product-list .product-thumb .button-group .btn-compare,
        .product-list .product-thumb .button-group .btn-quickview {
            transition: none;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            -ms-transition: none;
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            -ms-transform: none;
        }
        .product-product .nav-tabs>li>a {
            padding: 5px 12px;
            line-height: 24px;
        }
        .product-grid .product-thumb .caption {
            min-height: 0;
        }
        .product-product .product-images {
            width: 100%;
        }
        .checkout-cart #content .input-group input {
            min-width: 20px;
        }
        .product-grid .product-thumb .thumb-description {
            width: 100%;
        }
        .product-list .product-thumb .thumb-description .caption .ttproducthover .btn-cart {
            margin: 0 0 5px;
            padding: 8px 15px 8px 12px;
        }
        .product-thumb .btn-quickview {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            padding: 0;
            width: 45px;
            position: static;
            display: inline-block;
            vertical-align: top;
            float: none;
        }
        #cart .dropdown-menu {
            max-width: 320px;
            top: 63px;
        }
        .product-thumb .button-group button {
            height: 30px;
            width: 30px;
        }
        .product-thumb .button-group i {
            height: 30px;
            line-height: 30px;
            font-size: 18px;
        }
        button.btn-quickview span {
            display: none;
        }
        .product-images .additional-images-container {
            width: 440px;
        }
        .product-quickview .product-images .additional-images-container {
            width: 90%;
        }
        #product-product .layout-desc tr td.col-sm-6 {
            float: left;
            width: 50%;
        }
        #product-product .layout-desc tr td.col-sm-7 div.col-sm-4 {
            padding: 0 !important;
        }
        #product-product .layout-desc tr td.col-sm-4 {
            width: 100%;
        }
        .layout-desc tr td.col-sm-7 {
            width: 100%;
        }
        .footer .footer-column h5.toggle {
            margin-bottom: 2px;
            padding: 10px;
            display: block;
            text-transform: uppercase;
        }
        .products-carousel.owl-carousel .owl-buttons div {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        .product-thumb .thumb-description .caption .ttproducthover .product-add-to-cart {
            position: static;
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        .product-list .product-thumb .button-group .btn-cart {
            margin: 0 0 5px;
        }
        .product-thumb .button-group .btn-wishlist>span,
        .product-thumb .button-group .btn-compare>span {
            display: none;
        }
        .product-category .list-group-item {
            border: none;
        }
        .product-category .list-group {
            margin-bottom: 0px;
        }
        .product-category .option-filter-box {
            margin-top: 10px;
        }
        .product-thumb .sale-icon {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        .product-thumb .percent {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            left: 15px;
            right: auto;
        }
        .product-thumb:hover .percent {
            left: 15px;
            right: auto;
        }
        .product-list .product-thumb .image img {
            width: 100%;
        }
        .related-carousel.products-list .product-thumb .image {
            float: none;
            width: auto;
            display: inline-block;
        }
        .product-thumb .ttproducthover {
            top: 10px;
        }
        .category-products .product-grid {
            width: 50%;
            float: left;
            text-align: center;
        }
        body>.container>.row>#column-left {
            display: block;
        }
        .product-thumb .button-group button.btn-compare {
            transform: none;
            opacity: 1;
        }
        .product-thumb .button-group button.btn-quickview {
            transform: none;
            opacity: 1;
        }
        .product-thumb .button-group button.btn-quickview {
            transform: none;
        }
        .product-thumb .button-group button.btn-compare:hover::after,
        .product-thumb .button-group button.btn-compare:active::after,
        .product-thumb .button-group button.btn-compare:focus::after {
            transform: none;
        }
        .product-thumb .button-group .btn-cart span {
            color: #000;
        }
        .product-thumb .button-group button.btn-cart {
            margin: 0 5px;
        }
        .common-home .product-thumb .image {
            float: none;
            width: auto;
            display: inline-block;
            vertical-align: top;
        }
        .product-list .product-thumb .thumb-description {
            padding: 0 15px;
        }
        #tttestimonial-carousel {
            margin: 0;
        }
        .contact-link>ul {
            display: inline-block;
            float: none;
        }
        .product-thumb,
        .product-layout,
        .product-layouts {
            float: none;
            width: auto;
        }
        .bottom-footer {
            text-align: center;
        }
        #goToTop {
            right: 20px;
        }
        .checkout-cart .sub-total-table {
            float: none;
        }
        .checkout-cart h2 {
            font-size: 16px;
        }
        .checkout-cart #accordion .panel-heading a {
            font-size: 14px;
        }
        .checkout-checkout h4 {
            font-size: 15px;
        }
        .special-carousel.products-list {
            margin: 15px 0;
        }
        .ttproduct-main {
            margin: 30px 0;
        }
        .header-content-title {
            margin: 0 0px 20px;
        }
        .header-content-title .parallex {
            padding: 10px 0;
        }
        .category-filter .filter-grid-list {
            width: 100px;
        }
        .category-filter .filter-show,
        .category-filter .filter-sort-by {
            margin: 0;
            float: left;
            clear: none;
        }
        .category-filter .filter-show {
            margin: 0 3px 0 0;
            min-width: 60px;
        }
        .category-filter .filter-text {
            padding: 0;
        }
        .category-filter .filter-text .input-group-addon.control-label {
            display: none;
        }
        .category-filter .filter-show .filter-selection {
            width: 60px;
            float: left;
        }
        .category-filter .filter-sort-by {
            width: 39%;
            max-width: 170px;
        }
        .category-filter .filter-sort-by .filter-selection {
            width: 105px;
        }
        #content .category-filter {
            margin: 20px 0 20px;
        }
    }
    
    @media (max-width:720px) {
        .ttcat-main svg {
            top: -60px;
        }
        .product-layout.product-sort .product-thumb .thumb-description .caption .rating {
            text-align: center;
        }
        .product-layout.product-sort .product-thumb .thumb-description .caption {
            padding: 0 0 27px 0;
        }
        .product-layout.product-sort .product-thumb .thumb-description .caption .price {
            width: 100%;
            text-align: center;
            padding: 10px 0 0 0;
        }
        .header-top-right {
            right: 10px;
        }
        .product-layout.product-sort .product-thumb .thumb-description .caption h4 {
            width: 100%;
            text-align: center;
        }
        .ttcat-main {
            margin: 0 0 30px 0;
        }
        .product-layout.product-sort .product-thumb .thumb-description {
            width: auto;
            float: none;
            display: inline-block;
            vertical-align: top;
            text-align: center;
            padding: 0;
        }
        .product-layout.product-sort .product-thumb .ttproducthover {
            width: auto;
            float: none;
            display: inline-block;
            vertical-align: top;
            margin: 10px 0 0;
        }
        .product-layout.product-sort .image {
            float: none;
            width: auto;
            display: inline-block;
            vertical-align: top;
            text-align: center;
        }
        .product-layout.product-sort .product-thumb .ttcart {
            float: none;
            width: auto;
            display: inline-block;
            vertical-align: top;
            margin: 0;
        }
        .product-layout.product-sort .product-thumb .product-price-and-shipping {
            width: 100%;
            float: left;
            margin: 0;
        }
        .product-layout.product-sort .product-description {
            width: 100%;
            float: left;
            padding: 0;
            text-align: center;
        }
        .product-layout.product-sort .product-thumb .button-group {
            width: auto;
            display: inline-block;
            vertical-align: top;
            text-align: center;
            float: none;
        }
        .product-list .product-thumb .thumb-description {
            padding: 0 0 0 15px;
        }
        #product-product .layout-desc tr td.col-sm-6 {
            width: 100%;
        }
        .product-list .product-thumb .image {
            width: 40%;
        }
        .product-list .product-thumb .thumb-description {
            width: 60%;
        }
        .page-title-wrapper .page-title {
            font-size: 18px;
            line-height: 24px;
            margin: 0 0 3px;
        }
        footer {
            margin: 15px 0 0;
        }
        #product-product .layout-desc .image img {
            width: 100%;
        }
    }
    
    @media (max-width:543px) {
        body {
            font-size: 13px;
        }
        .product-layout.product-sort .product-description {
            width: 100%;
            float: none;
            text-align: center;
        }
        .product-layout.product-sort .product-thumb .button-group {
            width: auto;
            display: inline-block;
            vertical-align: top;
        }
        .product-layout.product-sort .product-thumb .ttcart {
            float: none;
            width: auto;
            display: inline-block;
            vertical-align: top;
            margin: 0;
        }
        .product-layout.product-sort .product-thumb .thumb-description .caption {
            margin: 0 0 2px 0;
        }
        .product-layout.product-sort .product-thumb .rating {
            text-align: center;
        }
        .product-layout.product-sort .product-thumb .product-description h4 {
            width: 100%;
            text-align: center;
        }
        .product-layout.product-sort .product-thumb .product-price-and-shipping {
            width: 100%;
            float: none;
        }
        .product-layout.product-sort .image {
            float: none;
            width: auto;
            display: inline-block;
            vertical-align: top;
            text-align: center;
        }
        .product-layout.product-sort .product-thumb .product-price-and-shipping .price {
            text-align: center;
            float: none;
        }
        .product-layout.product-sort .product-thumb .ttproducthover {
            width: auto;
            float: none;
            display: inline-block;
            vertical-align: top;
            margin: 10px 0 0;
        }
        .product-layout.product-sort .product-thumb .thumb-description {
            width: auto;
            float: none;
            display: inline-block;
            vertical-align: top;
            text-align: center;
            padding: 0;
        }
        .product-quantity #input-quantity {
            width: 40px;
        }
        .product-list .product-thumb .button-group i {
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            width: 40px;
        }
        .product-list .product-thumb h4 a {
            text-align: center;
            float: none;
        }
        .common-home .brand-carousel {
            margin: 0 0 20px 0;
        }
        .ttcat-main {
            margin: 0 0 20px 0;
        }
        .ttproduct-main {
            margin: 20px 0;
        }
        #quickview-content {
            width: 90%;
        }
        .ttsearchtoggle {
            left: auto;
            right: -100px;
        }
        #cart .dropdown-menu .cart-btn {
            left: 20px;
            top: 20px;
        }
        .products-list {
            margin-bottom: 20px;
        }
        #column-left .theiaStickySidebar .left-right-inner>div:last-child {
            margin-bottom: 0;
        }
        #cart .header-cart-toggle .text-left.name>a,
        #cart .header-cart-toggle .text-right.amount {
            font-size: 13px;
        }
        #form-currency .btn-group ul.dropdown-menu.currency-toggle,
        #form-language .btn-group ul.dropdown-menu.language-toggle {
            top: 28px;
        }
        .product-list .product-thumb .button-group .btn-cart {
            padding: 0;
            width: 45px;
            height: 45px;
        }
        .product-list .product-thumb .button-group i.fa-shopping-cart {
            border-radius: 25px;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            -khtml-border-radius: 25px;
            width: 40px;
        }
        .product-list .product-thumb .button-group button.btn-cart span {
            display: none !important;
        }
        .product-list .button-group button.btn-cart span::after {
            background: #ff579a none repeat scroll 0 0;
        }
        .product-list .product-thumb .thumb-description .caption .ttproducthover .product-add-to-cart {
            float: none;
            width: auto;
            display: inline-block;
        }
        footer a,
        .contact-us .data {
            font-size: 13px;
        }
        .product-tabs {
            border: none;
        }
        .product-small-view {
            margin: 0;
        }
        .nav-tabs {
            text-align: center;
        }
        .product-product .nav-tabs>li>a {
            text-align: center;
            margin: 0 0 5px;
            padding: 5px 12px;
            line-height: 22px;
            font-size: 13px;
        }
        #ttsmartblog-carousel.owl-carousel {
            margin: 0;
        }
        .contact-link>ul {
            padding: 8px 0;
        }
        .page-title-wrapper .breadcrumb a {
            font-size: 14px;
            line-height: 30px;
        }
        .page-title-wrapper .breadcrumb>li+li::before {
            line-height: 33px;
        }
        .category-description .category-content p {
            font-size: 13px;
            margin: 10px 0 0;
        }
        .common-home header::after {
            height: 260px;
        }
        .header-mail {
            display: none;
        }
        #top .container {
            padding: 0;
        }
        .TTProduct-Tab .nav.nav-tabs {
            width: 80%;
            margin: 0 0 15px;
        }
        .product-images .additional-images-container {
            width: 240px;
        }
        .additional-images .image-additional img {
            width: auto;
        }
        #cart .dropdown-menu li.cart-product {
            max-height: 270px;
            max-width: 270px;
        }
        #cart .header-cart-toggle .table.table-bordered {
            width: 270px;
        }
        #cart .dropdown-menu li p {
            margin: 0px;
            width: 270px;
        }
        #cart .header-cart-toggle .table>tbody>tr>td.image {
            width: auto;
        }
        .product-list .product-thumb .image,
        .product-list .product-thumb .thumb-description {
            width: auto;
            padding: 10px;
            display: inline-block;
            text-align: center;
            float: none;
        }
        .product-list .product-thumb .image a,
        .product-list .product-thumb .image img,
        .product-list .product-thumb .button-group button {
            float: none;
        }
        .table {
            overflow: scroll;
            display: inline-block;
        }
        #checkout-cart .sub-total-table .table.table-bordered {
            border: transparent;
        }
        .table td {
            width: 100%;
        }
        #cart .dropdown-menu li>div {
            min-width: 100%;
        }
        .product-tabs .nav-tabs li {
            width: 100%;
        }
        .category-pagination .text-left,
        .category-pagination .text-right {
            width: 100%;
        }
        .category-pagination .text-right {
            float: none;
        }
        .category-pagination .text-left {
            margin-bottom: 10px;
        }
        .category-pagination div.text-left,
        .category-pagination div.text-right {
            margin: 0;
        }
        .category-pagination {
            margin: 20px 0px 30px;
        }
        .category-pagination .text-left,
        .category-pagination .text-right {
            width: 100%;
            text-align: center;
        }
        .information-contact .contact-location .col-sm-3 {
            border-bottom: 1px solid #ebebeb;
            width: 100%;
        }
        .information-contact .contact-location .col-sm-3:last-child {
            border-bottom: 0 none;
        }
        .product-product .nav-tabs>li {
            margin-left: 0px;
        }
        .product-thumb {
            margin-bottom: 20px;
        }
        .product-list .product-thumb .image::after {
            display: none;
        }
        .product-list .btn-wishlist .tooltip::before {
            left: 95px;
        }
        #product-product .layout-desc {
            margin: 0 0 20px;
        }
        #product-product .layout-desc h2 {
            font-size: 20px;
            line-height: 32px;
            margin: 5px 0;
        }
        .product-details .rating>a {
            margin: 5px 8px 0 0;
            padding: 0 8px 0 0;
            border-right: none;
        }
        .rating .product-rating {
            margin: 0;
            width: 100%;
            border-right: none;
        }
        .form-horizontal .control-label {
            width: 100%;
        }
        .checkout-cart .buttons .pull-left {
            text-align: center;
            width: 100%;
        }
        .checkout-cart .buttons .pull-right {
            margin-top: 15px;
            text-align: center;
            width: 100%;
        }
        #top .fa.fa-caret-down {
            padding: 0;
        }
        .checkout-cart #content .input-group input {
            width: 100%;
        }
        .checkout-cart #content .input-group .input-group-btn {
            display: table;
        }
        .checkout-cart #content .input-group {
            display: inline-block;
            vertical-align: top;
            float: left;
            width: 100%;
        }
        .product-list .product-thumb .price-tax {
            text-align: center;
        }
        .product-list .product-thumb .button-group {
            text-align: center;
            display: inline-block;
            float: none;
        }
        .product-list .product-thumb .thumb-description .ttcart {
            margin: 0;
            float: none;
        }
        .product-list .product-thumb .price {
            float: none;
            text-align: center;
        }
        .checkout-cart #content .input-group .input-group-btn #button-voucher,
        .checkout-cart #content .input-group #button-coupon {
            border-radius: 25px;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            -khtml-border-radius: 25px;
            margin: 5px 0 0;
        }
        .footer-top-cms {
            padding: 0;
        }
        .category-list h5 {
            margin: 5px 0 10px;
        }
        .category-list li a {
            font-size: 13px;
        }
        .product-list .product-thumb .caption .description {
            text-align: center;
        }
        .product-list .product-thumb h4 {
            text-align: center;
            width: 100%;
        }
        .product-list .product-thumb .rating {
            text-align: center;
        }
    }
    
    @media (min-width:481px) and (max-width:767px) {
        .product-product .product-image {
            float: none;
            margin: 0 auto;
            width: 80%;
        }
    }
    
    @media (max-width:360px) {
        .ttcat-main svg {
            top: -60px;
        }
        .category-products .product-grid {
            width: 100%;
        }
        .product-grid .product-thumb .image,
        .product-list .product-thumb .image,
        .product-grid .product-thumb .thumb-description,
        .product-list .product-thumb .thumb-description {
            padding: 5px;
        }
        .product-list .product-thumb .thumb-description .caption .ttproducthover .btn-cart {
            padding: 9px;
        }
        .product-list .product-thumb .ttcart button.btn-cart span {
            font-size: 13px;
        }
        .product-layout.product-sort .product-thumb .button-group {
            margin: 10px 0 0 0;
        }
        .product-layout.product-sort .product-thumb .thumb-description .caption .rating {
            text-align: center;
        }
        .main-category-list .cat-menu {
            padding: 13px 0;
        }
        .header-top-right {
            padding: 18px 0;
        }
        #logo {
            padding: 10px 0;
            left: 43px;
            right: auto;
        }
        #logo img {
            max-width: 85px;
        }
        .product-layout.product-sort .product-thumb .thumb-description .caption .price {
            width: 100%;
        }
        .product-layout.product-sort .product-thumb .thumb-description .caption h4 {
            width: 100%;
            text-align: center;
        }
        .ttcat-main {
            margin: 0 0 30px 0;
        }
        #top-links .header_user_info ul.dropdown-menu {
            top: 58px;
            right: 10px;
        }
        .ttsearchtoggle {
            top: 58px;
            right: -90px;
        }
        #cart .dropdown-menu {
            right: 0;
            top: 58px;
        }
        .product-layout.product-sort .product-thumb .thumb-description {
            width: auto;
            float: none;
            display: inline-block;
            vertical-align: top;
            text-align: center;
            padding: 0;
        }
        .product-layout.product-sort .image {
            float: none;
            width: auto;
            display: inline-block;
            vertical-align: top;
            text-align: center;
        }
        .product-layout.product-sort .product-thumb .product-price-and-shipping {
            width: 100%;
            float: left;
            margin: 0;
        }
        .product-layout.product-sort .product-description {
            width: 100%;
            float: left;
            padding: 0;
            text-align: center;
            margin: 10px 0;
        }
        .product-list .product-thumb .thumb-description {
            padding: 0 0 0 15px;
        }
        #product-product .layout-desc tr td.col-sm-6 {
            width: 100%;
        }
        footer {
            margin: 15px 0 0;
        }
        #product-product .layout-desc .image img {
            width: 100%;
        }
    }
    /*-------------------------------------------- Common Title CSS Start -------------------------------------------------*/
    
    .box-heading h3,
    .title_block h3 {
        color: #111;
        font: italic 700 40px/42px 'Philosopher', Helvetica, sans-serif;
        text-align: center;
        text-transform: capitalize;
        display: inline-block;
        float: none;
        margin: 0 0 20px;
        position: relative;
        vertical-align: top;
        width: 100%;
        cursor: pointer;
        padding: 0 0 45px 0;
    }
    
    .products-list .box-heading {
        text-align: center;
        position: relative;
    }
    
    @media (max-width: 1199px) {
        .box-heading h3,
        .title_block h3 {
            font-size: 38px;
            line-height: 40px;
        }
    }
    
    @media (max-width: 991px) {
        .box-heading h3,
        .title_block h3 .title_block .ttblock-heading {
            font-size: 30px;
            line-height: 32px;
        }
    }
    
    @media (max-width: 767px) {
        .box-heading h3,
        .title_block h3 .title_block .ttblock-heading {
            font-size: 28px;
            line-height: 30px;
            margin: 0 0 20px;
        }
    }
    
    @media (max-width: 480px) {
        .box-heading h3,
        .title_block h3 .title_block .ttblock-heading {
            font-size: 24px;
            line-height: 30px;
            margin: 0 0 15px;
        }
    }
    /* ----------------- Start TT - CMS testimonial ------------------- */
    
    #ttcmsclient {
        float: left;
        margin: 0 0 80px;
        position: relative;
        width: 100%;
    }
    
    #ttcmsclient .ttcmsclient .row {
        margin: 0;
    }
    
    #ttclient-carousel {
        list-style: none;
        margin: 0;
    }
    
    #ttcmsclient .Client-block .client-img {
        position: relative;
        border-right: 1px solid #e5e5e5;
        padding: 30px 15px;
    }
    
    #ttcmsclient .Client-block .client-img .image {
        float: left;
    }
    
    #ttcmsclient .Client-block .client-img img {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        max-width: 100%;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        border: 6px solid #fff;
    }
    
    #ttcmsclient .Client-block .client-img .client-user {
        float: left;
        text-align: left;
        margin: 30px 0 30px 15px;
    }
    
    #ttcmsclient .Client-block .client-img .client-user .client-usertitle {
        color: #111;
        font: italic 700 18px/20px Philosopher, Helvetica, sans-serif;
        text-transform: capitalize;
        padding: 0 0 5px;
    }
    
    #ttcmsclient .Client-block .client-img .client-user .client-subtitle {
        color: #222;
        font: italic 400 14px/18px Poppins, Helvetica, sans-serif;
        text-transform: capitalize;
        font-weight: 500;
    }
    
    #ttcmsclient .Client-block .client-img::after {
        bottom: 0;
        font-family: "Material Icons";
        content: '\e244';
        color: #7e63ff;
        left: auto;
        margin: auto;
        position: absolute;
        right: -15px;
        top: 0;
        font-size: 26px;
        transform: rotateZ(180deg);
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        font-weight: 400;
        /* margin: auto; */
        height: 28px;
        line-height: 26px;
    }
    
    #ttcmsclient .client-content {
        text-align: left;
        padding: 50px 0 50px 60px;
    }
    
    #ttcmsclient .Client-block .client-content .client-desc {
        font: italic 400 14px/24px Poppins, Helvetica, sans-serif;
        color: #333333;
    }
    
    #ttcmsclient .owl-pagination {
        float: left;
        text-align: center;
        width: 100%;
        margin: 0 auto 0;
        z-index: 99;
        top: 0;
        padding: 12px 0 6px;
    }
    
    #ttcmsclient .owl-pagination .owl-page {
        display: inline-block;
        height: 12px;
        width: 12px;
        background: #d7d7d7;
        transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -webkit-transition: all 400ms ease-in-out;
        -khtml-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        border: 1px solid white;
        vertical-align: middle;
        margin: 0 8px 0 0;
        cursor: pointer;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -khtml-border-radius: 50px;
    }
    
    #ttclient-carousel .owl-numbers {
        display: none;
    }
    
    #ttcmsclient .owl-pagination .owl-page.active {
        height: 15px;
        width: 15px;
        background: #c10a28;
        border: 1px solid #c10a28;
        transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -webkit-transition: all 400ms ease-in-out;
        -khtml-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -khtml-border-radius: 50px;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    
    #ttcmsclient .owl-pagination .owl-page:hover {
        background: #c10a28;
        border: 1px solid #c10a28;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    
    .Client-block {
        float: left;
        width: 100%;
        text-align: center;
        padding: 85px 0 65px 80px;
    }
    
    #ttcmsclient .ttcmsclient #ttclient-carousel .owl-dots .owl-dot {
        color: #888;
        font: inherit;
    }
    
    #ttcmsclient .ttcmsclient #ttclient-carousel .owl-dots .owl-dot {
        color: #888;
        padding: 0 !important;
        font: inherit;
        margin: 0 3px;
        border-radius: 50%;
        outline: none;
        background: #dcdbdb;
        height: 12px;
        width: 12px;
    }
    
    #ttcmsclient .ttcmsclient #ttclient-carousel .owl-dots .owl-dot:hover,
    #ttcmsclient .ttcmsclient #ttclient-carousel .owl-dots .owl-dot.active {
        background: #7e63ff;
    }
    
    @media (max-width:1301px) {
        #ttcmsclient .Client-block {
            padding: 50px 30px;
        }
    }
    
    @media (max-width:1201px) {
        #ttcmsclient .Client-block .client-img .image {
            display: inline-block;
            float: none;
            vertical-align: top;
            width: auto;
        }
        #ttcmsclient .Client-block {
            padding: 50px 70px;
        }
        #ttcmsclient .Client-block .client-img {
            text-align: center;
        }
        #ttcmsclient .Client-block .client-img .client-user {
            display: inline-block;
            float: none;
            margin: 15px 0 15px 0;
            text-align: center;
            vertical-align: top;
            width: 100%;
        }
    }
    
    @media (max-width:1199px) {
        #ttcmsclient .Client-block {
            padding: 40px 70px;
        }
    }
    
    @media(min-width:992px) {
        #ttcmsclient .Client-block .client-img::before {
            border: 1px solid #dddddd;
            border-radius: 50px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            -khtml-border-radius: 50px;
            bottom: 0;
            content: "";
            height: 50px;
            left: auto;
            margin: auto;
            position: absolute;
            right: -27px;
            top: 0;
            width: 50px;
            background: #fff;
        }
    }
    
    @media (max-width:1199px) {
        #ttcmsclient {
            margin: 0 0 60px;
        }
    }
    
    @media (max-width:991px) {
        #ttcmsclient {
            margin: 0 0 40px;
        }
        #ttcmsclient .Client-block {
            padding: 34px 10px;
        }
        #ttcmsclient .Client-block .client-img {
            width: 100%;
            text-align: center;
            float: left;
            border: none;
            padding: 0;
        }
        #ttcmsclient .client-content {
            width: 100%;
            text-align: center;
            float: left;
            padding: 10px 0;
            margin: 0 0 15px 0;
        }
        #ttcmsclient .Client-block .client-content .client-desc {
            margin: 0;
            font-size: 13px;
        }
        #ttcmsclient .Client-block .client-img .client-user {
            width: 100%;
            margin: 10px 0;
        }
        #ttcmsclient .Client-block .client-img::after {
            display: none;
        }
    }
    
    @media (max-width:767px) {
        #ttcmsclient {
            margin: 0 0 40px;
        }
        #ttcmsclient .Client-block {
            padding: 40px 30px;
        }
    }
    
    @media (max-width:543px) {
        #ttcmsclient {
            margin: 0 0 30px;
        }
        #ttcmsclient .Client-block {
            padding: 15px;
        }
        #ttcmsclient .Client-block .client-content .client-desc {
            font-size: 13px;
            margin: 0;
        }
    }
    
    @media(max-width:480px) {
        #ttcmsclient .client-block .client-content .client-subtitle {
            font-size: 14px;
            line-height: 16px;
        }
        #ttcmsclient .Client-block {
            padding: 30px 5px;
        }
    }
    /* ------------------------------------ End TT - CMS testimonial ------------------------------- */
    /* ------------------ Start ot - CMS services block --------------------- */
    
    #ttcmsservices {
        float: left;
        width: 100%;
        margin: 0 0 180px;
        position: relative;
        z-index: 1;
    }
    
    #ttcmsservices .owl-stage-outer .owl-stage .owl-item:first-child .service,
    #ttcmsservices .owl-stage-outer .owl-stage .owl-item:last-child .service {
        float: left;
        margin: 80% 0 0;
    }
    
    #ttcmsservices .parallex {
        padding: 50px 0 0;
        height: 650px;
    }
    
    #ttcmsservices .services {
        float: left;
        width: 100%;
        position: relative;
        text-align: center;
    }
    
    #ttcmsservices .services .service-subtitle {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 22px;
        line-height: 30px;
        leoter-spacing: 0.8px;
        text-transform: capitalize;
        margin: 0 0 90px;
        font-style: italic;
        font-family: Philosopher;
        color: #545454;
    }
    
    #ttcmsservices .services .services-content {
        float: left;
        margin: 10px 0 0;
        width: 100%;
        padding: 0 15px;
    }
    
    #ttcmsservices .services .services-content .service-content {
        float: left;
        width: 100%;
        margin: 20px 0 0;
        text-align: center;
    }
    
    #ttcmsservices .services .services-content .service-content .services-title {
        font: italic 700 22px/26px "Philosopher", Helvetica, sans-serif;
        margin: 0 0 10px;
        text-transform: capitalize;
        cursor: pointer;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        color: #111;
    }
    
    #ttcmsservices .services>div .services-content .service:hover .service-content .services-title {
        color: #7fb641;
    }
    
    #ttcmsservices .services .services-content .service-content .service-desc {
        font: 400 16px/24px "Philosopher", helvetica, sans-serif;
        color: #666;
    }
    
    #ttcmsservices .services .services-content .service .service-img::after {
        /* background: rgba(0, 0, 0, 0) url('TemplateTrip/images/service-icon1.png') no-repeat scroll 0 0 / contain; */
        content: "";
        height: 60px;
        left: 0;
        margin: 40px auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        transition: 400ms ease-in-out;
        -webkit-transition: 400ms ease-in-out;
        -moz-transition: 400ms ease-in-out;
        -o-transition: 400ms ease-in-out;
        -ms-transition: 400ms ease-in-out;
        z-index: 3;
    }
    /* #ttcmsservices .services .services-content .owl-item:nth-child(2n) .service .service-img::after {
    background: rgba(0, 0, 0, 0) url('TemplateTrip/images/service-icon2.png') no-repeat scroll 0 0 / contain;
}

#ttcmsservices .services .services-content .owl-item:nth-child(3n) .service .service-img::after {
    background: rgba(0, 0, 0, 0) url('TemplateTrip/images/service-icon3.png') no-repeat scroll 0 0 / contain;
}

#ttcmsservices .services .services-content .owl-item:nth-child(4n) .service .service-img::after {
    background: rgba(0, 0, 0, 0) url('TemplateTrip/images/service-icon4.png') no-repeat scroll 0 0 / contain;
} */
    
    #ttcmsservices .services .services-content .service-img {
        float: left;
        width: 100%;
        text-align: center;
        position: relative;
    }
    
    #ttcmsservices .services .services-content .service .service-img img {
        z-index: 3;
        position: relative;
        transition: 400ms ease-in-out;
        -webkit-transition: 400ms ease-in-out;
        -moz-transition: 400ms ease-in-out;
        -o-transition: 400ms ease-in-out;
        -ms-transition: 400ms ease-in-out;
        max-width: 100%;
        text-align: center;
        float: none;
        display: inline-block;
    }
    
    #ttcmsservices .services .services-content .service {
        float: left;
        padding: 0 15px;
    }
    
    #ttcmsservices .services .services-content .service:hover .service-img::after {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }
    
    .tt-subtitle {
        font: 400 48px/56px Dancing Script, Helvetica, sans-serif;
        text-transform: capitalize;
        margin: 0 0 8px;
        color: #619b00;
    }
    
    .TTProduct-Tab .tthometab-title .tt-subtitle {
        color: #ff7717 !important;
    }
    
    #ttcmsservices::after {
        background: url("../../../../../image/banner-imges/rg.jpg") no-repeat center bottom;
        content: "";
        position: absolute;
        float: left;
        width: 100%;
        top: auto;
        bottom: -26%;
        left: 0;
        right: 0;
        margin: auto;
        height: 400px;
        transition: all 500ms ease-in-out 0s;
    }
    
    #ttcmsservices svg {
        height: 45px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: -44px;
        width: 240px;
        z-index: 2;
    }
    
    svg:not(:root) {
        overflow: hidden;
    }
    
    #ttcmsservices:hover::after {
        bottom: -24%;
    }
    
    @media(max-width:1199px) {
        #ttcmsservices .parallex {
            padding: 50px 0 90px;
            height: 690px;
        }
        #ttcmsservices {
            margin: 0 0 110px;
        }
    }
    
    @media(max-width:991px) {
        #ttcmsservices .services .service-subtitle {
            font-size: 18px;
            line-height: 26px;
            margin: 0 0 50px;
        }
        #ttcmsservices .owl-stage-outer .owl-stage .owl-item:first-child .service,
        #ttcmsservices .owl-stage-outer .owl-stage .owl-item:last-child .service {
            margin: 0;
        }
        #ttcmsservices .services .services-content .service-content .services-title {
            font-size: 20px;
            line-height: 22px;
        }
        .tt-subtitle {
            font-size: 32px;
            line-height: 46px;
        }
        .tt-title {
            font-size: 30px;
            line-height: 32px;
        }
        #ttcmsservices::after {
            bottom: -16%;
            height: 440px;
        }
        #ttcmsservices:hover::after {
            bottom: -10%;
        }
        #ttcmsservices {
            margin: 0 0 40px;
        }
    }
    
    @media(max-width:767px) {
        #ttcmsservices .services .services-content .service {
            margin-bootom: 30px;
        }
        #ttcmsservices .services .services-content .service-content {
            margin: 20px 0 0;
        }
        #ttcmsservices .services .services-content .service-content .services-title {
            margin: 0 0 20px;
        }
        #ttcmsservices .services .service-subtitle {
            font-size: 16px;
            line-height: 24px;
        }
        #ttcmsservices::after {
            bottom: -16%;
            height: 440px;
        }
        #ttcmsservices:hover::after {
            bottom: -16%;
        }
    }
    
    @media(max-width:543px) {
        #ttcmsservices .ot-title {
            padding: 0 0 35px;
        }
        #ttcmsservices .services .service-subtitle {
            font-size: 13px;
            line-height: 22px;
            margin: 0 0 30px;
            padding: 0 5px;
        }
        #ttcmsservices .parallex {
            height: 560px;
            padding: 20px 0 90px;
        }
        #ttcmsservices .services .services-content .service {
            width: 100%;
        }
        #ttcmsservices {
            margin: 0 0 70px;
        }
        #ttcmsservices .services .services-content .service-content .services-title {
            margin: 0 0 15px;
            font-size: 20px;
            line-height: 22px;
        }
        #ttcmsservices .services .services-content .service:last-child {
            margin-bootom: 0;
        }
        #ttcmsservices::after {
            height: 340px;
            background-size: 70%;
            bottom: -16%;
        }
    }
    
    @media(max-width:480px) {
        .tt-title {
            font-size: 26px;
            line-height: 28px;
        }
        #ttcmsservices .parallex {
            height: 540px;
        }
        #ttcmsservices svg {
            top: -24px;
        }
    }
    
    @media(max-width:320px) {
        #ttcmsservices .parallex {
            height: 430px;
        }
    }
    /* ------------------ End ot - CMS services block --------------------- */
    /*----------------------------------------------start css for cmsbanners----------------------------------------------*/
    
    #ttcmsbanner {
        float: left;
        margin: 0 0 90px;
        width: 100%;
    }
    
    #ttcmsbanner .ttbannerblock .ttbanner .ttbanner-img img {
        max-width: 100%;
        width: 100%;
        border-radius: 10px;
    }
    
    #ttcmsbanner .ttbannerblock .ttbanner .ttbanner-img {
        overflow: hidden;
        position: relative;
    }
    
    #ttcmsbanner .ttbannerblock .ttbanner .ttbanner-img a {
        display: inline-block;
        float: left;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    
    #ttcmsbanner .ttbannerblock .ttbanner .ttbanner-img>a::before {
        background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
        bottom: 0;
        content: "";
        left: 50%;
        opacity: 1;
        position: absolute;
        right: 51%;
        top: 0;
    }
    
    #ttcmsbanner .ttbannerblock .ttbanner .ttbanner-img>a::after {
        background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
        bottom: 50%;
        content: "";
        left: 0;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 50%;
    }
    
    #ttcmsbanner .ttbannerblock .ttbanner .ttbanner-img>a {
        display: block;
        overflow: hidden;
        position: relative;
        transition: all 300ms ease-in-out 0s;
    }
    
    #ttcmsbanner .ttbannerblock .ttbanner .ttbanner-img>a:hover::before {
        left: 0;
        opacity: 0;
        right: 0;
        transition: all 900ms ease-in-out 0s;
    }
    
    #ttcmsbanner .ttbannerblock .ttbanner .ttbanner-img>a:hover::after {
        bottom: 0;
        opacity: 0;
        top: 0;
        transition: all 900ms ease-in-out 0s;
    }
    
    #ttcmsbanner .ttbannerblock .ttsubbanner-img>a::before {
        background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
        bottom: 0;
        content: "";
        left: 50%;
        opacity: 1;
        position: absolute;
        right: 51%;
        top: 0;
    }
    
    #ttcmsbanner .ttbannerblock .ttsubbanner-img>a::after {
        background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
        bottom: 50%;
        content: "";
        left: 0;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 50%;
    }
    
    #ttcmsbanner .ttbannerblock .ttsubbanner-img>a {
        display: block;
        overflow: hidden;
        position: relative;
        transition: all 300ms ease-in-out 0s;
    }
    
    #ttcmsbanner .ttbannerblock .ttsubbanner-img>a:hover::before {
        left: 0;
        opacity: 0;
        right: 0;
        transition: all 900ms ease-in-out 0s;
    }
    
    #ttcmsbanner .ttbannerblock .ttsubbanner-img>a:hover::after {
        bottom: 0;
        opacity: 0;
        top: 0;
        transition: all 900ms ease-in-out 0s;
    }
    
    #ttcmsbanner .ttsubbanner-img img {
        max-width: 100%;
    }
    
    #ttcmsbanner .ttsubbanner-img {
        float: left;
        width: 100%;
        overflow: hidden;
        margin: 30px 0 0;
    }
    
    #ttcmsbanner .ttsubbanner-img>a {
        float: left;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    
    @-webkit-keyframes circle {
        0% {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        40% {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        100% {
            width: 200%;
            height: 200%;
            opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
        }
    }
    
    @keyframes circle {
        0% {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        40% {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
        }
        100% {
            width: 200%;
            height: 200%;
            opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
        }
    }
    
    @media(max-width:1199px) {
        #ttcmsbanner {
            margin: 0 0 60px;
        }
    }
    
    @media(max-width:991px) {
        #ttcmsbanner {
            margin: 0 0 40px;
        }
    }
    
    @media(max-width:767px) {
        #ttcmsbanner .ttbannerblock .row {
            margin: 0 -10px;
        }
        #ttcmsbanner .ttsubbanner-img {
            padding: 0 10px;
            margin: 20px 0 0;
        }
        #ttcmsbanner {
            margin: 0 0 40px;
        }
        #ttcmsbanner .ttbannerblock .ttbanner .ttbanner-img {
            float: none;
            display: inline-block;
            vertical-align: top;
            width: auto;
        }
    }
    
    @media(max-width:543px) {
        #ttcmsbanner {
            margin: 0 0 30px;
        }
        #ttcmsbanner .ttbannerblock .ttbanner {
            width: 100%;
            text-align: center;
            margin: 0 0 15px;
        }
        #ttcmsbanner .ttbannerblock .ttbanner {
            margin: 0 0 15px;
            width: 100%;
        }
        #ttcmsbanner .ttbannerblock .ttbanner2 {
            margin: 0;
        }
        #ttcmsbanner .ttsubbanner {
            width: 100%;
            padding: 0 15px 15px;
        }
        #ttcmsbanner .ttsubbanner-img img {
            width: 100%;
        }
        #ttcmsbanner .ttsubbanner-img {
            margin: 0;
        }
    }
    
    @media(max-width:480px) {
        #ttcmsbanner {
            margin: 0 0 20px;
        }
    }
    /*----------------------------------------------End css for cmsbanners----------------------------------------------*/
    /* ---------------- Start TT - CMS Footer-Payment-logo Css ------------- */
    
    #ttcmspaymentlogo {
        float: none;
        text-align: center;
        width: 100%;
    }
    
    #ttcmspaymentlogo h5 {
        display: none;
    }
    
    #ttcmspaymentlogo .payment_logo_block .payment-title {
        color: #000000;
        float: left;
        font: 400 14px/18px "Philosopher", Helvetica, sans-serif;
        padding: 20px 0 10px;
        text-align: center;
        vertical-align: middle;
        display: none;
        width: 100%;
    }
    
    #ttcmspaymentlogo .payment_logo_block ul {
        display: inline-block;
        float: none;
        margin: 0;
        padding: 0;
        text-align: center;
        vertical-align: top;
        width: auto;
    }
    
    #ttcmspaymentlogo .payment_logo_block ul li {
        display: inline-block;
        float: none;
        list-style: outside none none;
        padding: 0 5px;
        vertical-align: top;
        width: auto;
    }
    
    #ttcmspaymentlogo .payment_logo_block ul li a::before {
        display: none;
    }
    
    #ttcmspaymentlogo .payment_logo_block img {
        max-width: 100%;
    }
    
    @media (max-width: 1199px) {
        #ttcmspaymentlogo .payment_logo_block ul li {
            padding: 0 2px;
        }
    }
    
    @media (max-width: 991px) {
        #ttcmspaymentlogo .payment_logo_block ul li {
            padding: 0;
        }
        #ttcmspaymentlogo {
            text-align: center;
            float: left;
            width: 100%;
        }
    }
    
    @media (max-width: 543px) {
        #ttcmspaymentlogo {
            float: left;
            width: 100%;
            text-align: center;
            margin: 0 0 10px;
        }
    }
    /* -------------------- End TT - CMS Footer-Payment-logo Css ------------------- */
    
    #product #tt-jqzoom .owl-nav {
        display: block;
    }
    /* product page countdown css */
    
    #product .pb-right-column .ttproductcountdown {
        display: block;
        text-align: left;
        float: left;
        width: 100%;
    }
    
    #product .pb-right-column .ttproductcountdown .ttpc-main {
        border: 1px solid #e5e5e5;
    }
    
    #product .pb-right-column .ttpc-main::before {
        left: 10px;
    }
    /*------------------------------End TT-CMS footer-logo-----------------------*/
    /* ------------------------------------------ TT-FollowUs CMS Start -------------------------------------------*/
    
    .follow-us h5 {
        display: none;
        cursor: pointer;
    }
    
    .bottom-footer .block-social {
        padding: 0;
    }
    
    .follow-us {
        float: none;
        width: 100%;
        text-align: center;
        position: relative;
        padding: 0 0 10px 0;
    }
    
    #footer-bottom .follow-us .list-unstyled {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0 auto;
        padding: 0;
        position: relative;
    }
    
    .follow-us ul.list-unstyled li {
        display: inline-block;
        margin: 0 7px 0 0;
        width: 30px;
        height: 30px;
        text-align: center;
        position: relative;
        vertical-align: top;
    }
    
    .follow-us ul.list-unstyled li:last-child {
        border: none;
    }
    
    .follow-us ul li a {
        color: #ccc;
        padding: 0;
        float: left;
        margin: 0;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    
    .follow-us ul li a i {
        font-size: 17px;
        font-weight: 500;
    }
    
    .follow-us ul.list-unstyled li.facebook a::before {
        float: left;
        height: 30px;
        width: 30px;
        content: "";
        background: transparent url("TemplateTrip/images/follow-us.png")no-repeat scroll -25px -25px;
    }
    
    .follow-us ul.list-unstyled li.facebook a:hover::before {
        background-position: -105px -25px;
    }
    
    .follow-us ul.list-unstyled li.twitter a::before {
        float: left;
        height: 30px;
        width: 30px;
        content: "";
        background: transparent url("TemplateTrip/images/follow-us.png")no-repeat scroll -25px -105px;
    }
    
    .follow-us ul.list-unstyled li.twitter a:hover::before {
        background-position: -105px -105px;
    }
    
    .follow-us ul.list-unstyled li.youtube a::before {
        float: left;
        height: 30px;
        width: 30px;
        content: "";
        background: transparent url("TemplateTrip/images/follow-us.png")no-repeat scroll -25px -265px;
    }
    
    .follow-us ul.list-unstyled li.youtube a:hover::before {
        background-position: -105px -265px;
    }
    
    .follow-us ul.list-unstyled li.instagram a::before {
        float: left;
        height: 30px;
        width: 30px;
        content: "";
        background: transparent url("TemplateTrip/images/follow-us.png")no-repeat scroll -25px -585px;
    }
    
    .follow-us ul.list-unstyled li.instagram a:hover::before {
        background-position: -105px -585px;
    }
    
    .follow-us ul.list-unstyled li.pinterest a::before {
        float: left;
        height: 30px;
        width: 30px;
        content: "";
        background: transparent url("TemplateTrip/images/follow-us.png")no-repeat scroll -30px -425px;
    }
    
    .follow-us ul.list-unstyled li.pinterest a:hover::before {
        background-position: -110px -425px;
    }
    
    .follow-us ul li a p {
        display: none;
    }
    
    @media (max-width: 543px) {
        .follow-us {
            float: left;
            width: 100%;
            text-align: center;
        }
    }
    /* ------------------------------------------ TT-FollowUs CMS End -------------------------------------------*/
    /*------------------------ CheckBox,Radio Extra CSS Start -----------------------------------------*/
    
    input[type="radio"],
    input[type="checkbox"] {
        /* margin-top: 0px; */
        cursor: pointer;
    }
    
    .checkbox-wrapper {
        background: url("TemplateTrip/images/input-sprite.png") repeat scroll 0px -256px;
        width: 15px;
        height: 19px;
        display: inline-block;
        margin: 0 5px 0 0;
        vertical-align: middle;
    }
    
    .checkbox-wrapper:hover {
        background-position: -30px -256px;
    }
    
    .checkbox-wrapper.active {
        background-position: -15px -256px;
    }
    
    .checkbox-wrapper input {
        background: none;
        border: 1px solid #eee;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        position: relative;

        -moz-opacity: 0;
        -khtml-opacity: 0;
    }
    
    .radio-wrapper {
        background: url("TemplateTrip/images/input-sprite.png") repeat scroll 0 -243px;
        width: 13px;
        height: 13px;
        display: inline-block;
        margin: 0 5px 0 0;
        vertical-align: middle;
    }
    
    .radio-wrapper:hover,
    .radio-wrapper.active {
        background-position: -13px -243px;
    }
    /* .radio-wrapper input {
        background: none;
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        position: relative;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
    } */
    /*------------------------ CheckBox,Radio Extra CSS End -----------------------------------------*/
    /*-------------------------------------------- Boootstrp Extra CSS Start --------------------------------------*/
    
    .list-group-item {
        background-color: #FFF;
    }
    
    .panel {
        background-color: #fff;
        border: 1px solid #e5e5e5;
    }
    
    .panel-default {
        border-color: #e5e5e5;
    }
    
    .form-control:focus {
        border-color: #e5e5e5;
    }
    
    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #e5e5e5;
    }
    /*-------------------------------------------- Boootstrp Extra CSS End --------------------------------------*/
    
    .full-header.fixed {
        animation: 1s ease 0s normal both 1 running fixedmenu;
        -webkit-animation: 1s ease 0s normal both 1 running fixedmenu;
        -moz-animation: 1s ease 0s normal both 1 running fixedmenu;
        -o-animation: 1s ease 0s normal both 1 running fixedmenu;
        background: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        transition: none;
        float: left;
        left: 0;
        position: fixed !important;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 9;
        padding: 0;
    }
    
    .full-header.fixed #contact-link {
        display: none;
    }
    
    .full-header.fixed .main-category-list.left-main-menu .menu-category ul li a.TT-Category-List::after,
    .full-header.fixed .main-category-list .menu-category ul li.more-menu>span::after {
        color: #111;
    }
    
    .full-header.fixed .ttsearchtoggle,
    .full-header.fixed #top-links .header_user_info ul.dropdown-menu,
    .full-header.fixed #top-links #cart .dropdown-menu {
        top: 76px;
    }
    
    .full-header.fixed #top-links>ul {
        padding: 36px 0;
    }
    
    .full-header.fixed .main-category-list.left-main-menu .dropmenu>li {
        padding: 34px 10px;
    }
    
    .full-header.fixed .header-left {
        padding: 11px 0;
    }
    
    .full-header.fixed .header-top-left {
        background: none;
        float: none;
        width: auto;
    }
    
    .full-header.fixed .header-left {
        float: left;
    }
    
    .header_1_content {
        position: relative;
        width: 100%;
        float: left;
    }
    
    .header_1_content::before {
        left: -11px;
    }
    
    .full-header::after {
        display: none;
    }
    
    .full-header.fixed #menu .nav>li>a::before {
        display: none;
    }
    
    @-webkit-keyframes fixedmenu {
        0% {
            top: -100%;
        }
        100% {
            top: 0;
        }
    }
    
    @-moz-keyframes fixedmenu {
        0% {
            top: -100%;
        }
        100% {
            top: 0;
        }
    }
    
    @keyframes fixedmenu {
        0% {
            top: -100%;
        }
        100% {
            top: 0;
        }
    }
    
    .checkout-checkout .panel-group {
        float: left;
        width: 100%;
    }
    
    #checkout-checkout #content #collapse-checkout-option h2 {
        font-size: 20px;
    }
    
    #at15s .at-label {
        margin: 0 5px;
    }
    
    .checkout-cart .panel-collapse .input-group .form-control {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    /* newsletter popup */
    
    .b-close {
        display: block;
        z-index: 1;
        position: relative;
        cursor: pointer;
    }
    
    .ttpopupclose {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
        cursor: url("images/pop.png"), pointer;
    }
    
    #popup2 .b-close i {
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    #popup2:hover .b-close i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
    
    .b-close span {
        display: none;
    }
    
    .newletter-popup {
        background: #ffffff;
        background-attachment: scroll;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        -webkit-background-position: center bottom;
        -moz-background-position: center bottom;
        -o-background-position: center bottom;
        -webkit-background-repeat: no-repeat;
        -moz-background-repeat: no-repeat;
        -o-background-repeat: no-repeat;
        background-repeat: no-repeat;
        position: fixed !important;
        text-align: center;
        display: none;
        height: auto;
        width: 730px;
        max-width: 730px;
    }
    
    .newletter-popup #dialog {
        background-color: #ffffff;
        bottom: 0;
        left: 0;
        margin: auto;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 100;
        height: 490px;
        max-width: 740px;
        border: 10px solid #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
    }
    
    .newletter-popup .box {
        float: left;
        text-align: center;
        background: #fff;
        z-index: 1;
        margin: 10% 0 0;
        position: relative;
    }
    
    .newslatter-img {
        background: #ffffff url("../../../../../image/banner-imges/app-screen.png") no-repeat scroll 0 center;
        padding: 0;
        height: 470px;
        width: 300px;
        border-radius: 10px;
        background-size: contain;
    }
    
    .newletter-popup #boxes .newletter-title .vb-logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 3%;
    }
    
    .newletter-popup #boxes .newletter-title a {
        text-align: center;
    }
    
    .newletter-popup #frm_subscribe {
        float: left;
        width: 100%;
    }
    
    .newletter-popup #frm_subscribe .newslatterpopup-content>span {
        color: #666;
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 25px;
        width: 100%;
        float: left;
        font-weight: 400;
    }
    
    .newslatterpopup-content h3 {
        color: #000;
        display: inline-block;
        float: none;
        font: 600 18px "Poppins", Helvetica, sans-serif;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
    }
    
    .newletter-popup .newletter-title {
        float: left;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    .newletter-popup .newleter-content {
        float: left;
        width: 98%;
    }
    
    #boxes .box-content label {
        color: #666;
        font-size: 13px;
        line-height: 19px;
        margin: 0;
        cursor: pointer;
        font-weight: 400;
    }
    
    #boxes .box-content label:hover {
        color: #000000;
    }
    
    #boxes #frm_subscribe .required {
        color: #f00;
        padding-right: 5px;
    }
    
    #boxes #frm_subscribe #subscribe_pemail {
        border: none;
        height: 45px;
        padding: 10px;
        width: 88%;
        text-align: center;
        color: #111;
        outline: none;
        background: transparent;
        margin: 0 0 25px;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 1px;
        background-color: #f5f5f5;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
    }
    
    #boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again {
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }
    
    #boxes #frm_subscribe #notification {
        color: #f00;
    }
    
    .newletter-popup #frm_subscribe .checkbox-wrapper {
        margin: 0;
    }
    
    #subscribe_popup #notification>div {
        margin: 10px 0 0;
    }
    
    #boxes #frm_subscribe #notification .success {
        color: #4caf50;
    }
    
    #popup2 {
        color: #fff;
        font-weight: 400;
        line-height: 16px;
        margin: auto;
        position: absolute;
        right: -52px;
        text-align: center;
        top: -52px;
        width: auto;
        z-index: 99;
        height: 25px;
        width: 25px;
        transform: none;
    }
    
    .popup-button {
        float: left;
        text-align: center;
        vertical-align: top;
        width: 100%;
        cursor: pointer;
        margin: 0 0 30px;
    }
    
    .popup-button span small {
        display: inline-block
    }
    
    .play-storeBtn {
        margin-top: 20%;
    }
    
    .subscribe-bottom {
        display: inline-block;
        float: none;
        text-align: center;
        vertical-align: top;
        width: auto;
    }
    
    .popup-button .button.btn.btn-primary {
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        margin: 0;
        font-weight: 500;
        padding: 7px 20px;
        background: #000;
        vertical-align: top;
        border-radius: 5px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        line-height: 26px;
    }
    
    .popup-button .button.btn.btn-primary::before {
        background: #77b500;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.1, 1);
        -webkit-transform: scale(0.1, 1);
        -moz-transform: scale(0.1, 1);
        -o-transform: scale(0.1, 1);
        -ms-transform: scale(0.1, 1);
        border-radius: 5px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
        z-index: -1;
    }
    
    .popup-button .button.btn.btn-primary:hover,
    .popup-button .button.btn.btn-primary:active,
    .popup-button .button.btn.btn-primary:focus {
        color: #fff;
    }
    /* .popup-button .button.btn.btn-primary:hover::before,
.popup-button .button.btn.btn-primary:active::before,
.popup-button .button.btn.btn-primary:focus::before {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    transform: scale(2, 2);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
} */
    /* newsllter */
    
    #dialog-normal .newletter-title h2 {
        border: medium none;
        color: #fff;
        float: left;
        margin: 0;
        padding: 0 0 0 50px;
        position: relative;
        text-align: left;
        width: 100%;
        text-transform: capitalize;
        font: italic 600 30px/50px "Philosopher", Helvetica, sans-serif;
    }
    
    .newletter-title a {
        /* float: left; */
        padding: 0;
        width: auto;
        display: block;
    }
    
    .newletter-desc {
        color: #555555;
        float: left;
        font: 400 14px/20px "Poppins", Helvetica, sans-serif;
        text-align: center;
        width: 100%;
        margin: 0 0 20px;
        display: none;
    }
    
    #dialog-normal .newletter-title .tt-title::before {
        bottom: auto;
        color: #fff;
        cursor: pointer;
        float: left;
        font-family: "Material Icons";
        content: "\e0e1";
        font-size: 36px;
        height: 50px;
        left: 0;
        line-height: 50px;
        margin: auto;
        position: absolute;
        right: auto;
        top: 0;
        width: 50px;
        text-align: center;
        font-style: normal;
        font-weight: 400;
        background: none;
    }
    
    #dialog-normal .newleter-content {
        float: right;
        max-width: 555px;
        padding: 0;
        text-align: center;
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    
    #form_subscribe {
        float: left;
        position: relative;
        width: 100%;
    }
    
    .newletter-subscribe {
        float: none;
        position: relative;
        padding: 35px 90px;
        -webkit-border-radius: 70px;
        -moz-border-radius: 70px;
        -khtml-border-radius: 70px;
        border-radius: 70px;
        background: #77b500;
        width: 100%;
    }
    
    .newletter-subscribe .box {
        float: none;
        width: 100%;
        background: none;
        display: inline-block;
        vertical-align: top;
    }
    
    #subscribe_email {
        float: left;
        color: #666;
        padding: 12px 127px 12px 15px;
        width: 100%;
        font: 400 13px/16px "Poppins", Helvetica, sans-serif;
        background: #fff;
        height: 50px;
        max-width: 550px;
        outline: none;
        letter-spacing: 1px;
        width: 100%;
        border: 2px solid #fff;
        border-radius: 50px;
    }
    
    #subscribe_email::-webkit-input-placeholder {
        color: #7f7f7f;
    }
    
    #subscribe_email::placeholder {
        color: #111;
    }
    
    #subscribe_email:-ms-input-placeholder {
        color: #7f7f7f;
    }
    
    #subscribe_email:-moz-placeholder {
        color: #7f7f7f;
    }
    
    #subscribe .btn {
        background: #ffa406;
        color: #fff;
        font: 400 16px/27px "Philosopher", Helvetica, sans-serif;
        height: 42px;
        overflow: hidden;
        padding: 8px 20px;
        position: absolute;
        right: 9px;
        top: 4px;
        border: none;
        border-radius: 50px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    
    #subscribe .btn:hover,
    #subscribe .btn:active,
    #subscribe .btn:focus {
        color: #fff;
        background: #ffa406;
    }
    
    #subscribe .button.btn.btn-primary::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #77b500;
        color: #fff;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        border-radius: 25px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: scale(0.5, 1);
        -moz-transform: scale(0.5, 1);
        -ms-transform: scale(0.5, 1);
        -o-transform: scale(0.5, 1);
        transform: scale(0.5, 1);
    }
    
    #subscribe .button.btn.btn-primary:hover::before,
    #subscribe .button.btn.btn-primary:active::before,
    #subscribe .button.btn.btn-primary:focus::before {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    #subscribe .btn::after {
        display: none;
    }
    
    .newletter-subscribe .button i {
        display: none;
    }
    
    #notification-normal {
        float: right;
        width: 100%;
        position: absolute;
        top: 100%;
        bottom: auto;
        z-index: 1;
        left: 0;
        right: 0;
    }
    
    #notification-normal div {
        background: #dff0d8;
        color: #3c763d;
        font-size: 13px;
        padding: 10px 15px;
        margin: 5px 0 0;
    }
    
    #notification-normal div.warning {
        background: #f2dede;
        color: #a94442;
        border-radius: 50px;
    }
    
    .newletter-popup #boxes .newletter-title h2::after {
        background: #ccc;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 50px;
    }
    
    .newletter-popup #boxes .newletter-title h2 {
        margin: 0 0 10px;
        font-size: 30px;
        line-height: 32px;
        position: relative;
        padding: 0 0 10px 0;
    }
    
    @media(max-width:1401px) {
        #subscribe_email {
            max-width: 460px;
        }
        #dialog-normal .newleter-content {
            max-width: 465px;
        }
    }
    
    @media(max-width:1199px) {
        .newletter-desc {
            margin: 20px 10px;
        }
        .newletter-subscribe {
            padding: 35px 50px;
        }
        #dialog-normal .newleter-content {
            max-width: 415px;
        }
        #subscribe_email {
            max-width: 410px;
        }
    }
    
    @media(max-width:991px) {
        .newletter-desc {
            margin: 10px 0 0 0;
            line-height: 20px;
            width: 80%;
            float: none;
            display: none;
        }
        #dialog-normal .newleter-content {
            width: 500px;
        }
        #dialog-normal .newletter-title {
            width: 100%;
            margin: 0;
            text-align: center;
            margin: 0;
        }
        .newletter-subscribe {
            margin: 0 auto;
            padding: 15px 0;
            text-align: center;
        }
        #dialog-normal .newletter-title h2 {
            display: inline-block;
            float: none;
            text-align: center;
            width: auto;
            font-size: 26px;
            line-height: 46px;
        }
        #dialog-normal .newleter-content {
            width: 550px;
            display: inline-block;
            float: none;
            margin: 8px 0;
            text-align: center;
            vertical-align: top;
            padding: 0;
        }
        .newletter-popup {
            max-width: 750px;
        }
        #dialog-normal .newleter-content {
            width: 450px;
        }
        .newletter-popup #dialog {
            width: 750px;
        }
    }
    
    @media(max-width:830px) {
        .newletter-popup {
            margin: 0;
            overflow-y: auto;
            width: 300px;
            left: 0 !important;
            top: 0 !important;
            margin: 10px auto;
            right: 0 !important;
            height: 100%;
        }
        #popup2 {
            color: #111;
        }
        #dialog-normal .newletter-title {
            margin: 0;
        }
        .newletter-popup .box,
        .newletter-popup .newletter-title,
        .popup-button {
            text-align: center;
        }
        .newletter-popup .box {
            padding: 20px 0;
            margin: 0;
            width: 100%;
        }
        .b-close::before {
            background-position: -73px -326px;
        }
        .newslatter-img {
            width: 100%;
        }
        #boxes #frm_subscribe #subscribe_pemail {
            width: 80%;
            text-align: center;
        }
        .newletter-popup #dialog {
            display: inline-block;
            float: none;
            height: auto !important;
            max-width: 300px !important;
            position: relative;
            vertical-align: top;
            width: auto;
        }
        .popup-button .button.btn.btn-primary {
            margin-bottom: 0;
        }
        .b-close::before {
            left: auto;
            right: 3px;
            top: 3px;
            color: #000;
        }
        #popup2 {
            top: 0;
            right: 0;
            background: #fff;
        }
        .newletter-desc {
            width: 100%;
        }
        .newletter-subscribe {
            padding: 10px 0;
        }
        #dialog-normal .newletter-title h2 {
            font-size: 24px;
            line-height: 44px;
        }
    }
    
    @media(max-width:543px) {
        #dialog-normal .newleter-content {
            width: 370px;
        }
        #subscribe_email {
            max-width: 365px;
        }
    }
    
    @media(max-width:480px) {
        .newletter-subscribe .button>span {
            display: none;
        }
        #subscribe .btn {
            padding: 9px 13px;
        }
        .newletter-subscribe .button>i {
            display: block;
            font-size: 24px;
            line-height: 26px;
            color: #111;
            transition: all 400ms ease-in-out 0s;
            -webkit-transition: all 400ms ease-in-out 0s;
            -moz-transition: all 400ms ease-in-out 0s;
            -o-transition: all 400ms ease-in-out 0s;
            -ms-transition: all 400ms ease-in-out 0s;
            vertical-align: top;
        }
        #dialog-normal .newleter-content {
            max-width: 290px;
            margin: 0;
        }
        .newletter-subscribe .button:hover>i,
        .newletter-subscribe .button:active>i,
        .newletter-subscribe .button:focus>i {
            color: #fff;
        }
        .newletter-desc {
            font-size: 14px;
            line-height: 18px;
            padding: 0 15px;
            margin: 5px 0;
            width: 100%;
        }
        #subscribe_email {
            padding: 10px 57px 12px 15px;
            max-width: 286px;
        }
        #dialog-normal .newletter-title .tt-title::before {
            bottom: 0px;
            font-size: 30px;
            height: 40px;
            width: 40px;
            line-height: 40px;
        }
        #notification-normal {
            width: 100%;
        }
        #dialog-normal .newletter-title {
            padding: 0;
        }
        #dialog-normal .newletter-title h2 {
            font-size: 19px;
            line-height: 42px;
        }
        .newletter-subscribe .container {
            padding: 0;
        }
    }
    
    @media(max-width:320px) {
        .newletter-subscribe {
            border-radius: 30px;
        }
        #dialog-normal .newleter-content {
            max-width: 275px;
        }
        #subscribe_email {
            max-width: 270px;
        }
    }
    /*--------------download App------------------------------*/
    
    #app-download-section .download-main {
        background: url("../../../../../image/banner-imges/app-store.png");
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 20vw;
        margin-bottom: 3%;
    }
    
    #app-download-section .download-sec .download {
        padding-top: 10%;
        float: right;
    }
    
    #app-download-section span a {
        font-size: 20px;
        font-weight: 18px;
    }
    
    #app-download-section .download h3 {
        color: #000;
        display: inline-block;
        float: none;
        font: 600 32px "Poppins", Helvetica, sans-serif;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        /* font-weight: 800; */
    }
    
    #app-download-section .download h4 {
        color: #000;
        font: 600 16px "Poppins", Helvetica, sans-serif;
        letter-spacing: 1px;
        width: 80%;
    }
    
    #app-download-section .download .qr-code {
        width: 28%;
        margin: 10%;
    }
    
    @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
        #app-download-section .download-sec .download {
            padding-top: 5%;
            float: none;
            text-align: center;
        }
        #app-download-section .download h4 {
            text-align: center;
            width: 100%;
        }
        #app-download-section .mobile-img img {
            margin-left: 10%;
            margin-right: 10%;
        }
        #app-download-section .download h3 {
            font: 600 25px "Poppins", Helvetica, sans-serif;
        }
        .whatsapp-btn .web {
            display: none;
        }
        .whatsapp-btn .mobile {
            padding-left: 25px;
            left: 15px;
            right: 10px;
            position: fixed;
            z-index: 10001;
            bottom: 45px;
            cursor: pointer;
            display: contents;
        }
        .newslatter-img {
            height: 206px;
            width: 300px;
            background-position: center;
        }
    }
    
    .otp-timer {
        margin-left: 5%;
        margin-top: 3%;
        margin-bottom: 3%;
    }
    
    .cartDescription .ttcart .btn-block {
        width: 35%;
        border-radius: solid 5px #555;
    }
    
    .input-group .cartBtn1 {
        padding: 0px;
        background-color: #7e63ff;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .input-group .cartBtn2 {
        padding: 0px;
        background-color: #7e63ff;
        border-radius: 5px;
    }
    
    .input-group .cartBtn i {
        font-size: 8px;
    }
    
    .input-group .cartInput {
        padding: 2px;
        margin-top: 3%;
        text-align: center;
    }
    
    #qtyInput {
        text-align: center;
        padding-top: 12px;
    }
    /* .addCart .ttcart .cartBtn {
        background-color: #7e63ff;
        padding: 4px 22px;
    } */
    
    .addCart {
        background: #7e63ff;
        border: none;
        color: #fff;
        padding: 4px 20px;
        font: 600 14px/24px "", ;
        text-transform: capitalize;
        display: inline-block;
        letter-spacing: 1px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        z-index: 1;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: color, background-color;
        transition-property: color, background-color;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }
    
    .ttproducthover .btn-block {
        width: 35%;
    }
    
    @media(max-width:991px) {
        .ttproducthover .btn-block {
            width: 70%;
        }
        .addCart {
            background: #7e63ff;
            border: none;
            color: #fff;
            padding: 4px 20px;
            font: 500 14px/24px "", ;
            text-transform: capitalize;
            display: inline-block;
            letter-spacing: 1px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            z-index: 1;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: color, background-color;
            transition-property: color, background-color;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
        }
    }



    .ttproducthoverdetail .btn-block {
        width: 15%;
    }
    
    @media(max-width:991px) {
        .ttproducthoverdetail .btn-block {
            width: 35%;
        }
        .addCart {
            background: #7e63ff;
            border: none;
            color: #fff;
            padding: 4px 20px;
            font: 500 14px/24px "", ;
            text-transform: capitalize;
            display: inline-block;
            letter-spacing: 1px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            z-index: 1;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: color, background-color;
            transition-property: color, background-color;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
        }
    }