body {
    background: #ffffff;
    font: 400 13px/18px "Montserrat", Helvetica, sans-serif;
    letter-spacing: 0px;
    color: #666;
    height: 100%;
    padding-right: 0px !important;
 
}

 :not(input):not(textarea):not(button) {
    user-select: none;
    -webkit-tap-highlight-color: #00000024;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", Helvetica, sans-serif;
    color: #333333;
}

.container-fluid {
    max-width: 1600px;
}


/* default font size */

* {
    -webkit-tap-highlight-color: #00000024;
}

img {
    height: auto;
    user-select: none !important;
}

a {
    -webkit-tap-highlight-color: #00000024;
    user-select: none;
    -webkit-touch-callout: none;
}

.fa {
    font-size: 14px;
    vertical-align: baseline;
}


/*column overwrite by manisha*/

.category-name {
    padding: 0 15px;
}


/*.product-layout.product-grid.col-lg-3, .product-layout.product-grid.col-md-3, .product-layout.product-grid.col-sm-3{
width: 20%;
}*/

div#error-not-found {
    padding-top: 80px;
}

#blog_content {
    padding-top: 80px;
}

#account-return {
    padding-top: 80px;
}

div#error-not-found .row {
    margin: 0;
}

div#account-edit,
#account-account,
#account-password,
#account-address,
#account-wishlist,
#account-order,
#account-download,
#account-reward,
#account-transaction,
#account-recurring,
#account-affiliate,
#account-newsletter,
#common-success,
#account-tracking,
#module-ttblog-details,
#blogs_blog_main,
#account-register {
    padding-top: 80px;
}

div#account-forgotten {
    padding-top: 80px;
}

div#checkout-checkout {
    padding-top: 80px;
}

div#blogs_blog_main {
    padding-top: 80px;
}

div#checkout-checkout .row {
    margin: 0;
}

div#product-category {
    padding-top: 80px;
}

div#product-search {
    padding-top: 80px;
}

div#product-search .row {
    margin: 0;
}

div#account-login {
    padding-top: 80px;
}

div#account-login .row {
    margin: 0;
}

div#product-category {
    max-width: 1600px;
}

div#checkout-cart {
    padding-top: 80px;
}

div#checkout-cart .row {
    margin: 0;
}


/* Override the bootstrap defaults */

div#product-category .row {
    margin: 0;
}


/*.category-products .row {
margin: 0;
}*/

div#information-information,
#information-sitemap,
#information-contact {
    padding-top: 80px;
}

div#information-information .row,
#information-sitemap .row,
#information-contact .row {
    margin: 0;
}

div.information-sitemap {
    padding-top: 80px;
}

div.information-sitemap .row {
    margin: 0;
}

h1 {
    font-size: 33px;
}

h2 {
    font-size: 23px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10.2px;
}

a {
    color: #666666;
}

.btn-primary {
    color: #fff;
    background-color: #222222!important;
    border: 1px solid transparent!important;
}

a:hover,
a:focus,
#column-left .checkbox>label:hover {
    color: #000000;
}

a:hover {
    text-decoration: none;
}

legend {
    font-size: 18px;
    padding: 7px 0px
}

small,
.small {
    font-size: 11px;
}

label {
    font-size: 13px;
    font-weight: 500;
}

.checkbox label,
.radio label {
    font-weight: 500;
}

.form-horizontal .control-label {
    text-align: left!important;
}

button#Product_tryonbt {
    border-radius: 25px;
    width: auto;
    height: auto;
}

button.tryonBtn {
    position: relative;
    float: left;
    font-family: "poppins", Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 26px;
    padding: 7px 15px 6px 45px;
    position: relative;
    text-transform: capitalize;
    background-image: url(../../../../../image/catalog/t_logo.png)!important;
    background-size: 25px!important;
    background-repeat: no-repeat!important;
    background-position: 16px 8px!important;
    background-color: #dd2941!important;
    border: 1px solid #dd2941!important;
}

button.tryon_category {
    padding: 15px 4px;
    width: 35px;
    height: 25px;
    background: none;
    position: absolute;
    margin: 0;
    color: #000;
    font-size: 11px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: 9px 5px;
    text-indent: 0;
    font-weight: 600;
    top: 4px!important;
    left: 2px!important;
    z-index: 1;
    cursor: pointer;
    line-height: 23px;
    border: none;
    background-image: url(../../../../../image/catalog/t_logo.png)!important;
}

.product-image.zoom_img button.tryon {
    left: 7px!important;
    top: 6px!important;
}

select.form-control {
    appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    line-height: 20px;
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    display: none;
}

.form-control {
    background: #ffffff;
    color: #777777;
    border: 1px solid #e5e5e5;
    margin: 0 0 5px;
    padding: 4px 12px;
    height: auto;
}

.category-filter .hidden-xs {
    display: block !important;
}

.filter-sort-by .form-control,
.filter-show .filter-selection .form-control {
    background-color: #ffffff;
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}

.select-wrapper {
    position: relative;
    width: 100%;
}

.product-product .select-wrapper {
    width: 50%;
}

.select-wrapper::after {
    font-family: 'fontawesome';
    content: '\f107';
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 12px;
    pointer-events: none;
}

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: 26px;
    letter-spacing: 0px;
}

.select-wrapper select.form-control {
    line-height: 23px;
    color: #777;
    box-shadow: none;
    padding-right: 25px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
    font-size: 12px;
}

.input-group .input-group-addon {
    font-size: 12px;
    height: 30px;
}

.col-md-9.text-right.filter-selection .select-wrapper {
    position: relative;
    margin: 0 0 0 0px;
}

.tt-home {
    width: 100%;
    float: left;
}

#checkout-cart.container>.row {
    clear: both;
}

.product-grid .product-thumb:hover .button-group button.btn-compare {
    display: none!important;
}

button.btn.btn-default.product-btn-compare {
    display: none!important;
}

.static-about-page {
    padding-left: 15px;
}


/* ------------------------------- Product Rollover CSS Start ----------------------- */

.product-thumb .image img.image_thumb_swap {
    left: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.7s ease 0s, transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s;
    -webkit-transition: opacity 0.7s ease 0s, transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s;
    -moz-transition: opacity 0.7s ease 0s, transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s;
    -o-transition: opacity 0.7s ease 0s, transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s;
    -ms-transition: opacity 0.7s ease 0s, transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s;
}

.product-thumb:hover .image img.image_thumb_swap {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
}


/* ------------------------------- Product Rollover CSS End ----------------------- */


/*-------------------------------------- Mega Menu CSS Strat --------------------------------------*/

.left-main-menu {
    float: left;
    position: relative;
    width: auto;
    margin-left: 4rem;
    z-index: 99;
}

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

.mega-dropdown-menu .dropdown {
    float: left;
    padding: 0 10px;
}

.mega-dropdown-menu li.dropdown .dropdown-menu {
    border: none;
    display: block;
    position: static;
    box-shadow: none !important;
}

#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;
    line-height: 42px;
    overflow: hidden;
    padding: 0 24px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    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;
    width: auto;
}

.main-category-list .menu-category li.TT-Sub-List .dropdown-inner ul.single-dropdown-menu li.dropdown>a {
    text-transform: capitalize;
}

.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: #111111;
    display: block;
    font: 600 14px/30px "Montserrat", sans-serif;
    letter-spacing: 0px;
    padding: 25px 20px;
    position: relative;
    text-transform: uppercase;
}

.main-category-list .menu-category ul.dropmenu li.dropdown a,
.main-category-list .menu-category ul li.more-menu.dropdown>a {
    padding: 25px 35px 25px 35px;
}

.main-category-list .menu-category .dropdown .dropdown-inner .mega-dropdown-menu li.dropdown>a {
    color: #000000;
    font: 600 16px/20px "Montserrat", Helvetica, 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;
    display: none;
    float: left;
    left: 100%;
    max-width: 200px;
    padding: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
}

.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: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    left: auto;
    right: 15px;
    top: 3px;
    color: #777777;
}

.single-dropdown-menu .dropdown-inner ul.childs_2 {
    float: left;
    padding: 10px 30px;
}

.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: #111111;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 14px;
    left: auto;
    position: absolute;
    top: 25px;
    right: 18px;
}

.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: "\f106";
}

.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>a,
.main-category-list .menu-category ul li.more-menu:hover>a::after,
.main-category-list .menu-category>ul.dropmenu>li:hover>a {
    color: #dd2941;
}

.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 #eeeeee;
    border-top: 3px solid #dd2941;
    float: left;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: auto;
    top: 120%;
    min-width: 585px;
    z-index: 999;
    visibility: hidden;
    transition: opacity 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, visibility 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, visibility 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, visibility 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, visibility 0.4s ease 0s;
    -ms-transition: opacity 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, visibility 0.4s ease 0s;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    display: block;
    box-shadow: none;
}

.main-category-list .menu-category li.TT-Sub-List .dropdown-inner .mega-dropdown-menu {
    float: left;
    padding: 20px 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 {
    color: #666666;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 20px;
    padding: 3px 20px;
}

.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: 20px 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 "Montserrat", sans-serif;
    padding: 8px 0;
    margin: 0 0 15px;
    color: #333;
}

.mega-dropdown-menu li.dropdown>a:before {
    background: #f4f4f4;
    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: #666666;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    padding: 3px 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: 99;
}

.left-main-menu .TT-panel-heading:after {
    color: #ffffff;
    content: "\f0c9";
    font-family: "FontAwesome";
    font-size: 17px;
    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%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
}

span.panelclearAllBtn {
    position: absolute;
    right: 20px;
    top: 10px;
    font: 600 14px/18px "Montserrat", Helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
    cursor: pointer;
    background: #000;
    padding: 4px 6px;
    z-index: 1;
}

.filter-bar {
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0;
    padding-left: 17px!important;
    position: relative!important;
}

.filter-pill {
    margin: 6px 8px 6px 0;
}

.filter-check-box {
    position: relative;
    background-color: #fff;
    text-transform: capitalize;
    color: #3e4152;
    cursor: default;
    font-size: 12px;
    padding: 5px 26px 5px 10px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border-radius: 20px;
    border: 1px solid #d4d5d9;
}

.remove_sprite {
    vertical-align: middle;
    opacity: 1;
    -webkit-transform: scale(.7);
    transform: scale(0.7);
    background-position: 2422px 170px
}

.tds-sprite {
    display: inline-block;
    background-image: url(../../../../../image/catalog/tryon_ecom_sprite1.png)!important;
    width: 16px;
    height: 16px;
    background-size: 1424px 106px;
}

.filtercategory {
    /*position: relative;
background-color: #fff;
text-transform: capitalize;
color: #3e4152;
cursor: default;
font-size: 12px;
padding: 5px 26px 5px 10px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
border-radius: 20px;
border: 1px solid #d4d5d9;*/
}

.filter_remove {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 18px;
    height: 20px;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.filtercategory label {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 18px;
    height: 20px;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.filtercategory .checkbox-wrapper {
    display: none;
}

#gomen {
    position: absolute;
    top: -100px;
}

#gowomen {
    position: absolute;
    top: -100px;
}

#content .html-content {
    position: relative;
}

.ss-close {
    position: absolute;
    top: 7px;
    right: 15px;
}

.product-options option:first-child {
    display: none;
}

.cart .select-size option:first-child {
    display: none;
}


.cart-form .custom-select option:first-child {
    display: none;
}

.modal-open {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}
.tryon_loader_example{
    display:none;
}
#cat_men .row {
    flex-wrap: wrap;
    display: flex;
}

.trynewBtn span,
.cat_navbar li a,
.thumbnail_list ul li img,
.thumbnail_list ul .text-black,
#profile_window .t_avtaar{
 user-select: none;
}

@media (min-width: 992px) {
    .product-image.zoom_img img {
        width: 1200px!important;
        height: auto;
    }
    .product-thumb .ttcart button.btn-cart span {
        font: 500 13px/18px "Montserrat", Helvetica, sans-serif!important;
    }
    .register-popup {
        position: absolute!important;
        top: 50%!important;
        right: 0;
        height: auto;
        z-index: 9999;
        transform: translate(-50%, -50%)!important;
    }
    .menu-category ul.dropmenu li.TT-Sub-List:hover>.dropdown-menu,
    .main-category-list .menu-category ul>li.more-menu:hover>.dropdown-menu {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        visibility: visible;
        top: 100%;
    }
    .main-category-list .menu-category li.dropdown .dropdown-inner ul.single-dropdown-menu li.dropdown:hover>.dropdown-menu {
        display: block !important;
    }
    .main-category-list .menu-category li.dropdown:hover .dropdown-inner ul.single-dropdown-menu {
        display: block !important;
    }
    .main-category-list .menu-category .dropmenu {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .menu-category ul.dropmenu>li.TT-Sub-List>.dropdown-menu {
        left: -10px;
        right: auto;
    }
    .main-category-list .menu-category li.dropdown .dropdown-inner ul.single-dropdown-menu li.dropdown>.dropdown-menu {
        left: auto;
        right: 100%;
    }
}

@media (max-width: 1199px) {
    .block-description {
        padding: 0;
    }
    .left-main-menu {
        display: inline-block;
        float: none;
        vertical-align: top;
        margin-left: 1rem;
    }
    .main-category-list .menu-category ul.dropmenu li a,
    .main-category-list .menu-category ul li.more-menu>span {
        padding: 25px 20px;
    }
    .main-category-list .menu-category ul.dropmenu li.dropdown a,
    .main-category-list .menu-category ul li.more-menu.dropdown>span {
        padding: 25px 35px 25px 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>span::after {
        top: 25px;
    }
}

@media (max-width: 991px) {
    .category-products.two_view .product-grid {
        width: 50% !important;
        ;
    }
    .category-products.default_view .product-grid {
        width: 25% !important;
        ;
    }
    li.two_view {
        margin-left: 230px !important;
    }
    .select_sizes .buttonContainer {
        margin: 2px 4px!important;
    }
    .select_sizes .size-div {
        display: flex;
        justify-content: center;
        margin-bottom: 0;
        flex-wrap: wrap;
    }
    .img_popup {
        left: 50%;
        top: 50%;
        height: auto;
        z-index: 99999;
        transform: translate(-50%, -50%);
        padding: 0;
        overflow-y: auto;
    }
    .menu-category ul.dropmenu li.TT-Sub-List>.dropdown-menu,
    .menu-category ul.dropmenu li.more-menu>.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;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        visibility: visible;
    }
    .mega-dropdown-menu .dropdown {
        width: 100% !important;
    }
    .main-category-list .menu-category li.TT-Sub-List .dropdown-inner .mega-dropdown-menu {
        padding: 10px 0;
        display: none;
        width: 100% !important;
    }
    .mega-dropdown-menu li.dropdown>a::before {
        width: 100%;
    }
    .mega-dropdown-menu li.dropdown>a {
        margin: 0;
    }
    .main-category-list .menu-category .dropdown-inner ul.single-dropdown-menu {
        padding: 6px;
        display: none;
    }
    .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;
    }
    .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;
        font-size: 14px;
        font-weight: 500;
        line-height: 28px;
    }
    .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.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,
    .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.left-main-menu {
        border-top: 1px solid #e5e5e5;
        float: left;
        padding-right: 175px;
        padding-left: 15px;
        padding-top: 0;
        margin: 0;
        width: 100%;
    }
    .main-category-list .TT-panel-heading>span {
        line-height: inherit;
        padding: 0;
        text-transform: uppercase;
        font-size: 15px;
        margin-left: 12px;
    }
    .main-category-list.left-main-menu .TT-panel-heading {
        border: none;
        color: #111111;
        font: 600 16px/18px "Montserrat", Helvetica, sans-serif;
        position: relative;
        cursor: pointer;
        padding: 16px 0;
        margin: 0;
        height: auto;
        text-align: left;
        display: block;
    }
    .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 {
        color: #111111;
        position: static;
        float: left;
        font-weight: 500;
        font-size: 17px;
    }
    .main-category-list .menu-category ul.dropmenu li.dropdown a,
    .main-category-list .menu-category ul li.dropdown.more-menu>a,
    .main-category-list .menu-category ul.dropmenu li a {
        color: #424553;
        float: left;
        font-size: 14px;
        font-weight: 600;
        line-height: 28px;
        padding: 0;
        text-align: left;
        width: 100%;
        text-transform: capitalize;
    }
    .main-category-list .menu-category ul.dropmenu li.dropdown:hover a,
    .main-category-list .menu-category ul li.dropdown.more-menu:hover>a,
    .main-category-list .menu-category ul.dropmenu li:hover a {
        color: #000000;
    }
    .main-category-list .menu-category ul li.dropdown.more-menu>a,
    .main-category-list .menu-category ul li.dropdown.more-menu>i {
        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: 14px;
        line-height: 27px;
        margin: 0;
        padding: 6px 16px;
    }
    .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;
        line-height: 24px;
    }
    .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 {
        color: #888;
        content: "\f067";
        font-size: 14px;
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        padding: 6px 11px;
        height: 8px;
        width: 8px;
        cursor: pointer;
        z-index: 2;
    }
    .left-main-menu .dropmenu li.active>i.fa-angle-down::before {
        content: "\f068";
        color: #000000;
    }
    .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%;
    }
    .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;
    }
}


/*---------------------------------  Mega Menu CSS End --------------------------------------------*/


/* Fix some bootstrap issues */

a,
a:focus,
a:active,
a:hover,
select,
input[type=radio],
input[type=checkbox] {
    outline: 0 none !important;
}

.owl-carousel .owl-wrapper-outer {
    direction: ltr !important;
}

input[type="radio"],
input[type="checkbox"] {
    margin-top: 0px;
    cursor: pointer;
}

.nav-tabs {
    border-bottom: none;
    display: inline-block;
    float: none;
    text-align: center;
    vertical-align: top;
}

.tab-content {
    padding: 15px 0;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.tab-content ul,
.tab-content ol {
    padding: 0 0 0 15px;
}

.table.table-striped.table-bordered {
    border: 1px solid #e5e5e5;
}


/*--------------------------- title css start--------------------------------*/

.tt-titletab {
    border-bottom: 1px solid #e5e5e5;
    float: left;
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%;
}

.box-heading>h3,
.title_block .ttblock-heading,
.tt-title {
    color: #000000;
    float: left;
    font: 700 40px/42px "Montserrat", sans-serif;
    margin: 0 0 30px;
    padding: 0 0 20px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
}

#content .box-heading>h3::after,
#content .tt-title::after {
    background: #cccccc;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 110px;
}

#content .box-heading>h3::before,
#content .tt-title::before {
    background: #dd2941;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 60px;
    z-index: 1;
}

.ttsubtitle {
    color: #777777;
    float: left;
    font: italic 400 22px/28px "Playfair display", sans-serif;
    margin: 0 0 20px;
    text-transform: capitalize;
    text-align: center;
    width: 100%;
}

.box-heading {
    float: left;
    width: 100%;
}

.product-thumb .caption {
    float: left;
    width: 100%;
}


/*--------------------------- title css end--------------------------------*/


/* TTproduct tab*/

.ttproduct-main {
    float: left;
    width: 100%;
}

.TTProduct-Tab .tab-content {
    margin: 0;
    padding: 0;
}

.TTProduct-Tab .nav-tabs>li.active>a,
.TTProduct-Tab .nav-tabs>li:hover>a,
.TTProduct-Tab .nav-tabs>li.active>a:hover,
.TTProduct-Tab .nav-tabs>li:focus>a,
.TTProduct-Tab .nav-tabs>li.active>a:focus {
    background: #dd2941;
    border: none;
    color: #ffffff;
    cursor: pointer;
}

.TTProduct-Tab .nav-tabs>li>a {
    background: none;
    border: none;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    color: #666;
    font: 500 16px/18px "Montserrat", Helvetica, sans-serif;
    margin: 0;
    padding: 10px 20px;
    position: relative;
    text-transform: capitalize;
}

.nav-tabs>li {
    float: left;
    margin: 0;
    position: relative;
}

.TTProduct-Tab .tab-box-heading {
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 0 15px;
}

.TTProduct-Tab ul li {
    margin: 0 10px 0 0;
}

.TTProduct-Tab .nav.nav-tabs {
    border: medium none;
    display: inline-block;
    float: none;
    vertical-align: top;
    padding: 0;
}

.TTProduct-Tab .tthometab {
    float: left;
    width: 100%;
}

.ttcat-main {
    float: left;
    width: 100%;
}


/*--------------------------------- Next-Prev Button CSS Start -------------------------*/

.products-carousel.owl-carousel .owl-buttons div {
    display: inline-block;
    border: 1px solid #e5e5e5;
    color: #222222;
    font-size: 0;
    height: 31px;
    padding: 0;
    width: 31px;
    text-shadow: none;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
}

.products-carousel.owl-carousel .owl-buttons .owl-prev {
    background: #ffffff url("TemplateTrip/images/sprite.png") no-repeat scroll -12px -353px;
    margin: 0 4px 0 0;
}

.products-carousel.owl-carousel .owl-buttons .owl-prev:hover {
    background-position: -70px -353px;
}

.products-carousel.owl-carousel .owl-buttons .owl-prev:before {
    border-top: 1px solid #e5e5e5;
    content: "";
    height: 1px;
    left: -61px;
    position: absolute;
    text-align: left;
    top: 10px;
    width: 60px;
}

.products-carousel.owl-carousel .owl-buttons .owl-prev:after {
    border-bottom: 1px solid #e5e5e5;
    content: "";
    height: 1px;
    left: -41px;
    position: absolute;
    top: 15px;
    width: 40px;
}

.products-carousel.owl-carousel .owl-buttons .owl-next {
    background: #ffffff url("TemplateTrip/images/sprite.png") no-repeat scroll -12px -386px;
}

.products-carousel.owl-carousel .owl-buttons .owl-next:hover {
    background-position: -70px -386px;
}

.products-carousel.owl-carousel .owl-buttons .owl-next:before {
    border-top: 1px solid #e5e5e5;
    content: "";
    height: 1px;
    position: absolute;
    right: -61px;
    top: 10px;
    width: 60px;
}

.products-carousel.owl-carousel .owl-buttons .owl-next:after {
    border-bottom: 1px solid #e5e5e5;
    content: "";
    height: 1px;
    position: absolute;
    right: -41px;
    top: 15px;
    width: 40px;
}

.products-carousel.owl-carousel .owl-buttons .owl-prev:hover,
.products-carousel.owl-carousel .owl-buttons .owl-next:hover {
    background-color: #dd2941;
    border-color: #dd2941;
    color: #FFF;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.products-carousel.owl-carousel .owl-buttons {
    direction: ltr;
    float: left;
    text-align: center;
    margin: 25px 0 0;
    width: 100%;
}


/*--------------------------------- Next-Prev Button CSS End ---------------------------------------*/


