1#@!#!123s

: / home3 / encodto1 / universalhomedecor.in /
Filename : style.css
back
:root {
    --primary-color: #3c3e3d;
    --primary-hover-color: #777777;
    --secondary-color: #ffffff;				
    --secondary-light-color: #777777;
    --background-color: #f7f7f7;
    --border-color: #ebebeb
}
/* common */
body {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--primary-color);
    font-family: 'Poppins', sans-serif;
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
}
a {
    color: var(--primary-color);
}
p {
    font-weight: 400;
    font-style: normal;
}
.fa {
    font-size: 14px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
#cart .dropdown-menu li tr:last-child td:last-child, tr:last-child td.cart-total-price:last-child {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 700;
}
.fa,
.fa-brands,
.fab {
    vertical-align: middle;
}

a {
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

a:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    color: var(--main-color);
    text-decoration: none;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}
/* .common */
/* top */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#top {
    background-color: var(--primary-color);
}
#top {
 
    padding: 0;
    margin: 0;
    border: none;
    min-height: auto;
}
.top-left {
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
}
.contact-info {
    display: flex;
    align-items: center;
}
.contact-info a {
    display: flex;
    align-items: center;
    color: var(--secondary-color);
}
.contact-info a i {
    margin: 0 10px 0 0;
    font-size: 20px;
}
.top-right {
    float: right;
    display: flex;
    justify-content: flex-end;
}
#top .dropdown-toggle {
    display: flex;
    align-items: center;
}
#top .btn-link {
    font-weight: 400;
    color: var(--secondary-color);
    text-shadow: none;
    text-decoration: none;
    text-transform: capitalize;
    background: transparent;
}
.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
    font-size: 14px;
}
.top-right .dropdown-toggle {
    line-height: 20px;
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    border: none;
    padding: 20px 0;
}
header.header-fixed {
    position: fixed;
    background: var(--secondary-color);
    top: 0;
    left: 0;
    right: 0;
    -webkit-animation: fadeInDown 1s ease-out forwards;
    -moz-animation: fadeInDown 1s ease-out forwards;
    -o-animation: fadeInDown 1s ease-out forwards;
    animation: fadeInDown 1s ease-out forwards;
    z-index: 9;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}
header.header-fixed #logo img {
    max-width: 120px;
    -webkit-animation: zoomIn 1s ease-out forwards;
    -moz-animation: zoomIn 1s ease-out forwards;
    -o-animation: zoomIn 1s ease-out forwards;
    animation: zoomIn 1s ease-out forwards;
}
.top-right span.drop-text:after {
    content: ":";
    padding: 0 5px;
}
.top-right .dropdown-toggle i {
    font-size: 20px;
    vertical-align: middle;
    padding: 0 0 0 4px;
}
.dropdown-menu {
    margin: 0;
    border: 1px solid transparent;
    border-bottom: 2px solid var(--primary-hover-color);
    border-radius: 0;
    padding: 8px 0;
    width: 200px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
#top #form-currency .currency-select, #top #form-language .language-select, #header_ac .account-link-toggle a {
    text-align: left;
    padding: 5px 15px;
    border: none;
    line-height: 20px;
    color: var(--primary-color);
    background: transparent;
    font-weight: 400;
}
.top-right>div+div {
    margin: 0 0 0 25px;
}
.dropdown-toggle::after {
    content: none;
}
.top-right .dropdown-toggle i {
    font-size: 17px;
    vertical-align: middle;
    padding: 0 0 0 4px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.footer-top .contact_site a {
    padding: 0;
}
.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#logo {
    background: var(--secondary-color);
    position: relative;
    padding: 6px 0;
}
#logo a {
    display: block;
}
#logo img {
    margin: auto;
    width: 100%;
    max-width: 181px;
    image-rendering: -webkit-optimize-contrast;
}
.themability_megamenu-style-dev .navbar-default {
    background: transparent;
    position: relative;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle {
    display: none;
}
/* .container{
    width: 1470px;
} */
.header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 20px;
    padding-bottom: 20px;
}
.search-content {
    position: relative;
}
#header_ac>a, #cart>.btn, .search-btn-outer {
    cursor: pointer;
    display: block;
    padding: 20px 0;
}
#header_ac>a i, #cart>button i, .search-btn-outer i {
    display: block;
    font-size: 20px;
    cursor: pointer;
}
.header-search {
    display: none;
    position: absolute;
    right: 0;
    z-index: 9;
    width: 250px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.header-search #themabilitySearch, .header-search>div {
    display: flex;
    background: var(--secondary-color);
    border-radius: 0;
}
#themabilitySearch .input-lg.ui-autocomplete-input, .header-search .input-lg.ui-autocomplete-input {
    padding: 0 15px;
}
#themabilitySearch .input-lg, .header-search .input-lg {
    height: 36px;
    line-height: 20px;
    padding: 5px 10px;
    border: none;
    box-shadow: none;
    background: transparent;
}
#themabilitySearch .btn-search, #search .input-group-btn, .header-search .btn-search {
    width: auto;
}
#themabilitySearch .btn-lg, .header-search .btn-lg {
    padding: 11px;
    margin: 0;
    font-size: 14px;
    box-shadow: none;
    line-height: 20px;
    border-radius: 0;
    color: var(--secondary-color);
}
#themabilitySearch .btn-lg i, .header-search .btn-lg i {
    display: block;
}
.header-right>*+* {
    margin: 0 0 0 30px;
}
#cart>.btn {
    color: var(--primary-color);
    background: transparent;
    border: none;
    box-shadow: none;
    text-shadow: none;
}
#header_ac>a, #cart>.btn, .search-btn-outer {
    cursor: pointer;
    display: block;
    padding: 20px 0;
}
.btn-group>.btn-lg {
    font-size: 15px;
}
#cart-total {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: var(--primary-hover-color);
    color: var(--secondary-color);
    font-size: 12px;
    line-height: 12px;
    border-radius: 50%;
    padding: 2px;
    min-width: 16px;
    z-index: 1;
}
.btn-default, .btn-primary {
    color: var(--secondary-color);
    text-shadow: none;
    background-color: var(--primary-color);
    background-image: none;
    background-repeat: unset;
    border: none;
    border-radius: 5px;
    padding: 10px 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    box-shadow: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
#cart .dropdown-menu {
    min-width: unset;
    width: 300px;
    z-index: 1001;
    padding: 0;
}
#cart .dropdown-menu li {
    padding: 0px 20px;
}
#cart .dropdown-menu li p {
    margin: 0;
    margin-bottom: 10px;
}
.product-cart-empty {
    padding: 20px 0;
}
.hidden {
    display: none!important;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
.accordion-button:focus {
    z-index: 3;
    border-color:var(--secondary-light-color);
    outline: 0;
    box-shadow:none;
}
.accordion-button:not(.collapsed) {
    color: var(--primary-color);
    background-color: var(--secondary-color);
    box-shadow: unset;
}
#header_ac .dropdown-menu.account-link-toggle {
    right: 0 !important;
    left: auto !important;
}
#shopping-cart img{
    width: 80px;
}
.input-group .form-control[name^=quantity] {
    min-width: 32px;
    height: 50px;
}
.danger-btn-danger {
    font-weight: 500;
    padding: 15px 30px;
    color: var(--secondary-color);
    text-shadow: none;
    background-color: #da4f49;
    text-transform: capitalize;
    outline: none;
    border: none;
    border-radius: 4px;
    padding: 15px 30px;
    line-height: 20px;
    font-size: 16px;
}
.danger-btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.sub-menu{
    width: 900px;
}
.page-menu{
    width:250px;
}
.img1{
    width: 100%;
}
.shop-right{
    padding: 0px 15px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    /* padding-right: 15px;
    padding-left: 15px; */
}
.rating .fa-stack, #review .fa-stack {
    font-size: 6px;
}
.rating .fa-star, #review .fa-star {
    color: #e69500;
    font-size: 13px;
}
.themability_megamenu i {
    padding-right: 5px;
}
.rating .fa-star-o, #review .fa-star-o {
    color: var(--primary-hover-color);
    font-size: 13px;
}
.slider_navigator {
    position: absolute;
    bottom: 16px;
    right: 16px;
}
/* arrow */
.home-demo .owl-prev {
    display: block;
    position: absolute;
    top: calc(50% - 25px);
    left: 20px;
}
.home-demo .owl-next {
    display: block;
    position: absolute;
    top: calc(50% - 25px);
    right: 20px;
}
 .fa-angle-left {
    font-size: 20px;
    background: var(--secondary-color);
    color: var(--primary-color);
    text-align: center;
    height: 46px;
    width: 46px;
    line-height: 46px;
    border-radius: 50%;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    
}
 .fa-angle-right {
    font-size: 20px;
    background: var(--secondary-color);
    color: var(--primary-color);
    text-align: center;
    height: 46px;
    width: 46px;
    line-height: 46px;
    border-radius: 50%;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
   
}
.home-demo .fa-angle-left,.home-demo .fa-angle-right{
    background: var(--secondary-color);
    color: var(--primary-color);
    box-shadow: 0 0px 13px 0 rgb(0 0 0 / 11%);
}

