:root {
    --theme-deafult: #ff4c3b
}

body {
    font-family: Lato, sans-serif;
    position: relative;
    background: #fff;
    font-size: 14px
}

h2 {
    font-size: 34px;
    color: #222;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0
}

h3 {
    font-size: 24px;
    font-weight: 400;
    color: #777;
    letter-spacing: .03em
}

h4 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 1
}

h5 {
    font-size: 16px;
    font-weight: 400;
    color: #222;
    line-height: 24px;
    letter-spacing: .05em
}

h6 {
    font-size: 14px;
    font-weight: 400;
    color: #777;
    line-height: 24px
}

ul {
    padding-left: 0;
    margin-bottom: 0
}

li {
    display: inline-block
}

p {
    font-size: 14px;
    color: #777;
    line-height: 1
}

a {
    -webkit-transition: .5s ease;
    transition: .5s ease
}

a:hover {
    text-decoration: none;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    text-decoration: none !important;

}

a:focus {
    outline: 0
}

button:focus {
    outline: 0
}

.section-t-space,
section {
    padding-top: 0 !important;
    padding-bottom: 30px
}

.section-b-space {
    padding-bottom: 30px
}

.form-control {
    border-radius: 0
}

.light-layout {
    background-color: #f9f9f9
}

del {
    font-size: 14px;
    color: #aaa;
    font-weight: 400
}

.blur-up {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transition: filter .4s, -webkit-filter .4s
}

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0)
}

button {
    cursor: pointer
}

.btn {
    line-height: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    border-radius: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.onhover-div .btn-solid {
    padding: 6px 29px;
    color: #fff;
    letter-spacing: .05em;
    border: 2px solid var(--theme-deafult);
    background-color: var(--theme-deafult);
    background-size: 850px;
    text-transform: none;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.onhover-div .btn-solid:hover {

    background-color: #fff !important;
    color: var(--theme-deafult);
    background-position: 100%
}

.btn-solid {
    padding: 8px 15px;
    color: #fff !important;
    border: 1px solid var(--theme-deafult) !important;
    background: var(--theme-deafult) !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    transition: 0.5s all;
    text-transform: capitalize;
    border-radius: 6px;
}

button.btn.quantity-right-plus:focus {
    box-shadow: none !important;
}

button.btn.quantity-left-minus:focus {
    box-shadow: none !important;
}

.btn-solid:hover {
    color: var(--theme-deafult) !important;
    background-color: transparent !important;
}

.onhover-dropdown {
    position: relative;
    font-size: 14px
}

.onhover-dropdown:before {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 3px
}



.onhover-dropdown .onhover-show-div {
    top: 50px;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s;
    min-width: 160px;
    text-align: left;
    -webkit-box-shadow: 0 0 1px 0 #ebebeb;
    box-shadow: 0 0 1px 0 #ebebeb;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    right: 0;
    padding: 15px 20px;
    border-radius: 0 !important
}

.onhover-div {
    position: relative;
    padding: 0;
    font-family: Lato, sans-serif
}

.onhover-div i,
.onhover-div img {
    cursor: pointer
}

.main-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 0;
}

footer {
    position: relative
}

footer p {
    line-height: 32px;
    letter-spacing: .03em;
    margin-bottom: 0
}

.footer-theme .sub-title h4 {
    color: #222;
    margin-bottom: 10px;
    font-weight: 700
}

.footer-theme .sub-title li {
    position: relative;
    display: inherit;
    padding-top: 13px;
    text-transform: capitalize;
    font-size: 14px;
    color: #777
}

.footer-theme .sub-title li a {
    position: relative;
    color: #777
}

.footer-theme .sub-title li a:before {
    position: absolute;
    top: 20px;
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--theme-deafult);
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.footer-theme .sub-title .contact-list i {
    left: 0;
    top: 21px
}

.footer-theme .sub-title .contact-list li {
    position: relative;
    padding-left: 25px;
    line-height: 28px
}

.footer-theme .sub-title .contact-list li:last-child {
    margin-bottom: -5px
}

.sub-footer {
    background-color: #fff
}

.sub-footer p {
    color: #777;
    margin-bottom: 0;
    padding: 5px 0
}

.tap-top {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 9;
    display: none;
    color: #fff;
    text-align: center;
    background: var(--theme-deafult);
    border: none;
    font-size: 22px;
    padding: 7px;
    cursor: pointer
}

.tap-top.top-cls {
    bottom: 130px
}

.sm,
.sm li,
.sm ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left
}

.sm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

.sm ul {
    display: none
}

.sm li {
    position: relative
}

.sm a {
    position: relative;
    display: block
}