/*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/

.additional-images .owl-controls .owl-buttons div {
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    bottom: 0;
    direction: ltr;
    font-size: 0;
    height: 30px;
    margin: auto;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 0;
    transition: none 0s ease 0s;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    width: 30px;
}

.additional-images .owl-controls .owl-buttons div:hover {
    background: #dd2941;
    border-color: #dd2941;
}

.additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons>div.owl-prev {
    left: 0;
    right: auto;
}

.additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons>div.owl-next {
    right: 0;
    left: auto;
}

.additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons>div.owl-prev::before,
.additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons>div.owl-next::before {
    background: none;
    content: "\f104";
    font-family: fontawesome;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #111111;
    padding: 10px;
}

.additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons>div.owl-next::before {
    content: "\f105";
    padding: 11px;
}

.additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons>div.owl-prev:hover::before,
.additional-images-container .additional-images.owl-carousel .owl-controls .owl-buttons>div.owl-next:hover::before {
    color: #ffffff;
}


/*------------------------------------- additional-images Owl Button CSS End ------------------------------------------*/

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

.header-content-title .parallex {
    background: #f5f5f5;
    float: left;
    padding: 175px 0 100px;
    width: 100%;
}

.page-title-wrapper {
    float: left;
    width: 100%;
}

.breadcrumb-wrapper {
    width: 100%;
    float: left;
    background: #f5f5f5;
}

.page-title-wrapper .page-title {
    color: #000000;
    float: left;
    font: 600 24px/27px "Montserrat", Helvetica, sans-serif;
    margin: 0 0 10px;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
}

.page-title {
    color: #000000;
}

a:hover,
a:focus {
    color: #333333;
}


/* Gradent to all drop down menus */

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus {
    background: none;
    text-decoration: none;
    color: #000000;
}

span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
    display: inline;
}


/* top */

#top {
    background: #ffffff;
    float: left;
    width: 100%;
}

.header-top-left {
    float: left;
    width: auto;
}

.header-top-right {
    float: right;
    width: auto;
}

.header-right-cms {
    float: left;
}

#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: #888888;
    font-size: 14px;
    text-align: left;
    height: auto;
}

#top #currency .currency-select:hover,
#top #language .language-toggle a:hover {
    background-color: #000;
    color: #FFFFFF;
}

#top .btn-link,
#top-links li,
#top-links a {
    background: none;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
    text-align: left;
    padding: 0;
    text-transform: capitalize;
}

#top-links li .dropdown .dropdown-toggle {
    padding: 8px 0 7px;
}

#top-links .header_user_info .fa-caret-down.ttuserinfo {
    display: none;
}

#form-currency .fa-caret-down::before,
#form-language .fa-caret-down::before {
    content: '\f107';
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #333333;
}

#form-currency .btn-group.open .fa-caret-down:before,
#form-language .btn-group.open .fa-caret-down:before {
    content: "\f106";
}

#top-links .dropdown .dropdown-toggle>span::after {
    content: "\f107";
    font-family: fontawesome;
    font-size: 13px;
    margin: 0 0 0 3px;
}

#top ul.dropdown-menu .btn-link {
    padding: 0px;
    line-height: 24px;
    color: #777;
    text-transform: capitalize;
}

.header-top-right .dropdown a.dropdown-toggle,
.header-top-right #wishlist-total {
    display: block;
    line-height: 24px;
    padding: 8px 0;
}

#top-links .header_user_info ul.dropdown-menu {
    border: 1px solid #e5e5e5;
    padding: 10px;
    text-transform: capitalize;
    min-width: 150px;
    position: absolute;
    top: 40px;
    right: 0;
    background: #FFF;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0;
}

#top #form-currency .currency-select:hover,
#top ul>li>.language-select:hover {
    color: #000;
}

#top .btn-link strong {
    color: #333333;
    font-size: 13px;
    line-height: 14px;
}

#top-links>ul {
    float: left;
    margin: 0;
}

#top-links>ul>li {
    float: left;
    padding: 0 10px;
    position: relative;
}

#top-links>ul>li::after {
    background-color: #c6c6c6;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 1px;
}

#top-links>ul>li:first-child::after {
    display: none;
}

#top-links .dropdown-menu a {
    padding: 2px 10px;
}

#top-links .account-link-toggle a i.fa {
    padding: 0 2px
}

.contact-link {
    float: left;
    width: 100%;
}

.contact-link>ul {
    margin: 0;
}

.contact-link ul li {
    float: left;
    padding: 10px 0 10px 20px;
    position: relative;
    list-style: none;
}

.contact-link ul li span {
    color: #333333;
    font: 500 13px/18px "Montserrat", Helvetica, sans-serif;
    text-transform: capitalize;
}

#top-links .dropdown-menu a:hover,
#top-links .dropdown-menu a:focus {
    color: #000;
    background: none;
}

.contact-link ul li i {
    color: #333333;
    float: left;
    font-size: 15px;
    height: 20px;
    line-height: 14px;
    padding: 2px 0;
    width: 20px;
}

.header-top-right .dropdown .dropdown-toggle>i::before,
.header-top-right #wishlist-total i::before {
    content: "";
}

.header-top-right .dropdown .dropdown-toggle>i,
.header-top-right #wishlist-total i {
    display: none;
}

.header-right {
    float: right;
    padding: 39px 0;
    width: auto;
}

.right-block {
    float: right;
    margin: 20px 0;
    width: auto;
}

.right-block>div {
    padding: 0 5px;
    position: relative;
}

.right-block>div:last-child {
    padding-right: 0;
}

#page {
    float: left;
    width: 100%;
}

#page>.container {
    clear: both;
}


/*----------------------- userinfo ----------------------------------- */

.user-info {
    float: left;
    width: auto;
    cursor: pointer;
}

.user-info .dropdown>a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: right;
    position: relative;
}

.user-info .dropdown>a>.fa-user::before {
    content: "";
}

.user-info .dropdown>a>.ttuserheading {
    background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") repeat scroll -6px -276px;
    float: left;
    height: 40px;
    vertical-align: top;
    font-size: 0;
    width: 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;
}

.user-info .dropdown>a>.ttuserheading:hover {
    /*	transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);*/
}

.user-info .dropdown .fa-caret-down,
.user-info .dropdown>a>.fa-user {
    display: none;
}


/* .right-block .user-info:hover>.dropdown .dropdown-menu {
    opacity: 1!important;
    display: block;
    visibility: visible;
} */

.user-info .dropdown>ul {
    border: 1px solid #e5e5e5;
    border-top: 3px solid #dd2941;
    left: auto;
    min-width: 200px;
    padding: 20px 25px;
    right: 0;
    top: 60px;
    z-index: 999;
    /* visibility: hidden; */
    /* transition: opacity 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, visibility 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, visibility 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, visibility 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, visibility 0.4s ease 0s;
    -ms-transition: opacity 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, visibility 0.4s ease 0s;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0; */
    display: none;
}

.user-info .dropdown-menu>li>a {
    color: #666;
    line-height: 18px;
    padding: 3px 0;
    font-size: 13px;
    font-weight: 500;
}

.user-info .dropdown-menu>li>a:hover {
    color: #000000;
}

.user-info .dropdown-menu #wishlist-total {
    margin: 0 0 5px;
}


/*----------------------- userinfo ----------------------------------- */


/* cart */

.cart {
    float: left;
    width: auto;
}

#cart {
    float: right;
    width: auto;
}

#cart i.fa-shopping-cart {
    display: block;
    position: relative;
    font-size: 0;
    height: 40px;
    width: 50px;
    vertical-align: top;
}

#cart i.fa-shopping-cart::after {
    background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") repeat scroll -33px -172px;
    content: "";
    position: absolute;
    top: 0;
    left: 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;
    height: 40px;
    width: 40px;
}

#cart:hover i.fa-shopping-cart::after {
    /*	transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);*/
}

#cart.open>.btn {
    color: #666666;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

#cart button.btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    float: left;
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
    box-shadow: none!important;
}

#cart .cart-heading {
    color: #ffffff;
    display: none;
    font: 500 16px/16px "Montserrat", sans-serif;
}

#cart #cart-total {
    background: #dd2941;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    bottom: auto;
    color: #ffffff;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 16px;
    left: auto;
    right: 3px;
    line-height: 16px;
    margin: auto;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 16px;
    z-index: 1;
}

#cart.open>.btn:hover {
    color: #444444;
}

#cart .dropdown-menu {
    border: 1px solid #e5e5e5;
    border-top: 3px solid #dd2941;
    display: none;
    min-width: 415px;
    padding: 10px;
    right: 0;
    top: 60px;
    max-height: 600px;
    overflow-y: visible;
    overflow-x: hidden;
    z-index: 1001;
}

#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>div {
    padding: 0 10px;
}

#cart .dropdown-menu li p {
    float: left;
    width: 100%;
    color: #878787;
    padding: 10px 0;
    margin: 0;
}

#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: #ffffff;
    border: medium none;
    color: #222;
    height: auto;
    padding: 0;
    width: auto;
}

#cart .header-cart-toggle .text-right>strong {
    color: #777;
    font-size: 13px;
    font-weight: 500;
}

#cart .dropdown-menu li p a:first-child {
    background: #dd2941 none repeat scroll 0 0;
    border-color: #dd2941;
    color: #fff;
    margin: 0;
    float: left;
}

#cart .dropdown-menu li p a:first-child:hover,
#cart .dropdown-menu li p a:first-child:focus {
    background: #000;
    border: 1px solid #000000;
    color: #fff;
}

#cart .dropdown-menu li p a {
    background: #000000;
    border: 1px solid #000000;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    color: #ffffff;
    float: right;
    font: 500 14px/18px "Montserrat", Helvetica, sans-serif;
    padding: 8px 15px;
    text-transform: capitalize;
    letter-spacing: 0px;
    margin: 0 0 0 5px;
    width: 48%;
    text-align: center;
}

#cart .dropdown-menu li p a:hover,
#cart .dropdown-menu li p a:focus {
    background: #dd2941;
    border-color: #dd2941;
    color: #ffffff;
}

.header-cart-toggle .table>tbody>tr>td,
.table>tbody>tr>th,
.header-cart-toggle .table>tfoot>tr>td,
.table>tfoot>tr>th,
.header-cart-toggle .table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px 4px;
    border-color: #eaeaea;
}

.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: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 10px 4px;
}

.header-cart-toggle .table.table-bordered tr:first-child td {
    padding-top: 10px !important;
}

.header-cart-toggle .table.table-bordered tr:last-child td {
    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: medium none;
    padding: 1px 0;
    text-align: left;
}

#cart .header-cart-toggle .text-left.name>a {
    color: #777777;
    font-size: 13px;
}

#cart .header-cart-toggle .text-right.amount {
    color: #222;
    font: 600 13px/20px "Montserrat", Helvetica, sans-serif;
    text-align: left;
}

.header-cart-toggle .table .text-center img {
    max-width: none;
}

#cart .header-cart-toggle .text-right.price-total {
    color: #222;
    text-align: right;
    font: 600 13px/20px "Montserrat", Helvetica, sans-serif;
    white-space: nowrap;
}

.cart-form .table-bordered td.text-right.unit-price {
    color: #333;
    font: 600 14px/20px "Montserrat", Helvetica, sans-serif;
}

.cart-form .cart_input_block.input-group {
    display: flex;
    width: auto;
}

.cart-form .cart_input_block .input-group-btn .btn-primary {
    padding: 7px 12px;
}

#cart .header-cart-toggle .table.table-bordered {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eaeaea -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 1px medium;
    padding: 10px 0;
}

#cart .header-cart-toggle li:first-child tr:first-child td {
    border: 0 none;
    vertical-align: middle;
}

#cart .header-cart-toggle li:first-child tr:first-child td:last-child{
    vertical-align: top;
}

#cart .dropdown-menu .btn.btn-danger i.fa-times {
    font-size: 14px;
    padding: 4px;
    color: #777;
}

#cart .dropdown-menu .btn.btn-danger:hover i.fa-times {
    color: #9c9b9b;
}

#cart .table.table-striped tr {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#cart .dropdown-menu .table .text-center.image>a {
    padding: 0;
}

.checkout-cart .panel-collapse .input-group .form-control {
    border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    -webkit-border-radius: 25px 0 0 25px;
    -khtml-border-radius: 25px 0 0 25px;
}


/* full-header css */

header .full-header {
    float: left;
    position: relative;
    padding: 0 70px;
    /*text-align: center;*/
    text-align: left;
    width: 100%;
    z-index: 2;
    background: #fff;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%)
}


/* --------------------------------- search Start------------------------------------------------------------*/

.search {
    float: left;
    width: auto;
    display: none;
}

.ttsearch {
    float: left;
}

.ttsearch_button {
    display: none;
    background: url("TemplateTrip/images/sprite.png") no-repeat scroll -5px -232px;
    color: #000000;
    /*display: block;*/
    font-size: 0;
    height: 100%;
    padding: 0;
    position: absolute;
    width: 100%;
    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;
}

#search:hover .ttsearch_button {
    /*	transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);*/
}

.ttsearchtoggle {
    display: block;
    left: auto;
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    width: 320px;
    z-index: 9999;
    display: none;
}

.dropdown .dropdown-backdrop {
    display: none!important;
}

.right-block .dropdown-backdrop {
    display: none!important;
}

.ttsearchtoggle .input-group-btn {
    float: right;
}

#search .ttsearch_button .fa-search {
    display: none;
}

#search button .fa-search {
    font-size: 16px;
}

#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: 38Px;
    line-height: 20px;
    padding: 0 15px;
    padding-right: 82px;
    width: 100%;
    border: 1px solid #e3e1e1!important;
    background: #ffffff;
    color: #777;
    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;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}

#search .form-control::-moz-placeholder {
    color: #777;
    text-indent: 0.625rem;
}

#search .btn-lg {
    font-size: 14px;
    color: #777777;
    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-qr {
    width: 40px;
    height: 40px;
    right: 34px;
    top: -40px;
}

.btn-qr .fa {
    font-size: 17px;
}

#search .btn-lg:hover {
    color: #111111;
}

#search.active .ttsearch_button {
    background-position: -6px -317px;
    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;
}

@media (max-width: 1199px) {
    .ttsearchtoggle {
        top: 0px;
        display: block;
    }
    /*.product-layout.product-grid.col-lg-3, .product-layout.product-grid.col-md-3, .product-layout.product-grid.col-sm-3 {
            width: 20%;
            }*/
}

@media (max-width: 991px) {
    .ttsearchtoggle {
        top: 0px;
    }
}

@media (max-width: 480px) {
    .ttsearchtoggle {
        left: auto;
        right: -110px;
        width: 300px;
        top: 45px;
    }
    .product-image.zoom_img .thumbnail {
        height: auto;
    }
}


/*--------------------------------------------- Search End --------------------------------------------------------*/


/* ------------------------------------ ajex search CSS Start -----------------------------------*/

.live-search {
    width: 100%;
    position: absolute;
    z-index: 1000;
    padding: 10px;
    /* margin-top: 40px; */
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    left: 0;
    display: none;
    /* height: calc(100vh - 142rem); */
    height: 210px;
    overflow: scroll;
    overflow: auto;
}

.live-search .loading {
    display: block;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
}

.live-search ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.live-search ul li {
    background-color: #ffffff;
    overflow: hidden;
    cursor: pointer;
    float: left;
    width: 100%;
}

.live-search ul li:hover a {
    background-color: #efefef;
}

.live-search ul li a {
    display: block;
    float: left;
    padding: 10px;
    text-decoration: none;
    width: 100%;
}

.live-search ul li .product-image {
    float: left;
    padding: 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: right;
    padding: 0 10px;
    text-align: left;
}

.live-search ul li .product-name {
    font: 500 14px/20px "Montserrat", sans-sarif;
    color: #222222;
    margin: 0 0 5px;
}

.live-search ul li .product-price {
    color: #000000;
    font: 600 14px/20px "Montserrat", Helvetica, sans-serif;
}

.live-search ul li .product-price .price {
    color: #000000;
    display: block;
}

.live-search ul li .product-price .special {
    color: #666;
    text-decoration: line-through;
    display: block;
    font-size: 13px;
    font-weight: 500;
    float: left;
    margin: 0 5px 0 0;
}

.live-search .result-text {
    float: left;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    padding: 8px 0;
    text-transform: capitalize;
    width: 100%;
}

.live-search .view-all-results:hover {
    color: #000000;
}

.live-search .view-all-results {
    color: #333333;
}

.live-search .result-text:hover {
    background: #efefef;
}

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

@media (max-width: 1199px) {
    .live-search ul li {
        width: 100%;
    }
}


/* ------------------------------------ ajex search CSS Start -----------------------------------*/

#top-links .list-inline>li.account-nav>a {
    color: #888888;
    line-height: 24px;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0px;
    background: none;
}

.user-info .ttlanguage,
.user-info .ttcurrency {
    float: left;
    width: 100%;
}

.ttlanguage .pull-left,
.ttcurrency .pull-left {
    width: 100%;
}

#form-language .btn-group>.btn-link,
#form-currency .btn-group>.btn-link {
    border-bottom: 1px solid #f4f4f4;
    float: left;
    padding: 0 0 5px;
    width: 100%;
}

#form-currency .btn-link,
#form-language .btn-link {
    border: medium none;
    color: #666;
    display: block;
    float: left;
    font: 500 13px/24px "Montserrat", Helvetica, sans-serif;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    width: 100%;
    letter-spacing: 0px;
}

.ttlanguage .btn-link>span,
.ttcurrency .btn-link>span {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    display: inline-block !important;
}

.ttlanguage .btn-group>ul,
.ttcurrency .btn-group>ul {
    clear: both;
    float: left;
    padding: 7px 0;
    width: 100%;
}

.ttlanguage .btn-group ul li,
.ttcurrency .btn-group ul li {
    list-style: outside none none;
}

#form-currency .btn-group button.btn-link:hover,
#form-currency .btn-group.open button.btn-link span,
#form-currency .btn-group.open button.btn-link,
#form-currency button:hover span,
#form-currency .btn-group .btn-link:hover>strong,
#form-currency .btn-group.open .btn-link strong,
#form-language .btn-group button.btn-link:hover,
#form-language .btn-group.open button.btn-link,
#form-language .btn-group:hover .fa-caret-down::before,
#form-currency .btn-group:hover .fa-caret-down::before,
#form-currency .btn-group.open .fa-caret-down::before,
#form-language .btn-group.open .fa-caret-down::before,
#form-language .btn-group.open .dropdown-toggle {
    color: #000000;
}

#form-currency .btn-group ul.dropdown-menu.currency-toggle,
#form-language .btn-group ul.dropdown-menu.language-toggle,
#top-links .dropdown .dropdown-menu {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    left: auto;
    margin: 0;
    min-width: 150px;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 36px;
}

#form-currency .btn-group .dropdown-menu.currency-toggle li button,
#form-language .btn-group .dropdown-menu.language-toggle li button,
#top-links .dropdown-menu a {
    border: medium none;
    color: #878787;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    text-align: left;
}

#form-language .language-select>img {
    margin: 0 2px 0 0;
}

#form-currency .btn-group .dropdown-menu.currency-toggle li:hover button,
#form-language .btn-group .dropdown-menu.language-toggle li:hover button {
    color: #000;
}

#form-language .dropdown-toggle>img,
.header-top-right #form-currency .dropdown-toggle>strong {
    margin: 0 2px;
}

.header_user_info .ttuserheading {
    background: transparent url("TemplateTrip/images/sprite.png") no-repeat scroll -5px -317px;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 40px;
    margin: 0;
    width: 40px;
}

.header_user_info .ttuserheading:hover,
.header_user_info.open .ttuserheading {
    background-position: -65px -317px;
}

.header_user_info>a>i,
.header_user_info>a>.fa-user {
    display: none;
}


/* header user info End*/


/* logo */

.header-top-cms {
    display: inline-block;
    float: none;
    vertical-align: top;
}

#logo img {
    max-width: 135px;
    max-height: 80px;
    width: auto!important;
    height: auto;
}

.header-left {
    float: left;
    text-align: center;
    margin: 0px 0;
    width: auto;
}

header {
    float: left;
    width: 100%;
    position: relative;
}

.header-left-cms {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: auto;
}


/* menu */


/* 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 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: 500 14px/22px "Montserrat", 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: 500 15px/22px "Montserrat", 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: "Montserrat", 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 "Montserrat", 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 START */

#menu ul.nav ul.list-unstyled li {
    min-width: 160px;
}

#menu ul.nav li ul.list-unstyled.mega-dropdown-menu>li.dropdown .dropdown-menu {
    border: 0;
    position: static;
    display: block;
    width: 150px;
}

#menu ul.nav li ul.list-unstyled.single-dropdown-menu>li.dropdown .dropdown-menu {
    left: 160px;
    top: 0;
    position: absolute;
    display: none;
    border-color: #eaeaea;
}

#menu ul.nav li ul.list-unstyled>li.dropdown:hover>.dropdown-menu {
    display: block;
}

#menu .nav>li.dropdown::after {
    bottom: auto;
    color: #414141;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 12px;
    left: auto;
    position: absolute;
    top: 19px;
    right: 5px;
}

#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:hover::after {
    color: #414141;
    content: "\f106";
}

#menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown::after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 13px;
    position: absolute;
    right: 15px;
    top: 0;
}


/* 2 Level Sub Categories END */


/* content */

#content {
    min-height: 600px;
    padding: 0;
}

.tthome {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.tthome #content {
    padding: 0;
}


/* Slideshow Slider Stylesheet */

.common-home>.row {
    margin: 0;
}

.content-top {
    float: left;
    width: 100%;
}


/*---------------------------------------------- Slideshow Slider Stylesheet start-------------------------------*/

.top-column {
    margin-bottom: 30px;
}

.swiper-wrapper {
    direction: ltr !important;
}

.slideshow-panel {
    position: relative;
    float: left;
    margin: 0 0 80px;
    width: 100%;
    padding-top: 40px;
}

.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;
    float: left;
}

.slideshow-panel .swiper-container {
    width: 100%;
}

.slideshow-panel .ttloader {
    background: #ffffff url("TemplateTrip/images/ajax-loader.gif") no-repeat scroll center center;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.slideshow-panel img {
    width: 100%;
    height: auto;
}

.slideshow-main .swiper-pagination {
    display: none;
}

.slideshow-panel .swiper-container .swiper-pager {
    position: static;
    line-height: normal;
}