/* service section */
.mt-50 {
    margin-top: 50px;
}
.service-box .promo-item {
    padding-top: 36px;
}
.service {
    text-align: center;
    border: 2px solid var(--border-color);
    padding: 0 5px 20px;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
.service .service-icon {
    height: 72px;
    width: 72px;
    line-height: 72px;
    background: var(--secondary-color);
    color: var(--primary-color);
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    margin: -36px auto 17px;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -webkit-box-shadow: 0 0px 13px 0 rgb(0 0 0 / 11%);
    -moz-box-shadow: 0 0px 13px 0 rgb(0 0 0 / 11%);
    -o-box-shadow: 0 0px 13px 0 rgb(0 0 0 / 11%);
    box-shadow: 0 0px 13px 0 rgb(0 0 0 / 11%);
}
.service .service-icon:before {
    display: block;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
.service-content h4 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
}
.service-content span {
    margin-top: 5px;
    display: block;
    color: var(--secondary-light-color);
}
.service:hover {
    border-color: var(--primary-color);
}
.service:hover .service-icon {
    color: var(--secondary-color);
    background: var(--primary-color);
}
.service:hover .service-icon:before {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
/* banners */
.banner-inner{
    width: 50%;
}
.html1  .col-xs-6 > div {
    position: relative;
}
.html1 .row>div>div a:after {
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    height: 0;
    transition: all 700ms ease-in-out 0s;
    width: 100%;
}
.html1 .row>div>div:hover a:after {
    opacity: 0;
    height: 85%;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -khtml-transition-duration: 1s;
    -o-transition-duration: 1s;
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    height: 100%;
    width: 100%;
}
.html1  .col-xs-6:nth-child(1) .banner-detail {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -60%);
}
.html1 .banner-detail .banner-desc {
    font-size: 20px;
    font-weight: 500;
}
.html1 .banner-detail h1.banner-title {
    font-size: 39px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 0 20px 0;
}
.html2 .banner-detail button.btn-info, .html1 .banner-detail button.btn-info {
    border-radius: 10px;
}
.btn-info {
    font-weight: 400;
    padding: 10px 30px;
    text-shadow: none;
    border: none;
    background: var(--primary-color);
    color: var(--secondary-color);
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled],.btn-info:focus {
    background-image: none;
    background-color: var(--primary-hover-color);
    color: var(--secondary-color);
}
.html1 .col-xs-6:nth-child(1) .banner-offer {
    left: 40%;
}
.html1 .banner-offer div {
    font-size: 24px;
    font-weight: 600;
}
.html1 .banner-offer {
    position: absolute;
    top: 50px;
    text-align: center;
    background: #3c3e3d;
    color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 1.2;
    padding: 10px;
}
.html1 .col-xs-6:nth-child(2) .banner-offer {
    left: 50%;
}
.html1 .col-xs-6:nth-child(2) .banner-detail {
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    left: 50px;
}
.category-info {
    background: var(--primary-color);
    margin-bottom: 30px;
    padding: 10px 15px;
    text-align: center;
}
.product-sale {
    position: absolute;
    left: 0;
    top: 10px;
}
.product-sale span {
    display: block;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 5px 11px;
}

.pagination-main {
    background: var(--background-color);
    padding: 10px 15px;
}
.pagination-main .pagination_result {
    padding: 10px 15px;
    color: var(--secondary-light-color);
}
.pagination {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.pagination-main .pagination {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    display: inline-block;
}
.pagination-main .pagination>li {
    display: inline-block;
}
.pagination-main .pagination>li.active>span, .pagination-main .pagination>li.active>a, .pagination-main .pagination>li.active>a:focus, .pagination-main .pagination>li.active>span:focus, .pagination-main .pagination>li.active>span:hover, .pagination-main .pagination>li>a:focus, .pagination-main .pagination>li>a:hover, .pagination-main .pagination>li>span:focus, .pagination-main .pagination>li>span:hover {
    background: var(--primary-color);
    color: var(--secondary-color);
}
.pagination-main .pagination>li>a, .pagination-main .pagination>li>span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    margin: 0 0 0 8px !important;
    border-radius: 50%;
    background: var(--primary-hover-color);
    border: none;
    color: var(--secondary-color);
    outline: none;
    -webkit-box-shadow: 0 0px 13px 0 rgb(0 0 0 / 11%);
    -moz-box-shadow: 0 0px 13px 0 rgb(0 0 0 / 11%);
    -o-box-shadow: 0 0px 13px 0 rgb(0 0 0 / 11%);
   
}
.pagination-main .pagination>li:first-child>a, .pagination-main .pagination>li:first-child>span, .pagination-main .pagination>li:last-child>a, .pagination-main .pagination>li:last-child>span {
    border-radius: 50%;
}





/* footer */
footer {
    padding-top: 70px;
    color: var(--primary-color);
    background: var(--background-color);
}
footer h5, .position-footer-right h4 {
    font-size: 20px;
    font-weight: 500;
    color: var(--primary-color);
    text-transform: capitalize;
    margin: 0 0 10px 0;
}
.footer-top .position-footer-left ul li>div {
    display: flex;
    padding: 8px 0;
}
.contact_title {
    padding: 0 10px 0 0;
}
footer a {
    padding: 8px 0;
    display: inline-block;
}
footer .about-info a {
    padding: 0 0 10px;
}
footer .about-info a img {
    max-width: 150px;
}
.store-description p {
    font-size: 13px;
    line-height: 24px;
    margin: 0 0 20px;
    color: var(--primary-hover-color);
}
.position-footer-right h4 {
    margin: 0 0 15px 0;
}
.social-media a {
    padding: 0;
    background: var(--secondary-color);
    color: var(--primary-color);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
}
.social-media a i {
    font-size: 18px;
    vertical-align: middle;
}
.payment-method a+a, .social-media a+a {
    margin: 0 0 0 6px;
}
.footer-bottom {
    padding: 19px 0;
    border-top: 1px solid var(--border-color);
    margin: 50px 0 0 0;
}
footer .copyright {
    margin: 0;
    line-height: 36px;
}
.payment {
    float: right;
}
.payment img{
    margin-left: 10px;
}
.footet-inner{
    align-items: center;
}
/* category  */
.page-title h3 {
    font-size: 30px;
    margin: -6px 0 30px;
    font-weight: 600;
    text-transform: capitalize;
}
.category-thumb {
    margin-bottom: 30px;
}
.images-hover.image {
    display: flex;
    align-items: center;
    text-align: center;
    max-width: 155px;
    height: 155px;
    margin: auto;
    background: var(--background-color);
    border-radius: 50%;
    justify-content: center;
    border: 1px dashed var(--background-color);
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
.category-thumb .images-hover.image img {
    width: 100%;
    margin: auto;
    opacity: 0.5;
}
.category-thumb .cat-title h4 {
    text-transform: capitalize;
    text-align: center;
    font-size: 20px;
    margin: 19px 0 0 0;
    line-height: 20px;
    font-weight: 400;
}
.category-thumb .cat-title h4 a {
    color: var(--primary-hover-color);
}
.category-thumb:hover .images-hover.image {
    border-color: var(--primary-color);
    background: transparent;
}
.category-thumb:hover .images-hover.image img {
    opacity: 1;
}
.owl-prev {
    position: absolute;
    top: -64px;
    right: 62px;
}
.owl-next {
    position: absolute;
    top: -64px;
    right: 3px;
}
.fa-angle-left,.fa-angle-right {
    background: var(--background-color);
    color: var(--primary-color);
}
.fa-angle-left:hover, .fa-angle-right:hover {
    background: var(--primary-hover-color);
    color: var(--secondary-color);
    transition: 0.5s;
}
/* product */
.themability-tabs .nav-pills {
    text-align: center;
    padding: 0;
    justify-content: center;
}
.themability-tabs .nav-pills>li {
    float: unset;
    margin: 0;
    display: inline-block;
}
.nav-pills .nav-link.active {
    background: var(--secondary-color);
    color: var(--primary-hover-color);
    
}
.nav-pills .nav-link.active  {
    /* padding: 5px 15px; */
    font-size: 18px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.nav-pills .nav-link {
    float: unset;
    margin: 0;
    display: inline-block;
}
.nav-pills .nav-link{
    color: var(--primary-color);
    font-size: 18px;
    border: 1px solid transparent;
    margin-right: 5px;
}
.nav-pills .nav-link:hover, .nav-pills .nav-link.selected {
    color: var(--primary-hover-color);
    border-color: var(--border-color);
    border: 1px solid var(--border-color);
}
.nav-pills{    
    margin-bottom: 15px;
    border: none;
}
.owl-item.active .row-items, .owl-item.active .image-additional, .owl-item.active .product-layout, .owl-item.active .category-layout, .owl-item.active .product-block {
    -moz-animation: zoomIn 1000ms ease;
    -o-animation: zoomIn 1000ms ease;
    -webkit-animation: zoomIn 1000ms ease;
    animation: zoomIn 1000ms ease;
}
.product-thumb .image {
    background: var(--background-color);
    position: relative;
    text-align: center;
    overflow: hidden;
}
.product-thumb .image .thumb-image {
    display: block;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 300px;
    border-radius: 30px;
}
.product-thumb .image .swap-image {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%);
}
.product-thumb .button-group button {
    width: 54px;
    height: 54px;
    border: none;
    display: block;
    background-color: var(--secondary-color);
    line-height: 54px;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    font-size: 20px;
    border-radius: 50%;
    color: var(--primary-color);
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
.product-thumb .caption {
    padding: 5px 0 0 0;
}
.product-thumb h4 {
    font-size: 16px;
    line-height: 20px;
    margin: 8px 0 0 0;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle;
}
.product-thumb .rating {
    margin: 8px 0 0 0;
    display: inline-block;
    vertical-align: middle;
    float: right;
}
.rating .fa-stack, #review .fa-stack {
    font-size: 6px;
}
.product-thumb .description, .product-thumb .price-tax, .product-thumb .button-group.btn-list, .product-list .product-thumb .image .button-group {
    display: none;
}
.product-thumb .button-group {
    position: absolute;
    top: 15px;
    right: 15px;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
.product-thumb:hover .image .swap-image {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.product-thumb .button-group button + button {
    margin: 10px 0 0 0;
}
.product-thumb {
    margin-bottom: 30px;
    text-align: center;
}
.product-thumb .price {
    margin: 10px 0 0 0;
    font-size: 15px;
    font-weight: 500;
}
.product-thumb .price-old {
    color: var(--secondary-light-color);
    text-decoration: line-through;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}
.tab-pane:not(.show) {
    opacity: 0;
    display: none;
}
/* testimonial */
.testimonial {
    width: 100%;
    height: 100px; /* Adjust the height as needed */
    overflow-y: scroll;
   
}
.mt-20 {
    margin-top: 20px;
}
.themability-testimonial-images {
    display: inline-block;
    float: left;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: -75px;
}
.slideTestimonial .row-items .themability-testimonial-images img {
    width: auto;
}
.themability-testimonial-content {
    background: var(--secondary-color);
    padding: 60px 30px;
    margin-top: 75px;
}
.themability-testimonial-author {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
}
.themability-testimonial-customer {
    margin: 10px 0 0;
}
.themability-testimonial-text {
    margin: 10px 0 0;
    line-height: 24px;
    word-break: break-word;
}
.themability-testimonial-text p {
    margin: 0;
}
.themability-testimonial-block {
    position: relative;
    background: url(assets/images/testimonial-bg.jpg) center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 30px 0;
}
.themability-testimonial-block .owl-dots {
    text-align: center;
    margin-top: 50px;
}
.owl-dot {
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    box-shadow: none;
    background: var(--secondary-color);
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
.owl-dot.active  {
    background: var(--primary-color);
}
.html2 .inner1 img {
    width: 100%;
    position: relative;
}
.html2 .banner-detail {
    position: absolute;
    text-align: center;
    top: 50%;
    width: 60%;
    transform: translateY(-50%);
    padding: 5px;
}
.html2  .banner-desc {
    font-size: 24px;
    color: #777;
}
.html2 .banner-detail .banner-title {
    font-size: 60px;
    font-weight: 700;
}
.html2 .banner-desc2 {
    color: #777;
    margin: 30px 0 30px;
    font-size: 18px;
}
.html2 .banner-detail button.btn-info, .html1 .banner-detail button.btn-info {
    border-radius: 10px;
}
.html2 {
    position: relative;
}
.product-block {
    margin-bottom: 30px;
}
.product-block-inner {
    position: relative;
}
.blog-left {
    position: relative;
    overflow: hidden;
}
.blog-image .post_hover {
    position: absolute;
    text-align: center;
    left: 10px;
    margin: 0;
    top: -40px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.pro_oldprice {
    color: var(--secondary-light-color);
    font-size: 14px;
    display: inline-block;
    text-decoration: line-through;
}
.post_hover .icon {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: var(--primary-color);
    color: var(--secondary-color);
    font-size: 14px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    text-align: center;
    margin: 0 3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
}
.product-block-inner:hover .post_hover {
    top: 10px;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -kkhtml-opacity: 1;
}
.write-comment-count i, .date-time i {
    margin: 0 7px 0 0;
}
.blog-date {
    position: absolute;
    right: 20px;
    top: 0;
    background: var(--primary-color);
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    text-align: center;
    padding: 6px 10px;
}
.blog-date div:first-child {
    font-size: 12px;
}
.blog-date div:last-child {
    font-size: 18px;
    font-weight: 500;
}
.blog-right {
    position: relative;
    background: var(--background-color);
    padding: 30px;
}
.blog-details {
    text-align: center;
    background: var(--secondary-color);
    padding: 20px;
    margin-top: -75px;
}
.comment-wrapper {
    text-align: right;
}
.write-comment-count i, .date-time i {
    margin: 0 7px 0 0;
}
.blog_title {
    font-size: 20px;
    font-weight: 500;
    margin: 15px 0 0 0;
    text-transform: capitalize;
}
.blog-desc {
    line-height: 24px;
    margin: 15px 0 0 0;
}
.read-more {
    margin: 20px 0 0 0;
    text-align: center;
}
/* .product-block{
    padding: 0px 0px;
} */
.btn {
    padding: 10px 25px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    background: var(--primary-color);
    color: var(--secondary-color);
    text-transform: capitalize;
    line-height: 20px;
    font-weight: 400;
    outline: none;
}
.home-demo .owl-dots {
    position: relative;
    /* top: 40px; */
    /* display: flex; */
    text-align: center;
    bottom: 11px;
    margin-top: -17px;
}
.home-demo .owl-dot {
    border-radius: 20%;
    background-color: var(--primary-hover-color);
}
.home-demo .owl-dot.active{
    background-color: var(--primary-color);
}
.btn-check:focus+.btn-info, .btn-info:focus {
    color: #000;
    border: none;
    box-shadow:none;
}
.btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus {
    box-shadow: none;
}
.product-thumb .button-group button:hover {
    background: var(--primary-color);
    color: var(--secondary-color);
    text-decoration: none;
}
.blogs-block{
    padding: 0;
}
/* brand slider */
.brand .brand-carousel {
    padding: 108px 0;
    background: url(assets/images/manufacturer/brand-bg.jpg) center center;
}
/* .banner-slider-img{
    /* margin: 0px 30px; */
    /* padding: 10px 30px; */
.brand img {
    margin: auto;
    width: 90px;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
.brand .swiper-slide:hover img {
    -webkit-animation: bounceIn 2s linear;
    -moz-animation: bounceIn 2s linear;
    -ms-animation: bounceIn 2s linear;
    -o-animation: bounceIn 2s linear;
    animation: bounceIn 2s linear;
}
    /* news latter */
.themabilitynewsletterblock {
    padding: 46px 30px;
    background: url(assets/images/banners/newsletter-bg.jpg) center center;
}
.themabilitynewsletterblock .news-description {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    }
.news .subscribe-form {
    display: flex;
    margin-top: 16px;
    max-width: 420px;
    }
#themability_newsletter_usr_email {
    border: none;
    border-radius: 25px 0 0 25px;
    height: 50px;
    padding: 5px 20px;
}
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: 14px;
}
.form-control {
    height: 40px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}
#frmthemabilitynewsletter .subscribe-btn {
    border-radius: 0 25px 25px 0;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 10px 20px;
}
.swiper-viewport .swiper-pager>div {
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    background: var(--secondary-color);
}
.brand .owl-prev ,.brand .owl-next {
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
     margin: auto;
    opacity: 1;
    position: absolute;
    top: -20px;
}
.brand .fa-angle-left, .brand .fa-angle-right{
    background: var(--secondary-color);
}
.brand .owl-nav{   
    width: 100%;
    position: absolute;
    top: 50%;
    line-height: 45px;
}  
.brand:hover  .owl-next {
    opacity: 1;
}
.brand .fa-angle-left:hover, .brand .fa-angle-right:hover{
    background-color: var(--primary-hover-color);
    color: var(--background-color);
}
/* bradcrumb */
.breadcrumb-main {
    text-align: center;
    padding: 110px 0;
    margin-bottom: 30px;
    background: url(assets/images/banners/breadcrumb.jpg) center center;
    background-size: cover;
}
.breadcrumb-main .page-title {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 18px;
    line-height: 1;
}
.breadcrumb {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 0;
    justify-content: center;
}
.breadcrumb>li {
    position: relative;
    white-space: nowrap;
    line-height: 19px;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb li+li a::before {
    content: "\f101";
    font-family: 'FontAwesome';
    padding: 0 8px 0 0;
    color: var(--primary-color);
    display: inline-block;
}
.breadcrumb a {
    position: relative;
    font-size: 16px;
    text-transform: capitalize;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: none;
}
.breadcrumb>li:last-child a, .breadcrumb>li:hover a {
    color: var(--primary-hover-color);
}
#column-left>div, #column-right>div {
    float: unset;
    margin: 0 0 30px;
    border: none;
    box-shadow: none;
    padding: 0;
    background: var(--background-color);
}
#column-left h3, #column-right h3 {
    display: block;
    margin: 0;
    padding: 10px 20px;
    font-size: 16px;
    text-align: left;
    text-transform: capitalize;
    position: relative;
    font-weight: 400;
    line-height: 20px;
    border-radius: 0;
    background: var(--primary-color);
    color: var(--secondary-color);
    border: none;
}
.category-content #select-category, .filter_box, #column-left .block_box, #column-right .block_box, .account-content .list-unstyled, .sidebar .list-unstyled {
    padding: 20px;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}
.category-content ul>li:first-child>a.main-item, .account-content.list-group ul>li:first-child a, .sidebar li:first-child a {
    padding-top: 0;
    margin-top: -4px;
}
.category-content .list-group-item {
    padding: 8px 20px 8px 0;
}
.category-content .list-group-item, .sidebar li a, .account-content.list-group a {
    border: none;
    border-radius: 0;
    margin: 0;
    background: transparent;
    padding: 8px 0;
    text-transform: capitalize;
    color: var(--secondary-light-color);
    font-size: 14px;
    text-shadow: none;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.category-content .has-more-category .toggled {
    position: absolute;
    right: 0;
}
.child-categories {
     display: none; 
    padding: 0;
}
.filter_box .list-group a {
    font-size: 14px;
    color: var(--primary-color);
    margin: -4px 0 12px 0;
    font-weight: 500;
}
.filter_box .list-group-items+.list-group-items {
    margin: 20px 0 0;
}
.category-content #select-category, .filter_box, #column-left .block_box, #column-right .block_box, .account-content .list-unstyled, .sidebar .list-unstyled {
    padding: 20px;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}
.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}
.filter_box .list-group a {
    font-size: 14px;
    color: var(--primary-color);
    margin: -4px 0 12px 0;
    font-weight: 500;
}
.filter_box .list-group a, .filter_box .list-group-item {
    border: none;
    padding: 0;
  
    text-transform: capitalize;
    text-shadow: none;
    background: transparent;
}
.filter_box .checkbox, .filter_box .checkbox .radio {
    margin: 6px 0;
}
.filter_box .list-group-item label {
    color: var(--secondary-light-color);
    outline: none;
}
.filter_box .list-group a {
    font-size: 14px;
    color: var(--primary-color);
    margin: -4px 0 12px 0;
    font-weight: 500;
}
.product-seller .image img{
    width: 72px;
}
#column-left .product-layout, #column-right .product-layout {
    width: 100%;
}
#column-left .product-thumb>.image, #column-right .product-thumb>.image {
    width: 31.4%; 
    float: left;
    background: transparent;
}
#column-left .product-layout .product-thumb, #column-right .product-layout .product-thumb {
    border: none;
    overflow: hidden;
    margin: 0;
}
#column-left .product-thumb>.image, #column-right .product-thumb>.image {
    float: left;
    background: transparent;
}
.row > * {
    padding-left: 15px;
    padding-right: 15px;
}
#column-left .container, #column-right .container {
 
    padding: 0;
}
#column-left .product-thumb>.product-description, #column-right .product-thumb>.product-description {
   width: 68.6%;
    float: left;
}
#column-left .product-thumb h4, #column-right .product-thumb h4 {
    font-size: 14px;
    margin: 0;
}
#column-left .product-thumb .rating, #column-right .product-thumb .rating {
    margin: 4px 0 0 0;
}
#column-left .product-thumb .rating, #column-right .product-thumb .rating, #column-left .product-thumb .price, #column-right .product-thumb .price {
    float: unset;
    display: block;
}
#column-left .product-thumb .price, #column-right .product-thumb .price {
    margin: 7px 0 0 0;
}
#column-left .product-thumb .rating, #column-right .product-thumb .rating, #column-left .product-thumb .price, #column-right .product-thumb .price {
    float: unset;
    display: block;
}
#column-left .product-thumb .caption, #column-right .product-thumb .caption {
    text-align: left;
    margin: 0;
    border: none;
    padding: 0 0 0 12px;
}