.sm * {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.sm::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.sm::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.sm::after {
    content: "";
    display: block;
    height: 0;
    font: 0/0 serif;
    clear: both;
    overflow: hidden
}

.pixelstrap ul {
    border-radius: 0
}

.pixelstrap a,
.pixelstrap a:active,
.pixelstrap a:hover {
    padding-right: 45px;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 42px;
    padding-bottom: 42px;
    letter-spacing: .07em
}

.pixelstrap>li:last-child>:not(ul) a,
.pixelstrap>li:last-child>a,
.pixelstrap>li:last-child>ul,
.pixelstrap>li:last-child>ul>li:last-child>:not(ul) a,
.pixelstrap>li:last-child>ul>li:last-child>a,
.pixelstrap>li:last-child>ul>li:last-child>ul,
.pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a,
.pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>a,
.pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a,
.pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a,
.pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul {
    border-radius: 0
}

.pixelstrap ul {
    background: #fff
}

.pixelstrap li a {
    position: relative
}

body.al_body_template_four .img-outer-box.position-relative {
    height: 260px
}

.supplier-rating {
    height: 70px;
    overflow-y: auto
}

.pixelstrap ul.alInnerMenu li:hover a {
    border-color: var(--theme-deafult) !important
}

.pixelstrap ul.alInnerMenu li a {
    padding: 10px 5px !important;
    text-align: left;
    margin: 0 !important;
    width: 100%;
    border-left: 2px solid transparent !important
}

.onhover-show-div li a {
    color: #333;
    display: block;
    width: 100%;
    border-left: 3px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    padding: 5px 15px
}

.onhover-show-div li a:hover {
    color: var(--theme-deafult);
    border-color: var(--theme-deafult);
    background: linear-gradient(90deg, var(--theme-deafult) -540%, #fff 100%)
}

.onhover-show-div li.active {
    color: var(--theme-deafult);
    border-color: var(--theme-deafult) !important;
    background: linear-gradient(90deg, var(--theme-deafult) -540%, #fff 100%)
}

.onhover-show-div li.active a {
    border-color: var(--theme-deafult) !important;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

.close:hover {
    color: #000;
    text-decoration: none;
    opacity: 1
}

button.close {
    padding: 5px 10px 0 4px;
    text-align: right;
    z-index: 999;
    position: relative
}

#address-map-container {
    padding: 12px
}

body.al_body_template_four .exzoom_nav.side_nav_img img {
    width: 100%;
    height: 90px;
    object-fit: cover;
    border: 1px solid #F0F0F0;
    padding: 10px
}

input.form-control.border-0.map-input.pac-target-input {
    border: 0 !important;
}

@media (min-width:1200px) {
    .toggle-nav {
        display: none
    }

    .center-margin {
        margin-right: -30px
    }

    .sm-vertical li ul li a .sub-arrow {
        margin-top: -15px !important
    }

    .mobile-back {
        display: none !important
    }

    .pixelstrap ul {
        position: absolute;
        width: 16em !important
    }

    .pixelstrap li {
        position: relative;
        float: left
    }

    .pixelstrap.sm-rtl li {
        float: right
    }

    .pixelstrap ul li,
    .pixelstrap.sm-rtl ul li,
    .pixelstrap.sm-vertical li {
        float: none
    }

    .pixelstrap a {
        white-space: nowrap
    }

    .pixelstrap ul a,
    .pixelstrap.sm-vertical a {
        white-space: normal
    }

    .pixelstrap .sm-nowrap>li>:not(ul) a,
    .pixelstrap .sm-nowrap>li>a {
        white-space: nowrap
    }

    .pixelstrap .sm-nowrap>li>:not(ul) a.highlighted,
    .pixelstrap .sm-nowrap>li>a.highlighted {
        white-space: nowrap
    }

    .sm-horizontal .mega-menu li a {
        padding: 0
    }

    .sm-horizontal .mega-menu li a:active,
    .sm-horizontal .mega-menu li a:focus {
        padding: 0
    }

    .pixelstrap ul {
        -webkit-box-shadow: 0 0 1px 0 #ebebeb;
        box-shadow: 0 0 1px 0 #ebebeb
    }

    .pixelstrap .mega {
        position: static !important
    }

    .pixelstrap .mega ul {
        margin-left: 0 !important
    }

    .pixelstrap .mega ul ul {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .pixelstrap .clothing-menu,
    .pixelstrap .full-mega-menu {
        -webkit-box-shadow: 0 0 1px 0 #ebebeb;
        box-shadow: 0 0 1px 0 #ebebeb
    }

    .pixelstrap .clothing-menu a,
    .pixelstrap .full-mega-menu a {
        padding: 0;
        position: relative
    }

    .pixelstrap .full-mega-menu {
        position: absolute;
        background-image: url(../../images/mega.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover
    }

    .pixelstrap .full-mega-menu.center-mega-menu {
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .pixelstrap .full-mega-menu.layout-3 {
        margin-left: -100px !important;
        -webkit-transform: unset !important;
        transform: unset !important
    }

    .pixelstrap .full-mega-menu ul {
        background-color: transparent
    }

    .pixelstrap .full-mega-menu .mega-box {
        max-width: 20%
    }

    .pixelstrap .category-menu.center-menu {
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .pixelstrap a .sub-arrow::before {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute
    }

    .pixelstrap ul {
        border: none;
        padding: 15px 0 15px 0;
        background: #fff
    }

    .pixelstrap ul ul {
        background: #fff
    }

    .pixelstrap ul a {
        position: relative
    }

    .pixelstrap ul a:before {
        position: absolute;
        bottom: 0;
        content: "";
        height: 2px;
        width: 0;
        background-color: var(--theme-deafult);
        -webkit-transition: .5s ease;
        transition: .5s ease
    }

    .pixelstrap ul a,
    .pixelstrap ul a.highlighted,
    .pixelstrap ul a:active,
    .pixelstrap ul a:focus,
    .pixelstrap ul a:hover {
        border: 0 !important;
        background: 0 0;
        color: #222;
        border-radius: 0 !important;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 5px 35px
    }

    .pixelstrap ul a.highlighted:hover:before,
    .pixelstrap ul a:active:hover:before,
    .pixelstrap ul a:focus:hover:before,
    .pixelstrap ul a:hover:before,
    .pixelstrap ul a:hover:hover:before {
        width: 50px;
        height: 2px;
        -webkit-transition: .5s ease;
        transition: .5s ease
    }

    .pixelstrap ul a .sub-arrow:before {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute
    }

    .pixelstrap ul li {
        border: 0
    }

    .pixelstrap .scroll-down,
    .pixelstrap .scroll-up {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #fff;
        height: 20px
    }

    .pixelstrap .scroll-down-arrow,
    .pixelstrap .scroll-up-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #ff3522 transparent
    }

    .pixelstrap .scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #ff3522 transparent transparent transparent
    }

    .pixelstrap.sm-rtl.sm-vertical a .sub-arrow:before {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute
    }

    .pixelstrap.sm-rtl>li:first-child {
        border-left: 1px solid #ff3522
    }

    .pixelstrap.sm-rtl>li:last-child {
        border-left: 0
    }

    .pixelstrap.sm-rtl ul a .sub-arrow {
        right: auto;
        left: 10px
    }

    .pixelstrap.sm-vertical a {
        padding: 9px 23px
    }

    .pixelstrap.sm-vertical a .sub-arrow:before {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute
    }

    .pixelstrap.sm-vertical>li {
        border-left: 0 !important
    }

    .main-nav-center>nav {
        text-align: center
    }

    .main-nav-center .sm {
        display: inline-block;
        vertical-align: middle
    }

    .main-nav-center .sm>li .lable-nav {
        top: 3px
    }

    .main-nav-center .sm>li>a {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .main-nav-center .sm>li>a>span.sub-arrow {
        display: ruby-text-container
    }

    .layout3-menu .pixelstrap a {
        text-transform: capitalize;
        padding-right: 34px;
        letter-spacing: .04em
    }

    .layout3-menu .pixelstrap .sub-arrow {
        right: 12px
    }

    .rtl .pixelstrap .category-menu {
        width: 698px !important
    }

    .rtl .pixelstrap .category-menu.center-menu {
        left: 0 !important;
        -webkit-transform: unset;
        transform: unset
    }

    .rtl .pixelstrap .full-mega-menu {
        right: auto !important
    }

    .rtl .pixelstrap ul a:before {
        right: 35px
    }

    .rtl .pixelstrap ul ul {
        right: 100%;
        left: unset !important
    }

    .rtl .mega .full-mega-menu {
        float: left !important;
        right: auto !important
    }

    .rtl .mega .full-mega-menu.center-mega-menu {
        margin-right: 0 !important;
        margin-left: 0 !important;
        left: unset !important;
        right: 50% !important
    }

    .rtl .layout3-menu .light-font-menu li>a,
    .rtl .layout3-menu .light-font-menu li>a:active,
    .rtl .layout3-menu .light-font-menu li>a:hover {
        padding-right: 0;
        padding-left: 28px
    }

    .rtl .layout3-menu .light-font-menu .sub-arrow {
        left: -5px;
        right: auto
    }

    .rtl .sm-horizontal .mega ul {
        float: right;
        right: 0
    }

    .rtl .sm-horizontal .mega ul li {
        text-align: right
    }

    .rtl .sm-horizontal ul li {
        text-align: right
    }

    .rtl .sm-horizontal ul li a .sub-arrow {
        left: 15px;
        right: auto
    }

    .rtl .pixelstrap .full-mega-menu.layout-3 {
        margin-right: -100px !important
    }

    .rtl .light-font-menu .mega ul {
        float: right;
        left: unset !important;
        right: 0 !important
    }

    .rtl .sidenav .pixelstrap li ul li a:focus,
    .rtl .sidenav .pixelstrap li ul li a:hover {
        padding: 5px 35px
    }

    .rtl .sidenav .pixelstrap li ul li a:before {
        right: 35px
    }

    .rtl .sidenav .pixelstrap li a .sub-arrow {
        right: 7px;
        left: unset
    }

    .rtl .sidenav .pixelstrap .mega-menu li ul li a:before {
        right: 0
    }

    .rtl .sidenav .sidebar-back i {
        float: left
    }

    .rtl header.header-5 .top-header .header-dropdown>li:last-child {
        padding: 15px 25px;
        padding-left: 0
    }
}

@media (max-width:1440px) {
    .pixelstrap .category-menu {
        width: 698px !important
    }

    .pixelstrap .full-mega-menu.layout-3 {
        margin-left: 0 !important
    }

    .rtl .pixelstrap .mega .full-mega-menu {
        margin-left: 0 !important;
        margin-right: 162px !important
    }

    .rtl .pixelstrap .mega .full-mega-menu.layout-3 {
        margin-right: 0 !important
    }

    .header-style-5.color-style .main-nav-center .sm>li>a {
        padding-top: 12px;
        padding-bottom: 14px
    }

    .header-style-5 .main-nav-center .sm>li .lable-nav {
        top: -5px
    }

    .navbar ul.navbar-nav.pixelstrap li {
        width: 100%
    }

    .navbar ul.navbar-nav.pixelstrap li a {
        font-size: 15px;
        letter-spacing: 0;
        text-transform: none;
        line-height: normal;
        padding: 10px;
        display: block
    }

    header .navbar .has-menu:hover>.dropdown-menu {
        padding: 0
    }
}

@media (max-width:1367px) {
    .pixelstrap .full-mega-menu.layout-3 {
        width: 1079px !important
    }

    .pixelstrap a {
        font-size: 14px
    }

    .pixelstrap a:active,
    .pixelstrap a:hover {
        font-size: 14px
    }
}

@media (max-width:1199px) {
    .mega-box .link-section .demo ul li a span img {
        top: 30px;
        right: -60px
    }

    .sm-horizontal .mobile-back {
        padding: 20px;
        font-size: 18px;
        color: #222;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid #efefef;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mega-box.col {
        -ms-flex-preferred-size: unset;
        flex-basis: unset
    }

    .pixelstrap .feature-menu.product-menu {
        width: 100% !important
    }

    .pixelstrap .mega {
        position: unset !important
    }

    .pixelstrap .mega .full-mega-menu {
        margin-left: 0 !important
    }

    .pixelstrap .mega ul {
        margin-left: 0 !important
    }

    .pixelstrap .clothing-menu,
    .pixelstrap .full-mega-menu {
        width: 100% !important;
        padding: 0 30px !important
    }

    .pixelstrap a.highlighted .sub-arrow:before {
        content: '-'
    }

    .pixelstrap a .sub-arrow {
        right: 0
    }

    .pixelstrap a .sub-arrow:before {
        content: '+'
    }

    .pixelstrap>li>a {
        font-weight: 700
    }

    .pixelstrap>li>a:active,
    .pixelstrap>li>a:focus,
    .pixelstrap>li>a:hover {
        font-weight: 700
    }

    .pixelstrap .link-section .menu-title h5 {
        cursor: pointer;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 0
    }

    .pixelstrap .link-section .menu-title.active .according-menu {
        font: bold 16px/34px monospace !important
    }

    .pixelstrap .link-section .menu-title.active .according-menu:before {
        content: "-";
        position: absolute;
        right: -18px
    }

    .pixelstrap .link-section .menu-title .according-menu {
        font: bold 16px/34px monospace !important
    }

    .pixelstrap .link-section .menu-title .according-menu:before {
        content: "+";
        position: absolute;
        right: -18px
    }

    .pixelstrap .link-section .menu-content a {
        text-transform: capitalize
    }

    .pixelstrap .link-section ul {
        background-color: unset
    }

    .pixelstrap .link-section h5 {
        font-weight: 700
    }

    .pixelstrap .full-mega-menu .mega-box {
        border-right: none;
        margin-bottom: 0
    }

    .pixelstrap .category-menu a img {
        width: 30% !important
    }

    .pixelstrap .clothing-menu {
        background: 0 0
    }

    .pixelstrap li .lable-nav {
        left: 15px;
        top: -8px
    }

    .pixelstrap li a {
        padding: 10px 15px;
        font-size: 14px
    }

    .pixelstrap li a:hover {
        font-size: 14px;
        padding: 10px 15px
    }

    .pixelstrap li ul li a {
        padding: 5px 35px;
        font-size: 14px;
        color: #222;
        font-weight: 400
    }

    .pixelstrap li ul li a:hover {
        color: var(--theme-deafult);
        font-size: 14px;
        padding: 5px 35px
    }

    .pixelstrap .category-menu a:hover img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .pixelstrap.sm-vertical a .sub-arrow {
        margin-top: -18px
    }

    .pixelstrap .mega ul {
        max-width: 100%
    }

    .pixelstrap ul li {
        border-top: none
    }

    .sidenav {
        overflow-y: auto
    }

    .sidenav .pixelstrap li ul li a {
        padding: 5px 45px
    }

    .sidenav .pixelstrap li ul li a.highlighted,
    .sidenav .pixelstrap li ul li a:hover {
        padding: 5px 45px
    }

    .sidenav .pixelstrap li a {
        padding: 10px 25px
    }

    .sidenav .pixelstrap li a:hover {
        padding: 10px 25px
    }

    .main-menu.border-section {
        border: none
    }

    .main-menu .menu-left .main-menu-right .toggle-nav {
        position: absolute;
        z-index: 2;
        right: 145px;
        top: 6px
    }

    .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
        font-size: 18px;
        padding-left: 5px;
        text-transform: uppercase
    }

    .main-nav-center .toggle-nav {
        position: absolute;
        z-index: 99;
        right: 175px;
        top: -105px
    }

    .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav {
        right: unset;
        top: -1px
    }

    .rtl .mega-box .link-section .demo ul li a span img {
        left: -70px
    }

    .rtl .sm li {
        text-align: right
    }

    .rtl .pixelstrap a .sub-arrow {
        right: unset;
        left: 0
    }

    .rtl .pixelstrap li .lable-nav {
        left: unset;
        right: 15px
    }

    .rtl .pixelstrap li .lable-nav:before {
        left: unset;
        right: 5px
    }
}

@media (max-width:991px) {
    .top-header .header-contact {
        display: none
    }

    .main-menu.no-category-image {
        margin-top: 0
    }

    header {
        margin-bottom: 0px
    }

    .navigation_tab_al.nav-material.tab-icons {
        padding: 0
    }


}

@media (min-width:578px) {

    .main-menu .menu-right .icon-nav .mobile-cart i,
    .main-menu .menu-right .icon-nav .mobile-search i,
    .main-menu .menu-right .icon-nav .mobile-setting i {
        display: none
    }

    .main-menu .menu-right .icon-nav .mobile-cart .close-circle i,
    .main-menu .menu-right .icon-nav .mobile-search .close-circle i,
    .main-menu .menu-right .icon-nav .mobile-setting .close-circle i {
        display: block
    }

    .main-menu .menu-right .icon-nav .mobile-search .show-div .form-inline button i {
        display: inline-block
    }
}

@media (max-width:577px) {
    .top-header {
        height: 0
    }

    .main-nav-center .toggle-nav {
        right: 15px;
        top: -85px
    }

    .mobile-fix-option {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 60px;
        background-color: #333;
        width: 100vw;
        z-index: 9;
        -webkit-box-shadow: 0 2px 5px 0 #a8a8a8;
        box-shadow: 0 2px 5px 0 #a8a8a8
    }

    .header-5 .top-header .header-dropdown .mobile-account img,
    .header-5 .top-header .header-dropdown .mobile-wishlist img {
        -webkit-filter: brightness(5);
        filter: brightness(5)
    }

    .header-5 .main-menu .brand-logo {
        margin: 0;
        left: 0;
        -webkit-transform: unset;
        transform: unset
    }

    .top-header .header-dropdown .mobile-account,
    .top-header .header-dropdown .mobile-wishlist {
        position: fixed;
        bottom: 20px;
        right: 32%;
        font-size: 0;
        padding: 0;
        z-index: 9
    }

    .top-header .header-dropdown .mobile-account i,
    .top-header .header-dropdown .mobile-wishlist i {
        font-size: 22px;
        font-family: themify;
        color: #999
    }

    .top-header .header-dropdown .mobile-account i:before,
    .top-header .header-dropdown .mobile-wishlist i:before {
        content: "\e602"
    }

    .top-header .header-dropdown .mobile-account .onhover-show-div,
    .top-header .header-dropdown .mobile-wishlist .onhover-show-div {
        top: unset;
        bottom: 42px;
        right: 0
    }

    .top-header .header-dropdown .mobile-account:hover i,
    .top-header .header-dropdown .mobile-wishlist:hover i {
        color: #999
    }

    .top-header .header-dropdown .mobile-wishlist {
        right: 64%
    }

    .top-header .header-dropdown .mobile-wishlist i {
        font-family: themify;
        color: #999 !important
    }

    .top-header .header-dropdown .mobile-wishlist i:before {
        content: "\e634"
    }

    .main-menu .menu-left.category-nav-right .navbar {
        padding-left: 0 !important
    }

    .main-menu .menu-left .navbar {
        padding: 30px 45px 30px 0 !important
    }

    .main-menu .menu-right .icon-nav .mobile-cart,
    .main-menu .menu-right .icon-nav .mobile-search,
    .main-menu .menu-right .icon-nav .mobile-setting {
        position: fixed;
        bottom: 20px;
        right: 16%;
        font-size: 0;
        padding: 0
    }

    .main-menu .menu-right .icon-nav .mobile-cart .show-div,
    .main-menu .menu-right .icon-nav .mobile-search .show-div,
    .main-menu .menu-right .icon-nav .mobile-setting .show-div {
        top: -58px;
        left: 0
    }

    .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart,
    .main-menu .menu-right .icon-nav .mobile-search .show-div.shopping-cart,
    .main-menu .menu-right .icon-nav .mobile-setting .show-div.shopping-cart {
        top: unset;
        bottom: 42px;
        left: -118px !important
    }

    .main-menu .menu-right .icon-nav .mobile-setting i {
        display: inline-block;
        font-size: 22px;
        color: #999
    }

    .main-menu .menu-right .icon-nav .mobile-setting>div img {
        display: none
    }

    .main-menu .menu-right .icon-nav .mobile-setting .setting {
        top: unset;
        bottom: 42px;
        left: unset !important
    }

    .main-menu .menu-right .icon-nav .mobile-cart {
        right: 48%
    }

    .main-menu .menu-right .icon-nav .mobile-cart .close-circle i {
        font-size: 14px
    }

    .main-menu .menu-right .icon-nav .mobile-cart i {
        display: inline-block;
        font-size: 22px;
        color: #999
    }

    .main-menu .menu-right .icon-nav .mobile-cart>div img {
        display: none
    }

    .main-menu .menu-right .icon-nav .mobile-search {
        right: 80%;
        z-index: 1
    }

    .main-menu .menu-right .icon-nav .mobile-search i {
        display: inline-block;
        font-size: 22px;
        color: #999
    }

    .main-menu .menu-right .icon-nav .mobile-search img {
        display: none
    }

    .main-menu .menu-right .icon-nav .mobile-search .show-div .form-group {
        margin-bottom: 0
    }

    .main-menu .menu-right .icon-nav .mobile-search .show-div .form-inline button i {
        font-size: 14px
    }

    .brand-logo {
        position: absolute;
        left: 50%;
        margin-right: -50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .toggle-nav {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .rtl .main-nav-center .toggle-nav {
        right: unset;
        left: 15px
    }

    .rtl .main-menu .menu-right .icon-nav .mobile-cart,
    .rtl .main-menu .menu-right .icon-nav .mobile-search,
    .rtl .main-menu .menu-right .icon-nav .mobile-setting {
        right: unset;
        left: 16%
    }

    .rtl .main-menu .menu-right .icon-nav .mobile-cart .show-div,
    .rtl .main-menu .menu-right .icon-nav .mobile-search .show-div,
    .rtl .main-menu .menu-right .icon-nav .mobile-setting .show-div {
        left: unset;
        right: 0
    }

    .rtl .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart,
    .rtl .main-menu .menu-right .icon-nav .mobile-search .show-div.shopping-cart,
    .rtl .main-menu .menu-right .icon-nav .mobile-setting .show-div.shopping-cart {
        left: unset !important;
        right: -118px !important
    }

    .rtl .main-menu .menu-right .icon-nav .mobile-setting .setting {
        left: unset !important
    }

    .rtl .main-menu .menu-right .icon-nav .mobile-cart {
        right: unset;
        left: 48%
    }

    .rtl .main-menu .menu-right .icon-nav .mobile-search {
        right: unset;
        left: 80%
    }

    .rtl .main-menu .menu-left .navbar {
        padding: 30px 0 30px 25px !important
    }

    .rtl .top-header .header-dropdown .mobile-account,
    .rtl .top-header .header-dropdown .mobile-wishlist {
        right: unset;
        left: 32%
    }

    .rtl .top-header .header-dropdown .mobile-account .onhover-show-div,
    .rtl .top-header .header-dropdown .mobile-wishlist .onhover-show-div {
        right: 0
    }

    .rtl .top-header .header-dropdown .mobile-wishlist {
        right: unset;
        left: 64%
    }
}

@media (max-width:480px) {
    .brand-logo img {
        height: 25px
    }
}

@media (min-width:1630px) {
    body.christmas .container {
        max-width: 1600px
    }
}

@media (max-width:1630px) {
    body.christmas .home-slider .slider-details {
        width: 400px;
        height: 400px
    }
}

@media (min-width:1430px) {
    .container {
        max-width: 1400px
    }
}

@media (max-width:1430px) {
    header.left-header .top-header {
        padding-left: 0
    }

    header.left-header .top-header .header-contact {
        display: none
    }

    header.left-header .sidenav {
        left: -300px
    }

    header.left-header .sidenav.open-side {
        left: 0
    }

    header.left-header .sidenav .sidebar-back {
        display: block;
        color: #000;
        border-bottom: 1px dashed #ddd
    }

    header.left-header .sidenav .brand-logo {
        display: none
    }

    header.left-header .sidenav .left-sidebar_center {
        padding: 0 0 25px 25px
    }

    header.left-header .main-menu .menu-left .navbar {
        display: block
    }

    header.left-header .main-menu .menu-left .mobile-logo {
        display: block;
        border: none
    }

    header.left-header .search-overlay {
        padding-left: 0
    }

    .blog-section .review-box .review-content p {
        margin-bottom: 35px
    }

    .left-sidebar_space {
        padding-left: 0
    }

    .banner-slider .height-banner {
        height: unset
    }

    .box-product .theme-card .offer-slider .media .media-body .rating i {
        padding-right: 0
    }

    .box-product .full-box .theme-card .offer-slider .product-box2 .media .media-body h4 {
        font-size: 16px
    }

    .pet-parallax .pet-decor {
        left: 60px;
        bottom: -125px
    }

    .pet-parallax .pet-decor img {
        width: 240px
    }

    .tools_slider .home-slider .slider-contain {
        margin-left: 80px
    }

    .tools_slider .home-slider .home .tools-parts img,
    .tools_slider .home-slider .home .tools-parts1 img {
        width: 250px
    }

    .tools_slider .home-slider .home .tools-parts {
        right: 0
    }

    .tools_slider .home-slider .home .tools-parts1 {
        right: 10%
    }

    .tools_slider .home-slider .home #tools-move2 {
        right: 7%
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .search-count {
        width: 100%;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        text-align: center
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .collection-view {
        width: 20%;
        padding-right: 0 !important;
        border-left: 1px solid #ddd
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view {
        padding: 20px !important;
        padding-left: 0 !important;
        width: 20%
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li:last-child {
        display: none
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter {
        border-right: 1px solid #ddd;
        width: 30%
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view {
        width: 30%
    }

    .collection-product-wrapper .product-top-filter .popup-filter .collection-view {
        width: 10%
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view {
        width: 25%
    }

    .cart-section .cart-buttons>div:last-child {
        padding-right: 38px
    }

    .cart-section tbody tr td {
        min-width: 175px
    }

    .cart-section tbody tr td .qty-box .input-group .form-control {
        width: 75px
    }

    .cart-section tfoot tr td {
        padding-right: 41px
    }

    .product-right .product-icon .product-social li {
        padding-right: 10px
    }

    .product-form-box .timer {
        padding-left: 17px
    }

    .product-form-box .timer span {
        width: 55px
    }

    .rtl .cart-section .cart-buttons>div:last-child,
    .rtl .wishlist-section .cart-buttons>div:last-child {
        padding-left: 41px
    }

    .rtl .collection-product-wrapper .product-filter-content .collection-view {
        border-left: none;
        border-right: 1px solid #ddd
    }

    .rtl .collection-product-wrapper .product-filter-content .product-page-filter {
        border-left: 1px solid #ddd;
        border-right: none
    }

    .rtl .collection-product-wrapper .product-top-filter .product-filter-content .search-count {
        border-right: 1px solid #ddd;
        padding-right: 20px
    }

    .rtl .collection-product-wrapper .product-top-filter .product-filter-content .search-count h5 {
        text-align: center
    }

    .rtl .product-right .product-icon .product-social li {
        padding-left: 10px
    }

    .rtl header.left-header .sidenav {
        right: -300px;
        left: unset
    }

    .rtl header.left-header .sidenav.open-side {
        right: 0;
        left: unset
    }

    .rtl header.left-header .top-header {
        padding-right: 0
    }

    .rtl .left-sidebar_space {
        padding-right: 0;
        padding-left: 0
    }

    .rtl .loader_skeleton .left-sidebar_space {
        padding-right: 0
    }

    .dark .collection-product-wrapper .product-top-filter .product-filter-content .collection-view {
        border-color: #404040
    }

    .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter {
        border-color: #404040
    }
}

@media (max-width:1430px) and (min-width:1368px) {
    .banner-timer .timer {
        margin-top: 45px
    }
}

@media (max-width:1430px) and (min-width:1200px) {
    .layout3-menu {
        max-width: 100%
    }

    .layout3-menu .main-menu .menu-left .navbar {
        padding: 40px 10px 40px 0
    }

    .layout3-menu .pixelstrap>a {
        padding-right: 38px
    }

    .portfolio-section.metro-section .product-box .cart-wrap a i {
        padding: 5px
    }

    .portfolio-section.metro-section .product-box .cart-wrap i {
        font-size: 14px
    }

    .portfolio-section.metro-section .product-box .cart-wrap button i {
        padding: 5px
    }

    .rtl .layout3-menu .main-menu .menu-left .navbar {
        padding: 40px 0 40px 35px
    }
}

@media (max-width:1367px) {
    h2 {
        font-size: 32px
    }

    .title1 .title-inner1 {
        padding-bottom: 10px
    }

    .title1 .title-inner1:after {
        height: 2px
    }

    .title3 .line {
        height: 3px
    }

    .title3 .line:after,
    .title3 .line:before {
        height: 3px
    }

    .title3 .title-inner3 {
        margin-bottom: 10px
    }

    .title4 .title-inner4 {
        padding-bottom: 15px
    }

    .title1.title5 hr[role=tournament6] {
        margin: 10px auto 30px auto
    }

    hr.style1 {
        height: 1px;
        margin-top: 7px;
        margin-bottom: 7px
    }

    .home-slider .slider-details {
        right: 14%
    }

    .product-box .product-detail .rating i,
    .product-box .product-info .rating i,
    .product-wrap .product-detail .rating i,
    .product-wrap .product-info .rating i {
        padding-right: 0
    }

    .blog-details h4 {
        margin-top: 20px
    }

    .blog-details p {
        font-size: 16px
    }

    .service-block h4 {
        font-size: 16px;
        margin-bottom: 5px
    }

    .banner-timer {
        background-position: right
    }

    .banner-timer .banner-text h2 {
        font-size: 28px
    }

    .collection-product-wrapper .product-wrapper-grid .product-five {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .subscribe-form .form-control {
        width: 215px
    }

    .category-bg .image-block.even:after {
        bottom: 91%
    }

    .category-bg .contain-block h2 {
        font-size: 30px
    }

    .category-bg .contain-block.even:after {
        top: 91%
    }

    .category-bg .contain-block .category-btn {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .category-bg .contain-block:after {
        bottom: 91%
    }

    .full-banner .banner-contain h2 {
        font-size: 90px
    }

    .full-banner .banner-contain h3 {
        font-size: 55px
    }

    .full-banner .banner-contain h4 {
        font-size: 24px;
        padding-top: 8px
    }

    .full-banner .banner-contain .color {
        padding-top: 0
    }

    .collection-banner .contain-banner.banner-3 {
        padding-left: 45px;
        padding-right: 45px
    }

    .collection-banner .contain-banner.banner-3 h2 {
        font-size: 30px
    }

    .collection-banner .contain-banner.banner-4 {
        padding-left: 45px;
        padding-right: 45px
    }

    .collection-banner .contain-banner.banner-4 h2 {
        font-size: 28px
    }

    .collection-banner .contain-banner h2 {
        font-size: 55px;
        letter-spacing: .01em
    }

    .collection-banner .contain-banner h4 {
        letter-spacing: .01em
    }

    .collection-banner.christmas-banner .contain-banner>div {
        background-color: rgba(0, 0, 0, .2);
        padding: 25px 40px
    }

    .footer-theme2 .contact-details li {
        padding: 0 40px
    }

    .footer-theme2 .footer-mobile-title {
        display: none !important
    }

    .footer-theme .sub-title h4 {
        font-size: 16px
    }

    .footer-theme .sub-title .contact-list li {
        line-height: 20px
    }

    .footer-theme .sub-title .contact-list i {
        top: 17px
    }

    .theme-card .offer-slider .media .media-body h4 {
        margin-top: 10px
    }

    .theme-card .offer-slider .media .media-body a h6 {
        margin-right: 50px
    }

    .full-box .theme-card .offer-slider .product-box2 .media .media-body a h6 {
        margin-right: 0
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 img {
        height: 160px
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li {
        margin-top: 15px
    }

    .blog-page .blog-media .blog-right h4 {
        line-height: 1.2;
        margin-bottom: 10px
    }

    .blog-page .blog-media .blog-right h6 {
        margin-bottom: 5px
    }

    .blog-page .blog-media .blog-right ul {
        margin-bottom: 10px
    }

    .blog-page .blog-media .blog-right p {
        line-height: 1.4
    }

    .pro_sticky_info {
        padding: 10px
    }

    .is_stuck {
        margin-top: 30px
    }
}

@media (max-width:1199px) {
    header.header-gym .pixelstrap>li>a {
        color: #000 !important;
        padding: 10px 15px
    }

    .section-t-space,
    section {
        padding-top: 60px
    }

    .section-b-space {
        padding-bottom: 60px
    }

    .portfolio-padding {
        padding-bottom: 30px
    }

    .partition1 {
        margin-bottom: -25px
    }

    .partition1>div {
        margin-bottom: 25px
    }

    .title1 h4 {
        padding-bottom: 8px
    }

    .title1 .title-inner1 {
        padding-bottom: 12px;
        margin-bottom: 25px
    }

    .title1.title5 hr[role=tournament6] {
        margin: 12px auto 25px auto
    }

    .title2 h4 {
        padding-bottom: 8px
    }

    .title2 .title-inner2 {
        margin-bottom: 25px
    }

    .title3 h4 {
        padding-bottom: 8px
    }

    .title3 .title-inner3 {
        margin-bottom: 10px
    }

    .title3 .line {
        margin-bottom: 25px
    }

    .title4 .title-inner4 {
        padding-bottom: 15px
    }

    .title4 .line {
        margin-bottom: 25px
    }

    .title-borderless {
        margin-bottom: 25px
    }

    footer.footer-black .below-section {
        padding-top: 105px
    }

    header.header-6 .mobile-search {
        display: inline-block
    }

    header.header-7 .main-nav-center .toggle-nav {
        top: -94px
    }

    header.header-7 .pixelstrap.sm-horizontal>li>a {
        color: #000
    }

    header.header-7 .pixelstrap.sm-horizontal>li>a:active,
    header.header-7 .pixelstrap.sm-horizontal>li>a:hover {
        color: var(--theme-deafult)
    }

    header.header-tools .toggle-nav {
        padding-top: 25px;
        padding-bottom: 25px
    }

    header.header-tools .pixelstrap>li>a {
        padding: 10px 15px !important
    }

    header.header-tools .pixelstrap>li>a.highlighted,
    header.header-tools .pixelstrap>li>a:active,
    header.header-tools .pixelstrap>li>a:focus,
    header.header-tools .pixelstrap>li>a:hover {
        padding: 10px 15px
    }

    header.header-tools .pixelstrap li .lable-nav {
        top: 5px
    }

    header.video-header #main-nav {
        position: absolute;
        right: 0;
        top: 3px
    }

    header.video-header .main-menu .menu-right .icon-nav {
        padding-right: 40px
    }

    header.header-christmas .pixelstrap>li>a {
        color: #000 !important;
        padding: 10px 15px
    }

    .tools-parallax-product.full-banner {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .tools-parallax-product .tools-description h3 {
        font-size: 17px
    }

    .form_search {
        display: none
    }

    .tab-left .theme-tab {
        display: block
    }

    .tab-left .theme-tab .left-side {
        width: 100%
    }

    .tab-left .theme-tab .left-side li {
        width: unset;
        border-bottom: none;
        padding: 0 5px
    }

    .tab-left .theme-tab .left-side li:first-child {
        border-top: none
    }

    .tab-left .theme-tab .left-side .tab-title {
        margin-right: 0;
        text-align: center
    }

    .tab-left .theme-tab .tab-content-cls {
        width: 100%
    }

    .absolute_banner .collection-banner .absolute-contain h3 {
        font-size: 22px;
        margin-bottom: 0
    }

    .absolute_banner .collection-banner .absolute-contain h4 {
        font-size: 16px
    }

    .box-product .full-box .row>div:nth-last-child(-n+2) {
        margin-top: 30px
    }

    .header-gym .toggle-nav {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .gym-product .part-cls>div:nth-last-child(-n+2) .product-box {
        margin-top: 30px
    }

    .gym-product .partition-cls>div:nth-child(-n+4) {
        margin-bottom: 0
    }

    .gym-product .partition-cls>div .product-box {
        margin-top: 30px
    }

    .gym-product .partition-cls>div:nth-child(-n+2) .product-box {
        margin-top: 0
    }

    .pet-parallax .pet-decor {
        left: 45px;
        bottom: -105px
    }

    .pet-parallax .pet-decor img {
        width: 200px
    }

    .about-text p {
        margin-bottom: 25px
    }

    .banner-timer .timer {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 30px;
        bottom: 8px;
        margin-top: 38px
    }

    .footer-social li {
        padding-right: 38px
    }

    .footer-theme2 p {
        line-height: 25px
    }

    .footer-theme2 .subscribe-block {
        padding: 10px 70px
    }

    .footer-theme2 .footer-mobile-title {
        display: none !important
    }

    .footer-theme2 .contact-details li {
        line-height: 25px;
        padding: 0 10px
    }

    .footer-theme2 .footer-link li {
        padding-right: 25px
    }

    .footer-theme2.section-light .footer-block .subscribe-white {
        padding: 50px
    }

    .social-white li {
        padding-left: 12px;
        padding-right: 12px
    }

    .service-block svg,
    .service-block1 svg {
        width: 50px;
        height: 50px
    }

    .service-block1 svg {
        margin-bottom: 15px
    }

    .category-border div .category-banner .category-box h2 {
        padding: 13px 27px
    }

    .category-bg .image-block.even:after {
        bottom: 87%
    }

    .category-bg .contain-block.even:after {
        top: 87%
    }

    .category-bg .contain-block:after {
        bottom: 87%
    }

    .no-slider .product-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: calc(33.33% - 30px);
        margin: 0 15px 30px
    }

    .no-slider.five-product .product-box {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: calc(33.33% - 30px);
        margin: 0 15px 30px
    }

    .no-slider.five-product .product-box:nth-last-child(-n+5) {
        margin: 0 15px 30px
    }

    .no-slider.five-product .product-box:nth-last-child(-n+3) {
        margin: 0 15px 0
    }

    .absolute-product .no-slider .product-box:nth-last-child(-n+4) {
        margin: 0 15px 30px
    }

    .absolute-product .no-slider .product-box:nth-last-child(-n+2) {
        margin: 0 15px 0
    }

    .theme-tab .tab-title2 {
        font-size: 22px
    }

    .theme-tab .tab-title2:after {
        top: 17px
    }

    .theme-tab .tab-content .product-tab .tab-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 10px)
    }

    .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+2) {
        margin: 0 5px 0
    }

    .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+4) {
        margin: 0 5px 10px
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 img {
        height: 280px
    }

    .blog-section .review-box {
        padding: 15px
    }

    .blog-section .review-box .review-content p {
        margin-top: 0
    }

    .full-banner .banner-contain h2 {
        font-size: 85px
    }

    .full-banner .banner-contain h3 {
        font-size: 50px
    }

    .full-banner .banner-contain h4 {
        font-size: 22px;
        padding-top: 5px
    }

    .full-banner .santa-img img {
        width: 200px
    }

    .full-banner.feature-banner .feature-object li,
    .full-banner.feature-banner .feature-object-right li {
        margin-right: 0
    }

    .instagram .insta-decor {
        display: none
    }

    .logo-section .logo-decor {
        display: none
    }

    .blog-section .review-box .santa-img {
        display: none
    }

    .collection-banner .contain-banner.banner-3 {
        padding-left: 35px;
        padding-right: 35px
    }

    .collection-banner .contain-banner.banner-3 h2 {
        font-size: 25px
    }

    .collection-banner .contain-banner.banner-3 h4 {
        font-size: 12px
    }

    .collection-banner .contain-banner.banner-4 {
        padding-left: 35px;
        padding-right: 35px
    }

    .collection-banner .contain-banner.banner-4 h2 {
        font-size: 24px
    }

    .collection-banner .contain-banner.banner-4 h4 {
        font-size: 16px
    }

    .collection-banner .contain-banner h2 {
        font-size: 40px
    }

    .home-slider .home {
        height: 70vh
    }

    .home-slider .slider-contain {
        height: 70vh
    }

    .home-slider .slider-contain h1 {
        font-size: 50px
    }

    .height-85 .home-slider .home {
        height: 80vh
    }

    .height-85 .home-slider .slider-contain {
        height: 80vh
    }

    .background .contain-bg {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .theme-card .offer-slider .media .media-body a h6 {
        margin-right: 20px
    }

    .theme-card .offer-slider .media .media-body .rating i {
        padding-right: 3px
    }

    .theme-card.card-border .offer-slider {
        padding-top: 0
    }

    .full-box .theme-card .offer-slider img {
        padding: 15px 0 15px 0
    }

    .full-box .theme-card .offer-slider .product-box2 .media img {
        height: 250px
    }

    .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant {
        margin-top: 5px
    }

    .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li {
        margin-top: 5px
    }

    .home-slider .slider-details {
        width: 335px !important;
        height: 335px !important
    }

    .home-slider .slider-details h1 {
        font-size: 50px
    }

    .home-slider .slider-details h2 {
        font-size: 36px
    }

    .home-slider .slider-details .btn-white {
        margin-top: 0
    }

    .home-slider.fullpage .home .slider-contain h1 {
        font-size: 35px
    }

    .home-slider.fullpage .home .slider-contain p {
        max-width: 450px;
        font-size: 14px
    }

    .home-slider.fullpage .home .slider-contain .btn-solid {
        padding: 10px 15px
    }

    .about-section h2 {
        font-size: 22px
    }

    .about-section .about-text p {
        line-height: 24px
    }

    .about-section .service .service-block1 svg {
        margin-bottom: 5px
    }

    .about-section .service .service-block1 h5 {
        line-height: 18px
    }

    .about-section .small-section {
        padding-top: 20px
    }

    .layout7-product .product-box .details-product {
        background-color: rgba(255, 255, 255, .5);
        padding: 5px
    }

    .padding-bottom-cls {
        padding-bottom: 30px
    }

    .layout-8 {
        padding: 0 40px
    }

    .add_to_cart.bottom,
    .add_to_cart.top {
        left: -300px;
        top: 0;
        height: 100vh;
        width: 300px
    }

    .add_to_cart.bottom .cart-inner,
    .add_to_cart.top .cart-inner {
        height: 100vh;
        overflow: auto
    }

    .add_to_cart.bottom .cart-inner .cart_top,
    .add_to_cart.top .cart-inner .cart_top {
        padding: 20px !important;
        margin-bottom: 20px
    }

    .add_to_cart.bottom .cart-inner .cart_media,
    .add_to_cart.top .cart-inner .cart_media {
        padding: 0 20px !important;
        display: block
    }

    .add_to_cart.bottom .cart-inner .cart_media .cart_product,
    .add_to_cart.top .cart-inner .cart_media .cart_product {
        padding: 0;
        width: 100%;
        display: block;
        overflow-y: hidden
    }

    .add_to_cart.bottom .cart-inner .cart_media .cart_product li,
    .add_to_cart.top .cart-inner .cart_media .cart_product li {
        min-width: 100%;
        max-width: 100%;
        margin-right: 0;
        padding-bottom: 10px
    }

    .add_to_cart.bottom .cart-inner .cart_media .cart_total,
    .add_to_cart.top .cart-inner .cart_media .cart_total {
        padding: 0;
        width: 100%
    }

    .add_to_cart.bottom.open-side,
    .add_to_cart.top.open-side {
        left: 0
    }

    .cart-section tbody tr td,
    .wishlist-section tbody tr td {
        min-width: 186px
    }

    .blog-detail-page .comment-section li {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .product-wrapper-grid.list-view .product-box .img-block,
    .product-wrapper-grid.list-view .product-box .img-wrapper {
        width: 50%
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .search-count {
        width: 100%;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .collection-view {
        width: 20%;
        padding-right: 0 !important;
        border-left: 1px solid #ddd
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view {
        padding: 20px !important;
        padding-left: 0 !important;
        width: 20%
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li:last-child {
        display: none
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter {
        width: 30%
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view {
        width: 30%
    }

    .cart-section tbody tr td {
        min-width: 140px
    }

    .cart-section tbody tr td .qty-box .input-group .form-control {
        width: 52px
    }

    .cart-section tfoot tr td {
        padding-right: 25px
    }

    .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li:first-child {
        margin-top: 15px
    }

    .collection-filter-block .product-service .media .media-body h4 {
        font-size: 16px
    }

    .product-right h2 {
        font-size: 20px
    }

    .testimonial .testimonial-slider .media .media-body {
        padding: 30px
    }

    .testimonial .testimonial-slider .media .media-body p {
        line-height: 1.5
    }

    .search-product>div:nth-last-child(1),
    .search-product>div:nth-last-child(2),
    .search-product>div:nth-last-child(3) {
        margin-top: 30px
    }

    .blog-page .blog-media {
        margin-bottom: 20px
    }

    .blog-page .blog-media .blog-right {
        display: block;
        margin-top: 15px
    }

    .blog-page .blog-media .blog-right p {
        line-height: 1.3
    }

    .tab-product .tab-content.nav-material .single-product-tables table {
        width: 50%
    }

    .product-description-box .border-product {
        padding-top: 10px;
        padding-bottom: 15px
    }

    .product-description-box .product-icon .product-social li {
        padding-right: 4px
    }

    .product-description-box .product-icon .wishlist-btn span {
        padding-left: 4px
    }

    .product-form-box .border-product {
        padding-top: 10px;
        padding-bottom: 15px
    }

    .product-form-box .timer {
        padding-left: 17px
    }

    .product-form-box .timer span {
        width: 55px
    }

    .product-form-box .product-buttons .btn-outline,
    .product-form-box .product-buttons .btn-solid {
        padding: 7px 13px
    }

    .product-accordion .single-product-tables table {
        width: 70%
    }

    .tab-product .flex-column {
        -webkit-box-orient: unset !important;
        -webkit-box-direction: unset !important;
        -ms-flex-direction: unset !important;
        flex-direction: unset !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tab-product .nav-material.nav-tabs {
        border-bottom: 1px solid #ddd;
        border-right: 0
    }

    .tab-product .nav-material.nav-tabs .nav-item .nav-link.active {
        background-color: unset
    }

    .tab-border {
        padding-top: 0
    }

    .dashboard-section .counter-section .counter-box {
        padding: 20px
    }

    .dashboard-section .counter-section .counter-box img {
        height: 40px;
        margin-right: 10px
    }

    .theme-card .offer-slider img {
        height: 120px
    }

    .container-fluid.custom-container {
        padding-left: 50px;
        padding-right: 50px
    }

    .layout-8 .loader_skeleton {
        padding: 0 40px
    }

    .loader_skeleton .category-ldr .row .category-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .loader_skeleton .product-top-filter .row>div:first-child {
        border-left: 1px solid #f3f3f3;
        border-right: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3
    }

    .loader_skeleton .product-top-filter .row>div:last-child {
        border-right: 1px solid #f3f3f3
    }

    .loader_skeleton .tab-product.vertical-tab ul li {
        display: inline-block;
        width: 16%;
        height: 30px;
        margin-top: 0;
        margin-right: 10px
    }

    .rtl header.video-header #main-nav {
        right: unset;
        left: 0
    }

    .rtl header.video-header .main-menu .menu-right .icon-nav {
        padding-left: 40px;
        padding-right: 0
    }

    .rtl .cart-section .cart-buttons>div:last-child,
    .rtl .wishlist-section .cart-buttons>div:last-child {
        padding-left: 17px
    }

    .rtl .tab-border .nav-border {
        border-left: none
    }

    .rtl .collection-product-wrapper .product-filter-content .collection-view {
        padding-right: 20px !important
    }

    .rtl .footer-social li {
        padding-right: 0;
        padding-left: 38px
    }

    .rtl .footer-theme2 .social-white li {
        padding-left: 12px;
        padding-right: 12px
    }

    .rtl .tab-left .theme-tab .left-side .tab-title {
        text-align: center;
        margin-left: 0
    }

    .dark .sm-horizontal {
        background-color: #2b2b2b;
        border-color: #404040
    }

    .dark .sm-horizontal .mobile-back {
        border-color: #404040;
        color: #e7eaec
    }

    .dark .sm-horizontal.pixelstrap ul {
        background-color: #2b2b2b
    }

    .dark .tab-product .nav-material.nav-tabs {
        background-color: #2b2b2b
    }

    .dark header.left-header .pixelstrap ul {
        background-color: #232323
    }
}

@media (min-width:992px) {
    .demo-modal .modal-lg {
        max-width: 1400px
    }

    .exit-modal .modal-lg {
        max-width: 600px
    }

    .rtl .service_slide .service-home .offset-lg-2 {
        margin-right: 16.6666666667%;
        margin-left: 0
    }
}

@media (max-width:991px) and (min-width:767px) {
    .partition-f>div+div+div {
        margin-top: 0
    }

    .lookbook .lookbook-block .lookbook-dot .dot-showbox {
        width: 80px
    }

    .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5 {
        line-height: 15px
    }
}

@media (max-width:991px) {
    h2 {
        font-size: 28px
    }

    .section-t-space,
    section {
        padding-top: 50px
    }

    .section-b-space {
        padding-bottom: 50px
    }

    .portfolio-padding {
        padding-bottom: 20px
    }

    .small-section {
        padding: 30px 0
    }

    header.header-tools {
        position: relative;
        top: 0
    }

    header.header-tools .top-header {
        background-color: var(--theme-deafult)
    }

    header.header-tools .top-header .container {
        background-color: transparent
    }

    header.header-tools .logo-menu-part {
        background-color: #fff
    }

    header.header-tools .logo-menu-part>.container {
        border-bottom: none
    }

    header.header-christmas {
        position: relative;
        background-color: #e34041;
        margin-bottom: -50px
    }

    .tools_slider .home-slider .slider-contain {
        margin-top: 0
    }

    footer.footer-5 .footer-theme2 .subscribe-block {
        border-left: none;
        border-right: none
    }

    footer.footer-black .below-section {
        padding-top: 95px
    }

    footer.footer-black.footer-light .subscribe {
        border-right: none
    }

    footer.footer-classic .upper-footer .small-section {
        padding: 30px 0
    }

    .absolute_banner .collection-banner .absolute-contain h3 {
        font-size: 16px
    }

    .absolute_banner .collection-banner .absolute-contain h4 {
        font-size: 14px
    }

    .tools_product .multiple-slider>div:nth-child(-n+2) {
        margin-bottom: 0
    }

    .tools_product .tools-grey {
        margin-top: 30px
    }

    .tools_product .banner-tools {
        margin-left: 10px;
        margin-right: 10px
    }

    .tools-service .service-block+.service-block {
        border-left: none
    }

    .tools-service .service-block svg,
    .tools-service .service-block1 svg {
        margin-bottom: 0
    }

    .tools-brand .row {
        margin: 0 10px;
        padding: 10px 0
    }

    .tools_slider .home-slider .slider-contain {
        margin-left: 40px
    }

    .tools_slider .home-slider .home .tools-parts,
    .tools_slider .home-slider .home .tools-parts1 {
        margin-top: 20px
    }

    .tools_slider .home-slider .home .tools-parts img,
    .tools_slider .home-slider .home .tools-parts1 img {
        width: 180px
    }

    .tools_slider .home-slider .home .tools-parts {
        right: 0
    }

    .tools_slider .home-slider .home .tools-parts1 {
        right: 10%
    }

    .tools_slider .home-slider .home #tools-move2 {
        right: 7%
    }

    .tools-parallax-product .tools-description h3 {
        text-align: center
    }

    .tools-parallax-product .tools-description .tools-form {
        text-align: center
    }

    .tools-parallax-product .tools-description .tools-form .search-box {
        margin: 20px auto 20px
    }

    .tools-parallax-product .tools-description .tools-form .btn-find {
        background-size: 1100px
    }

    .tools-parallax-product .tools-grey {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 30px
    }

    .tools-parallax-product.full-banner {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .pet-parallax .pet-decor {
        left: 34px;
        bottom: -86px
    }

    .pet-parallax .pet-decor img {
        width: 165px
    }

    .pet-parallax .banner-contain p {
        max-width: 100%
    }

    .service_slide .service-home {
        position: relative
    }

    .service_slide .service-home .service-block1 {
        padding: 0
    }

    .service_slide .partition4>div+div {
        margin-top: 0
    }

    .service_slide .partition4>div+div+div {
        margin-top: 30px
    }

    .product-full-tab {
        padding-top: 50px !important
    }

    .blog-section .review-box {
        margin-top: 30px
    }

    .blog-section .review-box .review-content p {
        margin-bottom: 45px
    }

    hr.style1 {
        margin-top: 12px;
        margin-bottom: 12px
    }

    h4 {
        font-size: 16px
    }

    .gym-banner .collection-banner .contain-banner {
        padding-left: 30px;
        padding-right: 30px
    }

    .blog-details h4 {
        margin-top: 17px;
        font-size: 13px
    }

    .blog-details p {
        font-size: 15px;
        line-height: 1.3;
        margin-top: 10px
    }

    .service-block svg,
    .service-block1 svg {
        margin-bottom: 20px;
        height: auto;
        width: 46px
    }

    .partition_3>div+div {
        margin-top: 30px
    }

    .partition4>div+div+div {
        margin-top: 30px
    }

    .banner-timer .banner-text h2 {
        font-size: 20px
    }

    .banner-timer .timer span {
        width: 65px
    }

    .banner-timer .timer p {
        font-size: 14px
    }

    .about-text p {
        line-height: 24px
    }

    .footer-light .subscribe {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
        margin-bottom: 5px
    }

    .footer-light .subscribe p {
        display: none
    }

    .footer-light .subscribe-form {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .footer-theme .col {
        max-width: 50%;
        -ms-flex-preferred-size: unset;
        flex-basis: unset
    }

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

    .footer-theme .sub-title h4 {
        margin-bottom: 10px;
        margin-top: 20px !important
    }

    .footer-social {
        margin-top: 15px
    }

    .subscribe-wrapper {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .footer-theme2 .footer-mobile-title {
        display: none !important
    }

    .footer-theme2 h4 {
        padding-bottom: 10px
    }

    .footer-theme2 .col {
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        padding: 20px 0
    }

    .footer-theme2.section-light .footer-block h4 {
        padding-bottom: 15px
    }

    .footer-theme2.section-light .footer-block .subscribe-white {
        border: none
    }

    .footer-theme2 .footer-logo {
        margin-bottom: 20px
    }

    .footer-theme2 .subscribe-block {
        border: none
    }

    .social-white li {
        padding-left: 10px;
        padding-right: 10px
    }

    .category-border div .category-banner .category-box h2 {
        padding: 5px 15px;
        font-size: 30px
    }

    .category-bg .image-block.even:after {
        bottom: 85%
    }

    .category-bg .image-block:after {
        width: 35px
    }

    .category-bg .image-block:hover:after {
        height: 70px
    }

    .category-bg .contain-block h2 {
        font-size: 20px;
        margin-top: 8px
    }

    .category-bg .contain-block:after {
        width: 35px
    }

    .category-bg .contain-block.even:after {
        top: 85%
    }

    .category-bg .contain-block .category-btn {
        margin-bottom: 15px;
        margin-top: 15px;
        letter-spacing: .2em;
        padding: 10px 15px
    }

    .category-bg .contain-block:after {
        bottom: 85%
    }

    .category-bg .contain-block:hover:after {
        height: 70px
    }

    .no-slider .product-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 30px);
        margin: 0 15px 30px !important
    }

    .no-slider .product-box:nth-last-child(-n+2) {
        margin: 0 15px 0 !important
    }

    .no-slider.five-product .product-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 30px);
        margin: 0 15px 30px !important
    }

    .no-slider.five-product .product-box:nth-last-child(-n+2) {
        margin: 0 15px 0 !important
    }

    .full-banner {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .full-banner.parallax-layout {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .full-banner.feature-banner .feature-object li:nth-child(2),
    .full-banner.feature-banner .feature-object-right li:nth-child(2) {
        padding-right: 0;
        padding-left: 0
    }

    .full-banner.feature-banner .feature-object li:nth-child(3),
    .full-banner.feature-banner .feature-object-right li:nth-child(3) {
        padding-right: 0;
        padding-left: 0
    }

    .full-banner.feature-banner .center-img {
        display: none
    }

    .full-banner.feature-banner .feature-object-right {
        margin-left: 0
    }

    .full-banner.feature-banner .banner-decor .left-img img,
    .full-banner.feature-banner .banner-decor .right-img img {
        width: 100px
    }

    .full-banner.feature-banner h2 {
        margin-bottom: 30px
    }

    .full-banner .banner-contain h2 {
        font-size: 60px
    }

    .full-banner .banner-contain h3 {
        font-size: 35px
    }

    .full-banner .banner-contain h4 {
        font-size: 20px;
        padding-top: 5px
    }

    .full-banner .decor {
        display: none
    }

    .collection-banner .contain-banner {
        padding-left: 60px;
        padding-right: 60px
    }

    .collection-banner .contain-banner.banner-3 {
        padding-left: 30px;
        padding-right: 30px
    }

    .collection-banner .contain-banner.banner-3 h2 {
        font-size: 20px
    }

    .collection-banner .contain-banner.banner-4 {
        padding-left: 40px;
        padding-right: 40px
    }

    .collection-banner .contain-banner.banner-4 h2 {
        font-size: 18px
    }

    .collection-banner .contain-banner.banner-4 h4 {
        font-size: 18px
    }

    .collection-banner .contain-banner h2 {
        font-size: 25px
    }

    .collection-collapse-block {
        border-bottom: 1px solid #ddd !important
    }

    .service_slide .home-slider .slider-contain {
        height: 65vh
    }

    .home-slider .home {
        height: 65vh
    }

    .home-slider .slider-contain {
        height: 65vh
    }

    .home-slider .slider-contain h1 {
        font-size: 36px
    }

    .home-slider .slider-contain .btn-outline,
    .home-slider .slider-contain .btn-solid {
        margin-top: 17px
    }

    .home-slider .slider-details {
        top: 20%;
        padding: 0;
        width: 260px !important;
        height: 260px !important
    }

    .home-slider .slider-details h1 {
        line-height: 1;
        font-size: 30px;
        margin: 5px 0
    }

    .home-slider .slider-details h2 {
        font-size: 24px
    }

    .home-slider .slider-details h3 {
        font-size: 20px
    }

    .home-slider .slider-details h4 {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 2px
    }

    .home-slider .slider-details .btn-white {
        padding: 7px 14px;
        margin-top: 5px
    }

    .height-85 .home-slider .home {
        height: 70vh
    }

    .height-85 .home-slider .slider-contain {
        height: 70vh
    }

    .background .contain-bg {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .background .contain-bg h4 {
        font-size: 16px
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 img {
        height: 210px
    }

    .beauty-about .about-text p {
        text-align: center
    }

    .theme-card .offer-slider img {
        padding: 10px 10px 10px 0
    }

    .theme-card.card-border .offer-slider img {
        padding: 10px 10px 10px 30px
    }

    .multiple-slider>div:nth-child(-n+2) {
        margin-bottom: 30px
    }

    .full-box .center-slider .offer-slider .product-box .product-info h4 {
        padding-bottom: 5px
    }

    .full-box .center-slider .offer-slider .product-box .product-info .btn-outline {
        padding: 7px 20px
    }

    .full-box .theme-card .offer-slider .product-box2 .media img {
        height: 150px
    }

    .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li {
        margin-top: 0
    }

    .layout-8 .layout-8-bg {
        padding: 0
    }

    .alert {
        max-width: 45% !important
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content img {
        margin-bottom: 20px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 {
        margin-bottom: 18px
    }

    .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg {
        padding: 15px
    }

    .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons a {
        font-size: 13px;
        padding: 4px 10px;
        margin: 3px 6px
    }

    .theme-modal.exit-modal .modal-dialog .modal-content .modal-body .modal-bg {
        padding: 20px
    }

    .parallax-cls .banner-contain {
        background-color: rgba(255, 255, 255, .5);
        padding: 35px
    }

    .parallax-cls section .banner-contain {
        margin-top: 0
    }

    .about-section {
        padding-top: 30px
    }

    .about-section h2 {
        text-align: center
    }

    .product-box .cart-info {
        bottom: 20px
    }

    .absolute-banner {
        margin-top: -60px
    }

    .login-page .authentication-right {
        height: auto
    }

    .testimonial .testimonial-slider .media .media-body {
        padding: 0 30px;
        height: 100%;
        -ms-flex-item-align: center;
        align-self: center
    }

    .testimonial .testimonial-slider .media .media-body p {
        margin-bottom: 0
    }

    .blog-detail-page .blog-advance ul {
        margin-bottom: 20px
    }

    .blog-detail-page .blog-advance p:last-child {
        margin-bottom: 0
    }

    .top-banner-content h4 {
        font-size: 20px
    }

    .collection-product-wrapper .product-top-filter {
        border-top: none
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .search-count {
        border-top: 1px solid #ddd
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .collection-view {
        display: none
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view {
        display: none
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter,
    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view {
        width: 50%
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter:before,
    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view:before {
        right: 15px !important
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select,
    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select {
        border-left: 1px solid #ddd;
        padding: 21px 34px 21px 34px;
        border-top: none;
        border-bottom: none
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select {
        border-right: none !important
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter,
    .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view {
        border-top: 1px solid #ddd
    }

    .filter-main-btn {
        display: block
    }

    .collection-filter {
        position: fixed;
        /* height: 100vh; */
        top: 0;
        left: -350px;
        background-color: #fff;
        z-index: 99;
        overflow-y: scroll;
        padding: 15px 0 15px 15px;
        max-width: 350px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-box-shadow: 1px 0 5px #ddd;
        box-shadow: 1px 0 5px #ddd
    }

    .collection-filter .collection-sidebar-banner {
        text-align: center
    }

    .collection-filter .theme-card {
        padding-left: 30px;
        padding-right: 30px
    }

    .collection-filter .collection-sidebar-banner {
        padding: 0 30px
    }

    .collection-filter-block {
        border: none
    }

    .collection-mobile-back {
        display: block
    }

    .collection .section-t-space {
        padding-top: 30px
    }

    .collection .partition-collection>div:nth-last-child(1) {
        margin-top: 30px
    }

    .collection .partition-collection>div:nth-last-child(2) {
        margin-top: 30px
    }

    .right-login {
        margin-top: 30px
    }

    .contact-page .map iframe {
        height: 350px
    }

    .contact-page .contact-right {
        padding-bottom: 0
    }

    .contact-page .contact-right ul li {
        padding-left: 0;
        border-bottom: 1px solid #ddd;
        text-align: center;
        padding-bottom: 10px;
        margin-top: 15px
    }

    .contact-page .contact-right ul li .contact-icon {
        position: relative;
        margin: 0 auto;
        border-right: 0
    }

    .contact-page .contact-right ul li p {
        margin-bottom: 10px
    }

    .cart-section .cart-table thead th:last-child {
        display: none
    }

    .cart-section tbody tr td {
        min-width: 135px
    }

    .cart-section tbody tr td:last-child {
        display: none
    }

    .cart-section .cart-buttons>div:last-child {
        padding-right: 15px
    }

    .cart-section tfoot tr td {
        padding-right: 0
    }

    .wishlist-section tbody tr td {
        min-width: 138px
    }

    .product-right h2 {
        margin-top: 15px
    }

    .product-right {
        margin: 20px 0 10px 0
    }

    .product-right .detail-section,
    .product-right .product-icon {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .product-right .product-description .qty-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .product-right .size-text {
        text-align: left
    }

    .product-right .timer {
        text-align: left
    }

    .product-right .product-icon .product-social li {
        padding-right: 20px
    }

    .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup {
        width: 55%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        margin-bottom: 20px;
        background: none var(--theme-deafult)
    }

    .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .open-popup {
        text-align: left
    }

    .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup>a {
        color: #fff
    }

    .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter {
        height: 100vh;
        left: -350px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .collection-product-wrapper .product-top-filter .popup-filter .search-count {
        width: 100%;
        padding: 10px 0;
        text-align: center
    }

    .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view,
    .collection-product-wrapper .product-top-filter .popup-filter .collection-view {
        display: none
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter,
    .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view {
        width: 50%
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select,
    .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before,
    .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before {
        top: 13px
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before {
        left: unset;
        right: 35px
    }

    .tab-product {
        padding-top: 0
    }

    .tab-product .nav-material.nav-tabs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pro_sticky_info {
        border: none;
        padding: 10px 0
    }

    .product-form-box {
        margin-bottom: 10px
    }

    /* .dashboard-left {
        position: fixed;
        height: 100vh;
        top: 0;
        left: -350px;
        background-color: #fff;
        z-index: 99;
        padding: 0 35px 35px;
        max-width: 350px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-box-shadow: 0 0 8px 0 #ddd;
        box-shadow: 0 0 8px 0 #ddd
    } */

    .dashboard-left .block-title h2 {
        display: none
    }

    .dashboard-left .block-content {
        border: none;
        padding: 0;
        margin-top: 20px
    }

    .dashboard-left .block-content ul li:hover {
        padding-left: 0
    }

    .account-sidebar {
        display: block
    }

    .typography_section .row>div:first-child .typography-box:last-child {
        margin-bottom: 30px
    }

    .order-up {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .bundle .bundle_img {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .bundle .bundle_detail .theme_checkbox {
        padding: 0 20%
    }

    .checkout-page .checkout-form .checkout-details {
        margin-top: 30px
    }

    .vendor-cover .bg-size {
        height: 270px
    }

    .vendor-profile .profile-left {
        display: block
    }

    .vendor-profile .profile-left .profile-image {
        margin: 0 auto;
        width: 100%
    }

    .vendor-profile .profile-left .profile-detail {
        margin: 0 auto;
        text-align: center;
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid #efefef;
        padding-top: 15px;
        width: 100%;
        margin-top: 15px
    }

    .vendor-profile .profile-left .vendor-contact {
        width: 100%;
        text-align: center;
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid #efefef;
        padding-top: 15px;
        margin-top: 15px
    }

    .vendor-profile .profile-left .vendor-contact .footer-social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .vendor-profile .profile-left .vendor-contact .footer-social li {
        padding: 0 5px
    }

    .become-vendor h4 {
        margin-bottom: 20px
    }

    .become-vendor .step-bg .row {
        margin-left: -15px;
        margin-right: -15px
    }

    .become-vendor .step-bg .row>div {
        padding-left: 15px;
        padding-right: 15px
    }

    .become-vendor .step-bg .row>div:nth-child(2) {
        margin-top: 0;
        margin-bottom: 30px
    }

    .become-vendor .step-bg .row>div:nth-child(1) {
        margin-bottom: 30px
    }

    .become-vendor .step-bg .row>div:nth-child(3) {
        margin-bottom: 0
    }

    .become-vendor .step-bg:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        background-color: #f8f8f8
    }

    .dashboard-section .counter-section {
        margin-top: 20px
    }

    .faq-tab .nav-tabs .nav-item .nav-link.active {
        border-bottom: 2px solid var(--theme-deafult);
        border-right: none
    }

    .bg-title .theme-tab .bg-title-part {
        margin-top: 30px
    }

    .loader_skeleton .collection-banner .contain-banner {
        padding-left: 40px;
        padding-right: 40px
    }

    .loader_skeleton .category-ldr .row .category-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .loader_skeleton .product-top-filter {
        border-top: 1px solid #f3f3f3
    }

    .loader_skeleton .product-top-filter .row>div:nth-child(3) {
        border-right: 1px solid #f3f3f3
    }

    .loader_skeleton .product-page .product-right h2,
    .loader_skeleton .product-page .product-right h3,
    .loader_skeleton .product-page .product-right h4 {
        margin-left: auto;
        margin-right: auto
    }

    .loader_skeleton .product-page .product-right .btn-group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .loader_skeleton .tab-product {
        margin-top: 25px !important
    }

    .loader_skeleton .blog-page .order-sec .product-box .media {
        display: block
    }

    .loader_skeleton .blog-page .order-sec .product-box .img-wrapper {
        width: 100%
    }

    .rtl .tools-parallax-product .tools-description .tools-form .search-button {
        text-align: center
    }

    .rtl .tools-service .service-block+.service-block {
        border-right: none
    }

    .rtl .contact-page .contact-right ul li {
        padding-right: 0
    }

    .rtl .contact-page .contact-right ul li .contact-icon {
        border-left: none
    }

    .rtl .contact-page .contact-right ul li p {
        text-align: center
    }

    .rtl .rtl-text .product-right .color-variant {
        text-align: center
    }

    .rtl .rtl-text .product-right .size-box {
        text-align: center
    }

    .rtl .rtl-text .product-right .product-buttons {
        text-align: center
    }

    .rtl .rtl-text .product-right .border-product {
        text-align: center
    }

    .rtl .product-accordion .card-header h5 {
        text-align: center
    }

    .rtl .image-swatch {
        text-align: center
    }

    .rtl .product-right .product-title,
    .rtl .product-right h2,
    .rtl .product-right h3,
    .rtl .product-right h4,
    .rtl .product-right p {
        text-align: center
    }

    .rtl .product-right .detail-section,
    .rtl .product-right .product-icon {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .rtl .product-right .size-text {
        text-align: right
    }

    .rtl .product-right .product-description .qty-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .rtl .product-right .payment-card-bottom {
        text-align: center
    }

    .rtl .product-right .rating {
        text-align: center
    }

    .rtl .single-product-tables table tr td {
        text-align: center
    }

    .rtl .tab-product {
        padding-top: 30px
    }

    .rtl .collection-product-wrapper .product-filter-content .product-page-filter {
        border-left: none
    }

    .rtl .collection-product-wrapper .product-filter-content .collection-view {
        padding-right: 20px !important
    }

    .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select,
    .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select,
    .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select,
    .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select {
        padding: 21px 34px 21px 34px
    }

    .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view,
    .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view {
        border-right: 1px solid #ddd
    }

    .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view {
        border-right: none
    }

    .rtl .collection-product-wrapper .product-top-filter .popup-filter .search-count h5 {
        text-align: center
    }

    .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select,
    .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select {
        padding: 10px 34px 10px 34px
    }

    .rtl .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup {
        background: none var(--theme-deafult)
    }

    .rtl .banner-timer .timer {
        padding-left: 10px
    }

    .rtl .banner-timer .timer span {
        width: 55px
    }

    .rtl .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li {
        margin-left: 5px;
        margin-right: unset
    }

    .rtl .full-box .theme-card .offer-slider .product-box2 .media .media-body .rating i {
        padding: 0
    }

    .rtl .beauty-about .text-center {
        text-align: center !important
    }

    .rtl .beauty-about .about-text p {
        text-align: center
    }

    .rtl .footer-light .subscribe {
        border-left: none
    }

    .rtl .loader_skeleton .product-page .product-right ul {
        text-align: center
    }

    .dark .collection-filter {
        background-color: #2b2b2b
    }

    .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select,
    .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select {
        border-color: #404040
    }

    .dark .collection-mobile-back {
        border-color: #404040
    }

    .dark .collection-mobile-back span {
        color: #929292
    }

    .dark .collection-collapse-block {
        border-color: #404040 !important
    }

    .dark .collection-filter {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .dark .contact-page .contact-right ul li {
        border-color: #404040
    }

    .dark .dashboard-left {
        background-color: #232323;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .dark header.header-tools .logo-menu-part {
        background-color: #2b2b2b
    }
}

@media (max-width:767px) {

    header {
        margin-bottom: 0px;
    }

    .footer-title.mt-0.d-none.d-md-block {
        display: block !important
    }

    .mobile-border h4.mt-0 {
        margin-top: 0 !important
    }

    .container-fluid.custom-container {
        padding-left: 30px;
        padding-right: 30px
    }

    .theme-modal.cart-modal .product-section {
        display: none
    }

    .addtocart_count .product-box:hover .cart-info a:nth-child(1) i,
    .addtocart_count .product-box:hover .cart-info a:nth-child(2) i,
    .addtocart_count .product-box:hover .cart-info a:nth-child(3) i {
        -webkit-animation: none;
        animation: none
    }

    .addtocart_count .center-slider .offer-slider .add-button,
    .addtocart_count .center-slider .offer-slider .cart-info {
        display: none
    }

    .addtocart_count .center-slider .offer-slider .product-box .product-detail .rating {
        margin-top: 25px
    }

    .absolute_banner {
        margin-bottom: 0
    }

    .absolute_banner .collection-banner .absolute-contain {
        bottom: 25px
    }

    .absolute_banner .collection-banner .absolute-contain h3 {
        font-size: 20px
    }

    .absolute_banner .collection-banner .absolute-contain h4 {
        font-size: 16px
    }

    .box-product .full-box .row>div:nth-last-child(-n+3) {
        margin-top: 30px
    }

    .advertise-section .full-banner .banner-contain h2 {
        font-size: 60px;
        margin-top: -10px
    }

    footer.footer-classic .upper-footer .small-section {
        padding: 20px 0
    }

    footer.footer-classic .subscribe-form .form-control {
        padding: 8px
    }

    .insta-title {
        width: 170px;
        height: 30px
    }

    .insta-title h4 {
        font-size: 14px
    }

    .tools_slider .home-slider .home .tools-parts,
    .tools_slider .home-slider .home .tools-parts1 {
        display: none
    }

    .tools_slider .home-slider .slider-contain {
        margin-left: 0;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .tools-service .service-block+.service-block {
        margin-top: 0
    }

    .tools-service .service-block+.service-block+.service-block {
        margin-top: 20px
    }

    .tools-grey .product-box .img-wrapper {
        padding-bottom: 35px
    }

    .tools-grey .product-box .cart-info {
        bottom: 10px
    }

    .tools-grey .product-box .cart-info button {
        font-size: 0;
        width: unset;
        background-color: #eef0f1
    }

    .tools-grey .product-box .cart-info button i {
        display: block
    }

    .tools-grey .product-box .cart-info button:hover i {
        color: #fff
    }

    .tools-grey .product-box .cart-info .mobile-quick-view {
        display: block;
        margin-left: 5px
    }

    .tools-grey .product-box .quick-view-part {
        display: none
    }

    .tools-grey .product-box:hover .img-wrapper .front img {
        opacity: 1
    }

    .tools-grey .product-box:hover .ribbon {
        display: block
    }

    .tools-parallax-product.full-banner {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pet-parallax .pet-decor {
        display: none
    }

    .j-box .product-box .cart-info {
        bottom: 0;
        position: relative;
        opacity: 1
    }

    .j-box .product-box .cart-info a i {
        padding: 10px
    }

    .pets-box .product-box .img-wrapper .cart-info {
        -webkit-transform: none;
        transform: none
    }

    .pets-box .product-box .img-wrapper .cart-info i {
        font-size: 16px
    }

    .layout3-menu {
        max-width: 100%
    }

    .layout3-menu .main-menu .brand-logo img {
        height: 25px
    }

    .game-product .product-box .cart-info {
        right: 5px
    }

    .game-product .product-box .cart-info a i {
        margin: 7px 0;
        padding: 7px;
        font-size: 14px
    }

    .game-product .product-box .add-button {
        bottom: 0
    }

    .game-product .product-box .img-wrapper {
        padding-bottom: 37px
    }

    .game-product .product-box:hover .cart-info a:nth-child(1) i {
        -webkit-animation: none;
        animation: none
    }

    .game-product .theme-tab .tab-title .current a,
    .game-product .theme-tab .tab-title2 .current a {
        border-bottom: none;
        padding-bottom: 0
    }

    .gym-product .product-box .img-wrapper .cart-info {
        display: block;
        height: unset;
        top: unset;
        left: unset;
        right: 0
    }

    .gym-product .product-box .img-wrapper .cart-info i {
        background: 0 0;
        color: #6f6f6f
    }

    .gym-product .product-box .img-wrapper .cart-info a:hover i,
    .gym-product .product-box .img-wrapper .cart-info button:hover i {
        color: var(--theme-deafult)
    }

    .gym-product .product-box:hover .img-wrapper .cart-info button {
        -webkit-animation: none;
        animation: none
    }

    .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(2) i {
        -webkit-animation: none;
        animation: none
    }

    .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(3) i {
        -webkit-animation: none;
        animation: none
    }

    .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(4) i {
        -webkit-animation: none;
        animation: none
    }

    .game-banner .banner-timer .banner-text {
        background-color: transparent
    }

    .detail-cannabis .detail_section {
        margin-top: 30px;
        text-align: center
    }

    .detail-cannabis .row>div:first-child .detail_section {
        margin-top: 0
    }

    .border-box.tools-grey .product-box .img-wrapper {
        padding-bottom: 0
    }

    .border-box.tools-grey .product-box .cart-info a,
    .border-box.tools-grey .product-box .cart-info button {
        background-color: #fff
    }

    .service_slide .home-slider .slider-contain {
        height: 60vh
    }

    .portfolio-section.metro-section .product-box .cart-wrap a i {
        opacity: 1;
        font-size: 16px;
        padding: 5px
    }

    .portfolio-section.metro-section .product-box .cart-wrap button i {
        font-size: 16px;
        padding: 5px
    }

    .portfolio-section.metro-section .product-box .product-detail {
        opacity: 1;
        bottom: 15px;
        background-color: rgba(255, 255, 255, .5)
    }

    .portfolio-section.metro-section .product-box .product-detail h6 {
        color: #000
    }

    .portfolio-section.metro-section .product-box:hover .product-detail {
        opacity: 1
    }

    .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(2) i,
    .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(3) i,
    .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(4) i {
        -webkit-animation: none;
        animation: none
    }

    header.header-metro .metro .layout3-menu {
        max-width: 540px
    }

    header.left-header .top-header .header-dropdown li {
        padding: 15px
    }

    header.left-header .main-menu .menu-right .icon-nav li {
        padding-left: 15px
    }

    footer.footer-5 .sub-footer>.container {
        border-top: none
    }

    footer.footer-5 .dark-layout .footer-title {
        border-bottom: 1px solid #fff
    }

    footer.footer-black .upside .small-section .center-thing {
        display: inline-block;
        width: 100%
    }

    footer.footer-black .footer-title h4 {
        color: #fff
    }

    footer.footer-black.footer-light .subscribe {
        height: auto;
        margin-bottom: 10px
    }

    footer.footer-black.footer-light .subscribe-form {
        height: auto
    }

    footer.footer-black .below-section {
        padding-top: 85px
    }

    .section-t-space,
    section {
        padding-top: 40px
    }

    .section-b-space {
        padding-bottom: 40px
    }

    .portfolio-padding {
        padding-bottom: 10px
    }

    .product-full-tab {
        padding-top: 30px !important
    }

    .small-section {
        padding: 20px 0
    }

    .theme-tab .tab-title a,
    .theme-tab .tab-title2 a {
        text-transform: capitalize
    }

    .about-cls .service.border-section {
        border-bottom: none
    }

    .about-cls .service.small-section {
        padding-bottom: 0
    }

    .service-block .media {
        display: block;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0
    }

    .service-block svg {
        margin-right: 0
    }

    .service-block+.service-block {
        border-left: 0;
        margin-top: 20px
    }

    .service-block:last-child .media .media-body p {
        margin-bottom: 5px
    }

    .partition2 {
        margin-bottom: -25px
    }

    .partition2>div {
        margin-bottom: 25px
    }

    .partition3>div+div {
        margin-top: 30px
    }

    .partition4>div+div {
        margin-top: 30px
    }

    .center-slider {
        border-left: none;
        border-right: none
    }

    .about-text p {
        line-height: 25px
    }

    .banner-timer {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .banner-timer .banner-text {
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: rgba(255, 255, 255, .65)
    }

    .banner-timer .banner-text h2 {
        font-size: 15px
    }

    .banner-timer .timer-box {
        text-align: center
    }

    .banner-timer .timer {
        margin-top: 5px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 20px
    }

    .banner-timer .timer p {
        font-size: 14px
    }

    .banner-timer .timer span {
        width: 40px
    }

    .banner-timer .timer span .padding-l {
        padding-left: 10px
    }

    .dark-layout .footer-title,
    .darken-layout .footer-title {
        border-bottom: 1px solid #525252
    }

    .dark-layout .subscribe-wrapper,
    .darken-layout .subscribe-wrapper {
        padding-bottom: 10px
    }

    .footer-title {
        margin-top: 10px;
        text-align: left;
        border-bottom: 1px solid #ddd;
        position: relative
    }

    .footer-title.footer-mobile-title {
        margin-top: 0
    }

    .footer-title h4 {
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer
    }

    .footer-title.active .according-menu {
        font: normal normal normal 14px/1 FontAwesome
    }

    .footer-title.active .according-menu:before {
        content: "\f106";
        position: absolute;
        right: 2px;
        top: 2px
    }

    .footer-title .according-menu {
        font: normal normal normal 14px/1 FontAwesome
    }

    .footer-title .according-menu:before {
        content: "\f107";
        position: absolute;
        right: 2px;
        top: 2px
    }

    .banner-slider .home-banner>div img {
        margin-top: 30px
    }

    .banner-slider .home-banner>div:last-child img {
        margin-top: 30px
    }

    .lookbook .row>div:last-child .lookbook-block {
        margin-top: 30px
    }

    .lookbook-section .row>div:first-child .lookbook-img>div:last-child {
        margin-bottom: 25px
    }

    .lookbook-section .lookbook-img>div:last-child img {
        margin-top: 0
    }

    .full-scroll-footer .sub-footer p {
        padding: 0;
        line-height: 25px
    }

    .box-layout-body .box-layout {
        margin-top: -40px
    }

    .layout-20 {
        padding: 15px
    }

    .home-slider .slider-details {
        top: 15%;
        right: 8%;
        padding: 0;
        width: 225px !important;
        height: 225px !important
    }

    .home-slider .slider-details h1 {
        font-size: 25px;
        margin: 5px 0
    }

    .home-slider .slider-details h2 {
        font-size: 20px
    }

    .home-slider .slider-details h3 {
        font-size: 18px
    }

    .home-slider .slider-details h3:after,
    .home-slider .slider-details h3:before {
        width: 8px;
        height: 8px;
        top: 5px
    }

    .home-slider .slider-details h4 {
        font-size: 16px
    }

    .home-slider .slider-details .btn-white {
        padding: 5px 10px;
        font-size: 14px
    }

    .footer-contant {
        text-align: left
    }

    .footer-contant .footer-logo {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .footer-contant li {
        text-align: left
    }

    .footer-contant .footer-social ul {
        margin: unset
    }

    .footer-contant .footer-social ul li {
        padding-right: 25px;
        padding-left: 0
    }

    .social-white li:first-child {
        padding-left: 0
    }

    .footer-theme {
        text-align: center
    }

    .footer-theme .footer-mobile-title {
        display: block !important
    }

    .footer-theme .col {
        max-width: 100%;
        -ms-flex-preferred-size: unset;
        flex-basis: unset
    }

    .footer-theme .footer-social {
        margin-bottom: 15px
    }

    .footer-theme .sub-title li {
        padding-top: 7px
    }

    .footer-theme .sub-title .contact-list i {
        position: relative;
        top: 0;
        margin-right: 10px
    }

    .footer-theme .sub-title .contact-list li {
        padding-left: 0
    }

    .footer-social ul {
        margin: 0 auto
    }

    .footer-social li {
        padding: 0 15px
    }

    .footer-end {
        text-align: center
    }

    .sub-footer .payment-card-bottom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 25px
    }

    .subscribe-wrapper {
        margin: 10px 0 0 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .footer-theme2 p {
        margin-bottom: 10px
    }

    .footer-theme2 .footer-mobile-title {
        display: block !important
    }

    .footer-theme2 .p-set {
        padding: 0 15px !important
    }

    .footer-theme2 .col {
        padding: 0
    }

    .footer-theme2 .footer-link li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 10px
    }

    .footer-theme2 .footer-link h4 {
        padding-bottom: 10px
    }

    .footer-theme2 .contact-details li {
        padding-left: 0;
        padding-top: 10px
    }

    .footer-theme2 .footer-link-b li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 10px
    }

    .footer-theme2 .footer-link-b h4 {
        margin-top: 0;
        padding-bottom: 10px
    }

    .footer-theme2.section-light .footer-block h4 {
        padding-bottom: 10px
    }

    .footer-theme2.section-light .footer-block .subscribe-white {
        padding: 40px 65px
    }

    .footer-theme2.section-light .footer-block .subscribe-white h2 {
        margin-bottom: 20px
    }

    .footer-theme2.section-light .footer-block .subscribe-white .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .footer-theme2.section-light .footer-block .subscribe-white .form-group .btn-outline,
    .footer-theme2.section-light .footer-block .subscribe-white .form-group .btn-solid {
        margin-top: 0
    }

    .footer-theme2 .subscribe-block h2 {
        margin-bottom: 20px
    }

    .footer-theme2 h4 {
        padding-bottom: 10px
    }

    .darken-layout .footer-theme .footer-mobile-title h4 {
        color: #fff
    }

    .dark-layout .small-section {
        padding-bottom: 40px
    }

    .dark-layout section {
        padding-top: 0
    }

    .dark-layout .section-b-space {
        border: none;
        padding-bottom: 0
    }

    .dark-layout .subscribe-wrapper {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block {
        padding: 10px 60px
    }

    .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block h2 {
        display: none
    }

    .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .btn-outline,
    .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .btn-solid {
        margin-top: 0
    }

    .social-white {
        margin-bottom: 10px
    }

    .category-border div .category-banner .category-box h2 {
        font-size: 25px
    }

    .pet-layout-footer .footer-theme2 .footer-link .social-white {
        margin-top: 30px;
        margin-bottom: 20px
    }

    .pet-layout-footer .footer-theme2 .footer-link .social-white li {
        display: unset
    }

    .box-layout .small-section {
        padding-top: 0
    }

    .white-layout .footer-theme2>div:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .white-layout .footer-theme2.footer-border {
        padding: 0;
        border: none
    }

    .white-layout .footer-theme2 .footer-block .footer-container {
        max-width: 540px;
        width: 100%
    }

    .white-layout .footer-theme2 .footer-block .footer-container .footer-mobile-title {
        margin-top: 20px
    }

    .white-layout .footer-theme2 .footer-block .subscribe-white h2 {
        display: none
    }

    .category-bg {
        padding: 30px 40px
    }

    .category-bg .image-block.even:after {
        bottom: 85%
    }

    .category-bg .image-block:after {
        width: 25px;
        margin-top: -25px
    }

    .category-bg .image-block:hover:after {
        height: 50px
    }

    .category-bg .contain-block h2 {
        font-size: 18px;
        margin-top: 8px
    }

    .category-bg .contain-block h6 {
        letter-spacing: .1em;
        font-size: 12px
    }

    .category-bg .contain-block:after {
        width: 25px
    }

    .category-bg .contain-block.even:after {
        top: 87%
    }

    .category-bg .contain-block .category-btn {
        margin-bottom: 10px;
        margin-top: 10px;
        letter-spacing: .1em;
        padding: 5px 15px
    }

    .category-bg .contain-block:after {
        bottom: 87%
    }

    .category-bg .contain-block:hover:after {
        height: 50px
    }

    .layout9-box .product-box .img-block {
        min-height: unset
    }

    .product-box .cart-detail,
    .product-wrap .cart-detail {
        top: 5px;
        right: 10px
    }

    .product-box:hover .product-info .add-btn,
    .product-wrap:hover .product-info .add-btn {
        -webkit-animation: none;
        animation: none
    }

    .product-box .img-block {
        min-height: 350px
    }

    .product-box .cart-detail,
    .product-box .cart-info {
        opacity: 1
    }

    .product-box .img-wrapper .cart-box {
        opacity: 1
    }

    .product-box:hover .img-wrapper .cart-box {
        -webkit-animation: none;
        animation: none
    }

    .product-box:hover .cart-detail button,
    .product-box:hover .cart-info button {
        -webkit-animation: none;
        animation: none
    }

    .product-box:hover .cart-detail a i,
    .product-box:hover .cart-info a i {
        -webkit-animation: none;
        animation: none
    }

    .product-box:hover .cart-detail a:nth-child(2) i,
    .product-box:hover .cart-info a:nth-child(2) i {
        -webkit-animation: none;
        animation: none
    }

    .product-box:hover .cart-detail a:nth-child(3) i,
    .product-box:hover .cart-info a:nth-child(3) i {
        -webkit-animation: none;
        animation: none
    }

    .product-box:hover .cart-detail a:nth-child(4) i,
    .product-box:hover .cart-info a:nth-child(4) i {
        -webkit-animation: none;
        animation: none
    }

    .product-box .product-info .add-btn,
    .product-wrap .product-info .add-btn {
        opacity: 1
    }

    .theme-tab .tab-title2 {
        font-size: 20px
    }

    .theme-tab .tab-title2 li {
        padding-left: 15px;
        padding-right: 15px
    }

    .theme-tab .tab-title2:after {
        top: 15px
    }

    .multiple-slider>div:nth-child(-n+3) {
        margin-bottom: 30px
    }

    .full-banner {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .full-banner.parallax-layout {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .full-banner.feature-banner .banner-decor .left-img,
    .full-banner.feature-banner .banner-decor .right-img {
        display: none
    }

    .full-banner.feature-banner h2 {
        margin-bottom: 35px
    }

    .full-banner .banner-contain h2 {
        font-size: 75px
    }

    .full-banner .santa-img img {
        width: 125px
    }

    .pet-parallax .full-banner {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .collection-banner .contain-banner {
        padding-left: 60px;
        padding-right: 60px
    }

    .collection-banner .contain-banner.banner-3 {
        padding-left: 40px;
        padding-right: 40px
    }

    .collection-banner .contain-banner.banner-3 h2 {
        font-size: 20px
    }

    .collection-banner .contain-banner.banner-3 h4 {
        font-size: 18px
    }

    .collection-banner .contain-banner.banner-4 {
        padding-left: 45px;
        padding-right: 45px
    }

    .collection-banner .contain-banner.banner-4 h2 {
        font-size: 18px
    }

    .collection-banner .contain-banner h2 {
        font-size: 35px
    }

    .home-slider .home {
        height: 60vh
    }

    .home-slider .slider-contain {
        height: 60vh
    }

    .home-slider .slider-contain h1 {
        font-size: 35px;
        margin-top: 5px
    }

    .home-slider .slider-contain .btn-outline,
    .home-slider .slider-contain .btn-solid {
        margin-top: 10px;
        padding: 10px 25px
    }

    .height-85 .home-slider .home {
        height: 65vh
    }

    .height-85 .home-slider .slider-contain {
        height: 65vh
    }

    .background .col {
        -ms-flex-preferred-size: unset;
        flex-basis: unset
    }

    .background .contain-bg {
        margin: 10px 0
    }

    .full-box .center-slider .offer-slider {
        text-align: center
    }

    .full-box .center-slider .offer-slider .product-box {
        border: none;
        display: inline-block
    }

    .full-box .center-slider .offer-slider .product-box .img-wrapper {
        text-align: center
    }

    .full-box .center-slider .offer-slider .product-box .img-wrapper img {
        height: 200px
    }

    .full-box .center-slider .offer-slider .product-box:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .full-box .theme-card .offer-slider .sec-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .full-box .theme-card .offer-slider .sec-1 .product-box2 .media .media-body .color-variant li {
        height: 18px;
        width: 18px;
        padding-right: 3px
    }

    .full-box .theme-card .offer-slider .sec-1 .product-box2+.product-box2 {
        border-top: none
    }

    .theme-tab .tab-title li,
    .theme-tab .tab-title2 li {
        padding-left: 5px;
        padding-right: 5px
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 img {
        height: 150px;
        padding: 5px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h2 {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h4 {
        margin-bottom: 20px;
        font-size: 15px
    }

    .filter-main-btn span {
        font-size: 16px
    }

    .tap-top {
        bottom: 70px;
        right: 20px
    }

    .footer-theme2 .footer-link li,
    .footer-theme2 .footer-link-b li {
        padding-left: 0
    }

    .product-christmas .product-box .cart-wrap {
        background-color: var(--theme-deafult);
        bottom: 0;
        opacity: 1
    }

    .blog-detail-page .comment-section li {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .product-pagination .pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-left: 1px solid #ddd
    }

    .testimonial {
        background-color: #f7f7f7
    }

    .testimonial .testimonial-slider .media .media-body {
        padding: 30px 30px 30px 30px
    }

    .about-page {
        text-align: center
    }

    .about-page p {
        line-height: 1.5
    }

    .team h2 {
        font-size: 25px
    }

    .layout2-logo {
        padding-right: 70px
    }

    .faq-section .theme-accordion .card .card-body p {
        line-height: 1.5 !important
    }

    .faq-section .theme-accordion .card .card-header button {
        font-size: 14px !important;
        white-space: normal;
        width: 100%;
        padding: 16px 30px 16px 18px !important
    }

    .product-wrapper-grid.list-view .product-box {
        display: block;
        border: 1px solid #eee;
        padding: 15px
    }

    .product-wrapper-grid.list-view .product-box .img-block,
    .product-wrapper-grid.list-view .product-box .img-wrapper {
        margin: 0 auto 15px
    }

    .product-wrapper-grid.list-view .product-box .product-detail {
        padding-left: 0
    }

    .register-page .theme-card {
        padding: 25px
    }

    .register-page .theme-card .theme-form input {
        margin-bottom: 25px;
        padding: 13px 18px
    }

    .collection .partition-collection>div:nth-last-child(1),
    .collection .partition-collection>div:nth-last-child(2),
    .collection .partition-collection>div:nth-last-child(3) {
        margin-top: 30px
    }

    .collection-product-wrapper .product-pagination .pagination .page-item a {
        padding: 15px 18px
    }

    .collection-product-wrapper .product-pagination .product-search-count-bottom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0
    }

    .collection-product-wrapper .product-pagination .product-search-count-bottom h5 {
        padding: 10px 0
    }

    .collection-product-wrapper .product-pagination .theme-paggination-block nav {
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }

    .cart-section tbody tr td a,
    .wishlist-section tbody tr td a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cart-section .cart-table thead th:nth-last-child(-n+4) {
        display: none
    }

    .cart-section tbody tr td:nth-last-child(-n+4) {
        display: none
    }

    .cart-section tbody tr td .mobile-cart-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .wishlist-section .cart-table thead th:nth-last-child(-n+3) {
        display: none
    }

    .wishlist-section tbody tr td:nth-last-child(-n+3) {
        display: none
    }

    .wishlist-section tbody tr td .mobile-cart-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .search-product>div:nth-last-child(4) {
        margin-top: 30px
    }

    .blog-page .order-sec {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .blog-page .blog-media:last-child {
        margin-bottom: 30px
    }

    .blog-page .blog-sidebar ul li {
        display: block
    }

    .tab-pane iframe {
        width: 100%
    }

    .product-order .product-order-detail img {
        height: auto
    }

    .typography_section .typography-box .typo-content.product-pagination .pagination {
        border-left: none
    }

    .typography_section .typography-box .typo-content.typo-buttons a:last-child {
        margin-top: 5px
    }

    .loader_skeleton .collection-banner .row>div {
        margin-top: 30px
    }

    .loader_skeleton .collection-banner .row>div:first-child {
        margin-top: 0
    }

    .loader_skeleton .banner-slider .home-banner>div:first-child .home-slider {
        margin-top: 25px
    }

    .loader_skeleton .category-ldr .row .category-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .loader_skeleton .box-layout .small-section {
        padding-top: 20px
    }

    .loader_skeleton .center-slider .product-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .loader_skeleton .center-slider .product-box .img-wrapper {
        height: calc(50px + (250 - 50) * ((100vw - 320px)/ (1920 - 320)));
        width: calc(120px + (230 - 150) * ((100vw - 320px)/ (1920 - 320)));
        margin-right: 15px
    }

    .loader_skeleton .center-slider .product-box .product-detail {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .loader_skeleton .center-slider .product-box .product-detail h4,
    .loader_skeleton .center-slider .product-box .product-detail h6 {
        margin-left: unset;
        margin-right: unset
    }

    .loader_skeleton .service-block h4,
    .loader_skeleton .service-block p {
        margin-left: auto;
        margin-right: auto
    }

    .dashboard-section .counter-section .row>div {
        margin-bottom: 20px
    }

    .dashboard-section .counter-section .row>div:last-child {
        margin-bottom: 0
    }

    .dashboard-section .apexcharts-canvas {
        margin: 0 auto
    }

    .rtl .service-block svg {
        margin-right: 0
    }

    .rtl .service-block+.service-block {
        border-right: 0
    }

    .rtl .service-block .media .media-body h4,
    .rtl .service-block .media .media-body p {
        text-align: center
    }

    .rtl .collection-product-wrapper .product-pagination .theme-paggination-block nav {
        border-right: none;
        border-left: 1px solid #ddd
    }

    .rtl .collection-product-wrapper .product-pagination .product-search-count-bottom {
        padding-left: 5px;
        padding-right: 5px
    }

    .rtl .footer-title.active .according-menu:before {
        right: unset;
        left: 2px
    }

    .rtl .footer-title .according-menu:before {
        right: unset;
        left: 2px
    }

    .rtl .footer-end p {
        text-align: center
    }

    .rtl .sub-footer .payment-card-bottom li {
        padding-left: 7px;
        padding-right: 7px
    }

    .rtl .footer-theme2.section-light .footer-block h4 {
        text-align: right
    }

    .rtl .footer-theme2.section-light .footer-block .footer-logo {
        text-align: right
    }

    .rtl .footer-theme2 .footer-title h4 {
        text-align: right
    }

    .rtl .footer-contant li {
        text-align: right
    }

    .rtl .footer-contant .footer-social ul li {
        padding-right: 0;
        padding-left: 25px
    }

    .rtl .dark-layout .footer-contant .footer-logo {
        text-align: right
    }

    .rtl .dark-layout .footer-contant p {
        text-align: right
    }

    .rtl .footer-theme .sub-title .contact-list i {
        margin-right: 0;
        margin-left: 10px
    }

    .rtl .footer-theme .sub-title .contact-list li {
        padding-right: 0
    }

    .rtl .layout2-logo {
        padding-left: 70px;
        padding-right: 0
    }

    .rtl .full-box .theme-card .offer-slider .sec-1 .product-box2+.product-box2 {
        border-left: none;
        border-right: none
    }

    .rtl header.left-header .main-menu .menu-right .icon-nav li {
        padding-right: 15px;
        padding-left: 0
    }

    .rtl .tools-grey .product-box .cart-info .mobile-quick-view {
        margin-left: 0;
        margin-right: 5px
    }

    .dark .collection-product-wrapper .product-pagination .theme-paggination-block nav {
        border-color: #404040
    }

    .dark .product-pagination .pagination {
        border-color: #404040
    }

    h2.h2-heading.mb-3 {
        margin-bottom: 10px !important;
        font-size: 18px;
        line-height: 24px
    }

    body.al_body_template_four .exzoom_nav.side_nav_img img {
        width: auto
    }

    ul.nav.nav-tabs.navigation-tab.nav-material.tab-icons.mx-auto.order-0.mb-2.mb-lg-0.vendor_mods.py-2 {
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .al_body_template_four .top-heading h2 {
        padding-left: 0 !important;
        margin: 0;
    }

    .al_body_template_four .buy_details .col-lg-5.p-0.d-block {
        padding: 0 12px !important;
    }

    .al_body_template_four .buy_details .col-lg-5.rtl-text {
        padding: 0 12px !important;
    }
}

@media (max-width:577px) {
    .container-fluid.custom-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .detail-cannabis .detail_section>div {
        padding: 30px 25px
    }

    #fb-root {
        display: none
    }

    .section-b-space {
        padding-bottom: 30px
    }

    .section-t-space,
    section {
        padding-top: 30px
    }

    header.left-header .top-header {
        height: 70px
    }

    header.left-header .top-header .header-dropdown li {
        padding: 0
    }

    header.left-header .top-header .header-dropdown .mobile-account img,
    header.left-header .top-header .header-dropdown .mobile-wishlist img {
        display: none
    }

    header.left-header .top-header .header-dropdown .mobile-account i,
    header.left-header .top-header .header-dropdown .mobile-wishlist i {
        display: block
    }

    header.left-header .main-menu .menu-left .mobile-logo {
        position: absolute;
        padding: 0 !important;
        -webkit-transform: unset;
        transform: unset;
        right: unset;
        left: 15px;
        margin-right: 0;
        top: 16px
    }

    header.left-header .main-menu .menu-left .navbar {
        position: absolute;
        right: 15px;
        padding: 0 !important;
        top: 22px
    }

    header.video-header .top-header .header-dropdown li {
        padding: 0
    }

    header.header-tools .top-header .header-dropdown li {
        padding: 0
    }

    .demo-right a {
        right: 14px;
        width: 30px;
        height: 44px;
        line-height: 15px;
        letter-spacing: 2px;
        font-size: 12px;
        padding: 8px 4px 10px
    }

    .offer-box {
        display: none
    }

    .advertise-section .full-banner {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .advertise-section .full-banner .banner-contain {
        padding: 30px 10px
    }

    .advertise-section .full-banner .banner-contain h2 {
        font-size: 40px;
        margin-bottom: 0;
        margin-top: -7px
    }

    .advertise-section .full-banner .banner-contain h3 {
        font-size: 20px;
        margin-bottom: 3px
    }

    .advertise-section .full-banner .banner-contain h4 {
        font-size: 16px;
        letter-spacing: .03em
    }

    .setting-sidebar {
        width: 35px;
        height: 35px
    }

    .setting-sidebar i {
        font-size: 19px
    }

    .dark-light {
        width: 35px;
        height: 35px
    }

    .portfolio-padding {
        padding-bottom: 15px
    }

    .portfolio-section .isotopeSelector {
        margin-bottom: 15px
    }

    .portfolio-section .filter-button {
        padding: 0 15px;
        font-size: 16px;
        line-height: 30px
    }

    .service_slide .home-slider .slider-contain {
        height: 58vh
    }

    .portfolio-section.metro-section .product-box .cart-wrap a i {
        font-size: 18px;
        padding: 7px
    }

    .portfolio-section.metro-section .product-box .cart-wrap button i {
        font-size: 18px;
        padding: 7px
    }

    .filter-section .filter-container ul.filter>li {
        padding: 0 10px
    }

    .filter-section .filter-container ul.filter>li>a {
        font-size: 16px;
        line-height: 30px
    }

    .tab-left .theme-tab .left-side .left-tab-title {
        margin-bottom: 15px
    }

    h2 {
        font-size: 24px
    }

    .tools-service.absolute-banner .absolute-bg {
        padding-bottom: 20px;
        -webkit-box-shadow: 0 0 8px 0 #ddd;
        box-shadow: 0 0 8px 0 #ddd
    }

    .tools-service .service-block+.service-block {
        margin-top: 20px
    }

    .tools-service .service-block svg,
    .tools-service .service-block1 svg {
        margin-bottom: 7px
    }

    .top-header .header-dropdown li i {
        padding-right: 0;
        font-size: 18px
    }

    .tools-parallax-product.full-banner {
        padding-top: 45px;
        padding-bottom: 45px
    }

    header.header-gym {
        position: relative;
        background-color: #000
    }

    header.header-gym .main-menu {
        padding: 0;
        z-index: 9
    }

    header.header-gym .main-menu .brand-logo {
        left: 0;
        -webkit-transform: unset;
        transform: unset
    }

    header.header-gym .top-header .header-dropdown li a i {
        padding-right: 0
    }

    header.header-6 .main-menu .brand-logo {
        position: relative;
        left: 0;
        -webkit-transform: none;
        transform: none
    }

    header.header-7 {
        position: relative;
        z-index: unset;
        background-color: #333
    }

    header.header-7 .main-menu .menu-left .navbar {
        padding: 15px 45px 15px 0 !important
    }

    header.header-7 .main-nav-center .toggle-nav {
        top: -70px
    }

    header.header-7 .game-layout {
        background-color: #333
    }

    header.green-gradient .top-header .header-dropdown li {
        padding: 0
    }

    header.header-christmas .main-menu .brand-logo {
        position: relative
    }

    .gym-banner .collection-banner .contain-banner {
        padding-left: 15px;
        padding-right: 15px
    }

    .gym-banner .collection-banner .contain-banner h2 {
        font-size: 25px;
        margin-bottom: -3px
    }

    .banner-furniture.gym-banner {
        padding-left: 0;
        padding-right: 0
    }

    .gym-product .part-cls {
        margin-top: -20px
    }

    .gym-product .part-cls>div:nth-last-child(-n+3) .product-box {
        margin-top: 20px
    }

    .gym-product .part-cls,
    .gym-product .partition-cls {
        margin-left: -10px;
        margin-right: -10px
    }

    .gym-product .part-cls>div,
    .gym-product .partition-cls>div {
        padding-left: 10px;
        padding-right: 10px
    }

    .gym-product .part-cls>div .product-box,
    .gym-product .partition-cls>div .product-box {
        margin-top: 20px
    }

    .gym-product .product-box:hover {
        -webkit-transform: unset;
        transform: unset
    }

    .layout3-menu .main-menu .menu-left {
        width: calc(100vw - 32px)
    }

    .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav {
        right: 15px
    }

    .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
        display: none
    }

    .layout3-menu .main-menu>div:nth-child(2) {
        position: absolute;
        left: 54%;
        right: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 0
    }

    .layout3-menu .main-menu>div:nth-child(3) {
        height: 0
    }

    .layout3-menu .brand-logo {
        left: 35%
    }

    .search-overlay>div .closebtn {
        top: 15px;
        right: 30px
    }

    .btn-outline,
    .btn-solid {
        padding: 7px 15px
    }

    .product-box .product-detail .color-variant,
    .product-box .product-info .color-variant,
    .product-wrap .product-detail .color-variant,
    .product-wrap .product-info .color-variant {
        padding-top: 10px
    }

    footer .btn-solid {
        padding: 13px 29px
    }

    footer p {
        line-height: 20px
    }

    footer.footer-black .below-section {
        padding-top: 75px
    }

    footer.footer-black.footer-light .subscribe h4 {
        margin-bottom: 0
    }

    .partition1 {
        margin-bottom: -15px
    }

    .partition1>div {
        margin-bottom: 15px
    }

    .theme-modal .modal-dialog .quick-view-modal .product-right {
        margin: 15px 0 10px 0
    }

    .theme-modal .modal-dialog .quick-view-modal .product-right h2 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .theme-modal .modal-dialog .quick-view-modal .product-right h3 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .theme-modal .modal-dialog .quick-view-modal .product-right .color-variant li {
        height: 25px;
        width: 25px
    }

    .theme-modal .modal-dialog .quick-view-modal .product-right .border-product {
        padding-top: 10px;
        padding-bottom: 15px
    }

    .theme-modal .modal-dialog .quick-view-modal .product-right .size-box {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .theme-modal .modal-dialog .quick-view-modal .product-right .product-description .qty-box {
        margin-top: 5px
    }

    .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media a img {
        max-width: 105px;
        margin-bottom: 10px
    }

    .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons a {
        padding: 4px 5px
    }

    .theme-modal.exit-modal .media {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .theme-modal.exit-modal .media img {
        width: 25%
    }

    .theme-modal.exit-modal .media .media-body h4 {
        font-size: 16px;
        margin-bottom: 0
    }

    .theme-modal.exit-modal .media .media-body h2 {
        margin-bottom: 2px
    }

    .theme-modal.exit-modal .media .media-body h5 {
        font-size: 16px;
        line-height: 18px
    }

    .theme-modal.exit-modal .modal-dialog .modal-content .modal-body .modal-bg {
        padding: 12px
    }

    .dark-layout .footer-theme2 .col {
        padding: 0 15px
    }

    .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block {
        padding: 10px 20px 20px 10px
    }

    .white-layout .small-section .footer-theme2 .col {
        padding: 0 15px
    }

    .footer-theme2 .col {
        padding: 0 15px
    }

    .footer-theme2 .form-p {
        padding: 0
    }

    .footer-theme2.footer-border {
        padding: 15px 0
    }

    .footer-theme2 .subscribe-block {
        padding: 0 75px
    }

    .footer-theme2 .footer-link h4 {
        padding-bottom: 10px
    }

    .footer-theme2 .footer-link li {
        padding-right: 20px
    }

    .footer-theme2 .footer-link-b h4 {
        padding-bottom: 15px
    }

    .footer-theme2 .footer-link-b li {
        padding-right: 20px
    }

    .social-white {
        margin-top: 25px
    }

    .category-border div .category-banner .category-box h2 {
        font-size: 30px;
        padding: 10px 20px
    }

    .filter-main-btn span {
        font-size: 14px
    }

    .category-bg .image-block:after {
        display: none
    }

    .category-bg .contain-block:after {
        display: none
    }

    .category-bg .order-section div {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .category-bg .order-section div:nth-child(2) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-bottom: 30px
    }

    .category-bg .order-section div:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .category-bg .order-section div:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 30px
    }

    .category-bg .order-section div:nth-child(5) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .category-bg .order-section div:nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .category-bg .contain-block {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .theme-tab .tab-title {
        margin-bottom: 25px
    }

    .full-banner {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .full-banner.parallax-layout {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .full-banner .banner-contain {
        background-color: rgba(255, 255, 255, .2);
        padding: 25px
    }

    .full-banner .banner-contain .btn-outline,
    .full-banner .banner-contain .btn-solid {
        padding: 10px 20px
    }

    .full-banner.p-left .banner-contain,
    .full-banner.p-right .banner-contain {
        float: none
    }

    .full-banner .banner-contain h2 {
        font-size: 65px
    }

    .full-banner .banner-contain h3 {
        font-size: 40px
    }

    .full-banner .banner-contain h4 {
        font-size: 18px;
        padding-top: 0;
        letter-spacing: .3em
    }

    .full-banner.feature-banner .feature-object {
        text-align: left;
        margin-left: 0;
        margin-bottom: 30px
    }

    .full-banner.feature-banner .feature-object li .media .media-body {
        text-align: left
    }

    .full-banner.feature-banner .feature-object li .media img {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-right: 15px;
        margin-left: 0
    }

    .pet-parallax .full-banner {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .home-slider .home {
        height: 58vh
    }

    .home-slider .slider-contain {
        height: 58vh
    }

    .home-slider .slider-contain h1 {
        font-size: 30px
    }

    .home-slider .slider-details {
        top: 18%;
        right: 8%;
        width: 180px !important;
        height: 180px !important
    }

    .home-slider .slider-details h1 {
        font-size: 22px;
        margin: 5px 0
    }

    .home-slider .slider-details h2 {
        font-size: 18px
    }

    .home-slider .slider-details h3 {
        font-size: 16px
    }

    .home-slider .slider-details h4 {
        display: none
    }

    .home-slider .slider-details .btn-white {
        padding: 4px 8px
    }

    .home-slider.fullpage .home .slider-contain {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0
    }

    .home-slider.fullpage .home .slider-contain>div {
        background-color: rgba(0, 0, 0, .15);
        padding: 30px 50px
    }

    .home-slider.fullpage .home .slider-contain h1,
    .home-slider.fullpage .home .slider-contain p {
        color: #fff
    }

    .home-slider.fullpage .home .slider-contain h1 {
        font-size: 22px
    }

    .home-slider.fullpage .home .slider-contain p {
        max-width: 330px;
        font-size: 12px
    }

    .home-slider.fullpage .home .slider-contain .btn-solid {
        padding: 10px 15px
    }

    .height-85 .home-slider .home {
        height: 60vh
    }

    .height-85 .home-slider .slider-contain {
        height: 60vh
    }

    .background .contain-bg {
        background-color: unset;
        padding-top: 0;
        padding-bottom: 0;
        margin: 10px 0
    }

    .background .contain-bg:hover {
        background-color: unset
    }

    .theme-tab .tab-content .product-tab .tab-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: calc(100% - 10px)
    }

    .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+2) {
        margin: 0 5px 10px
    }

    .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+1) {
        margin: 0 5px 0
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 img {
        height: 150px
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6 {
        margin-right: 10px
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li {
        margin-top: 7px;
        height: 18px;
        width: 18px
    }

    .alert {
        right: 0 !important;
        left: 0;
        max-width: 90% !important
    }

    .tap-top {
        width: 35px;
        height: 35px;
        padding: 2px;
        font-size: 19px
    }

    .layout2-logo {
        padding-right: 0
    }

    .absolute-banner {
        margin-top: 0
    }

    .absolute-banner .absolute-bg {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-bottom: 0
    }

    .absolute-banner.banner-padding {
        padding-top: 0
    }

    .box-layout-body .box-layout {
        margin-top: 0
    }

    .full-scroll-menu .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .layout-8 {
        padding: 0 15px
    }

    .layout-20 {
        padding: 0
    }

    .addcart_btm_popup {
        display: none !important
    }

    .color-picker a.handle {
        width: 30px;
        height: 35px
    }

    .color-picker a.handle i {
        margin-left: 7px;
        font-size: 17px
    }

    .full-scroll-footer {
        display: none
    }

    .template-password #container #login {
        margin-bottom: 0
    }

    .error-section {
        padding: 100px 0
    }

    .error-section h1 {
        font-size: 100px
    }

    .error-section h2 {
        margin: 20px 0;
        font-size: 18px
    }

    .about-page .about-head {
        display: inline-block;
        width: 100%;
        text-align: center
    }

    .about-page .about-head .theme-breadcrumb .breadcrumb {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 0
    }

    .blog-detail-page .blog-detail .post-social li {
        display: block
    }

    .blog-detail-page .blog-detail .post-social li+li {
        padding-left: 0;
        margin-left: 0;
        border-left: none
    }

    .collection .collection-block .collection-content p {
        margin-bottom: 10px
    }

    .collection .collection-block .collection-content h3,
    .collection .collection-block .collection-content h4 {
        margin-bottom: 5px
    }

    .collection-product-wrapper .product-wrapper-grid .product-box {
        margin-top: 30px
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .search-count {
        padding: 10px 20px 10px 20px
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .search-count h5 {
        font-size: 14px;
        line-height: 20px
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter,
    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view {
        width: 100%
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select,
    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select {
        padding: 10px 20px 10px 20px
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter:before,
    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view:before {
        top: 11px
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view {
        border-right: 1px solid #ddd !important;
        border-bottom: 1px solid #ddd
    }

    .collection-product-wrapper .product-top-filter .popup-filter .search-count {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view {
        border-bottom: 1px solid #ddd;
        width: 100%
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select {
        border-right: none;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before {
        top: 14px
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter {
        width: 100%;
        border-top: none
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before {
        left: unset;
        right: 35px !important;
        top: 14px
    }

    .cart-section .cart-buttons>div:last-child {
        padding-right: 15px
    }

    .cart-section .cart-buttons .btn-solid {
        padding: 7px 8px
    }

    .wishlist-section .btn-solid {
        padding: 7px 8px
    }

    .collection-wrapper .order-up {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .checkout-page .checkout-form .checkout-details {
        padding: 15px
    }

    .search-product>div:nth-last-child(5) {
        margin-top: 30px
    }

    .product-box .img-wrapper .lable-block .lable3 {
        font-size: 12px;
        padding: 13px 8px
    }

    .product-box .img-block .lable-wrapper .lable1,
    .product-box .img-block .lable-wrapper .lable2 {
        padding: 6px 9px 8px 15px;
        font-size: 12px
    }

    .product-full-tab .tab-content.nav-material p,
    .tab-product .tab-content.nav-material p {
        padding: 15px 0
    }

    .tab-product .tab-content.nav-material p {
        line-height: 1.3
    }

    .lookbook .lookbook-block .lookbook-dot .dot-showbox {
        width: 90px;
        top: -70px
    }

    .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5 {
        line-height: 16px
    }

    .layout7-product .product-box .details-product {
        padding: 5px
    }

    .layout7-product .product-box:hover .details-product {
        -webkit-animation: none;
        animation: none
    }

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

    .success-text i {
        font-size: 40px
    }

    .success-text p {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.2
    }

    .success-text h2 {
        margin-bottom: 10px
    }

    .order-success-sec>div {
        margin-top: 15px
    }

    .delivery-sec {
        padding: 15px;
        margin-top: 15px
    }

    .delivery-sec h2,
    .delivery-sec h3 {
        font-size: 20px
    }

    .product-order h3 {
        font-size: 20px
    }

    .product-order .product-order-detail .order_detail h4,
    .product-order .product-order-detail .order_detail h5 {
        font-size: 14px;
        line-height: 1.2
    }

    .product-order .total-sec ul li {
        font-size: 16px
    }

    .product-order .final-total h3 {
        font-size: 16px
    }

    .beauty-about .service .service-block1 {
        margin-bottom: 20px
    }

    .beauty-about .service .service-block1:last-child {
        margin-bottom: 0
    }

    .main-menu .menu-left .navbar i {
        font-size: 24px
    }

    .typography_section .typography-box .typo-content.typo-buttons a:last-child {
        margin-top: 0
    }

    .typography_section .typography-box .typo-content.typo-buttons .btn-solid.btn-sm {
        padding: 3px 12px
    }

    .bundle .bundle_img .img-box img {
        max-width: 70px
    }

    .bundle .bundle_detail .theme_checkbox {
        padding: 0
    }

    .vendor-cover .bg-size {
        height: 250px
    }

    .vendor-profile {
        margin-top: -50px
    }

    .start-selling form .row>div:nth-child(2) {
        margin-top: 15px
    }

    .become-vendor .step-bg .step-box .steps {
        margin: 0 auto 15px auto
    }

    .bg-title .theme-tab .bg-title-part {
        display: block;
        text-align: center
    }

    .bg-title .theme-tab .bg-title-part .tab-title {
        margin-left: unset;
        text-align: center
    }

    .bg-title .theme-tab .bg-title-part .tab-title li {
        padding-left: 5px;
        padding-right: 5px
    }

    .loader_skeleton header.header-gym {
        top: 0;
        background-color: #000
    }

    .loader_skeleton .header-dropdown {
        display: none
    }

    .layout-8 .loader_skeleton {
        padding: 0 0
    }

    .rtl .breadcrumb-section .page-title h2 {
        text-align: center
    }

    .rtl .blog-detail-page .blog-detail .post-social li+li {
        padding-right: 0;
        margin-right: 0;
        border-right: none
    }

    .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter {
        border-right: 1px solid #ddd
    }

    .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select,
    .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select {
        padding: 10px 34px 10px 34px
    }

    .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view {
        border-left: none
    }

    .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before {
        left: 25px
    }

    .rtl .layout2-logo {
        padding-left: 0
    }

    .rtl .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart {
        left: unset !important;
        right: -118px !important
    }

    .rtl .main-menu .menu-right .icon-nav .onhover-div .show-div.setting {
        right: unset;
        left: 0 !important
    }

    .rtl .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav {
        right: unset;
        left: 15px
    }

    .rtl .layout3-menu .brand-logo {
        -webkit-transform: translateX(-15%);
        transform: translateX(-15%)
    }

    .rtl .top-header .header-dropdown li i {
        padding-left: 0
    }

    .rtl .top-header .header-dropdown .mobile-account .onhover-show-div {
        right: unset;
        left: 0
    }

    .rtl .bg-title .theme-tab .bg-title-part .title-border {
        text-align: center
    }

    .rtl .bg-title .theme-tab .bg-title-part .tab-title {
        margin-right: auto;
        text-align: center;
        margin-left: auto
    }

    .rtl .bg-title .theme-tab .bg-title-part .tab-title li {
        padding-left: 5px;
        padding-right: 5px
    }

    .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view {
        border-color: #404040 !important
    }

    .dark .tools-service.absolute-banner .absolute-bg {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .dark .full-banner .banner-contain {
        background-color: rgba(0, 0, 0, .2)
    }
}

@media (min-width:577px) {
    .rtl .onhover-dropdown:before {
        right: unset;
        left: 3px
    }

    .rtl .onhover-dropdown .onhover-show-div {
        right: unset;
        left: 0
    }

    .rtl .main-menu .menu-left .navbar {
        padding: 40px 0 40px 45px
    }

    .rtl .main-menu .category-nav-right .navbar {
        padding: 40px 45px 40px 0
    }

    .rtl .main-menu .menu-right .icon-nav li {
        padding-left: 0;
        padding-right: 20px
    }

    .rtl .main-menu .menu-right .onhover-div .show-div.setting,
    .rtl .main-menu .menu-right .onhover-div .show-div.shopping-cart {
        left: 0;
        right: unset
    }

    .rtl .main-menu .menu-right .onhover-div .show-div.shopping-cart li .close-circle {
        right: unset;
        left: 0
    }

    .rtl .main-menu .menu-right .onhover-div .show-div.shopping-cart li .total h5 span {
        float: left
    }
}

@media (max-width:575px) {
    .breadcrumb-section .page-title {
        text-align: center;
        margin: 0 auto;
        vertical-align: middle;
        display: unset
    }

    .breadcrumb-section .page-title h2 {
        margin-top: -2px
    }

    .breadcrumb-section .breadcrumb {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: start;
        padding: 0;
        line-height: 1;
        margin-top: 10px;
        margin-bottom: 10px !important;
        line-height: 17px;
    }
}

@media (max-width:480px) {
    .title1 .title-inner1 {
        margin-bottom: 20px
    }

    .title1.title5 hr[role=tournament6] {
        margin: 12px auto 20px auto
    }

    .title2 .title-inner2 {
        margin-bottom: 20px
    }

    .title3 .line {
        margin-bottom: 20px
    }

    .title4 .line {
        margin-bottom: 20px
    }

    .title-borderless {
        margin-bottom: 20px
    }

    .service_slide .home-slider .slider-contain {
        height: 55vh
    }

    .advertise-section .full-banner {
        padding-top: 40px;
        padding-bottom: 40px
    }

    header.left-header .main-menu .menu-left .mobile-logo {
        top: 22px
    }

    .gym-banner .collection-banner .contain-banner>div {
        background-color: rgba(0, 0, 0, .5);
        padding: 10px
    }

    .gym-banner .collection-banner .contain-banner h2 {
        font-size: 20px;
        margin-top: 4px
    }

    .gym-banner .collection-banner .contain-banner h4 {
        font-size: 14px
    }

    .subscribe-form.classic-form .form-control {
        margin-left: 0
    }

    .product-box .img-block {
        min-height: 190px
    }

    .theme-tab .tab-title li {
        padding-left: 5px;
        padding-right: 5px
    }

    .theme-tab .tab-title2 {
        margin-bottom: 30px;
        font-size: 18px;
        font-weight: 400
    }

    .theme-tab .tab-title2 li {
        padding-left: 15px;
        padding-right: 15px
    }

    .theme-tab .tab-title2:after {
        display: none
    }

    .blog-details {
        padding-left: 0;
        padding-right: 0
    }

    .full-banner {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .full-banner.parallax-layout {
        padding-top: 4px;
        padding-bottom: 40px
    }

    .full-banner .banner-contain h2 {
        font-size: 60px
    }

    .full-banner .banner-contain h4 {
        font-size: 18px
    }

    .full-banner .santa-img {
        bottom: -20px;
        left: 10px
    }

    .full-banner .santa-img img {
        width: 76px
    }

    .pet-parallax .full-banner {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .collection-banner .contain-banner {
        padding-left: 30px;
        padding-right: 30px
    }

    .collection-banner .contain-banner h2 {
        font-size: 24px
    }

    .home-slider .home {
        height: 55vh
    }

    .home-slider .slider-details {
        width: 150px !important;
        height: 150px !important
    }

    .home-slider .slider-details h1 {
        font-size: 20px
    }

    .home-slider .slider-details h2 {
        font-size: 16px
    }

    .home-slider .slider-details h3 {
        font-size: 14px
    }

    .home-slider .slider-contain {
        height: 55vh
    }

    .home-slider .slider-contain h1 {
        font-size: 28px
    }

    .home-slider .slider-contain h4 {
        letter-spacing: .1em
    }

    .home-slider .slider-contain .btn-outline,
    .home-slider .slider-contain .btn-solid {
        margin-top: 5px
    }

    .height-85 .home-slider .home {
        height: 55vh
    }

    .height-85 .home-slider .slider-contain {
        height: 55vh
    }

    .white-layout .footer-theme2 .footer-block .footer-container {
        max-width: 448px
    }

    .footer-theme2.section-light .footer-block .subscribe-white {
        padding: 30px 30px
    }

    .footer-theme2.section-light .footer-block .subscribe-white .form-control {
        letter-spacing: 3px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg {
        padding: 35px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content img {
        margin-bottom: 10px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 {
        margin-bottom: 15px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .form-control {
        height: 40px;
        padding: 0
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .btn-outline,
    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .btn-solid {
        padding: 8px 15px
    }

    .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media {
        display: block;
        text-align: center
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body h4 {
        font-size: 15px
    }

    .bg-block,
    .tab-bg {
        padding: 35px 25px 30px 25px
    }

    .setting-box {
        width: 280px
    }

    .setting-sidebar.open-icon {
        right: 278px
    }

    .setting-box .setting-contant .setting_buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .setting-box .setting-contant .setting_buttons li {
        width: 40% !important
    }

    .select_input select {
        padding: 12px 15px;
        margin-bottom: 18px
    }

    .about-page p {
        line-height: 1.5;
        margin-bottom: 0
    }

    .testimonial .testimonial-slider .media {
        display: inline-block
    }

    .testimonial .testimonial-slider .media img {
        margin: 0 auto;
        height: 100px;
        width: 100px
    }

    .testimonial .testimonial-slider .media .media-body {
        padding: 0;
        text-align: center
    }

    .blog-detail-page .blog-contact h2 {
        font-size: 30px;
        margin-bottom: 25px
    }

    .blog-detail-page .blog-contact .theme-form input,
    .blog-detail-page .blog-contact .theme-form textarea {
        padding: 12px 20px;
        margin-bottom: 20px
    }

    .blog-detail-page .blog-detail h3 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .blog-detail-page .blog-detail img {
        margin-bottom: 25px
    }

    .blog-detail-page .blog-advance ul {
        line-height: 1.5
    }

    .blog-detail-page .blog-advance img {
        margin-bottom: 20px;
        margin-top: 10px
    }

    .blog-detail-page .blog-advance p {
        line-height: 1.5
    }

    .blog-detail-page .comment-section li {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .blog-detail-page .comment-section li p {
        line-height: 1.5
    }

    .blog-detail-page .comment-section li h6 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .blog-detail-page .comment-section li h6 span {
        display: inherit;
        margin-left: 0
    }

    .blog-detail-page .comment-section .media {
        display: inline-block;
        text-align: center
    }

    .faq-section .theme-accordion .card .card-body p {
        line-height: 1.5 !important
    }

    .faq-section .theme-accordion .card .card-header button {
        line-height: 1.3;
        padding: 12px 35px 12px 12px !important
    }

    .faq-section .accordion.theme-accordion .card .card-header button:before {
        top: 20px
    }

    .pwd-page {
        padding: 70px 0
    }

    .pwd-page h2 {
        font-size: 25px;
        margin-bottom: 15px
    }

    .login-page .authentication-right h6 {
        margin-bottom: 10px
    }

    .login-page .theme-card {
        padding: 25px
    }

    .register-page .theme-card {
        padding: 18px
    }

    .register-page .theme-card .theme-form input {
        margin-bottom: 20px;
        padding: 12px 15px
    }

    .search-block .btn-solid {
        padding: 10px 15px
    }

    .contact-page .map iframe {
        height: 275px
    }

    .contact-page .theme-form input {
        padding: 12px 15px;
        margin-bottom: 18px
    }

    .blog-page .blog-media .blog-right h6 {
        margin-bottom: 0
    }

    .blog-page .blog-media .blog-right p {
        line-height: 1.3
    }

    .blog-page .blog-media .blog-right h4 {
        margin-bottom: 5px
    }

    .blog-page .blog-media .blog-right ul {
        margin-bottom: 5px
    }

    .blog-page .blog-media .blog-right ul li {
        display: block
    }

    .blog-page .blog-media .blog-right ul li+li {
        padding-left: 0;
        margin-left: 0;
        border-left: none
    }

    .account-sidebar {
        width: 45%
    }

    .success-text h2 {
        font-size: 20px
    }

    .success-text p {
        font-size: 14px
    }

    .delivery-sec h2,
    .delivery-sec h3 {
        font-size: 18px
    }

    .typography_section .typography-box .typo-content.typo-buttons a {
        margin: 5px 0
    }

    .dashboard-section .dashboard-box .dashboard-detail ul li .details {
        display: block
    }

    .dashboard-section .dashboard-box .dashboard-detail ul li .details .left {
        width: auto
    }

    .dashboard-section .dashboard-box .dashboard-detail ul li .details .left h6 {
        font-weight: 600
    }

    .theme-card .offer-slider img {
        max-width: 130px;
        height: auto
    }

    .rtl .theme-tab .tab-title2 {
        -webkit-padding-start: 0
    }

    .rtl .blog-page .blog-media .blog-right ul li+li {
        padding-right: 0;
        margin-right: 0;
        border-right: 0
    }

    .rtl .blog-detail-page .comment-section li h6,
    .rtl .blog-detail-page .comment-section li p {
        text-align: center
    }

    .rtl .product-right .product-icon .product-social li {
        padding-left: 16px
    }

    .rtl .tab-product .nav-material.nav-tabs .nav-item .nav-link {
        text-align: right
    }

    .rtl .product-full-tab .nav-material.nav-tabs .nav-item .nav-link,
    .rtl .tab-product .nav-material.nav-tabs .nav-item .nav-link {
        padding: 15px
    }

    .rtl .testimonial .testimonial-slider .media .media-body p {
        text-align: center
    }

    .rtl .full-banner .santa-img {
        right: 10px
    }
}

@media (max-width:420px) {
    h2 {
        font-size: 22px
    }

    .product-pagination {
        margin: 30px 0
    }

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

    .margin-res>div {
        padding-left: 10px;
        padding-right: 10px
    }

    .portfolio-section.metro-section .product-box .product-detail {
        width: 95%;
        bottom: 5px
    }

    .portfolio-section.metro-section .product-box .product-detail h4,
    .portfolio-section.metro-section .product-box .product-detail h6 {
        font-size: 12px
    }

    .portfolio-section.metro-section .product-box .cart-wrap a i,
    .portfolio-section.metro-section .product-box .cart-wrap button i {
        font-size: 10px;
        padding: 5px
    }

    .collection-product-wrapper .product-wrapper-grid .product-box {
        margin-top: 20px
    }

    .subscribe h4 {
        display: block
    }

    footer .btn-solid {
        padding: 7px 8px
    }

    footer p {
        line-height: 25px
    }

    footer.footer-black .subscribe-form .form-control {
        height: 35px;
        width: 220px
    }

    .blog-details p {
        font-size: 14px;
        line-height: 1.3
    }

    .no-slider {
        margin-left: -10px !important;
        margin-right: -10px !important
    }

    .no-slider .product-box {
        margin: 0 10px 20px !important;
        max-width: calc(50% - 20px)
    }

    .no-slider .product-box:nth-last-child(-n+4) {
        margin: 0 10px 0 !important
    }

    .no-slider.five-product .product-box {
        margin: 0 10px 20px !important;
        max-width: calc(50% - 20px)
    }

    .no-slider.five-product .product-box:nth-last-child(-n+5) {
        margin: 0 10px 0 !important
    }

    .product-box .cart-detail i,
    .product-wrap .cart-detail i {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px
    }

    .product-box .cart-info i,
    .product-box .cart-wrap i,
    .product-wrap .cart-info i,
    .product-wrap .cart-wrap i {
        padding: 5px;
        font-size: 13px
    }

    .product-box .img-wrapper .lable-block .lable4,
    .product-wrap .img-wrapper .lable-block .lable4 {
        font-size: 10px
    }

    .product-box .img-wrapper .cart-box i,
    .product-wrap .img-wrapper .cart-box i {
        font-size: 16px;
        padding-left: 4px;
        padding-right: 4px
    }

    .product-box .product-detail .rating,
    .product-box .product-info .rating,
    .product-wrap .product-detail .rating,
    .product-wrap .product-info .rating {
        margin-top: 5px
    }

    .product-box .product-detail h6,
    .product-box .product-info h6,
    .product-wrap .product-detail h6,
    .product-wrap .product-info h6 {
        font-size: 14px
    }

    .product-box .product-detail h4,
    .product-box .product-info h4,
    .product-wrap .product-detail h4,
    .product-wrap .product-info h4 {
        font-size: 15px
    }

    .product-box .product-detail .color-variant,
    .product-box .product-info .color-variant,
    .product-wrap .product-detail .color-variant,
    .product-wrap .product-info .color-variant {
        padding-top: 3px
    }

    .product-box .product-detail .color-variant li,
    .product-box .product-info .color-variant li,
    .product-wrap .product-detail .color-variant li,
    .product-wrap .product-info .color-variant li {
        height: 14px;
        width: 14px;
        margin-right: 3px
    }

    .product-box .cart-info.cart-wrap i,
    .product-box .cart-wrap.cart-wrap i,
    .product-wrap .cart-info.cart-wrap i,
    .product-wrap .cart-wrap.cart-wrap i {
        padding: 5px;
        font-size: 13px
    }

    .absolute_banner .collection-banner .absolute-contain {
        padding: 10px;
        bottom: 10px
    }

    .absolute-product .product-box .product-detail .cart-bottom i {
        padding-right: 4px;
        padding-left: 4px;
        font-size: 16px
    }

    .layout7-product .no-slider .product-box {
        max-width: calc(100% - 20px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .bag-product .product-box .img-wrapper,
    .bag-product .product-wrap .img-wrapper {
        margin-bottom: 40px
    }

    .bag-product .product-box .product-info .add-btn,
    .bag-product .product-wrap .product-info .add-btn {
        bottom: 90px
    }

    .bag-product .product-box .product-info .add-btn .btn-outline,
    .bag-product .product-wrap .product-info .add-btn .btn-outline {
        padding: 4px 5px
    }

    .addtocart_count .product-box .cart-info a i {
        margin: 4px 0;
        padding: 5px;
        font-size: 14px
    }

    .addtocart_count .product-box .add-button {
        font-size: 14px
    }

    .timer span .padding-l {
        padding-left: 5px
    }

    .about-text p {
        line-height: 22px
    }

    .service_slide .service-home .service-block1 svg {
        width: 40px;
        height: 40px
    }

    .footer-theme .sub-title h4 {
        margin-bottom: 5px
    }

    .footer-theme .sub-title .contact-list li {
        line-height: 25px
    }

    .footer-theme2 p {
        line-height: 25px
    }

    .breadcrumb-section {
        padding: 15px 0
    }

    .footer-light .subscribe-form .form-control {
        width: 280px
    }

    .white-layout .footer-theme2 .footer-block .footer-container {
        max-width: 388px
    }

    .white-layout .footer-theme2 .footer-block .subscribe-white .btn-outline,
    .white-layout .footer-theme2 .footer-block .subscribe-white .btn-solid {
        padding: 13px 8px
    }

    .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .btn-outline,
    .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .btn-solid {
        padding: 13px 8px
    }

    .footer-theme2 .subscribe-block .form-control {
        letter-spacing: 3px
    }

    .subscribe-form {
        display: inline-block
    }

    .subscribe-form .form-group {
        margin-bottom: 10px
    }

    .category-border div .category-banner .category-box h2 {
        font-size: 25px
    }

    .tools-grey .product-box .product-info {
        padding: 8px
    }

    .tools-grey .product-box .product-info h4 {
        font-size: 13px
    }

    .j-box .product-box .product-detail {
        padding-left: 8px;
        padding-bottom: 8px
    }

    .j-box .product-box .product-detail .rating {
        padding-top: 8px
    }

    .full-banner .banner-contain h2 {
        font-size: 55px
    }

    .full-banner .banner-contain h3 {
        font-size: 36px
    }

    .home-slider .slider-contain h1 {
        font-size: 25px;
        margin-top: 10px
    }

    .home-slider .slider-contain h4 {
        letter-spacing: .01em
    }

    .home-slider .slider-contain .btn-outline,
    .home-slider .slider-contain .btn-solid {
        margin-top: 10px;
        padding: 5px 18px
    }

    .home-slider .slider-details {
        width: 120px !important;
        height: 120px !important;
        top: 24%
    }

    .home-slider .slider-details h1 {
        font-size: 18px
    }

    .home-slider .slider-details h2 {
        font-size: 14px
    }

    .home-slider .slider-details h3 {
        font-size: 12px
    }

    .home-slider .slider-details .btn-white {
        padding: 0 2px;
        margin-top: 0;
        font-size: 10px
    }

    .theme-card.center-align {
        display: unset;
        height: unset;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }

    .theme-card.card-border .offer-slider img {
        padding: 0 15px 0 15px
    }

    .full-box .center-slider .offer-slider .product-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #f1f5f4;
        border-top: 1px solid #f1f5f4
    }

    .full-box .center-slider .offer-slider .product-box .img-wrapper img {
        height: 120px
    }

    .full-box .center-slider .offer-slider .product-box .product-info {
        text-align: left
    }

    .full-box .center-slider .offer-slider .product-box .product-info h6 {
        padding-top: 5px
    }

    .full-box .center-slider .offer-slider .product-box .product-info .color-variant {
        padding-top: 2px
    }

    .full-box .center-slider .offer-slider .product-box .product-info .color-variant li {
        height: 15px;
        width: 15px;
        padding-right: 3px
    }

    .full-box .center-slider .offer-slider .product-box .product-detail {
        padding-left: 0
    }

    .full-box .center-slider .offer-slider .product-box .product-detail h4 {
        font-size: 20px
    }

    .full-box .center-slider .offer-slider .product-box .product-detail .color-variant {
        padding-top: 0
    }

    .full-box .center-slider .offer-slider .product-box:hover .product-info .btn-outline {
        display: none
    }

    .full-box .center-slider .offer-slider .product-box:hover .product-info .color-variant {
        opacity: 1
    }

    .full-box .theme-card .offer-slider .sec-1 {
        display: inline
    }

    .full-box .theme-card .offer-slider .sec-1 .product-box2 {
        border-bottom: 1px solid #f1f5f4
    }

    .full-box .theme-card .offer-slider .sec-1 .product-box2:last-child {
        border-bottom: none
    }

    .full-box .theme-card .offer-slider .sec-1 .product-box2+.product-box2 {
        border-left: none
    }

    .center-slider .offer-slider .product-box .product-detail {
        text-align: left !important
    }

    .center-slider .offer-slider .product-box .product-detail .rating i {
        padding-right: 3px
    }

    .center-slider .offer-slider .product-box .product-detail h4 {
        padding-bottom: .5rem
    }

    .center-slider .offer-slider .product-box .product-detail .color-variant li {
        height: 18px;
        width: 18px;
        padding-right: 3px
    }

    .center-slider .offer-slider .product-box .img-wrapper .cart-box {
        display: none
    }

    .product-box .img-wrapper .lable-block .lable3 {
        font-size: 10px;
        padding: 10px 5px
    }

    .product-box .img-wrapper .cart-box {
        padding: 8px 8px;
        bottom: 10px
    }

    .product-box .img-block .lable-wrapper {
        top: 20px
    }

    .product-box .img-block .lable-wrapper .lable1,
    .product-box .img-block .lable-wrapper .lable2 {
        padding: 5px 5px 5px 8px;
        font-size: 12px
    }

    .product-box .cart-info {
        bottom: 10px
    }

    .team h6 {
        line-height: 15px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg {
        padding: 30px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 {
        font-size: 30px
    }

    .login-page .authentication-right p {
        line-height: 1.5
    }

    .login-page .theme-card .theme-form input {
        padding: 15px 20px;
        margin-bottom: 25px
    }

    .tab-product .nav-material.nav-tabs {
        display: block
    }

    .tab-product .nav-material.nav-tabs .nav-item {
        width: 100%
    }

    .tab-product .nav-material.nav-tabs .nav-item .nav-link {
        padding: 10px 20px
    }

    .vertical-tab .product-full-tab .nav-material.nav-tabs .nav-item .nav-link,
    .vertical-tab.tab-product .nav-material.nav-tabs .nav-item .nav-link {
        padding: 10px 20px
    }

    .product-right .product-buttons .btn-outline,
    .product-right .product-buttons .btn-solid {
        padding: 7px 13px
    }

    .product-right.product-form-box .timer {
        padding-left: 29px
    }

    .product-right.product-form-box .timer span {
        width: 45px
    }

    .product-right .timer {
        padding-left: 35px
    }

    .product-right .timer span {
        width: 45px
    }

    .product-right .product-icon .product-social {
        margin-top: 0
    }

    .product-right .product-icon .product-social li {
        padding-right: 5px
    }

    .product-right .product-icon .product-social li a i {
        font-size: 14px
    }

    .product-right .product-icon .wishlist-btn i {
        font-size: 14px;
        padding-left: 10px;
        margin-left: 5px
    }

    .product-right .product-icon .wishlist-btn span {
        font-size: 14px
    }

    .tab-product .theme-form input,
    .tab-product .theme-form textarea {
        font-size: 12px;
        padding: 8px 15px
    }

    .order-box .sub-total .shipping {
        width: unset;
        float: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .order-box .sub-total .shipping .shopping-option:last-child {
        padding-left: 20px
    }

    .checkout-page .checkout-form .form-group {
        margin-bottom: 15px
    }

    .checkout-page .checkout-form input[type=email],
    .checkout-page .checkout-form input[type=number],
    .checkout-page .checkout-form input[type=password],
    .checkout-page .checkout-form input[type=tel],
    .checkout-page .checkout-form input[type=text],
    .checkout-page .checkout-form input[type=url] {
        height: 40px
    }

    .checkout-page .checkout-form select,
    .checkout-page .checkout-form textarea {
        height: 40px
    }

    .grid-products {
        margin-left: -10px;
        margin-right: -10px
    }

    .grid-products .product-box {
        padding-left: 10px;
        padding-right: 10px
    }

    .game-product .product-box .add-button {
        font-size: 14px;
        bottom: 6px
    }

    .rtl .full-box .center-slider .offer-slider .product-box .product-detail .color-variant,
    .rtl .full-box .center-slider .offer-slider .product-box .product-detail .rating,
    .rtl .full-box .center-slider .offer-slider .product-box .product-detail h4,
    .rtl .full-box .center-slider .offer-slider .product-box .product-detail h6 {
        text-align: right !important
    }

    .rtl .order-box .sub-total .shopping-option label {
        padding-right: 0
    }
}

@media (max-width:360px) {

    .btn-outline,
    .btn-solid {
        padding: 10px 15px
    }

    h2 {
        font-size: 25px
    }

    .advertise-section .full-banner {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .category-button .col {
        -ms-flex-preferred-size: unset;
        flex-basis: unset
    }

    .gym-banner .collection-banner .contain-banner h2 {
        font-size: 18px
    }

    .service_slide .home-slider .slider-contain {
        height: 50vh
    }

    .tools-parallax-product .tools-description .tools-form .search-box {
        width: 92%
    }

    .footer-theme2 .subscribe-block {
        padding: 0 30px
    }

    .white-layout .small-section .footer-theme2 .col {
        padding: 0 15px
    }

    .white-layout .footer-theme2 .footer-block .footer-container {
        max-width: 330px
    }

    .footer-theme2.section-light .footer-block .subscribe-white {
        padding: 20px 20px
    }

    .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .form-control {
        border: none
    }

    .footer-end p {
        font-size: 13px
    }

    .category-border div .category-banner .category-box h2 {
        padding: 7px 15px
    }

    .full-banner {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .full-banner.parallax-layout {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .full-banner .banner-contain h2 {
        font-size: 55px
    }

    .full-banner .banner-contain h3 {
        font-size: 30px
    }

    .pet-parallax .full-banner {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .home-slider .home {
        height: 50vh
    }

    .home-slider .slider-contain {
        height: 50vh
    }

    .home-slider .slider-contain h1 {
        font-size: 25px
    }

    .home-slider .slider-contain .btn-outline,
    .home-slider .slider-contain .btn-solid {
        margin-top: 8px;
        padding: 5px 15px
    }

    .home-slider .slider-details {
        top: 20%
    }

    .home-slider .slider-details h1 {
        font-size: 16px
    }

    .home-slider .slider-details h2 {
        font-size: 13px
    }

    .height-85 .home-slider .home {
        height: 50vh
    }

    .height-85 .home-slider .slider-contain {
        height: 50vh
    }

    .layout-7 .home .slider-contain {
        height: 50vh
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6 {
        font-size: 13px
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li {
        height: 12px;
        width: 12px
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 img {
        height: 115px
    }

    .blog-detail-page .blog-detail p {
        line-height: 1.5
    }

    .blog-detail-page .blog-contact h2 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .about-page p {
        line-height: 1.2
    }

    .theme-modal .modal-dialog .modal-content .modal-body {
        padding: 10px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg {
        padding: 20px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .close {
        right: 10px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .form-control {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .login-page .theme-card {
        padding: 18px
    }

    .search-block .btn-solid {
        padding: 10px 5px
    }

    .search-block .form-header .input-group input {
        padding: 10px 12px
    }

    .contact-page .map iframe {
        height: 200px
    }

    .collection-product-wrapper .product-pagination .pagination .page-item a {
        padding: 15px 13px
    }

    .collection-product-wrapper .product-pagination .product-search-count-bottom {
        padding-left: 10px
    }

    .collection-product-wrapper .product-pagination .product-search-count-bottom h5 {
        line-height: 15px
    }

    .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup {
        width: 80%
    }

    .cart-section tbody tr td,
    .wishlist-section tbody tr td {
        min-width: 115px
    }

    .cart-section tbody tr td .mobile-cart-content .col-xs-3,
    .wishlist-section tbody tr td .mobile-cart-content .col-xs-3 {
        margin-left: 5px;
        margin-right: 5px
    }

    .cart-section tbody tr td a img,
    .wishlist-section tbody tr td a img {
        height: 80px
    }

    .cart-section tfoot tr td,
    .wishlist-section tfoot tr td {
        padding-right: 27px
    }

    .cart-section tfoot tr td h2,
    .wishlist-section tfoot tr td h2 {
        font-size: 21px
    }

    .wishlist-section .wishlist-buttons:last-child a {
        margin-left: 0
    }

    .product-buttons .btn-outline,
    .product-buttons .btn-solid {
        padding: 7px 16px
    }

    .product-description .qty-box .input-group {
        width: 100%
    }

    .single-product-tables.detail-section table {
        width: 70%
    }

    .product-right .timer {
        padding-left: 25px
    }

    .product-right .timer span .padding-l {
        padding-left: 10px
    }

    .product-form-box .timer span {
        width: 47px
    }

    .product-form-box .timer span .padding-l {
        padding-left: 9px
    }

    .product-form-box .product-buttons .btn-outline,
    .product-form-box .product-buttons .btn-solid {
        padding: 5px 5px
    }

    .border-product .timer span,
    .product-form-box .timer span {
        width: 45px
    }

    .border-product .timer span .padding-l,
    .product-form-box .timer span .padding-l {
        padding-right: 5px
    }

    .rtl .product-right .product-icon .product-social li {
        padding-left: 7px
    }

    .rtl .banner-timer .timer {
        padding-left: 0;
        padding-right: 20px
    }

    .rtl .banner-timer .timer span {
        width: 50px
    }
}

@media (max-width:320px) {
    .home-slider .slider-details {
        top: 16%
    }

    .footer-theme .footer-logo {
        margin-bottom: 20px
    }

    .footer-theme2 .col {
        padding: 10px 5px
    }

    .white-layout .footer-theme2 .col {
        padding: 0 15px
    }

    .white-layout .footer-theme2 .footer-block .footer-container {
        max-width: 290px
    }

    .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .form-control {
        letter-spacing: 1px
    }

    .footer-theme2.section-light .footer-block .subscribe-white .form-control {
        letter-spacing: 1px
    }

    .collection-banner .contain-banner.banner-3 {
        padding-left: 25px;
        padding-right: 25px
    }

    .collection-banner .contain-banner.banner-3 h2 {
        font-size: 15px
    }

    .collection-banner .contain-banner.banner-4 {
        padding-left: 35px;
        padding-right: 35px
    }

    .collection-banner .contain-banner.banner-4 h2 {
        font-size: 15px
    }
}

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@400;500;700&display=swap);

@font-face {
    font-family: icomoon;
    src: url('../../fonts/icomoon.eot?27nj8m');
    src: url('../../fonts/icomoon.eot?27nj8m#iefix') format('embedded-opentype'), url('../../fonts/icomoon.ttf?27nj8m') format('truetype'), url('../../fonts/icomoon.woff?27nj8m') format('woff'), url('../../fonts/icomoon.svg?27nj8m#icomoon') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: undefined;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-ic_mail:before {
    content: "\e905"
}

.icon-ic_call:before {
    content: "\e906"
}

.icon-location:before {
    content: "\e903"
}

.icon-ic_currency:before {
    content: "\e900";
    color: #fff
}

.onhover-dropdown {
    position: relative;
    font-size: 14px
}

.onhover-dropdown .onhover-show-div {
    top: calc(100% - 10px);
    position: absolute;
    z-index: 99999;
    background-color: #fff;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    min-width: 160px;
    text-align: left;
    -webkit-box-shadow: 0 1px 2px 0 #cacaca;
    box-shadow: 0 1px 2px 0 #cacaca;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    visibility: hidden;
    right: 0;
    padding: 0;
    border-radius: 0 !important
}

.onhover-div {
    position: relative;
    padding: 0;
    font-family: Lato, sans-serif
}

.onhover-div i,
.onhover-div img {
    cursor: pointer
}

.onhover-div .show-div {
    top: calc(100% + 3px);
    position: absolute;
    z-index: 9;
    background-color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s;
    min-width: 236px;
    text-align: left;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
    right: 0;
    padding: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 0 8px #ddd;
    box-shadow: 0 0 8px #ddd
}

.dark .onhover-show-div li {
    background-color: #232323
}

.onhover-dropdown:hover .onhover-show-div {
    padding: 0 !important
}

.dark .modal-content {
    background-color: #232323
}

.dark .form-control {
    color: #cfd4da;
    background-color: #2b2b2b
}

ul.contact-list.al li i {
    width: 24px;
    display: inline-block;
    text-align: center
}

.al_QRcode svg {
    margin-right: 5px
}

section.tab-product ul.nav.nav-tabs.nav-material li.nav-item a {
    padding: 0 15px !important;
    line-height: 2 !important
}

body.al_body_template_four .exzoom_nav.side_nav_img span .active {
    border: 1px solid var(--theme-deafult) !important
}

.product-right p {
    line-height: 1.5em;
    font-size: 14px;

}

.dark .address-input-field {
    background-color: #2b2b2b
}

.menu_navigation_al_four.mt-lg-3.swiper.menu-slider.swiper-initialized.swiper-horizontal {
    overflow: visible
}

li.alMainMenu.swiper-slide.has-children {
    width: auto !important
}

.menu_navigation_al_four.mt-lg-3.swiper.menu-slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    margin-top: 20px !important;
    margin-top: 10px !important;
}

li.onhover-dropdown.mobile-account span.al_BGcolor .fa-globe:before {
    line-height: 32px !important;

}

.customizable-text {
    right: 15px !important;

}

.menu_navigation_al_four ul li a:hover {
    background: #f4f4f5;
    border-radius: 20px;
}

.new-tag {
    color: #000;

}