.slideshow-panel .swiper-container .swiper-pager div {
    background: #222222;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-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;
    text-shadow: none;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.slideshow-panel .swiper-container .swiper-pager .swiper-button-prev {
    left: 70px;
    right: auto;
    margin: auto;
    top: 0;
    bottom: 0;
}

.slideshow-panel .swiper-container .swiper-pager .swiper-button-next {
    right: 70px;
    left: auto;
    margin: auto;
    top: 0;
    bottom: 0;
}

.slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev {
    left: 50px;
}

.slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next {
    right: 50px;
}

.slideshow-panel .swiper-container:hover .swiper-pager div {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.slideshow-panel .swiper-container .swiper-pager div:hover {
    background: #dd2941;
}

.slideshow-panel .swiper-pager .swiper-button-prev::before {
    bottom: 0;
    color: #ffffff;
    content: "\f104";
    font-family: fontawesome;
    font-size: 20px;
    line-height: 40px;
    left: -2px;
    margin: auto;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

.slideshow-panel .swiper-pager .swiper-button-next::before {
    bottom: 0;
    color: #ffffff;
    content: "\f105";
    font-family: fontawesome;
    font-size: 20px;
    line-height: 40px;
    left: 0;
    margin: auto;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

.slideshow-panel .swiper-pager .swiper-button-prev:hover::before,
.slideshow-panel .swiper-pager .swiper-button-next:hover::before {
    color: #ffffff;
}

@media (max-width: 1200px) {
    .slideshow-panel {
        margin: 0 0 90px;
    }
}

@media (max-width: 991px) {
    .register-popup {
        position: absolute!important;
        top: 50%!important;
        right: 0;
        height: auto;
        z-index: 9999;
        transform: translate(-50%, -50%)!important;
        overflow-y: auto;
        overflow-x: hidden;
    }
    button.tryonBtn {
        position: relative;
        float: left;
        font-family: "poppins", Helvetica, sans-serif;
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 26px;
        padding: 7px 15px 6px 45px;
        position: relative;
        text-transform: capitalize;
        background-image: url(../../../../../image/catalog/t_logo.png)!important;
        background-size: 25px!important;
        background-repeat: no-repeat!important;
        background-position: 16px 8px!important;
        background-color: #dd2941!important;
        border: 1px solid #dd2941!important;
    }
    button.tryon_category {
        padding: 15px 4px;
        width: 35px;
        height: 25px;
        background: none;
        position: absolute;
        margin: 0;
        color: #000;
        font-size: 11px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        background-repeat: no-repeat;
        background-size: 19px;
        background-position: 9px 5px;
        text-indent: 0;
        font-weight: 600;
        top: 4px!important;
        left: 2px!important;
        z-index: 1;
        cursor: pointer;
        line-height: 23px;
        border: none;
        background-image: url(../../../../../image/catalog/t_logo.png)!important;
    }
    /*button.tryon{
top: 4px!important;
left: 6px!important;
padding: 23px 8px;
width: 40px;
height: 40px;
background-size: 26px;
background-position: 7px 5px;
text-indent: 0;
font-size: 9px;
}*/
    .additional-images.thumbs_contain {
        left: 2px!important;
    }
    .product-image.zoom_img .thumbnail {
        height: auto!important;
    }
    .img_popup {
        width: 700px!important;
        left: 50%;
        top: 50%;
        height: auto;
        z-index: 99999;
        transform: translate(-50%, -50%);
        padding: 0;
        overflow-y: auto;
    }
    .slideshow-panel {
        margin: 0 0 70px;
    }
}

@media (max-width: 767px) {
     .add-avtaar{
          position:fixed;
      }
    .slideshow-panel .swiper-container .swiper-pager div {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev,
    .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev {
        left: 20px;
        right: auto;
    }
    .slideshow-panel .swiper-container .swiper-pager .swiper-button-next,
    .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next {
        left: auto;
        right: 20px;
    }
}

@media (max-width: 480px) {
    ul#switch {
        display: none !important;
    }
    .slideshow-panel {
        margin: 0 0 40px;
        padding-top: 0;
    }
    .slideshow-panel .swiper-container .swiper-pager div,
    .slideshow-panel .swiper-container .swiper-pager div:hover {
        background: none;
    }
    .slideshow-panel .swiper-pager .swiper-button-prev::before,
    .slideshow-panel .swiper-pager .swiper-button-next::before {
        color: #000000;
    }
    .slideshow-panel .swiper-pager .swiper-button-prev:hover::before,
    .slideshow-panel .swiper-pager .swiper-button-next:hover::before {
        color: #dd2941;
    }
    .slideshow-panel .swiper-container .swiper-pager .swiper-button-prev,
    .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-prev {
        left: 0;
    }
    .slideshow-panel .swiper-container .swiper-pager .swiper-button-next,
    .slideshow-panel .swiper-container:hover .swiper-pager .swiper-button-next {
        right: 0;
    }
}


/*---------------------------------------------- Slideshow Slider Stylesheet end-------------------------------*/


/* Category Page */

#content h2.category-name {
    margin-top: 0;
}

h4.mytitle {
    font-weight: 600;
}

#column-left>div,
#column-right>div {
    background: #ffffff;
    border-right: 1px solid #e5e5e5;
    float: left;
    margin: 0 0 30px;
    padding: 15px;
    width: 100%;
    padding-left: 0;
    border-left: none;
    border-top: none;
    border-radius: 0;
}

.panel {
    border-right: 1px solid #e5e5e5!important;
    border: none;
}

#column-left .swiper-viewport,
#column-right .swiper-viewport {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}

#column-left .swiper-wrapper,
#column-right .swiper-wrapper {
    height: auto;
}

.category-list ul {
    padding: 0;
}

.category-list ul li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    text-align: center;
    width: 145px;
}

.subcategory-image {
    clear: both;
    padding: 0 0 8px;
}

.subcategory-image>a {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    display: block;
    padding: 6px;
}

.category-list li:hover .subcategory-image>a {
    border: 2px solid #333333;
    padding: 5px;
}

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

.category-list h5 {
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 0 10px;
}

.category-list h5 a {
    color: #888888;
    font: 500 14px/22px "Montserrat", sans-serif;
    text-transform: capitalize;
}

.category-list li:hover h5 a,
.category-list li:focus h5 a {
    color: #333;
}

.category-filter label {
    color: #222;
    font: 500 13px/18px "Montserrat", Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    background: none;
    border: none;
    width: auto;
}

.category-compare {
    margin: 0;
    float: left;
    width: 100%;
}

.category-products {
    float: left;
    width: 100%;
}

.category-treeview ul {
    margin: 0px;
}

.category-treeview li {
    position: relative;
    list-style: none;
}

.category-treeview li.category-li .list-tree:before {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    color: #111111;
    position: absolute;
    cursor: pointer;
    padding: 3px 5px;
    right: 0px;
    top: 0px;
    z-index: 9;
}

.category-treeview li.category-li.category-active.active .list-tree:before {
    content: "\f106";
    color: #111111;
}

.category-treeview li.category-li .list-tree:hover:before {
    color: #414141;
}

#column-left .list-group .category-li.category-active a.list-group-item.active,
#column-right .list-group .category-li.category-active a.list-group-item.active {
    color: #111111;
}

.product-thumb .caption .description {
    display: none;
}

.related-carousel.products-list {
    margin: 0 0 50px;
}

.rating span.fa-stack,
#review span.fa-stack {
    width: 13px;
    height: 13px;
}

.products-list,
.list-products {
    position: relative;
    width: 100%;
    margin: 0 0 120px;
    float: left;
}

.products-list>.row {
    clear: both;
}

.product-list .product-thumb .caption .description {
    display: block;
    margin: 0 0 10px;
    clear: both;
}

.product-thumb,
.product-layout,
.product-layouts {
    position: relative;
}

.product-thumb {
    overflow: hidden;
    position: relative;
}

.product-thumb .sale-icon,
.product-sale-icon {
    color: #000000;
    font: 500 13px/18px "Montserrat", Helvetica, sans-serif;
    left: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    position: absolute;
    right: auto;
    text-align: center;
    text-transform: capitalize;
    top: 35px;
    z-index: 1;
    transition: all 400ms ease-in-out;
}

.product-thumb:hover .sale-icon,
.product-sale-icon {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    left: 10px;
}

.product-thumb .percent,
.product-percent {
    color: red;
    font: 500 12px/18px "Montserrat", Helvetica, sans-serif;
    left: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    position: absolute;
    right: auto;
    text-align: center;
    top: 15px;
    z-index: 1;
    transition: all 400ms ease-in-out;
}

.product-thumb:hover .percent,
.product-percent {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    left: 10px;
}

.product-list .product-thumb .sale-icon,
.product-list .product-thumb .percent {
    left: 25px;
    right: auto;
}

.header-content-title {
    float: left;
    padding: 0 0 30px;
    width: 100%;
}

.common-home .header-content-title {
    display: none;
}


/* Column Left - Right Product List */

#column-left {
    clear: left;
    padding-left: 0;
}

#column-left .panel-default>.list-group,
#column-right .panel-default>.list-group {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

#column-left .products-carousel,
#column-right .products-carousel {
    float: left;
    margin: 0;
    width: 100%;
}

#column-left .product-thumb:hover,
#column-right .product-thumb:hover,
#header-left .product-thumb:hover,
#header-right .product-thumb:hover,
#footer-left .product-thumb:hover,
#footer-right .product-thumb:hover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: 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 {
    padding: 20px 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}

#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: none;
}

#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 {
    float: left;
    padding: 0;
    max-width: 70px;
}

#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 .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 {
    float: left;
    height: auto;
    position: static;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    width: 100%;
    display: none;
}

#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;
    color: #666666;
    padding: 0;
    margin: 0;
    line-height: normal;
    text-transform: none;
    text-align: left;
    font-weight: 500;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}

#column-left .special-carousel .sale-icon,
#column-right .special-carousel .sale-icon,
#header-left .special-carousel .sale-icon,
#header-right .special-carousel .sale-icon,
#footer-left .special-carousel .sale-icon,
#footer-right .special-carousel .sale-icon {
    display: none;
}

.product-list .product-thumb:hover h4 a {
    color: #000;
}


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

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

#column-left .list-group .list-group-item,
#column-right .list-group .list-group-item {
    background: none;
    color: #888888;
    cursor: pointer;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    padding: 2px 0 0;
    margin-bottom: 0;
}

#column-left .category-li.category-active .list-group-item.current-child-item:hover,
#column-left .list-group .list-group-item:hover,
#column-right .list-group .list-group-item:hover {
    color: #000;
}

.category-treeview .list-group a.child-item,
.category-treeview .list-group a.current-child-item {
    margin-left: 10px;
}

#column-left {
    padding-left: 0;
    padding-right: 0;
}

#column-left .panel-heading,
#column-right .panel-heading,
#column-left .box-heading,
#column-right .box-heading,
#column-left .panel-heading,
#column-right .panel-heading,
#ttcmstestimonial .title_block {
    background: #ffffff;
    color: #111111;
    float: left;
    font: 600 14px/18px "Montserrat", Helvetica, sans-serif;
    letter-spacing: 0px;
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
}

.panel-heading.toggle {
    position: static;
    z-index: 1;
}

#column-left .title_block a,
#column-right .title_block a {
    color: #000000;
}

#column-left .box-heading>h3,
#column-right .box-heading>h3 {
    background: none;
    color: #000000;
    font: 600 16px/18px "Montserrat", Helvetica, sans-serif;
    letter-spacing: 0px;
    margin: 0;
    padding: 0;
    text-align: left;
}

#column-left .option-filter .panel-heading,
#column-left .option-filter .list-group-item,
#column-left .option-filter-box a.list-group-item,
#column-left .option-filter .panel-footer,
#column-right .option-filter .panel-heading,
#column-right .option-filter .list-group-item,
#column-right .option-filter-box a.list-group-item,
#column-right .option-filter .panel-footer {
    float: left;
    width: 100%;
}

#column-left .option-filter .panel-footer,
#column-right .option-filter .panel-footer {
    background: none;
    padding: 0 0 10px;
}

#column-left .option-filter .checkbox>label,
#column-right .option-filter .checkbox>label {
    color: #333333;
    font: 400 12px/20px "Montserrat", Helvetica, sans-serif;
    text-transform: capitalize;
    padding-left: 0px;
}

#column-left .option-filter .checkbox>label:hover,
#column-right .option-filter .checkbox>label:hover {
    color: #000;
}

#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: #222222;
}

#column-left .option-filter .list-group-item .checkbox,
#column-right .option-filter .list-group-item .checkbox {
    margin: 0px;
    padding: 0;
}

.option-filter-box .list-group .list-group-items {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    float: left;
    width: 100%;
}

.option-filter-box .list-group .list-group-items:first-child {
    padding-top: 0;
}

.option-filter-box .list-group .list-group-items:last-child {
    border: medium none;
}

#column-left .option-filter .list-group-items .list-group-item,
#column-right .option-filter .list-group-items .list-group-item {
    color: #333333;
    font: 600 13px/28px "Montserrat", Helvetica, sans-serif;
    padding: 2px 0;
    float: left;
    width: 100%;
    position: relative;
    text-transform: capitalize
}

#column-left .product-thumb h4 a,
#column-right .product-thumb h4 a {
    color: #666;
}

#column-left .product-thumb .thumb-description,
#column-right .product-thumb .thumb-description {
    float: left;
    text-align: left;
    padding: 0 10px;
}

#column-left .product-thumb .caption,
#column-right .product-thumb .caption {
    padding: 0;
}

.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: "FontAwesome";
    content: "\f106";
    font-size: 14px;
    color: #333;
    position: absolute;
    right: 10px;
    top: 2px;
}

.option-filter-box a.list-group-item.collapsed:after {
    content: "\f107";
}

.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;
}


/*.category-filter, .category-pagination { border: 1px solid #e5e5e5; }*/

#content .category-filter {
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    /*    border-top: 1px solid #e5e5e5;*/
    float: left;
    margin: 0px 0 10px;
    padding: 6px;
    width: 100%;
}

.category-filter .filter-sort-by,
.category-filter .filter-show {
    float: right;
}

.category-filter .filter-text {
    float: left;
}

.category-filter .filter-show .filter-selection {
    width: 70px;
    float: right;
}

.category-filter .filter-sort-by .filter-selection {
    float: left;
    /* width: 160px; */
}


/* .category-filter .filter-sort-by {
width: 100%;
max-width: 250px;
} */


/* .category-filter .filter-show {
max-width: 140px;
} */

.category-filter .filter-show .filter-text {
    margin: 0 0px;
    margin-left: 10px;
}

.category-filter .filter-text {
    padding: 10px 10px 0 0;
    margin: 0;
    text-align: left;
}

.category-filter .filter-selection {
    padding: 0;
}

.category-filter .filter-grid-list {
    padding: 0;
    width: 90px;
    float: left;
}

.category-filter .filter-grid-list button {
    width: 32px;
    height: 25px;
    padding: 0;
    margin: 8px 0 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;
}

.category-filter .filter-grid-list button#grid-view {
    background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") repeat scroll -6px -18px;
    border: none;
}

.category-filter .filter-grid-list button#grid-view:hover,
.category-filter .filter-grid-list button#grid-view.active {
    background-position: -6px -67px;
    border: none;
}

.category-filter .filter-grid-list button#list-view {
    background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") repeat scroll -65px -18px;
    border: none;
}

.product-category .category-list {
    float: left;
    width: 100%;
}

.category-filter .filter-grid-list button#list-view:hover,
.category-filter .filter-grid-list button#list-view.active {
    background-position: -65px -67px;
    border: none;
}

.category-filter .filter-grid-list button i.fa {
    font-size: 0px;
}

.category-description .category-content {
    margin-top: 20px;
}

.category-pagination {
    background: #ffffff;
    /*border: 1px solid #e5e5e5;*/
    float: left;
    margin: 15px 0 0;
    padding: 10px 15px;
    width: 100%;
}

.category-pagination div.text-left {
    padding: 8px 0;
}

.category-pagination div.text-right {
    padding: 0;
}

.category-pagination .pagination {
    margin: 3px 0 0;
    vertical-align: top;
}

.category-list>h3 {
    color: #333333;
    font: 600 16px/26px "Montserrat", sans-serif;
    margin: 0 0 10px;
    text-transform: capitalize;
}

.pagination li:last-child>a::after {
    content: "\f178";
    font-family: fontawesome;
    font-size: 13px;
    position: absolute;
    right: auto;
    left: 10px;
}

.pagination li:first-child>a::before {
    content: "\f177";
    font-family: fontawesome;
    font-size: 13px;
    position: static;
    right: 0;
}

.pagination>li>a,
.pagination>li>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin: 0 2px;
}

.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    background: #222222;
    border-color: #222222;
    cursor: pointer;
    color: #ffffff;
}

.pagination>.active>span,
.pagination>.active>a {
    background: #dd2941 !important;
    border-color: #dd2941 !important;
    color: #ffffff;
}

.pagination li:last-child>a,
.pagination li:first-child>a {
    font-size: 0px;
    padding: 7px 0;
}

.pagination>li>a,
.pagination>li>span {
    color: #000000 !important;
    padding: 7px 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    text-align: center;
    border-color: #dddddd;
}


/* 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 h4,
#column-left .list-products .row>div .caption h4,
#column-right .products-list .row>div .caption h4,
#column-right .list-products .row>div .caption h4 {
    font-size: 14px;
    margin: 0 0 3px;
    line-height: 20px;
}

#column-left .products-list .row>div .caption .price,
#column-left .list-products .row>div .caption .price,
#column-right .products-list .row>div .caption .price,
#column-right .list-products .row>div .caption .price {
    margin: 0;
    padding: 0 0 4px;
    font-size: 14px;
}

#column-left .product-thumb .price-new,
#column-right .product-thumb .price-new {
    font: 600 14px/18px "Montserrat", Helvetica, sans-serif;
}

#column-left .product-thumb .price-old,
#column-right .product-thumb .price-old {
    font-size: 13px;
}

#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 .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;
}

#column-left .product-thumb:hover h4 a,
#column-right .product-thumb:hover h4 a,
#column-left .product-thumb .button-group .btn-cart:hover>span,
#column-right .product-thumb .button-group .btn-cart:hover>span {
    color: #000;
}

#column-left .product-thumb .button-group .btn-cart>span,
#column-right .product-thumb .button-group .btn-cart>span {
    display: block !important;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
}

#column-left .product-thumb h4 a:hover,
#column-right .product-thumb h4 a:hover {
    color: #000;
}


/* Product page stylesheet */

.product-images .additional-images-container {
    margin: 0 auto;
    overflow: hidden;
    direction: ltr;
    position: relative;
    width: 100%;
}

.additional-images .owl-wrapper-outer {
    float: left;
    width: 100%;
    overflow: hidden;
}

.product-details .product-info td {
    padding: 3px;
}

.product-details .product-info .product-info-value {
    color: #777;
    padding: 3px 3px 3px 10px;
}

.product-details .product-info tr td {
    color: #222222;
    text-transform: capitalize;
}

.product-details .product-info-value>a {
    color: #dd2941;
}

.product-details .product-info-value>a:hover {
    color: #222;
}

.product-product .tab-content {
    border-top: 1px solid #ebebeb;
    padding: 20px 0;
    margin: 10px 0 0;
    text-align: left;
}

.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 10px 0 0;
    float: left;
}

.product-quantity #input-quantity {
    border: 1px solid #e5e5e5;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    font-size: 14px;
    float: left;
    height: 43px;
    line-height: 27px;
    padding: 0 6px;
    text-align: center;
    width: 60px;
}

.product-details h1.product-name {
    border-bottom: 1px solid #e5e5e5;
    color: #111111;
    margin: 0 0 16px;
    padding-bottom: 10px;
    text-transform: capitalize;
    font: 600 18px/27px "Montserrat", 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 {
    width: 100%;
    float: left;
}

.product-details .product-options h3 {
    font: 500 18px/24px "Montserrat", Helvetica, sans-serif;
}

.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 {
    -webkit-border-radius: 25px;
    font-size: 13px;
    color: #666;
    text-align: left;
    text-transform: none;
    border: none;
    border: 1px solid #777;
    float: left;
    font-family: "poppins", Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    /*  padding: 7px 15px 6px 45px;*/
    position: relative;
    text-transform: capitalize;
    border-radius: 25px!important;
    margin-left: 12px;
}

.product-details .btn.btn-default.product-btn-wishlist:hover,
.product-details .btn.btn-default.product-btn-compare:hover {
    /* background: none; */
    color: #000000;
    background-color: #dd2941;
}

.product-price .product-discounts {
    list-style: none;
    margin-top: 10px;
    font-size: 13px;
}

.product-price .product-reward-points {
    font-size: 13px;
}

.product-details .rating>a {
    border-right: 1px solid #e5e5e5;
    color: #777777;
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    padding: 2px 10px 0 0;
    line-height: 18px;
    height: 20px;
}

.product-details .rating>a:last-child {
    border-right: medium none;
    margin-right: 0;
}

.product-details .rating>a:hover {
    color: #444;
}

.rating .product-rating {
    border-right: 1px solid #e5e5e5;
    float: left;
    margin: 0 10px 0 0;
    padding: 2px 10px 0 0;
    line-height: 18px;
    height: 20px;
}

.product-details .price-new {
    float: left;
    margin: 0 8px 0 0;
}

.product-details .price-old {
    text-decoration: line-through;
    font: 500 13px/20px "Montserrat", 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: #000000;
    font: 600 18px/20px "Montserrat", Helvetica, sans-serif;
    margin: 0 0 10px;
}

.product-options .product-quantity {
    clear: both;
    float: left;
    margin: 0;
}

.product-options .radio,
.product-options .checkbox {
    padding: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

.product-product .btn.btn-default {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    color: #777777;
    padding: 7px 15px;
}

.product-product .btn.btn-default:hover {
    background-color: #000000;
    border-color: #000000;
}

.product-product .btn.btn-default:hover {
    color: #ffffff;
}

.product-product .product-details .addthis_toolbox>a:first-child {
    margin: 0;
}

.product-product .product-details .addthis_toolbox>a {
    margin: 0 5px;
}

.product-tabs {
    clear: both;
    margin: 0px 0;
    text-align: center;
}

#tab-review label.control-label {
    font: 500 13px/20px "Montserrat", Helvetica, sans-serif;
    color: #222;
    margin-bottom: 10px;
}

.product-product .nav.nav-tabs li.active a,
.product-product .nav.nav-tabs li:hover a {
    background: #dd2941;
    border: none;
    color: #ffffff;
    cursor: pointer;
}

.product-product .nav-tabs>li {
    margin: 0 10px 0 0;
    padding: 0;
}

.product-product .nav-tabs>li>a {
    background: none;
    border: none;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    color: #777777;
    font: 500 16px/18px "Montserrat", Helvetica, sans-serif;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
}

.product-product #tab-description>h3,
.product-product #form-review>h2 {
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 18px;
    color: #777;
}

.tab-content #tab-description b {
    font-weight: 600;
    color: #414141;
}

#checkout-cart #accordion>.panel-default,
#checkout-cart #accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
    margin-top: 10px;
}

.checkout-cart #accordion .panel-heading {
    padding: 0px;
    border-color: #eaeaea;
    background: #f5f5f5;
}

.checkout-cart #accordion .panel-heading a {
    font-family: "Montserrat", Helvetica, sans-serif;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 15px;
}