#column-left .product-sale, #column-right .product-sale, #column-left .product-thumb .addcart, #column-right .product-thumb .addcart, #column-left .product-thumb .button-group, #column-right .product-thumb .button-group {
    display: none;
}
#column-left .box-product{
    padding: 0;
}
#column-left .product-layout+.product-layout .product-thumb, #column-right .product-layout+.product-layout .product-thumb {
    margin: 20px 0 0 0;
}
.filter_box .list-group-item label:hover {
    color: var(--primary-color);
}
.form-check-label{
    margin-right: 8px;
    margin-top: 2px;
}
.category-img img {
    border: none;
    padding: 0;
    border-radius: 0;
    margin: 0 0 10px;
}
.category-desc p {
    margin: 0 0 20px;
    color: var(--secondary-light-color);
    line-height: 24px;
}
.category-refine>h3 {
    margin: 0 0 13px;
    font-size: 16px;
}
.category-refine ul {
    padding: 0;
    margin: 0;
}
.category-refine ul li {
    margin: 0 10px 10px 0;
    list-style: none;
    display: inline-block;
}
.category-refine ul li a {
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 5px 20px;
    border-radius: 5px;
    display: inline-block;
    text-transform: capitalize;
}

.category-info {
    background: var(--primary-color);
    margin-bottom: 30px;
    padding: 8px 15px;
    text-align: center;
}
#button-list.btn-default, #button-grid.btn-default {
    border: none;
    background: transparent;
    color: var(--primary-hover-color);
    padding: 0;
    box-shadow: none;
    font-size: 30px;
}
#button-list.btn-default i, #button-grid.btn-default i {
    display: block;
}
#button-list.btn-default:hover, #button-grid.btn-default:hover, #button-grid.btn-default.active, #button-list.btn-default.active {
    color: var(--secondary-color);
}
#button-list.btn-default {
    margin: 0 0 0 15px;
}
.category-compare .form-group {
    margin: 0;
    text-align: center;
}
.category-compare #compare-total {
    border: none;
    padding: 5px 0;
    font-weight: 300;
    line-height: 20px;
    color: var(--secondary-color);
    text-decoration: none;
    background: transparent;
    text-transform: capitalize;
    width: max-content;
}
.category-sorting {
    text-align: right;
    float: right;
}
.category-sorting .sort-cat {
    margin: 0 10px 0 0;
}
.category-sorting>div {
    display: inline-block;
    vertical-align: middle;
}
.category-sorting .input-group-addon {
    border: none;
    background: transparent;
    margin: 0;
    padding: 5px 5px;
    width: auto;
    font-size: 14px;
    color: var(--secondary-color);
    font-weight: 300;
}
.category-sorting>div>* {
    width: auto;
    float: left;
    position: relative;
}
.select-cat-limit .form-control, .select-cat-sort .form-control {
    height: 30px;
    padding: 3px 35px 3px 10px;
    border: none;
    background: var(--secondary-color);
    color: var(--primary-color);
}
.btn-group-sm{
    float: left;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}
.category-info .row{
    align-items: center;
    justify-content: center;
}
.product-list .product-thumb {
    overflow: auto;
}
.product-list .product-thumb .image {
    float: left;
    width: 31.6%;
}
.product-list .product-description {
    overflow: hidden;
}
.product-list .product-thumb .caption {
    text-align: left;
    border: none;
    margin: 0;
    padding: 20px 20px 20px 30px;
}
.product-list .product-thumb h4 {
    display: block;
    float: unset;
    margin: 0;
}
.product-list .product-thumb .rating {
    display: block;
    float: unset;
    margin: 12px 0 0 0;
}
.product-list .product-thumb .price {
    margin: 15px 0 0 0;
}
.product-list .product-thumb .description {
    display: block;
    margin: 10px 0 0 0;
    line-height: 24px;
    color: var(--secondary-light-color);
}
.product-list .product-thumb .button-group.btn-list {
    display: block;
    opacity: 1;
    position: unset;
    margin: 20px 0 0 0;
}
.product-list .product-thumb .button-group.btn-list button {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 8%);
}
.product-list .product-thumb .button-group.btn-list button + button {
    margin: 0 0 0 15px;
}
.select-cat-sort::after, .select-cat-limit::after {
    font-family: 'fontawesome';
    content: '\f107';
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 6px;
    pointer-events: none;
    color: var(--primary-color);
}
.category-refine ul li a:hover {
    background: var(--primary-hover-color);
    color: var(--secondary-color);
}
#additional-carousel img{
    width: 100%;
}
#additional-carousel {
    max-width: 458px;
    margin: auto auto 20px;
    padding: 0 50px;
}
.pro-image {
    margin-bottom: 20px;
}
#additional-carousel .owl-prev, #additional-carousel .owl-next {
    position: unset;
    
}
.additional.fa-angle-left {
    opacity: 1;
    top: -15px;
    bottom: 0;
    left: 13px;
    font-size: 22px;
    position: absolute;
    margin: auto;
    height: 30px;
    width: 30px;
    color: var(--primary-color);
    background: transparent;
}
.additional.fa-angle-right {
    opacity: 1;
    top: -15px;
    bottom: 0;
    right: 13px;
    font-size: 22px;
    position: absolute;
    margin: auto;
    height: 30px;
    width: 30px;
    color: var(--primary-color);
    background: transparent;
}
.product-right h1 {
    font-size: 20px;
    margin: 10px 0 18px;
    text-transform: capitalize;
}
.rating .review {
    text-transform: capitalize;
    position: relative;
}
.rating .write-review {
    border-left: 1px solid var(--border-color);
    padding: 0 0 0 15px;
    margin: 0 0 0 13px;
}
.rating .write-review i {
    padding: 0 5px 0 0;
}
.product-content .product-rating {
    display: inline-block;
    margin: 0 15px 0 0;
}
.product-right ul {
    padding: 0;
}
.product-right .disc {
    margin-right: 5px;
    line-height: 22px;
    min-width: 100px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}