.checkout-cart #accordion label.control-label {
    width: 100%;
    padding: 0px;
    text-align: left;
    color: #444;
    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%;
    margin: 0 0 10px;
}

.checkout-checkout #accordion .panel-default .panel-heading {
    border-color: #eaeaea;
    padding: 15px;
}

#checkout-checkout #accordion .panel-default {
    border: none;
    margin-top: 10px;
}

#checkout-checkout #accordion .panel-default .panel-body {
    border: none;
    padding: 15px 15px 25px;
}

#checkout-cart #content .cart-form {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

.table.table-bordered {
    border-color: #eaeaea;
    background: #ffffff;
}

.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: #222;
}

.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;
}

.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: #000000;
    color: #ffffff;
}

s.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: #bc3b36;
}

.datepicker-days .table-condensed .day.today::before {
    border-bottom: 7px solid #000000;
}

.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.fa-caret-down {
    float: right;
}

.product-search #content .search-criteria {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    padding: 10px;
}

.search-criteria>p {
    margin: 10px 0;
}

.search-criteria .checkbox-inline {
    padding: 0;
}

.product-compare #content .table .btn {
    display: inline-block;
    margin: 2px 0;
    text-transform: capitalize;
    width: auto;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
}

.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;
}

body.product-compare .table-product-image {
    padding: 10px;
}


/* information/contact - Location Icons Stylesheet */

.information-contact .contact-location .location-title {
    font-weight: bold;
}

.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 .contact-location .location-title i.fa {
    background: #dd2941;
    border: 2px solid #dd2941;
    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;
}

.information-contact #content>h3 {
    clear: both;
}

#product-compare #content .table.table-bordered strong {
    font: 600 14px/18px "Montserrat", Helvetica, sans-serif;
    color: #333;
}


/* extra page stylesheet  */

#product-compare .table tr .price,
#account-wishlist .price b {
    color: #000000;
    font: 600 16px/20px "Montserrat", Helvetica, sans-serif;
}

#product-compare .table tr .price strike,
#account-wishlist .price s {
    color: #666;
    font: 500 14px/18px "Montserrat", Helvetica, sans-serif;
}

#common-success #content>p>a {
    color: #000000;
    font-size: 16px;
}

body #content>.buttons.clearfix {
    margin: 20px 0 0;
}

.table-bordered tr td.text-right.total-amount {
    color: #222;
    font: 600 14px/20px "Montserrat", Helvetica, sans-serif;
}

.information-contact #content .form-horizontal {
    float: left;
    width: 100%;
}

.checkout-cart h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
}

.checkout-cart tr:last-child>td.text-right.heading-title {
    font: 600 18px/22px "Montserrat", Helvetica, sans-serif !important;
    color: #000000;
    text-transform: capitalize;
}

.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: #444;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    vertical-align: middle;
}

.cart-form .table-bordered tbody td.text-right.total-price {
    color: #222;
    font: 600 14px/20px "Montserrat", Helvetica, sans-serif;
}

.checkout-checkout h4 {
    font-family: "Montserrat", Helvetica, sans-serif;
    font-weight: 600;
}

.affiliate-login h2,
.account-login h2,
.checkout-checkout h2,
.product-search h2 {
    color: #333333;
    font: 500 23px/25px "Montserrat", Helvetica, sans-serif;
}

.well {
    background: #ffffff;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #e5e5e5;
}


/* brand page */

.product-manufacturer .a-link-list {
    border: medium none;
}

.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: Montserrat;
    font-size: 16px;
    margin-bottom: 10px;
}

.terms-condition h3 {
    font: 500 18px/22px "Montserrat", Helvetica, sans-serif;
    color: #bc3b36;
}


/* manufacturer_list & account_list &  affiliate_list - Tabular list of Brands Stylesheet */

.a-link-group {
    margin-bottom: 10px;
}

.a-link-group a {
    font-weight: bold;
}

.a-link-list {
    border: 1px solid #dbdee1;
    margin-bottom: 20px;
    padding: 5px;
    width: 100%;
    float: left;
}

.a-link-heading {
    background: #f5f5f5;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px;
    padding: 5px 8px;
}

.a-link-heading p,
.a-link-heading h2 {
    margin: 0px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #222;
}

.a-link-content {
    padding: 8px;
    font-size: 14px;
}

.modal-header {
    background: #F5F5F5;
}

.modal-dialog .modal-header .close {
    font-size: 24px;
    padding: 3px 5px;
    margin-top: -5px;
    float: right;
    opacity: 0.8;
}

.modal-title {
    font-weight: bold;
}

.table-hover>tbody>tr:hover {
    background: none;
}


/*----------------------- Brand Carousel CSS Start ------------------------*/

.brand-carousel .box-heading {
    display: none;
}

.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;
    padding: 15px 0;
    float: left;
    width: 100%;
}

.common-home .brand-carousel {
    float: left;
    position: relative;
    margin: 0 0 60px;
    width: 100%;
}

.brand-carousel .brand-items .img-responsive {
    display: inline-block;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.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 {
    background: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 30px;
    border: 1px solid #e5e5e5;
    color: #FFF;
    font-size: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.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 {
    background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -12px -353px;
    content: "";
    float: left;
    height: 100%;
    width: 100%;
}

.brand-carousel .swiper-pager .swiper-button-prev:hover::before {
    background-position: -70px -353px;
}

.brand-carousel .swiper-pager .swiper-button-next::before {
    background: rgba(0, 0, 0, 0) url("TemplateTrip/images/sprite.png") no-repeat scroll -12px -386px;
    content: "";
    float: left;
    height: 100%;
    width: 100%;
}

.brand-carousel .swiper-pager .swiper-button-next:hover::before {
    background-position: -70px -386px;
}

.brand-carousel .swiper-viewport .swiper-pager div:hover {
    background: #dd2941;
    color: #FFF;
    border-color: #dd2941;
}

.brand-carousel .swiper-viewport .swiper-pager .swiper-button-prev {
    left: 0;
}

.brand-carousel .swiper-viewport .swiper-pager .swiper-button-next {
    right: 0;
}

@media (max-width: 1199px) {
    .common-home .brand-carousel {
        margin: 0 0 50px;
    }
}

@media (max-width: 767px) {
    .brand-carousel .swiper-viewport .swiper-pager div {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    .common-home .brand-carousel {
        margin: 0 0 30px;
    }
}


/*----------------------- Brand Carousel CSS Start ------------------------*/


/* checkout/cart - cart-form Stylesheet */

.cart-form .input-group .form-control {
    width: auto;
    min-width: 50px;
    text-align: center;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}

.cart-form .input-group-btn {
    display: table;
    float: left;
}

.checkout-checkout .panel-group {
    clear: both;
}


/* checkout success - Stylesheet */

body.checkout-success #content {
    background: url("TemplateTrip/images/checkout-success.jpg") no-repeat scroll center bottom;
}

body.account-success #content {
    background: url("TemplateTrip/images/account-success.jpg") no-repeat scroll center bottom;
}

body.product-compare #content.no-compare-products {
    background: url("TemplateTrip/images/no-compare-products.jpg") no-repeat scroll center bottom;
}

#content.request-not-found {
    background: url("TemplateTrip/images/request-not-found.jpg") no-repeat scroll center bottom;
}

#content.no-manufacture-products {
    background: url("TemplateTrip/images/no-manufacture-products.jpg") no-repeat scroll center bottom;
}

#content.no-wishlist-products {
    background: url("TemplateTrip/images/no-wishlist-products.jpg") no-repeat scroll center bottom;
}

body.checkout-success #content div.buttons,
body.account-success #content div.buttons,
#content.print-bg-image div.buttons {
    float: left;
}


/* footer */

footer {
    background: #111111;
    float: left;
    margin: 30px 0 0;
    width: 100%;
}

.common-home footer {
    margin: 0;
}

footer .footer-top {
    float: left;
    width: 100%;
}

.footer-container {
    float: left;
    width: 100%;
}

.footer-container .footer-column {
    margin: 60px 0 40px;
}

footer .footer-column .list-unstyled {
    margin: 0;
}

footer a {
    color: #cccccc;
    cursor: pointer;
    font: 500 13px/26px "Montserrat", Helvetica, sans-serif;
}

footer a:hover,
footer a:focus,
.footer-column .list-unstyled li a:hover::before {
    color: #ffffff;
}

footer .footer-column h5 {
    color: #ffffff;
    font: 500 18px/22px "Montserrat", Helvetica, sans-serif;
    margin: 0 0 20px;
    text-transform: capitalize;
}


/* Footer right Contact us Stylesheet */

.footer-bottom {
    float: left;
    width: 100%;
}

.footer-bottom-cms {
    float: left;
    width: 100%;
}

.footer-bottom-link {
    float: left;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
}

.footer-bottom p {
    color: #cccccc;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    padding: 15px 0;
}

.footer-top-cms {
    float: left;
    width: 100%;
    padding: 0;
}

.footer-bottom p a {
    font-size: 13px;
    color: #ffffff;
}

.footer-bottom p a:hover {
    color: #ffffff;
}

.image-additional-container {
    float: left;
    width: 100%;
}

#goToTop:before {
    color: #ffffff;
    content: "\f106";
    font-family: "FontAwesome";
    font-size: 20px;
}

#goToTop {
    background: #333333;
    border: 2px solid #333333;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    bottom: 50px;
    direction: ltr;
    cursor: pointer;
    height: 40px;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    padding: 7px 12px;
    position: fixed;
    right: 40px;
    text-align: center;
    width: 40px;
    z-index: 999;
}

#goToTop:hover {
    background: #dd2941;
    border-color: #dd2941;
}

#goToTop:hover:before {
    color: #ffffff;
}


/* alert */

[data-notify="progressbar"] {
    margin-bottom: 0px!important;
    position: absolute!important;
    ;
    bottom: 0px!important;
    ;
    left: 0px!important;
    ;
    width: 100%!important;
    ;
    height: 5px!important;
    ;
}

.progress {
    margin-bottom: 0px!important;
    position: absolute!important;
    bottom: 0px!important;
    left: 0px!important;
    ;
    width: 100%!important;
    height: 5px!important;
    display: none;
}

.alert {
    clear: both;
    padding: 15px;
    display: -webkit-box;
    position: relative;
}

.alert p {
    padding-left: 12px;
}

.alert-danger {
    padding: 10px 15px;
    position: relative;
}

.alert .close {
    color: #000000;
    right: 4px;
    top: 2px;
    position: absolute;
}

.product-options .alert-info {
    float: left;
    margin-top: 15px;
    margin-bottom: 0;
    padding: 10px 15px;
    position: static;
    width: 100%;
}


/* breadcrumb */

.breadcrumb {
    float: left;
    font-size: 13px;
    line-height: 44px;
    list-style: outside none none;
    margin: 0px;
    padding: 4px;
    text-align: left;
    width: 100%;
    background-color: #ffffff!important;
    margin-bottom: 0!important;
    padding-left: 0!important;
}

.information-tt_blog-blogs .breadcrumb {
    margin-top: 100px !important;
}

.breadcrumb>li:after {
    font-size: 13px;
    content: "/";
    margin-left: 5px;
    color: #282c3f;
}

a.last-breadcrumb:after {
    content: "";
}

a.last-breadcrumb {
    color: #000!important;
    font-weight: 600!important;
}

.breadcrumb i:hover {
    color: #000000;
}

.page-title-wrapper .breadcrumb a {
    color: #222222;
}

.breadcrumb i {
    font-size: 16px;
    vertical-align: baseline;
}

.breadcrumb>li {
    white-space: nowrap;
    display: inline-block;
}

.page-title-wrapper .breadcrumb>li+li:before {
    color: #222222;
    content: "\f105";
    float: left;
    font-family: "FontAwesome";
    font-size: 13px;
    margin: 0px 8px;
}

.breadcrumb a,
.breadcrumb>li+li:before {
    color: #777;
}


/* buttons */

.btn {
    font-size: 14px;
    outline: none;
    line-height: 20px;
    border-radius: 0!important;
    min-width: 40px;
}

.btn-xs {
    font-size: 9px;
}

.btn-sm {
    font-size: 10.2px;
}

.btn-lg {
    padding: 10px 20px;
    font-size: 15px;
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
    font-size: 13px;
    outline: none;
}

button,
input,
select,
textarea {
    outline: none;
}

.btn-group>.btn-xs {
    font-size: 9px;
}

.btn-group>.btn-sm {
    font-size: 10.2px;
}

.btn-group>.btn-lg {
    font-size: 15px;
}

.form-group .input-group-btn .btn-default {
    padding: 10px 12px;
}

.btn-group {
    float: left;
    width: 100%;
}

.btn-default {
    background: #dd2941;
    border: 1px solid #dd2941;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    font: 500 13px/20px "Montserrat", Helvetica, sans-serif;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: capitalize;
    padding: 7px 12px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
}

.btn.btn-default.cnt:hover,
.btn-default:hover,
.btn-default:focus,
.btn-default.active,
.btn-default:active,
.btn-default:active:focus {
    background: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    text-transform: capitalize;
    letter-spacing: 0px;
}

.btn.active,
.btn:active {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-primary {
    background: #222222!important;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    padding: 7px 12px;
    color: #ffffff!important;
    font: 500 13px/20px "Montserrat", Helvetica, sans-serif;
    letter-spacing: 0px;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
}

.btn-block {
    width: auto
}

.product-details #button-cart {
    background: #222222;
    border-color: #222222;
    border-radius: 25px!important;
    -moz-border-radius: 25px!important;
    -webkit-border-radius: 25px!important;
    -khtml-border-radius: 25px!important;
    color: #ffffff;
    float: left;
    font-family: "poppins", Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    padding: 7px 9px 6px 35px;
    position: relative;
    text-transform: capitalize;
    margin-left: 10px!important;
}

button#Product_tryonbt {
    font-size: 12px;
    z-index: 1;
}

.product-details .btn.btn-default.product-btn-wishlist {
    margin-left: 10px!important;
    z-index: 1;
}

.product-details #button-cart::before {
    background: rgba(0, 0, 0, 0) url("TemplateTrip/images/product-sprite.png") no-repeat scroll -36px -46px;
    content: "";
    position: absolute;
    width: 56px;
    height: 35px;
    left: 0;
    right: auto;
}

.product-details #button-cart:hover,
.product-product #button-cart:focus,
.product-product #button-cart.active {
    border-color: #333333;
    background: #333333;
    /*   border-color: #dd2941;
background: #dd2941;*/
    color: #ffffff;
    outline: none;
}

.product-details #button-cart:hover::before,
.product-details #button-cart:focus::before,
.product-details #button-cart.active::before {
    background-position: -36px -46px;
}

.product-details .fa.fa-shopping-cart {
    padding-right: 5px;
    font-size: 17px;
}


/*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-address.btn.btn-primary:focus,
#button-shipping-address.btn.btn-primary:focus,
#button-payment-method.btn.btn-primary:focus,
#button-guest.btn.btn-primary:focus,
#button-review.btn.btn-primary:focus,
#button-coupon.btn.btn-primary:focus,
#button-voucher.btn.btn-primary:focus,
#button-quote.btn.btn-primary:focus,
#button-confirm.btn.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background: #dd2941;
    border: 1px solid #dd2941!important;
    color: #ffffff;
}

.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: #dd2941;
    border: 1px solid #dd2941;
    color: #ffffff;
}

.btn-warning {
    color: #ffffff;
    background-color: #faa732;
}

.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;
letter-spacing: 0px;
text-transform: uppercase;
padding: 11px 12px;
} */

.input-group.btn-block .btn-danger {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
}

.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: #ffffff;
    background: #000;
    border-color: #000;
    /* background-color: #dd2941;
border-color: #dd2941; */
}

.btn-info:hover,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover,
.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info,
.btn-info.focus,
.btn-info:focus {
    background: #000;
    border-color: #000;
}

.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #777;
}

.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: #ffffff;
    background-color: #363636;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    background-color: #222222;
}


/* list group */

.list-group .list-group-item {
    border: 1px solid #DDDDDD;
    color: #888888;
    cursor: pointer;
}

.list-group a.child-item,
.list-group a.current-child-item {
    padding-left: 30px;
}


/* carousel */

.carousel-caption {
    color: #FFFFFF;
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}


/* product list */

.product-category .category-description {
    width: 100%;
    float: left;
}

.product-layout,
.product-layouts {
    padding: 15px;
}

.product-thumb .image {
    overflow: hidden;
    text-align: center;
    position: relative;
}

.product-thumb .image a {
    display: block;
    overflow: hidden;
    position: relative;
}

.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%!important;
    height: auto!important;
}

.product-grid .product-thumb .image {
    padding: 0px;
}

.product-grid .product-thumb.row {
    margin: 0;
}

.product-list .product-thumb h4 {
    margin: 0 0 10px;
}

.product-list .product-thumb .caption {
    padding: 15px 0 0;
}

.product-list .product-thumb .rating,
.product-list .product-thumb:hover .rating {
    display: block;
    margin: 0 0 10px;
    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;
    float: left;
    width: 100%;
}

.product-list .product-thumb .thumb-description {
    text-align: left;
}

#content .product-thumb h4 {
    overflow: hidden;
    text-overflow: ellipsis;
}

#content .product-thumb h4 a {
    white-space: nowrap;
}

.product-list .product-thumb h4 a {
    font-size: 15px;
    color: #333;
    text-transform: capitalize;
}

.product-thumb h4 {
    font: 500 14px/18px "Montserrat", Helvetica, sans-serif;
    margin: 20px 0 5px;
    padding: 0;
    float: left;
    width: 100%;
}

.product-thumb h4 a {
    color: #333333;
}

.product-thumb h4 a:hover,
.product-thumb:hover h4 a {
    color: #000;
}

.product-thumb .rating {
    float: left;
    margin: 0 0 5px;
    width: 100%;
}

.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: #d9d9d9;
    font-size: 13px;
}

.fa-star-o::before {
    content: "\f005";
}

.rating .fa-star,
#review .fa-star {
    color: #ffbf34;
    font-size: 13px;
    position: relative;
}

.rating .fa-star+.fa-star-o,
#review .fa-star+.fa-star-o {
    color: #000000;
}

h2.price {
    margin: 0;
}

.product-thumb .price {
    clear: both;
    color: #000000;
    font: 600 16px/20px "Montserrat", Helvetica, sans-serif;
}

.product-thumb .price-new {
    font: 600 16px/20px "Montserrat", Helvetica, sans-serif;
}

.product-thumb .price-old {
    color: #777777;
    text-decoration: line-through;
    font: 500 13px/18px "Montserrat", Helvetica, sans-serif;
}

.product-thumb .price-tax {
    color: #888888;
    font-size: 13px;
    display: none;
}

.product-list .product-thumb .price-tax {
    display: block;
    font-family: "poppins";
    font-weight: 500;
    margin: 7px 0;
}


/*----------------------button css start----------------------*/

.product-thumb .button-group {
    bottom: auto;
    float: left;
    left: auto;
    margin: auto;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -khtml-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    width: 40px;
}

.product-list .product-thumb .button-group {
    float: left;
    margin: 5px 0;
    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: 100%;
}

.product-thumb .button-group button {
    background: #ffffff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    border: none;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0;
    margin: 0 0 10px;
    text-align: center;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
}

.product-thumb .button-group button.btn-wishlist {
    z-index: 1;
}

.product-product .product-btn-wishlist.active {
    background-color: #dd2941 !important;
    color: #FFF !important;
    border: 1px solid #dd2941 !important;
    outline: none;
}

.product-product .product-btn-wishlist.active:hover {
    background-color: #dd2941 !important;
    color: #FFF !important;
    border: 1px solid #dd2941 !important;
}

.product-product .btn-default:focus,
.btn-default.active
{
    background-color: #fff !important;
}

i.fa.fa-exchange {
    display: none;
}

.product-thumb .button-group button.btn-wishlist.active {
    background-color: #dd2941;
}

.product-thumb .button-group .btn-wishlist.active i.fa-heart {
    background-position: -40px 2px;
}

.product-thumb .button-group button.btn-compare {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
}

.product-thumb:hover .button-group button.btn-compare {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
}

.product-thumb .button-group button.btn-quickview {
    opacity: 1!important;
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    -webkit-opacity: 1!important;
    transform: none!important;
}

.product-thumb:hover .button-group button.btn-quickview {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
}

.product-thumb button.disabled {
    cursor: not-allowed;
    opacity: 0.70;
    -moz-opacity: 0.45;
    -khtml-opacity: 0.45;
    -webkit-opacity: 0.45;
}

.product-list .product-thumb .button-group button.btn-cart span {
    color: #ffffff;
    display: inline-block !important;
    font: 500 13px/42px "Montserrat", Helvetica, sans-serif;
    text-transform: capitalize;
    vertical-align: top;
    letter-spacing: 0px;
}

.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 button:hover,
.product-thumb .button-group button:focus,
.product-thumb .button-group button:active,
.product-list .product-thumb .button-group .btn-cart:hover,
.product-list .product-thumb .button-group .btn-cart:focus,
.product-list .product-thumb .button-group .btn-cart:active {
    /*background-color: #dd2941;*/
}

.product-thumb .button-group i {
    background-image: url("TemplateTrip/images/product-sprite.png");
    background-repeat: no-repeat;
    height: 30px;
    vertical-align: top;
    width: 30px;
}

.button-group button.btn-cart span,
.button-group button.btn-wishlist span,
.button-group button.btn-compare span {
    display: none;
}

.product-thumb .button-group i::before {
    content: "";
}

.product-thumb .button-group i.fa-shopping-cart {
    background-position: -34px -36px;
}

.product-thumb .button-group .btn-cart:hover i.fa-shopping-cart,
.product-thumb .button-group .btn-cart:focus i.fa-shopping-cart,
.product-thumb .button-group .btn-cart:active i.fa-shopping-cart {
    background-position: -34px -36px;
}

.product-list .product-thumb .button-group i.fa-shopping-cart {
    width: 25px;
    background-position: -42px -38px;
}

.product-list .button-group .btn-cart:hover i.fa-shopping-cart,
.product-list .button-group .btn-cart:focus i.fa-shopping-cart,
.product-list .button-group .btn-cart:active i.fa-shopping-cart {
    background-position: -42px -38px;
}

.product-thumb .button-group i.fa-heart {
    background-position: 3px 2px;
}


/*.product-thumb .button-group .btn-wishlist:hover i.fa-heart, .product-thumb .button-group .btn-wishlist:focus i.fa-heart, .product-thumb .button-group .btn-wishlist:active i.fa-heart {
background-position: -40px 2px;
}*/

.product-thumb .button-group .btn-compare i {
    background-position: 8px -85px;
}

.product-thumb .button-group .btn-compare:hover i,
.product-thumb .button-group .btn-compare:focus i,
.product-thumb .button-group .btn-compare:active i {
    background-position: -35px -85px;
}

.product-list .product-thumb .button-group button {
    margin: 0;
}