.product-right .disc1 {
    color: var(--secondary-light-color);
}
.product-right ul {
    padding: 0;
}
.pro_price {
    font-size: 20px;
    margin: 0 10px 0 0;
    font-weight: 500;
}
.pro_oldprice {
    color: var(--secondary-light-color);
    font-size: 14px;
    display: inline-block;
}
.product-option>h3 {
    font-size: 16px;
    margin: 0px 0 15px;
}
.form-group {
    margin-bottom: 15px;
}
.product-right .control-label {
    margin-bottom: 8px;
    font-weight: 500;
}
div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}
.product-right .control-label {
    margin-bottom: 8px;
    font-weight: 500;
}
.product-right .checkbox, .product-right .radio {
    margin-top: 0;
}
.checkbox label, .radio label {
    min-height: 20px;
    /* padding-left: 20px; */
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.form-control:focus {
    border-color: var(--border-color);
}
.proquantity-detail, .pro-cart {
    display: inline-block;
    vertical-align: middle;
}
.proquantity-detail {
    margin: 0 20px 0 0;
}
.product-right .control-label.quantity-label {
    margin: 0 8px 0 0;
}
.product-btn-quantity {
    border: 1px solid var(--border-color);
    display: inline-flex;
    border-radius: 5px;
}
.product-btn-quantity button {
    height: 38px;
    width: 38px;
    background: var(--background-color);
}
.product-btn-quantity>* {
    display: inline-block;
    width: auto;
    border: none;
    background: transparent;
}
#quick-cart, #button-cart {
    border: none;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    width: auto;
}
.product-btn-quantity #input-quantity {
    border: none;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    text-align: center;
    border-radius: 0;
    height: 38px;
}
#quick-cart i, #button-cart i {
    margin: 0 8px 0 0;
    font-size: 16px;
}
.cart-btn:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, .btn-default:hover, .btn-default:focus, .btn-default:active:hover, .btn-default:active, .btn-default:active:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled], .btn-info.focus, .btn-info:focus, .btn-info:active:focus, .btn-info:active:hover, .btn.focus:active, .btn:active:focus, .btn:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus {
    outline: none;
    background: var(--primary-hover-color);
    color: var(--secondary-color);
    box-shadow: none;
}
.product-btn-quantity button:hover, .product-btn-quantity button:focus {
    color: var(--primary-hover-color);
}
a:focus, a:hover {
    outline: none;
    text-decoration: none;
    color: var(--primary-hover-color);
}
.product-right .pro-buttons button.btn {
    background: transparent;
    padding: 0 20px 5px 0;
    color: var(--secondary-light-color);
    font-weight: 400;
}
.product-right .pro-buttons button i {
    font-size: 14px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    color: var(--primary-color);
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: var(--background-color);
    display: inline-block;
    text-align: center;
    padding: 0;
    border-radius: 5px;
}
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}
.product-right .pro-buttons button:hover i, .product-right .pro-buttons button:hover span {
    color: var(--primary-hover-color);
}
.propage-tab .nav-tabs {
    display: block;
    text-align: center;
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
    padding: 6px 10px;
    background: var(--primary-color);
}
.propage-tab .nav-tabs li {
    float: unset;
    display: inline-block;
    margin: 0;
    position: relative;
    color: var(--background-color);
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: none;
    color: var(--background-color);
    font-size: 16px;
}
.propage-tab .nav-tabs li + li:before {
    content: "";
    height: 30px;
    width: 1px;
    background: var(--background-color);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(20deg);
}
#header_ac .account-link-toggle a:hover, #top #form-currency .currency-select:hover, #top #form-language .language-select:hover {
    text-shadow: none;
    color: var(--primary-hover-color);
    outline: none;
}
#content {
    min-height: 80vh;
}
.propage-tab .nav-tabs li a.active, .propage-tab .nav-tabs li:hover a {
    color: var(--img-background-color);
    border: none;
    background-color: transparent;
}
#form-review .review-title {
    font-size: 18px;
    margin: 30px 0 10px;
}
#form-review .form-check-input[type="radio"] {
    margin-top: 0.2em !important;
    vertical-align: baseline;
}
div.required .col-form-label:before, div.required .form-label:before {
    content: "* ";
    color: #F00;
    font-weight: bold;
}
.write-review-form .form-check-input[type="radio"] {
    background-image: url("assets/images/star.svg");
    width: 14px;
    height: 14px;
    fill-rule: evenodd;
    clip-rule: evenodd;
    border: unset;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
}
.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow:none;
}
.write-review-form .form-check-input:checked[type="radio"] {
    background-image: url("assets/images/star2.svg");
    width: 14px;
    height: 14px;
}
.propage-tab .nav-tabs li a.active, .propage-tab .nav-tabs li:hover a {
    color: var(--primary-hover-color);
    border: none;
}
.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}
.category-content .list-group-item:hover, .sidebar li:hover a, .account-content.list-group a:hover {
    color: var(--primary-color);
    background: transparent;
}
.related1{
    padding: 0;
}
/* about us */
.information-information .title, #information-contact .contact-title {
    font-size: 16px;
    margin: 0 0 15px;
    font-weight: 500;
    padding: 0 0 10px;
    line-height: 20px;
    border-bottom: 1px solid var(--border-color);
}
.information-information .description {
    color: var(--secondary-light-color);
    margin: 0 0 25px;
}
/* register account */
legend {
    font-size: 18px;
    padding: 7px 0px;
    border-color: var(--border-color);
}
.col-form-label {
    padding-top: 0;
    font-size: 14px;
    
}
.form-check-label {
    margin-right: 8px;
    margin-top: 0px;
}
#account-register .pt-2 .btn-primary {
    display: block;
    margin: 10px 0 0 auto;
}
.form-check-inline {
    display: inline-block;
     margin-right: 0;
}
.card-body h2{
    font-size: 18px;
    margin: 0 0 10px;
}
.forgot-1{
    margin-bottom: 10px;
}
.manufacturer-tags a {
    padding: 0px;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    font-weight: 500;
    line-height: 30px;
    background: var(--primary-hover-color);
    color: var(--secondary-color);
}
.manufacturer-list {
    border: 2px solid var(--border-color);
    margin-bottom: 20px;
    padding: 5px;
}
.manufacturer-heading {
    background: var(--background-color);
    font-size: 15px;
    padding: 5px 8px;
}
.manufacturer-heading h2 {
    margin: 0;
    font-size: 18px;
}
.manufacturer-content {
    padding: 8px;
}
/* contact */
.information-information .title, #information-contact .contact-title {
    font-size: 20px;
    margin: 0 0 15px;
    font-weight: 500;
    padding: 0 0 10px;
    line-height: 20px;
    border-bottom: 1px solid var(--border-color);
}
.contact-left .panel-body {
    padding: 20px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default {
    border-color: #ddd;
}
.contact-left .panel-body>div {
    text-align: center;
}
.contact-left .store-image img {
    width: 100px;
    margin: 22px;
}
.contact-left .panel-body>div+div {
    border-top: 1px solid var(--border-color);
    margin-top: 15px;
    padding-top: 15px;
}
.contact-left .panel-body>div>i {
    height: 30px;
    width: 30px;
    background: var(--primary-hover-color);
    color: var(--secondary-color);
    line-height: 30px;
    border-radius: 5px;
    margin: 0 0 10px;
}
.contact-left .store-title {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 0 7px;
}
.store-address .btn-info {
    margin-top: 10px;
}
.btn-info {
    font-weight: 400;
    padding: 10px 30px;
    text-shadow: none;
    border: none;
    background: var(--primary-color);
    color: var(--secondary-color);
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
.form-group {
    margin-bottom: 15px;
}
.submitted {
    display: none;
    color: #72C02C;
    margin-top: -4px;
    margin-bottom: 15px;
    text-align: center;
}
#information-sitemap #content li::marker {
    color: var(--primary-hover-color);
    font-size: 16px;
}
#information-sitemap #content > .row a {
    padding: 3px 0;
    display: inline-block;
    text-transform: capitalize;
}
.table>thead {
    border: none;
}
.table>:not(:first-child) {
    border-top: 1px solid currentColor;
}
.form-select:focus {
    border-color:var(--border-color);;
    outline: 0;
    box-shadow: none;
}
.form-check-input:checked {
    background-color:var(--primary-hover-color);
    border-color:var(--primary-color);
}
.single-blog .article-blog img {
    margin-left: auto;
    margin-right: auto;
}
.article-blog .blog-description {
    background: var(--background-color);
    padding: 20px;
    margin: -85px 30px 0 30px;
    border: 2px solid var(--border-color);
    position: relative;
}
.write-comment-count i, .date-time i {
    margin: 0 7px 0 0;
}
.article-blog .blog_title {
    margin: 15px 0 0 0;
}
.article-blog .blog-desc {
    color: var(--primary-color);
}
.single-blog .block-title {
    margin-bottom: 20px;
}
.view-comment .view-comment-inner {
    padding: 15px;
    border: 1px solid var(--border-color);
    border-radius: 0;
    display: flex;
}
.user_icon, .comment_info {
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.blogs-block{
    padding: 0px;
}
.post_hover .icon:hover {
    background: var(--primary-hover-color);
    color: var(--secondary-color);
}
.product-block{
    padding-left: 15px;
    padding-right: 15px;
}
.user_icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    background: var(--primary-hover-color);
    margin: 0 15px 0 0;
    color: var(--secondary-color);
}
.comment_info .name {
    text-transform: capitalize;
}
.comment_info .comment-text {
    color: var(--secondary-light-color);
}
.single-blog .block-title p {
    border: none;
    padding: 10px 20px;
    margin: 30px 0 0;
    font-weight: 400;
    background: var(--primary-hover-color);
    color: var(--secondary-color);
    font-size: 16px;
}
.view-comment+.view-comment {
    margin-top: 15px;
}
/* cart */
#cart .dropdown-menu {
    min-width: unset;
    width: 300px;
    z-index: 1001;
    padding: 0;
    background: var(--secondary-color);
    transform: unset !important;
    inset: 100% 0 auto auto !important;
}
#cart .dropdown-menu li {
    min-width: unset;
    padding: 0px 20px;
}
#cart .dropdown-menu table {
    margin-bottom: 10px;
    border: none;
    background: transparent;
}
.table, thead, tbody, tfoot, tr, td, th, .table > :not(:last-child) > :last-child > * {
    border-color: #ddd;
}
#cart .dropdown-menu>li.cart-content-product .table>tbody>tr {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid var(--border-color);
    display: block;
    background: transparent;
}
#cart .dropdown-menu tbody tr {
    border: none;
}
#cart .dropdown-menu table td.product-cart-thumb {
    padding: 0;
    width: 80px;
}
#cart .dropdown-menu table td {
    background: unset;
    border: none;
    padding: 5px 4px;
    font-weight: 500;
    font-size: 14px;
}
#cart .dropdown-menu table td.product-cart-details {
    padding-left: 10px;
    padding-right: 20px;
}
#cart .dropdown-menu .product-item-name, #cart .product-cart-info .product-cart-qty {
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
}
.product-cart-info {
    margin-top: 5px;
}
#cart .dropdown-menu .product-item-name, #cart .product-cart-info .product-cart-qty {
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
}
#cart .product-cart-info .product-cart-price, .product-cart-total {
    color: var(--secondary-light-color);
    font-weight: 500;
}
#cart .dropdown-menu table td.product-cart-close, #cart .dropdown-menu table td.voucher-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
}
#cart .dropdown-menu .btn-danger {
    background: transparent;
    color: var(--primary-color);
    border-radius: 0;
    line-height: 20px;
    font-size: 16px;
    padding: 0;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#cart .dropdown-menu li+li {
    border-top: 1px solid var(--border-color);
    padding: 10px 0 0px 0;
    margin: 0px 20px;
}
#cart .dropdown-menu table {
    margin-bottom: 10px;
    border: none;
    background: transparent;
}
#cart .dropdown-menu>li.cart-content-product .table>tbody>tr:last-child {
    border-bottom: none;
    padding-bottom: 4px;
    margin-bottom: 0;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
   --bs-table-accent-bg: var(--secondary-color);
    color: var(--bs-table-striped-color);
}
#information-cart table{
    min-width: 642px;
}
#information-comparison img{
    width: 80px;
}
#information-comparison table{
    min-width: 642px;
}
.btn-danger{
    background-color: #ac2925;
}
.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-image: url(assets/images/ajax_loader.gif);
    background-position: 50% 50%;
    background-color: var(--secondary-color);
    background-repeat: no-repeat;
    opacity: .9;
}
.scrollToTop {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    color: var(--secondary-color);
    background: var(--primary-hover-color);
    border-radius: 50px;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    z-index: 999;
    -webkit-box-shadow: 0 0 10px 5px rgba(136, 133, 133, 0.5);
    -moz-box-shadow: 0 0 10px 5px rgba(136, 133, 133, 0.5);
    -ms-box-shadow: 0 0 10px 5px rgba(136, 133, 133, 0.5);
    -o-box-shadow: 0 0 10px 5px rgba(136, 133, 133, 0.5);
    box-shadow: 0 0 10px 5px rgba(136, 133, 133, 0.5);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    animation: flash 3s infinite;
}
.products-carousel .owl-prev {
    position: absolute;
    top: -118px;
    right: 62px;
}
.products-carousel .owl-next {
    position: absolute;
    top: -118px;
    right: 3px;
}
#tab-description {
    color: var(--secondary-light-color);
}
/* all media */
@media (max-width: 2600px){
    .container{
        max-width: 1470px;
    }
}
@media(min-width:1501px){
    
    #column-left, #column-right {
        width: 20%;
    }
    #content.col-sm-9 {
        width: 80%;
    }
    #content.col-sm-9 {
        width: 80%;
    }
}


@media (max-width: 1500px){
    .container{
        max-width: 1170px;
    }
    #logo img {
        max-width: 140px;
    }
    .html1 .banner-offer {
        top: 15px;
    }
    .html1 .col-xs-6:nth-child(1) .banner-detail {
        transform: translate(-50%, -50%);
    }
    .html1 .col-xs-6:nth-child(2) .banner-detail {
        transform: translateY(-50%);
    }
    .html1 .banner-detail h1.banner-title {
        font-size: 26px;
    }
    .slideTestimonial .row-items .themability-testimonial-images img {
        width: 100%;
    }
    .themability-testimonial-images {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: -50px;
        width: 100px;
    }
    .product-list .product-thumb .image {
        float: left;
        width: 45.6%;
    }
    .themability-testimonial-content {
        padding: 20px;
        margin-top: 50px;
    }
    .blog-right {
        padding: 15px;
    }
    .blog-details {
        padding: 15px;
        margin-top: -30px;
    }
    .blog_title {
        font-size: 16px;
        margin: 10px 0 0 0;
    }
    .blog-desc {
        margin: 8px 0 0 0;
    }
    .read-more {
        margin: 10px 0 0 0;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .hidden-sm {
        display: none!important;
}}

@media (max-width: 1199px) and (min-width: 992px){
    .header-center {
        border-top: 1px solid var(--border-color);
        text-align: center;
    }
}

@media (min-width: 1200px){
    .horizontal ul.themability_megamenu>li {
        padding: 20px 0;
    }
}

@media (max-width: 1199px){
    #logo img {
        max-width: 110px;
    }
    .container{
        max-width: 970px;
    }
    .contact-info a i {
        margin: 0 8px 0 0;
        font-size: 17px;
    }
    .header-right {
        float: right;
        padding-bottom: 0;
        padding-top: 0;
    }
    #product-category .product-grid .product-thumb{
        width: 50%;
    }
    .footer-bottom {
        margin: 20px 0 0 0;
        padding: 10px 0;
    }
    .top-left {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .top-right .dropdown-toggle {
        padding: 10px 0;
    }
    .top-right .dropdown-toggle i {
        font-size: 14px;
    }
    .store-description p {
        margin: 0 0 10px;
    }
    .social-media a {
        height: 34px;
        width: 34px;
        line-height: 34px;
    }
    .html1 .col-xs-6:nth-child(1) .banner-offer {
        left: 10px;
    }
    .html1 .col-xs-6:nth-child(2) .banner-offer {
        left: unset;
        right: 10px;
    }
    .html1 .banner-offer {
        width: 70px;
        height: 70px;
    }
    .html1 .banner-offer div {
        font-size: 14px;
    }
    .html1 .banner-detail h1.banner-title {
        font-size: 20px;
    }
    .html1 .banner-detail h1.banner-title {
        margin: 7px 0 10px 0;
    }
    .html2 .banner-detail button.btn-info, .html1 .banner-detail button.btn-info {
        padding: 5px 10px;
    }
    .html1 .banner-detail .banner-desc {
        font-size: 14px;
    }
    .html1 .col-xs-6:nth-child(1) .banner-detail {
        transform: translate(-10%, -50%);
    }
    .html1 .col-xs-6:nth-child(2) .banner-detail {
        transform: translateY(-50%);
        left: 15px;
    }
    footer .about-info a img {
        max-width: 120px;
    }
    .service {
        padding: 0 5px 10px;
    }
    .service-content h4 {
        font-size: 14px;
    }
    .service-content span {
        font-size: 13px;
    }
    .html2 .banner-detail .banner-title {
        font-size: 28px;
        margin-top: 15px;
    }
    .html2 .banner-desc2 {
        margin: 15px 0 20px;
    }
    .category-content #select-category, .filter_box, #column-left .block_box, #column-right .block_box, .account-content .list-unstyled, .sidebar .list-unstyled {
        padding: 15px;
    }
    .product-seller .image img {
         width: 102%;
    }
    #column-left .product-layout+.product-layout .product-thumb, #column-right .product-layout+.product-layout .product-thumb {
        margin: 15px 0 0 0;
    }
    .html2 .banner-detail button.btn-info, .html1 .banner-detail button.btn-info {
        padding: 5px 10px;
    }
    .home-demo .owl-dot {
        height: 8px;
        width: 8px;
        top: -8px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    #content .col-md-2:nth-child(6n+1), #content .col-md-3:nth-child(4n+1), #content .col-md-4:nth-child(3n+1), #content .col-md-6:nth-child(2n+1) {
        clear: left;
    }
}
@media (max-width: 991px) and (min-width: 601px), (max-width: 425px){
    .service {
        display: flex;
        align-items: center;
        text-align: left;
        margin-left: 25px;
        padding: 10px 5px;
    }
    .service .service-icon {
        margin: 0 10px 0 -30px;
    }
}