.product-list .product-thumb .button-group button.btn-compare,
.product-list .product-thumb .button-group button.btn-quickview {
    opacity: 1!important;
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    -webkit-opacity: 1!important;
    transform: none!important;
}


/*----------------------------button css end----------------------*/

.product-thumb .ttcart {
    bottom: 10px;
    left: 10px;
    margin: auto;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    position: absolute;
    right: 10px;
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -o-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transition: all 0.5s ease 0s;
    -webkit-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;
}

.product-thumb:hover .ttcart {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    transform: translateY(0);
}

.product-thumb .image .btn-cart {
    background: #ffffff;
    border: medium none;
    height: 40px;
    width: 100%;
}

.product-thumb .image .btn-cart:hover {
    background: #000000;
    color: #fff;
}

.product-thumb .ttcart .btn-cart .fa-shopping-cart::before {
    content: "";
}

.checkout-cart #content .table-responsive .table-bordered thead tr td {
    font-family: "Montserrat", Helvetica, sans-serif;
    color: #111;
    font-size: 13px;
    font-weight: 600;
}

.product-thumb .ttcart button.btn-cart span {
    color: #000000;
    display: inline-block !important;
    font: 500 13px/18px "Montserrat", Helvetica, sans-serif;
    text-transform: uppercase;
    vertical-align: top;
    letter-spacing: 0px;
}

.product-thumb .image .btn-cart span::before {
    color: #000000;
    content: "+";
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    vertical-align: top;
}

.product-thumb .ttcart button.btn-cart:hover span,
.product-thumb .image .btn-cart:hover span::before {
    color: #ffffff;
}

.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;
}

#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: #666;
    text-transform: capitalize;
    text-align: left;
}

#column-left .product-thumb .ttcart button.btn-cart:hover span,
#column-right .product-thumb .ttcart button.btn-cart:hover span {
    color: #000000;
}

#column-left .ttcart .btn-cart i.fa.fa-shopping-cart,
#column-right .ttcart .btn-cart i.fa.fa-shopping-cart {
    display: none;
}

/*-------------------------admin panel css add by mayur----------------*/
.modal-header button.chart-bt{
      top: 14px;
    right: 6px;
  }
  .modal-dialog.sizebox_b{
   height: 100%;
   overflow:hidden;
   transform: translate(-50%,-50%)!important;
	}  
  .modal-dialog.sizebox_b .modal-content {
    height: 100%;
}
  #tryon_browseMyImage{
    background: #fff;
}
   div#tryon_container{ 
      position: fixed;
      right: 0;
      z-index: 9999;
      bottom: 0;
    }
  .qr_upload_box .gradient-button.gradient-button-1 {
    background: #000;
    color: #fff;
    margin-top: 8px;
}
  .modal-backdrop.in {
  display:none;
  }
  

  div#myModalQR {
    position: absolute;
    z-index: 9;
	}
  
  .modal-dialog.QR {
    height: 50%;
    width: 25%;
    background: #fff;
    color: #000!important;
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 999999999;
    margin-bottom: 0;
    margin: 0;
}

  @media only screen and (max-device-width: 300px)  {
   .modal-dialog.QR {
    height: 50%;
    width: 100%;
   	background: #fff;
    color: #000!important;
    position: fixed;
    bottom: 0;
    padding: 0;
    z-index: 999999999;
    margin-bottom: 0;
    margin: 0;
  	}
  }
  
  
  
  div#search-wrap{
  	position: absolute;
    right: 10px;
    background: #949494;
    padding: 0.2rem 0.5em;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    top: 10px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
  }


  
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.searchbar {
    user-select: none;
    -webkit-tap-highlight-color: #00000024;
}



#tryon_area button.reset {
    position: absolute;
    right: 40px;
    height: 30px;
    width: 32px;
    color: #949494;
    font-size: 24px;
    z-index: 999;
    top: 1px;
    border: none;
}


#tryon_area .go img {
    width: 2.5rem;
    margin-bottom: 0.5rem;
}

#tryon_area .goQr {
    position: absolute;
    right: 44px;
    border: none;
    color: #000;
    width: 30px;
    height: 30px;
    top: 0;
}

#tryon_area .goQr img {
    width: 4.5rem;
    margin-top: 0.4rem;
}
  
  .category_container {
    overflow-x: auto;
    width: 100%;
    text-align: center;
    overflow-y: hidden;
    background: gainsboro;
}
  
  .category_container {
    overflow-x: auto;
    width: 100%;
    text-align: center;
    overflow-y: hidden;
    background: gainsboro;
}
  
  
  .trynewBtn {
    margin-bottom: 0;
    background: #949494;
    border-radius: 0;
    width: 34px;
    height: 34px;
    right: 0;
    z-index: 99999;
    right: 0;
    padding: 3px 5px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border: none;
    color: #fff;
    margin-bottom: 3px;
}
  
  .tryon_resetBtn {
    margin-bottom: 0;
    background: #949494;
    border-radius: 0;
    width: 34px;
    height: 34px;
    right: 0;
    z-index: 99999;
    right: 0;
    padding: 3px 5px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border: none;
    color: #fff;
}
  

   
 .arrows img:hover {
    background: #3e3e3e;
}
  
 .apparels {
    position: absolute !important;
    left: 40px;
    width: calc(100% - 40px);
    right: 0px;
    z-index: 99;
    display: block;
    bottom: 0px;
    padding: 0 !important;
    background: #fff;
}
  
  .tabholdercontent {
    position: absolute;
    bottom: 0 !important;
    z-index: 99;
    background: #fff;
    width: 100%;
}
  
  .cat_navbar ul {
    list-style: none;
    top: 0!important;
    position: relative!important;
    float: left!important;
    margin: 0;
    padding: 0;
    font-family: poppins,sans-serif;
    background: #dcdcdc!important;
    z-index: 99!important;
    width: auto!important;
    border: none;
    white-space: nowrap;
}
 .cat_navbar ul li {
    cursor: pointer;
    position: relative !important;
    float: none !important;
    margin: 0px;
    padding: 8px 15px !important;
    z-index: 100;
    width: fit-content !important;
    height: 36px !important;
    display: inline-block !important;
    font-size: 12px;
}

.cat_navbar ul li.active {
    background: #949494 !important;
    color: #fff;
}
  
  .cat_navbar ul li a {
    color: #000;
}
 
  .tabholdercontent .collcontainer {
    display: none;
}
  
  
  .tabholdercontent .collcontainer.active {
    display: block;
}
  
  .thumbnail_list {
    white-space: nowrap;
    list-style: none;
    margin-bottom: 0!important;
}

  .thumbnail_list li.selected {
    border: 1px solid #949292;
}
  
  .thumbnail_list li {
    display: inline-block;
    position: relative;
    height: auto;
    margin: 2px;
    overflow: hidden;
    height: auto;
    text-align: center;
    color: #fff;
    width: 18%;
    color: #fff;
    cursor: pointer;
    color: #6b6b6b;
    font-size: 11px;
}
  
  .thumbnail_list li.selected .bottom_bt {
    display: flex;
}
  
  ul.thumbnail_list .bottom_bt {
    position: absolute;
    bottom: 7px;
    transform: translate(-50%,-50%);
    left: 50%;
    width: 100%;
    display: none;
    justify-content: center;
}
  
  .thumbnail-container {
    overflow-x: scroll;
    width: 100%;
    padding: 0 12px;
    text-align: center;
    padding-top: 4px;
    min-height: 124px;
    overflow-y: hidden;
    background: #fff;
}
  
  .back_to_page {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 40px;
        height: 40px;
        padding: 6px;
        cursor: pointer;
        display: block;
    }
    .back_to_page img {
        width: 100%;
        height: auto;
    }
  
  .tryon_viewbg {
    display: none !important;
   }
  
.thumbnail-container::-webkit-scrollbar-thumb {
    background: #6e6e6e;
}

.thumbnail-container::-webkit-scrollbar {
    height: 5px;
  }

.thumbnail-container::-webkit-scrollbar-track {
    width: 4px;
    background-color: #000000;
}
  
.category_container::-webkit-scrollbar {
    width: 1px;
    height: 4px!important;
}
  .category_container::-webkit-scrollbar-thumb {
    background: #c7c7c7;
}
  .ss-close{
    position: absolute;
    top: 7px;
    right: 15px;
}
.tryon_loader_example  {  
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100vh;
    background: #00000057;
    left: 0;
    top: 0;
    text-align: center;
}

 
  
  .tryon_loader_example #tryon_loader_out {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
  display:block!important;
      left: 50%;
  }
  @media only screen and (min-width:1080px) and (max-width:1920px) and (orientation:portrait) {
  .tryon_loader_example {
    display:none!important;
  }
}
  
   @media only screen and (min-width: 321px) and (max-width: 768px) {
  #tryon_drawer-content .tryon_loader{
right: auto;
bottom: auto;
left: 50%;
top: 50%!important;
position: fixed;
  transform: translate(-50%,-50%)!important;
}
}


/*-------------------------admin panel css add by mayur----------------*/
/*----------------------------Quickview css start----------------------*/

.bootstrap-datetimepicker-widget.usetwentyfour.dropdown-menu {
    position: absolute !important;
}

#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: 99;
}

.quickview-load-img {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999;
    margin: auto;
}

.a-qv-close {
    position: absolute;
    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;
    line-height: 25px;
    text-align: center;
    margin: 0;
    right: 2px;
    top: 2px;
}

#quickview-content {
    background-color: #ffffff;
    border: 2px solid #000000;
    display: none;
    height: 86%;
    left: 0;
    margin: 0 auto;
    overflow: auto !important;
    padding: 30px 20px;
    position: fixed;
    right: 0;
    top: 7%;
    width: 70%;
    z-index: 999;
}

.product-quickview .btn.btn-default {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #666;
    padding: 10px 15px;
}

.product-quickview .btn.btn-default:hover {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}

.product-quickview .product-image .thumbnail {
    border: none;
    overflow: hidden;
    margin: 0 0 15px;
    padding: 0;
}

button.btn-quickview span {
    display: none;
}

.product-thumb .btn-quickview i {
    background-position: 9px -126px;
}

.product-thumb .btn-quickview:hover i,
.product-thumb .btn-quickview:focus i,
.product-thumb .btn-quickview:active i {
    background-position: -34px -127px;
}

.product-quickview #quick-cart {
    background: #000000;
    border-color: #000000;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    color: #ffffff;
    float: left;
    font-family: "poppins", Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 26px;
    padding: 7px 15px 6px 45px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
}

.product-quickview #quick-cart:hover,
.product-quickview #quick-cart:focus,
.product-quickview #quick-cart:active {
    background: #dd2941;
    border-color: #dd2941;
    color: #ffffff;
}

.product-quickview #quick-cart::before {
    background: rgba(0, 0, 0, 0) url("TemplateTrip/images/product-sprite.png") no-repeat scroll -28px -46px;
    content: "";
    height: 35px;
    left: 0;
    position: absolute;
    right: auto;
    width: 56px;
}

.product-quickview #quick-cart:hover::before,
.product-quickview #quick-cart:focus::before,
.product-quickview #quick-cart:active::before {
    background-position: -28px -46px;
}

@media (max-width: 1350px) {
    .product-quickview .product-images .additional-images-container {
        width: 100%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .product-quickview .product-images .additional-images-container {
        width: 85%;
    }
    .product-image.zoom_img .thumbnail {
        height: calc(100vh - 10px);
        overflow: scroll;
    }
}

@media (max-width: 480px) {
    #quickview-content {
        width: 90%;
    }
    .product-quickview #quick-cart {
        margin-top: 5px;
    }
}

@media only screen and (min-device-width: 260px) and (max-device-width: 360px) and (orientation: portrait) {
    .product-details #button-cart {
        margin-left: 2px!important;
        padding: 2px 8px 2px 38px!important;
        font-size: 9px!important;
        border-radius: 23px!important;
    }
    button.tryonBtn {
        padding: 2px 2px 2px 28px!important;
        position: relative;
        text-transform: capitalize;
        background-image: url(../../../../../image/catalog/t_logo.png)!important;
        background-size: 15px!important;
        background-repeat: no-repeat!important;
        background-position: 14px 6px!important;
        border-radius: 23px!important;
        font-size: 9px;
    }
    .product-details .btn.btn-default.product-btn-wishlist {
        margin-left: 1px!important;
        padding: 2px 6px 2px 9px!important;
        font-size: 9px!important;
        border-radius: 23px!important;
    }
}


/*----------------------------Quickview css end----------------------*/


/*product-page */

.zoomContainer {
    overflow: hidden;
    display: none;
}

.product-block {
    float: left;
    width: 100%;
    margin-bottom: 80px;
}

.product-product .product-image .thumbnail {
    background: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    margin: 0 0 5px;
    overflow: hidden;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -khtml-transition: none;
    -o-transition: none;
    position: relative;
}

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    touch-action: auto;
    -webkit-overflow-scrolling: touch;
    /* momentum scrolling, iOS Safari only*/
}

.thumbnails>li {
    margin-left: 20px;
}

.image-additional>img {
    max-width: 100%;
    margin: 3px;
    border: 1px solid #fff;
}

.image-additional>img:hover,
.image-additional>img.selected {
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
}

.thumbnails .owl-carousel.additional-images {
    float: left;
    width: 100%;
    padding: 0 35px;
    margin-top: 7px;
}


/*manisha addition css*/

.product-thumb:hover .button-group button.btn-compare {
    display: none!important;
}

.custom-select {
    position: relative;
    font-family: Arial;
}

.select-selected {
    background-color: DodgerBlue;
}

select {
    /* Reset Select */
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    flex: 1;
    padding: 0 1em;
    color: #1e1c1c;
    background-color: var(--darkgray);
    /* background-image: none; */
    cursor: pointer;
    background-color: #fff;
}


/* Remove IE arrow */

select::-ms-expand {
    display: none;
}


/* Custom Select wrapper */

.custom-select {
    position: relative;
    display: flex;
    width: 4.5em;
    height: 1.8em;
    border-radius: 0;
    border: thin;
    overflow: hidden;
    background: #000;
    color: #000;
    border: 1px solid #e5e5e5;
}

.cart-form .custom-select {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    border-radius: 0;
    border: thin;
    overflow: hidden;
    background: #fdfdfd;
    color: #777777;
    padding: 8px 6px;
    border: 1px solid #e5e5e5;
}

.custom-select select {
    padding: 0px 10px 0px 5px;
    color: #777777;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cart-form .custom-select::after {
    content: '\25BC';
    position: absolute;
    top: 4px;
    right: -1px;
    padding: 0.5rem;
    transition: .25s all ease;
    pointer-events: none;
    color: #1e1d1d;
    font-size: 10px!important;
}


/* Arrow */

.custom-select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: -1px;
    padding: 0.5rem;
    transition: .25s all ease;
    pointer-events: none;
    color: #1e1d1d;
    font-size: 10px!important;
}


/* Transition */

.custom-select:hover::after {
    color: #1e1d1d;
    font-size: 10px!important;
}

.custom-product-image {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.5rem;
    grid-column-gap: 0.5rem;
}

.custom-product-image .thumbnail {
    margin-bottom: 0;
    border: none;
    cursor: pointer;
    padding: 0;
}


/*.product-image.zoom_img img {
width: 100%!important;
height: auto;    
}*/

.additional-images.thumbs_contain {
    position: absolute;
    width: 42px;
    top: 8px;
    left: 8px;
}


/*.product-image {
display: grid;
grid-template-columns: 1fr 1fr;
}*/

.size-div {
    display: flex;
    margin-bottom: 20px;
}

.buttonContainer {
    margin: 10px 10px 10px 0;
}

.sizebt {
    background-color: #fff;
    border: 1px solid #bfc0c6;
    border-radius: 50px;
    padding: 0;
    min-width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    color: #282c3f;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    font-weight: 600;
    font-size: 13px;
}

.sizebt p {
    margin: 0;
}

.select_sizes .sizebt {
    min-width: 32px;
    height: 32px;
    font-size: 11px;
}

.select_sizes .buttonContainer {
    margin: 4px 4px;
}

.select_sizes .size-div {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    flex-wrap: wrap;
    /* flex-wrap: wrap;
    margin-left: 10px; */
}

.buttonContainer:hover .sizebt {
    border: red;
    border: 1px solid #dd2941;
    background: #dd2941;
    color: #fff;
}

button.sizebt.active {
    border: red;
    border: 1px solid #dd2941;
    color: #fff;
    background: #dd2941;
}

button.sizebt.active.main_active {
    border: 1px solid #dd2941;
    color: #fff;
    background: #dd2941;
}


/*manisha css ends*/

.product-image.zoom_img .thumbnail::-webkit-scrollbar {
    width: 2px;
}

.additional-images .image-additional {
    display: block;
    margin: 5px;
    padding: 0;
    cursor: pointer;
    text-align: center;
}

.products-list .owl-carousel,
.list-products .owl-carousel {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0;
    width: auto;
}


/*----------------product count--------------------*/

.product-countdown {
    background: #ffffff;
    position: absolute;
    bottom: 10px;
    top: auto;
    left: 10px;
    right: 10px;
    margin: 0 auto;
    transition: all 400ms ease-in-out 0s;
    -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: auto;
}

.product-countdown .item-countdown {
    float: none;
}

@media (min-width: 768px) {
    .product-thumb:hover .product-countdown {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .product-thumb .ttcart {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: translateY(0px)!important;
        -webkit-transform: translateY(0px)!important;
    }
    .product-details #button-cart {
        margin-left: 2px;
    }
    .product-details .btn.btn-default.product-btn-wishlist {
        margin-left: 2px;
    }
    .product-countdown {
        bottom: 65px;
    }
    .img_popup {
        width: 350px!important;
    }
}


/*----------------product count--------------------*/

@media (max-width: 1499px) {
    .product-images .additional-images-container {
        /*	//width: 365px;*/
        width: 100%!important;
    }
}

@media (max-width: 1400px) {
    header .full-header {
        padding: 0 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1380px) {
    .container {
        width: 1200px;
    }
}

@media (max-width: 1200px) {
    .products-list,
    .list-products {
        margin: 0 0 90px;
    }
}

@media (max-width: 1199px) {
    .product-thumb .ttcart button.btn-cart span {
        font: 500 13px/18px "Montserrat", Helvetica, sans-serif;
    }
    /* .container {
    width: 100%;
} manisha*/
    header .full-header {
        padding: 0 15px;
    }
    .product-images .additional-images-container {
        width: 280px;
    }
    footer .footer-column h5 {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    button.btn-cart .fa-shopping-cart {
        display: none;
    }
    div#product-product #content {
        margin-top: 80px;
    }
    /* .product-layout.product-grid.col-lg-3,
    .product-layout.product-grid.col-md-3,
    .product-layout.product-grid.col-sm-3 {
        width: 25%;
    } */
    .product-layout.product-grid {
        width: 33%;
    }
    .product-thumb .ttcart button.btn-cart span {
        font: 500 13px/18px "Montserrat", Helvetica, sans-serif;
    }
    header .full-header {
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        background: #f7f7f7;
        box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%)
    }
    #menu ul.nav>li.dropdown:hover>.dropdown-menu {
        display: block;
        padding: 0;
        border-color: #eaeaea;
    }
    #menu ul.nav ul.list-unstyled.single-dropdown-menu li.dropdown>a:after {
        font-family: 'FontAwesome';
        content: '\f105';
        position: absolute;
        right: 5px;
        top: 2px;
    }
}