@media (min-width: 992px){
    .product-thumb .button-group {
        right: 0;
        opacity: 0;
    }
    .product-thumb:hover .button-group {
        opacity: 1;
        right: 15px;
    }
    .brand .owl-next {
        opacity: 0;
        right: -25px;
    }
    .brand .owl-prev{
        opacity: 0;
        left: -25px;
    }
    .brand:hover .owl-next {
        opacity: 1;
        right: -1px;
    }
    .brand:hover .owl-prev {
        opacity:1;
        left: -1px;
    }
}
@media (max-width: 767px) and (min-width: 501px){
    .pro-image a.thumbnail {
       max-width: 500px;
       margin: 0 auto;
    }
}
@media (max-width: 991px){
    .navbar-header .navbar-toggle {
        display: block;
    }
    .product-block, .category-layout, .product-layout, .brand .col-sm-12, .service-item.col-xs-6, .html1 .col-xs-6, .html2 .col-xs-6 {
        padding: 0 5px;
    }
    .container{
        max-width: 750px;
    }
    .news .subscribe-form {
        margin-top: 10px;
    }
    .products-carousel .owl-prev {
        position: absolute;
        top: -98px;
        right: 40px;
    }
    .products-carousel .owl-next {
        position: absolute;
        top: -98px;
        right: 0px;
    }
    .product-thumb .button-group button + button {
        margin: 5px 0 0 0;
    }
    .product-right .pro-buttons button.btn {
        padding: 0 0 0 10px;
    }
    .product-right .pro-buttons button i {
        margin: 0;
    }
    .category-box{
        padding: 0px;
    }
    #blog-carousel{
        padding: 0px;
    }
    .btn, .btn-default, .btn-primary, .danger-btn-danger {
        padding: 8px 20px;
        font-size: 16px;
    }
    .cart_quantity input.form-control {
        height: 44px;
    }
    .article-blog .blog-description {
        margin: -30px 15px 0 15px;
        padding: 15px;
    }
    #content, #column-left, #column-right {
        width: 100%;
    }
    .breadcrumb-main {
        padding: 20px 0;
    }
    #quick-cart, #button-cart {
        padding: 6px 15px;
        font-size: 12px;
    }
    .proquantity-detail {
        margin: 0 0 15px 0;
        display: block;
    }
    .pro-cart {
        float: left;
    }
    .product-right .pro-buttons button.btn {
        padding: 0 0 0 10px;
    }
    .breadcrumb-main .page-title  {
        font-size: 18px;
        margin: 0 0 5px;
    }
    .breadcrumb a {
        font-size: 14px;
    }
    #column-left>div:first-child, #column-right>div:first-child {
        margin: 0;
    }
    .service-item{
        width: 50%;
    }
    .product-list .product-thumb .caption {
        padding: 10px 20px 10px 30px;
    }
    .product-list .product-thumb .rating {
        margin: 5px 0 0 0;
    }
    .product-list .product-thumb .price {
        margin: 8px 0 0 0;
    }
    .product-list .product-thumb .description {
        margin: 6px 0 0 0;
    }
    #banner0{
        display: none;
    }
    .product-list .product-thumb .button-group.btn-list {
        margin: 12px 0 0 0;
    }
    .product-list .product-thumb .button-group.btn-list button + button {
        margin: 0 0 0 8px;
    }
    .product-list .product-thumb .image {
        float: left;
        width: 50%;
    }
    .themabilitynewsletterblock .news-description {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .category-info {
        padding: 10px;
    }
    .category-info {
        margin-bottom: 20px;
    }
    .news .subscribe-form {
        margin: 10px auto auto;
    }
    .themabilitynewsletterblock {
        padding: 20px;
    }
    .brand .owl-next {
        opacity: 1;
        right: 0px;
    }
    .brand .owl-prev{
        opacity: 1;
        left: 0px;
    }
    #themability_newsletter_usr_email {
        height: 40px;
    }
    .service-item:nth-child(3), .service-item:nth-child(4) {
        margin-top: 10px;
    }
    /* .product-block, .category-layout, .product-layout, .brand .col-sm-12, .service-item.col-xs-6, .html1 .col-xs-6, .html2 .col-xs-6 {
        padding: 0 5px;
    } */
    .all-blog>.row, .blogs .row, .category-row.row, .category-featured .row, .box .row, .brand .row, .service-box .row, .html1 .row, .product-tabs .tab-content>.row, .html2 .row {
        margin: 0 -5px;
    }
    .service-box .promo-item {
        padding-top: 0;
    }
    .blog-image .post_hover, .product-block-inner:hover .post_hover {
        opacity: 1;
        top: 5px;
        left: 5px;
    }
    .additional.fa-angle-left,.additional.fa-angle-right {
        
        top: 0px;
    }
    .news {
        margin-top: 30px;
    }
    .brand .brand-carousel {
        padding: 30px 0;
    }
    .brand, .news{
        width: 100%;
    }
    .product-block {
        margin-bottom: 20px;
    }
    .post_hover .icon {
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin: 0;
    }
    .category-thumb .cat-title h4 {
        font-size: 16px;
        margin: 10px 0 0 0;
    }
    .category-thumb {
        margin-bottom: 20px;
    }
    .page-title h3 {
        font-size: 20px;
        margin: 0 0 20px;
    }
    .product-thumb .button-group {
        margin: auto;
        right: 5px;
        top: 5px;
    }
    .product-thumb .button-group button {
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .product-thumb .caption {
        text-align: center;
    }
    .product-thumb h4 {
        font-size: 14px;
        display: block;
        margin: 5px 0 0 0;
    }
    .product-thumb .rating {
        margin: 3px 0 0 0;
        float: unset;
        display: block;
    }
    .product-thumb .price {
        display: block;
        font-size: 14px;
        margin: 6px 0 0 0;
    }
    .owl-prev {
        position: absolute;
        top: -45px;
        right: 42px;
    }
    .owl-next {
        position: absolute;
        top: -45px;
        
    }
    .home-demo .owl-next {
        display: block;
        position: absolute;
        top: calc(50% - 8px);
        right: 8px;
    }
    .home-demo .owl-prev {
        display: block;
        position: absolute;
        top: calc(50% - 8px);
        left: 8px;
    }
    .fa-angle-left, .fa-angle-right {
        height: 36px;
        width: 36px;
        font-size: 16px;
        line-height: 36px;
    }
    .header-right>*+* {
        margin: 0 0 0 20px;
    }
    .service .service-icon {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 24px;
    }
    #content, #column-left, #column-right {
        width: 100%;
    }
    #column-left, #column-right {
        margin-top: 30px;
    }
    #column-left .product-thumb>.image, #column-right .product-thumb>.image {
        width: 77px;
    }
    footer .col-md-2, footer .col-md-3 {
        width: 100%;
        float: unset;
    }
    footer .col-md-3:after, footer .col-md-2:after {
        content: "";
        height: 1px;
        width: 100%;
        background: var(--border-color);
        display: block;
        margin: 12px 0;
    }
    footer .col-md-3:last-child:after {
        display: none;
    } 
    .toggled .toggle-open {
        position: absolute;
        right: 15px;
    }
    #column-left>div:last-child, #column-right>div:last-child, #column-left>div, #column-right>div {
        margin: 20px 0 0 0;
    }
    .mt-50 {
        margin-top: 30px;
    }
    footer {
        padding-top: 20px;
    }
    footer h5, .position-footer-right h4 {
        font-size: 16px;
        margin: 0 0 4px 0;
    }
    .position-footer-right {
        text-align: center;
    }
    .related1 .product-layout ,.related1 .product-thumb{
        padding: 0;
    }
    .product-tabs .tab-pane {
        padding: 0px 0px;
    }
}
@media (max-width: 767px){
    .fa-angle-left, .fa-angle-right {
        height: 32px;
        width: 32px;
        font-size: 12px;
        line-height: 32px;
    }
    .category-info .row{
        justify-content: center;
    }
    .news .subscribe-form {
        margin: 10px auto auto;
    }
    footer .copyright {
        text-align: center;
    }
    .hidden-xs {
        display: none!important;
    }
    .category-info {
        text-align: center;
    }
    .pagination-main .pagination {
        margin: 7px 0 0 0;
    }
    .pagination-main {
        padding: 10px 15px;
    }
    .pagination-main .pagination_result {
        padding: 0;
        line-height: 25px;
    }
    .pagination-main .pagination>li>a, .pagination-main .pagination>li>span {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }
    .information-information .description {
        margin: 0 0 15px;
    }
    .category-info .category-list-grid, .category-info .category-compare {
         width:auto ; 
        float: unset;
        display: inline-block;
    }
    .product-left ,.product-right{
        width: 100%;
    }
    .category-sorting {
        text-align: center;
        width: auto;
    }
    .payment {
        float: unset;
        text-align: center;
    }
    #column-left>div:last-child, #column-right>div:last-child, #column-left>div, #column-right>div {
        margin: 15px 0 0 0;
    }
    .payment img{
        width: 34px;
        margin: 0 0 0 6px;
    }
    .mt-20 {
        margin-top: 0;
    }
    .mt-50 {
        margin-top: 20px;
    }
    #frmthemabilitynewsletter .subscribe-btn {
        padding: 10px;
    }
    .news .page-title {
        text-align: center;
    }
    .page-title h3 {
        margin: 0 0 15px;
    }
    .images-hover.image {
        max-width: 100px;
        max-height: 100px;
        padding: 26px;
    }
    .html2 .banner-desc {
        font-size: 18px;
    }
    .html2 .banner-detail .banner-title {
        margin-top: 10px;
        font-size: 22px;
    }
    .html2 .banner-desc2 {
        font-size: 16px;
        margin: 10px 0 13px;
    }
    .news {
        text-align: center;
    }
    .pagination-main>div>div {
        text-align: center;
    }
    .pagination-main .pagination {
        margin: 7px 0 0 0;
    }
     .transition{
        padding: 0 5px;
    }
    .product-tabs .transition{
        padding: 0px;
    }
    #column-left, #column-right {
        margin-top: 20px;
    }
    #column-left>div:last-child, #column-right>div:last-child, #column-left>div, #column-right>div {
        margin: 15px 0 0 0;
    }
}
@media (max-width: 600px) and (min-width: 426px){
    .service {
        padding: 0 4px 10px;
        margin-top: 25px;
    }
    .additional.fa-angle-left, .additional.fa-angle-right {
        top: 10px;
    }

    .service .service-icon {
        margin: -25px auto 12px;
    }
}

@media (min-width: 768px){
    .navbar-header {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }
    .col-form-label {
        text-align: right;
    }
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
    /* .contact-left{
        width: 33.333333%;
    } */

}
@media(max-width:692px){
    .category-sorting{
     padding: 10px 10px 0; }
}
@media(max-width: 600px){
    .html1 .col-xs-6 {
        width: 100%;
    }
    .html1 .col-xs-6:nth-child(2) {
        margin-top: 20px;
    }
    .owl-prev {
        position: absolute;
        top: -41px;
        right: 42px;
    }
    .owl-next {
        position: absolute;
        top: -41px;
    }
    .product-list .product-thumb {
        border: 1px solid var(--border-color);
        padding: 15px 15px 5px 15px;
    } 
    .product-list .product-thumb {
         border: 1px solid var(--border-color); 
        padding: 15px 15px 5px 15px; 
    }
    
}
/* 575 */
@media (max-width: 575px){
    #top .row {
        justify-content: space-between;
    }
    .top-left, .top-right {
        width: auto;
    }
    .nav-pills .nav-link,.nav-pills .nav-link.active{
        font-size: 16px;
        padding: 4px 6px;
    }
    .products-carousel .owl-prev ,.products-carousel .owl-next {
        top: -86px;
    }
    .html2 .banner-desc {
        font-size: 14px;
    }
    .html2 .banner-detail .banner-title {
        font-size: 15px;
        margin: 6px 0 10px;
    }
    .html2 .banner-desc2 {
        display: none;
    }
    .product-list .product-thumb {
        border: 1px solid var(--border-color);
        padding: 15px 15px 5px 15px;
    }
    .product-list .product-thumb .image {
        margin: 0;
        margin-right: auto;
        margin-left: auto;
        float: unset;
        display: block;
    }
    .product-list .product-thumb .caption {
        padding: 10px 0;
    }
    .product-list .product-thumb .image img {
        width: 100%;
    }
    .product-list .product-description {
        overflow: hidden;
        width: 100%;
    }
}
/* 480 */
@media (max-width: 480px){
    .contact-info span {
        display: none;
    }
    span.symbol {
        display: none;
    }
    .top-right span.drop-text:after {
        content:none;
        padding: 0 5px;
    }
    .top-right>div+div {
        margin: 0 0 0 16px;
    }
    .product-list .product-thumb .image {
        float: left;
        width: 98.6%;
    }
}
@media (max-width: 425px){
    .header-search {
        right: -12px;
        width: 190px;
    }
    .service-box .service-item {
        width: 100%;
    }
    .service-item:nth-child(2) {
        margin-top: 10px;
    }
    .themability-testimonial-content {
        margin-top: -30px;
        padding: 50px 15px 15px 15px;
        text-align: center;
    }
    .themability-testimonial-images {
        float: unset;
        display: block;
        margin: 0 auto auto auto;
    }
    .home-demo .owl-dots {
        position: relative;
        /* top: 40px; */
        /* display: flex; */
        text-align: center;
        bottom: -2px;
        margin-top: -21px;
    }
    .home-demo .owl-dot {
        height: 5px;
        width: 5px;
       
    }

}
@media(max-width:380px){
    .category-sorting .sort-cat {
        margin: 0 0 7px 0;
    }
    .btn-1 ,.btn-2 {
        padding: 8px 14px;
        font-size: 14px;
    }
    .product-content .product-rating {
        display: block;
        margin: 0 0 15px 0;
    }
}

/* gallery style*/
.portfolio__filter {
    border: 1px solid #f1f1f1;
    border-radius: 20px;
    width: 100%;
  }
  .portfolio__filter .filter-button {
    display: inline-block;
    padding: 10px 23px;
    background: transparent;
    border: none;
    color: #9b9b9b;
    letter-spacing: 0;
    font-size: 13px;
    cursor: pointer;
    font-weight: 300;
  }
  .portfolio__filter .filter-button:hover,
  .portfolio__filter .filter-button:focus,
  .portfolio__filter .filter-button:active {
    background: #2e52c2;
    border-radius: 20px;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  }
  .portfolio__filter .filter-button:focus {
    outline: 0;
  }
  .portfolio__filter {
    display: inline-block;
    text-align: center;
    margin: 30px 0;
  }
  .portfolio__img img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    padding: 15px 15px;
    border-radius: 30px;
  }
  .btn__load {
    display: inline-block;
    margin: 40px 0 0;
    width: 100%;
  }
  /* gallery style*/

  .right_conatct_social_icon {
    background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);
  }
  .contact_us {
    background-color: #f1f1f1;
    padding: 60px 0px;
  }
  
  .contact_inner {
    background-color: #fff;
    position: relative;
    box-shadow: 20px 22px 44px #cccc;
    border-radius: 25px;
    padding: 30px;
  }
  .contact_field {
    padding: 30px 20px;
  }
  .right_conatct_social_icon {
    height: 100%;
  }
  
  .contact_field h3 {
    color: #000;
    font-size: 40px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .contact_field p {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 35px;
  }
  .contact_field .form-control {
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ccc;
  }
  .contact_field .form-control:focus {
    box-shadow: none;
    outline: none;
    border-bottom: 2px solid #1325e8;
  }
  .contact_field .form-control::placeholder {
    font-size: 13px;
    letter-spacing: 1px;
  }
  
  .contact_info_sec {
    position: absolute;
    background-color: #e6ddd6;
    right: 1px;
    top: 18%;
    height: 340px;
    width: 340px;
    padding: 40px;
    border-radius: 25px 0 0 25px;
  }
  .contact_info_sec h4 {
    letter-spacing: 1px;
    padding-bottom: 15px;
  }
  
  .info_single {
    margin: 30px 0px;
  }
  .info_single i {
    margin-right: 15px;
  }
  .info_single span {
    font-size: 14px;
    letter-spacing: 1px;
  }
  
  button.contact_form_submit {
    background: #e6ddd6;
    border: none;
    color: black;
    padding: 10px 15px;
    width: 100%;
    margin-top: 25px;
    border-radius: 35px;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 2px;
  }
  .socil_item_inner li {
    list-style: none;
  }
  .socil_item_inner li a {
    color: #fff;
    margin: 0px 15px;
    font-size: 14px;
  }
  .socil_item_inner {
    padding-bottom: 10px;
  }
  
  .map_sec {
    padding: 50px 0px;
  }
  .map_inner h4,
  .map_inner p {
    color: #000;
    text-align: center;
  }
  .map_inner p {
    font-size: 13px;
  }
  .map_bind {
    margin-top: 50px;
    border-radius: 30px;
    overflow: hidden;
  }
  
  /* Responsive Styles */
  @media (max-width: 991px) {
    .contact_inner {
      padding: 20px;
    }
    .contact_field {
      padding: 20px;
    }
    .contact_info_sec {
      position: relative;
      right: 0;
      top: 0;
      width: 100%;
      height: auto;
      border-radius: 0;
      margin-top: 30px;
    }
    .contact_info_sec h4 {
      text-align: center;
    }
    .info_single {
      justify-content: left;
    }
    .map_inner h4 {
      font-size: 20px;
    }
  }
  
  @media (max-width: 767px) {
    .contact_field h3 {
      font-size: 30px;
    }
    .contact_field p {
      font-size: 12px;
    }
    .contact_info_sec {
      padding: 20px;
    }
    .info_single span {
      font-size: 12px;
    }
    .contact_field .form-control::placeholder {
      font-size: 12px;
    }
    button.contact_form_submit {
      font-size: 12px;
    }
  }
  
  @media (min-width: 1200px) {
    .contact_inner {
      padding: 60px;
    }
    .contact_field {
      padding: 60px 100px;
    }
  }