@media (max-width: 991px) {
    .product-thumb .ttcart {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: translateY(0px)!important;
        -webkit-transform: translateY(0px)!important;
    }
    #column-left {
        width: 100%;
    }
    #content {
        width: 100%;
    }
    .panel-heading.toggle {
        background: #f9f9f9!important;
        padding: 13px 34px!important;
        margin-top: -7px!important;
        width: 100%;
    }
    .list-group.option-filter-box {
        position: absolute;
        z-index: 999;
        top: 40px;
        box-shadow: 2px 5px 5px 0px rgb(140 140 140 / 70%);
        -webkit-box-shadow: 2px 5px 5px 0px rgb(140 140 140 / 70%);
        -moz-box-shadow: 2px 5px 5px 0px rgba(140, 140, 140, 0.7);
        border-bottom: 1px solid #000;
    }
    div#homepage_slider {
        margin-top: 0px!important;
    }
    /*	.product-image.zoom_img img {
width: auto!important;

}*/
    .filter-bar {
        position: relative!important;
    }
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .product-details #button-cart {
        margin-left: 2px!important;
        padding: 6px 6px 6px 35px;
        font-size: 11px;
    }
    .product-details .btn.btn-default.product-btn-wishlist {
        margin-left: 2px!important;
        padding: 6px 6px 6px 12px;
        font-size: 12px;
    }
    .ttsearch_button {
        display: block;
    }
    .ttsearchtoggle {
        display: none;
    }
    header .full-header {
        /* position: static; */
        padding: 0;
    }
    .right-block {
        border: none;
        bottom: 5px;
        float: right;
        position: absolute;
        right: 10px;
        margin: 0;
        padding: 0;
        width: auto;
        /*//  z-index: 3;*/
        z-index: 999;
    }
    .header-left {
        float: left;
        width: 100%;
    }
    #logo {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .user-info .dropdown>ul {
        top: 45px;
    }
    #cart .dropdown-menu {
        top: 45px;
    }
    .header-left-cms {
        width: 100%;
    }
    #top-links {
        float: left;
        width: 100%;
    }
    #top-links>ul {
        display: inline-block;
        float: none;
        margin: 0;
        vertical-align: top;
    }
    .products-list,
    .list-products {
        margin: 0 0 70px;
    }
    #menu .navbar-collapse {
        background: #fff;
        padding: 0;
        position: absolute;
        width: 100%;
        z-index: 999;
        border: 1px solid #e5e5e5;
        top: 50px;
        left: auto;
        right: 0;
    }
    #menu .navbar-header.collapsed,
    #menu #category {
        display: block !important;
        position: relative;
        width: 100%;
        text-align: left;
    }
    #menu {
        padding: 5px 0;
        position: unset;
    }
    .menu-container .left {
        position: unset;
    }
    #menu div.navbar-header:after,
    #menu .navbar-header i.fa {
        font-family: "FontAwesome";
        content: "\f0c9";
        font-size: 14px;
        position: absolute;
        right: 5px;
        top: 10px;
        font-weight: normal;
        color: #000000;
    }
    #menu .nav>li.dropdown:hover::after {
        display: none;
    }
    #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;
    }
    #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;
    }
    .navbar-nav {
        margin: 0;
        padding: 10px 20px;
    }
    #menu .nav li.dropdown>a,
    #menu .nav>li.dropdown>span {
        padding: 0;
    }
    #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::after {
        content: "";
    }
    #menu .nav>li.dropdown::before {
        content: "";
    }
    #menu .navbar-collapse li.dropdown>i {
        background: none;
        font-size: 14px;
        position: absolute;
        color: #777777;
        right: 0;
        top: 5px;
        padding: 0;
        cursor: pointer;
        text-align: center;
    }
    #menu .navbar-collapse li.dropdown>.dropdown-menu {
        position: relative;
        width: 100%;
        top: 0;
        border: none;
    }
    #menu ul.nav li ul.list-unstyled.single-dropdown-menu>li.dropdown .dropdown-menu {
        position: static;
        display: block;
    }
    #menu ul.nav li ul.list-unstyled.mega-dropdown-menu>li.dropdown .dropdown-menu {
        padding: 0 15px;
    }
    #menu div.dropdown-inner>ul.list-unstyled {
        display: block;
        padding: 0 !important;
    }
    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0);
    }
    #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;
    }
    #menu .nav>li>a,
    #menu .nav>li>span {
        color: #414141;
        text-transform: capitalize;
        padding: 0;
        line-height: 26px;
        font-size: 14px;
    }
    #menu .navbar-collapse li.dropdown>i::before {
        content: "\f067";
        font-family: fontawesome;
    }
    #menu .navbar-collapse li.dropdown.active>i::before {
        content: "\f068";
    }
    #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a,
    #menu .dropdown-inner a {
        color: #414141;
    }
    #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a::after {
        display: none;
    }
    #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a,
    #menu .dropdown-inner a,
    #menu ul.nav li ul.list-unstyled.mega-dropdown-menu>li.dropdown .dropdown-menu {
        padding: 0 0 0 15px !important;
    }
    #menu .dropdown-inner ul.mega-dropdown-menu.childs_1>li>a {
        text-transform: capitalize;
    }
    #menu .nav.navbar-nav>li:hover>a,
    #menu .nav.navbar-nav>li:hover>span {
        background: none;
        color: #000;
    }
    .box-heading>h3,
    .title_block .ttblock-heading,
    .tt-title {
        font-size: 32px;
        line-height: 36px;
    }
    footer .footer-top {
        text-align: center;
    }
    .footer-top-block {
        display: inline-block;
        float: none;
        padding: 20px 0 0;
        vertical-align: top;
    }
    .footer-container .footer-column {
        float: left;
        margin: 0;
        width: 100%;
    }
    .footer-right {
        margin: 20px 0 0;
        padding: 0;
        float: left;
        width: 100%;
    }
    .footer-container {
        padding: 40px 0 0;
    }
    footer .footer-column .list-unstyled {
        float: left;
        margin: 0;
        text-align: left;
    }
    footer .footer-column ul {
        padding: 0 10px;
    }
    footer .footer-column h5.toggle:hover {
        cursor: pointer;
    }
    footer .footer-column h5.toggle {
        padding: 10px;
        margin: 0 0 2px;
        position: relative;
        font: 500 16px/20px "Montserrat", sans-serif;
        display: block;
        text-align: left;
    }
    footer .footer-column h5.toggle:hover {
        background: #333333;
    }
    footer .footer-column h5.toggle:after {
        content: "\f067";
        display: block;
        font-family: "FontAwesome";
        font-size: 14px;
        font-weight: normal;
        position: absolute;
        right: 10px;
        left: auto;
        top: 10px;
    }
    footer .footer-column.active h5.toggle:after,
    footer .contact-us.active h5.toggle:after,
    footer .follow-us.active h5.toggle:after {
        content: '\f068';
        font-weight: normal;
    }
    .footer-bottom-link {
        text-align: center;
        width: 100%;
    }
    .footer-bottom-cms {
        width: 100%;
    }
    .product-images .additional-images-container {
        width: 80%;
    }
    .header-content-title .parallex {
        padding: 50px 0;
    }
    /*------------------------------------- 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;
    }
    #column-left>div,
    #column-right>div {
        padding: 0;
        margin-bottom: 20px;
        cursor: pointer;
        overflow: hidden;
    }
    #column-left .swiper-viewport,
    #column-right .swiper-viewport {
        padding: 15px;
        border: 1px solid #e5e5e5;
    }
    #column-left .panel-default,
    #column-right .panel-default,
    #column-left .category-treeview.panel-default,
    #column-right .category-treeview.panel-default,
    #ttcmstestimonial .title_block,
    #column-left .box-heading,
    #column-right .box-heading,
    #column-left .panel-heading,
    #column-right .panel-heading {
        background: #ffffff;
        cursor: pointer;
        font: 500 16px/18px "Montserrat", sans-serif;
        color: #000000;
        padding: 6px;
        margin: 0 0 0px;
        border-right: none!important;
        box-shadow: none;
        border: none;
        padding-left: 0px;
    }
    #column-left .panel-default.category-treeview,
    #column-right .panel-default.category-treeview {
        padding: 0;
        margin: 20px 0;
    }
    #column-left .box-heading>h3,
    #column-right .box-heading>h3 {
        font: 500 16px/18px "Montserrat", sans-serif;
        color: #000000;
    }
    #column-left .panel-default.information-list,
    #column-right .panel-default.information-list {
        padding: 0;
    }
    #column-left .toggle:after,
    #column-right .toggle:after {
        content: "\f067";
        float: right;
        color: #333333;
        font-family: "FontAwesome";
        font-size: 14px;
        font-weight: 400;
        left: auto;
        position: absolute;
        right: 15px;
        left: 8px;
        top: 14px;
        display: block;
        background: none;
    }
    .panel-heading.toggle {
        padding-left: 30px!important;
    }
    #column-left .panel-default.active>div.toggle:after,
    #column-left .products-list.active>div.toggle:after,
    #column-left .list-products.active>div.toggle:after,
    #column-right .panel-default.active>div.toggle:after,
    #column-right .products-list.active>div.toggle:after,
    #column-right .list-products.active>div.toggle:after,
    #ttcmstestimonial.active .title_block.toggle:after,
    #ttcmsservices.active .box-heading.toggle:after {
        content: "\f068";
    }
    #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,
    #column-left .products-carousel,
    #column-right .products-carousel {
        float: left;
        width: 100%;
        padding: 0 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%;
        padding: 15px;
        padding-top: 30px;
    }
    /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/
    #column-left .panel-default.option-filter,
    #column-right .panel-default.option-filter {
        display: block;
        /* display: none; */
    }
    .option-filter-box .list-group .list-group-items {
        float: left;
        width: 100%;
    }
    .category-treeview ul {
        float: left;
        width: 100%;
    }
    .option-filter-box {
        background: #ffffff;
        /* border: 1px solid #e5e5e5; */
        float: left;
        margin: 20px 0 0;
        padding: 6px;
        width: 100%;
        display: none;
    }
    .option-filter-box .list-group .list-group-items {
        padding: 6px 0;
    }
    .option-filter-box .list-group-items>div.list-group-item {
        padding: 0 0 10px;
        display: none;
    }
    .option-filter-box a.list-group-item:after {
        content: "\f107";
        top: 9px;
    }
    .option-filter-box a.list-group-item.collapsed:after {
        content: "\f106";
    }
    .option-filter-box .list-group .list-group-item,
    .option-filter-box .radio,
    .option-filter-box .checkbox {
        width: 100%;
        float: left;
        background: #FFF;
        border: none;
    }
    .option-filter-box a.list-group-item {
        color: #000000;
        padding: 10px;
    }
    .option-filter-box .list-group {
        float: left;
        width: 100%;
        margin: 0;
    }
    .option-filter-box .panel-footer {
        float: left;
        width: 100%;
        background: #FFF;
        padding: 0;
    }
    .option-filter-box .checkbox>label:hover,
    .option-filter-box .checkbox>label:hover {
        color: #000;
    }
    /*-------------------------------- CateGory Filter CSS Start --------------------------------------*/
    /*------------------------------------- Column Toggle CSS End ------------------------------------------*/
}

@media (min-width: 768px) {
    /* fixed colum left + content + right*/
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }
    #column-left+#content+#column-right .product-layout .col-md-3 {
        width: 100%;
    }
    #content+#column-right .product-layout .col-md-3 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #page>.row {
        clear: both;
    }
    .header-content-title .parallex {
        padding: 50px 0;
    }
    .box-heading>h3,
    .title_block .ttblock-heading,
    .tt-title {
        font-size: 20px;
        line-height: 30px;
        padding: 0 0 15px;
        margin: 0 0 20px;
    }
    .category-products .product-layout.product-grid {
        width: 50%;
    }
    .category-filter .filter-show,
    .category-filter .filter-sort-by {
        clear: left;
        margin: 3px 0;
        float: left;
        display: flex;
        margin-left: 4px;
    }
    .category-description .category-image {
        float: left;
        text-align: center;
        width: 100%;
    }
    .category-description .block-description {
        float: left;
        width: 100%;
    }
    .product-tabs {
        width: 100%;
        float: left;
    }
    .information-contact .contact-location .col-sm-3 {
        width: 50%;
        float: left;
    }
    .header-top-right .dropdown span.hidden-xs,
    .header-top-right #wishlist-total span {
        display: block !important;
    }
    .product-thumb .image img {
        width: 100%;
    }
    .product-thumb .percent {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    .product-thumb .sale-icon {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    .product-thumb .button-group button.btn-compare,
    .product-thumb .button-group button.btn-quickview,
    .product-thumb .ttcart {
        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;
    }
    .page-title-wrapper .container {
        padding: 0;
    }
    .header-content-title .parallex {
        padding: 10px;
    }
    .page-title-wrapper .breadcrumb a {
        font-size: 14px;
    }
    .header-content-title {
        padding: 0 0 20px;
    }
    .page-title-wrapper .page-title {
        font-size: 16px;
        margin: 0;
    }
    #goToTop {
        right: 20px;
    }
    #content .category-filter {
        margin: 20px 0 10px;
        display: flex;
    }
    .category-filter label {
        font-size: 12px!important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .product-product .product-image {
        margin: 0 auto;
        width: 76%;
    }
    .product-images .additional-images-container {
        width: 400px;
    }
    div#homepage_slider {
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    div#homepage_slider {
        margin-top: 0!important;
    }
    #cart .dropdown-menu {
        min-width: 300px;
    }
    #cart .header-cart-toggle .text-right.price-total {
        font-size: 14px;
    }
    #cart .header-cart-toggle .text-left.name>a,
    #cart .header-cart-toggle .text-right.amount,
    #cart .dropdown-menu .btn.btn-danger i.fa-times {
        font-size: 12px;
    }
    .header-cart-toggle .table>tbody>tr>td,
    .header-cart-toggle .table>tbody>tr>th,
    .header-cart-toggle .table>tfoot>tr>td,
    .header-cart-toggle .table>tfoot>tr>th,
    .header-cart-toggle .table>thead>tr>td,
    .header-cart-toggle .table>thead>tr>th,
    .header-cart-toggle .table-striped>tbody>tr:nth-child(2n+1)>td,
    .header-cart-toggle .table-striped>tbody>tr:nth-child(2n+1)>th {
        padding: 8px 4px;
    }
    .contact-link ul li {
        padding: 0 0 0 10px;
    }
    .TTProduct-Tab .tab-box-heading .nav.nav-tabs li {
        display: inline-block;
        float: none;
        text-align: center;
        vertical-align: top;
        margin: 0 0 10px;
        width: 100%;
    }
    .TTProduct-Tab .tab-box-heading .nav.nav-tabs li:last-child {
        margin: 0;
    }
    .TTProduct-Tab .tab-box-heading {
        margin: 0;
    }
    .TTProduct-Tab .tthometab,
    .tt-titletab {
        background: none;
    }
    .TTProduct-Tab .nav-tabs>li>a {
        font-size: 14px;
        padding: 8px 20px;
    }
    .products-list,
    .list-products {
        margin: 0 0 40px;
    }
    .banner-panel img {
        display: inline-block;
        text-align: center;
    }
    #column-left .banner-panel,
    #column-right .banner-panel {
        text-align: center;
    }
    .category-products .product-layout.product-grid {
        width: 100%!important;
    }
    .category-list ul li {
        width: 45%;
    }
    .product-list .product-thumb .image {
        display: inline-block;
        float: none;
        text-align: center;
        width: 100%;
    }
    .product-list .product-thumb .thumb-description {
        width: 100%;
        text-align: center;
        padding: 0 10px;
    }
    .product-list.product-layout .button-group {
        float: none;
        text-align: center;
    }
    .page-title-wrapper .breadcrumb>li {
        float: none;
        display: inline-block;
    }
    .select-wrapper {
        position: relative;
        margin-right: 8px;
    }
    .category-filter .filter-text.filter-text {
        width: auto;
        font-size: 12px!important;
    }
    .header-top-left .dropdown-toggle span,
    .header-top-left .phone-number {
        display: none !important;
    }
    .product-product .product-details .rating .product-rating::after {
        display: none;
    }
    .table {
        display: inline-block;
    }
    .table td {
        width: 100%;
    }
    .product-images .additional-images-container {
        width: 270px;
    }
    .product-tabs .nav-tabs {
        width: 80%;
        padding: 0;
    }
    .information-contact .contact-location .col-sm-3 {
        border-bottom: 1px solid #eeeeee;
        width: 100%;
    }
    .information-contact .contact-location .col-sm-3:last-child {
        border-bottom: 0 none;
    }
    #content .category-list h3 {
        font-size: 15px;
        font-weight: 600;
    }
    .category-pagination div.text-left,
    .category-pagination div.text-right {
        float: left;
        width: 100%;
        text-align: center;
    }
    .rating .product-rating {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
    }
    .product-details .btn.btn-default.product-btn-compare {
        margin-top: 0;
        width: 100%;
    }
    .product-product .product-tabs .nav-tabs li {
        float: none;
        width: 100%;
    }
    .product-product .nav-tabs>li>a {
        margin: 0 0 5px;
        font-size: 14px;
        padding: 8px 15px;
    }
    .image-additional a.thumbnail {
        margin: 5px;
    }
    .product-list .thumb-description {
        padding: 0;
    }
    .product-product #form-review .form-group label.control-label {
        float: left;
        width: 100%;
    }
    .checkout-cart #content>.buttons {
        text-align: center;
        margin: 0 0 20px;
    }
    .checkout-cart .sub-total-table {
        width: 100%;
    }
    #checkout-cart .pull-left {
        float: none;
        margin: 0 0 10px;
        width: 100%;
    }
    #checkout-cart .pull-right {
        float: none;
        width: 100%;
    }
    .footer-container {
        padding: 20px 0 0;
    }
    .footer-bottom p {
        padding: 15px 0;
    }
}

@media (max-width: 319px) {
    header #logo,
    #logo .img-responsive,
    #search {
        width: 100%;
    }
}

#content .html-content { 
    float: left;
    width: 100%;
    overflow: hidden;
}


/* ------------------------------------ Start TT - CMS testimonial ------------------------------- */

#ttcmstestimonial {
    float: left;
    width: 100%;
    margin: 0 0 120px;
}

#ttcmstestimonial .parallex {
    background-color: #f0f0ee;
    float: left;
    width: 100%;
    padding: 50px 0 0;
    position: relative;
}

#ttcmstestimonial .tt-title {
    display: none;
}

#ttcmstestimonial img {
    max-width: 100%;
}

#tttestimonial-carousel li {
    float: left;
    list-style: none;
    width: 100%;
}

#ttcmstestimonial .testimonial-bgimage {
    float: left;
}

#ttcmstestimonial #tttestimonial-carousel li .testimonial-desc {
    display: inline-block;
    float: none;
    margin: 0 0 20px;
    vertical-align: top;
    width: 70%;
}

#ttcmstestimonial .tttestimonial-content ul li .testimonial-image {
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

#ttcmstestimonial .tttestimonial-content ul li .testimonial-image img {
    height: 80px;
    width: 80px;
    border: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
}

#ttcmstestimonial #tttestimonial-carousel li .testimonial-content .testimonial-user-title>h4 {
    color: #222222;
    float: left;
    font: 700 16px/18px "Montserrat", Helvetica, sans-serif;
    letter-spacing: 1.4px;
    margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
    position: relative;
}

#ttcmstestimonial #tttestimonial-carousel li .testimonial-desc p {
    color: #555555;
    font-family: Montserrat;
    font-size: 18px;
    letter-spacing: 0.4px;
    line-height: 32px;
    margin: 0;
}

#tttestimonial-carousel {
    float: left;
    margin: 0;
    padding: 13% 0 0;
    text-align: center;
}

#ttcmstestimonial .tttestimonial-content ul li .testimonial-content {
    display: inline-block;
    float: left;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

#ttcmstestimonial .tttestimonial-content ul li .testimonial-content .testimonial-desc p {
    font-size: 14px;
}

#ttcmstestimonial .tttestimonial-content ul li .testimonial-content>h4 {
    color: #111111;
    padding: 3px 0 10px;
    font: 600 14px/18px "Montserrat", Helvetica, sans-serif;
    letter-spacing: 0px;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
}

#ttcmstestimonial .tttestimonial-content ul li .testimonial-content>h4:before {
    border-bottom: 1px solid #e9e8e6;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    width: 50px;
}

#ttcmstestimonial .tttestimonial-content ul li .testimonial-content .user-designation {
    color: #111111;
    float: left;
    font: 500 14px/18px "Montserrat", Helvetica, sans-serif;
    letter-spacing: 0px;
    width: 100%;
}

#ttcmstestimonial .tttestimonial-content .owl-controls .owl-pagination {
    float: left;
    width: 100%;
    text-align: center;
    position: static;
    margin: 20px 0 0;
}

#ttcmsoffer .owl-controls .owl-pagination {
    bottom: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
}

#ttcmstestimonial .tttestimonial-content .owl-controls .owl-pagination .owl-page {
    display: inline-block;
    float: none;
    height: 12px;
    cursor: pointer;
    margin: 0 10px 0 0;
    width: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    background: #cccccc;
    vertical-align: middle;
}

#ttcmstestimonial .owl-pagination .owl-page>span {
    display: none;
}

#ttcmsoffer .owl-controls .owl-pagination .owl-page {
    background: #222;
}

#ttcmstestimonial .tttestimonial-content .owl-controls .owl-pagination .owl-page:hover {
    background: #000;
}

#ttcmstestimonial .tttestimonial-content .owl-controls .owl-pagination .owl-page.active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #222;
    height: 15px;
    vertical-align: middle;
    width: 15px;
    position: relative;
}

#ttcmstestimonial .tttestimonial-content .owl-controls .owl-pagination .owl-page.active::after {
    background: #222 none repeat scroll 0 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 5px;
}

#ttcmstestimonial:hover .tttestimonial-content .owl-controls .owl-pagination {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

@media (max-width: 1499px) {
    #tttestimonial-carousel {
        padding: 60px 0 0;
    }
}

@media (max-width: 1199px) {
    #tttestimonial-carousel {
        padding: 0;
    }
}

@media (max-width: 1200px) {
    #ttcmstestimonial {
        margin: 0 0 90px;
    }
    .product-details #button-cart {
        margin-left: 10px;
        border: #222222!important;
    }
    .product-details .btn.btn-default.product-btn-wishlist {
        margin-left: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #ttcmstestimonial .tttestimonial-content ul li .testimonial-content .testimonial-desc p {
        margin: 0;
    }
}

@media (max-width: 991px) {
    #ttcmstestimonial {
        margin: 0 0 70px;
    }
    #ttcmstestimonial #tttestimonial-carousel li .testimonial-desc {
        float: left;
        width: 100%;
    }
    #ttcmstestimonial .tttestimonial-content ul li .testimonial-content .testimonial-desc p {
        font-size: 14px;
    }
    #ttcmstestimonial #tttestimonial-carousel li .testimonial-desc p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    #ttcmstestimonial #tttestimonial-carousel li .testimonial-desc p {
        font-size: 16px;
        line-height: 26px;
    }
    #ttcmstestimonial .parallex {
        padding: 50px 0;
        text-align: center;
    }
}

@media (max-width: 543px) {
    #ttcmstestimonial {
        margin: 0 0 40px;
    }
    #ttcmstestimonial .testimonial-bgimage {
        display: inline-block;
        float: none;
        vertical-align: top;
        width: 50%;
        margin: 0 0 30px;
    }
    #tttestimonial-carousel {
        width: 100%;
    }
    #ttcmstestimonial .tttestimonial-content ul li .testimonial-image {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    #ttcmstestimonial #tttestimonial-carousel li .testimonial-content .testimonial-user-title>h4 {
        width: 100%;
    }
    #ttcmstestimonial .tttestimonial-content ul li .testimonial-content .testimonial-user-title>h4:before {
        right: 0;
    }
    #tttestimonial-carousel li {
        padding: 0 10px;
    }
}


/* ------------------------------------ End TT - CMS testimonial ------------------------------- */


/* ------------------ Start TT - CMS Banner block --------------------- */

#ttcmsbanner {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 120px;
}

#ttcmsbanner .ttbanner-img {
    float: left;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}

#ttcmsbanner .ttbanner-img img {
    max-width: 100%;
}

#ttcmsbanner .ttbanner-img a {
    display: block;
    overflow: hidden;
    position: relative;
}

#ttcmsbanner .ttbanner-img a::after {
    background: rgba(0, 0, 0, 0.03);
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    width: 0;
    bottom: 0;
    right: 0;
}

#ttcmsbanner .ttbanner-img a::before {
    background: rgba(0, 0, 0, 0.03);
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    width: 0;
    left: 0;
    top: 0;
}

#ttcmsbanner .ttbanner-img a:hover::after,
#ttcmsbanner .ttbanner-img a:hover::before {
    height: 100%;
    width: 100%;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
}

@media (max-width: 1200px) {
    #ttcmsbanner {
        margin: 0 0 90px;
    }
}

@media (max-width: 991px) {
    #ttcmsbanner {
        margin: 0 0 70px;
    }
}

@media (max-width: 543px) {
    #ttcmsbanner {
        margin: 0 0 40px;
    }
}


/* ------------------ End TT - CMS Banner block --------------------- */


/*---------------- Start TT - cms Offer block-------------*/

#ttcmsoffer {
    float: left;
    width: 100%;
    margin: 0 0 120px;
    position: relative;
}

#ttcmsoffer .container {
    padding: 0 170px;
}

#ttcmsoffer .ttcmsofferinner {
    float: left;
    position: relative;
    width: 100%;
}

#ttcmsoffer .ttcmsofferinner .ttbanner-img {
    float: left;
    width: 100%;
    overflow: hidden;
}

#ttcmsoffer .ttcmsofferinner .ttbanner-img img {
    max-width: 100%;
}

#ttcmsoffer .ttoffercontent {
    float: right;
    position: absolute;
    right: 0;
    text-align: left;
    top: 140px;
    width: 40%;
    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;
}

@media (min-width: 768px) {
    .product-thumb .ttcart button.btn-cart span {
        font: 500 11px/18px "Montserrat", Helvetica, sans-serif!important;
    }
    #ttcmsoffer .ttcmsofferinner:hover .ttoffercontent {
        margin-left: 0;
        margin-right: 40px;
    }
}

#ttcmsoffer .ttcmsoffer-subtitle {
    font: 500 18px/20px "Montserrat", sans-serif;
    margin: 0 0 10px;
    padding: 0 0 10px;
    float: left;
    width: auto;
    position: relative;
}

#ttcmsoffer .ttcmsoffer-subtitle::after {
    content: "";
    background: #f3f3f3;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: auto;
    margin: auto;
}

#ttcmsoffer .ttcmsoffer-title {
    color: #1e1e1e;
    float: left;
    font: 700 40px/48px "Montserrat", sans-serif;
    letter-spacing: 0px;
    margin: 0 0 20px;
    width: 100%;
}

#ttcmsoffer .ttcmsoffer-desc {
    color: #666666;
    float: left;
    font: 500 16px/18px "Montserrat", sans-serif;
    letter-spacing: 0.6px;
    margin: 0 0 20px;
    width: 100%;
}

#ttcmsoffer .ttcmsoffer-btn {
    float: left;
    width: 100%;
    position: relative;
    padding: 90px 0 0;
    text-align: center;
}

#ttcmsoffer .ttcmsoffer-btn::after {
    background: #878787 none repeat scroll 0 0;
    bottom: auto;
    content: "";
    height: 70%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}

#ttcmsoffer .ttcmsoffer-btn>a {
    color: #000000;
    font: 700 18px/18px Montserrat, sans-serif;
    letter-spacing: 0.6px;
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0 0 5px;
}

#ttcmsoffer .ttcmsoffer-btn>a::after {
    content: "";
    background: #000;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    margin: auto;
}

#ttcmsoffer .ttcmsoffer-btn>a:hover {
    color: #dd2941;
}

#ttcmsoffer .ttcmsoffer-btn>a:hover::after {
    background: #dd2941;
}

@media (max-width: 1499px) {
    #ttcmsoffer .ttoffercontent {
        width: 45%;
    }
    #ttcmsoffer .container {
        padding: 0 100px;
    }
}

@media (max-width: 1199px) {
    #ttcmsoffer .container {
        padding: 0 15px;
    }
}

@media (max-width: 991px) {
    .register-popup {
        position: absolute;
        top: 50%!important;
        right: 0;
        height: auto;
        z-index: 9999;
        transform: translate(-50%, -50%)!important;
    }
    #ttcmsoffer {
        margin: 0 0 70px;
    }
    #ttcmsoffer .ttoffercontent {
        top: 30px;
        width: 50%;
    }
    #ttcmsoffer .ttcmsoffer-title {
        font-size: 30px;
        line-height: 38px;
    }
}

@media (max-width: 767px) {
    .custom-select {
        position: relative;
        display: flex;
        width: 4em!important;
    }
    .register-popup {
        height: 100vh!important;
        position: absolute!important;
        top: 50%!important;
        right: 0;
        height: auto;
        z-index: 9999;
        transform: translate(-50%, -50%)!important;
    }
    .window {
        /* height: calc(100vh - 100px)!important; */
        /* height: 76vh!important; */
        overflow-y: scroll;
    }
    #ttcmsoffer .ttcmsoffer-title {
        font-size: 24px;
        line-height: 30px;
    }
    #reg .pull-right {
        margin-top: 0!important;
    }
}

@media (max-width: 543px) {
    #ttcmsoffer {
        margin: 0 0 40px;
    }
    #ttcmsoffer .ttoffercontent {
        padding: 0;
        position: static;
        width: 100%;
    }
    #ttcmsoffer .ttcmsoffer-desc {
        font-size: 14px;
    }
}


/*---------------- End TT - cms Offer block-------------*/


/* ---------------------- Start TT - CMS bottomBanner block  ---------*/

#ttcmsbottombanner {
    float: left;
    margin: 0 0 80px;
    position: relative;
    width: 100%;
}

#ttcmsbottombanner .ttbanner-img {
    float: left;
    width: 100%;
}

#ttcmsbottombanner .ttbanner-img img {
    max-width: 100%;
    width: 100%;
}

#ttcmsbottombanner .ttbanner-img a {
    display: block;
    overflow: hidden;
    position: relative;
}

#ttcmsbottombanner .ttbanner-img a::after {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    width: 0;
    bottom: 0;
    right: 0;
}

#ttcmsbottombanner .ttbanner-img a::before {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    width: 0;
    left: 0;
    top: 0;
}

#ttcmsbottombanner .ttbanner-img a:hover::after,
#ttcmsbottombanner .ttbanner-img a:hover::before {
    height: 100%;
    width: 100%;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
}

#ttcmsbottombanner .ttbanner-img.ttbanner1,
#ttcmsbottombanner .ttbanner-img.ttbanner3 {
    margin: 0 0 30px;
}


/*manisha men banner image starts*/


/* ---------------------- Start TT - CMS bottomBanner block  ---------*/

#cat_men {
    float: left;
    margin: 0 0 80px;
    position: relative;
    width: 100%;
}

#cat_men .ttbanner-img {
    float: left;
    width: 100%;
}

#cat_men .ttbanner-img img {
    max-width: 100%;
    width: 100%;
}

#cat_men .ttbanner-img a {
    display: block;
    overflow: hidden;
    position: relative;
}

#cat_men .ttbanner-img a::after {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    width: 0;
    bottom: 0;
    right: 0;
}

#cat_men .ttbanner-img a::before {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    width: 0;
    left: 0;
    top: 0;
}

#cat_men .ttbanner-img a:hover::after,
#cat_men .ttbanner-img a:hover::before {
    height: 100%;
    width: 100%;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
}

#cat_men .ttbanner-img.ttbanner1,
#cat_men .ttbanner-img.ttbanner3 {
    margin: 0 0 30px;
}


/*manishabnner ends*/


/*manisha women cateogry image starts*/


/* ---------------------- Start TT - CMS bottomBanner block  ---------*/

#cat_women {
    float: left;
    margin: 0 0 80px;
    position: relative;
    width: 100%;
}

#cat_women .ttbanner-img {
    float: left;
    width: 100%;
}

#cat_women .ttbanner-img img {
    max-width: 100%;
    width: 100%;
}

#cat_women .ttbanner-img a {
    display: block;
    overflow: hidden;
    position: relative;
}

#cat_women .ttbanner-img a::after {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    width: 0;
    bottom: 0;
    right: 0;
}

#cat_women .ttbanner-img a::before {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    width: 0;
    left: 0;
    top: 0;
}

#cat_women .ttbanner-img a:hover::after,
#cat_women .ttbanner-img a:hover::before {
    height: 100%;
    width: 100%;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
}

#cat_women .ttbanner-img.ttbanner1,
#cat_women .ttbanner-img.ttbanner3 {
    margin: 0 0 30px;
}


/*manishabnner ends*/


/*similar product start css manisha*/

h3.similar_head {
    margin: 20px 15px;
}

#sim_women .ttcmsbottombanner.col-lg-2 {
    width: 14.2%;
}

#sim_women .ttcmsbottombanner.col-xl-2 {
    width: 14.2%;
}

.similar_pro {
    float: left;
    margin: 0 0 80px;
    position: relative;
    width: 100%;
}

.similar_pro {
    float: left;
    margin: 0 0 80px;
    position: relative;
    width: 100%;
}

.similar_pro .ttbanner-img {
    float: left;
    width: 100%;
}

.similar_pro .ttbanner-img img {
    max-width: 100%;
    width: 100%;
}

.similar_pro .ttbanner-img a {
    display: block;
    overflow: hidden;
    position: relative;
}

.similar_pro .ttbanner-img a::after {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    width: 0;
    bottom: 0;
    right: 0;
}

.similar_pro .ttbanner-img a::before {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    content: " ";
    height: 0;
    padding: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    width: 0;
    left: 0;
    top: 0;
}

.similar_pro .ttbanner-img a:hover::after,
.similar_pro .ttbanner-img a:hover::before {
    height: 100%;
    width: 100%;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
}

.similar_pro .ttbanner-img.ttbanner1,
.similar_pro .ttbanner-img.ttbanner3 {
    margin: 0 0 30px;
}


/*similar product ends css manisha*/

@media (max-width: 1200px) {
    #ttcmsbottombanner {
        margin: 0 0 90px;
    }
    #cat_men {
        margin: 0 0 90px;
    }
    #cat_women {
        margin: 0 0 90px;
    }
}

@media (max-width: 991px) {
    #ttcmsbottombanner {
        margin: 0 0 70px;
    }
    #cat_men {
        margin: 0 0 70px;
    }
    #cat_women {
        margin: 0 0 70px;
    }
}

@media (max-width: 543px) {
    div#content {
        margin-top: 85px;
        margin-top: 0px;
    }
    #sim_women .ttcmsbottombanner {
        width: 50%!important;
    }
    .custom-select {
        position: relative;
        display: flex;
        width: 5.5em!important;
        font-size: 1rem;
    }
    #ttcmsbottombanner {
        margin: 0 0 30px;
    }
    #ttcmsbottombanner .ttcmsbottombanner {
        width: 100%;
    }
    #ttcmsbottombanner .ttbanner-img,
    #ttcmsbottombanner .ttbanner-img.ttbanner1,
    #ttcmsbottombanner .ttbanner-img.ttbanner3 {
        margin: 0 0 15px;
    }
    /*men*/
    #cat_men {
        margin: 0 0 30px;
    }
    #cat_men .ttcmsbottombanner {
        width: 100%;
    }
    #cat_men .ttbanner-img,
    #cat_men .ttbanner-img.ttbanner1,
    #cat_men .ttbanner-img.ttbanner3 {
        margin: 0 0 15px;
    }
    /*women*/
    #cat_women {
        margin: 0 0 30px;
    }
    #cat_women .ttcmsbottombanner {
        width: 100%;
    }
    #cat_women .ttbanner-img,
    #cat_women .ttbanner-img.ttbanner1,
    #cat_women .ttbanner-img.ttbanner3 {
        margin: 0 0 15px;
    }
}


/* ---------------------- End TT - CMS Bottom Banner block  --------------------------*/


/*------------------------------------- Footer Bottom Social Links Strat ------------------------------------*/

.follow-us h5 {
    display: none;
    cursor: pointer;
}

.follow-us ul {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

.follow-us {
    float: left;
    padding: 0 0 20px;
    text-align: center;
    width: 100%;
}

.follow-us ul.list-unstyled li {
    display: inline-block;
    float: left;
    height: 30px;
    margin: 0 5px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 30px;
}

.follow-us ul li a {
    color: #888888;
    padding: 6px 9px;
    float: left;
    margin: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    direction: ltr;
}

.follow-us ul li a i {
    font-size: 17px;
    font-weight: normal;
    vertical-align: top;
}

.follow-us ul li.facebook>a:hover,
.follow-us ul li.facebook>a:focus {
    color: #145ab1;
}

.follow-us ul li.twitter>a:hover,
.follow-us ul li.twitter>a:focus {
    color: #44d3d8;
}

.follow-us ul li.rss>a:hover,
.follow-us ul li.rss>a:focus {
    color: #ff6600;
}

.follow-us ul li.google-plus>a:hover,
.follow-us ul li.google-plus>a:focus {
    color: #ff0000;
}

.follow-us ul li.pinterest>a:hover,
.follow-us ul li.pinterest>a:focus {
    color: #ff3635;
}

.follow-us ul li.instagram>a:hover,
.follow-us ul li.instagram>a:focus {
    color: #f33857;
}


/*manisha popup css*/

.img_popup {
    padding-top: 2rem;
    padding-bottom: 4rem;
    left: 50%;
    top: 50%;
    position: absolute !important;
    right: 0;
    float: left;
    height: auto;
    z-index: 99999;
    transform: translate(-50%, -50%);
    padding: 0;
    overflow-y: auto;
    touch-action: auto;
    -webkit-overflow-scrolling: touch;
    padding-left: 0px !important;
    padding-right: 0px !important;
    /* momentum scrolling, iOS Safari only*/
}

.img_popup .b-close {
    position: absolute;
    z-index: 99;
    background: #fff;
    transform: translate(0px);
    right: 7px;
    color: #fff;
    top: 6px;
    cursor: pointer;
    border-radius: 4px;
    height: 35px!important;
    width: 35px!important;
}

.b-close:before {
    left: 5px!important;
    position: absolute;
    right: auto;
    top: 4px!important;
}

.product-image.zoom_img .thumbnail {
    padding: 1px 0px;
    overflow: hidden;
    height: calc(100vh - 10px);
    background: #000;
    border: none;
    margin-bottom: 0!important;
    overflow-y: scroll;
}

.product-image.zoom_img img {
    width: 1200px!important;
    height: auto;
}

.b-modalreg {
    background-color: rgb(0, 0, 0);
    position: fixed;
    inset: 0px;
    opacity: 0.7;
    z-index: 99999!important;
    cursor: pointer;
}

.upload-popup,
.register-popup,
.login-popup,
.forgot-popup {
    background-color: #ffffff;
    padding-top: 2rem;
    padding-bottom: 4rem;
    left: 50%;
    top: 50%;
    /* position: absolute!important; */
    position: fixed!important;
    right: 0;
    float: left;
    height: auto;
    z-index: 99999;
    transform: translate(-50%, -50%);
}

.register-popup a,
.login-popup a,
.forgot-popup a {
    color: #666666;
}

.register-popup .btn-primary,
.login-popup .btn-primary,
.forgot-popup .btn-primary {
    color: #fff;
    border: 1px solid transparent;
}

#reg {
    cursor: pointer;
    line-height: 24px;
    right: 5px;
    text-align: left;
    top: 5px;
}

.b-close {
    display: block;
    position: relative;
    z-index: 1;
    height: 25px;
    width: 25px;
    /* right: 17px; */
    float: right;
    cursor: pointer;
    /*left: 0;*/
}


/*manisha popup css ends*/

@media (max-width: 991px) {
    .follow-us {
        padding: 15px 0;
    }
}


/*------------------------------------- Footer Bottom Social Links End ----------------------------------------*/

/*------------------------------------- admin panel css add by mayur----------------------------------------*/
.modal-header button.chart-bt{
    top: 14px;
  right: 6px;
}
.modal-dialog.sizebox_b{
 height: 100%;
 overflow:hidden;
  }  
.modal-dialog.sizebox_b .modal-content {
  height: 100%;
}
#tryon_browseMyImage{
  background: #fff;
}
 div#tryon_container{ 
    position: fixed;
    right: 0;
    z-index: 9999;
    bottom: 0;
  }
.qr_upload_box .gradient-button.gradient-button-1 {
  background: #000;
  color: #fff;
  margin-top: 8px;
}
.modal-backdrop.in {
display:none;
}




div#myModalQR {
  position: absolute;
  z-index: 9;
  }

.modal-dialog.QR {
  height: 50%;
  width: 25%;
  background: #fff;
  color: #000!important;
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 0;
  z-index: 999999999;
  margin-bottom: 0;
  margin: 0;
}

@media only screen and (max-device-width: 300px)  {
 .modal-dialog.QR {
  height: 50%;
  width: 100%;
     background: #fff;
  color: #000!important;
  position: fixed;
  bottom: 0;
  padding: 0;
  z-index: 999999999;
  margin-bottom: 0;
  margin: 0;
    }
}



div#search-wrap{
    position: absolute;
  right: 10px;
  background: #949494;
  padding: 0.2rem 0.5em;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  top: 10px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}




.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.searchbar {
  user-select: none;
  -webkit-tap-highlight-color: #00000024;
}



#tryon_area button.reset {
  position: absolute;
  right: 40px;
  height: 30px;
  width: 32px;
  color: #949494;
  font-size: 24px;
  z-index: 999;
  top: 1px;
  border: none;
}


#tryon_area .go img {
  width: 2.5rem;
  margin-bottom: 0.5rem;
}

#tryon_area .goQr {
  position: absolute;
  right: 44px;
  border: none;
  color: #000;
  width: 30px;
  height: 30px;
  top: 0;
}

#tryon_area .goQr img {
  width: 4.5rem;
  margin-top: 0.4rem;
}

.category_container {
  overflow-x: auto;
  width: 100%;
  text-align: center;
  overflow-y: hidden;
  background: gainsboro;
}


.category_container {
  overflow-x: auto;
  width: 100%;
  text-align: center;
  overflow-y: hidden;
  background: gainsboro;
}


.trynewBtn {
  margin-bottom: 0;
  background: #949494;
  border-radius: 0;
  width: 34px;
  height: 34px;
  right: 0;
  z-index: 99999;
  right: 0;
  padding: 3px 5px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  border: none;
  color: #fff;
  margin-bottom: 3px;
}

.tryon_resetBtn {
  margin-bottom: 0;
  background: #949494;
  border-radius: 0;
  width: 34px;
  height: 34px;
  right: 0;
  z-index: 99999;
  right: 0;
  padding: 3px 5px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  border: none;
  color: #fff;
}

.arrows img:hover {
  background: #3e3e3e;
}

.apparels {
  position: absolute;
  left: 40px;
  width: calc(100% - 40px);
  right: 0px;
  z-index: 99;
  display: block;
  bottom: 0px;
  padding: 0 !important;
  background: #fff;
}

#apparel_window .tabholdercontent {
  position: absolute;
  bottom: 0;
  z-index: 99;
  background: #fff;
  width: 100%;
}

.cat_navbar ul {
  list-style: none;
  top: 0!important;
  position: relative!important;
  float: left!important;
  margin: 0;
  padding: 0;
  font-family: poppins,sans-serif;
  background: #dcdcdc!important;
  z-index: 99!important;
  width: auto!important;
  border: none;
  white-space: nowrap;
}
.cat_navbar ul li {
  cursor: pointer;
  position: relative !important;
  float: none !important;
  margin: 0px;
  padding: 8px 15px !important;
  z-index: 100;
  width: fit-content !important;
  height: 36px !important;
  display: inline-block !important;
  font-size: 12px;
}

.cat_navbar ul li.active {
  background: #949494 !important;
  color: #fff;
}

.cat_navbar ul li a {
  color: #000;
}

.tabholdercontent .collcontainer {
  display: none;
}


.tabholdercontent .collcontainer.active {
  display: block;
}

.thumbnail_list {
  white-space: nowrap;
  list-style: none;
  margin-bottom: 0!important;
}

.thumbnail_list li.selected {
  border: 1px solid #949292;
}

.thumbnail_list li {
  display: inline-block;
  position: relative;
  height: auto;
  margin: 2px;
  overflow: hidden;
  height: auto;
  text-align: center;
  color: #fff;
  width: 18%;
  color: #fff;
  cursor: pointer;
  color: #6b6b6b;
  font-size: 11px;
}

.thumbnail_list li.selected .bottom_bt {
  display: flex;
}

ul.thumbnail_list .bottom_bt {
  position: absolute;
  bottom: 7px;
  transform: translate(-50%,-50%);
  left: 50%;
  width: 100%;
  display: none;
  justify-content: center;
}

.thumbnail-container {
  overflow-x: scroll;
  width: 100%;
  padding: 0 12px;
  text-align: center;
  padding-top: 4px;
  min-height: 124px;
  overflow-y: hidden;
  background: #fff;
}

.back_to_page {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999;
      width: 40px;
      height: 40px;
      padding: 6px;
      cursor: pointer;
      display: block;
  }
  .back_to_page img {
      width: 100%;
      height: auto;
  }

.tryon_viewbg {
  display: none !important;
 }

.thumbnail-container::-webkit-scrollbar-thumb {
  background: #6e6e6e;
}

.thumbnail-container::-webkit-scrollbar {
  height: 5px;
}

.thumbnail-container::-webkit-scrollbar-track {
  width: 4px;
  background-color: #000000;
}

.category_container::-webkit-scrollbar {
  width: 1px;
  height: 4px!important;
}
.category_container::-webkit-scrollbar-thumb {
  background: #c7c7c7;
}
.ss-close{
  position: absolute;
  top: 7px;
  right: 15px;}

.tryon_loader_example  {  
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100vh;
  background: #00000057;
  left: 0;
  top: 0;
  text-align: center;
}

 .tryon_loader_example #tryon_loader_out {
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  display:block!important;
  left: 50%;
}
canvas#output {
user-select: none;
}

@media only screen and (min-width:1080px) and (max-width:1920px) and (orientation:portrait) {
.tryon_loader_example {
  display:none!important;
}
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
 .apparels {
  position: fixed !important;
}
    #tryon_drawer-content .tryon_loader{
  right: auto;
  bottom: auto;
  left: 50%;
  top: 50%!important;
  position: fixed;
    transform: translate(-50%,-50%)!important;
  }
}
@media only screen and (min-device-width: 810px) and (max-device-width: 1080px) and (orientation: portrait) {
  .apparels, .profiler {
      position: fixed !important;
  }
}   
@media only screen and (min-device-width: 800px) and (max-device-width: 1120px) and (orientation: portrait) {
      div#tryon_container{
            display:none;
      }

}  

.cat_navbar ul li {
    padding: 8px 15px !important;
    width: fit-content !important;
}


/*------------------------------------- admin panel css add by mayur End ----------------------------------------*/


/*---------------------------------------- Footer Store Info Block Start -----------------------------*/

footer .contact-us,
footer .contact-us ul {
    float: left;
    width: 100%;
    margin: 0;
}

footer .contact-us ul li:last-child {
    padding: 0;
}

footer .contact-us ul li a::before {
    display: none;
}

.contact-us .data {
    color: #cccccc;
    font: 500 13px/20px "Montserrat", Helvetica, sans-serif;
    padding: 0 0 5px;
    position: relative;
}

footer .contact-us i:before {
    color: #cccccc;
    font-size: 16px;
}

footer .contact-us ul li i {
    float: none;
    height: 25px;
    margin: 0 10px 0 0;
    padding: 5px 0 0;
    text-align: center;
    width: 15px;
}

.contact-us .contact-address {
    display: inline-block;
    float: none;
    vertical-align: top;
}


/*---------------------------------------- Footer Store Info Block 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 0 -257px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.checkbox-wrapper:hover {
    background-position: -30px -257px;
}

.checkbox-wrapper.active {
    background-position: -15px -257px;
}

.checkbox-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;
}

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

.full-header.fixed {
    background: #f7f6f4;
    transition: all 400ms ease 0s;
    -webkit-transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -ms-transition: all 400ms ease 0s;
    -o-transition: all 400ms ease 0s;
    animation: fixedmenu 1s ease 0s normal both 1 running;
    -webkit-animation: fixedmenu 1s ease 0s normal both 1 running;
    -moz-animation: fixedmenu 1s ease 0s normal both 1 running;
    -o-animation: fixedmenu 1s ease 0s normal both 1 running;
    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);
    position: fixed !important;
    left: 0;
    right: 0;
    padding: 0 70px;
    width: 100%;
    z-index: 999;
}

.select_sizes {
    background: #fff;
    display: none;
    padding: 0;
    border-bottom: 1px solid #dbdbdb;
}

.select_header {
    padding: 8px 4px;
}

.select_sizes span {
    position: absolute;
    right: 8px;
    top: 6px;
}

@-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;
    }
}

.phoneLandscape {
    position: fixed;
    background: #fff;
    z-index: 999999;
    width: 100%;
    height: 100%;
    top: 0;
    justify-content: center;
    text-align: center;
    padding-top: 19%;
}

li.two_view.active button {
    background: #dddddd;
}

li.three_view.active button {
    background: #dddddd;
}

li.default_view.active button {
    background: #dddddd;
}

.category-products.two_view .product-grid {
    width: 50%;
}

.category-products.three_view .product-grid {
    width: 33%;
}

.category-products.default_view .product-grid {
    width: 25%;
}

.category-filter ul {
    list-style: none;
    display: inline-flex;
}

.category-filter li {
    margin-right: 10px;
}

li.two_view {
    margin-left: 630px;
}

.category-filter li button {
    color: black;
    padding: 4px 6px;
    background-color: #fff;
    border: none;
}

ul#switch {
    display: inline-flex;
}

@media (max-width: 1300px) {
    .full-header.fixed {
        padding: 0 15px;
    }
}

#at15s .at-label {
    margin: 0 5px;
}

@media (min-width:1080px) and (max-width:1920px) and (orientation: portrait) {
    #ttcmsbottombanner .ttbanner-img img {
    max-width: 100%;
    width: 100%;
}
       .add-avtaar{
          position:fixed!important;
      }
    .live-search {
        width: 100%;
        position: absolute;
        z-index: 1000;
        padding: 10px;
        /* margin-top: 40px; */
        background-color: #FFF;
        border: 1px solid #e5e5e5;
        left: 0;
        display: none;
        height: calc(100vh - 142rem);
        overflow: auto;
    }
    footer {
        background: #111111;
        float: left;
        margin: 30px 0 0;
        width: 100%;
        position: relative;
        bottom: 0;
    }
    .select_sizes .buttonContainer {
        margin: 6px 6px;
    }
    .select_sizes .size-div {
        display: flex;
        justify-content: center;
        margin-bottom: 0;
        flex-wrap: wrap;
        margin-left: 10px;
    }
    .account-login footer {
        position: fixed;
        bottom: 0;
    }
    .account-account footer {
        position: fixed;
        bottom: 0;
    }
    .account-edit footer {
        position: fixed;
        bottom: 0;
    }
    .account-password footer {
        position: fixed;
        bottom: 0;
    }
    .account-address footer {
        position: fixed;
        bottom: 0;
    }
    .account-wishlist footer {
        position: relative;
        bottom: 0;
    }
    .account-order footer {
        position: fixed;
        bottom: 0;
    }
    .account-newsletter footer {
        position: fixed;
        bottom: 0;
    }
    .account-return-add footer {
        position: fixed;
        bottom: 0;
    }
    .account-download footer {
        position: fixed;
        bottom: 0;
    }
    .account-reward footer {
        position: fixed;
        bottom: 0;
    }
    .account-return footer {
        position: fixed;
        bottom: 0;
    }
    .account-transaction footer {
        position: fixed;
        bottom: 0;
    }
    .account-recurring footer {
        position: fixed;
        bottom: 0;
    }
    .account-affiliate-add footer {
        position: fixed;
        bottom: 0;
    }
    .information-information-3 footer {
        position: fixed;
        bottom: 0;
    }
    .account-logout footer {
        position: fixed;
        bottom: 0;
    }
    .information-contact footer {
        position: fixed;
        bottom: 0;
    }
    .information-information-4 footer {
        position: fixed;
        bottom: 0;
    }
    .information-information-6 footer {
        position: fixed;
        bottom: 0;
    }
    .information-information-5 footer {
        position: fixed;
        bottom: 0;
    }
    .account-return-add footer {
        position: fixed;
        bottom: 0;
    }
    .product-image.zoom_img .thumbnail {
        height: auto!important;
    }
    .img_popup {
        width: 80%;
    }
    .additional-images.thumbs_contain {
        width: 65px;
        top: 0px;
    }
    button.tryon {
        width: 70px;
        height: 80px;
        background-size: 45px;
        /* line-height: 77px; */
        background-position: 14px 10px;
    }
    #goToTop {
        background: #dd2941;
        border-color: #dd2941;
    }
    div#product-product #content {
        padding-top: 80px;
        margin-top: 0;
    }
    .category-products.two_view .product-grid {
        width: 50%;
    }
    .category-products.three_view .product-grid {
        width: 33%;
    }
    .category-products.default_view .product-grid {
        width: 25%;
    }
    .category-filter ul {
        list-style: none;
        display: inline-flex;
    }
    .category-filter li {
        margin-right: 10px
    }
    li.two_view {
        margin-left: 250px;
    }
    .category-filter li button {
        color: black;
        padding: 4px 6px;
        background-color: #fff;
        border: none;
    }
    ul#switch {
        display: inline-flex;
    }
    .ttcmsbottombanner {
        width: 100%;
    }
}

@media all and (width: 1080px) and (height: 810px) and (orientation:landscape) {

     .add-avtaar{
          position:fixed!important;
      }
    .img_popup {
        width: auto!important;
    }
    .product-image.zoom_img .thumbnail {
        display: -webkit-inline-box;
    }
    li.two_view {
        margin-left: 270px!important;
    }
    .category-products.two_view .product-grid {
        width: 50% !important;
        ;
    }
    .category-products.default_view .product-grid {
        width: 25% !important;
        ;
    }
}

@media all and (width: 1080px) and (height: 810px) {
     .tryon_loader_avtar{
        width:auto!important;
        position:fixed!important;
        text-align:center;
    }
      .add-avtaar{
          position:fixed!important;
      } 
    .img_popup {
        width: auto!important;
    }
    .product-image.zoom_img .thumbnail {
        display: -webkit-inline-box;
    }
    .product-image.zoom_img img {
        width: 1200px!important;
        height: auto;
    }
}


/*working only in ipad portrait device*/


@media only screen and (width: 768px) and (height: 1024px) and (orientation:portrait) {
    #tryon_area .togglesearch {
        /* right: 18px; */
        top: 93px !important;
    }
}


/*working only in ipad landscape device*/

@media all and (width: 1024px) and (height: 768px) and (orientation:landscape) {
    .img_popup {
        width: auto!important;
    }
    .product-image.zoom_img .thumbnail {
        display: -webkit-inline-box;
        height: auto!important;
    }
}

@media all and (width: 1024px) and (height: 768px) {
        .profile_thumblist li .u_img {
       width: 100%;
}
.profile_thumblist li {
        width: 18%;
    }
    .img_popup {
        width: auto!important;
    }
    .product-image.zoom_img .thumbnail {
        display: -webkit-inline-box;
        height: auto!important;
    }
}

@media all and (device-width: 1180px) {
    .product-thumb .ttcart {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: translateY(0px)!important;
        -webkit-transform: translateY(0px)!important;
    }
    .img_popup {
        width: auto!important;
    }
    .product-image.zoom_img .thumbnail {
        display: -webkit-inline-box;
        height: auto!important;
    }
}

@media all and (max-width: 1620px) {
    .product-thumb .ttcart {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        transform: translateY(0px)!important;
        -webkit-transform: translateY(0px)!important;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1366px) and (orientation: landscape) {
    .img_popup {
        width: auto!important;
    }
    .product-image.zoom_img .thumbnail {
        display: -webkit-inline-box;
        height: auto!important;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .img_popup {
        width: auto!important;
    }
    .product-image.zoom_img .thumbnail {
        display: -webkit-inline-box;
        height: auto!important;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .img_popup {
        width: auto!important;
    }
    .product-image.zoom_img .thumbnail {
        display: -webkit-inline-box;
        height: auto!important;
    }
        .profile_thumblist li .u_img {
       width: 100%;
}
.profile_thumblist li {
        width: 18%;
    }
}


@media (max-width:1081px) {
    .product-layout.product-grid {
        width: 50%;
    }
}
@media only screen and (min-width: 1080px) and (max-width: 3840px) and (orientation: portrait) {
    .menu-category  li.TT-Sub-List.dropdown.active .dropdown-menu{
        visibility: visible;
        opacity: 1;
        -webkit-opacity: 1;
        visibility: visible;
        top: 100%;
        display:block!important;
      }
    }

        /* add profile css */
        .deleted_popup,  

        .upload-popup,

        .register-popup,
  
        .login-popup,
  
        .forgot-popup {
  
            background-color: #ffffff;
  
            padding-top: 2rem;
  
            padding-bottom: 4rem;
  
            left: 50%;
  
            top: 50%;
  
            /* position: absolute!important; */
  
            position: fixed!important;
  
            right: 0;
  
            float: left;
  
            height: auto;
  
            z-index: 99999;
  
            transform: translate(-50%, -50%);
  
        }

   .deleted_popup{ 

    padding-bottom: 3rem;

   }

   .t_delete{
     
    background-color: #dd2941 !important;

    border: 1px solid #dd2941 !important;

   }

   .t_delete:hover{

    background-color: #000000 !important;

    border: 1px solid #000000 !important;

   }

   .t_delete:active:focus{

    outline: none;

   }

   .t_cancel:hover{

    background-color: #dd2941 !important;

    border: 1px solid #dd2941 !important;

   }

   .t_cancel:active:focus{

    outline: none;

   }
   
   
  .profile_wrap{
  
      padding: 3px;
  
      position: absolute;
  
      top: 173px;
  
      right: 10px;
  
      z-index: 99;
  
      display: block;
  
      width: 40px;
  
      background: #ffffff87;
  
  }
  
  .profile_wrap span {
  
      white-space: nowrap;
  
      font-size: 10px;
  
      color: #000;
  
      text-align: center;
  
      position: absolute;
  
      bottom: -16px;
  
      left: -3px;
  
      font-weight: 600;
  
  }
  
  .profiler{
  
      position: absolute !important;
  
      left: 40px;
  
      width: calc(100% - 40px);
  
      right: 0px;
  
      z-index: 99;
  
      display: block;
  
      bottom: 0px;
  
      padding: 0 !important;
  
      background: #fff;
  
  }
  
  
  
  .profile_tabholdercontent {
  
      position: absolute;
  
      bottom: 0;
  
      z-index: 99;
  
      background: #fff;
  
      width: 100%;
  
  }
  
  
  
  .header_container {
  
      overflow-x: auto;
  
      width: 100%;
  
      text-align: center;
  
      overflow-y: hidden;
  
      background: gainsboro;
  
      padding: 5px 0px;
  
      display: flex;
  
      justify-content: space-between;
  
      color: #000;
  
  }
  
  
  
  .profile_product{
  
      z-index: 1;
  
      cursor: pointer;
  
  }
  
  
  
  /* .selected{
  
      width: 2rem;
  
      height: 2rem;
  
      position: absolute;
  
      top: 0.3rem;
  
      right: 0.3rem;
  
  } */
  
  
  
  .selected img{
  
      width: 100%;
  
      padding: 0;
      
      user-select: none;
  
  }
  
  
  
  .deleted{ /*ac*/
  
      width: 2.1rem;  
  
      height: 2.2rem;
  
      position: absolute;
  
      top: 75px;
  
      right: 10px;  
  
      z-index: 2; 
  
      background: #fff;
  
      /* font-size: 17px; */

      border-radius: 50rem;

      color: #000;

      display: flex;

      justify-content: center;

      align-items: center;

  
  }
  
  
  
  .deleted img{
  
      width: 100%;
  
      padding: 0;
  
  }
  
  
  
  .profile_save{
    padding: 3px 10px;
  
    border-radius: 13px;

    margin-right: 7px;

    border: 1px solid #949292;

    background-color: #949494;

    color: #fff;

    font-size: 14px;

  }
  
  .upload_profile{ 
  
      padding: 3px 10px;
  
      border-radius: 13px;
  
      margin-right: 7px;
  
      border: 1px solid #b73337;
  
      background-color: #b73337;
  
      color: #fff;
  
      font-size: 14px;
  
  }
  
  
  
  button.upload_profile:hover{ 
  
      background: #a12125;

      border: 1px solid #a12125;
  
  }
  
  button.profile_save:hover{
  
      background: #6b6b6b;
  
  }
  
  
  
  .edit_avtaar,
  
  .t_avtaar {
  
      display: inline-block;
  
      vertical-align: middle;
  
      line-height: 3rem; 
  
      margin-left: 8px;
  
      font-weight: bold;
  
  }
  
  
  .edit_profile{
  
      width: 30px; 
   
      height: 30px; 
  
      padding: 3px 3px;
  
      border-radius: 50%;
  
      border: 1px solid #949292;
  
      background-color: #949494; 
  
      color: #fff;
  
      margin-right: 7px;
  
  }

  .close_profile{ 

    width: 24px; 
   
    height: 24px; 

    padding: 3px 3px;

    /* border-radius: 50%; */

    border: 1px solid #949292;

    background-color: #949494; 

    color: #fff;

    /* margin-right: 7px; */

    position: absolute;
    
    top: -25px;

    right: 1px;

    display: flex;
    
    justify-content: center;

    align-items: center;

  }
  
  button.edit_profile:hover{
  
      background: #6b6b6b;
  
  }

  button.close_profile:hover{

    background: #6b6b6b;

  }
  
  
  
  button.edit_profile img{ 
  
      width: 80%;
  
      padding: 0;
  
  }

  button.close_profile img{ 
  
    width: 90%;

    padding: 0;

}

  
  
  
  #profile_data h4{
  
      text-align: center;
  
      font-weight: bold;
  
      /* margin-bottom: 18px; */
  
  }
  
  
  
  .upload_img {
  
      padding: 2rem 4rem;
  
  
  
      /* padding: 1rem 1rem 1rem 1rem;
  
      border: 1px solid;
  
      width: 80%; */
  
  }
  
  
  
  #profile_data .P-save{
  
      display: flex;
  
      justify-content: left;
  
      margin-top: 16px;
  
      padding: 0px !important;
  
  }
  
  
  
  .P-save .btn{
  
      width: 50%;
  
      border: 1px solid #222222;
  
      background: #222222!important;
  
      color: #fff;
  
      padding: 6px 12px;
  
      /* border-radius: 10px !important; */
  
  }
  
  .P-save .btn:hover{  
  
      background-color: #dd2941 !important;
  
      color: #fff;
  
      border: 1px solid #dd2941!important
  
  }

  #acc-login:hover{ 

    background-color: #dd2941 !important;
  
    color: #fff;

    border: 1px solid #dd2941!important

  }

  #open_register_popup:hover{ 
    
    background-color: #dd2941 !important;
  
    color: #fff;

    border: 1px solid #dd2941!important

  }

  #register-submit:hover{ 
    
    background-color: #dd2941 !important;
  
    color: #fff;

    border: 1px solid #dd2941!important

  }

  .P-save .btn:focus{

    color:#fff;

    outline: none;

  }

  .P-save .btn:active:focus{ 

    outline: none;

  }
  
  
  
  /* .Browse{
  
      display: flex;
  
      justify-content: center;
  
      margin-top: 1rem;
  
  } */
  
  
  
  .Browse .btn{
   /* padding: 10px 45px; */
   /* width: 65%;  */
   border: 1px solid #949292;
   background-color: #949494;
   color: #fff;
   padding: 9px 16px;
   border-radius: 10px !important;
  
  }
  .Browse .btn:hover{
      background-color:  #6b6b6b;
      color: #fff;
  }
  
  .Browse{
      display: flex;
      flex-direction: row;
      justify-content: center;
  }
  

  
  .add-avtaar {  
  
    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: fit-content;

    height: 100px;

    z-index: 9999;
  
  }
  
  
  
  .add-avtaar button{
  
      padding: 4px 19px;
  
      border-radius: 10px;
  
      border: none;
  
  }
  
  
  
  #img_url {/* add css for browse image by mayur */
  
      background: #ddd;
  
      display: block;  
  
      height: 100%;
  
    }
  
   .img_wrapper{
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin: 13px 0px;
  
    }
  
  
  .profile_thumbnail{
  
      overflow-x: scroll;
  
      width: 100%;
  
      padding: 0 12px;
  
      text-align: center;
  
      padding-top: 4px;
  
      min-height: 124px;
  
      overflow-y: hidden;
  
      background: #fff;
  
  }
  
  .profile_thumblist{
  
      white-space: nowrap;
  
      list-style: none;
  
      margin-bottom: 0!important;
  
  }
  
  .profile_thumblist li{
  
      display: inline-block;
  
      position: relative;
  
      height: auto;
  
      margin: 2px;
  
      overflow: hidden;
  
      height: auto;
  
      text-align: center;
  
      color: #fff;
  
      width: 18%;
  
      color: #fff;
  
      cursor: pointer;
  
      color: #6b6b6b;
  
      font-size: 11px;
  
  }
  
  .profile_thumblist li.selected{
  
      border: 1px solid #949292;
  
  }
  
  .profile_tabholdercontent .prof_collcontainer.active {
  
      display: block;
  
  }
  
  
  
  .form-floating.Details {
  
      display: none;
  
  }
  
  
  
  label.control-label.Details {
  
      display: none;
  
  }
  
  
  
  .p_Details{
  
      margin-top: 1.5rem;
  
      /* margin-left: 2rem; */
  
  }
  
  .p_img{
  
      margin-left: 1rem;
  
  }
  
  
  .upload_img{
  
      display: flex;
  
      align-items: center;
  
      justify-content: center;
  
      /* width: 120px;
  
      height: 180px; */
  
      width: 100px;
      
      height: 150px;
  
      border: 1px solid #000;
  
      padding: 0px;
  }
  
  
  
  #profile_data .form-group {
  
      /* margin-bottom: 20px; */
  
      margin-bottom: 0px;
  
  }
  
  .p_valid {
      color: red;
  
      margin: 6px 0px;
  }
  
  .upload-popup .p_name:before {
      content: '* ';
      color: #F00;
      font-weight: bold;
  }
  
  
  .Browse label{
  
      background-color: #f0f0f0;
  
  }
  
  
  
  .upload-popup{
  
    /*   padding: 1.5rem 1rem 3rem 1rem !important; */
      /* padding: 1.5rem 2rem 3rem 3rem !important; new*/ 
      padding: 1.5rem 1.5rem 2.5rem 1.5rem !important;
  
  }
  
  .p_valid{
  
      display: none;
  
  }
  
  .profile_thumblist li .u_img{ /*ac*/
  
      display: inline-block;
  
      height: 10rem;

      width: auto;
  
  }
  

  .upload_img svg{ 

     width: 32px;

  }

  .t_back { 

    width: 20px;

    margin-left: 8px;

    vertical-align: middle;

    /* line-height: 2.8rem; */

    line-height: 2.7rem;
    
    cursor: pointer;


}

.t_header{

    display: flex;

}

.deleted_popup p { 

    margin-bottom: 20px;

    margin-top: 5px;

}

  
  @media only screen and (min-width: 1360px) and (max-width: 1680px){
      .upload_img{
      
          width: 90px;
  
          height: 140px;
  
          /* margin-top: 5px; */
      
      }
  
      .p_Details{
  
          margin-left: 1.5rem;
      
      }
      
  }
  
  @media only screen and (min-width: 321px) and (max-width: 576px){
  
      .profile_wrap{
  
          position: fixed !important;
  
          right: 12px;
  
      }
  
  
  
      .upload-popup{
  
          max-height: 500px;
  
          overflow: scroll;
  
          box-sizing: border-box;
  
      }
  
      .Browse{
  
          margin-bottom: 1rem;
  
      }
  
      .p_img {
  
          margin-left: 0rem;
  
      }
  
      #profile_data .b-close {
  
          /* top: -25px; */
  
          top: -1.5rem;
  
      }
  
      .img_wrapper label{
  
          margin-bottom: 0px;
  
      }
  
      .img_wrapper{
  
          margin: 0px;
  
      }
  
      .upload_img {
          
          width: 100px;
  
          height: 150px;
  
      }
  
      #profile_data .P-save {
  
      justify-content: center;
  
     }
  
     .img_wrapper label{
  
     display: block;
  
      }
  
      .profiler {
     
          left: 0px;
  
          min-width: 100%;
          position:fixed!important;
  
      }
  
      .upload-popup {
        
          padding: 1rem 2rem 3rem 2rem !important;
  
      }
  
      .add-avtaar { /* ac*/
      height:100vh!important;
  
        right: 0!important;

        bottom: 0!important;

        left: 0!important;

        top: 0!important;

        position: fixed!important;
  
      }
  
      /* .add-avtaar button { 
  
          width: 14rem;
  
      }  */
      .profile_thumblist li .u_img {
       
        height: auto;

    }
    /* Add this style to highlight the border in red */
    .invalid {
        border: 2px solid red;
    }
   
    .deleted { /*ac*/

        top: 5.8rem;

        right: 5px;


    }

    .u_img {  /*ac*/
        height: auto;
        max-height: 8.5rem;
    }

  }
  
  
  
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
     .tryon_row {
        z-index: 9;
    }
     .tryon_loader_avtar{
        width:auto!important;
        position:fixed!important;
        text-align:center;
     }
      
 .add-avtaar{
          position:fixed!important;
          font-size: 1.5rem;
      }
     .add-avtaar button{
             padding: 1rem 4rem!important;
     }
  
  .profile_wrap {
  
      right: 18px !important;
  
      position: fixed !important;
  
      top: 215px !important;
  
      z-index: 9999 !important;
  
      display: block;
  
      width: 46px !important;
  
      background: #ffffff87 !important;
  
  }
  
  .p_img {
  
      margin-left: 0rem;
  
  }
  
  #profile_data .b-close {
  
      /* top: -25px; */
  
      top: 0.5rem;
  
  }
  
  .img_wrapper label{
  
    margin: 13px 0px;
  
  }
  
  .img_wrapper{
  
      margin: 0px;
  
  }
  
  .upload_img {
      
      width: 100px;
  
      height: 150px;
  
  }
  
  #profile_data .P-save {
  
  justify-content: left;
  
  }
  
  .img_wrapper label{
  
  display: block;
  
  }
  
  .profiler {
  
      left: 0px;
  
      min-width: 100%;
  
  }

  .profile_thumblist li { 
  }
  .profile_thumblist li .u_img{
      width:100% !important;
        height: auto!important;
  }
  
  }
  
   /* new*/
  .add-avtaar button {
    padding: 4px 19px;
    border-radius: 10px;
    border: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: #fff;
    font-weight: 500;
    color: #787878;
    white-space: nowrap;
}

.add-avtaar {
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: fit-content;
    height: 100px;
    z-index: 9999;
    background: #00000045;
    width: 100%;
    height: 100%;
}
.close_login_msg {
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 50%;
    right: -12px;
    top: -16px;
    padding: 6px;
    position: absolute;
    display: flex;
    box-shadow: 4px 1px 6px 0px;
}
span.p_login:hover, span.p_register:hover {
    color: red;
    text-decoration: none;
}
span.p_login,span.p_register  {
    color: #e11;
    padding: 4px;
}