body {
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    background-color: #fff;
    color: #777; 
}
h1 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: calc(30px + (72 - 30) * ((100vw - 320px) / (1920 - 320)))
}
h2 {
    font-weight: 400;
    margin-bottom: 0;
    font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)))
}
h3 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)))
}
h4 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)))
}
h5 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 16px
}
h6 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400
}
label {
    color: #333
}
textarea, input {
    letter-spacing: 0.05em
}
ul {
    padding-left: 0;
    margin-bottom: 0
}
::selection {
    background-color: #00baf2;
    color: #1c3481
}
.small-section {
    padding-top: 35px;
    padding-bottom: 35px
}
li {
    display: inline-block
}
.o-hidden {
    overflow: hidden
}
p {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 0;
    letter-spacing: 0.05em
}
a {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}
a:hover {
    text-decoration: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}
a:focus {
    outline: none
}
button:focus {
    outline: none
}
.alert {
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #5cb85c
}
.alert span {
    color: #5cb85c
}
.alert .progress {
    margin-top: 5px;
    Height: 10px
}
.alert .progress-bar {
    background-color: #5cb85c;
    Height: 10px
}
.section-pt-space {
    padding-top: 15px
}
.section-pb-space {
    padding-bottom: 15px
}
.section-py-space {
    padding: 15px 0
}
.section-big-pt-space {
    padding-top: 50px
}
.section-big-pb-space {
    padding-bottom: 50px
}
.section-big-py-space {
    padding: 50px 0
}
.section-mb-space {
    margin-bottom: 15px
}
.section-my-space {
    margin: 15px 0
}
.mb--5 {
    margin-bottom: -5px
}
.mb--10 {
    margin-bottom: -10px
}
.mt--5 {
    margin-top: -5px
}
.section-mt-space {
    margin-top: 15px
}
.section-big-mt-space {
    margin-top: 50px
}
.section-big-mb-space {
    margin-bottom: 50px
}
.gutter-15 .col-sm-12, .gutter-15 .col-sm-6, .gutter-15 .col-md-12 {
    padding-right: 7.5px;
    padding-left: 7.5px
}
.gutter-15 .masonary-banner-block2 .col-sm-6 {
    padding-left: 15px
}
.bg-light {
    background-color: #f2f2f2 !important
}
.no-arrow .slick-next, .no-arrow .slick-prev {
    display: none !important
}
.timer span {
    display: inline-grid;
    background-color: #fff;
    padding: 12px 0 18px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 0 8px;
    min-width: 70px
}
.timer span:first-child {
    margin-left: 0
}
.timer span:last-child {
    margin-right: 0
}
.timer span .padding-l {
    display: none
}
.timer span .timer-cal {
    font-size: 12px;
    color: #777
}
.timer span>span {
    color: #e8ebf2;
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    margin-left: 0;
    text-transform: capitalize
}
.timer p {
    margin-bottom: 0
}
.txt-default {
    color: #00baf2
}
.bg-light0 {
    background-color: #f1e7e6
}
.bg-light1 {
    background-color: #d0edff
}
.bg-light2 {
    background-color: #bfbfbf
}
.b-g-white {
    background-color: #fff !important
}
.bg-silver {
    background-color: #f2f2f2 !important
}
.color-variant li {
    margin-right: 5px;
    border-radius: 50%
}
.ratio_40 .bg-size:before {
    padding-top: 40%;
    content: "";
    display: block
}
.ratio_45 .bg-size:before {
    padding-top: 45%;
    content: "";
    display: block
}
.ratio2_1 .bg-size:before {
    padding-top: 50%;
    content: "";
    display: block
}
.ratio2_3 .bg-size:before {
    padding-top: 60%;
    content: "";
    display: block
}
.ratio3_2 .bg-size:before {
    padding-top: 66.66%;
    content: "";
    display: block
}
.ratio_landscape .bg-size:before {
    padding-top: 75%;
    content: "";
    display: block
}
.ratio_square .bg-size:before {
    padding-top: 100%;
    content: "";
    display: block
}
.ratio_asos .bg-size:before {
    padding-top: 127.7777778%;
    content: "";
    display: block
}
.ratio_portrait .bg-size:before {
    padding-top: 150%;
    content: "";
    display: block
}
.ratio1_2 .bg-size:before {
    padding-top: 200%;
    content: "";
    display: block
}
.b-top {
    background-position: top !important
}
.b-bottom {
    background-position: bottom !important
}
.b-center {
    background-position: center !important
}
.b_size_content {
    background-size: contain !important;
    background-repeat: no-repeat
}
.light-layout {
    background-color: #f1f1f1
}
.b-g-white {
    background-color: #fff
}
.b-g-white1 {
    background-color: #fff !important
}
button {
    cursor: pointer
}
.btn-rounded {
    font-size: 14px;
    padding: 18px 50px;
    font-weight: 700;
    color: #fff !important;
    background-color: #00baf2;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.05em
}
.btn-rounded.btn-outline {
    background-color: #fff;
    border: 2px solid #00baf2;
    color: #444 !important
}
.btn-rounded.btn-outline:hover {
    background-color: #00baf2;
    color: #fff !important
}
.btn-rounded:hover {
    background-color: #000
}
.btn-white {
    font-size: 14px;
    padding: 16px 45px;
    font-weight: 700;
    color: #444 !important;
    background-color: #fff;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    line-height: 1;
    letter-spacing: 0.05em
}
.btn-white.btn-outline {
    background-color: transparent;
    border: 1px solid #00baf2
}
.btn-white.btn-outline:hover {
    background-color: #00baf2
}
.btn-white:hover {
    background-color: #000;
    color: #fff !important
}
.btn-normal {
    font-size: 14px;
    padding: 18px 45px;
    font-weight: 700;
    color: #fff !important;
    background-color: #00baf2;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    line-height: 1;
    border-radius: 0;
    letter-spacing: 0.05em
}
.btn-normal.btn-outline {
    background-color: #fff;
    border: 2px solid #00baf2;
    color: #444 !important
}
.btn-normal.btn-outline:hover {
    background-color: #00baf2;
    color: #fff !important
}
.btn-normal:hover {
    background-color: #000
}
.services {
    background-color: #1c3481
}
.services.services-inverse {
    background-color: #00baf2
}
.services .service-block>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 23px 0
}
.services .service-block .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.services .service-block .media svg {
    width: 30px;
    height: 30px;
    fill: #fff;
    margin-right: 12px;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear
}
.services .service-block .media h5 {
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.05em
}
.services .service-block .media:hover svg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.services.bg-light .service-block .media svg {
    fill: #00baf2
}
.services.bg-light .service-block .media h5 {
    color: #444
}
.instagram .insta-contant {
    border: 15px solid #fff;
    line-height: 0;
    position: relative
}
.instagram .insta-contant .instagram-box {
    position: relative;
    overflow: hidden
}
.instagram .insta-contant .instagram-box .insta-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 186, 242, 0.7);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0
}
.instagram .insta-contant .instagram-box .insta-cover i {
    font-size: 20px;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: rotate(-217deg);
    transform: rotate(-217deg)
}
.instagram .insta-contant .instagram-box:hover .insta-cover {
    opacity: 1
}
.instagram .insta-contant .instagram-box:hover .insta-cover i {
    -webkit-transform: scale(3) rotate(-360deg);
    transform: scale(3) rotate(-360deg)
}
.instagram .insta-contant .insta-sub-contant {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.instagram .insta-contant .insta-sub-contant .insta-title {
    background-color: #fff;
    padding: 20px 30px;
    width: auto
}
.instagram .insta-contant .insta-sub-contant .insta-title h4 {
    color: #444
}
.instagram .insta-contant .insta-sub-contant .insta-title h4 span {
    margin-right: 10px
}
.instagram .insta-contant.insta-contant-inverse {
    border-color: #f2f2f2
}
.instagram .insta-contant1 {
    line-height: 0
}
.instagram .insta-contant1 .instagram-box {
    position: relative;
    overflow: hidden
}
.instagram .insta-contant1 .instagram-box .insta-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 186, 242, 0.7);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0
}
.instagram .insta-contant1 .instagram-box .insta-cover i {
    font-size: 20px;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.instagram .insta-contant1 .instagram-box:hover .insta-cover {
    opacity: 1
}
.instagram .insta-contant1 .instagram-box:hover .insta-cover i {
    -webkit-transform: scale(3) rotate(-360deg);
    transform: scale(3) rotate(-360deg)
}
.instagram .insta-contant1 .insta-sub-contant1 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.instagram .insta-contant1 .insta-sub-contant1 .insta-title {
    background-color: #fff;
    padding: 18px 80px;
    text-align: center
}
.instagram .insta-contant1 .insta-sub-contant1 .insta-title h4 {
    color: #444
}
.instagram .insta-contant1 .insta-sub-contant1 .insta-title h4 span {
    margin-right: 10px
}
.instagram .insta-contant2 {
    border: 15px solid #fff;
    position: relative;
    line-height: 0
}
.instagram .insta-contant2 .instagram-box {
    position: relative;
    overflow: hidden
}
.instagram .insta-contant2 .instagram-box .insta-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 186, 242, 0.7);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0
}
.instagram .insta-contant2 .instagram-box .insta-cover i {
    font-size: 20px;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.instagram .insta-contant2 .instagram-box:hover .insta-cover {
    opacity: 1
}
.instagram .insta-contant2 .instagram-box:hover .insta-cover i {
    -webkit-transform: scale(3) rotate(-360deg);
    transform: scale(3) rotate(-360deg)
}
.instagram .insta-contant2 .insta-sub-contant2 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.instagram .insta-contant2 .insta-sub-contant2 .insta-title {
    background-color: #fff;
    padding: 12px 22px;
    width: auto;
    text-align: center
}
.instagram .insta-contant2 .insta-sub-contant2 .insta-title h4 {
    color: #444
}
.instagram .insta-contant2 .insta-sub-contant2 .insta-title h4 span {
    margin-right: 10px
}
.brand-panel .brand-panel-box {
    background-color: #fff
}
.brand-panel .brand-panel-box .brand-panel-contain {
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}
.brand-panel .brand-panel-box .brand-panel-contain ul li {
    padding: 0 10px;
    text-transform: uppercase
}
.brand-panel .brand-panel-box .brand-panel-contain ul li a {
    color: #777;
    letter-spacing: 0.05em
}
.brand-panel .brand-panel-box .brand-panel-contain ul li:first-child a {
    color: #00baf2;
    font-weight: 700
}
.brand-panel .brand-panel-box .brand-panel-contain ul li:hover {
    color: #00baf2;
    cursor: pointer
}
.testimonial {
    background-color: #1c3481
}
.testimonial.testimonial-inverse {
    background: #00baf2
}
.testimonial .testimonial-contain {
    padding: 50px 0;
    max-width: 840px;
    margin: 0 auto
}
.testimonial .testimonial-contain .media .testimonial-img {
    width: 130px;
    height: 130px;
    border: 2px solid #fff;
    padding: 5px;
    border-radius: 50%
}
.testimonial .testimonial-contain .media .media-body {
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0 0 40px
}
.testimonial .testimonial-contain .media .media-body h5 {
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 1;
    letter-spacing: 0.8px
}
.testimonial .testimonial-contain .media .media-body p {
    letter-spacing: 1px;
    line-height: 1.6
}
.offer-banner {
    position: relative;
    overflow: hidden
}
.offer-banner .banner-contain {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.offer-banner .banner-contain h5 {
    font-size: 18px;
    color: #fff;
    font-family: Raleway, sans-serif;
    letter-spacing: 0.05em;
    font-weight: 400;
    margin-top: 25px
}
.offer-banner .banner-contain .discount-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.offer-banner .banner-contain .discount-offer h1 {
    color: #fff;
    line-height: 1;
    font-style: italic
}
.offer-banner .banner-contain .discount-offer sup {
    font-size: 25px;
    color: #fff;
    line-height: 1;
    font-style: italic;
    font-weight: 700
}
.deal-banner {
    background-color: #00baf2;
    padding: 40px 0
}
.deal-banner .deal-banner-containe h2 {
    font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px
}
.deal-banner .deal-banner-containe h1 {
    font-size: calc(16px + (40 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.5px
}
.deal-banner .deal-banner-containe .deal-btn {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.deal-banner.deal-banner-inverse {
    background-color: #1c3481
}
.discount-banner {
    background-color: #fff
}
.discount-banner .discount-banner-contain {
    padding: 47px 0;
    text-align: center
}
.discount-banner .discount-banner-contain h2 {
    font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    margin-bottom: 3px;
    margin-top: -5px
}
.discount-banner .discount-banner-contain h1 {
    font-size: calc(18px + (42 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #444
}
.discount-banner .discount-banner-contain h1 span {
    color: #00baf2
}
.discount-banner .discount-banner-contain h1 span+span {
    color: #1c3481;
    font-weight: 700
}
.discount-banner .discount-banner-contain .rounded-contain {
    border: 2px dashed #1c3481;
    border-radius: 50px;
    padding: 5px
}
.discount-banner .discount-banner-contain .rounded-contain .rounded-subcontain {
    background-color: #00baf2;
    color: #fff;
    text-transform: uppercase;
    padding: 18px 0;
    font-weight: 600;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: .08em;
    line-height: 1;
    border-radius: 50px
}
.discount-banner .discount-banner-contain .rounded-contain.rounded-inverse {
    border: 2px dashed #00baf2
}
.discount-banner .discount-banner-contain .rounded-contain.rounded-inverse .rounded-subcontain {
    background-color: #1c3481
}
.contact-banner {
    background-color: #00baf2;
    padding: 20px 0
}
.contact-banner.contact-banner-inverse {
    background-color: #1c3481
}
.contact-banner .contact-banner-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}
.contact-banner .contact-banner-contain .contact-banner-img img {
    margin-right: 25px
}
.contact-banner .contact-banner-contain h3 {
    font-size: 18px;
    font-weight: bold;
    margin-right: 25px;
    line-height: 1
}
.contact-banner .contact-banner-contain h2 {
    font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700
}
.rounded-category {
    background-color: #1c3481;
    padding: 50px 0 40px
}
.rounded-category.rounded-category-inverse {
    background-color: #00baf2
}
.rounded-category.rounded-category-inverse .category-contain:hover .img-wrapper {
    border: 1px solid #1c3481
}
.rounded-category.rounded-category-inverse .category-contain:hover .btn-rounded {
    background-color: #1c3481
}
.rounded-category .category-contain {
    text-align: center
}
.rounded-category .category-contain .img-wrapper {
    border: 1px solid #fff;
    padding: 5px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin: 0 auto;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}
.rounded-category .category-contain .img-wrapper img {
    border-radius: 100%
}
.rounded-category .category-contain .btn-rounded {
    padding: 10px 25px;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    display: inline-block;
    margin-top: 15px;
    background-color: transparent;
    text-transform: uppercase
}
.rounded-category .category-contain:hover .img-wrapper {
    border: 1px solid #00baf2
}
.rounded-category .category-contain:hover .btn-rounded {
    background-color: #00baf2
}
.rounded-category.vagitable-category .category-contain .img-wrapper {
    background-color: #e7e7e9;
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)))
}
.box-category .box-category-contain {
    padding: 30px 0;
    background-color: #fff;
    text-align: center;
    margin-left: 15px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #444;
    text-transform: uppercase
}
.box-category .box-category-contain h4 {
    line-height: 1;
    letter-spacing: 1px
}
.box-category .box-category-contain:after {
    background: #00baf2;
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 0;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
.box-category .box-category-contain:hover {
    color: #fff;
    background: transparent
}
.box-category .box-category-contain:hover:after {
    height: 100%
}
.blog .blog-contain {
    margin-right: 15px;
    position: relative
}
.blog .blog-contain .blog-img {
    overflow: hidden;
    border: 1px solid #fff
}
.blog .blog-contain .blog-img img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.blog .blog-contain .blog-details {
    background-color: #fff;
    padding: 20px
}
.blog .blog-contain .blog-details h4 {
    color: #444;
    margin-bottom: 13px;
    font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: 1px;
    font-weight: 600
}
.blog .blog-contain .blog-details p {
    color: #939b9e;
    text-transform: capitalize;
    margin-bottom: 5px;
    letter-spacing: 0.5px
}
.blog .blog-contain .blog-details span a {
    color: #00baf2;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.blog .blog-contain .blog-details-2 {
    background-color: #fff;
    padding: 20px
}
.blog .blog-contain .blog-details-2 h4 {
    text-transform: capitalize;
    color: #00baf2
}
.blog .blog-contain .blog-details-2 p {
    color: #939b9e;
    line-height: 1.8;
    margin-top: 10px;
    text-transform: capitalize
}
.blog .blog-contain .blog-details-2 ul {
    margin-top: 10px;
    line-height: 1
}
.blog .blog-contain .blog-details-2 ul li:first-child {
    margin-right: 30px
}
.blog .blog-contain .blog-details-2 ul li a {
    color: #1c3481;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700
}
.blog .blog-contain .blog-details-2 ul li a i {
    margin-right: 10px
}
.blog .blog-contain .blog-label {
    position: absolute;
    top: 5%;
    left: 0;
    background-color: #00baf2;
    padding: 2px 10px;
    color: #fff
}
.blog .blog-contain .blog-label1 {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background: #00baf2;
    line-height: 1.2
}
.blog .blog-contain:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.collection-banner .padding-banner-2 {
    padding-bottom: 15px
}
.collection-banner .collection-banner-main {
    position: relative;
    overflow: hidden
}
.collection-banner .collection-banner-main .collection-img {
    width: 100%;
    height: 272px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.collection-banner .collection-banner-main .collection-img img {
    width: 100%
}
.collection-banner .collection-banner-main.p-left .collection-banner-contain {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.collection-banner .collection-banner-main.p-right .collection-banner-contain {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.collection-banner .collection-banner-main.p-center .collection-banner-contain {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.collection-banner .collection-banner-main.p-top .collection-banner-contain {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.collection-banner .collection-banner-main .collection-banner-contain {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px
}
.collection-banner .collection-banner-main .collection-banner-contain h3 {
    color: #00baf2;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 8px
}
.collection-banner .collection-banner-main .collection-banner-contain h4 {
    color: #444;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1
}
.collection-banner .collection-banner-main .collection-banner-contain .shop {
    margin-top: 13px
}
.collection-banner .collection-banner-main .collection-banner-contain .shop a {
    text-transform: capitalize;
    color: #1c3481;
    font-weight: 700
}
.collection-banner .collection-banner-main .collection-banner-contain .shop a i {
    margin-left: 8px
}
.collection-banner .collection-banner-main.banner-1 .collection-banner-contain h3 {
    color: #00baf2;
    text-transform: capitalize;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 0
}
.collection-banner .collection-banner-main.banner-1 .collection-banner-contain h4 {
    color: #1c3481;
    font-weight: 600;
    font-size: 52px;
    text-transform: capitalize
}
.collection-banner .collection-banner-main.banner-1 .collection-banner-contain .shop {
    margin-top: 25px
}
.collection-banner .collection-banner-main.banner-1 .collection-banner-contain .shop a {
    color: #000
}
.collection-banner .collection-banner-main.banner-2 .collection-img {
    height: 225px
}
.collection-banner .collection-banner-main.banner-2 .collection-banner-contain {
    padding: 20px
}
.collection-banner .collection-banner-main.banner-2 .collection-banner-contain h3 {
    color: #444;
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 700
}
.collection-banner .collection-banner-main.banner-2 .collection-banner-contain h4 {
    color: #444;
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 700
}
.collection-banner .collection-banner-main.banner-2 .collection-banner-contain .shop {
    margin-top: 18px
}
.collection-banner .collection-banner-main.banner-2 .collection-banner-contain .shop a {
    text-transform: uppercase
}
.collection-banner .collection-banner-main.banner-3 .collection-img {
    height: 465px
}
.collection-banner .collection-banner-main.banner-3 .collection-banner-contain h3 {
    color: #1c3481;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 0
}
.collection-banner .collection-banner-main.banner-3 .collection-banner-contain h4 {
    margin-top: 18px;
    color: #00baf2;
    font-size: 18px;
    margin-bottom: 100px;
    text-transform: inherit
}
.collection-banner .collection-banner-main.banner-4 .collection-img {
    height: 225px
}
.collection-banner .collection-banner-main.banner-4 .collection-banner-contain h3 {
    color: #00baf2;
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 400
}
.collection-banner .collection-banner-main.banner-4 .collection-banner-contain h4 {
    color: #444;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 30px;
    text-transform: capitalize
}
.collection-banner .collection-banner-main.banner-4 .collection-banner-contain .shop {
    margin-top: 18px
}
.collection-banner .collection-banner-main.banner-4 .collection-banner-contain .shop a {
    text-transform: uppercase;
    color: #1c3481
}
.collection-banner .collection-banner-main.banner-5 .collection-img {
    height: 300px
}
.collection-banner .collection-banner-main.banner-5 .collection-banner-contain {
    text-align: center;
    padding: 0
}
.collection-banner .collection-banner-main.banner-5 .collection-banner-contain h3 {
    color: #777;
    text-transform: capitalize;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 0
}
.collection-banner .collection-banner-main.banner-5 .collection-banner-contain h4 {
    color: #00baf2;
    font-weight: 700;
    font-size: 72px;
    text-transform: capitalize
}
.collection-banner .collection-banner-main.banner-5 .collection-banner-contain h4 span {
    color: #1c3481;
    font-weight: 500
}
.collection-banner .collection-banner-main.banner-5 .collection-banner-contain .btn-normal {
    display: inline-block
}
.collection-banner .collection-banner-main.banner-6 .collection-banner-contain {
    padding: 25px
}
.collection-banner .collection-banner-main.banner-6 .collection-banner-contain h6 {
    color: #00baf2;
    text-transform: capitalize;
    font-weight: 700
}
.collection-banner .collection-banner-main.banner-6 .collection-banner-contain h4 {
    color: #1c3481;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 24px;
    text-transform: capitalize;
    margin-top: 5px
}
.collection-banner .collection-banner-main.banner-7 .collection-banner-contain {
    padding: 80px
}
.collection-banner .collection-banner-main.banner-7 .collection-banner-contain h3 {
    color: #00baf2;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400
}
.collection-banner .collection-banner-main.banner-7 .collection-banner-contain h4 {
    color: #444;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 36px;
    text-transform: capitalize;
    margin-top: 5px
}
.collection-banner .collection-banner-main.banner-7 .collection-banner-contain .shop {
    margin-top: 30px
}
.collection-banner .collection-banner-main.banner-7 .collection-banner-contain .shop a {
    text-transform: uppercase;
    font-weight: 700;
    color: #1c3481
}
.collection-banner .collection-banner-main.banner-8 {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}
.collection-banner .collection-banner-main.banner-8 .collection-banner-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: initial
}
.collection-banner .collection-banner-main.banner-8 .collection-banner-contain h3 {
    font-size: 24px;
    color: #444
}
.collection-banner .collection-banner-main.banner-8 .collection-banner-contain h3:nth-child(2) {
    margin-bottom: 0
}
.collection-banner .collection-banner-main.banner-8 .collection-banner-contain h1 {
    font-size: 72px;
    color: #00baf2;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 5px
}
.collection-banner .collection-banner-main.banner-8 .collection-banner-contain h6 {
    color: #777;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px
}
.collection-banner .collection-banner-main.banner-8 .collection-banner-contain .shop {
    margin-top: 5px
}
.collection-banner .collection-banner-main.banner-9 .collection-banner-contain h3 {
    color: #1c3481;
    font-weight: 400;
    text-transform: capitalize
}
.collection-banner .collection-banner-main.banner-9 .collection-banner-contain h4 {
    color: #00baf2;
    font-weight: 400;
    text-transform: capitalize
}
.collection-banner .collection-banner-main.banner-9 .collection-banner-contain a {
    color: #444
}
.collection-banner .collection-banner-main:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0
}
.collection-banner .collection-banner-main:hover .collection-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.collection-banner .collection-banner-main:hover:after {
    -webkit-animation: collection 1s;
    animation: collection 1s
}
.collection-banner .banner-2-padding {
    margin-bottom: 15px
}
@-webkit-keyframes collection {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}
@keyframes collection {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}
.collection2>div:nth-child(2) {
    padding-right: 0;
    padding-left: 0
}
.collection3>div:first-child {
    padding-right: 0
}
.collection4>div:first-child {
    padding-right: 0
}
.collection5>div:first-child {
    margin-bottom: 15px
}
.layout-4-collection>div:first-child {
    margin-left: 275px
}
.layout-4-collection>div:nth-child(2) {
    padding-left: 0;
    padding-right: 0
}
.layout-3-collection>div:first-child {
    padding-right: 0
}
.product .product-box {
    padding-right: 15px
}
.product .product-box .product-imgbox {
    position: relative;
    overflow: hidden;
    background-color: #fff
}
.product .product-box .product-imgbox img {
    margin: 0 auto
}
.product .product-box .product-imgbox .product-front {
    left: 0;
    top: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.product .product-box .product-imgbox .product-back {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.product .product-box .product-imgbox .on-sale {
    background-color: #1c3481;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 6px;
    font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box .product-imgbox .new-label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    font-weight: 600;
    letter-spacing: 1px
}
.product .product-box .product-imgbox .new-label div {
    color: #fff;
    text-transform: uppercase;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
    margin-top: 3px
}
.product .product-box .product-imgbox .new-label::before {
    width: 0;
    height: 0;
    border-top: 60px solid #00baf2;
    border-right: 60px solid transparent;
    content: '';
    position: absolute;
    top: 0;
    left: 0
}
.product .product-box .product-imgbox .product-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.product .product-box .product-imgbox .product-icon button {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    color: #777
}
.product .product-box .product-imgbox .product-icon a i {
    display: block;
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #777
}
.product .product-box .product-imgbox .product-icon.icon-inline {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%
}
.product .product-box .product-imgbox .product-icon.icon-inline button {
    margin: 0 7px
}
.product .product-box .product-imgbox .product-icon.icon-inline a {
    margin: 0 7px
}
.product .product-box .product-imgbox .product-icon.icon-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0)
}
.product .product-box .product-imgbox .on-sale1 {
    color: #1c3481;
    text-transform: uppercase;
    position: absolute;
    top: 40px;
    right: -10px;
    padding: 0 6px;
    font-size: calc(11px + (15 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.product .product-box .product-imgbox .new-label1 {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #00baf2;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: uppercase;
    font-weight: 700;
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box .product-imgbox .on-sale2 {
    color: #1c3481;
    text-transform: uppercase;
    position: absolute;
    top: 40px;
    right: -10px;
    padding: 0 6px;
    font-size: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.product .product-box .product-imgbox .new-label2 {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #1c3481;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: uppercase;
    font-weight: 700;
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box .product-imgbox .on-sale3 {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #00baf2;
    text-transform: uppercase;
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700
}
.product .product-box .product-imgbox .new-label3 {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    background-color: #1c3481;
    padding: 15px 10px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box .product-imgbox .on-sale4 {
    background-color: #1c3481;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 6px;
    font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box:hover .product-back {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.product .product-box:hover .product-icon {
    opacity: 1
}
.product .product-box:hover .product-icon button {
    -webkit-animation: fadeInRight 300ms ease-in-out;
    animation: fadeInRight 300ms ease-in-out
}
.product .product-box:hover .product-icon a:nth-child(2) i {
    -webkit-animation: fadeInRight 500ms ease-in-out;
    animation: fadeInRight 500ms ease-in-out
}
.product .product-box:hover .product-icon a:nth-child(3) i {
    -webkit-animation: fadeInRight 700ms ease-in-out;
    animation: fadeInRight 700ms ease-in-out
}
.product .product-box:hover .product-icon a:nth-child(4) i {
    -webkit-animation: fadeInRight 1000ms ease-in-out;
    animation: fadeInRight 1000ms ease-in-out
}
.product .product-box:hover .product-icon.icon-inline {
    opacity: 1
}
.product .product-box:hover .product-icon.icon-inline button {
    -webkit-animation: fadeInUp 300ms ease-in-out;
    animation: fadeInUp 300ms ease-in-out
}
.product .product-box:hover .product-icon.icon-inline a:nth-child(2) i {
    -webkit-animation: fadeInUp 500ms ease-in-out;
    animation: fadeInUp 500ms ease-in-out
}
.product .product-box:hover .product-icon.icon-inline a:nth-child(3) i {
    -webkit-animation: fadeInUp 700ms ease-in-out;
    animation: fadeInUp 700ms ease-in-out
}
.product .product-box:hover .product-icon.icon-inline a:nth-child(4) i {
    -webkit-animation: fadeInUp 1000ms ease-in-out;
    animation: fadeInUp 1000ms ease-in-out
}
.product .product-box:hover .product-icon.icon-center {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.product .product-box:hover .product-icon.icon-center button {
    -webkit-animation: none;
    animation: none
}
.product .product-box:hover .product-icon.icon-center a:nth-child(2) i {
    -webkit-animation: none;
    animation: none
}
.product .product-box:hover .product-detail.detail-center .detail-title {
    opacity: 0
}
.product .product-box:hover .product-detail.detail-center .icon-detail {
    opacity: 1
}
.product .product-box:hover .product-detail.detail-center .icon-detail button {
    -webkit-animation: fadeInUp 300ms ease-in-out;
    animation: fadeInUp 300ms ease-in-out
}
.product .product-box:hover .product-detail.detail-center .icon-detail a:nth-child(2) i {
    -webkit-animation: fadeInUp 500ms ease-in-out;
    animation: fadeInUp 500ms ease-in-out
}
.product .product-box:hover .product-detail.detail-center .icon-detail a:nth-child(3) i {
    -webkit-animation: fadeInUp 700ms ease-in-out;
    animation: fadeInUp 700ms ease-in-out
}
.product .product-box:hover .product-detail.detail-center .icon-detail a:nth-child(4) i {
    -webkit-animation: fadeInUp 1000ms ease-in-out;
    animation: fadeInUp 1000ms ease-in-out
}
.product .product-box .product-detail.detail-center1 {
    text-align: center;
    padding-bottom: 20px;
    background-color: #fff
}
.product .product-box .product-detail.detail-center1 .rating-star li i {
    color: #ffa800;
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box .product-detail.detail-center1 .rating-star li:last-child i {
    color: #e8ebf2
}
.product .product-box .product-detail.detail-center1 h6 {
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
    padding: 3px 0
}
.product .product-box .product-detail.detail-center1 .detail-price {
    color: #1c3481;
    font-weight: 700;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box .product-detail.detail-center1 .detail-price span {
    margin-left: 20px;
    color: #e8ebf2
}
.product .product-box .product-detail.detail-center {
    position: relative;
    overflow: hidden;
    padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.product .product-box .product-detail.detail-center .detail-title {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block
}
.product .product-box .product-detail.detail-center .detail-title .detail-left {
    width: 100%
}
.product .product-box .product-detail.detail-center .detail-title .detail-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.product .product-box .product-detail.detail-center .detail-title .detail-right .price {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    margin-left: 10px;
    color: #00baf2
}
.product .product-box .product-detail.detail-inline {
    background-color: #fff;
    padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
    overflow: auto
}
.product .product-box .product-detail.detail-inverse .detail-title .detail-right .price {
    color: #1c3481
}
.product .product-box .product-detail .detail-title {
    padding-top: 10px
}
.product .product-box .product-detail .detail-title .detail-left {
    float: left
}
.product .product-box .product-detail .detail-title .detail-left .rating-star i {
    color: #ffa800;
    font-size: calc(11px + (14 - 11) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box .product-detail .detail-title .detail-left .rating-star i:last-child {
    color: #e8ebf2
}
.product .product-box .product-detail .detail-title .detail-left .price-title {
    text-transform: capitalize;
    color: #777;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box .product-detail .detail-title .detail-right {
    float: right;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box .product-detail .detail-title .detail-right .check-price {
    text-decoration: line-through;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)))
}
.product .product-box .product-detail .detail-title .detail-right .price {
    color: #1c3481;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700
}
.product .product-box .product-detail .icon-detail {
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0
}
.product .product-box .product-detail .icon-detail button {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #777;
    padding: 15px
}
.product .product-box .product-detail .icon-detail a i {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    color: #777
}
.no-slider .product-box {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: calc(25% - 30px);
    margin: 0 15px 30px;
    padding-right: 0
}
.no-slider .product-box:nth-last-child(-n+4) {
    margin: 0 15px 0
}
.no-slider.five-product .product-box {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: calc(20% - 30px);
    margin: 0 15px 30px
}
.no-slider.five-product .product-box:nth-last-child(-n+5) {
    margin: 0 15px 0
}
.product-border {
    border: 1px solid #e8ebf2
}
.hotdeal-right-nav {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.hot-deal.space-abjust .hot-deal-contain {
    padding: 15px 20px
}
.hot-deal .hot-deal-heading {
    margin-bottom: 25px
}
.hot-deal .hot-deal-heading h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #444
}
.hot-deal .hot-deal-contain {
    background-color: #f2f2f2;
    padding: 50px
}
.hot-deal .hot-deal-contain.hot-deal-contain2 {
    padding-top: 30px
}
.hot-deal .hot-deal-contain.hot-deal-contain2 .hot-deal-center .timer span {
    background-color: #eee
}
.hot-deal .hot-deal-contain .hot-deal-center {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px
}
.hot-deal .hot-deal-contain .hot-deal-center h5 {
    margin-bottom: 10px;
    color: #000;
    letter-spacing: 0.05em
}
.hot-deal .hot-deal-contain .hot-deal-center .rating {
    line-height: 1.4
}
.hot-deal .hot-deal-contain .hot-deal-center .rating i {
    color: #ffa800
}
.hot-deal .hot-deal-contain .hot-deal-center .rating i:last-child {
    color: #e8ebf2
}
.hot-deal .hot-deal-contain .hot-deal-center p {
    margin: 20px 0;
    line-height: 1.7;
    letter-spacing: 0.05em
}
.hot-deal .hot-deal-contain .hot-deal-center .price {
    line-height: 1.4
}
.hot-deal .hot-deal-contain .hot-deal-center .price span {
    color: #00baf2;
    font-weight: 700;
    font-size: 16px;
    line-height: 1
}
.hot-deal .hot-deal-contain .hot-deal-center .price span+span {
    color: #e8ebf2;
    margin: 0 0 0 10px;
    text-decoration: line-through
}
.hot-deal .hot-deal-contain .hot-deal-center .timer {
    margin-top: 30px
}
.hot-deal .hot-deal-contain .hot-deal-center .timer span {
    display: inline-grid;
    background-color: #fff;
    padding: 12px 0 18px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 0 8px;
    min-width: 60px
}
.hot-deal .hot-deal-contain .hot-deal-center .timer span:first-child {
    margin-left: 0
}
.hot-deal .hot-deal-contain .hot-deal-center .timer span:last-child {
    margin-right: 0
}
.hot-deal .hot-deal-contain .hot-deal-center .timer span .padding-l {
    display: none
}
.hot-deal .hot-deal-contain .hot-deal-center .timer span .timer-cal {
    font-size: 12px;
    color: #777
}
.hot-deal .hot-deal-contain .hot-deal-center .timer span>span {
    color: #e8ebf2;
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    margin-left: 0;
    text-transform: capitalize
}
.hot-deal .hot-deal-contain .hot-deal-center .timer p {
    margin-bottom: 0
}
.hot-deal .hot-deal-contain .hotdeal-right-slick {
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.hot-deal .hot-deal-contain .hotdeal-right-slick:hover {
    border: 1px solid #00baf2
}
.hot-deal .hot-deal-contain .hotdeal-right-slick img {
    width: 100%
}
.hot-deal .hot-deal-contain .hotdeal-right-nav img {
    height: 130px;
    width: auto;
    margin: 0 auto;
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.hot-deal .hot-deal-contain .hotdeal-right-nav img:hover {
    border: 1px solid #00baf2
}
.hot-deal .hot-deal-contain .slick-slider .slick-arrow {
    display: none !important
}
.hot-deal .hot-deal-contain1 {
    background-color: #fff;
    padding: 30px
}
.hot-deal .hot-deal-contain1.hot-deal-banner-1 {
    background-color: #f2f2f2
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hotdeal-right-slick-1 .right-slick-img {
    border: 1px solid #ddd;
    width: auto !important
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hotdeal-right-nav-1 img {
    width: 65px;
    border: 1px solid #ddd;
    margin: 0 0 10px auto
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hotdeal-right-nav-1 img:last-child {
    margin-bottom: 0
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center h5 {
    color: #444;
    text-transform: capitalize;
    letter-spacing: 0.05em
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center p {
    line-height: 1.6;
    margin: 20px 0;
    letter-spacing: 0.05em
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer span {
    display: inline-grid;
    background-color: transparent;
    text-align: center;
    font-weight: 700;
    color: #000;
    margin: 0 4px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    padding: 0
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer span:nth-child(even) {
    color: #ddd
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer span:first-child {
    margin-left: 0
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer span:last-child {
    margin-right: 0
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer span .timer-cal {
    font-size: 12px;
    color: #777
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer span>span {
    color: #e8ebf2;
    font-weight: 400;
    font-size: 12px;
    padding: 0;
    margin-left: 0;
    text-transform: capitalize
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer p {
    margin: 0
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .rating {
    line-height: 1;
    margin: 20px 0
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .rating i {
    color: #ffa800
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .rating i:last-child {
    color: #e8ebf2
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .price span {
    font-size: 16px;
    color: #00baf2;
    font-weight: 700;
    margin-right: 10px;
    line-height: 1
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .price span:last-child {
    color: #e8ebf2;
    text-decoration: line-through
}
.hot-deal .slick-prev {
    top: 35px;
    right: 50px;
    left: unset;
    z-index: 9
}
.hot-deal .slick-prev:before {
    color: #999;
    opacity: 1;
    font: normal normal normal 30px/1 FontAwesome;
    content: '\f104'
}
.hot-deal .slick-next {
    top: 35px;
    right: 25px;
    z-index: 9
}
.hot-deal .slick-next:before {
    color: #999;
    opacity: 1;
    content: '\f105';
    font: normal normal normal 30px/1 FontAwesome
}
.hot-deal-padding {
    padding-right: 0;
    padding-left: 0
}
.hot-1>div:first-child {
    padding-right: 0
}
.hot-1>div:nth-child(2) {
    padding-left: 0;
    padding-right: 0
}
.hot-1>div:last-child {
    padding-left: 0
}
.layout-3-hotdeal>div:first-child {
    padding-right: 0
}
.layout-3-hotdeal>div:nth-child(2) {
    padding-right: 0
}
.layout-3-hotdeal>div:nth-child(4) {
    padding-left: 0
}
.top-header {
    background-color: #00baf2;
    padding: 10px 0;
    z-index: 99
}
.top-header .top-header-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.top-header .top-header-left .shpping-order {
    margin-right: 35px
}
.top-header .top-header-left .shpping-order h6 {
    font-family: Raleway, sans-serif;
    color: #fff;
    text-transform: capitalize;
    font-size: 13px
}
.top-header .top-header-left .app-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.top-header .top-header-left .app-link h6 {
    font-size: 13px;
    color: #fff;
    text-transform: capitalize;
    font-family: Raleway, sans-serif
}
.top-header .top-header-left .app-link ul li {
    margin-left: 10px
}
.top-header .top-header-left .app-link ul li a i {
    color: #fff
}
.top-header .top-header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%
}
.top-header .top-header-right .top-menu-block {
    text-align: right
}
.top-header .top-header-right .top-menu-block ul {
    padding: 0
}
.top-header .top-header-right .top-menu-block ul li {
    margin-right: 20px
}
.top-header .top-header-right .top-menu-block ul li a {
    color: #fff;
    text-transform: capitalize;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    height: 100%
}
.top-header .top-header-right .top-menu-block ul li:last-child {
    margin-right: 0
}
.top-header .top-header-right .language-block {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.top-header .top-header-right .language-block .language-dropdown {
    position: relative
}
.top-header .top-header-right .language-block .language-dropdown .language-dropdown-click {
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-transform: capitalize
}
.top-header .top-header-right .language-block .language-dropdown .language-dropdown-click i {
    margin-left: 10px
}
.top-header .top-header-right .language-block .language-dropdown .language-dropdown-open {
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 #ddd;
    box-shadow: 0 0 1px 0 #ddd;
    padding: 10px 20px;
    margin-top: 10px;
    position: absolute;
    top: 100%;
    right: 0;
    left: unset;
    z-index: 11
}
.top-header .top-header-right .language-block .language-dropdown .language-dropdown-open li {
    display: block;
    margin-bottom: 10px
}
.top-header .top-header-right .language-block .language-dropdown .language-dropdown-open li:last-child {
    margin-bottom: 0
}
.top-header .top-header-right .language-block .language-dropdown .language-dropdown-open li a {
    color: #444;
    font-size: 12px;
    font-family: Raleway, sans-serif;
    text-transform: capitalize
}
.top-header .top-header-right .language-block .curroncy-dropdown {
    position: relative;
    margin-left: 20px
}
.top-header .top-header-right .language-block .curroncy-dropdown .curroncy-dropdown-click {
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-transform: capitalize
}
.top-header .top-header-right .language-block .curroncy-dropdown .curroncy-dropdown-click i {
    margin-left: 10px
}
.top-header .top-header-right .language-block .curroncy-dropdown .curroncy-dropdown-open {
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 #ddd;
    box-shadow: 0 0 1px 0 #ddd;
    margin-top: 10px;
    padding: 10px 20px;
    position: absolute;
    top: 100%;
    right: 0;
    left: unset;
    z-index: 11
}
.top-header .top-header-right .language-block .curroncy-dropdown .curroncy-dropdown-open li {
    display: block;
    margin-bottom: 8px
}
.top-header .top-header-right .language-block .curroncy-dropdown .curroncy-dropdown-open li:last-child {
    margin-bottom: 0
}
.top-header .top-header-right .language-block .curroncy-dropdown .curroncy-dropdown-open li a {
    color: #444;
    font-size: 12px;
    font-family: Raleway, sans-serif;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.top-header .top-header-right .language-block .curroncy-dropdown .curroncy-dropdown-open li a i {
    margin-right: 10px
}
.top-header.top-header-inverse {
    background-color: #1c3481
}
.layout-header1 {
    background-color: #fff;
    padding: 20px 0
}
.layout-header1 .main-menu-block {
    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: 10
}
.layout-header1 .main-menu-block .menu-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block {
    margin-right: 15px;
    display: none
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block span i {
    font-size: 24px
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    height: 100vh;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: scroll
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li.mor-slide-open ul li {
    padding-left: 0
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li a {
    color: #333;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li:first-child {
    padding: 0
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li:last-child {
    border-bottom: none
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li:last-child a {
    color: #00baf2
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li:last-child a i {
    font-size: 20px;
    margin-left: 10px;
    float: right
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li .nav-sm-back {
    font-size: 16px;
    color: #444;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    text-align: right;
    padding: 8px
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li:hover>li a {
    color: #00baf2
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide li {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 7px 10px
}
.layout-header1 .main-menu-block .menu-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.layout-header1 .main-menu-block .menu-right .toggle-nav {
    padding: 0
}
.layout-header1 .main-menu-block .menu-right .icon-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-left: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul li i {
    color: #999;
    font-size: 28px
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul li .cart-item {
    display: inline-block;
    color: #00baf2;
    font-weight: 700;
    text-transform: uppercase;
    font-family: PT Sans, sans-serif
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul li .cart-item span {
    display: block;
    color: #000;
    margin-top: 3px
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-user a i {
    padding-right: 25px
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-wishlist a i {
    padding-right: 8px
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-search, .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-setting {
    display: none
}
.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block {
    background-color: #00baf2;
    padding: 15px 20px;
    margin-left: 20px;
    position: relative
}
.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block i {
    font-size: 29px;
    color: #fff
}
.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block .cart-product {
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    position: absolute;
    top: 3px;
    right: 15px;
    line-height: 0;
    color: #00baf2
}
.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block:hover .cart-product {
    -webkit-animation: rotateInDownRight 700ms ease-in-out;
    animation: rotateInDownRight 700ms ease-in-out
}
.layout-header1 .main-menu-block .menu-right .menu-banner {
    margin-top: 20px
}
.layout-header1.layout-header1-inverse .main-menu-block .menu-right .icon-nav .cart-block {
    background-color: #1c3481
}
.category-header {
    background-color: #00baf2
}
.category-header .navbar-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9
}
.category-header .navbar-menu .category-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.category-header .navbar-menu .category-left .nav-block {
    min-width: 270px;
    margin-right: 10px
}
.category-header .navbar-menu .category-left .nav-block .nav-left {
    position: absolute;
    width: 270px;
    z-index: 1;
    overflow: hidden
}
.category-header .navbar-menu .category-left .nav-block .nav-left .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #444;
    padding: 28px 0
}
.category-header .navbar-menu .category-left .nav-block .nav-left .navbar h5 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 16px
}
.category-header .navbar-menu .category-left .nav-block .nav-left .navbar-toggler {
    width: 17px;
    height: 17px;
    padding: 0;
    background-color: #fff;
    color: #444;
    border-radius: 50%;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat {
    padding: 20px;
    margin-top: 15px;
    margin-right: 10px;
    background-color: #fff
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li {
    display: block;
    padding-bottom: 10px
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li:last-child {
    padding-bottom: 0
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li a {
    color: #444;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0.03em
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li img {
    margin-right: 10px;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    padding: 3px;
    height: 46.5px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li:hover>a {
    color: #00baf2
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li:hover>img {
    border: 2px solid #1c3481
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat .mor-slide-click {
    color: #00baf2;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1;
    display: block;
    width: 100%;
    margin-top: 10px;
    letter-spacing: 0.5px;
    background-color: transparent;
    border: none;
    outline: none;
    text-align: left
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat .mor-slide-click i {
    float: right;
    font-size: 20px
}
.category-header .navbar-menu .category-left .input-block {
    width: 745px
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form {
    width: 100%;
    margin: 5px 0;
    background-color: #fff
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group {
    height: 63px
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .form-control {
    border-radius: 0;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group span {
    padding: 10px 20px;
    background-color: #fff;
    -ms-flex-item-align: center;
    align-self: center
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group span i {
    font-size: 20px;
    color: #444
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-weight: 700;
    color: #444;
    padding: 0 25px;
    background: url("../images/layout-1/drop-1.png") no-repeat scroll 20px 23px;
    text-align: center;
    text-align-last: center;
    width: 175px;
    text-transform: uppercase;
    background-blend-mode: overlay;
    border: none
}
.category-header .navbar-menu .category-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.category-header .navbar-menu .category-right .gift-block {
    background-color: #1c3481;
    padding: 17px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    width: 255px;
    margin-left: 15px;
    border: 0
}
.category-header .navbar-menu .category-right .gift-block .grif-icon i {
    font-size: 35px
}
.category-header .navbar-menu .category-right .gift-block .gift-offer {
    margin-left: 10px
}
.category-header .navbar-menu .category-right .gift-block .gift-offer p {
    text-transform: uppercase;
    line-height: 1
}
.category-header .navbar-menu .category-right .gift-block .gift-offer span {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.2
}
.category-header .navbar-menu .category-right .contact-block {
    padding: 20px 0;
    margin-left: 20px;
    -ms-flex-item-align: center;
    align-self: center
}
.category-header .navbar-menu .category-right .contact-block i {
    font-size: 28px;
    color: #fff
}
.category-header .navbar-menu .category-right .contact-block span {
    font-size: 14px;
    color: #fff;
    margin-left: 15px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.category-header .navbar-menu .category-right .contact-block span span {
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600
}
.category-header.category-header-inverse .navbar-menu .category-left .nav-block .nav-left .navbar {
    background-color: #1c3481
}
.category-header.category-header-inverse .navbar-menu .category-left .nav-block .nav-left .navbar-toggler {
    color: #1c3481
}
.layout-header2 {
    background-color: #fff;
    padding: 25px 0
}
.layout-header2 .main-menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.layout-header2 .main-menu-block .sm-nav-block {
    margin-right: 15px;
    display: none
}
.layout-header2 .main-menu-block .sm-nav-block span i {
    font-size: 24px
}
.layout-header2 .main-menu-block .sm-nav-block .nav-slide {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    height: 100vh;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: scroll
}
.layout-header2 .main-menu-block .sm-nav-block .nav-slide li {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 10px
}
.layout-header2 .main-menu-block .sm-nav-block .nav-slide li.mor-slide-open ul li {
    padding-left: 0
}
.layout-header2 .main-menu-block .sm-nav-block .nav-slide li a {
    color: #444;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500
}
.layout-header2 .main-menu-block .sm-nav-block .nav-slide li:first-child {
    padding: 0
}
.layout-header2 .main-menu-block .sm-nav-block .nav-slide li:last-child {
    border-bottom: none
}
.layout-header2 .main-menu-block .sm-nav-block .nav-slide li:last-child a i {
    font-size: 20px;
    margin-left: 10px;
    float: right
}
.layout-header2 .main-menu-block .sm-nav-block .nav-slide li .nav-sm-back {
    font-size: 16px;
    color: #444;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    text-align: right;
    padding: 8px
}
.layout-header2 .main-menu-block .sm-nav-block .nav-slide li .mor-slide-click {
    color: #00baf2
}
.layout-header2 .main-menu-block .sm-nav-block .nav-slide li:hover>li a {
    color: #1c3481
}
.layout-header2 .main-menu-block .logo-block {
    margin-right: 45px
}
.layout-header2 .main-menu-block .input-block {
    width: 750px
}
.layout-header2 .main-menu-block .input-block .input-box .big-deal-form {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd
}
.layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group {
    height: 58px
}
.layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group .form-control {
    border-radius: 0;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group span {
    padding: 10px 20px;
    background-color: #fff;
    -ms-flex-item-align: center;
    align-self: center
}
.layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group span i {
    font-size: 20px;
    color: #444
}
.layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    font-weight: 700;
    color: #444;
    background: url("../images/layout-1/drop-1.png") no-repeat scroll 20px 23px;
    text-align: center;
    text-align-last: center;
    width: 175px;
    text-transform: uppercase
}
.layout-header2 .main-menu-block .cart-block {
    margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.layout-header2 .main-menu-block .cart-block .cart {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
.layout-header2 .main-menu-block .cart-block .cart .cart-product {
    background-color: #00baf2;
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-size: 11px;
    position: absolute;
    top: -15px;
    right: 0
}
.layout-header2 .main-menu-block .cart-block .cart i {
    font-size: 29px;
    color: #1c3481
}
.layout-header2 .main-menu-block .cart-block .cart:hover .cart-product {
    -webkit-animation: rotateInDownRight 700ms ease-in-out;
    animation: rotateInDownRight 700ms ease-in-out
}
.layout-header2 .main-menu-block .cart-block .cart-item {
    margin-left: 15px
}
.layout-header2 .main-menu-block .cart-block .cart-item h5 {
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.03em
}
.layout-header2 .main-menu-block .menu-nav {
    display: none
}
.category-header-2 {
    background-color: #1c3481
}
.category-header-2 .navbar-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 9
}
.category-header-2 .navbar-menu .category-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.category-header-2 .navbar-menu .category-left .nav-block {
    min-width: 255px
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left {
    position: absolute;
    width: 255px;
    z-index: 1;
    overflow: hidden
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00baf2;
    padding: 28px 0
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .navbar h5 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 16px
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .navbar-toggler {
    width: 17px;
    height: 17px;
    padding: 0;
    background-color: #fff;
    color: #00baf2;
    border-radius: 50%;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat {
    padding: 20px;
    margin-top: 15px;
    background-color: #fff
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li {
    display: block;
    padding-bottom: 10px
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li a {
    color: #444;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0.03em
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li img {
    margin-right: 10px;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    padding: 3px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li:hover>a {
    color: #00baf2
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li:hover>img {
    border: 2px solid #1c3481
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li .mor-slide-click {
    color: #00baf2;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    display: block;
    width: 100%;
    margin-top: 10px;
    letter-spacing: 0.5px
}
.category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li .mor-slide-click i {
    font-size: 20px;
    float: right
}
.category-header-2 .navbar-menu .category-left .menu-block {
    margin-left: 30px
}
.category-header-2 .navbar-menu .category-left .menu-block .pixelstrap li .label-nav {
    background-color: #00baf2;
    top: 7px
}
.category-header-2 .navbar-menu .category-left .menu-block .pixelstrap li .label-nav:before {
    border-top: 5px solid #00baf2
}
.category-header-2 .navbar-menu .category-left .menu-block .pixelstrap .dark-menu-item {
    padding-top: 25px;
    padding-bottom: 25px;
    color: white
}
.category-header-2 .navbar-menu .category-left .icon-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 10px
}
.category-header-2 .navbar-menu .category-left .icon-block ul li i {
    color: #fff;
    font-size: 31px
}
.category-header-2 .navbar-menu .category-left .icon-block ul li .cart-item {
    display: inline-block;
    color: #00baf2;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Cairo', sans-serif;
    letter-spacing: 0.5px
}
.category-header-2 .navbar-menu .category-left .icon-block ul li .cart-item span {
    display: block;
    color: #fff;
    margin-top: 3px
}
.category-header-2 .navbar-menu .category-left .icon-block ul .mobile-user {
    padding-right: 20px
}
.category-header-2 .navbar-menu .category-left .icon-block ul .mobile-wishlist a i {
    margin-right: 8px
}
.category-header-2 .navbar-menu .category-left .icon-block ul .mobile-search, .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-setting {
    display: none
}
.category-header-2 .navbar-menu .category-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.category-header-2 .navbar-menu .category-right .gift-block {
    background-color: #00baf2;
    padding: 17px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    width: 255px;
    border: 0
}
.category-header-2 .navbar-menu .category-right .gift-block .grif-icon i {
    font-size: 35px
}
.category-header-2 .navbar-menu .category-right .gift-block .gift-offer {
    margin-left: 10px
}
.category-header-2 .navbar-menu .category-right .gift-block .gift-offer p {
    text-transform: uppercase;
    line-height: 1
}
.category-header-2 .navbar-menu .category-right .gift-block .gift-offer span {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.2
}
.category-header-2 .navbar-menu .category-right .contact-block {
    padding: 20px 28px;
    margin-left: 18px;
    -ms-flex-item-align: center;
    align-self: center;
    background-color: #15265f
}
.category-header-2 .navbar-menu .category-right .contact-block i {
    font-size: 28px;
    color: #fff
}
.category-header-2 .navbar-menu .category-right .contact-block span {
    font-size: 14px;
    color: #fff;
    margin-left: 15px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.category-header-2 .navbar-menu .category-right .contact-block span span {
    font-size: 20px;
    font-weight: 600
}
.layout-header3 {
    background-color: #1c3481
}
.layout-header3 .main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0
}
.layout-header3 .main-menu .menu-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}
.layout-header3 .main-menu .menu-left .sm-nav-block {
    margin-right: 15px;
    display: none
}
.layout-header3 .main-menu .menu-left .sm-nav-block span i {
    font-size: 25px;
    color: #fff
}
.layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    height: 100vh;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: scroll
}
.layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide li {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 7px 10px
}
.layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide li a {
    color: #444;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600
}
.layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide>li:first-child {
    padding: 0
}
.layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide>li:last-child {
    border-bottom: none
}
.layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide>li:last-child a {
    color: #00baf2
}
.layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide>li:last-child a i {
    font-size: 20px;
    margin-left: 10px;
    float: right
}
.layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide>li .nav-sm-back {
    font-size: 16px;
    color: #444;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    text-align: right;
    padding: 7px
}
.layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide>li:hover>li a {
    color: #00baf2
}
.layout-header3 .main-menu .menu-left .nav-block {
    min-width: 255px
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    width: 255px;
    top: 0
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .navbar {
    padding: 28px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .navbar h5 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 16px
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .navbar-toggler {
    width: 17px;
    height: 17px;
    padding: 0;
    background-color: #fff;
    color: #1c3481;
    border-radius: 50%;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .nav-cat {
    padding: 20px;
    margin-top: 25px;
    background-color: #fff
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .nav-cat li {
    display: block;
    padding-bottom: 10px
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .nav-cat li a {
    color: #444;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0.03em
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .nav-cat li img {
    margin-right: 10px;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    padding: 3px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .nav-cat li:hover>a {
    color: #00baf2
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .nav-cat li:hover>img {
    border: 2px solid #1c3481
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .nav-cat .mor-slide-click a {
    color: #00baf2;
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    text-transform: capitalize;
    line-height: 1;
    letter-spacing: 0.5px;
    margin-top: 10px
}
.layout-header3 .main-menu .menu-left .nav-block .nav-left .nav-cat .mor-slide-click a i {
    font-size: 20px;
    float: right
}
.layout-header3 .main-menu .menu-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.layout-header3 .main-menu .menu-right .menu-nav span i {
    color: white;
    font-size: 25px
}
.layout-header3 .main-menu .menu-right .menu-nav .desc-horizontal {
    position: fixed;
    background-color: #fff;
    width: 300px;
    border-radius: 0;
    border: 1px solid #ddd;
    top: 0;
    height: 100vh;
    right: -300px;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.layout-header3 .main-menu .menu-right .menu-nav .desc-horizontal .desc-back {
    padding: 20px;
    font-size: 18px;
    color: #444;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    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
}
.layout-header3 .main-menu .menu-right .menu-nav .desc-horizontal li .label-nav {
    top: -10px;
    left: 20px
}
.layout-header3 .main-menu .menu-right .input-block .input-box {
    margin-left: 30px;
    width: 535px
}
.layout-header3 .main-menu .menu-right .input-block .input-box .big-deal-form {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd
}
.layout-header3 .main-menu .menu-right .input-block .input-box .big-deal-form .input-group .form-control {
    border-radius: 0;
    border: none;
    padding: 0 13px
}
.layout-header3 .main-menu .menu-right .input-block .input-box .big-deal-form .input-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.layout-header3 .main-menu .menu-right .input-block .input-box .big-deal-form .input-group span {
    padding: 10px 20px;
    background-color: #00baf2;
    -ms-flex-item-align: center;
    align-self: center
}
.layout-header3 .main-menu .menu-right .input-block .input-box .big-deal-form .input-group span i {
    font-size: 20px;
    color: #fff
}
.layout-header3 .main-menu .menu-right .input-block .input-box .big-deal-form .input-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    font-weight: 700;
    color: #444;
    background: url("../images/layout-1/drop-1.png") no-repeat scroll 20px 15px;
    text-align: center;
    text-align-last: center;
    width: 175px;
    text-transform: uppercase;
    border-left: 1px solid #ddd
}
.layout-header3 .main-menu .menu-right .icon-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 45px
}
.layout-header3 .main-menu .menu-right .icon-block ul li {
    margin-left: 40px
}
.layout-header3 .main-menu .menu-right .icon-block ul li:first-child {
    margin-left: 0
}
.layout-header3 .main-menu .menu-right .icon-block ul li i {
    color: #fff;
    font-size: 29px
}
.layout-header3 .main-menu .menu-right .icon-block ul li .cart-item {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Cairo', sans-serif;
    letter-spacing: 0.5px
}
.layout-header3 .main-menu .menu-right .icon-block ul li .cart-item span {
    display: block;
    margin-top: 3px;
    font-weight: 700
}
.layout-header3 .main-menu .menu-right .icon-block ul .mobile-user {
    padding-right: 20px
}
.layout-header3 .main-menu .menu-right .icon-block ul .mobile-wishlist {
    margin-left: 10px
}
.layout-header3 .main-menu .menu-right .icon-block ul .mobile-wishlist a i {
    padding-right: 8px
}
.layout-header3 .main-menu .menu-right .icon-block ul .mobile-cart {
    position: relative
}
.layout-header3 .main-menu .menu-right .icon-block ul .mobile-cart .cart-item {
    background-color: #00baf2;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -15px;
    font-size: 10px;
    right: 0
}
.layout-header3 .main-menu .menu-right .icon-block ul .mobile-cart:hover .cart-item {
    -webkit-animation: rotateInDownRight 700ms ease-in-out;
    animation: rotateInDownRight 700ms ease-in-out
}
.layout-header3 .main-menu .menu-right .icon-block ul .mobile-search, .layout-header3 .main-menu .menu-right .icon-block ul .mobile-setting {
    display: none
}
.layout-header3 .main-menu .menu-right .gift-block {
    background-color: #00a6d9;
    padding: 17px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    width: auto;
    margin-left: 40px;
    border: 0
}
.layout-header3 .main-menu .menu-right .gift-block .grif-icon i {
    font-size: 35px
}
.layout-header3 .main-menu .menu-right .gift-block .gift-offer {
    margin-left: 10px
}
.layout-header3 .main-menu .menu-right .gift-block .gift-offer p {
    text-transform: uppercase;
    line-height: 1
}
.layout-header3 .main-menu .menu-right .gift-block .gift-offer span {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.2
}
.layout-header4 {
    padding: 15px 0;
    background-color: #fff
}
.layout-header4 .contact-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}
.layout-header4 .contact-block .sm-nav-block {
    margin-right: 15px;
    display: none
}
.layout-header4 .contact-block .sm-nav-block .sm-nav-btn {
    display: none
}
.layout-header4 .contact-block .sm-nav-block span i {
    font-size: 24px
}
.layout-header4 .contact-block .sm-nav-block .nav-slide {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    height: 100vh;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: scroll
}
.layout-header4 .contact-block .sm-nav-block .nav-slide li {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 7px 10px
}
.layout-header4 .contact-block .sm-nav-block .nav-slide li ul li {
    padding-left: 0
}
.layout-header4 .contact-block .sm-nav-block .nav-slide li a {
    color: #444;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600
}
.layout-header4 .contact-block .sm-nav-block .nav-slide li:first-child {
    padding: 0
}
.layout-header4 .contact-block .sm-nav-block .nav-slide li:last-child {
    border-bottom: none
}
.layout-header4 .contact-block .sm-nav-block .nav-slide li:last-child a i {
    font-size: 20px;
    margin-left: 10px;
    float: right
}
.layout-header4 .contact-block .sm-nav-block .nav-slide li .nav-sm-back {
    font-size: 16px;
    color: #444;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    text-align: right;
    padding: 7px
}
.layout-header4 .contact-block .desc-nav-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.layout-header4 .contact-block .desc-nav-block i {
    font-size: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
    color: #00baf2;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg)
}
.layout-header4 .contact-block .desc-nav-block .contact-item {
    color: #777;
    text-transform: uppercase;
    margin-left: 10px;
    font-size: 12px
}
.layout-header4 .contact-block .desc-nav-block .contact-item span {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    color: #444;
    display: block;
    line-height: 1;
    font-weight: 700
}
.layout-header4 .contact-block .desc-nav-block .mobile-user {
    color: #999;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-left: 40px;
    margin-top: 10px;
    font-size: calc(20px + (33 - 20) * ((100vw - 320px) / (1920 - 320)))
}
.layout-header4 .logo-block {
    text-align: center
}
.layout-header4 .icon-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.layout-header4 .icon-block ul li {
    margin-right: 25px
}
.layout-header4 .icon-block ul li a i {
    color: #999;
    font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)))
}
.layout-header4 .icon-block ul li a i .cart-icon {
    display: inline-block;
    color: #8d8d8d;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Cairo', sans-serif;
    letter-spacing: 0.5px
}
.layout-header4 .icon-block ul li a .cart-item {
    display: inline-block;
    color: #1c3481;
    text-transform: uppercase;
    font-weight: 700;
    font-family: PT Sans, sans-serif
}
.layout-header4 .icon-block ul li a .cart-item span {
    display: block;
    letter-spacing: 1px;
    margin-top: 2px;
    color: #444
}
.layout-header4 .icon-block ul li:last-child {
    margin-right: 0
}
.layout-header4 .icon-block ul .mobile-search, .layout-header4 .icon-block ul .mobile-setting, .layout-header4 .icon-block ul .mobile-user {
    display: none
}
.layout-header4 .icon-block ul .mobile-cart i {
    color: #00baf2;
    font-size: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)))
}
.layout-header4 .icon-block .toggle-nav {
    display: none
}
.category-header-4 {
    background-color: #00baf2
}
.category-header-4 .navbar-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.category-header-4 .navbar-menu .category-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.category-header-4 .navbar-menu .category-left .nav-block {
    min-width: 260px;
    margin-right: 30px;
    position: relative
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left {
    position: absolute;
    width: 260px;
    z-index: 1;
    overflow: hidden
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #1c3481;
    padding: 28px 0
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .navbar h5 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 16px
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .navbar-toggler {
    width: 17px;
    height: 17px;
    padding: 0;
    background-color: #fff;
    color: #444;
    border-radius: 50%;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat {
    padding: 30px 35px;
    margin-top: 15px;
    background-color: #fff
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat li {
    display: block;
    padding-bottom: 19px
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat li:last-child {
    padding-bottom: 0
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat li a {
    color: #444;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0.05em
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat li a i {
    margin-right: 15px;
    float: right
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat li:hover>a {
    color: #00baf2
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat .mor-slide-click {
    padding-bottom: 0
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat .mor-slide-click a {
    color: #00baf2;
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    line-height: 1;
    text-transform: capitalize;
    letter-spacing: 0.5px
}
.category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat .mor-slide-click a i {
    float: right;
    font-size: 20px
}
.category-header-4 .navbar-menu .category-left .nav-block:before {
    width: 100%;
    height: 100%;
    background-color: #1c3481;
    position: absolute;
    content: '';
    top: 0;
    left: -100%;
    z-index: 9
}
.category-header-4 .navbar-menu .category-left .menu-block .pixelstrap .light-menu-item {
    padding-top: 25px;
    padding-bottom: 25px;
    color: #fff
}
.category-header-4 .navbar-menu .category-left .menu-block .pixelstrap li .label-nav {
    background-color: #1c3481;
    top: 7px
}
.category-header-4 .navbar-menu .category-left .menu-block .pixelstrap li .label-nav:before {
    border-top: 5px solid #1c3481
}
.category-header-4 .navbar-menu .category-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.category-header-4 .navbar-menu .category-right .sm-nav-block {
    display: none
}
.category-header-4 .navbar-menu .category-right .sm-nav-block i {
    font-size: 24px
}
.category-header-4 .navbar-menu .category-right .input-block {
    width: 600px
}
.category-header-4 .navbar-menu .category-right .input-block .big-deal-form {
    width: 100%;
    margin: 5px 0;
    background-color: #fff
}
.category-header-4 .navbar-menu .category-right .input-block .big-deal-form .input-group {
    height: 63px
}
.category-header-4 .navbar-menu .category-right .input-block .big-deal-form .input-group .form-control {
    border-radius: 0;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.category-header-4 .navbar-menu .category-right .input-block .big-deal-form .input-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.category-header-4 .navbar-menu .category-right .input-block .big-deal-form .input-group span {
    padding: 10px 20px;
    background-color: #fff;
    -ms-flex-item-align: center;
    align-self: center
}
.category-header-4 .navbar-menu .category-right .input-block .big-deal-form .input-group span i {
    font-size: 20px;
    color: #444
}
.category-header-4 .navbar-menu .category-right .input-block .big-deal-form .input-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    font-weight: 700;
    color: #444;
    padding: 0 25px;
    background: url("../images/layout-1/drop-1.png") no-repeat scroll 20px 23px;
    text-align: center;
    text-align-last: center;
    width: 175px;
    text-transform: uppercase
}
.category-header-4 .navbar-menu .category-right .gift-block {
    background-color: #444;
    padding: 12px 28px;
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    width: 255px;
    border: 0
}
.category-header-4 .navbar-menu .category-right .gift-block .grif-icon i {
    font-size: 35px
}
.category-header-4 .navbar-menu .category-right .gift-block .gift-offer {
    margin-left: 10px
}
.category-header-4 .navbar-menu .category-right .gift-block .gift-offer p {
    text-transform: uppercase;
    line-height: 1
}
.category-header-4 .navbar-menu .category-right .gift-block .gift-offer span {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.2
}
.category-header-6 {
    background-color: #1c3481
}
.category-header-6 .navbar-menu .category-left .nav-block .nav-left .navbar {
    background-color: #00baf2
}
.category-header-6 .navbar-menu .category-left .nav-block .nav-left .nav-cat li a {
    color: #333
}
.category-header-6 .navbar-menu .category-right .gift-block {
    background-color: #00baf2
}
.onhover-dropdown {
    position: relative;
    z-index: 9
}
.onhover-dropdown .onhover-show-div {
    top: 50px;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
    min-width: 160px;
    text-align: left;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    left: 0;
    opacity: 0;
    visibility: hidden;
    padding: 15px 20px;
    border: 5px solid #f2f2f2
}
.onhover-dropdown .onhover-show-div li {
    display: block;
    line-height: 2.2;
    margin-left: 0 !important
}
.onhover-dropdown .onhover-show-div li a {
    color: #444;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.03em;
    font-family: sans-serif
}
.onhover-dropdown:hover .onhover-show-div {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible
}
.cart-hover-div {
    position: relative
}
.cart-hover-div .cart-show-div {
    top: 50px;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
    min-width: 250px;
    text-align: left;
    -webkit-box-shadow: 0 0 1px 0 #ddd;
    box-shadow: 0 0 1px 0 #ddd;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    right: 0;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    border: 5px solid #f2f2f2
}
.cart-hover-div .cart-show-div.right {
    right: unset
}
.cart-hover-div .cart-show-div li {
    margin-left: 0 !important;
    width: 100%
}
.cart-hover-div .cart-show-div li .media {
    padding-bottom: 10px
}
.cart-hover-div .cart-show-div li .media img {
    height: 70px;
    margin-right: 20px;
    border: 1px solid #ddd
}
.cart-hover-div .cart-show-div li .media .media-body {
    -ms-flex-item-align: center;
    align-self: center
}
.cart-hover-div .cart-show-div li .media .media-body h6 {
    color: #444;
    text-transform: capitalize;
    font-family: sans-serif;
    padding-bottom: 5px
}
.cart-hover-div .cart-show-div li .total {
    padding: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.cart-hover-div .cart-show-div li .total h6 {
    font-size: 16px;
    color: #8d8d8d;
    text-transform: capitalize;
    letter-spacing: 0.03em
}
.cart-hover-div .cart-show-div li .total h6 span {
    float: right
}
.cart-hover-div .cart-show-div li .check-btn {
    text-transform: capitalize;
    font-size: 16px;
    padding-top: 10px
}
.cart-hover-div .cart-show-div li .check-btn a {
    color: #000;
    font-family: sans-serif;
    letter-spacing: 0.05em
}
.cart-hover-div .cart-show-div li .check-btn a:last-child {
    float: right
}
.cart-hover-div:hover .cart-show-div {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
    opacity: 1
}
.cart-hover-div:hover .cart-show-div.right {
    right: unset
}
.search-overlay {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.search-overlay>div {
    width: 100%
}
.search-overlay>div .close-mobile-search {
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 50px;
    color: #444;
    cursor: pointer
}
.search-overlay>div .overlay-content input {
    padding: 20px 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ddd
}
.search-overlay>div .overlay-content input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.search-overlay>div .overlay-content input::-webkit-input-placeholder {
    letter-spacing: 0.05em;
    font-size: 18px;
    font-family: sans-serif;
    color: #444
}
.search-overlay>div .overlay-content input:-ms-input-placeholder {
    letter-spacing: 0.05em;
    font-size: 18px;
    font-family: sans-serif;
    color: #444
}
.search-overlay>div .overlay-content input::-ms-input-placeholder {
    letter-spacing: 0.05em;
    font-size: 18px;
    font-family: sans-serif;
    color: #444
}
.search-overlay>div .overlay-content input::placeholder {
    letter-spacing: 0.05em;
    font-size: 18px;
    font-family: sans-serif;
    color: #444
}
.search-overlay>div .overlay-content button {
    position: absolute;
    top: 10px;
    right: 20px;
    background-color: transparent;
    border: none;
    font-size: 22px
}
.search-overlay>div .overlay-content button i {
    color: #444 !important
}
.mobile-setting-hover {
    position: relative
}
.mobile-setting-hover .mobile-setting-show {
    position: absolute;
    bottom: 40px;
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 #ddd;
    box-shadow: 0 0 1px 0 #ddd;
    min-width: 160px;
    padding: 20px;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    visibility: hidden;
    opacity: 0
}
.mobile-setting-hover .mobile-setting-show h6 {
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
    font-family: sans-serif;
    margin-bottom: 10px
}
.mobile-setting-hover .mobile-setting-show .curroncy {
    margin-top: 10px
}
.mobile-setting-hover .mobile-setting-show ul li {
    display: block;
    margin-bottom: 8px;
    padding-left: 17px
}
.mobile-setting-hover .mobile-setting-show ul li:last-child {
    margin-bottom: 0
}
.mobile-setting-hover .mobile-setting-show ul li a {
    color: #444;
    text-transform: capitalize;
    font-family: sans-serif;
    font-size: 14px
}
.mobile-setting-hover:hover .mobile-setting-show {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
    visibility: visible
}
.product-notification {
    width: 300px;
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 0px 0 7px 2px rgba(158, 158, 158, 0.2);
    box-shadow: 0px 0 7px 2px rgba(158, 158, 158, 0.2);
    margin: 10px;
    position: fixed;
    bottom: 0;
    -webkit-animation: movebottom 10s infinite;
    animation: movebottom 10s infinite;
    z-index: 99
}
.product-notification img {
    height: 70px
}
.product-notification .close {
    position: absolute;
    right: 13px;
    top: 5px;
    font-size: 24px;
    z-index: 99
}
@-webkit-keyframes movebottom {
    0% {
        display: block;
        bottom: -200px
    }
    25% {
        bottom: 0px
    }
    75% {
        bottom: 0px
    }
    100% {
        display: none;
        bottom: -200px
    }
}
@keyframes movebottom {
    0% {
        display: block;
        bottom: -200px
    }
    25% {
        bottom: 0px
    }
    75% {
        bottom: 0px
    }
    100% {
        display: none;
        bottom: -200px
    }
}
.gift-dropdown.dropdown-menu {
    border: 2px solid #f1f1f1;
    width: 100%;
    border-radius: 0;
    padding: 20px 10px 20px 20px
}
.gift-dropdown.dropdown-menu .media {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.gift-dropdown.dropdown-menu .media:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease
}
.gift-dropdown.dropdown-menu .cash {
    height: 10px;
    margin-top: -5px
}
.gift-dropdown.dropdown-menu .fire {
    height: 13px;
    margin-top: -5px
}
.gift-dropdown.dropdown-menu .offer-banner {
    width: 60px;
    border: 1px dashed #afafaf;
    border-radius: 5px;
    text-align: center;
    margin-right: 13px;
    font-size: 13px;
    padding: 5px 1px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700
}
.gift-dropdown.dropdown-menu .media+.media {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f5f8
}
.gift-dropdown.dropdown-menu .media+.media h5 {
    padding-bottom: 2px
}
.gift-dropdown.dropdown-menu .media .mr-3 {
    height: 45px;
    width: 45px;
    background-color: #d9f6ff;
    padding: 7px;
    border-radius: 100%;
    margin-right: 12px !important
}
.gift-dropdown.dropdown-menu .media .mr-3 img {
    height: 30px
}
.Jewellery-banner {
    background-image: url("../images/layout-1/collection-banner/6.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 35px;
    height: 100%
}
.Jewellery-banner a {
    color: #444;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px
}
.Jewellery-banner h6 {
    color: #00baf2;
    font-size: 31px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1
}
.layout-5 .media-banner.media-banner-1 {
    background-color: #f2f2f2
}
.tab-product-main .tab-prodcut-contain ul li a {
    color: #fff
}
.media-banner {
    padding: 30px;
    background-color: #f2f2f2;
    border-right: 1px solid #ddd
}
.media-banner .media-banner-box {
    margin-bottom: 20px
}
.media-banner .media-banner-box:last-child {
    margin-bottom: 0
}
.media-banner .media-banner-box .media-heading h5 {
    font-size: 18px;
    color: #444;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.5px
}
.media-banner .media-banner-box .media-view h5 {
    text-transform: capitalize;
    color: #00baf2;
    line-height: 18px
}
.media-banner .media-banner-box .media img {
    border: 1px solid #ddd
}
.media-banner .media-banner-box .media .media-body .media-contant {
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px
}
.media-banner .media-banner-box .media .media-body .media-contant .rating i {
    color: #ffa800
}
.media-banner .media-banner-box .media .media-body .media-contant .rating i:last-child {
    color: #e8ebf2
}
.media-banner .media-banner-box .media .media-body .media-contant p {
    font-family: Raleway, sans-serif;
    font-size: 14px;
    margin-bottom: 0
}
.media-banner .media-banner-box .media .media-body .media-contant h6 {
    color: #00baf2;
    font-weight: 700;
    margin-top: 3px
}
.media-banner .media-banner-box .media .media-body .media-contant h6 span {
    color: #e8ebf2;
    text-decoration: line-through;
    font-weight: 500
}
.media-banner.media-banner-1 {
    background-color: #eef3f4;
    margin: 0 8px
}
.media-banner.media-banner-2 .media-banner-box {
    margin-bottom: 10px
}
.media-banner.media-banner-2 .media-banner-box:last-child {
    margin-bottom: 0
}
.media-banner.banner-inverse .media-banner-box .media .media-body .media-contant h6 {
    color: #1c3481
}
.sosiyal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.sosiyal li {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    background-color: #f7f7f7;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.sosiyal li:last-child {
    margin-right: 0
}
.sosiyal li a i {
    color: #444
}
.sosiyal li:hover {
    background-color: #1c3481;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.sosiyal li:hover i {
    color: #fff
}
.sosiyal.sosiyal-inverse li:hover {
    background-color: #00baf2
}
.app-link-block {
    background-color: #f2f2f2
}
.app-link-block .app-link-bloc-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0;
    width: 100%
}
.app-link-block .app-link-bloc-contain.app-link-bloc-contain-1 {
    padding: 30px 0
}
.app-link-block .app-link-bloc-contain .app-item-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}
.app-link-block .app-link-bloc-contain .app-item-group .app-item:first-child {
    margin-right: 15px
}
.app-link-block .app-link-bloc-contain .app-item-group .sosiyal-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.app-link-block .app-link-bloc-contain .app-item-group .sosiyal-block h6 {
    color: #777;
    text-transform: uppercase;
    margin-left: 35px;
    margin-right: 35px;
    font-family: Raleway, PT Sans
}
.sub-footer {
    background-color: #fff
}
.sub-footer .footer-end p {
    padding: 20px 0;
    color: #8d8d8d;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: Raleway;
    letter-spacing: 0.05em
}
.sub-footer .footer-end p span {
    font-family: sans-serif
}
.sub-footer .payment-card-bottom {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.sub-footer .payment-card-bottom ul li {
    margin-left: 15px
}
.sub-footer .payment-card-bottom ul li:first-child {
    margin-left: 0
}
.footer-1 {
    background-color: #fff
}
.footer-1 .logo-contain {
    padding: 35px 0
}
.footer-1 .logo-contain .logo-block {
    padding: 25px 0
}
.footer-1 .logo-contain .logo-detail {
    position: relative;
    padding: 30px 0
}
.footer-1 .logo-contain .logo-detail:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    content: "";
    background: #ddd;
    margin: 0 auto
}
.footer-1 .logo-contain .logo-detail p {
    color: #777;
    text-transform: capitalize;
    margin-bottom: 0;
    margin-left: 45px;
    letter-spacing: 0.5px;
    line-height: 1.8
}
.footer-1 .footer-link {
    border-right: 1px solid #ddd;
    padding: 45px 0
}
.footer-1 .footer-box {
    padding-bottom: 30px;
    padding-top: 30px
}
.footer-1 .footer-box .footer-sub-box.account {
    margin-bottom: 40px
}
.footer-1 .footer-box .footer-sub-box.footer-contant-box {
    margin-left: 80px;
    padding: 20px 0
}
.footer-1 .footer-box .footer-sub-box .footer-title {
    margin-bottom: 15px
}
.footer-1 .footer-box .footer-sub-box .footer-contant ul li {
    font-family: Raleway;
    display: inline;
    line-height: 1.8;
    margin-right: 15px
}
.footer-1 .footer-box .footer-sub-box .footer-contant .contact-list li {
    color: #8d8d8d;
    display: block;
    margin-right: 0
}
.footer-1 .footer-box .footer-sub-box .footer-contant .contact-list li span {
    font-family: sans-serif
}
.footer-1 .footer-box .footer-sub-box .footer-contant .contact-list li i {
    top: 4px
}
.footer-2 {
    background-color: #fff;
    padding: 50px 0 0 0
}
.footer-2 .footer-main-contian {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px
}
.footer-2 .footer-main-contian .footer-left {
    padding-right: 60px;
    padding-top: 10px
}
.footer-2 .footer-main-contian .footer-left .footer-detail p {
    padding: 40px 0;
    font-family: Raleway, sans-serif;
    text-transform: capitalize;
    line-height: 1.8;
    color: #777
}
.footer-2 .footer-main-contian .footer-left .footer-detail .paymant-bottom li {
    margin-right: 15px
}
.footer-2 .footer-main-contian .footer-left .footer-detail .paymant-bottom li:last-child {
    margin-right: 0
}
.footer-2 .footer-main-contian .footer-right {
    padding-top: 25px;
    padding-left: 50px;
    border-left: 1px solid #ddd
}
.footer-2 .footer-main-contian .footer-right .subscribe-section {
    padding-bottom: 45px;
    border-bottom: 1px solid #ddd
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block {
    height: 100%
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant h4 {
    color: #000;
    font-size: 18px;
    text-transform: uppercase
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group span {
    background-color: transparent;
    border-radius: inherit;
    border-right: none
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group span i {
    color: #acacac
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group .telly {
    border-left: none;
    border-right: 1px solid #ddd
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group .telly i {
    color: #00baf2
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group input {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-radius: inherit
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group input::-webkit-input-placeholder {
    color: #acacac
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group input:-ms-input-placeholder {
    color: #acacac
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group input::-ms-input-placeholder {
    color: #acacac
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group input::placeholder {
    color: #acacac
}
.footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.footer-2 .footer-main-contian .footer-right .account-right {
    padding: 50px 0 30px 15px
}
.footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title {
    padding-bottom: 15px;
    position: relative
}
.footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: #00baf2
}
.footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-contant {
    margin-top: 30px
}
.footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-contant .contact-list li {
    color: #8d8d8d
}
.footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-contant .contact-list li i {
    top: 0
}
.footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-contant .contact-list li:first-child i {
    margin-top: 4px
}
.footer-2 .sub-footer {
    background-color: #f2f2f2
}
.footer-2 .sub-footer .sub-footer-contain {
    padding: 20px 0
}
.footer-2 .sub-footer .sub-footer-contain ul li a {
    color: #777
}
.footer-2 .sub-footer .sub-footer-contain p {
    color: #777;
    font-family: Raleway;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)))
}
.footer-2 .sub-footer .sub-footer-contain p span {
    font-family: sans-serif
}
.footer-3 {
    background-color: #fff;
    padding: 40px 0 0 0
}
.footer-3 .sosiyal-footer {
    padding-bottom: 45px;
    border-bottom: 1px solid #ddd
}
.footer-3 .sosiyal-footer .app-link-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%
}
.footer-3 .sosiyal-footer .app-link-group .app-item:first-child {
    margin-right: 15px
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block {
    text-align: center
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block h4 {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group {
    margin-top: 20px
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group span {
    background-color: transparent;
    border-radius: inherit;
    border-right: none
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group span i {
    color: #acacac
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group .telly {
    border-left: none;
    border-right: 1px solid #ddd
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group .telly i {
    color: #00baf2
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group input {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-radius: inherit
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group input::-webkit-input-placeholder {
    color: #acacac
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group input:-ms-input-placeholder {
    color: #acacac
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group input::-ms-input-placeholder {
    color: #acacac
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group input::placeholder {
    color: #acacac
}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.footer-3 .sosiyal-footer .sosiyal-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
    margin-left: 35px
}
.footer-3 .footer-logo {
    padding: 40px 0
}
.footer-3 .footer-logo .footer-box .footer-title {
    padding-bottom: 15px;
    position: relative
}
.footer-3 .footer-logo .footer-box .footer-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: #1c3481
}
.footer-3 .footer-logo .footer-box .footer-title.footer-title-1 {
    padding-bottom: 0
}
.footer-3 .footer-logo .footer-box .footer-title.footer-title-1:before {
    background-color: transparent
}
.footer-3 .footer-logo .footer-box .footer-mobile-title {
    display: none
}
.footer-3 .footer-logo .footer-box .footer-contant {
    margin-top: 30px
}
.footer-3 .footer-logo .footer-box .footer-contant.mobile-contant {
    margin-top: 0
}
.footer-3 .footer-logo .footer-box .footer-contant.footer-contant-1 {
    margin-top: 0
}
.footer-3 .footer-logo .footer-box .footer-contant li i {
    top: 0
}
.footer-3 .footer-logo .footer-box .footer-contant li:first-child i {
    top: 4px
}
.footer-3 .footer-logo .footer-box .footer-contant p {
    padding: 40px 0;
    font-family: Raleway, sans-serif;
    text-transform: capitalize;
    line-height: 1.8;
    color: #777
}
.footer-3 .footer-logo .footer-box .footer-contant .paymant-bottom li {
    margin-right: 15px;
    padding-bottom: 0;
    display: inline-block
}
.footer-3 .footer-logo .footer-box .footer-contant .paymant-bottom li:last-child {
    margin-right: 0
}
.footer-3 .sub-footer {
    background-color: #444;
    padding: 20px 0;
    text-align: center
}
.footer-3 .sub-footer h6 {
    font-size: 14px;
    color: #999;
    font-family: Raleway
}
.footer-3 .sub-footer h6 span {
    font-family: sans-serif
}
.footer-4 {
    background-color: #eee;
    padding-top: 40px
}
.footer-4 .footer-logo {
    text-align: center
}
.footer-4 .logo-detail {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 50px
}
.footer-4 .logo-detail p {
    font-family: Raleway, sans-serif;
    color: #8a8a8a
}
.footer-4 .follow {
    background-color: #fff;
    padding: 30px 0
}
.footer-4 .top-category {
    padding: 50px 0
}
.footer-4 .footer-box .footer-contant ul li a {
    color: #777
}
.footer-title h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    color: #000;
    font-family: Raleway
}
.footer-title .line {
    width: 50px;
    height: 2px;
    background-color: #00baf2;
    margin-top: 10px
}
.footer-contant {
    margin-top: 30px
}
.footer-contant ul li {
    position: relative;
    line-height: 1.2;
    display: block;
    padding-bottom: 15px;
    font-size: 14px;
    text-transform: capitalize;
    font-family: Raleway;
    letter-spacing: 0.03em
}
.footer-contant ul li:last-child {
    margin-right: 0;
    padding-bottom: 0
}
.footer-contant ul li a {
    color: #8d8d8d
}
.footer-contant .contact-list li {
    padding-left: 25px
}
.footer-contant .contact-list li:first-child {
    line-height: 1.8
}
.footer-contant .contact-list li:first-child i {
    margin-top: 4px
}
.footer-contant .contact-list li span {
    font-family: sans-serif
}
.footer-contant .contact-list li i {
    position: absolute;
    top: 0;
    left: 0
}
.theme-slider {
    line-height: 0
}
.theme-slider .slider-banner {
    position: relative;
    overflow: hidden
}
.theme-slider .slider-banner.p-left .slider-banner-contain {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.theme-slider .slider-banner.p-right .slider-banner-contain {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.theme-slider .slider-banner.p-center .slider-banner-contain {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.theme-slider .slider-banner.p-top .slider-banner-contain {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.theme-slider .slider-banner .slider-img {
    height: 455px;
    background-color: #eddbd1
}
.theme-slider .slider-banner .slider-banner-contain {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 100px
}
.theme-slider .slider-banner .slider-banner-contain h4 {
    font-size: 24px;
    color: #000;
    text-transform: capitalize;
    line-height: 1;
    padding-bottom: 8px
}
.theme-slider .slider-banner .slider-banner-contain h1 {
    font-size: 72px;
    color: #1c3481;
    text-transform: capitalize;
    line-height: 1;
    padding-bottom: 12px
}
.theme-slider .slider-banner .slider-banner-contain h2 {
    font-size: 36px;
    color: #777;
    text-transform: capitalize;
    line-height: 1;
    padding-bottom: 16px
}
.theme-slider .slider-banner .slider-banner-contain .btn-rounded {
    display: inline-block;
    letter-spacing: 1px;
    padding: 15px 35px;
    font-size: 18px
}
.theme-slider .slider-banner .layout2-slide-1 li {
    position: absolute;
    bottom: -8px;
    right: 0
}
.theme-slider .slider-banner .layout2-slide-2 li {
    position: absolute;
    bottom: 55px;
    right: 60px
}
.theme-slider .slider-banner .layout2-slide-3 li {
    position: absolute;
    bottom: 35px;
    right: 55px
}
.theme-slider .slider-banner .slide-center {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    height: 100% !important
}
.theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li {
    position: absolute;
    bottom: -30px;
    left: -50px
}
.theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li:nth-child(2) {
    right: 60px;
    left: unset
}
.theme-slider .slider-banner.slide-banner-1 .layout1-slide-2 li {
    position: absolute;
    left: 50px
}
.theme-slider .slider-banner.slide-banner-1 .layout1-slide-2 li:nth-child(2) {
    right: 20px;
    left: unset
}
.theme-slider .slider-banner.slide-banner-1 .layout1-slide-3 li {
    position: absolute;
    bottom: -30px;
    left: -50px
}
.theme-slider .slider-banner.slide-banner-1 .layout1-slide-3 li:nth-child(2) {
    right: 100px;
    bottom: -20px;
    left: unset
}
.theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h1 {
    color: #00baf2;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 2px
}
.theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h1 span {
    color: #1c3481;
    text-transform: capitalize;
    margin-left: 17px
}
.theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h4 {
    font-size: 30px;
    color: #939b9e;
    font-weight: 400;
    padding-bottom: 20px
}
.theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h2 {
    font-size: 36px;
    color: #000;
    padding-bottom: 15px
}
.theme-slider .slider-banner.slide-banner-1 .btn-normal {
    padding: 17px 35px;
    font-size: 18px
}
.theme-slider .slider-banner.slide-banner-1 .slider-img {
    height: 495px;
    background-color: #d3ecf3;
    overflow: hidden
}
.theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li {
    position: absolute;
    top: 0;
    left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}
.theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li:last-child {
    right: 20px;
    left: unset
}
.theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li {
    position: absolute;
    top: 0;
    left: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}
.theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li:last-child {
    right: 65px;
    left: unset
}
.theme-slider .slider-banner.slide-banner-2 .slider-img {
    height: 480px;
    background-color: #eee
}
.theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain {
    background-color: #fff;
    padding: 40px;
    text-align: center;
    min-width: 440px
}
.theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain h4 {
    font-size: 18px;
    color: #444;
    padding-bottom: 5px
}
.theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain h1 {
    color: #1c3481;
    padding-bottom: 21px
}
.theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain span {
    display: block;
    background-color: #00baf2;
    font-weight: 700;
    color: #fff;
    font-size: 36px;
    text-transform: capitalize;
    letter-spacing: 1px;
    line-height: 1.2;
    padding-top: 8px;
    padding-bottom: 10px;
    margin-bottom: 22px
}
.theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain a {
    text-transform: uppercase;
    font-weight: 700;
    color: #1c3481
}
.theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain a i {
    margin-left: 15px
}
.theme-slider .slider-banner.slide-banner-3 .layout4-slide-1 li {
    position: absolute;
    top: 0;
    right: 170px
}
.theme-slider .slider-banner.slide-banner-3 .layout4-slide-2 li {
    position: absolute;
    top: 0;
    right: 180px
}
.theme-slider .slider-banner.slide-banner-3 .layout4-slide-3 li {
    position: absolute;
    top: 0;
    right: 230px
}
.theme-slider .slider-banner.slide-banner-3 .slider-img {
    height: 455px;
    background-color: #fff
}
.theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h5 {
    font-size: 18px;
    color: #777;
    font-weight: 400;
    text-transform: capitalize;
    padding-bottom: 6px
}
.theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h3 {
    font-size: 42px;
    text-transform: capitalize;
    color: #00baf2;
    font-weight: 400;
    padding-bottom: 10px
}
.theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h1 {
    font-size: 52px;
    color: #1c3481;
    padding-bottom: 27px;
    text-transform: uppercase
}
.theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h2 {
    font-size: 24px;
    color: #444;
    padding-bottom: 25px
}
.theme-slider .slider-banner.slide-banner-3 .slider-banner-contain .btn-normal {
    text-transform: capitalize;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    padding: 18px 45px
}
.theme-slider .slider-banner.slide-banner-4 .layout5-slide-1 li {
    position: absolute;
    right: 100px;
    bottom: 0
}
.theme-slider .slider-banner.slide-banner-4 .layout5-slide-2 li {
    position: absolute;
    right: 100px;
    bottom: 0
}
.theme-slider .slider-banner.slide-banner-4 .layout5-slide-3 li {
    position: absolute;
    right: 100px;
    bottom: 0
}
.theme-slider .slider-banner.slide-banner-4 .slider-img {
    height: 695px;
    background: -webkit-gradient(linear, left top, left bottom, from(#dfe9f3), to(#e7e7e7));
    background: linear-gradient(#dfe9f3, #e7e7e7)
}
.theme-slider .slider-banner.slide-banner-4 .slider-banner-contain {
    text-align: center
}
.theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h3 {
    color: #00baf2;
    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    text-transform: capitalize;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}
.theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h3:after {
    position: absolute;
    top: 50%;
    left: 120%;
    height: 5px;
    width: 100px;
    content: '';
    background-color: #1c3481
}
.theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h3:before {
    position: absolute;
    top: 50%;
    right: 120%;
    height: 5px;
    width: 100px;
    content: '';
    background-color: #1c3481
}
.theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h1 {
    color: #1c3481;
    text-transform: capitalize;
    margin-top: 10px;
    font-size: calc(24px + (72 - 24) * ((100vw - 320px) / (1920 - 320)))
}
.theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h2 {
    color: #00baf2;
    margin-top: 11px;
    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)))
}
.theme-slider .slider-banner.slide-banner-4 .slider-banner-contain .btn-normal {
    text-transform: capitalize;
    font-weight: 700;
    margin-top: 15px;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.theme-slider .slider-banner.slide-banner-5 .layout6-slide-1 li {
    position: absolute;
    bottom: 0;
    right: 50px;
    width: 450px
}
.theme-slider .slider-banner.slide-banner-5 .layout6-slide-2 li {
    position: absolute;
    top: 60%;
    right: 17%;
    -webkit-animation: vegislide-move 2s linear infinite;
    animation: vegislide-move 2s linear infinite;
    width: calc(25px + (55 - 25) * ((100vw - 320px) / (1920 - 320)))
}
.theme-slider .slider-banner.slide-banner-5 .layout6-slide-2 li:nth-child(2) {
    right: 50%;
    -webkit-animation: vegislide-move 2.8s linear infinite;
    animation: vegislide-move 2.8s linear infinite;
    width: calc(20px + (55 - 20) * ((100vw - 320px) / (1920 - 320)))
}
.theme-slider .slider-banner.slide-banner-5 .layout6-slide-2 li:nth-child(3) {
    top: unset;
    bottom: 10%;
    margin-right: 26%;
    -webkit-animation: vegislide-move 3s linear infinite;
    animation: vegislide-move 3s linear infinite;
    width: calc(20px + (55 - 20) * ((100vw - 320px) / (1920 - 320)))
}
.theme-slider .slider-banner.slide-banner-5 .layout6-slide-2 li:nth-child(4) {
    top: unset;
    bottom: 20%;
    right: 40%;
    -webkit-animation: vegislide-move 3.5s linear infinite;
    animation: vegislide-move 3.5s linear infinite;
    width: calc(30px + (45 - 30) * ((100vw - 320px) / (1920 - 320)))
}
@-webkit-keyframes vegislide-move {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
@keyframes vegislide-move {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
.theme-slider .slider-banner.slide-banner-5 .slider-img {
    background-color: #e7e7e7
}
.theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h5 {
    font-size: 18px;
    color: #777;
    font-weight: 400;
    text-transform: capitalize;
    padding-bottom: 6px
}
.theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h3 {
    font-size: 42px;
    text-transform: capitalize;
    color: #00baf2;
    font-weight: 400;
    padding-bottom: 10px
}
.theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h1 {
    font-size: 52px;
    color: #1c3481;
    padding-bottom: 27px;
    text-transform: uppercase
}
.theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h2 {
    font-size: 24px;
    color: #444;
    padding-bottom: 25px
}
.theme-slider .slider-banner.slide-banner-5 .slider-banner-contain .btn-rounded {
    text-transform: capitalize
}
.theme-slider .slider-banner.slide-banner-5 .slider-banner-contain .btn-rounded:hover {
    background-color: #1c3481
}
.slider-layout-4 .slider-slide {
    max-width: calc(100% - 275px);
    margin-left: 275px
}
.title1 {
    text-align: center;
    background-color: #fff;
    padding: 42px 0
}
.title1 h4 {
    font-size: 18px;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.05em
}
.title2 {
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-align: center;
    background-color: #fff
}
.title2 h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #444;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    margin: 0 auto
}
.title2 h4:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    height: 3px;
    width: 100%;
    max-width: 100%;
    background: #00baf2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
.title2 h4:hover:before {
    width: 48px;
    max-width: 50%
}
.title3 {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px
}
.title3 h4 {
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.05em;
    margin-top: -4px
}
.title4 {
    text-align: center;
    padding-top: calc(20px + (42 - 20) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom: calc(20px + (42 - 20) * ((100vw - 320px) / (1920 - 320)));
    background-color: #fff
}
.title4 h4 {
    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1
}
.title4 h4 span {
    color: #00baf2
}
.title5 {
    text-align: center;
    background-color: #fff
}
.title5 h4 {
    font-size: 36px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.05em
}
.title5 p {
    color: #444;
    margin-top: 10px;
    font-size: 18px
}
.title6 {
    text-align: center;
    position: relative;
    padding: calc(18px + (42 - 18) * ((100vw - 320px) / (1920 - 320)))
}
.title6 h4 {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 25px;
    text-transform: uppercase;
    position: relative;
    color: #444
}
.title6 h4:before, .title6 h4:after {
    width: 10%;
    height: 2px;
    content: '';
    background: #444;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -30px
}
.title6 h4:after {
    right: -30px;
    left: unset
}
.tab-product-main {
    background-color: #fff
}
.tab-product-main .tab-prodcut-contain {
    text-align: center
}
.tab-product-main .tab-prodcut-contain ul li {
    margin: 0 20px;
    padding: 40px 0;
    position: relative
}
.tab-product-main .tab-prodcut-contain ul li.current a {
    color: #00baf2
}
.tab-product-main .tab-prodcut-contain ul li.current:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    background-color: #00baf2;
    width: 100%;
    content: ''
}
.tab-product-main .tab-prodcut-contain ul li a {
    color: #444;
    text-transform: uppercase;
    font-weight: 700;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.newsletter {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0
}
.newsletter .news-leble {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #ddd;
    padding-right: 35px
}
.newsletter .news-leble svg {
    fill: #00baf2;
    width: 50px;
    height: 50px
}
.newsletter .news-leble .news-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    color: #444;
    line-height: 1;
    font-weight: 700;
    margin-left: 25px
}
.newsletter .news-leble .news-text span {
    display: block;
    margin-top: 6px
}
.newsletter .subscribe-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.newsletter .subscribe-block .input-group input {
    border: none;
    width: 320px;
    background-color: transparent
}
.newsletter .subscribe-block .input-group input::-webkit-input-placeholder {
    color: #e8ebf2;
    font-family: Raleway;
    letter-spacing: 1px;
    font-size: 12px
}
.newsletter .subscribe-block .input-group input:-ms-input-placeholder {
    color: #e8ebf2;
    font-family: Raleway;
    letter-spacing: 1px;
    font-size: 12px
}
.newsletter .subscribe-block .input-group input::-ms-input-placeholder {
    color: #e8ebf2;
    font-family: Raleway;
    letter-spacing: 1px;
    font-size: 12px
}
.newsletter .subscribe-block .input-group input::placeholder {
    color: #e8ebf2;
    font-family: Raleway;
    letter-spacing: 1px;
    font-size: 12px
}
.newsletter .subscribe-block .input-group input:focus {
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.newsletter .subscribe-block .input-group span {
    background-color: transparent;
    border: none;
    padding: 0 45px
}
.newsletter .subscribe-block .input-group span i {
    font-size: 20px;
    color: #1c3481
}
.newsletter .subscribe-block .btn-normal {
    text-transform: uppercase;
    padding: 18px 30px
}
.newsletter.newsletter-inverse .subscribe-block .btn-normal {
    background-color: #1c3481
}
.newsletter.newsletter-inverse .news-leble svg {
    fill: #1c3481
}
.breadcrumb-main {
    background-color: #fff;
    padding: 50px 0
}
.breadcrumb-main .breadcrumb-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.breadcrumb-main .breadcrumb-contain h2 {
    color: #333;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)))
}
.breadcrumb-main .breadcrumb-contain ul li {
    margin-right: 15px
}
.breadcrumb-main .breadcrumb-contain ul li:last-child {
    margin-right: 0
}
.breadcrumb-main .breadcrumb-contain ul li a {
    color: #333;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    font-weight: 700
}
.breadcrumb-main .breadcrumb-contain ul li i {
    color: #333;
    font-size: 17px;
    font-weight: 700
}
.paymant-offer-mian {
    background-color: #fff;
    padding: 30px;
    margin-right: 15px;
    text-align: center
}
.paymant-offer-mian img {
    margin: 0 auto
}
.paymant-offer-mian h2 {
    color: #1c3481;
    font-weight: 600;
    line-height: 1;
    margin-top: 25px;
    font-family: monospace
}
.paymant-offer-mian h3 {
    text-transform: capitalize;
    line-height: 1;
    margin-top: 10px;
    color: #333;
    font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    margin-bottom: 10px
}
.paymant-offer-mian h4 {
    text-transform: capitalize;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 500
}
.paymant-offer-mian .payment-cod {
    padding: 8px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: capitalize;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    line-height: 1;
    color: #1c3481;
    background-color: rgba(28, 52, 129, 0.1);
    font-weight: 700;
    border: 1px dashed;
    border-radius: 5px
}
.sitemap_page .title {
    color: #00baf2;
    text-transform: capitalize;
    font-weight: 700
}
.sitemap_page ul {
    padding-left: 10px
}
.sitemap_page ul li {
    display: block;
    margin-bottom: 10px
}
.sitemap_page ul li a {
    color: #444;
    font-weight: 700;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: capitalize
}
.sitemap_page ul li a i {
    font-size: 10px
}
.sitemap_page ul li a:hover {
    color: #00baf2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.sitemap_page ul ul {
    padding-left: 15px;
    margin-top: 5px
}
.sitemap_page ul ul li {
    margin-bottom: 0
}
.sitemap_page ul ul li a {
    font-weight: 400;
    color: #333;
    font-size: 14px
}
.select_input select {
    padding: 13px 20px;
    margin-bottom: 25px
}
.mb-3.theme-form .mb-5 {
    margin-bottom: 0 !important
}
.template-password {
    background: url("../images/coming-soon.jpg");
    background-size: cover;
    height: 100vh
}
.template-password #container {
    height: 100vh;
    max-width: 600px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.template-password #container>div {
    width: 100%
}
.template-password #container #login {
    width: 100%;
    margin-bottom: 120px
}
.template-password #container #login h2 {
    color: #00baf2;
    font-size: 30px;
    font-weight: 400
}
.template-password #container #login .theme-form h3 {
    color: #333;
    font-size: 20px;
    margin-bottom: 25px
}
.template-password #container #login .theme-form input {
    border-color: #ddd;
    font-size: 12px;
    padding: 17px 25px;
    margin-bottom: 15px;
    height: inherit
}
.template-password #container #login .theme-form input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.template-password #container #powered {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0
}
.template-password #container #owner a {
    color: #00baf2
}
.template-password .btn-normal {
    text-transform: uppercase
}
.review-page .comment-section {
    border-bottom: none !important
}
.review-page .comment-section li:first-child {
    border-top: none;
    padding-top: 0
}
.review-page .comment-section li:last-child {
    padding-bottom: 0
}
.review-page .comnt-sec {
    margin-top: 10px
}
.review-page .comnt-sec li {
    margin-right: 15px;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    border-top: none !important
}
.review-page .comnt-sec li a {
    color: #777;
    font-size: 16px
}
.review-page .comnt-sec li a i {
    margin-right: 5px
}
.error-section {
    padding: 130px 0;
    text-align: center
}
.error-section h1 {
    font-size: 200px;
    font-weight: 900;
    margin: 0;
    line-height: 0.8;
    color: #444;
    margin-top: -11px
}
.error-section h2 {
    color: #333;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 40px 0;
    text-transform: uppercase
}
.error-section .btn-normal {
    text-transform: uppercase
}
.breadcrumb-section {
    background-color: #ddd;
    padding: 30px 0
}
.breadcrumb-section .page-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.breadcrumb-section .page-title h2 {
    font-size: 16px;
    margin-bottom: 0
}
.breadcrumb-section .breadcrumb {
    background-color: transparent;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-transform: uppercase;
    font-size: 14px;
    color: #444;
    font-weight: 600;
    margin: 0;
    padding-right: 0
}
.breadcrumb-section .breadcrumb a {
    color: #444;
    font-weight: 600
}
.about-head {
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}
.about-head h2 {
    color: #00baf2;
    margin-bottom: 0
}
.about-page p {
    margin-bottom: -7px
}
.about-page .banner-section {
    border-radius: 5px;
    overflow: hidden
}
.about-page h4 {
    margin-bottom: 10px;
    margin-top: 30px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 1.3;
    color: #333
}
.about-page p {
    line-height: 1.8;
    letter-spacing: 0.03em;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.team {
    position: relative
}
.team img {
    margin: 0 auto;
    padding: 0 10px
}
.team .slick-prev, .team .slick-next {
    position: absolute;
    top: -45px
}
.team .slick-prev:before, .team .slick-next:before {
    font: normal normal normal 30px/1 FontAwesome;
    color: #444;
    opacity: 0.6
}
.team .slick-prev {
    left: unset;
    right: 20px
}
.team .slick-prev:before {
    content: "\f104"
}
.team .slick-next {
    right: 0
}
.team .slick-next:before {
    content: "\f105"
}
.team h2 {
    color: #333;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px
}
.team h4, .team h6 {
    text-align: center
}
.team h4 {
    color: #00baf2;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 5px
}
.team h6 {
    margin-bottom: 0;
    color: #444
}
.collection-filter>div:nth-child(n+2) {
    margin-top: 30px
}
.category-6 .col-xl-2 {
    padding-left: 10px;
    padding-right: 10px
}
.category-6 .col-xl-2 .product .product-box .product-detail .icon-detail button {
    padding: 10px
}
.category-6 .col-xl-2 .product .product-box .product-detail .icon-detail a i {
    padding: 10px
}
.collection-filter-block .product-service .media {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eaeaea
}
.collection-filter-block .product-service .media svg {
    height: 40px;
    width: 40px
}
.collection-filter-block .product-service .media svg path {
    fill: #00baf2
}
.collection-filter-block .product-service .media .media-body {
    padding-left: 10px
}
.collection-filter-block .product-service .media .media-body h4 {
    margin-bottom: 5px;
    text-transform: capitalize;
    color: #333;
    letter-spacing: 0.05em
}
.collection-filter-block .product-service .media .media-body p {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)))
}
.collection-filter-block .product-service .media:last-child {
    padding-bottom: 0
}
.collection-collapse-block .collapse-block-title {
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1
}
.collection-collapse-block .collapse-block-title:after {
    position: absolute;
    display: block;
    top: 0;
    right: -3px;
    content: "\f0d7";
    font-family: FontAwesome;
    color: #333
}
.collection-collapse-block .collection-collapse-block-content .color-selector {
    margin-top: 30px
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 18px
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li a {
    color: #777;
    padding-bottom: 10px
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li:last-child a {
    padding-bottom: 0
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li:first-child {
    margin-top: 30px
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox {
    margin-bottom: 12px
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox:first-child {
    margin-top: 20px
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox:last-child {
    margin-bottom: -5px
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label {
    text-transform: uppercase;
    cursor: pointer;
    color: #777;
    font-weight: 600;
    letter-spacing: 0.5px
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label:before {
    top: 1px;
    height: 15px;
    width: 15px;
    background: #fff;
    border: 1px solid #ddd
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label:after {
    top: 1px;
    height: 15px;
    width: 15px;
    background-size: 65%
}
.collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>")
}
.color-selector ul li {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid #ddd
}
.color-selector ul .color-1 {
    background-color: white
}
.color-selector ul .color-2 {
    background-color: grey
}
.color-selector ul .color-3 {
    background-color: red
}
.color-selector ul .color-4 {
    background-color: purple
}
.color-selector ul .color-5 {
    background-color: blue
}
.color-selector ul .color-6 {
    background-color: yellow
}
.color-selector ul .color-7 {
    background-color: green
}
.color-selector ul li.active {
    border: 1px solid #ddd;
    position: relative
}
.color-selector ul li.active:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>");
    top: 10px;
    right: 4px;
    height: 15px;
    width: 15px;
    background-size: 70%;
    background-repeat: no-repeat;
    position: absolute
}
.collection-sidebar-banner {
    margin-top: 30px
}
.collection-sidebar-banner img {
    width: 100%
}
.top-banner-wrapper .top-banner-content h4 {
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    text-transform: capitalize
}
.top-banner-wrapper .top-banner-content h5 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 10px
}
.top-banner-wrapper .top-banner-content p {
    line-height: 1.5;
    color: #777;
    margin-bottom: 0;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.product-wrapper-grid.list-view .product-wrap .product-info {
    text-align: left;
    -ms-flex-item-align: center;
    align-self: center;
    padding-left: 15px
}
.product-wrapper-grid.list-view .product .product-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0;
    background-color: #fff
}
.product-wrapper-grid.list-view .product .product-box .product-imgbox, .product-wrapper-grid.list-view .product .product-box .img-block {
    width: 25%
}
.product-wrapper-grid.list-view .product .product-box .product-detail {
    padding-left: 15px;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: left !important
}
.product-wrapper-grid.list-view .product .product-box .product-detail.detail-center {
    padding: 0;
    padding-left: 25px;
    background-color: transparent;
    overflow: unset
}
.product-wrapper-grid.list-view .product .product-box .product-detail .rating-star {
    margin-top: 0;
    margin-bottom: 10px
}
.product-wrapper-grid.list-view .product .product-box .product-detail p {
    display: block !important;
    margin-bottom: 10px;
    line-height: 18px
}
.product-wrapper-grid.list-view .product .product-box .product-detail .color-variant {
    padding-top: 10px
}
.product-wrapper-grid.list-view .product .product-box .product-detail h6 {
    font-weight: 700;
    margin-bottom: 10px
}
.product-wrapper-grid.list-view .product .product-box .product-detail .detail-title {
    opacity: 1;
    padding-top: 0;
    background-color: transparent
}
.product-wrapper-grid.list-view .product .product-box .product-detail .icon-detail {
    position: unset;
    padding-top: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
.product-wrapper-grid.list-view .product .product-box .product-detail .icon-detail button {
    -webkit-animation: none;
    animation: none;
    padding: 10px
}
.product-wrapper-grid.list-view .product .product-box .product-detail .icon-detail button i {
    font-size: 14px
}
.product-wrapper-grid.list-view .product .product-box .product-detail .icon-detail a i {
    font-size: 12px;
    padding: 10px
}
.product-wrapper-grid.list-view .product .product-box .product-detail .icon-detail a:nth-child(2) i {
    -webkit-animation: none;
    animation: none
}
.product-wrapper-grid.list-view .product .product-box .product-detail .icon-detail a:nth-child(3) i {
    -webkit-animation: none;
    animation: none
}
.product-wrapper-grid.list-view .product .product-box .product-detail .icon-detail a:nth-child(4) i {
    -webkit-animation: none;
    animation: none
}
.collection-product-wrapper .product-top-filter {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}
.collection-product-wrapper .product-top-filter .product-filter-content, .collection-product-wrapper .product-top-filter .popup-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.collection-product-wrapper .product-top-filter .product-filter-content .search-count, .collection-product-wrapper .product-top-filter .product-filter-content .sidebar-popup, .collection-product-wrapper .product-top-filter .popup-filter .search-count, .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup {
    border-right: 1px solid #ddd;
    padding: 20px;
    text-transform: capitalize;
    width: 35%;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.collection-product-wrapper .product-top-filter .product-filter-content .search-count h5, .collection-product-wrapper .product-top-filter .product-filter-content .sidebar-popup h5, .collection-product-wrapper .product-top-filter .popup-filter .search-count h5, .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup h5 {
    margin-bottom: 0;
    color: #333
}
.collection-product-wrapper .product-top-filter .product-filter-content .collection-view, .collection-product-wrapper .product-top-filter .popup-filter .collection-view {
    padding: 20px;
    width: 10%
}
.collection-product-wrapper .product-top-filter .product-filter-content .collection-view ul li, .collection-product-wrapper .product-top-filter .popup-filter .collection-view ul li {
    height: 100%;
    vertical-align: middle;
    cursor: pointer;
    color: #333
}
.collection-product-wrapper .product-top-filter .product-filter-content .collection-view ul li:first-child, .collection-product-wrapper .product-top-filter .popup-filter .collection-view ul li:first-child {
    margin-right: 14px
}
.collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view {
    padding: 20px;
    width: 20%;
    border-right: 1px solid #ddd
}
.collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul li {
    margin-left: 10px
}
.collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li img, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul li img {
    height: 18px;
    cursor: pointer
}
.collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter {
    position: relative;
    width: 20%
}
.collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select {
    border: 0;
    padding: 20px;
    border-right: 1px solid #ddd;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: url(../images/dropdown.png) no-repeat 95%;
    color: #333;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select:focus, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select:focus, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select:focus, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select:focus {
    outline: unset
}
.collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select option, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select option, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select option, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select option {
    padding: 20px 0
}
.collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter {
    width: 15%
}
.collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter:before, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before {
    right: 10px
}
.collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select {
    border-right: none
}
.collection-product-wrapper .product-top-filter .popup-filter {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset
}
.collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar {
    width: 3px
}
.collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar-track {
    background: #ddd
}
.collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar-thumb {
    background: #444
}
.collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar-thumb:hover {
    background: #444
}
.collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup {
    position: relative;
    cursor: pointer;
    width: 20%;
    background: url(../images/dropdown.png) no-repeat 95%
}
.collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup a {
    font-size: 16px;
    color: #333
}
.collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter {
    background-color: #8a8a8a;
    width: 270px;
    height: 600px;
    overflow-y: scroll
}
.collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .collection-filter-block {
    border: none
}
.collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .theme-card {
    padding: 0 30px
}
.collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .collection-sidebar-banner {
    padding: 0 30px
}
.collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .collection-sidebar-banner img {
    width: 100%
}
.collection-product-wrapper .product-top-filter .popup-filter .open-popup {
    display: none;
    position: absolute;
    z-index: 9;
    top: 75px;
    left: 0;
    min-width: 330px;
    border: 5px solid #f2f2f2
}
.collection-product-wrapper .product-top-filter .popup-filter .open-popup.open {
    display: block
}
.collection-product-wrapper .product-top-filter .popup-filter .open-popup .collection-filter-block {
    margin-bottom: 0
}
.collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter {
    width: 20%
}
.collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select {
    padding-right: 45px;
    font-size: 16px
}
.collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before {
    right: 35px
}
.collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view {
    padding: 20px
}
.collection-product-wrapper .product-top-filter .popup-filter .collection-view {
    width: 20%
}
.collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before {
    right: 25px !important
}
.collection-product-wrapper .product-wrapper-grid .product-box {
    margin-top: 30px;
    padding-right: 0
}
.collection-product-wrapper .product-wrapper-grid .product-box .product-detail {
    padding-top: 0
}
.collection-product-wrapper .product-wrapper-grid .product-box .product-detail p {
    display: none
}
.collection-product-wrapper .product-wrapper-grid .product-box .product-detail .detail-title .detail-left .price-title {
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
    padding-top: 5px
}
.collection-product-wrapper .product-wrapper-grid .product-five {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.collection-product-wrapper .product-wrapper-grid .col-lg-2 {
    padding-left: 10px;
    padding-right: 10px
}
.collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box {
    margin-top: 15px
}
.collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail h6 {
    font-size: 13px
}
.collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail h4 {
    font-size: 18px
}
.collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail .rating i {
    padding-right: 0
}
.collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail.detail-center .icon-detail button {
    padding: 10px
}
.collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail.detail-center .icon-detail a i {
    padding: 10px
}
.collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .img-wrapper .label-block .label3 {
    padding: 8px 4px;
    font-size: 12px
}
.filter-main-btn {
    display: none;
    margin-bottom: 20px;
    cursor: pointer
}
.filter-main-btn span {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    background-color: #00baf2;
    padding: 5px 20px;
    color: #fff;
    border-radius: 3px
}
.collection-mobile-back {
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    display: none
}
.collection-mobile-back span {
    text-transform: uppercase;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 0.05em
}
.collection-mobile-back span i {
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px
}
.product-pagination {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320)))
}
.product-pagination .pagination {
    border-radius: 0
}
.product-pagination .pagination .page-item {
    border-radius: 0
}
.product-pagination .pagination .page-item a {
    padding: 18px;
    border-bottom: 0;
    border-top: 0;
    color: #777;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.product-pagination .pagination .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.product-pagination .pagination .page-item.active a {
    color: #00baf2;
    background-color: #fff;
    border-color: #ddd
}
.product-pagination .product-search-count-bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding-right: 15px
}
.product-pagination .product-search-count-bottom h5 {
    color: #333;
    margin-bottom: 0;
    padding: 5px 0
}
.bundle {
    margin-top: 10px
}
.bundle .bundle_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.bundle .bundle_img .img-box img {
    max-width: 115px;
    border: 1px solid #ddd;
    padding: 2px
}
.bundle .bundle_img .plus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 7px;
    font-size: 22px
}
.bundle .bundle_detail {
    margin-top: 15px
}
.bundle .bundle_detail .price_product {
    color: #000;
    padding-left: 3px;
    font-weight: 700
}
.bundle .bundle_detail .btn-normal {
    padding: 13px 25px;
    text-transform: uppercase
}
.theme_checkbox label {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: capitalize;
    color: #333
}
.theme_checkbox label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}
.theme_checkbox label input:checked~.checkmark:after {
    display: block
}
.theme_checkbox label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ddd
}
.theme_checkbox label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.theme-card {
    position: relative;
    background-color: #fff
}
.theme-card.center-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.theme-card.center-align .offer-slider .product-box2 .media .media-body {
    margin-top: 0
}
.theme-card.card-border {
    border: 1px solid #ddd
}
.theme-card.card-border h5 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 0
}
.theme-card.card-border .slick-prev, .theme-card.card-border .slick-next {
    top: -40px
}
.theme-card.card-border .slick-next {
    right: 30px
}
.theme-card.card-border .slick-prev {
    right: 50px
}
.theme-card.card-border .offer-slider {
    padding-top: 0
}
.theme-card.card-border .offer-slider img {
    padding: 15px
}
.theme-card.card-border .offer-slider .media .media-body a h6 {
    margin-right: 0
}
.theme-card h5 {
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;
    color: #333;
    letter-spacing: 0.05em
}
.theme-card h5.title-border {
    border-bottom: 1px solid #ddd;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)))
}
.theme-card .slick-prev, .theme-card .slick-next {
    top: -28px
}
.theme-card .slick-prev:before, .theme-card .slick-next:before {
    font: normal normal normal 30px/1 FontAwesome;
    color: #333;
    opacity: 0.6
}
.theme-card .slick-next {
    right: 0
}
.theme-card .slick-next:before {
    content: "\f105"
}
.theme-card .slick-prev {
    left: unset;
    right: 25px
}
.theme-card .slick-prev:before {
    content: "\f104"
}
.theme-card .offer-slider img {
    height: 140px;
    padding: 15px 15px 0 0
}
.theme-card .offer-slider>div .media:last-child .media-body {
    margin-top: 15px
}
.theme-card .offer-slider>div .media:last-child img {
    margin-bottom: -15px
}
.theme-card .offer-slider .media .media-body .rating {
    margin-top: 0
}
.theme-card .offer-slider .media .media-body .rating i {
    padding-right: 3px
}
.theme-card .offer-slider .media .media-body .rating i:nth-child(-n+4) {
    color: #ffa800
}
.theme-card .offer-slider .media .media-body .rating i:last-child {
    color: #ddd
}
.theme-card .offer-slider .media .media-body a h6 {
    margin-right: 61px;
    margin-top: 5px;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 0;
    color: #777
}
.theme-card .offer-slider .media .media-body h4 {
    margin-top: 10px;
    font-weight: 700;
    color: #333;
    margin-bottom: 0
}
.related-pro1 .product-box {
    padding-right: 0
}
.addtocart_count {
    position: relative
}
.addtocart_count .product-box .product-detail {
    text-align: center
}
.addtocart_count .product-box .product-detail .detail-title .detail-right {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.addtocart_count .product-box .cart-info {
    bottom: 40px;
    right: 10px
}
.addtocart_count .product-box .cart-info a i {
    background-color: #e2e2e2;
    border-radius: 100%;
    margin: 10px 0;
    padding: 8px;
    font-size: 16px;
    color: #313131
}
.addtocart_count .product-box .add-button {
    background-color: #1c3481;
    color: #fff;
    text-align: center;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    width: 100%;
    padding: 5px 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: none;
    cursor: pointer
}
.addtocart_count .product-box:hover .cart-info a:nth-child(1) i {
    -webkit-animation: fadeInRight 300ms ease-in-out;
    animation: fadeInRight 300ms ease-in-out
}
.addtocart_count .product-box:hover .add-button {
    bottom: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.addtocart_count .addtocart_btn {
    position: relative
}
.addtocart_count .addtocart_btn .cart_qty {
    width: 100%
}
.addtocart_count .addtocart_btn .cart_qty.qty-box {
    position: absolute;
    bottom: 0;
    display: none
}
.addtocart_count .addtocart_btn .cart_qty.qty-box .input-group .form-control {
    width: 100%
}
.addtocart_count .addtocart_btn .cart_qty.qty-box .input-group .form-control:focus {
    border-color: #efefef;
    -webkit-box-shadow: none;
    box-shadow: none
}
.addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button {
    background: rgba(255, 168, 0, 0.45) !important;
    color: #fff;
    position: absolute;
    height: 100%;
    z-index: 9
}
.addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button.quantity-left-minus {
    left: 0
}
.addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button.quantity-right-plus {
    right: 0
}
.addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button i {
    color: #fff !important
}
.addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button i {
    color: #000
}
.addtocart_count .addtocart_btn .cart_qty.open {
    display: block
}
.category-side .collection-collapse-block .collapse-block-title {
    margin-top: 20px
}
.category-side .color-selector ul li {
    margin-bottom: 0
}
.metro-block .product-box .product-imgbox .product-detail {
    background-color: #fff;
    padding: 15px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.metro-block .product-box .product-imgbox .product-detail h6 {
    color: #444;
    text-transform: capitalize;
    font-size: 16px
}
.metro-block .product-box .product-imgbox .product-detail h4 {
    color: #333
}
.metro-block .product-box:hover .product-imgbox .product-detail {
    bottom: 15px
}
.center-product .theme-card {
    border: 1px solid #ddd;
    padding: 15px;
    margin-right: 15px
}
.center-product .theme-card .offer-slider .media .media-body a h6 {
    margin-right: 0
}
.collection .collection-block {
    text-align: center
}
.collection .collection-block img, .collection .collection-block .bg-size {
    margin-bottom: 20px
}
.collection .collection-block .collection-content {
    text-align: center
}
.collection .collection-block .collection-content h3 {
    margin-bottom: 10px;
    color: #333;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.05em;
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)))
}
.collection .collection-block .collection-content h4 {
    color: #444;
    margin-bottom: 10px;
    font-size: 16px
}
.collection .collection-block .collection-content p {
    line-height: 1.5;
    margin-bottom: 15px
}
.collection .collection-block .collection-content .btn-normal {
    padding: 10px 25px;
    text-transform: uppercase
}
.faq-section .accordion.theme-accordion .card {
    margin-top: 10px;
    border-radius: 0;
    overflow: hidden;
    border-bottom: 1px solid #bff0ff
}
.faq-section .accordion.theme-accordion .card :not(:first-of-type):not(:last-of-type), .faq-section .accordion.theme-accordion .card .theme-accordion .card:first-of-type {
    border-bottom: 1px solid #bff0ff
}
.faq-section .accordion.theme-accordion .card:first-child {
    margin-top: 0
}
.faq-section .accordion.theme-accordion .card .card-header {
    padding: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #f2fcff;
    border: 1px solid #f2fcff
}
.faq-section .accordion.theme-accordion .card .card-header button {
    color: #00baf2;
    text-align: left;
    font-size: 17px;
    padding: 18px;
    font-weight: 600;
    letter-spacing: 0.05em
}
.faq-section .accordion.theme-accordion .card .card-header button:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #777;
    right: 20px;
    top: 25px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.faq-section .accordion.theme-accordion .card .card-header button[aria-expanded="true"]:before {
    border-top: 0;
    border-bottom: 6px solid #777;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.faq-section .accordion.theme-accordion .card .card-header button:hover {
    text-decoration: none;
    color: #00baf2;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.faq-section .accordion.theme-accordion .card .card-body {
    padding: 15px 18px
}
.faq-section .accordion.theme-accordion .card .card-body p {
    margin-bottom: 0;
    font-size: 14px;
    color: #777;
    line-height: 1.8;
    letter-spacing: 0.06em
}
.pwd-page {
    text-align: center
}
.pwd-page h2 {
    margin-bottom: 25px;
    color: #333;
    margin-top: -5px
}
.pwd-page .theme-form input {
    border-color: #ddd;
    font-size: 15px;
    padding: 15px 25px;
    margin-bottom: 15px;
    height: inherit;
    text-align: center
}
.pwd-page .theme-form .btn-normal {
    margin: 0 auto
}
.pwd-page .btn-normal {
    text-transform: uppercase
}
.login-page h3 {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #333;
    font-weight: 700;
    margin-top: -5px;
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)))
}
.login-page .theme-card {
    padding: 30px;
    background-color: #fff
}
.login-page .theme-card .theme-form {
    padding: 30px;
    background-color: #f1f4f7
}
.login-page .theme-card .theme-form label {
    text-transform: capitalize;
    color: #333;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    line-height: 1
}
.login-page .theme-card .theme-form input {
    padding: 12px 25px;
    border-radius: 0
}
.login-page .theme-card .btn {
    text-transform: uppercase;
    padding: 14px 35px
}
.login-page .authentication-right {
    height: calc(100% - 48px)
}
.login-page .authentication-right h6 {
    text-transform: uppercase;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px
}
.login-page .authentication-right p {
    font-size: 14px;
    color: #777;
    line-height: 2;
    margin-bottom: 1rem
}
.search-block {
    padding: 0
}
.search-block .form-header .input-group input {
    border-radius: 0 5px 5px 0;
    padding: 15px 20px
}
.search-block .form-header .input-group i {
    padding-right: 10px
}
.search-block .form-header .input-group .btn {
    z-index: 0;
    text-transform: uppercase
}
.contact-page h3 {
    color: #333
}
.contact-page .map .theme-card {
    padding: 30px;
    background-color: #f1f4f7;
    border: 30px solid #fff
}
.contact-page .map iframe {
    width: 100%;
    height: 100%;
    border: none
}
.contact-page .contact-right {
    padding-top: 30px;
    padding-bottom: 30px
}
.contact-page .contact-right ul li {
    position: relative;
    padding-left: 150px;
    margin-top: 45px;
    display: block
}
.contact-page .contact-right ul li:first-child {
    margin-top: 0
}
.contact-page .contact-right ul li .contact-icon {
    position: absolute;
    left: 0;
    text-align: center;
    width: 130px;
    border-right: 1px solid #ddd
}
.contact-page .contact-right ul li .contact-icon i {
    font-size: 24px;
    color: #00baf2
}
.contact-page .contact-right ul li .contact-icon h6 {
    text-transform: uppercase;
    padding-top: 5px;
    font-weight: 600;
    color: #00baf2;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.contact-page .contact-right ul li p {
    margin-bottom: 0;
    line-height: 30px;
    color: #333;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.contact-page .theme-form {
    padding: 30px;
    background-color: #f1f4f7;
    border: 30px solid #fff
}
.contact-page .theme-form label {
    text-transform: capitalize;
    color: #333;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600
}
.contact-page .theme-form input {
    padding: 12px 25px;
    border-radius: 0;
    margin-bottom: 0
}
.contact-page .theme-form textarea {
    padding: 17px 25px;
    margin-bottom: 30px;
    height: inherit
}
.contact-page .form-control {
    border-radius: 0
}
.contact-page .btn {
    text-transform: uppercase
}
.qty-box .input-group {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.qty-box .input-group span button {
    background: #fff !important;
    border: 1px solid #ddd
}
.qty-box .input-group .form-control {
    text-align: center;
    width: 80px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}
.qty-box .input-group button {
    background-color: transparent;
    border: 0;
    color: #444;
    cursor: pointer;
    padding-left: 12px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1
}
.qty-box .input-group button i {
    font-weight: 900;
    color: #444
}
.qty-box .input-group .icon {
    padding-right: 0
}
.order-history .responsive-data {
    display: none
}
.order-history .responsive-data .price {
    margin-bottom: 2px
}
.order-history .dark-data {
    color: #333;
    font-weight: 600
}
.order-history .btn-normal {
    text-transform: uppercase;
    padding: 13px 25px
}
.cart-section .table tbody+tbody, .wishlist-section .table tbody+tbody {
    border-top: none
}
.cart-section .cart-buttons, .wishlist-section .cart-buttons {
    padding-top: 35px;
    text-transform: uppercase
}
.cart-section .cart-buttons>div:last-child, .wishlist-section .cart-buttons>div:last-child {
    text-align: right;
    padding-right: 59px
}
.cart-section .wishlist-buttons, .wishlist-section .wishlist-buttons {
    padding-top: 35px;
    text-align: right;
    text-transform: uppercase
}
.cart-section .wishlist-buttons:last-child a, .wishlist-section .wishlist-buttons:last-child a {
    margin-left: 15px
}
.cart-section .cart-table, .wishlist-section .cart-table {
    overflow: hidden;
    margin-bottom: 0
}
.cart-section .cart-table thead th, .wishlist-section .cart-table thead th {
    border-bottom-width: 1px;
    font-weight: 900;
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    border-top: 0;
    text-align: center;
    padding: 0 0.75rem 0.75rem 0.75rem;
    letter-spacing: 0.05em;
    line-height: 1
}
.cart-section tbody h2, .wishlist-section tbody h2 {
    margin-bottom: 0
}
.cart-section tbody tr td, .wishlist-section tbody tr td {
    min-width: 210px;
    vertical-align: middle;
    color: #444;
    border-top: 0;
    border-bottom: 1px solid #ddd;
    text-align: center
}
.cart-section tbody tr td a, .cart-section tbody tr td p, .wishlist-section tbody tr td a, .wishlist-section tbody tr td p {
    color: #777;
    font-weight: 400;
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    margin-bottom: 0
}
.cart-section tbody tr td a img, .cart-section tbody tr td p img, .wishlist-section tbody tr td a img, .wishlist-section tbody tr td p img {
    height: 90px
}
.cart-section tbody tr td .td-color, .wishlist-section tbody tr td .td-color {
    color: #00baf2
}
.cart-section tbody tr td h2, .wishlist-section tbody tr td h2 {
    font-size: 24px;
    color: #444;
    font-weight: 400
}
.cart-section tbody tr td .mobile-cart-content, .wishlist-section tbody tr td .mobile-cart-content {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px
}
.cart-section tbody tr td .mobile-cart-content .qty-box, .wishlist-section tbody tr td .mobile-cart-content .qty-box {
    border-radius: 5px
}
.cart-section tbody tr td .mobile-cart-content .qty-box .input-group .form-control, .wishlist-section tbody tr td .mobile-cart-content .qty-box .input-group .form-control {
    width: 48px;
    padding: 6px
}
.cart-section tbody tr td .mobile-cart-content .col-xs-3, .wishlist-section tbody tr td .mobile-cart-content .col-xs-3 {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 10px;
    margin-right: 10px
}
.cart-section tbody tr td .mobile-cart-content h2, .wishlist-section tbody tr td .mobile-cart-content h2 {
    font-size: 20px
}
.cart-section tfoot tr th, .wishlist-section tfoot tr th {
    padding-top: 35px;
    text-align: right
}
.cart-section tfoot tr td, .wishlist-section tfoot tr td {
    padding-top: 35px;
    padding-bottom: 0;
    text-align: right;
    border: none;
    padding-right: 63px
}
.cart-section tfoot tr td h2, .wishlist-section tfoot tr td h2 {
    font-size: 24px;
    margin-bottom: 0
}
.cart-section tfoot tr td:first-child, .wishlist-section tfoot tr td:first-child {
    width: 85%;
    font-size: 15px;
    padding-right: 10px;
    text-transform: capitalize;
    font-weight: 700
}
.blog-detail-page .blog-detail p:last-child {
    margin-bottom: 0
}
.blog-detail-page .blog-detail img {
    margin-bottom: 30px
}
.blog-detail-page .blog-detail h3 {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)))
}
.blog-detail-page .blog-detail p {
    color: #777;
    line-height: 1.8;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.blog-detail-page .blog-detail .post-social {
    color: #444;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px
}
.blog-detail-page .blog-detail .post-social li {
    letter-spacing: 0.05em
}
.blog-detail-page .blog-detail .post-social li+li {
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid #ddd;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.blog-detail-page .blog-advance>div:last-child p:last-child {
    margin-bottom: 0
}
.blog-detail-page .blog-advance img {
    margin-bottom: 15px
}
.blog-detail-page .blog-advance ul {
    list-style-type: decimal;
    list-style-position: inside
}
.blog-detail-page .blog-advance ul li {
    display: list-item;
    font-weight: 700;
    color: #333;
    letter-spacing: 0.05em;
    font-size: 15px;
    margin-bottom: 11px
}
.blog-detail-page .blog-advance ul li:last-child {
    margin-bottom: 0
}
.blog-detail-page .blog-advance p {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5
}
.blog-detail-page .blog-contact h2 {
    margin-bottom: 30px;
    margin-top: -5px;
    color: #333
}
.blog-detail-page .blog-contact .theme-form label {
    text-transform: capitalize;
    color: #333;
    font-size: 16px;
    font-weight: 700
}
.blog-detail-page .blog-contact .theme-form input, .blog-detail-page .blog-contact .theme-form textarea {
    border-color: #ddd;
    font-size: 14px;
    padding: 17px 25px;
    margin-bottom: 30px;
    letter-spacing: 0.05em
}
.blog-detail-page .blog-contact .theme-form .btn {
    text-transform: uppercase
}
.blog-detail-page .comment-section {
    border-bottom: 1px solid #ddd
}
.blog-detail-page .comment-section li {
    padding-top: 35px;
    padding-bottom: 35px;
    border-top: 1px solid #ddd
}
.blog-detail-page .comment-section li img {
    height: 65px;
    width: 65px;
    margin-right: 20px;
    border-radius: 100%
}
.blog-detail-page .comment-section li h6 {
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px
}
.blog-detail-page .comment-section li h6 span {
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    color: #444;
    margin-left: 20px
}
.blog-detail-page .comment-section li p {
    line-height: 1.8;
    margin-bottom: 0
}
.creative-card {
    padding: 30px;
    background-color: #fff
}
.creative-card.creative-inner {
    border-width: 15px
}
.review-box {
    -webkit-box-shadow: 0 11px 35px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 11px 35px 2px rgba(0, 0, 0, 0.1);
    padding: 30px;
    text-align: center;
    border-radius: 5px;
    background-color: #fff
}
.review-box .rating-star li i {
    color: #ffa800
}
.review-box img {
    height: 60px;
    border-radius: 50%
}
.review-box h5 {
    color: #00baf2;
    font-weight: 600;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    margin-top: 15px
}
.review-box p {
    line-height: 1.2;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #444;
    letter-spacing: 0.05rem
}
.review-box h6 {
    text-transform: capitalize;
    margin-top: 5px
}
.review-block>div:nth-child(n+4) {
    margin-top: 20px
}
.search-product>div:nth-child(n+5) {
    margin-top: 30px
}
.blog-page .order-sec {
    padding-left: 30px
}
.blog-page .blog-sidebar h6 {
    margin-bottom: 0;
    line-height: 20px;
    color: #333;
    font-weight: 700;
    letter-spacing: 0.05em
}
.blog-page .blog-sidebar p {
    line-height: 20px;
    margin-bottom: 0;
    color: #777
}
.blog-page .blog-sidebar h4 {
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 20px;
    letter-spacing: 1px
}
.blog-page .blog-sidebar .theme-card {
    padding: 30px;
    background-color: #fff
}
.blog-page .blog-sidebar .theme-card .recent-blog li .media img {
    width: 100px;
    margin-right: 10px
}
.blog-page .blog-sidebar .theme-card .recent-blog li+li {
    margin-top: 30px
}
.blog-page .blog-sidebar .theme-card .popular-blog li .blog-date {
    background-color: #00baf2;
    height: 70px;
    width: 70px;
    margin: 0 15px 0 0;
    padding: 15px
}
.blog-page .blog-sidebar .theme-card .popular-blog li .blog-date span {
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}
.blog-page .blog-sidebar .theme-card .popular-blog li+li {
    margin-top: 30px
}
.blog-page .blog-sidebar .theme-card .popular-blog li p {
    margin-top: 10px
}
.blog-page .blog-sidebar .theme-card+.theme-card {
    margin-top: 30px
}
.blog-page .blog-media {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 30px 15px
}
.blog-page .blog-media:last-child {
    margin-bottom: 0
}
.blog-page .blog-media .blog-left {
    overflow: hidden;
    position: relative
}
.blog-page .blog-media .blog-left img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.blog-page .blog-media .blog-left .date-label {
    background-color: #00baf2;
    color: #fff;
    font-weight: 700;
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 10px 15px;
    line-height: 1
}
.blog-page .blog-media .blog-right {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.blog-page .blog-media .blog-right h6 {
    color: #00baf2;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: 0.05em
}
.blog-page .blog-media .blog-right h4 {
    color: #333;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 15px;
    text-transform: capitalize;
    letter-spacing: 0.05em;
    font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.blog-page .blog-media .blog-right p {
    line-height: 1.8;
    margin-bottom: 0;
    letter-spacing: 0.05em;
    color: #777
}
.blog-page .blog-media .blog-right ul {
    color: #444;
    margin-bottom: 15px
}
.blog-page .blog-media .blog-right ul li {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.05em
}
.blog-page .blog-media .blog-right ul li i {
    padding-right: 3px
}
.blog-page .blog-media .blog-right ul li+li {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #ddd
}
.blog-page .blog-media:hover .blog-left img {
    -webkit-transform: translateX(20px) scale(1.1);
    transform: translateX(20px) scale(1.1)
}
.product-slick img, .rtl-product-slick img, .product-right-slick img, .rtl-product-right-slick img {
    width: 100%
}
.product-slick .slick-prev, .product-slick .slick-next, .rtl-product-slick .slick-prev, .rtl-product-slick .slick-next, .product-right-slick .slick-prev, .product-right-slick .slick-next, .rtl-product-right-slick .slick-prev, .rtl-product-right-slick .slick-next {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: -10px
}
.product-slick .slick-prev:before, .product-slick .slick-next:before, .rtl-product-slick .slick-prev:before, .rtl-product-slick .slick-next:before, .product-right-slick .slick-prev:before, .product-right-slick .slick-next:before, .rtl-product-right-slick .slick-prev:before, .rtl-product-right-slick .slick-next:before {
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 1;
    color: black;
    background-color: white;
    border-radius: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.product-slick .slick-next, .rtl-product-slick .slick-next, .product-right-slick .slick-next, .rtl-product-right-slick .slick-next {
    right: 1px
}
.product-slick .slick-next:before, .rtl-product-slick .slick-next:before, .product-right-slick .slick-next:before, .rtl-product-right-slick .slick-next:before {
    content: "\f105"
}
.product-slick .slick-prev, .rtl-product-slick .slick-prev, .product-right-slick .slick-prev, .rtl-product-right-slick .slick-prev {
    left: 1px;
    z-index: 1
}
.product-slick .slick-prev:before, .rtl-product-slick .slick-prev:before, .product-right-slick .slick-prev:before, .rtl-product-right-slick .slick-prev:before {
    content: "\f104"
}
.product-slick .slick-slide>div, .rtl-product-slick .slick-slide>div, .product-right-slick .slick-slide>div, .rtl-product-right-slick .slick-slide>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}
.product-slick:hover .slick-prev, .product-slick:hover .slick-next, .rtl-product-slick:hover .slick-prev, .rtl-product-slick:hover .slick-next, .product-right-slick:hover .slick-prev, .product-right-slick:hover .slick-next, .rtl-product-right-slick:hover .slick-prev, .rtl-product-right-slick:hover .slick-next {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.product-slick:hover .slick-prev:before, .product-slick:hover .slick-next:before, .rtl-product-slick:hover .slick-prev:before, .rtl-product-slick:hover .slick-next:before, .product-right-slick:hover .slick-prev:before, .product-right-slick:hover .slick-next:before, .rtl-product-right-slick:hover .slick-prev:before, .rtl-product-right-slick:hover .slick-next:before {
    opacity: 1
}
.product-slick:hover .slick-next, .rtl-product-slick:hover .slick-next, .product-right-slick:hover .slick-next, .rtl-product-right-slick:hover .slick-next {
    right: 20px
}
.product-slick:hover .slick-prev, .rtl-product-slick:hover .slick-prev, .product-right-slick:hover .slick-prev, .rtl-product-right-slick:hover .slick-prev {
    left: 20px
}
.slider-nav .slick-slide>div, .rtl-slider-nav .slick-slide>div, .slider-right-nav .slick-slide>div, .rtl-slider-right-nav .slick-slide>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 15px 0 15px;
    border: 1px solid #f1f5f8;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.slider-nav .slick-slide.slick-current>div, .rtl-slider-nav .slick-slide.slick-current>div, .slider-right-nav .slick-slide.slick-current>div, .rtl-slider-right-nav .slick-slide.slick-current>div {
    border-color: #00baf2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.slider-nav .slick-slide.slick-active, .rtl-slider-nav .slick-slide.slick-active, .slider-right-nav .slick-slide.slick-active, .rtl-slider-right-nav .slick-slide.slick-active {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.slider-right-nav .slick-slide:first-child>div, .rtl-slider-right-nav .slick-slide:first-child>div {
    margin-top: 0
}
.pro_sticky_info {
    padding: 20px
}
.is_stuck {
    margin-top: 80px
}
.image-scroll div>div {
    padding-bottom: 20px
}
.image-scroll div>div:last-child {
    padding: 0
}
.product-right p {
    margin-bottom: 0;
    line-height: 1.5em;
    margin-top: 5px;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.product-right .product-title {
    color: #333;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 0;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)))
}
.product-right .border-product {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ddd
}
.product-right h2 {
    margin-bottom: 15px;
    font-size: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2em;
    color: #333;
    letter-spacing: 1px
}
.product-right h3 {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: #333;
    margin-bottom: 15px
}
.product-right h4 {
    font-size: 16px;
    margin-bottom: 7px
}
.product-right h4 del {
    color: #333
}
.product-right h4 span {
    padding-left: 5px;
    color: #00baf2
}
.product-right .color-variant {
    margin-bottom: 10px
}
.product-right .color-variant li {
    height: 30px;
    width: 30px;
    cursor: pointer
}
.product-right .product-buttons {
    margin-bottom: 20px;
    text-transform: uppercase
}
.product-right .product-buttons a {
    padding: 13px 30px
}
.product-right .product-buttons a:last-child {
    margin-left: 10px
}
.product-right .product-description h6 span {
    float: right
}
.product-right .product-description h6 span a {
    color: #00baf2;
    letter-spacing: 0.05em
}
.product-right .product-description .qty-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}
.product-right .product-description .qty-box .input-group {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    width: unset
}
.product-right .product-description .qty-box .input-group .form-control {
    border-right: none
}
.product-right .size-box {
    margin-top: 10px;
    margin-bottom: 10px
}
.product-right .size-box ul li {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #ddd;
    text-align: center
}
.product-right .size-box ul li a {
    color: #444;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}
.product-right .size-box ul li.active {
    background-color: #ddd
}
.product-right .product-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.product-right .product-icon .product-social {
    margin-top: 5px
}
.product-right .product-icon .product-social li {
    padding-right: 30px
}
.product-right .product-icon .product-social li a {
    color: #333;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.product-right .product-icon .product-social li a i {
    font-size: 16px
}
.product-right .product-icon .product-social li a:hover {
    color: #00baf2
}
.product-right .product-icon .product-social li:last-child {
    padding-right: 0
}
.product-right .product-icon .wishlist-btn {
    background-color: transparent;
    border: none
}
.product-right .product-icon .wishlist-btn i {
    border-left: 1px solid #ddd;
    font-size: 16px;
    padding-left: 20px;
    margin-left: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.product-right .product-icon .wishlist-btn span {
    padding-left: 10px;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: #333
}
.product-right .product-icon .wishlist-btn:hover i {
    color: #00baf2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.product-right .payment-card-bottom {
    margin-top: 10px
}
.product-right .payment-card-bottom ul li {
    padding-right: 10px
}
.product-right .timer {
    margin-top: 10px
}
.product-right .timer p {
    color: #444
}
.product-right .timer p span {
    min-width: 70px;
    padding-top: 15px;
    padding-bottom: 15px
}
.product-right .timer p span .timer-cal {
    padding-top: 3px;
    padding-bottom: 0
}
.product-right.product-form-box {
    text-align: center;
    padding: 20px;
    background-color: #fff
}
.product-right.product-form-box .product-description .qty-box {
    margin-bottom: 5px
}
.product-right.product-form-box .product-description .qty-box .input-group {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}
.product-right.product-form-box .product-buttons {
    margin-bottom: 0
}
.product-right.product-form-box .product-buttons .btn-normal {
    padding: 12px 15px
}
.product-right.product-form-box .timer {
    margin-bottom: 10px
}
.product-side-tab {
    margin-top: 50px !important
}
.single-product-tables {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}
.single-product-tables table {
    width: 20%
}
.single-product-tables table tr {
    height: 35px
}
.single-product-tables table tr td {
    color: #333;
    letter-spacing: 0.05em
}
.single-product-tables table tr td:first-child {
    font-weight: 600
}
.single-product-tables.detail-section {
    margin-top: 0
}
.single-product-tables.detail-section table {
    width: 55%
}
.product-accordion .btn-link {
    color: #333;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 0.05em
}
.product-accordion .btn-link:hover {
    text-decoration: none
}
.product-accordion .card {
    border: none
}
.product-accordion .card-body {
    width: 100%;
    height: auto
}
.product-accordion .card-header {
    padding: 5px 8px;
    border-bottom: 1px solide #ddd
}
.product-related h2 {
    color: #444;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    margin-top: -4px;
    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)))
}
.rating {
    margin-top: 0
}
.rating i:nth-child(-n+4) {
    color: #ffa800
}
.rating i:last-child {
    color: #ddd
}
.rating .three-star {
    padding-bottom: 5px
}
.rating .three-star i {
    color: #acacac
}
.rating .three-star i:nth-child(-n+3) {
    color: #ffd200
}
.tab-border {
    border: 1px solid #ddd;
    margin: 0;
    padding: 8px 0
}
.tab-border .nav-border {
    border-bottom: 0;
    border-right: 1px solid #ddd
}
.vertical-tab.tab-product .nav-material.nav-tabs .nav-item .nav-link, .vertical-tab .product-full-tab .nav-material.nav-tabs .nav-item .nav-link {
    padding: 15px 20px
}
.tab-product, .product-full-tab {
    margin-top: 30px
}
.tab-product.tab-exes, .product-full-tab.tab-exes {
    margin-top: 50px
}
.tab-product .nav-material.nav-tabs, .product-full-tab .nav-material.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.tab-product .nav-material.nav-tabs .nav-item .nav-link, .product-full-tab .nav-material.nav-tabs .nav-item .nav-link {
    color: #333;
    text-align: center;
    padding: 0 15px 20px 15px;
    text-transform: uppercase;
    border: 0;
    background-color: transparent;
    font-weight: 700;
    letter-spacing: 0.05em
}
.tab-product .nav-material.nav-tabs .nav-item .material-border, .product-full-tab .nav-material.nav-tabs .nav-item .material-border {
    border-bottom: 2px solid #00baf2;
    opacity: 0
}
.tab-product .nav-material.nav-tabs .nav-link.active, .product-full-tab .nav-material.nav-tabs .nav-link.active {
    color: #00baf2
}
.tab-product .nav-material.nav-tabs .nav-link.active~.material-border, .product-full-tab .nav-material.nav-tabs .nav-link.active~.material-border {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1
}
.tab-product .theme-form input, .product-full-tab .theme-form input {
    border-color: #ddd;
    font-size: 15px;
    padding: 15px 25px;
    margin-bottom: 15px;
    height: inherit;
    text-align: left
}
.tab-product .theme-form .btn-solid, .tab-product .theme-form .btn-outline, .product-full-tab .theme-form .btn-solid, .product-full-tab .theme-form .btn-outline {
    margin: 0 auto
}
.tab-product .theme-form textarea, .product-full-tab .theme-form textarea {
    border-color: #ddd;
    font-size: 15px;
    padding: 17px 25px;
    margin-bottom: 15px;
    height: inherit
}
.tab-product .tab-content.nav-material p, .product-full-tab .tab-content.nav-material p {
    padding: 20px 20px 0 20px;
    margin-bottom: -8px;
    line-height: 2;
    letter-spacing: 0.05em
}
.tab-product .tab-content.nav-material .media, .product-full-tab .tab-content.nav-material .media {
    margin-top: 20px
}
.tab-product .title, .product-full-tab .title {
    padding-right: 45px;
    color: #00baf2;
    padding-bottom: 20px
}
.tab-product .theme-slider .slick-arrow, .product-full-tab .theme-slider .slick-arrow {
    top: -45px;
    height: auto
}
.tab-product .theme-slider .slick-arrow :before, .product-full-tab .theme-slider .slick-arrow :before {
    color: #000;
    font-size: 18px
}
.tab-product .product-box, .product-full-tab .product-box {
    position: relative;
    margin: 5px
}
.tab-product .product-box:hover, .product-full-tab .product-box:hover {
    -webkit-box-shadow: 0 0 12px 0 #ddd;
    box-shadow: 0 0 12px 0 #ddd
}
.tab-product .product-box:hover .lbl-1, .product-full-tab .product-box:hover .lbl-1 {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.tab-product .product-box:hover .lbl-2, .product-full-tab .product-box:hover .lbl-2 {
    opacity: 1;
    -webkit-animation: flipInY 1000ms ease-in-out;
    animation: flipInY 1000ms ease-in-out
}
.tab-product .product-box:hover .color-variant li, .product-full-tab .product-box:hover .color-variant li {
    opacity: 1 !important;
    -webkit-animation: fadeInUp 500ms ease-in-out;
    animation: fadeInUp 500ms ease-in-out
}
.tab-product .product-box .img-block, .product-full-tab .product-box .img-block {
    min-height: unset
}
.tab-product .product-box .cart-info, .product-full-tab .product-box .cart-info {
    position: absolute;
    padding: 10px 0;
    top: 25%;
    right: 15px;
    width: 40px;
    margin-right: 0
}
.tab-product .product-box .cart-info i, .product-full-tab .product-box .cart-info i {
    padding-right: 0
}
.tab-product .product-box .cart-info a, .tab-product .product-box .cart-info button, .product-full-tab .product-box .cart-info a, .product-full-tab .product-box .cart-info button {
    color: #333;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
    height: 35px;
    width: 35px;
    margin: 7px 0;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    -webkit-box-shadow: 0 0 12px 0 #ddd;
    box-shadow: 0 0 12px 0 #ddd
}
.tab-product .product-box .cart-info a :hover, .tab-product .product-box .cart-info button :hover, .product-full-tab .product-box .cart-info a :hover, .product-full-tab .product-box .cart-info button :hover {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #00baf2
}
.tab-product .product-box .lbl-1, .product-full-tab .product-box .lbl-1 {
    background-color: #00baf2;
    padding: 2px 20px 2px 10px;
    display: inline-block;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 14px;
    line-height: 1.5;
    opacity: 0
}
.tab-product .product-box .lbl-1:before, .product-full-tab .product-box .lbl-1:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 12px solid #00baf2;
    border-bottom: 13px solid #00baf2;
    border-right: 7px solid #fff
}
.tab-product .product-box .lbl-2, .product-full-tab .product-box .lbl-2 {
    font-size: 14px;
    top: 15px;
    position: absolute;
    right: 10px;
    color: #333;
    font-weight: 600;
    text-transform: capitalize;
    opacity: 0
}
.tab-product .product-box a, .product-full-tab .product-box a {
    color: #0072bb;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px
}
.tab-product .product-box .color-variant, .product-full-tab .product-box .color-variant {
    position: absolute;
    top: -35px;
    width: 100%
}
.tab-product .product-box .slick-slide img, .product-full-tab .product-box .slick-slide img {
    display: block
}
.tab-product .product-box .product-details, .product-full-tab .product-box .product-details {
    position: relative
}
.tab-product .product-box .product-details .color-variant, .product-full-tab .product-box .product-details .color-variant {
    position: absolute;
    top: -35px;
    width: 100%
}
.tab-product .product-box .product-details .color-variant li, .product-full-tab .product-box .product-details .color-variant li {
    opacity: 0;
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 0 3px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer
}
.tab-product .product-box .product-details h6, .product-full-tab .product-box .product-details h6 {
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize
}
.tab-product .product-box .product-details .price, .product-full-tab .product-box .product-details .price {
    padding-bottom: 10px;
    font-size: 16px;
    color: #00baf2
}
.product-full-tab {
    padding-top: 70px
}
.product-load-more .col-grid-box {
    display: none
}
.load-more-sec {
    margin-top: 40px;
    text-align: center
}
.load-more-sec a {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 100%;
    color: #00baf2
}
.product_image_4>div:nth-last-child(-n+2) {
    margin-top: 25px
}
.quick-view {
    width: 100%;
    max-width: 1080px;
    max-height: 600px;
    position: relative
}
.checkout-page .checkout-title {
    margin-bottom: 25px
}
.checkout-page .checkout-title h3 {
    color: #333;
    font-weight: 700;
    font-size: 24px
}
.checkout-page .checkout-form .check-out .form-group:last-child {
    margin-bottom: -5px
}
.checkout-page .checkout-form .check-out .form-group:last-child label {
    margin-bottom: -5px
}
.checkout-page .checkout-form .form-group {
    position: relative;
    margin-bottom: 25px
}
.checkout-page .checkout-form .form-group h3 {
    color: #444;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 30px
}
.checkout-page .checkout-form .form-group .field-label {
    line-height: 24px;
    text-transform: capitalize;
    color: #333;
    margin-bottom: 10px;
    font-weight: 700
}
.checkout-page .checkout-form .form-group .field-label span {
    font-size: 16px;
    color: #444;
    font-weight: 600
}
.checkout-page .checkout-form .form-group label {
    color: #333
}
.checkout-page .checkout-form select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/dropdown.png) no-repeat 95%
}
.checkout-page .checkout-form input[type="text"], .checkout-page .checkout-form input[type="email"], .checkout-page .checkout-form input[type="password"], .checkout-page .checkout-form input[type="tel"], .checkout-page .checkout-form input[type="number"], .checkout-page .checkout-form input[type="url"] {
    width: 100%;
    padding: 0 22px;
    height: 45px;
    border: 1px solid #ddd
}
.checkout-page .checkout-form select, .checkout-page .checkout-form textarea {
    width: 100%;
    padding: 0 22px;
    height: 45px;
    background: #fff;
    border: 1px solid #ddd
}
.checkout-page .check-box {
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    padding-top: 5px
}
.checkout-page .check-box label {
    position: relative;
    top: -1px;
    font-weight: normal;
    padding: 0;
    font-size: 16px;
    cursor: pointer;
    color: #333
}
.checkout-page .lower-content {
    margin-top: 30px
}
.checkout-page .lower-content .order-column {
    margin-bottom: 40px
}
.order-box {
    position: relative;
    margin-bottom: 50px
}
.order-box .title-box {
    position: relative;
    padding-bottom: 25px;
    color: #444;
    font-weight: 600;
    font-size: 22px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}
.order-box .title-box span {
    position: relative;
    width: 35%;
    float: right;
    line-height: 1.2em
}
.order-box .qty {
    position: relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px
}
.order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    color: #444;
    line-height: 20px;
    margin-bottom: 20px
}
.order-box .qty li span {
    float: right;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    font-weight: 400;
    width: 35%
}
.order-box .sub-total {
    position: relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px
}
.order-box .sub-total li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 20px;
    margin-bottom: 20px;
    width: 100%
}
.order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #00baf2;
    font-weight: 400;
    width: 35%;
    float: right
}
.order-box .sub-total .shopping-option label {
    position: relative;
    font-size: 16px;
    line-height: 32px;
    padding-left: 10px;
    color: #444
}
.order-box .sub-total .shipping {
    width: 35%;
    float: right
}
.order-box .total {
    position: relative;
    margin-bottom: 40px
}
.order-box .total li {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 18px
}
.order-box .total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #00baf2;
    font-weight: 400
}
.order-box .total li span {
    float: right;
    font-size: 15px;
    line-height: 20px;
    color: #444;
    font-weight: 400;
    width: 35%;
    display: block
}
.payment-box {
    position: relative
}
.payment-box .upper-box {
    position: relative
}
.payment-box .btn-normal {
    text-transform: uppercase
}
.payment-box .payment-options {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px
}
.payment-box .payment-options li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}
.payment-box .payment-options li .radio-option {
    position: relative
}
.payment-box .payment-options li .radio-option label {
    position: relative;
    padding-left: 30px;
    text-transform: capitalize;
    color: #444;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0
}
.payment-box .payment-options li .radio-option input[type="radio"] {
    position: absolute;
    left: 0;
    top: 5px
}
.payment-box .payment-options li .radio-option label .small-text {
    position: relative;
    display: none;
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    color: #666666;
    margin-top: 10px
}
.payment-box .payment-options li .radio-option label img {
    position: relative;
    display: block;
    max-width: 100%;
    margin-left: -30px;
    margin-top: 5px
}
.dashboard-left {
    background-color: #fff
}
.dashboard-left .block-title h2 {
    font-size: 24px;
    padding-bottom: 20px
}
.dashboard-left .block-content {
    padding: 15px
}
.dashboard-left .block-content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.dashboard-left .block-content ul li.active {
    color: #00baf2
}
.dashboard-left .block-content ul li.active a {
    color: #00baf2
}
.dashboard-left .block-content ul li:before {
    content: '\f105';
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 30px;
    height: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 3px
}
.dashboard-left .block-content ul li a {
    color: #333;
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.dashboard-left .block-content ul li:hover {
    padding-left: 10px;
    color: #00baf2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.dashboard-left .block-content ul li:hover a {
    color: #00baf2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.padding-cls {
    padding-left: 50px;
    padding-right: 50px
}
.dashboard-right {
    background-color: #fff
}
.dashboard-right p {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 20px
}
.dashboard-right .dashboard {
    padding: 30px
}
.dashboard-right .dashboard .page-title h2 {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 15px;
    color: #333;
    line-height: 1
}
.dashboard-right .dashboard .welcome-msg p {
    margin-bottom: 0;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.6
}
.dashboard .box-head h2 {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
    margin: 20px 0 0;
    text-transform: capitalize;
    color: #333
}
.dashboard .box a {
    color: #00baf2;
    font-weight: 700
}
.dashboard .box h6 {
    margin-bottom: 0;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.dashboard .box .box-title {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    margin-bottom: 5px;
    padding: 12px 0;
    position: relative;
    width: 100%
}
.dashboard .box .box-title h3 {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin: 0;
    text-transform: capitalize;
    color: #333;
    letter-spacing: 0.05em
}
.dashboard .box .box-title>a {
    position: absolute;
    right: 0;
    top: 12px;
    color: #00baf2;
    font-weight: 700;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.dashboard .box address {
    margin-bottom: 0;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.box-content h6 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.8 !important;
    margin-bottom: 0
}
.box-content a {
    color: #00baf2;
    font-weight: 700;
    letter-spacing: 0.05em
}
.account-sidebar {
    display: none;
    cursor: pointer;
    background-color: #00baf2;
    color: #fff;
    width: 30%;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 5px
}
.success-text {
    text-align: center
}
.success-text i {
    font-size: 50px;
    color: #4ead4e
}
.success-text h2 {
    text-transform: uppercase;
    font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
    color: #333;
    font-weight: 700
}
.success-text p {
    text-transform: capitalize;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.success-text.order-fail i {
    color: #00baf2
}
.order-success-sec h4 {
    font-weight: 700;
    text-transform: capitalize;
    color: #333;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1;
    margin-bottom: 10px
}
.order-success-sec .order-detail li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: capitalize;
    font-size: 16px
}
.order-success-sec .payment-mode p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0
}
.delivery-sec {
    padding: 30px;
    text-align: center;
    margin-top: 20px;
    background-color: #eee
}
.delivery-sec h2, .delivery-sec h3 {
    color: #000;
    text-transform: capitalize
}
.delivery-sec h2 {
    font-weight: 600;
    font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)))
}
.delivery-sec h3 {
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500
}
.product-order h3 {
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1
}
.product-order .product-order-detail {
    margin-top: 15px
}
.product-order .product-order-detail img {
    height: 130px
}
.product-order .product-order-detail .order_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.product-order .product-order-detail .order_detail h4 {
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: 700;
    color: #333
}
.product-order .product-order-detail .order_detail h5 {
    text-transform: capitalize;
    margin-bottom: 0;
    font-weight: 500
}
.product-order .total-sec {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 15px 0;
    padding: 15px 0
}
.product-order .total-sec ul li {
    font-size: 18px;
    display: block;
    text-transform: capitalize;
    color: #333
}
.product-order .total-sec ul li span {
    float: right
}
.product-order .final-total h3 {
    display: block;
    margin-bottom: 0;
    font-size: 24px
}
.product-order .final-total h3 span {
    float: right
}
.compare-section .compare-part {
    position: relative
}
.compare-section .compare-part .close-btn {
    background-color: transparent;
    border: none;
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 0
}
.compare-section .compare-part .img-secton {
    padding: 25px 15px 15px
}
.compare-section .compare-part .img-secton img, .compare-section .compare-part .img-secton .bg-size {
    width: 50%;
    margin: 0 auto
}
.compare-section .compare-part .img-secton a h5 {
    margin-bottom: 0;
    text-transform: capitalize;
    margin-top: 10px;
    color: #333;
    font-weight: 600
}
.compare-section .compare-part .img-secton h5 {
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 400
}
.compare-section .compare-part .detail-part .title-detail {
    background-color: #f7f8fa;
    text-align: center;
    padding: 8px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.compare-section .compare-part .detail-part .title-detail h5 {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 0.05em
}
.compare-section .compare-part .detail-part .inner-detail {
    padding: 15px
}
.compare-section .compare-part .detail-part .inner-detail p {
    margin-bottom: 0;
    line-height: 1.2;
    letter-spacing: 0.05em
}
.compare-section .compare-part .btn-part {
    text-align: center;
    padding: 15px;
    border-top: 1px solid #ddd
}
.compare-section .compare-part .btn-part .btn-normal {
    padding: 13px 25px;
    text-transform: uppercase
}
.compare-section .slick-slide>div {
    border: 1px solid #ddd;
    border-left: none
}
.compare-section .slick-slide:first-child {
    border-left: 1px solid #ddd
}
.compare-padding {
    padding-bottom: 50px
}
.compare-padding h2 {
    margin-bottom: 20px
}
.compare-label {
    position: absolute;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 20px;
    left: 16px;
    letter-spacing: 0.1em;
    z-index: 1
}
.compare-page .table-wrapper {
    padding-bottom: 0
}
.compare-page .table-wrapper .table {
    border: 1px solid #ddd;
    text-transform: capitalize;
    color: #333;
    margin-bottom: 0
}
.compare-page .table-wrapper .table .product-name {
    width: 15%
}
.compare-page .table-wrapper .table .featured-image {
    width: 185px
}
.compare-page .table-wrapper .table td {
    border-top: none
}
.compare-page .table-wrapper .table thead .th-compare td {
    font-size: 14px;
    font-weight: 700;
    background: #f1f1f1;
    border-right: 1px solid #ddd;
    letter-spacing: 0.05em
}
.compare-page .table-wrapper .table thead .th-compare th {
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.compare-page .table-wrapper .table thead .th-compare th .remove-compare {
    float: left;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 14px;
    font-weight: 500
}
.compare-page .table-wrapper .table tbody tr th {
    background: #f1f1f1
}
.compare-page .table-wrapper .table tbody tr td {
    border-right: 1px solid #ddd;
    position: relative
}
.compare-page .table-wrapper .table tbody tr th, .compare-page .table-wrapper .table tbody tr td {
    padding: 15px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.compare-page .table-wrapper .table tbody tr .grid-link__title {
    font-size: 15px;
    margin-top: 10px
}
.compare-page .table-wrapper .table tbody tr .product_price {
    margin: 15px 0
}
.compare-page .table-wrapper .table tbody tr .product_price span.money {
    padding-left: 5px
}
.compare-page .table-wrapper .table tbody tr p {
    color: #777;
    font-size: 13px;
    line-height: 20px;
    margin: 0
}
.compare-page .table-wrapper .table tbody tr .add-to-cart, .compare-page .table-wrapper .table tbody tr .select-option-cls {
    padding: 6px 10px
}
.typography_section .typography-box {
    margin-bottom: 30px
}
.typography_section .typography-box p {
    line-height: 22px
}
.typography_section .typography-box .headings {
    margin-bottom: 20px;
    background-color: #e8e8e8;
    padding: 8px 12px
}
.typography_section .typography-box .headings h3 {
    text-transform: capitalize;
    color: #2d2d2d;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 20px
}
.typography_section .typography-box .headings span {
    color: #444
}
.typography_section .typography-box .headings span code {
    color: #444
}
.typography_section .typography-box .typo-content.heading_content h1, .typography_section .typography-box .typo-content.heading_content h2, .typography_section .typography-box .typo-content.heading_content h3, .typography_section .typography-box .typo-content.heading_content h4, .typography_section .typography-box .typo-content.heading_content h5, .typography_section .typography-box .typo-content.heading_content h6 {
    font-weight: 400;
    color: black;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px
}
.typography_section .typography-box .typo-content .sub-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 8px;
    font-size: 18px;
    color: #444;
    text-transform: capitalize
}
.typography_section .typography-box .typo-content.product-pagination {
    border: none;
    margin: 0
}
.typography_section .typography-box .typo-content.product-pagination .pagination .page-item {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.typography_section .typography-box .typo-content.product-pagination .pagination .page-item a {
    padding: 10px 14px
}
.typography_section .typography-box .typo-content.input_button input {
    margin-bottom: 10px
}
.typography_section .typography-box .typo-content.input_button label {
    font-size: 16px;
    text-transform: capitalize;
    padding-left: 5px
}
.typography_section .typography-box .typo-content.loader-typo {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.typography_section .typography-box .typo-content.loader-typo .pre-loader {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #00baf2;
    border-radius: 50%
}
.typography_section .typography-box .typo-content.loader-typo .pre-loader:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    border: 0 solid #ddd;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: loading 1000ms ease-out forwards infinite;
    animation: loading 1000ms ease-out forwards infinite;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.typography_section .typography-box .typo-content .footer-social {
    margin-top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.typography_section .typography-box:last-child {
    margin-bottom: 0
}
.typography_section code {
    color: rgba(0, 186, 242, 0.6);
    background-color: #f7f7f7;
    padding: 3px;
    margin: 0 3px;
    border-radius: 2px
}
.profile-section {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 15px
}
.profile-section .profile-detail .profile-name {
    font-weight: 700
}
.profile-section .profile-detail p {
    margin-bottom: 8px
}
.lookbook-section {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px
}
.lookbook-section .lookbook-img>div+div img {
    margin-top: 25px
}
.lookbook .lookbook-block {
    position: relative
}
.lookbook .lookbook-block .lookbook-dot {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    width: 29px;
    height: 29px;
    line-height: 29px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 50%;
    left: 12%;
    background-color: #fff
}
.lookbook .lookbook-block .lookbook-dot.dot2 {
    top: 70%;
    left: 27%
}
.lookbook .lookbook-block .lookbook-dot.dot3 {
    top: 28%;
    left: 30%
}
.lookbook .lookbook-block .lookbook-dot.dot4 {
    top: 67%;
    left: 8%
}
.lookbook .lookbook-block .lookbook-dot.dot5 {
    top: 40%;
    left: 35%
}
.lookbook .lookbook-block .lookbook-dot.dot6 {
    top: 80%;
    left: 58%
}
.lookbook .lookbook-block .lookbook-dot.dot7 {
    top: 67%;
    left: 45%
}
.lookbook .lookbook-block .lookbook-dot.dot8 {
    top: 43%;
    left: 39%
}
.lookbook .lookbook-block .lookbook-dot.dot9 {
    top: 32%;
    left: 50%
}
.lookbook .lookbook-block .lookbook-dot.dot10 {
    top: 60%;
    left: 50%
}
.lookbook .lookbook-block .lookbook-dot.dot11 {
    top: 50%;
    left: 45%
}
.lookbook .lookbook-block .lookbook-dot.dot12 {
    top: 75%;
    left: 45%
}
.lookbook .lookbook-block .lookbook-dot.dot13 {
    top: 40%;
    left: 45%
}
.lookbook .lookbook-block .lookbook-dot.dot14 {
    top: 76%;
    left: 45%
}
.lookbook .lookbook-block .lookbook-dot.dot15 {
    top: 50%;
    left: 15%
}
.lookbook .lookbook-block .lookbook-dot:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background-color: rgba(255, 255, 255, 0.5);
    zoom: 1;
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.lookbook .lookbook-block .lookbook-dot span {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #333
}
.lookbook .lookbook-block .lookbook-dot .dot-showbox {
    visibility: hidden;
    top: -98px;
    left: 150%;
    position: absolute;
    width: 130px;
    background-color: #fff;
    -webkit-box-shadow: -3px -3px 13px rgba(48, 54, 61, 0.1);
    box-shadow: -3px -3px 13px rgba(48, 54, 61, 0.1)
}
.lookbook .lookbook-block .lookbook-dot .dot-showbox img {
    margin-top: 0
}
.lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info {
    padding: 5px;
    text-align: center
}
.lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5 {
    margin-bottom: 0;
    text-transform: capitalize;
    line-height: 20px;
    color: #333
}
.lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5.title {
    font-weight: 700
}
.lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h6 {
    text-transform: uppercase;
    color: #00baf2;
    margin-bottom: 0
}
.lookbook .lookbook-block .lookbook-dot .dot-showbox:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #ddd;
    border-bottom: 8px solid transparent;
    top: 41%;
    left: -8px
}
.lookbook .lookbook-block .lookbook-dot:hover {
    background-color: #00baf2;
    -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
    z-index: 10
}
.lookbook .lookbook-block .lookbook-dot:hover .dot-showbox {
    -webkit-animation: fadeInUp 400ms ease-in-out;
    animation: fadeInUp 400ms ease-in-out;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.lookbook .lookbook-block .lookbook-dot:hover span {
    color: #fff
}
.lookbook .lookbook-block .lookbook-dot:hover:before {
    -webkit-transform: scale(1.3)
}
.portfolio-padding {
    padding-bottom: 40px
}
.portfolio-section .isotopeSelector {
    margin-bottom: 30px
}
.portfolio-section .portfolio-2 {
    margin-bottom: -20px
}
.portfolio-section .portfolio-3 {
    margin-bottom: -5px
}
.portfolio-section .article-title {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    color: white;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center;
    float: left;
    font-size: 18px;
    line-height: 24px
}
.portfolio-section .article-title a {
    color: white
}
.portfolio-section .isotopeSelector {
    float: left;
    width: 100%;
    position: relative
}
.portfolio-section .isotopeSelector .overlay {
    position: relative;
    overflow: hidden
}
.portfolio-section .isotopeSelector img {
    width: 100%;
    height: auto
}
.portfolio-section .isotopeSelector .product-box {
    padding-right: 0
}
.portfolio-section .isotopeSelector img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}
.portfolio-section .isotopeSelector .overlay-background {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}
.portfolio-section .isotopeSelector .overlay-background i {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(255, 255, 255, 0.4);
    padding: 10px;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 22px;
    display: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.portfolio-section .isotopeSelector:hover img {
    -webkit-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}
.portfolio-section .isotopeSelector:hover .overlay-background {
    -webkit-transform: scale(1);
    transform: scale(1);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}
.portfolio-section .isotopeSelector:hover .overlay-background i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.portfolio-section .border-portfolio {
    margin: 3px;
    overflow: hidden
}
.portfolio-section .border-portfolio:after {
    position: absolute;
    top: 10%;
    left: 10%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    -webkit-transform: translate(-20%, -20%);
    transform: translate(-20%, -20%);
    opacity: 0
}
.portfolio-section .border-portfolio:before {
    position: absolute;
    bottom: 10%;
    right: 10%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    -webkit-transform: translate(10%, 10%);
    transform: translate(10%, 10%);
    opacity: 0
}
.portfolio-section .border-portfolio:hover:after {
    -webkit-animation: portfolio-circle 0.5s ease;
    animation: portfolio-circle 0.5s ease
}
.portfolio-section .border-portfolio:hover:before {
    -webkit-animation: portfolio-circle 0.8s ease;
    animation: portfolio-circle 0.8s ease
}
@-webkit-keyframes portfolio-circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 300px;
        height: 300px;
        opacity: 0
    }
}
@keyframes portfolio-circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 300px;
        height: 300px;
        opacity: 0
    }
}
.portfolio-section #form1 {
    padding-bottom: 20px
}
.portfolio-section .filter-button {
    padding: 15px 24px;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    border: none;
    background-color: #fff;
    margin: 0 5px;
    line-height: 1
}
.portfolio-section .filter-button.active {
    background-color: #00baf2;
    color: #fff
}
.portfolio-section.fullwidth-portfolio .isotopeSelector {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px
}
.filter-section .filter-container {
    text-align: center;
    padding: 0 0 20px
}
.filter-section .filter-container ul.filter>li {
    padding: 0 25px
}
.filter-section .filter-container ul.filter>li>a {
    color: #00baf2;
    font-size: 20px;
    line-height: 40px
}
.filter-section .filter-container ul.filter>li>a:hover, .filter-section .filter-container ul.filter>li>a:focus {
    text-decoration: none;
    color: #00baf2;
    outline: none
}
.filter-section .filter-container ul.filter>li.active {
    background-color: #00baf2
}
.filter-section .filter-container ul.filter>li.active a {
    color: #fff
}
.filter-section .filter-container ul.filter>li span {
    color: #ddd;
    font-size: 20px;
    display: inline-block;
    margin: 0 5px
}
.filter-section .filter-container .filter>li {
    padding: 0;
    margin: 0
}
.filter-section .title1 .title-inner1 {
    margin-top: -5px
}
.filter-section h1 {
    text-align: center
}
.demo-colored-wrap {
    background: #ecf0f1
}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}
.mfp-title {
    display: none
}
.offer-box {
    top: 50%;
    position: fixed;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: -415px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 9
}
.offer-box img {
    margin-right: 18px
}
.offer-box.toggle-cls {
    left: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.offer-box .heading-right h3 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 230px;
    height: 36px;
    line-height: 36px;
    letter-spacing: 5px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transform: translate(50%, -50%) rotate(-90deg);
    transform: translate(50%, -50%) rotate(-90deg);
    text-align: center;
    background-color: #00baf2;
    margin-bottom: 0;
    cursor: pointer
}
.theme-tab {
    position: relative
}
.theme-tab.product.tab-abjust {
    margin-bottom: -15px
}
.theme-tab .tab-content {
    display: none
}
.theme-tab .tab-content[style="display: block;"] .product-box, .theme-tab .tab-content[style="display: block;"] .tab-box, .theme-tab .tab-content[style="display: block;"] .media-banner {
    -webkit-animation: zoomIn 300ms ease-in-out;
    animation: zoomIn 300ms ease-in-out
}
.theme-tab .tab-content .product-tab .tab-box {
    background-color: #fff;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: calc(25% - 10px);
    margin: 0 5px 10px
}
.theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+4) {
    margin: 0 5px 0
}
.theme-tab .tab-content .product-tab .tab-box .product-box2 img {
    height: 250px;
    padding: 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating {
    margin-top: 0
}
.theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i {
    padding-right: 0
}
.theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i:nth-child(-n+4) {
    color: #ffa800
}
.theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i:last-child {
    color: #ffa800
}
.theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6 {
    margin-right: 35px;
    line-height: 17px;
    margin-top: 5px;
    margin-bottom: 0
}
.theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body h4 {
    font-size: 20px;
    margin-top: 5px;
    font-weight: 700;
    color: #333;
    margin-bottom: 0
}
.theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    margin-right: 2px;
    margin-top: 20px;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    margin-bottom: 0;
    cursor: pointer
}
.theme-tab .tab-content .product-tab .tab-box:hover .product-box2 img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.theme-tab .tab-title, .theme-tab .tab-title2 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: -6px
}
.theme-tab .tab-title.media-tab li, .theme-tab .tab-title2.media-tab li {
    padding-top: 40px;
    position: relative
}
.theme-tab .tab-title.media-tab li.current::before, .theme-tab .tab-title2.media-tab li.current::before {
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0;
    background-color: #00baf2;
    height: 5px;
    content: ''
}
.theme-tab .tab-title.media-tab .media-banner, .theme-tab .tab-title2.media-tab .media-banner {
    margin-right: 15px
}
.theme-tab .tab-title .current a, .theme-tab .tab-title2 .current a {
    color: #00baf2;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)))
}
.theme-tab .tab-title li, .theme-tab .tab-title2 li {
    padding-left: 25px;
    padding-right: 25px
}
.theme-tab .tab-title a, .theme-tab .tab-title2 a {
    color: #333;
    text-transform: uppercase;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.theme-tab .tab-title2 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -8px
}
.theme-tab .tab-title2:after {
    content: "";
    position: absolute;
    border: 1px solid #ddd;
    width: 100%;
    left: 0;
    top: 17px;
    z-index: -1
}
.theme-tab .tab-title2 .current {
    background-color: #f2f2f2
}
.theme-tab .tab-title2 .current a {
    background-color: #f2f2f2
}
.tab-bg {
    background-color: #d9f6ff;
    padding: 70px 50px 60px 50px
}
.tab-bg .theme-tab .tab-title {
    margin-bottom: 30px
}
.tab-bg .product-box {
    padding-right: 0
}
.full-banner {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 190px;
    padding-bottom: 190px;
    background-position: center
}
.full-banner.advertise-banner {
    background-image: url("../images/fashion/banner.jpg")
}
.full-banner.parallax-layout {
    padding-top: 350px;
    padding-bottom: 350px
}
.full-banner.parallax-layout .banner-contain h4 {
    color: #f1f1f1
}
.full-banner.banner-layout-3 .banner-contain .btn-normal {
    text-transform: uppercase
}
.full-banner.banner-layout-3 .banner-contain h4 {
    color: #fff
}
.full-banner.banner-layout-3 .banner-contain h3 {
    color: #fff;
    margin-top: 10px
}
.full-banner.banner-layout-3 .banner-contain .color {
    color: #00baf2;
    line-height: 1
}
.full-banner.parallax {
    background-attachment: fixed
}
.full-banner.p-left .banner-contain {
    float: left
}
.full-banner.p-right .banner-contain {
    float: right
}
.full-banner.p-center .banner-contain {
    left: 0;
    right: 0;
    margin: 0 auto
}
.full-banner .banner-contain .btn-solid, .full-banner .banner-contain .btn-outline {
    margin-top: 20px
}
.full-banner .banner-contain h2 {
    font-size: calc(55px + (100 - 55) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    color: #00baf2;
    text-transform: uppercase;
    margin-top: -15px
}
.full-banner .banner-contain h3 {
    font-size: calc(36px + (60 - 36) * ((100vw - 320px) / (1920 - 320)));
    color: #333;
    text-transform: uppercase;
    font-weight: 700
}
.full-banner .banner-contain h4 {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    padding-top: 10px;
    margin-bottom: -5px;
    line-height: 1.3
}
.parallax-cls section:nth-child(odd) .full-banner {
    background-position: right
}
.parallax-cls section:nth-child(even) .full-banner {
    background-position: left
}
.parallax-cls section .banner-contain {
    margin-top: -12px
}
.pet-parallax {
    position: relative
}
.pet-parallax .pet-decor {
    position: absolute;
    left: 110px;
    bottom: -164px
}
.pet-parallax .banner-contain h4, .pet-parallax .banner-contain h3, .pet-parallax .banner-contain p {
    color: #212121
}
.pet-parallax .banner-contain p {
    max-width: 75%;
    margin: 0 auto;
    line-height: 22px;
    font-size: 16px;
    letter-spacing: 0.04em
}
.pet-parallax .banner-contain h4 {
    letter-spacing: 0.05em;
    padding-top: 0 !important;
    margin-bottom: 0;
    line-height: 1.3;
    margin-top: -7px
}
.pet-parallax .banner-contain h3 {
    margin: 15px 0;
    font-size: 48px
}
.pet-parallax .full-banner {
    padding-top: 130px;
    padding-bottom: 130px;
    background-blend-mode: overlay
}
.advertise-section .full-banner {
    padding-bottom: 105px;
    padding-top: 105px;
    background-position: top
}
.advertise-section .full-banner .banner-contain {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 40px 0;
    width: 90%;
    border: 3px solid #00baf2
}
.advertise-section .full-banner .banner-contain h2 {
    font-size: 75px
}
.center-slider {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.about-text p {
    letter-spacing: 0.06em;
    text-align: center;
    margin-bottom: 50px
}
.full-box .theme-card .offer-slider .product-box2 {
    overflow: hidden
}
.theme-pannel-main {
    background-color: #fff;
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 9;
    padding: 0 5px;
    -webkit-box-shadow: 0 0 7px 1px rgba(158, 158, 158, 0.2);
    box-shadow: 0 0 7px 1px rgba(158, 158, 158, 0.2)
}
.theme-pannel-main ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 12px;
    border-bottom: 1px solid #dadada
}
.theme-pannel-main ul li span {
    padding: 0;
    text-transform: uppercase;
    color: #949494;
    font-weight: 700
}
.theme-pannel-main ul li a {
    padding: 0
}
.theme-pannel-main ul li:last-child {
    border-bottom: 0
}
.color-picker {
    position: fixed;
    top: calc(30% + 110px);
    z-index: 9;
    padding: 0 5px;
    right: 0;
    -webkit-box-shadow: 0 0 7px 1px rgba(158, 158, 158, 0.2);
    box-shadow: 0 0 7px 1px rgba(158, 158, 158, 0.2);
    background-color: #fff;
    max-width: 150px
}
.color-picker h4 {
    padding: 10px 8px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase
}
.color-picker .title {
    display: inline-block;
    position: absolute;
    left: -68px;
    width: 68px;
    -webkit-box-shadow: -3px 0 7px 1px rgba(158, 158, 158, 0.2);
    box-shadow: -3px 0 7px 1px rgba(158, 158, 158, 0.2);
    background-color: #fff;
    padding: 10px 14px
}
.color-picker .colors {
    text-align: center
}
.color-picker .colors li {
    height: 35px;
    margin: 3px;
    width: 35px;
    display: inline-block;
    position: relative
}
.color-picker .colors li.active:before {
    content: "\e600";
    position: absolute;
    font-family: themify;
    color: #fff;
    font-size: 19px;
    top: 2px;
    left: 10px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.color1 {
    background: #ff6000;
    background: linear-gradient(135deg, #ff6000 49%, #ff6000 50%, #ffa800 51%, #ffa800 100%)
}
.color2 {
    background: #1c3481;
    background: linear-gradient(135deg, #00baf2 49%, #00baf2 50%, #1c3481 51%, #1c3481 100%)
}
.color3 {
    background: #f1bb3a;
    background: linear-gradient(135deg, #f1bb3a 49%, #f1bb3a 50%, #0083c1 51%, #0083c1 100%)
}
.color4 {
    background: #f15838;
    background: linear-gradient(135deg, #f15838 49%, #f15838 50%, #6465a5 51%, #6465a5 100%)
}
.color5 {
    background: #2690e4;
    background: linear-gradient(135deg, #2690e4 49%, #2690e4 50%, #252525 51%, #252525 100%)
}
.color6 {
    background: #84b213;
    background: linear-gradient(135deg, #84b213 49%, #84b213 50%, #f97c2d 51%, #f97c2d 100%)
}
.add_to_cart {
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.add_to_cart ::-webkit-scrollbar {
    width: 3px;
    height: 7px
}
.add_to_cart ::-webkit-scrollbar-track {
    background: #f1f1f1
}
.add_to_cart ::-webkit-scrollbar-thumb {
    background: #ddd
}
.add_to_cart ::-webkit-scrollbar-thumb:hover {
    background: #000
}
.add_to_cart .cart-inner {
    background-color: #fff;
    z-index: 9;
    position: relative;
    top: 0
}
.add_to_cart .cart-inner .cart_media {
    padding: 0 20px
}
.add_to_cart .cart-inner .cart_media li {
    position: relative;
    padding-bottom: 10px;
    width: 100%
}
.add_to_cart .cart-inner .cart_media li .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}
.add_to_cart .cart-inner .cart_media li .media img {
    height: 90px
}
.add_to_cart .cart-inner .cart_media li .media .media-body {
    -ms-flex-item-align: center;
    align-self: center
}
.add_to_cart .cart-inner .cart_media li .media .media-body h4 {
    color: #333
}
.add_to_cart .cart-inner .cart_media li .media .media-body h4 span {
    color: #333;
    font-size: 16px
}
.add_to_cart .cart-inner .cart_media li .total {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px
}
.add_to_cart .cart-inner .cart_media li .total h5 {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #999999
}
.add_to_cart .cart-inner .cart_media li .total h5 span {
    float: right
}
.add_to_cart .cart-inner .cart_media li .buttons a {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 10px 12px
}
.add_to_cart .cart-inner .cart_media li .buttons a:hover {
    color: #00baf2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.add_to_cart .cart-inner .cart_media li .buttons .checkout {
    float: right
}
.add_to_cart .cart-inner .cart_media .close-circle {
    position: absolute;
    top: 10px;
    right: 10px
}
.add_to_cart .cart-inner .cart_media .close-circle i {
    color: #444;
    font-size: 16px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.add_to_cart .cart-inner .cart_media .close-circle i:hover {
    color: #000;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.add_to_cart .cart-inner .cart_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.add_to_cart .cart-inner .cart_top h3 {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}
.add_to_cart .cart-inner .cart_top .close-cart {
    margin-left: auto
}
.add_to_cart .cart-inner .cart_top .close-cart i {
    color: black;
    font-size: 18px
}
.add_to_cart .overlay {
    visibility: hidden;
    opacity: 0;
    background-color: #000;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.add_to_cart.open-side {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.add_to_cart.open-side .overlay {
    opacity: 0.8;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.add_to_cart.left {
    left: -300px;
    top: 0;
    height: 100vh;
    width: 300px
}
.add_to_cart.left .cart-inner {
    height: 100vh;
    overflow: auto
}
.add_to_cart.left.open-side {
    left: 0
}
.add_to_cart.right {
    right: -300px;
    height: 100vh;
    width: 300px;
    top: 0
}
.add_to_cart.right .cart-inner {
    height: 100vh;
    overflow: auto
}
.add_to_cart.right.open-side {
    right: 0
}
.add_to_cart.top, .add_to_cart.bottom {
    height: 218px;
    width: 100%
}
.add_to_cart.top .cart_media, .add_to_cart.bottom .cart_media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.add_to_cart.top .cart_media .cart_product, .add_to_cart.bottom .cart_media .cart_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    overflow-y: auto
}
.add_to_cart.top .cart_media .cart_product li, .add_to_cart.bottom .cart_media .cart_product li {
    min-width: 245px;
    max-width: 225px;
    margin-right: -1px;
    padding-bottom: 0;
    border: 1px solid #ddd
}
.add_to_cart.top .cart_media .cart_total, .add_to_cart.bottom .cart_media .cart_total {
    width: 25%
}
.add_to_cart.top .cart-inner, .add_to_cart.bottom .cart-inner {
    height: 218px
}
.add_to_cart.top .cart-inner .cart_top, .add_to_cart.bottom .cart-inner .cart_top {
    margin-bottom: 0;
    background-color: #f1f1f1;
    padding: 15px 44px;
    border-bottom: none
}
.add_to_cart.top .cart-inner .cart_media, .add_to_cart.bottom .cart-inner .cart_media {
    padding: 0
}
.add_to_cart.top .cart-inner .cart_media .cart_product, .add_to_cart.top .cart-inner .cart_media .cart_total, .add_to_cart.bottom .cart-inner .cart_media .cart_product, .add_to_cart.bottom .cart-inner .cart_media .cart_total {
    padding: 30px 44px
}
.add_to_cart.top {
    top: -300px
}
.add_to_cart.top.open-side {
    top: 0
}
.add_to_cart.bottom {
    bottom: -300px
}
.add_to_cart.bottom.open-side {
    bottom: 0
}
.add_to_cart .setting-block {
    padding: 0 30px
}
.add_to_cart .setting-block h5 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333
}
.add_to_cart .setting-block ul li {
    display: block;
    margin-bottom: 5px
}
.add_to_cart .setting-block ul li a {
    color: #333;
    font-size: 16px;
    text-transform: capitalize
}
.add_to_cart .setting-block ul li a:hover {
    color: #00baf2
}
.account-bar .theme-form {
    padding-left: 20px;
    padding-right: 20px
}
.account-bar .theme-form .form-control {
    border-radius: 20px
}
.account-bar .theme-form .forget-class a {
    color: #00baf2;
    text-transform: capitalize;
    margin-top: 10
}
.account-bar .theme-form h6 {
    margin-top: 10px
}
.tap-top {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 100px;
    right: 30px;
    z-index: 8;
    display: none;
    color: #fff;
    text-align: center;
    background: #00baf2;
    border: none;
    font-size: 22px;
    padding: 7px;
    cursor: pointer
}
.tap-top.top-cls {
    bottom: 130px
}
.tap-top:hover i {
    -webkit-animation: fadeInUp 500ms ease-in-out;
    animation: fadeInUp 500ms ease-in-out
}
.theme-modal {
    padding-right: 0 !important
}
.theme-modal .quick-view-img {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.theme-modal .modal-dialog .modal-content .modal-body {
    background-color: white;
    border-radius: 5px
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg {
    background-color: #fff;
    padding: 25px
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .close {
    padding-right: 10px;
    padding-top: 5px;
    position: absolute;
    right: 17px;
    top: 0
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .close span {
    color: #000
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h2 {
    border-bottom: 1px dashed #bfbfbf;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 24px
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h4 {
    margin-bottom: 30px;
    text-align: center;
    color: #272727;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.6;
    font-size: 14px
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form {
    margin: 0 auto;
    text-align: center
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .form-control {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 12px;
    height: 45px;
    border-radius: 0;
    width: 100%;
    letter-spacing: 0.05em;
    margin: 0 10px
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content img {
    margin-bottom: 40px
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 {
    margin-bottom: 15px;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.05em
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group {
    margin: 0 auto;
    text-align: center
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .form-control {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 14px;
    max-width: 640px;
    left: 0;
    right: 0;
    margin: 0 auto;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
    border-radius: 0 !important
}
.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .btn-normal {
    text-transform: uppercase
}
.theme-modal .modal-dialog .quick-view-modal button.close, .theme-modal .modal-dialog .demo_modal button.close {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 5px
}
.theme-modal .modal-dialog .quick-view-modal .view-detail, .theme-modal .modal-dialog .demo_modal .view-detail {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}
.theme-modal.demo-modal .modal-dialog .modal-content .modal-body {
    height: 75vh;
    overflow-y: scroll;
    padding: 25px;
    background-image: none !important
}
.theme-modal.demo-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    width: 5px
}
.theme-modal.demo-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1
}
.theme-modal.demo-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
    background: #00baf2
}
.theme-modal.demo-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
    background: #555
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body {
    background: url("../images/cart-back.png"), #ddd;
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg {
    background-color: transparent
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media a img {
    max-width: 150px
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body {
    padding: 0 15px
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body a h6 {
    font-size: 16px;
    color: #00baf2;
    text-transform: capitalize;
    margin-bottom: 20px
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body a h6 i {
    margin-right: 8px;
    color: #fff;
    background: #19a340;
    font-size: 14px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons {
    margin-bottom: 20px
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons a {
    display: inline-block;
    font-size: 16px;
    padding: 6px 10px;
    margin: 0 6px
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box {
    padding-left: 10px;
    padding-right: 10px
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .img-wrapper {
    -webkit-box-shadow: 0 0 5px rgba(221, 221, 221, 0.6);
    box-shadow: 0 0 5px rgba(221, 221, 221, 0.6)
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail {
    text-align: center;
    padding: 10px
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail h6 {
    font-weight: 700;
    text-transform: capitalize
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail h6 a {
    color: #00baf2
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .product-upsell {
    margin: 20px 0 10px
}
.theme-modal.cart-modal .modal-dialog .modal-content .modal-body .product-upsell h4 {
    font-weight: 600;
    margin-bottom: 20px
}
.theme-modal#exampleModal .modal-body {
    padding: 0
}
.theme-modal#exampleModal .close span {
    color: #00baf2;
    font-size: 35px;
    text-shadow: none
}
.theme-modal#exampleModal .modal-bg {
    background-color: #ffffff96 !important;
    padding: 0
}
.theme-modal#exampleModal .close {
    position: absolute;
    right: 10px
}
.theme-modal#exampleModal .offer-content {
    background-image: url(../images/bg-newslatter.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: rgba(255, 255, 255, 0.4);
    min-height: 460px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 50%
}
.theme-modal#exampleModal .offer-content.vagi-offer-contant {
    background-image: url(../images/modal-popup/Vegetable.jpg)
}
.theme-modal#exampleModal .offer-content>div {
    width: 100%;
    padding: 50px
}
.theme-modal#exampleModal .offer-content p {
    text-align: center;
    color: #777;
    line-height: 1.6;
    margin-bottom: 20px
}
.theme-modal.exit-modal .modal-body {
    background-image: url(../images/bg-popup.png) !important;
    background-size: cover !important;
    background-position: center !important
}
.theme-modal.exit-modal .modal-bg {
    background-color: #ffffffb3 !important
}
.theme-modal.exit-modal .modal-content {
    border-radius: 10px
}
.theme-modal.exit-modal .media .media-body h4 {
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    font-weight: 500
}
.theme-modal.exit-modal .media .media-body h4 b {
    color: #00baf2
}
.theme-modal.exit-modal .media .media-body h5 {
    font-size: 18px;
    color: #bfbfbf;
    margin-bottom: 0;
    padding-bottom: 0
}
.theme-modal#quick-view .modal-body {
    padding: 0
}
.theme-modal .product-right .qty-box .input-group button {
    padding-left: 10px
}
.theme-modal .product-right input {
    padding: 4px
}
.theme-modal .product-right h2 {
    margin-top: 15px
}
.theme-modal .product-right .product-buttons .btn-normal {
    padding: 11px 20px
}
.loader-wrapper {
    background-color: #fff;
    margin: 0;
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0
}
.loader-wrapper img {
    height: 130px
}
.masonory-banner .masonary-banner-main {
    position: relative
}
.masonory-banner .masonary-banner-main .masonary-banner-contant {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: center;
    padding: 80px 0
}
.masonory-banner .masonary-banner-main .masonary-banner-contant h2 {
    color: #1c3481;
    text-transform: uppercase;
    margin-bottom: 15px
}
.masonory-banner .masonary-banner-main .masonary-banner-contant h5 {
    color: #1c3481;
    text-transform: uppercase;
    letter-spacing: 7px;
    background-color: #fff;
    padding: 10px 20px;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)))
}
.masonory-banner .masonary-banner-main .masonary-banner-contant .btn-rounded {
    text-transform: uppercase;
    margin-top: 25px
}
.masonory-banner .masonary-banner-main .masonary-banner-contant .btn-rounded:hover {
    background-color: #1c3481
}
.masonory-banner .masonary-banner-main .masonary-banner-contant .masonary-banner-subcontant {
    margin-right: 70px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.masonory-banner .masonary-banner-main .masonary-banner-contant.p-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.masonory-banner .masonary-banner-main .masonary-banner-contant.p-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.masonory-banner .masonary-banner-main .masonary-banner-contant.p-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.masonory-banner .masonary-banner-main .masonory-banner-img {
    height: 450px
}
.masonory-banner .masonary-banner-main .masonory-banner-img.masonory-img1 {
    height: 915px
}
.masonary-banner-block>div:first-child {
    margin-bottom: 15px
}
body.dark {
    background-color: #1b1b1b !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #cfd4da
}
.dark .product-notification {
    background-color: #262626
}
.dark .product-notification .close {
    color: #ddd
}
.dark h1 {
    color: #fff
}
.dark h2 {
    color: #f1f3f5
}
.dark h3 {
    color: #eaedef
}
.dark h4 {
    color: #e7eaec
}
.dark h5 {
    color: #dee2e6
}
.dark h6 {
    color: #cfd4da
}
.dark p {
    color: #cfd4da
}
.dark li {
    color: #cfd4da
}
.dark a {
    color: #cbcbcb
}
.dark input, .dark textarea {
    border-color: #3c3c3c !important;
    background-color: #262626
}
.dark input::-webkit-input-placeholder, .dark textarea::-webkit-input-placeholder {
    color: #cfd4da !important
}
.dark input:-ms-input-placeholder, .dark textarea:-ms-input-placeholder {
    color: #cfd4da !important
}
.dark input::-ms-input-placeholder, .dark textarea::-ms-input-placeholder {
    color: #cfd4da !important
}
.dark input::placeholder, .dark textarea::placeholder {
    color: #cfd4da !important
}
.dark select {
    background-color: #1b1b1b !important;
    color: #cfd4da !important
}
.dark select:focus {
    background-color: #262626;
    color: #cfd4da !important
}
.dark .layout-header3 .main-menu .menu-right .gift-block .gift-offer p {
    color: #fff
}
.dark .gift-dropdown.dropdown-menu {
    border: 2px solid #3c3c3c;
    background-color: #1b1b1b
}
.dark .gift-dropdown.dropdown-menu .media+.media {
    border-top: 1px solid #3c3c3c
}
.dark .category-header-4 .sm-horizontal {
    background-color: #00baf2
}
.dark .category-header-4 .pixelstrap a {
    color: #fff !important
}
.dark label {
    color: #f1f3f5 !important
}
.dark .toggle-nav i {
    color: #f1f3f5
}
.dark .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group select {
    background: url(../images/icon/drop.png) no-repeat scroll 20px 23px
}
.dark .mobile-setting-hover .mobile-setting-show {
    background-color: #262626;
    border: 5px solid #f2f2f2
}
.dark .layout-header3 .main-menu .menu-right .input-block .input-box .big-deal-form .input-group select {
    background: url(../images/icon/drop.png) no-repeat scroll 20px 15px
}
.dark .layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group select, .dark .category-header-4 .navbar-menu .category-right .input-block .big-deal-form .input-group select {
    background: url(../images/icon/drop.png) no-repeat scroll 20px 23px;
    border-right: 1px solid #3c3c3c
}
.dark .layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide li {
    border-color: #3c3c3c
}
.dark .sm-horizontal .mobile-back, .dark .sm-vertical .mobile-back {
    color: #e7eaec;
    border-bottom-color: #3c3c3c
}
.dark .tab-product-main .tab-prodcut-contain ul li a {
    color: #fff
}
.dark .layout-5 .media-banner.media-banner-1 {
    background-color: #1b1b1b
}
.dark .blog .blog-contain .blog-img {
    border: 1px solid #262626
}
.dark .blog .blog-contain .blog-details-2 {
    background-color: #262626
}
.dark .b-g-white {
    background-color: #262626 !important
}
.dark .b-g-white1 {
    background-color: #262626 !important
}
.dark .slick-prev:before, .dark .slick-next:before {
    color: #eaedef !important
}
.dark .category-header-6 .pixelstrap a {
    color: #fff !important
}
.dark .bg-light {
    background-color: #1b1b1b !important
}
.dark .bg-white {
    background-color: #1b1b1b !important
}
.dark .creative-card {
    background-color: #262626
}
.dark .top-header .top-header-right .language-block .language-dropdown .language-dropdown-open {
    background-color: #1b1b1b
}
.dark .top-header .top-header-right .language-block .language-dropdown .language-dropdown-open li a {
    color: #cfd4da
}
.dark .top-header .top-header-right .language-block .curroncy-dropdown .curroncy-dropdown-open {
    background-color: #1b1b1b
}
.dark .top-header .top-header-right .language-block .curroncy-dropdown .curroncy-dropdown-open li a {
    color: #cfd4da
}
.dark .category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat {
    background-color: #262626
}
.dark .category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li a {
    color: #cfd4da
}
.dark .category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li img {
    border-color: #004459
}
.dark .category-header .navbar-menu .category-left .nav-block .nav-left .navbar {
    background-color: #262626
}
.dark .category-header .navbar-menu .category-left .nav-block .nav-left .navbar h5 {
    color: #dee2e6 !important
}
.dark .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group span i {
    color: #cfd4da
}
.dark .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .input-group-prepend {
    background-color: #262626
}
.dark .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .input-group-prepend select {
    background-color: #262626;
    color: #cfd4da
}
.dark .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .input-group-prepend span {
    background-color: #262626
}
.dark .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .form-control {
    background-color: #262626;
    border-color: #3c3c3c !important
}
.dark .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .form-control::-webkit-input-placeholder {
    color: #cfd4da
}
.dark .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .form-control:-ms-input-placeholder {
    color: #cfd4da
}
.dark .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .form-control::-ms-input-placeholder {
    color: #cfd4da
}
.dark .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .form-control::placeholder {
    color: #cfd4da
}
.dark .layout-header1 {
    background-color: #1b1b1b
}
.dark .layout-header1 .main-menu-block .menu-right .icon-nav ul li a i {
    color: #cfd4da
}
.dark .layout-header1 .main-menu-block .menu-right .icon-nav ul li span {
    color: #cfd4da
}
.dark .layout-header2 {
    background-color: #1b1b1b
}
.dark .layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group {
    background-color: #1b1b1b
}
.dark .layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group .form-control {
    background-color: #1b1b1b
}
.dark .layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group span {
    background-color: #1b1b1b
}
.dark .layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group span i {
    color: #cfd4da
}
.dark .layout-header2 .main-menu-block .cart-block .cart i {
    color: #cfd4da
}
.dark .layout-header2 .main-menu-block .cart-block .cart-item h5 {
    color: #cfd4da
}
.dark .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat {
    background-color: #1b1b1b
}
.dark .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li img {
    border-color: #3c3c3c
}
.dark .category-header-2 .navbar-menu .category-left .nav-block .nav-left .nav-cat li a {
    color: #cfd4da
}
.dark .layout-header3 .main-menu .menu-left .nav-block .nav-left .nav-cat {
    background-color: #262626
}
.dark .layout-header3 .main-menu .menu-left .nav-block .nav-left .nav-cat li a {
    color: #cfd4da
}
.dark .layout-header4 {
    background-color: #1b1b1b
}
.dark .layout-header4 .contact-block .desc-nav-block .contact-item {
    color: #dee2e6
}
.dark .layout-header4 .contact-block .desc-nav-block .contact-item span {
    color: #dee2e6
}
.dark .layout-header4 .contact-block .desc-nav-block .mobile-user {
    color: #cfd4da
}
.dark .layout-header4 .icon-block ul li a i {
    color: #dee2e6
}
.dark .layout-header4 .icon-block ul li a .cart-item {
    color: #dee2e6
}
.dark .layout-header4 .icon-block ul li a .cart-item span {
    color: #cfd4da
}
.dark .category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat {
    background-color: #262626
}
.dark .category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat li a {
    color: #cfd4da
}
.dark .category-header-4 .navbar-menu .category-right .input-block .big-deal-form {
    background-color: #262626
}
.dark .category-header-4 .navbar-menu .category-right .input-block .big-deal-form .input-group span {
    background-color: #262626
}
.dark .category-header-4 .navbar-menu .category-right .input-block .big-deal-form .input-group span i {
    color: #cfd4da
}
.dark .category-header-4 .navbar-menu .category-right .input-block .big-deal-form .input-group .form-control {
    background-color: #262626;
    border-color: #3c3c3c !important
}
.dark .onhover-show-div {
    background-color: #262626
}
.dark .onhover-show-div li a {
    color: #cfd4da
}
.dark .cart-hover-div .cart-show-div {
    background-color: #262626
}
.dark .cart-hover-div .cart-show-div li .media .media-body h6 {
    color: #cfd4da
}
.dark .cart-hover-div .cart-show-div li .check-btn a {
    color: #dee2e6
}
.dark .cart-hover-div .cart-show-div li .total {
    border-color: #3c3c3c
}
.dark .cart-hover-div .cart-show-div li .total h6 {
    color: #cfd4da
}
.dark .pixelstrap ul {
    border-color: #4c4c4c;
    background-color: #262626
}
.dark .pixelstrap ul a, .dark .pixelstrap ul:hover, .dark .pixelstrap ul:active {
    color: #cbcbcb !important
}
.dark .pixelstrap a {
    color: #cbcbcb !important
}
.dark .pixelstrap .link-section h5 {
    color: #dee2e6
}
.dark .brand-panel .brand-panel-box .brand-panel-contain {
    background-color: #262626
}
.dark .brand-panel .brand-panel-box .brand-panel-contain ul li a {
    color: #cfd4da
}
.dark .collection-banner .collection-banner-main:after {
    background-color: rgba(27, 27, 27, 0.2)
}
.dark .collection-wrapper .product-slick {
    background-color: #262626
}
.dark .product-wrapper-grid.list-view .product .product-box {
    background-color: #262626
}
.dark .Jewellery-banner h6 {
    color: #262626
}
.dark .Jewellery-banner a {
    color: #262626
}
.dark .blog .blog-contain .blog-details {
    background-color: #262626
}
.dark .blog .blog-contain .blog-details p {
    color: #cfd4da
}
.dark .blog .blog-contain h4 {
    color: #e7eaec
}
.dark .blog-detail-page .comment-section li {
    border-color: #3c3c3c
}
.dark .breadcrumb-main {
    background-color: #262626
}
.dark .breadcrumb-main .breadcrumb-contain h2 {
    color: #f1f3f5
}
.dark .breadcrumb-main .breadcrumb-contain ul li i {
    color: #e7eaec
}
.dark .breadcrumb-main .breadcrumb-contain ul li a {
    color: #cfd4da
}
.dark .box-category .box-category-contain {
    background-color: #262626
}
.dark .box-category .box-category-contain h4 {
    color: #e7eaec
}
.dark .box-category .box-category-contain:hover {
    background: #bfbfbf
}
.dark .media-banner {
    background-color: #1b1b1b;
    border-color: #3c3c3c
}
.dark .media-banner .media-banner-box .media-heading h5 {
    color: #dee2e6
}
.dark .media-banner .media-banner-box .media .media-body .media-contant p {
    color: #eaedef
}
.dark .media-banner .media-banner-box .media .media-body .media-contant h6 {
    color: #dee2e6
}
.dark .discount-banner {
    background-color: #262626
}
.dark .discount-banner .discount-banner-contain h1 {
    color: #e7eaec
}
.dark .hot-deal .hot-deal-contain1 {
    background-color: #262626
}
.dark .hot-deal .hot-deal-contain1 .hot-deal-heading h5 {
    color: #dee2e6
}
.dark .hot-deal .hot-deal-contain1.hot-deal-banner-1 {
    background-color: #1b1b1b
}
.dark .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center h5 {
    color: #cfd4da
}
.dark .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer span {
    color: #cfd4da
}
.dark .hot-deal .hot-deal-contain {
    background-color: #1b1b1b
}
.dark .hot-deal .hot-deal-contain .hot-deal-center .price span {
    color: #dee2e6
}
.dark .hot-deal .hot-deal-contain .hot-deal-center h5 {
    color: #dee2e6
}
.dark .hot-deal .hot-deal-contain .hot-deal-center .timer span {
    background-color: #262626;
    color: #cfd4da
}
.dark .hot-deal .hot-deal-contain.hot-deal-contain2 .hot-deal-center .timer span {
    background-color: #1b1b1b
}
.dark .hot-deal .slick-prev:before, .dark .hot-deal .slick-next:before {
    color: #f1f3f5
}
.dark .tab-product-main {
    background-color: #262626
}
.dark .product .product-box .product-detail.detail-inline {
    background-color: #262626
}
.dark .product .product-box .product-detail.detail-center {
    background-color: #262626
}
.dark .product .product-box .product-detail .detail-title .detail-left .price-title {
    color: #cfd4da
}
.dark .instagram .insta-contant {
    border-color: #262626
}
.dark .instagram .insta-contant.insta-contant-inverse {
    border-color: #1b1b1b
}
.dark .instagram .insta-contant .insta-sub-contant .insta-title {
    background-color: #262626
}
.dark .instagram .insta-contant .insta-sub-contant .insta-title h4 {
    color: #e7eaec
}
.dark .instagram .insta-contant1 .insta-sub-contant1 .insta-title {
    background-color: #1b1b1b
}
.dark .instagram .insta-contant1 .insta-sub-contant1 .insta-title h4 {
    color: #e7eaec
}
.dark .instagram .insta-contant2 {
    border-color: #262626
}
.dark .instagram .insta-contant2 .insta-title {
    background-color: #1b1b1b
}
.dark .instagram .insta-contant2 .insta-title h4 {
    color: #e7eaec
}
.dark .title1 {
    background-color: #262626
}
.dark .title1 h4 {
    color: #cfd4da
}
.dark .title2 {
    background-color: #262626
}
.dark .title2 h4 {
    color: #cfd4da
}
.dark .title3 {
    background-color: #1b1b1b
}
.dark .title3 h4 {
    color: #cfd4da
}
.dark .title4 {
    background-color: #262626
}
.dark .title4 h4 {
    color: #cfd4da
}
.dark .title5 {
    background-color: #262626
}
.dark .title5 h4 {
    color: #cfd4da
}
.dark .title6 {
    background-color: #262626
}
.dark .title6 h4 {
    color: #cfd4da
}
.dark .newsletter {
    background-color: #262626
}
.dark .newsletter .news-leble {
    border-color: #3c3c3c
}
.dark .newsletter .news-leble .news-text {
    color: #e7eaec
}
.dark .app-link-block {
    background-color: #1b1b1b
}
.dark .app-link-block .app-link-bloc-contain .app-item-group .sosiyal-block ul li {
    background-color: #262626
}
.dark .app-link-block .app-link-bloc-contain .app-item-group .sosiyal-block ul li a i {
    color: #cfd4da
}
.dark .app-link-block .app-link-bloc-contain .app-item-group .sosiyal-block ul li:hover {
    background-color: #1b1b1b
}
.dark .app-link-block .app-link-bloc-contain .app-item-group .sosiyal-block h6 {
    color: #cfd4da
}
.dark .sub-footer {
    background-color: #262626
}
.dark .sub-footer .footer-end p {
    color: #cfd4da
}
.dark .footer-1 {
    background-color: #262626
}
.dark .footer-1 .logo-contain .logo-detail:before {
    background-color: #3c3c3c
}
.dark .footer-1 .logo-contain p {
    color: #cfd4da
}
.dark .footer-1 .footer-link {
    border-color: #3c3c3c
}
.dark .footer-2 {
    background-color: #262626
}
.dark .footer-2 .footer-main-contian {
    border-color: #3c3c3c
}
.dark .footer-2 .footer-main-contian .footer-right {
    border-color: #3c3c3c
}
.dark .footer-2 .footer-main-contian .footer-right .subscribe-section {
    border-color: #3c3c3c
}
.dark .footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group input {
    background-color: #262626
}
.dark .footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant .input-group span {
    border-color: #3c3c3c
}
.dark .footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant h4 {
    color: #cfd4da
}
.dark .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title {
    border-color: #3c3c3c
}
.dark .footer-2 .footer-main-contian .footer-left {
    border-color: #3c3c3c
}
.dark .footer-2 .footer-main-contian .footer-left .footer-detail p {
    color: #cfd4da
}
.dark .footer-2 .sub-footer .sub-footer-contain p {
    color: #cfd4da
}
.dark .footer-3 {
    background-color: #1b1b1b
}
.dark .footer-3 .sosiyal-footer {
    border-color: #3c3c3c
}
.dark .footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group input {
    background-color: #1b1b1b;
    border-color: #3c3c3c
}
.dark .footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group span {
    border-color: #3c3c3c
}
.dark .footer-3 .sosiyal-footer .subscribe-section .subscribe-block h4 {
    color: #e7eaec
}
.dark .footer-3 .sosiyal-block .sosiyal li {
    background-color: #262626
}
.dark .footer-3 .sosiyal-block .sosiyal li a i {
    color: #cfd4da
}
.dark .footer-3 .sub-footer h6 {
    color: #cfd4da
}
.dark .footer-4 {
    background-color: #1b1b1b
}
.dark .footer-4 .follow {
    background-color: #262626
}
.dark .footer-4 .sosiyal-block ul li {
    background-color: #1b1b1b !important
}
.dark .footer-4 .logo-detail p {
    color: #dee2e6
}
.dark .footer-title h5 {
    color: #dee2e6 !important
}
.dark .footer-contant ul li {
    color: #cfd4da !important
}
.dark .footer-contant ul li a {
    color: #cfd4da !important
}
.dark .footer-contant p {
    color: #cfd4da !important
}
.dark .page-link {
    background-color: #1b1b1b;
    border-color: #3c3c3c
}
.dark .collection-filter-block {
    background-color: #262626;
    border-color: #3c3c3c
}
.dark .collection-filter-block .collapse-block-title {
    color: #dee2e6
}
.dark .collection-filter-block .collapse-block-title::after {
    color: #f1f3f5
}
.dark .collection-filter-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label {
    color: #cfd4da
}
.dark .collection-filter-block .collection-collapse-block-content .category-list li a {
    color: #cfd4da
}
.dark .collection-filter-block .product-service .media {
    border-color: #3c3c3c
}
.dark .collection-filter-block .product-service .media .media-body h4 {
    color: #dee2e6
}
.dark .top-banner-wrapper .top-banner-content h4 {
    color: #e7eaec
}
.dark .top-banner-wrapper .top-banner-content h5 {
    color: #dee2e6
}
.dark .top-banner-wrapper .top-banner-content p {
    color: #e7eaec
}
.dark .collection-product-wrapper .product-top-filter {
    border-color: #3c3c3c
}
.dark .collection-product-wrapper .product-top-filter .product-filter-content .search-count {
    border-color: #3c3c3c
}
.dark .collection-product-wrapper .product-top-filter .product-filter-content .search-count h5 {
    color: #e7eaec
}
.dark .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view {
    border-color: #3c3c3c
}
.dark .collection-product-wrapper .product-top-filter .product-filter-content .collection-view ul li i {
    color: #e7eaec
}
.dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select {
    color: #e7eaec;
    border-color: #3c3c3c
}
.dark .collection-product-wrapper .product-top-filter .product-wrapper-grid.list-view .product .product-box {
    background-color: #262626
}
.dark .theme-card .offer-slider .media .media-body h6 {
    color: #cfd4da
}
.dark .theme-card .offer-slider .media .media-body h4 {
    color: #e7eaec
}
.dark .theme-card .offer-slider .media .popup-filter .sidebar-popup a {
    color: #e7eaec
}
.dark .theme-card .offer-slider .media .popup-filter .collection-view ul li {
    color: #e7eaec
}
.dark .theme-card h5.title-border {
    border-color: #3c3c3c
}
.dark .product-pagination {
    border-color: #3c3c3c
}
.dark .product-pagination .pagination {
    border-color: #3c3c3c
}
.dark .product-pagination .pagination .page-item.active a {
    background-color: #262626;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-color: #3c3c3c
}
.dark .product-pagination .pagination .page-item a {
    color: #e7eaec
}
.dark .product-pagination .product-search-count-bottom {
    border-color: #3c3c3c
}
.dark .product-pagination .product-search-count-bottom h5 {
    color: #e7eaec
}
.dark .qty-box .input-group span button {
    background-color: #262626 !important
}
.dark .qty-box .input-group .form-control {
    background-color: #262626;
    color: #cfd4da;
    border-color: #cfd4da
}
.dark .qty-box .input-group button {
    border-color: #3c3c3c
}
.dark .qty-box .input-group button i {
    color: #cfd4da
}
.dark .product-right h2 {
    color: #e7eaec
}
.dark .product-right h4 del {
    color: #dee2e6
}
.dark .product-right h3 {
    color: #cfd4da
}
.dark .product-right .product-title {
    color: #e7eaec
}
.dark .product-right .nav-tabs {
    border-color: #3c3c3c !important
}
.dark .product-right .border-product {
    color: #3c3c3c;
    border-color: #3c3c3c
}
.dark .product-right .size-box ul li.active a {
    color: #262626
}
.dark .product-right .size-box ul li a {
    color: #cfd4da
}
.dark .product-right .product-icon .product-social li a i {
    color: #cfd4da
}
.dark .product-right .product-icon .wishlist-btn {
    color: #cfd4da
}
.dark .product-right .product-icon .wishlist-btn span {
    color: #cfd4da
}
.dark .product-right .timer p span {
    background-color: #262626;
    color: #eaedef
}
.dark .product-right.product-form-box {
    border-color: #3c3c3c;
    background-color: #262626
}
.dark .tab-product .nav-material.nav-tabs .nav-item .nav-link {
    color: #dee2e6
}
.dark .tab-product .nav-material.nav-tabs .nav-item .nav-link.active {
    color: #00baf2
}
.dark .tab-product .theme-form input {
    background-color: #262626
}
.dark .tab-product .theme-form input::-webkit-input-placeholder {
    color: #cfd4da
}
.dark .tab-product .theme-form input:-ms-input-placeholder {
    color: #cfd4da
}
.dark .tab-product .theme-form input::-ms-input-placeholder {
    color: #cfd4da
}
.dark .tab-product .theme-form input::placeholder {
    color: #cfd4da
}
.dark .tab-product .theme-form textarea {
    background-color: #262626
}
.dark .tab-product .theme-form textarea::-webkit-input-placeholder {
    color: #cfd4da
}
.dark .tab-product .theme-form textarea:-ms-input-placeholder {
    color: #cfd4da
}
.dark .tab-product .theme-form textarea::-ms-input-placeholder {
    color: #cfd4da
}
.dark .tab-product .theme-form textarea::placeholder {
    color: #cfd4da
}
.dark .single-product-tables table tr td {
    color: #e7eaec
}
.dark .product-related h2 {
    color: #eaedef;
    border-color: #3c3c3c
}
.dark .product-accordion .card-header {
    background-color: #262626;
    border-color: #3c3c3c
}
.dark .product-accordion .card-header h5 {
    color: #e7eaec
}
.dark .product-accordion .card-body {
    background-color: #262626
}
.dark .product-accordion .btn-link {
    color: #e7eaec
}
.dark .bundle .bundle_detail .price_product {
    color: #cfd4da
}
.dark .tab-border {
    border-color: #3c3c3c
}
.dark .tab-border .nav-border {
    border-color: #3c3c3c
}
.dark .blog-page .blog-sidebar .theme-card {
    background-color: #1b1b1b;
    border-color: #262626
}
.dark .blog-page .blog-sidebar h4 {
    color: #e7eaec
}
.dark .blog-page .blog-sidebar h6 {
    color: #dee2e6
}
.dark .blog-page .blog-sidebar p {
    color: #cfd4da
}
.dark .blog-page .blog-media {
    background-color: #1b1b1b;
    border-color: #262626
}
.dark .blog-page .blog-media .blog-right h4 {
    color: #dee2e6
}
.dark .blog-page .blog-media .blog-right p {
    color: #cfd4da
}
.dark .blog-detail-page .blog-detail .post-social {
    border-color: #3c3c3c
}
.dark .blog-detail-page .blog-detail h3 {
    color: #e7eaec
}
.dark .blog-detail-page .blog-detail p {
    color: #cfd4da
}
.dark .blog-detail-page .blog-advance ul li {
    color: #e7eaec
}
.dark .blog-detail-page .comment-section li h6 {
    color: #dee2e6
}
.dark .blog-detail-page .comment-section li span {
    color: #e7eaec
}
.dark .blog-detail-page .blog-contact h2 {
    color: #e7eaec
}
.dark .blog-detail-page .blog-contact .theme-form input, .dark .blog-detail-page .blog-contact .theme-form textarea {
    background-color: #262626
}
.dark .cart-section .cart-table thead th, .dark .wishlist-section .cart-table thead th {
    border-color: #3c3c3c;
    color: #dee2e6
}
.dark .cart-section tbody tr td, .dark .wishlist-section tbody tr td {
    border-color: #3c3c3c;
    color: #cfd4da
}
.dark .cart-section tbody tr td a, .dark .cart-section tbody tr td p, .dark .cart-section tbody tr td h2, .dark .wishlist-section tbody tr td a, .dark .wishlist-section tbody tr td p, .dark .wishlist-section tbody tr td h2 {
    color: #cfd4da
}
.dark .team h2 {
    border-color: #3c3c3c
}
.dark .dashboard-left {
    background-color: #262626
}
.dark .dashboard-left .block-content ul li.active a {
    color: #00baf2
}
.dark .dashboard-left .block-content ul li a {
    color: #cfd4da
}
.dark .dashboard-right .dashboard {
    background-color: #262626
}
.dark .dashboard-right .dashboard .page-title h2 {
    color: #e7eaec
}
.dark .dashboard .box-head h2 {
    color: #e7eaec
}
.dark .dashboard .box .box-title h3 {
    color: #e7eaec
}
.dark .login-page .theme-card {
    border-color: #3c3c3c;
    background-color: #262626
}
.dark .login-page .theme-card input {
    background-color: #262626
}
.dark .login-page .theme-card .theme-form {
    background-color: #1b1b1b
}
.dark .login-page .authentication-right h6 {
    color: #dee2e6
}
.dark .login-page .authentication-right p {
    color: #cfd4da
}
.dark .contact-page {
    background-color: #262626
}
.dark .contact-page .theme-form {
    background-color: #1b1b1b;
    border-color: #262626
}
.dark .contact-page .map .theme-card {
    border-color: #3c3c3c
}
.dark .register-page .theme-card {
    border-color: #3c3c3c
}
.dark .register-page .theme-card .theme-form input {
    background-color: #262626
}
.dark .contact-page .contact-right ul li p {
    color: #dee2e6
}
.dark .checkout-page .checkout-title h3 {
    color: #dee2e6
}
.dark .checkout-page .checkout-form .form-group .field-label {
    color: #e7eaec
}
.dark .checkout-page .checkout-form .checkout-details {
    background-color: #262626
}
.dark .checkout-page .checkout-form select {
    border-color: #3c3c3c
}
.dark .order-box .title-box {
    color: #dee2e6;
    border-color: #3c3c3c
}
.dark .order-box .qty, .dark .order-box .sub-total {
    border-color: #3c3c3c
}
.dark .order-box .qty li, .dark .order-box .sub-total li {
    color: #e7eaec
}
.dark .order-box .qty li span, .dark .order-box .sub-total li span {
    color: #e7eaec
}
.dark .review-page .comnt-sec li a {
    color: #cfd4da
}
.dark .review-page .comnt-sec li a i {
    color: #cfd4da
}
.dark .review-box {
    background-color: #262626
}
.dark .product-order .product-order-detail .order_detail h4 {
    color: #e7eaec
}
.dark .product-order .total-sec {
    border-color: #3c3c3c
}
.dark .product-order .total-sec ul li {
    color: #cfd4da
}
.dark .delivery-sec {
    background-color: #262626
}
.dark .order-history .dark-data {
    color: #eaedef
}
.dark .light-layout {
    background-color: #262626
}
.dark .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info {
    background-color: #262626
}
.dark .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5 {
    color: #cfd4da
}
.dark .faq-section .accordion.theme-accordion .card {
    border-color: #3c3c3c
}
.dark .faq-section .accordion.theme-accordion .card .card-header {
    background-color: #262626;
    border-color: #3c3c3c
}
.dark .faq-section .accordion.theme-accordion .card .card-header button {
    color: #dee2e6
}
.dark .faq-section .accordion.theme-accordion .card .card-header button::before {
    border-top-color: #dee2e6
}
.dark .faq-section .accordion.theme-accordion .card .card-body {
    background-color: #1b1b1b
}
.dark .faq-section .accordion.theme-accordion .card .card-body p {
    color: #cfd4da
}
.dark .layout-5 .media-banner.media-banner-1 {
    background-color: #1b1b1b
}
.dark .theme-tab .tab-title a, .dark .theme-tab .tab-title2 a {
    color: #dee2e6
}
.dark .theme-tab .tab-title.current, .dark .theme-tab .tab-title2.current {
    background-color: #fff
}
.dark .theme-tab .tab-title.current:before, .dark .theme-tab .tab-title2.current:before {
    background-color: #fff
}
.dark .theme-tab .tab-title.current a, .dark .theme-tab .tab-title2.current a {
    color: #00baf2;
    background-color: #262626
}
.dark .tab-bg {
    background-color: #262626
}
.dark .center-slider {
    border-color: #3c3c3c
}
.dark .portfolio-section .isotopeSelector .overlay {
    border-color: #3c3c3c
}
.dark .portfolio-section .filter-button {
    background-color: #262626;
    color: #e7eaec
}
.dark .portfolio-section .filter-button.active {
    background-color: #00baf2
}
.dark .pixelstrap ul a, .dark .pixelstrap ul a:hover, .dark .pixelstrap ul a:focus, .dark .pixelstrap ul a:active {
    color: #e7eaec !important
}
.dark .category-header .navbar-menu .category-right .gift-block .gift-offer p, .dark .dark .newsletter .news-leble {
    color: #e7eaec !important
}
.dark .testimonial .testimonial-contain .media .media-body p {
    color: #fff !important
}
.dark .footer-1 .footer-link {
    border-right: 1px solid #3c3c3c;
    padding-right: 15px
}
.dark .layout-header2 .main-menu-block .input-block .input-box .big-deal-form {
    border-color: #3c3c3c
}
.dark .layout-header3 .main-menu .menu-right .menu-nav .desc-horizontal {
    background-color: #262626
}
.dark .layout-header3 .main-menu .menu-right .menu-nav .desc-horizontal .desc-back {
    color: #e7eaec
}
.dark .layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide {
    background-color: #262626;
    border-color: #3c3c3c
}
.dark .layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide li a {
    color: #e7eaec
}
.dark .layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide li .nav-sm-back {
    color: #e7eaec
}
.dark .layout-header4 .contact-block .sm-nav-block .nav-slide {
    background-color: #262626
}
.dark .layout-header4 .contact-block .sm-nav-block .nav-slide li {
    border-color: #3c3c3c
}
.dark .layout-header4 .contact-block .sm-nav-block .nav-slide li a {
    color: #e7eaec
}
.dark .layout-header4 .contact-block .sm-nav-block .nav-slide li .nav-sm-back {
    color: #e7eaec;
    border-color: #3c3c3c
}
.dark .layout-header2 .main-menu-block .sm-nav-block .nav-slide {
    background-color: #262626
}
.dark .layout-header2 .main-menu-block .sm-nav-block .nav-slide li a {
    color: #e7eaec
}
.dark .layout-header2 .main-menu-block .sm-nav-block .nav-slide .nav-sm-back {
    color: #e7eaec
}
.dark .layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide {
    background-color: #262626
}
.dark .layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide li a {
    color: #e7eaec
}
.dark .layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide .nav-sm-back {
    color: #e7eaec
}
.dark .add_to_cart {
    border-color: #3c3c3c
}
.dark .add_to_cart.top .cart-inner, .dark .add_to_cart.bottom .cart-inner, .dark .add_to_cart.left .cart-inner, .dark .add_to_cart.right .cart-inner {
    background-color: #1b1b1b
}
.dark .add_to_cart.top .cart-inner .cart_top, .dark .add_to_cart.bottom .cart-inner .cart_top, .dark .add_to_cart.left .cart-inner .cart_top, .dark .add_to_cart.right .cart-inner .cart_top {
    background-color: #262626;
    border-color: #3c3c3c
}
.dark .add_to_cart.top .cart-inner .cart_top h3, .dark .add_to_cart.bottom .cart-inner .cart_top h3, .dark .add_to_cart.left .cart-inner .cart_top h3, .dark .add_to_cart.right .cart-inner .cart_top h3 {
    color: #e7eaec
}
.dark .add_to_cart.top .cart-inner .cart_top .close-cart i, .dark .add_to_cart.bottom .cart-inner .cart_top .close-cart i, .dark .add_to_cart.left .cart-inner .cart_top .close-cart i, .dark .add_to_cart.right .cart-inner .cart_top .close-cart i {
    color: #e7eaec
}
.dark .add_to_cart.top .cart-inner .cart_media li .media .media-body h4, .dark .add_to_cart.bottom .cart-inner .cart_media li .media .media-body h4, .dark .add_to_cart.left .cart-inner .cart_media li .media .media-body h4, .dark .add_to_cart.right .cart-inner .cart_media li .media .media-body h4 {
    color: #eaedef
}
.dark .add_to_cart.top .cart-inner .cart_media li .media .media-body h4 span, .dark .add_to_cart.bottom .cart-inner .cart_media li .media .media-body h4 span, .dark .add_to_cart.left .cart-inner .cart_media li .media .media-body h4 span, .dark .add_to_cart.right .cart-inner .cart_media li .media .media-body h4 span {
    color: #e7eaec
}
.dark .add_to_cart.top .cart-inner .cart_media .close-circle i, .dark .add_to_cart.bottom .cart-inner .cart_media .close-circle i, .dark .add_to_cart.left .cart-inner .cart_media .close-circle i, .dark .add_to_cart.right .cart-inner .cart_media .close-circle i {
    color: #eaedef
}
.dark .add_to_cart.top .cart-inner .cart_media .total, .dark .add_to_cart.bottom .cart-inner .cart_media .total, .dark .add_to_cart.left .cart-inner .cart_media .total, .dark .add_to_cart.right .cart-inner .cart_media .total {
    border-color: #3c3c3c
}
.dark .add_to_cart .setting-block h5 {
    color: #e7eaec
}
.dark .add_to_cart .setting-block ul li a {
    color: #dee2e6
}
.dark .account-bar .theme-form .forget-class a {
    color: #cfd4da
}
.dark .search-overlay {
    background-color: #262626
}
.dark .theme-modal#exampleModal .offer-content {
    background-color: #262626
}
.dark .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 {
    color: #eaedef
}
.dark .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content p {
    color: #cfd4da
}
.dark .theme-modal#exampleModal .offer-content p {
    color: #cfd4da
}
.dark .theme-modal#exampleModal .close span {
    color: #e7eaec
}
.dark .typography_section .typography-box .typo-content .sub-title {
    color: #e7eaec
}
.dark .typography_section .typography-box .typo-content.heading_content h1, .dark .typography_section .typography-box .typo-content.heading_content h2, .dark .typography_section .typography-box .typo-content.heading_content h3, .dark .typography_section .typography-box .typo-content.heading_content h4, .dark .typography_section .typography-box .typo-content.heading_content h5, .dark .typography_section .typography-box .typo-content.heading_content h6 {
    color: #dee2e6
}
.dark .compare-page .table-wrapper .table {
    border-color: #3c3c3c
}
.dark .compare-page .table-wrapper .table thead .th-compare td {
    background-color: #262626;
    color: #dee2e6;
    border-color: #3c3c3c
}
.dark .compare-page .table-wrapper .table thead tr {
    border-color: #3c3c3c
}
.dark .compare-page .table-wrapper .table thead tr td, .dark .compare-page .table-wrapper .table thead tr th {
    background-color: #262626;
    color: #dee2e6;
    border-color: #3c3c3c
}
.dark .compare-page .table-wrapper .table thead tr th .remove-compare {
    color: #dee2e6
}
.dark .compare-page .table-wrapper .table tbody tr {
    border-color: #3c3c3c
}
.dark .compare-page .table-wrapper .table tbody tr th, .dark .compare-page .table-wrapper .table tbody tr td {
    border-color: #3c3c3c;
    background-color: #262626;
    color: #dee2e6
}
.dark .compare-page .table-wrapper .table tbody tr p {
    color: #cfd4da
}
.dark .compare-section .compare-part .close-btn {
    color: #e7eaec
}
.dark .compare-section .compare-part .detail-part .title-detail {
    background-color: #262626;
    border-color: #3c3c3c
}
.dark .compare-section .compare-part .detail-part .title-detail h5 {
    color: #e7eaec
}
.dark .compare-section .compare-part .img-secton a h5 {
    color: #eaedef
}
.dark .compare-section .compare-part .btn-part {
    border-color: #3c3c3c
}
.dark .collection .collection-block .collection-content h4 {
    color: #e7eaec
}
.dark .collection .collection-block .collection-content h3 {
    color: #eaedef
}
.dark .blog-page .blog-sidebar .theme-card {
    background-color: #262626
}
.dark .blog-page .blog-media {
    background-color: #262626
}
@media (max-width: 1199px) {
    .dark .layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide li {
        border-color: #3c3c3c
    }
    .dark .sm-horizontal, .dark .sm-vertical {
        background-color: #262626;
        border-color: #3c3c3c
    }
    .dark .sm-horizontal .mobile-back, .dark .sm-vertical .mobile-back {
        color: #e7eaec;
        border-bottom-color: #3c3c3c
    }
}
.sm, .sm ul, .sm li {
    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: static;
    z-index: 1
}
.sm ul {
    display: none
}
.sm li {
    position: relative
}
.sm>li>h1 {
    margin: 0;
    padding: 0
}
.sm>li>h2 {
    margin: 0;
    padding: 0
}
.sm>li>h3 {
    margin: 0;
    padding: 0
}
.sm>li>h4 {
    margin: 0;
    padding: 0
}
.sm>li>h5 {
    margin: 0;
    padding: 0
}
.sm>li>h6 {
    margin: 0;
    padding: 0
}
.sm a {
    position: relative;
    display: block
}
.sm a.disabled {
    cursor: default
}
.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
}
.menu-banner {
    margin-top: 20px
}
.toggle-nav {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    cursor: pointer
}
.toggle-nav i {
    font-size: 24px;
    color: #0dc7ff
}
.mega-menu-banner:hover:before {
    display: none
}
.new-tag {
    padding-left: 3px;
    color: #00baf2;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}
.up-text {
    position: relative
}
.up-text span {
    position: absolute;
    top: -5px;
    right: -10px;
    color: #00baf2;
    font-size: 12px;
    font-weight: 700
}
.pixelstrap.sm-vertical a .sub-arrow {
    margin-top: -22px;
    right: 7px
}
.pixelstrap ul {
    border-radius: 0
}
.pixelstrap.light-font-menu li>a {
    color: #444
}
.pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active {
    padding-right: 35px;
    color: #444;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 22px;
    padding-bottom: 22px;
    letter-spacing: 0.07em
}
.pixelstrap a:hover {
    color: #00baf2
}
.pixelstrap a.disabled {
    color: #8ce4ff
}
.pixelstrap a .sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 14px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16px/34px monospace !important;
    text-align: center;
    text-shadow: none;
    border-radius: 4px;
     
}
.pixelstrap>li:last-child>a, .pixelstrap>li:last-child>*:not(ul) a, .pixelstrap>li:last-child>ul, .pixelstrap>li:last-child>ul>li:last-child>a, .pixelstrap>li:last-child>ul>li:last-child>*:not(ul) a, .pixelstrap>li:last-child>ul>li:last-child>ul, .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>*:not(ul) 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>a, .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>ul, .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>*:not(ul) 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 0 0 0
}
.pixelstrap>li:last-child>a.highlighted, .pixelstrap>li:last-child>*:not(ul) a.highlighted, .pixelstrap>li:last-child>ul>li:last-child>a.highlighted, .pixelstrap>li:last-child>ul>li:last-child>*:not(ul) a.highlighted, .pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted, .pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted, .pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted, .pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted, .pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted, .pixelstrap>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted {
    border-radius: 0
}
.pixelstrap ul {
    background: #fff
}
.pixelstrap ul ul {
    background: rgba(0, 194, 252, 0.04)
}
.pixelstrap ul a, .pixelstrap ul a:hover, .pixelstrap ul a:focus, .pixelstrap ul a:active {
    background: rgba(0, 0, 0, 0);
    color: #444 !important;
    font-size: 14px;
    text-shadow: none
}
.pixelstrap ul a.current {
    background: #00baf2;
    color: #fff
}
.pixelstrap ul a.disabled {
    color: #b3b3b3
}
.pixelstrap ul ul a, .pixelstrap ul ul a:hover, .pixelstrap ul ul a:focus, .pixelstrap ul ul a:active {
    border-left: 16px solid transparent
}
.pixelstrap ul ul ul a, .pixelstrap ul ul ul a:hover, .pixelstrap ul ul ul a:focus, .pixelstrap ul ul ul a:active {
    border-left: 24px solid transparent
}
.pixelstrap ul ul ul ul a, .pixelstrap ul ul ul ul a:hover, .pixelstrap ul ul ul ul a:focus, .pixelstrap ul ul ul ul a:active {
    border-left: 32px solid transparent
}
.pixelstrap ul ul ul ul ul a, .pixelstrap ul ul ul ul ul a:hover, .pixelstrap ul ul ul ul ul a:focus, .pixelstrap ul ul ul ul ul a:active {
    border-left: 40px solid transparent
}
.pixelstrap ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.05)
}
.pixelstrap ul li:first-child {
    border-top: 0
}
.pixelstrap.sm-horizontal .mega {
    position: unset !important
}
.pixelstrap.sm-horizontal .mega .full-mega-menu.center-mega-menu {
    margin-left: 0 !important
}
.pixelstrap.sm-horizontal .mega ul {
    margin-left: 0 !important;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}
.pixelstrap .icon-trend {
    color: #00baf2
}
.pixelstrap .full-mega-menu, .pixelstrap .clothing-menu {
    max-width: inherit !important;
    padding: 20px 0px 20px 5px
}
.pixelstrap .full-mega-menu a, .pixelstrap .clothing-menu a {
    padding: 0;
    position: relative
}
.pixelstrap .full-mega-menu a h6, .pixelstrap .clothing-menu a h6 {
    font-size: 14px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-weight: 400;
    text-transform: capitalize;
    color: #222222
}
.pixelstrap .full-mega-menu a img, .pixelstrap .clothing-menu a img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}
.pixelstrap .full-mega-menu a:hover, .pixelstrap .clothing-menu a:hover {
    padding: 0
}
.pixelstrap .full-mega-menu a:hover:before, .pixelstrap .clothing-menu a:hover:before {
    width: 50px;
    height: 2px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}
.pixelstrap .full-mega-menu a:hover h6, .pixelstrap .clothing-menu a:hover h6 {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.pixelstrap .link-section .menu-secon-title h5 {
    padding-top: 10px
}
.pixelstrap .link-section h5 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 10px;
    color: #444
}
.pixelstrap .link-section ul {
    position: relative;
    display: block;
    padding: 0
}
.pixelstrap .link-section ul li a {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    padding-left: 0
}
.pixelstrap .full-mega-menu {
    width: 100% !important;
    border-radius: 0;
    max-width: 1110px !important;
    left: 50% !important;
    margin-right: -50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.pixelstrap .full-mega-menu .mega-box .link-section ul li a:hover, .pixelstrap .full-mega-menu .mega-box .link-section ul li a:focus {
    padding-top: 3px;
    padding-bottom: 3px
}
.pixelstrap .full-mega-menu .img-section img {
    margin-top: 15px
}
.pixelstrap .clothing-menu {
    width: 815px !important;
    padding: 15px 30px 25px !important;
    background-color: #fff
}
.pixelstrap .clothing-menu li img {
    padding: 20px 0 10px 0
}
.pixelstrap .clothing-menu .link-section h5 {
    margin-top: 15px
}
.pixelstrap .clothing-menu .link-section ul {
    background: none
}
.pixelstrap .mega-menu ul {
    -webkit-box-shadow: none;
    box-shadow: none
}
.pixelstrap li a {
    position: relative
}
.pixelstrap li .label-nav {
    position: absolute;
    background-color: #00baf2;
    padding: 2px 7px;
    color: #fff;
    top: 7px;
    text-transform: uppercase;
    font-size: 9px;
    left: 0;
    line-height: 1.3
}
.pixelstrap li .label-nav:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #00baf2;
    top: 15px;
    left: 5px
}
.pixelstrap li .label-nav.label-red {
    background-color: #00baf2
}
.pixelstrap li .label-nav.label-red:before {
    border-top: 5px solid #00baf2
}
.sm-vertical {
    background-color: #fff
}
.sidenav {
    height: 100vh;
    width: 300px;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: -300px;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.sidenav .sidebar-back {
    padding: 20px;
    font-size: 18px;
    color: #444;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    cursor: pointer
}
.sidenav nav {
    background-color: #fff;
    z-index: 9;
    position: relative;
    height: 100vh;
    top: 0;
    overflow-y: auto
}
.sidenav.open-side {
    left: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.sidenav.open-side .sidebar-overlay {
    opacity: 0.8;
    visibility: visible
}
.sidenav .sidebar-overlay {
    visibility: hidden;
    opacity: 0;
    background-color: #212331;
    position: fixed;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s;
    transition: all 1s
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    font-size: 36px;
    margin-left: 50px;
    margin-top: 50px;
    color: #444
}
.sidenav .pixelstrap li a {
    padding: 10px 50px 20px 40px
}
.sidenav .pixelstrap li ul li a {
    padding: 5px 35px
}
.sidenav .pixelstrap li ul li a:active, .sidenav .pixelstrap li ul li a:focus, .sidenav .pixelstrap li ul li a.highlighted {
    padding: 5px 35px
}
.sidenav .pixelstrap li .clothing-menu li a {
    padding: 5px 0 !important
}
.sidenav .pixelstrap li .clothing-menu li a:focus {
    font-size: 14px
}
.sidenav .pixelstrap li .clothing-menu li a:hover {
    font-size: 14px;
    padding: 5px 0
}
.sidenav .pixelstrap li .clothing-menu li a:focus, .sidenav .pixelstrap li .clothing-menu li a:hover {
    padding: 5px 0 !important
}
.mega-box .link-section .demo ul li a {
    position: relative
}
.mega-box .link-section .demo ul li a:hover, .mega-box .link-section .demo ul li a:focus {
    padding-top: 3px;
    padding-bottom: 3px
}
.mega-box .link-section .demo .new {
    position: absolute;
    top: -8px;
    right: 0px;
    color: white;
    background-color: #00baf2;
    padding: 2px 7px;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 1.3
}
.mega-box .link-section .demo .title {
    border-bottom: 2px solid red !important
}
.rtl .sidenav .pixelstrap li {
    text-align: right
}
.rtl .link-section {
    float: right
}
.rtl .pixelstrap li .label-nav {
    left: unset
}
.rtl .mega-box .link-section .demo ul li a span img {
    right: unset;
    left: -120px
}
@media (min-width: 1200px) {
    .toggle-nav {
        display: none
    }
    .sm-vertical li ul li a .sub-arrow {
        margin-top: -15px !important
    }
    .mobile-back {
        display: none !important
    }
    .pixelstrap ul {
        position: absolute;
        width: 14em !important
    }
    .pixelstrap li {
        position: relative;
        float: left
    }
    .pixelstrap li:before {
        content: "";
        position: absolute
    }
    .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>a, .pixelstrap .sm-nowrap>li>:not(ul) a {
        white-space: nowrap;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .pixelstrap .sm-nowrap>li>a:hover, .pixelstrap .sm-nowrap>li>:not(ul) a:hover {
        letter-spacing: 1.5px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .pixelstrap .sm-nowrap>li>a.highlighted, .pixelstrap .sm-nowrap>li>:not(ul) a.highlighted {
        white-space: nowrap;
        color: #444
    }
    .sm-horizontal .mega-menu li a {
        padding: 0
    }
    .sm-horizontal .mega-menu li a:focus, .sm-horizontal .mega-menu li a:active {
        padding: 0
    }
    .pixelstrap.sm-vertical ul a, .pixelstrap.sm-vertical ul a:hover, .pixelstrap.sm-vertical ul a:focus, .pixelstrap.sm-vertical ul a:active, .pixelstrap.sm-vertical ul a.highlighted {
        padding: 9px 23px
    }
    .pixelstrap ul {
        -webkit-box-shadow: 0 0 1px 0 #ebebeb;
        box-shadow: 0 0 1px 0 #ebebeb
    }
    .pixelstrap.sm-horizontal .mega {
        position: unset !important
    }
    .pixelstrap.sm-horizontal .mega.product>div {
        border: 1px solid #f1f1f1
    }
    .pixelstrap.sm-horizontal .mega ul {
        margin-left: 0 !important
    }
    .pixelstrap.sm-horizontal .mega ul ul {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .pixelstrap .full-mega-menu, .pixelstrap .clothing-menu {
        -webkit-box-shadow: 0 0 1px 0 #ebebeb;
        box-shadow: 0 0 1px 0 #ebebeb
    }
    .pixelstrap .full-mega-menu a, .pixelstrap .clothing-menu a {
        padding: 0;
        position: relative
    }
    .pixelstrap .sm-horizontal .full-mega-menu {
        position: absolute;
        left: unset !important;
        right: 0
    }
    .pixelstrap.sm-vertical .full-mega-menu .mega-box {
        max-width: 100%;
        padding: 0 20px;
        margin-bottom: 20px
    }
    .pixelstrap.sm-vertical .full-mega-menu .mega-box .mega-img, .pixelstrap.sm-vertical .full-mega-menu .mega-box .menu-banner {
        display: none
    }
    .pixelstrap.sm-vertical .full-mega-menu .mega-box ul a:hover {
        padding-left: 5px
    }
    .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;
        border: 0
    }
    .pixelstrap .full-mega-menu .mega-box {
        max-width: 16.666%
    }
    .pixelstrap .full-mega-menu .mega-box.product {
        max-width: 33%
    }
    .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 {
        padding: 15px 0px 15px 0px;
        background: #fff;
        border: 5px solid #f2f2f2
    }
    .pixelstrap ul ul {
        background: white;
        border: 5px solid #f2f2f2
    }
    .pixelstrap ul a {
        position: relative
    }
    .pixelstrap ul a:before {
        position: absolute;
        bottom: 8px;
        content: "";
        height: 5px;
        width: 0;
        background-color: #00baf2;
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
        opacity: 0.12
    }
    .pixelstrap ul a, .pixelstrap ul a:hover, .pixelstrap ul a:focus, .pixelstrap ul a:active, .pixelstrap ul a.highlighted {
        border: 0 !important;
        background: rgba(0, 0, 0, 0);
        color: #000;
        border-radius: 0 !important;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 5px 25px
    }
    .pixelstrap ul a:hover:before, .pixelstrap ul a:hover:hover:before, .pixelstrap ul a:focus:hover:before, .pixelstrap ul a:active:hover:before, .pixelstrap ul a.highlighted:hover:before {
        width: 50px;
        height: 7px;
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease
    }
    .pixelstrap ul a .sub-arrow:before {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute
    }
    .pixelstrap ul li {
        border: 0
    }
    .pixelstrap .scroll-up, .pixelstrap .scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #fff;
        height: 20px
    }
    .pixelstrap .scroll-up-arrow, .pixelstrap .scroll-down-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 #00a6d9 transparent
    }
    .pixelstrap .scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #00a6d9 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 #00a6d9
    }
    .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: "\f104";
        font-family: FontAwesome;
        position: absolute
    }
    .pixelstrap.sm-vertical>li {
        border-left: 0 !important
    }
    .pixelstrap.sm-vertical>li ul a .sub-arrow:before {
        content: "\f105"
    }
    .main-nav-center>nav {
        text-align: center
    }
    .main-nav-center .sm {
        display: inline-block;
        vertical-align: middle
    }
    .main-nav-center .sm>li .label-nav {
        top: 3px
    }
    .main-nav-center .sm>li>a {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .layout3-menu .pixelstrap a {
        text-transform: capitalize;
        padding-right: 34px;
        letter-spacing: 0.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 .mega .full-mega-menu {
        float: left !important;
        left: 50% !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:hover, .rtl .layout3-menu .light-font-menu li>a:active {
        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
    }
    .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:hover, .rtl .sidenav .pixelstrap li ul li a:focus {
        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
    }
}
@media (max-width: 1367px) {
    .pixelstrap .full-mega-menu.layout-3 {
        width: 1079px !important
    }
    .pixelstrap a {
        font-size: 14px
    }
    .pixelstrap a:hover, .pixelstrap a:active {
        font-size: 14px
    }
}
@media (max-width: 1199px) {
    .pixelstrap .full-mega-menu {
        width: unset !important;
        border-radius: 0;
        max-width: unset !important;
        left: unset !important;
        margin-right: unset;
        -webkit-transform: unset;
        transform: unset
    }
    .menu-banner {
        margin-top: 0px
    }
    .mega-box .link-section .demo ul li a span img {
        top: 30px;
        right: -60px
    }
    .sm-horizontal {
        position: fixed;
        background-color: #fff;
        width: 300px;
        border-radius: 0;
        border: 1px solid #eee;
        top: 0;
        height: 100vh;
        right: -300px;
        z-index: 99;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        overflow: scroll
    }
    .sm-horizontal .mobile-back {
        padding: 20px;
        font-size: 18px;
        color: #444;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid #ddd;
        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 .full-mega-menu, .pixelstrap .clothing-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:hover, .pixelstrap>li>a:focus, .pixelstrap>li>a:active {
        font-weight: 700
    }
    .pixelstrap .link-section .menu-title h5 {
        cursor: pointer
    }
    .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: none
    }
    .pixelstrap li .label-nav {
        left: 15px;
        top: -8px
    }
    .pixelstrap li a {
        padding: 10px 15px;
        font-size: 14px
    }
    .pixelstrap li a:hover {
        padding: 10px 15px
    }
    .pixelstrap li ul li a {
        padding: 5px 35px;
        font-size: 14px;
        color: #444;
        font-weight: 400;
        text-transform: capitalize
    }
    .pixelstrap li ul li a:hover {
        color: #00baf2 !important;
        font-size: 14px;
        padding: 5px 35px;
        text-transform: capitalize
    }
    .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:hover, .sidenav .pixelstrap li ul li a.highlighted {
        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 .label-nav {
        left: unset;
        right: 15px
    }
    .rtl .pixelstrap li .label-nav:before {
        left: unset;
        right: 5px
    }
}
@media (max-width: 991px) {
    .top-header .header-contact {
        display: none
    }
}
@media (min-width: 578px) {
    .main-menu .menu-right .icon-nav .mobile-search i, .main-menu .menu-right .icon-nav .mobile-cart i, .main-menu .menu-right .icon-nav .mobile-setting i {
        display: none
    }
    .main-menu .menu-right .icon-nav .mobile-search .close-circle i, .main-menu .menu-right .icon-nav .mobile-cart .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-wishlist img, .header-5 .top-header .header-dropdown .mobile-account 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: #fff
    }
    .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: #fff
    }
    .top-header .header-dropdown .mobile-wishlist {
        right: 64%
    }
    .top-header .header-dropdown .mobile-wishlist i {
        font-family: themify;
        color: #fff !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-setting, .main-menu .menu-right .icon-nav .mobile-cart, .main-menu .menu-right .icon-nav .mobile-search {
        position: fixed;
        bottom: 20px;
        right: 16%;
        font-size: 0;
        padding: 0
    }
    .main-menu .menu-right .icon-nav .mobile-setting .show-div, .main-menu .menu-right .icon-nav .mobile-cart .show-div, .main-menu .menu-right .icon-nav .mobile-search .show-div {
        top: -58px;
        left: 0
    }
    .main-menu .menu-right .icon-nav .mobile-setting .show-div.shopping-cart, .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart, .main-menu .menu-right .icon-nav .mobile-search .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: #fff
    }
    .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: #fff
    }
    .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: #fff
    }
    .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
    }
    .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-setting, .rtl .main-menu .menu-right .icon-nav .mobile-cart, .rtl .main-menu .menu-right .icon-nav .mobile-search {
        right: unset;
        left: 16%
    }
    .rtl .main-menu .menu-right .icon-nav .mobile-setting .show-div, .rtl .main-menu .menu-right .icon-nav .mobile-cart .show-div, .rtl .main-menu .menu-right .icon-nav .mobile-search .show-div {
        left: unset;
        right: 0
    }
    .rtl .main-menu .menu-right .icon-nav .mobile-setting .show-div.shopping-cart, .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 {
        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%
    }
}
.switch input {
    display: none
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}
.switch input {
    display: none
}
.switch input:checked+.switch-state {
    border: 2px solid #00baf2
}
.switch input:checked+.switch-state:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px)
}
.switch input:focus+.switch-state {
    -webkit-box-shadow: 0 0 1px #00baf2;
    box-shadow: 0 0 1px #00baf2
}
.switch-state {
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #00baf2;
    -webkit-transition: .4s;
    transition: .4s
}
.switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    border: 2px solid #00baf2;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 20px
}
.switch-sm .switch {
    width: 25px;
    height: 16px;
    margin-top: 10px;
    margin-bottom: 0px
}
.switch-sm .switch .switch-state:before {
    height: 8px;
    width: 8px;
    left: 4px;
    bottom: 2px
}
.switch-sm input:checked+.switch-state:before {
    left: -15px
}
.chart-sparkline {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    background: rgba(49, 49, 49, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    color: #fff;
    font: 10px Nunito, sans-serif;
    text-align: left;
    white-space: nowrap;
    padding: 5px;
    border: 1px solid rgba(49, 49, 49, 0.75);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 10000;
    border-radius: 5px
}
.chart-sparkline .jqsfield {
    color: #fff;
    font: 10px Nunito, sans-serif;
    text-align: left
}
.checkbox_animated {
    cursor: pointer;
    position: relative;
    margin: 0 1rem 0 0
}
.checkbox_animated:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid #00baf2;
    border-top-style: none;
    border-right-style: none
}
.checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: 2px solid #e8ebf2;
    cursor: pointer
}
.checkbox_animated:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1)
}
.radio_animated {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer
}
.radio_animated:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: #00baf2;
    border-radius: 50%
}
.radio_animated:after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #e8ebf2;
    border-radius: 50%
}
.radio_animated:checked:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}
a:hover {
    color: #00baf2
}
.btn-popup {
    margin-bottom: 0px
}
.media-table table tr th:last-child, .media-table table tr td:last-child {
    text-align: left !important
}
.timeline-icon {
    width: 40px;
    height: 40px;
    background-color: #33baf2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%
}
.timeline-icon svg {
    color: #fff
}
.order-timeline {
    position: relative
}
.order-timeline .timeline-icon-primary {
    width: 40px;
    height: 40px;
    background-color: #00baf2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 2
}
.order-timeline .timeline-icon-primary svg {
    color: #fff;
    width: 18px
}
.order-timeline .timeline-icon-secondary {
    width: 40px;
    height: 40px;
    background-color: #314da7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 2
}
.order-timeline .timeline-icon-secondary svg {
    color: #fff;
    width: 18px
}
.order-timeline .timeline-icon-success {
    width: 40px;
    height: 40px;
    background-color: #11d89c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 2
}
.order-timeline .timeline-icon-success svg {
    color: #fff;
    width: 18px
}
.order-timeline .timeline-icon-danger {
    width: 40px;
    height: 40px;
    background-color: #e26767;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 2
}
.order-timeline .timeline-icon-danger svg {
    color: #fff;
    width: 18px
}
.order-timeline .timeline-icon-info {
    width: 40px;
    height: 40px;
    background-color: #00a8ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 2
}
.order-timeline .timeline-icon-info svg {
    color: #fff;
    width: 18px
}
.order-timeline .timeline-icon-light {
    width: 40px;
    height: 40px;
    background-color: #f8f8f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 2
}
.order-timeline .timeline-icon-light svg {
    color: #fff;
    width: 18px
}
.order-timeline .timeline-icon-dark {
    width: 40px;
    height: 40px;
    background-color: #2a3142;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 2
}
.order-timeline .timeline-icon-dark svg {
    color: #fff;
    width: 18px
}
.order-timeline .timeline-icon-warning {
    width: 40px;
    height: 40px;
    background-color: #00ced1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 2
}
.order-timeline .timeline-icon-warning svg {
    color: #fff;
    width: 18px
}
.order-timeline .timeline-line {
    width: 2px;
    height: 85%;
    top: 30px;
    position: absolute;
    content: '';
    background-color: #e8ebf2;
    left: 19px
}
.order-timeline .media+.media {
    margin-top: 30px
}
.order-timeline .media .media-body {
    margin-left: 20px
}
.revenue-chart {
    height: 291px
}
.ct-label {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}
.apex-chart-container {
    height: 350px
}
.btn-months .dashboard-btn-groups {
    position: absolute;
    left: 0;
    right: 0;
    top: 27px;
    margin: 0 auto;
    width: 197px
}
.btn-months .dashboard-btn-groups .btn-group .btn {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 14px;
    color: #8392a5
}
.btn-months .dashboard-btn-groups .btn-group .btn-outline-light {
    border-color: #e8ebf2
}
.custom-theme {
    position: fixed;
    right: 0;
    width: 40px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    text-decoration: none;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
    box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
    top: calc(50% + 34px);
    cursor: pointer
}
.product-physical table .jsgrid-filter-row {
    display: none !important
}
.product-physical table tr th:nth-child(2), .product-physical table tr td:nth-child(2) {
    text-align: left
}
.timer {
    padding-left: 10px;
    padding-right: 10px
}
.timer span {
    text-align: center;
    position: relative
}
.timer span .padding-l {
    padding-left: 0;
    position: absolute;
    left: 35px;
    top: 10px
}
.add-product img {
    width: 500px
}
.add-product ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}
.add-product ul li .box-input-file {
    width: 50px;
    height: 50px;
    background-color: #f1f4fb;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle
}
.add-product ul li .box-input-file i {
    color: #00baf2
}
.add-product ul li .box-input-file .upload {
    position: absolute;
    width: 70px;
    left: 0;
    right: 0;
    opacity: 0
}
.digital-add .col-form-label {
    font-family: 'Cairo', sans-serif;
}
.digital-add .form-control {
    font-size: 14px
}
.digital-add .form-group .radio_animated {
    margin-right: 8px
}
.digital-add textarea {
    width: 100%
}
.add-product-form .form-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.add-product-form .form-group label {
    font-size: 16px;
    font-weight: 600
}
.add-product-form .form-group:last-child {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}
.add-product-form .form-group .form-control {
    font-size: 14px
}
.add-product-form .qty-box .input-group {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.add-product-form .qty-box .input-group button {
    padding: 12px
}
.add-product-form .qty-box .input-group .btn-primary {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid #ddd !important
}
.add-product-form .qty-box .input-group .btn-primary.bootstrap-touchspin-down {
    border-right: none !important
}
.add-product-form .qty-box .input-group .input-group-append {
    margin-left: 0
}
.add-product-form .qty-box .input-group .input-group-append .btn {
    border-left: none !important
}
.add-product-form #cke_editor1 .cke_inner .cke_contents.cke_reset {
    height: 100px !important
}
.chart-block canvas {
    width: 100%
}
.sell-graph canvas {
    width: 100% !important;
    height: 300px !important
}
.sell-graph #multiple-real-timeupdate {
    width: 100%;
    height: 350px
}
.small-chartjs canvas {
    width: 100% !important;
    height: 60px !important
}
.map-table table {
    border: 1px solid #e8ebf2
}
.map-table table thead th {
    border-bottom: 1px solid #e8ebf2
}
.map-table table tr td, .map-table table tr th {
    border-top: none
}
.datepickers-container {
    top: -86px
}
.datepicker--nav {
    color: #00baf2
}
.datepicker--nav-action {
    color: #00baf2;
    background-color: #00baf2
}
.datepicker--nav-action:hover {
    color: #00baf2
}
.datepicker--nav-title i {
    color: #00baf2
}
.table thead th {
    border-bottom: 2px solid #e8ebf2
}
.switch-sm .switch {
    width: 25px;
    height: 16px;
    margin-top: 10px;
    margin-bottom: 0px
}
.page-wrapper .page-body-wrapper footer p {
    line-height: 1.7
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li {
    width: 100%
}
.page-wrapper .page-body-wrapper .page-header .row h3 {
    color: #000
}
.widget-cards {
    border-radius: 25px !important
}
.static-top-widget div.align-self-center svg {
    width: 25px;
    height: 25px;
    vertical-align: middle
}
.static-top-widget .media-body {
    -ms-flex-item-align: center !important;
    align-self: center !important
}
.static-top-widget .media-body h3 {
   font-family: 'Cairo', sans-serif;
    color: #fff
}
.static-top-widget .media-body h3 small {
    font-size: 11px
}
.flot-chart-container {
    height: 400px
}
.user-status table tbody tr td {
    vertical-align: middle
}
.user-status table tbody tr td .d-inline-block {
    margin-top: 11px
}
.user-status table tbody tr td .image-sm-size img {
    width: 41px
}
.user-status table tbody tr:last-child td {
    padding-bottom: 0
}
.user-status table thead tr th {
    border-top: 0;
    font-size: 16px;
    color: #2a3142;
    font-weight: 600;
    padding-top: 0
}
.card-block .table-responsive .table caption {
    padding-left: 10px
}
.card-block .table-responsive .table-bordered td {
    vertical-align: middle
}
.card-block .table-border-radius {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}
.card-block .default-checkbox-align #checkbox1 {
    margin-right: 10px
}
.card-block .default-checkbox-align #radio {
    margin-right: 5px
}
.products-admin .product .product-box .product-imgbox .product-icon button {
    padding: 12px 15px
}
.product-wrap .product-detail .rating, .product-wrap .product-info .rating {
    margin-top: 15px
}
.product-page-main .product-slider .owl-stage-outer {
    margin-top: 0
}
.product-page-main .product-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.current {
    border: 1px solid #00baf2
}
.product-page-main .owl-stage-outer {
    margin-top: 30px
}
.product-page-main .owl-stage-outer .owl-stage .owl-item.active.current {
    border: 1px solid #00baf2 !important
}
.br-theme-fontawesome-stars-o .br-widget a {
    color: #ffa800
}
.br-theme-fontawesome-stars-o .br-widget a .br-selected, .br-theme-fontawesome-stars-o .br-widget a .br-active:after {
    color: #ffa800;
    font: normal normal normal 14px/1 FontAwesome
}
.nav-pills .nav-link.active, .nav-pills .nav-link>.nav-link, .nav-pills .show.active, .nav-pills .show>.nav-link {
    background-color: #00baf2
}
.deactivate-account {
    margin-top: 30px
}
.deactivate-account .btn {
    margin-top: 20px
}
.account-setting h5 {
    margin-bottom: 20px
}
.tab2-card ul {
    margin-bottom: 30px;
    border-bottom: 1px solid #dee2e6
}
.tab2-card ul li a svg {
    width: 18px;
    vertical-align: middle
}
.tab2-card .nav-tabs .nav-link {
    color: #333
}
.tab2-card .nav-tabs .nav-link.active, .tab2-card .nav-tabs .nav-link:focus, .tab2-card .nav-tabs .nav-link:hover {
    color: #00baf2;
    border-color: rgba(0, 0, 0, 0);
    border-bottom: 2px solid #00baf2
}
.tab2-card .nav-tabs .nav-item.show .nav-link {
    border-color: rgba(0, 0, 0, 0);
    border-bottom: 2px solid #00baf2
}
.profile-details img {
    margin-bottom: 20px
}
.profile-details .social {
    margin-top: 15px
}
.profile-details .social .btn-showcase {
    margin-bottom: -10px
}
.profile-details .social .btn-showcase .btn {
    padding: 8px 13px;
    margin: 0 3px 20px;
    border-radius: 100%;
    width: 40px;
    height: 40px
}
.profile-details .social .btn-showcase .btn-fb {
    background-color: #50598e;
    color: #fff
}
.profile-details .social .btn-showcase .btn-google {
    background-color: #c64e40;
    color: #fff
}
.profile-details .social .btn-showcase .btn-twitter {
    background-color: #6fa2d8;
    color: #fff
}
.project-status {
    margin-top: 20px
}
.project-status .media {
    margin-top: 20px
}
.sm-progress-bar {
    height: 6px
}
.profile-table table tbody tr td:first-child {
    min-width: 250px
}
.profile-table table th, .profile-table table td {
    border-top: none
}
.report-employee .card-header {
    border-bottom: none !important
}
.report-employee .flot-chart-container {
    height: 323px
}
.sales-chart {
    height: 307px
}
.sales-chart svg .ct-series-b .ct-point, .sales-chart svg .ct-series-b .ct-line, .sales-chart svg .ct-series-b .ct-bar, .sales-chart svg .ct-series-b .ct-slice-donut {
    stroke: #314da7
}
.expense-chart #area-chart1 {
    height: 307px
}
.tab2-card .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.tab2-card .media img {
    margin-right: 20px
}
footer.blockquote-footer {
    bottom: unset
}
.bg-black {
    background-color: #000
}
.datepicker {
    -webkit-box-shadow: 0 4px 14px rgba(0, 186, 242, 0.15);
    box-shadow: 0 4px 14px rgba(0, 186, 242, 0.15)
}
.datepicker--day-name {
    color: #000;
    font-weight: bold
}
.datepicker--cell.-current- {
    color: #000;
    border-radius: 5px;
    font-weight: bold;
    border: 2px solid #00baf2
}
.datepicker--cell.-focus- {
    background: #00baf2;
    color: #fff
}
.datepicker--cell.-selected- {
    background: #00baf2
}
.dropzone .dz-preview {
    -webkit-box-shadow: 0px 0px 3px #00baf2;
    box-shadow: 0px 0px 3px #00baf2
}
.dropzone .dz-preview .dz-error-message {
    color: #00baf2 !important;
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid #00baf2 !important
}
.dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #00baf2 !important
}
.tab-coupon {
    margin-bottom: 30px
}
.needs-validation .permission-block .attribute-blocks {
    padding-left: 15px
}
.needs-validation .permission-block .attribute-blocks .row {
    padding-left: 20px
}
.needs-validation .permission-block .attribute-blocks+.attribute-blocks h5 {
    margin-top: 30px
}
.needs-validation .permission-block .attribute-blocks h6 {
    border-bottom: 1px solid #eff0f1;
    margin-bottom: 15px;
    padding-bottom: 5px
}
.needs-validation h4 {
    font-weight: 600;
    margin-bottom: 20px
}
.needs-validation input {
    font-size: 14px
}
.needs-validation .form-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.needs-validation .form-group label {
    margin-bottom: 0;
        font-size: 18px;
        text-align:right;
        
    float: right;
}
.needs-validation .form-group label span {
    color: red
}
.needs-validation .form-group .checkbox {
    padding-left: 0
}
.needs-validation .editor-label {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}
.needs-validation .editor-space {
    padding: 0
}
.needs-validation .checkbox input {
    opacity: 0
}
.needs-validation .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 16px;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px
}
.needs-validation .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -16px;
    border: 1px solid #e8ebf2;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out
}
.needs-validation .checkbox input[type="checkbox"]:checked+label::before {
    font-family: IcoFont;
    content: "\efab";
    text-align: center;
    line-height: 1;
    font-size: 18px
}
.needs-validation .checkbox-primary input[type="checkbox"]:checked+label::before {
    border-color: #00baf2;
    color: #00baf2
}
.needs-validation .radio-animated label {
    margin-right: 20px
}
.needs-validation textarea {
    border: 1px solid #ced4da;
    border-radius: 0.25rem
}
.badge-warning {
    color: #fff
}
div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 25px
}
.dataTables_wrapper .dataTables_length {
    margin-bottom: 30px
}
.dataTables_wrapper .dataTables_length label select {
    border-color: #eff0f1
}
.dataTables_wrapper .dataTables_filter input[type="search"] {
    border: 1px solid #eff0f1;
    padding: 0 15px;
    margin-left: 10px;
    height: 37px;
    border-radius: 0
}
.dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #f6f7fb;
    border-radius: 0.25rem;
    padding-top: 0
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: #00baf2;
    color: #fff !important;
    border: 1px solid #00baf2;
    -webkit-box-shadow: none;
    box-shadow: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #00baf2;
    color: #2a3142 !important;
    background: transparent !important
}
.dataTables_wrapper table.dataTable {
    border: 1px solid #ebf1ff;
    width: 100%;
    overflow-x: auto
}
    .dataTables_wrapper table.dataTable.row-border tbody th, .dataTables_wrapper table.dataTable.row-border tbody td, .dataTables_wrapper table.dataTable.display tbody th, .dataTables_wrapper table.dataTable.display tbody td {
        border-top: 1px solid #ebf1ff !important;
        font-size: 18px;
        font-family: 'Cairo', sans-serif !important;
    }
.dataTables_wrapper table.dataTable tbody tr {
    background-color: rgba(241, 244, 251, 0.5)
}
.dataTables_wrapper table.dataTable tbody tr:hover {
    background-color: rgba(241, 244, 251, 0.7)
}
.dataTables_wrapper table.dataTable tbody tr .sorting_1 {
    background-color: rgba(241, 244, 251, 0.2) !important
}
.dataTables_wrapper table.dataTable tbody tr.odd {
    background-color: #fff
}
.dataTables_wrapper table.dataTable .vendor-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.dataTables_wrapper table.dataTable .vendor-list img {
    margin-right: 20px;
    height: 40px;
    width: auto !important
}
.dataTables_wrapper table.dataTable td {
    padding: 0.75rem !important
}
    .dataTables_wrapper table.dataTable th {
        background-color: #f1f4fb !important;
        padding: 24px 0.75rem !important;
        font-family: 'Cairo', sans-serif !important;
    }
.dataTables_wrapper table.dataTable thead .sorting:before, .dataTables_wrapper table.dataTable thead .sorting:after, .dataTables_wrapper table.dataTable thead .sorting_asc:before, .dataTables_wrapper table.dataTable thead .sorting_asc:after, .dataTables_wrapper table.dataTable thead .sorting_desc:before, .dataTables_wrapper table.dataTable thead .sorting_desc:after, .dataTables_wrapper table.dataTable thead .sorting_asc_disabled:before, .dataTables_wrapper table.dataTable thead .sorting_asc_disabled:after, .dataTables_wrapper table.dataTable thead .sorting_desc_disabled:before, .dataTables_wrapper table.dataTable thead .sorting_desc_disabled:after {
    bottom: 25px
}
.category-table table tr td:nth-child(3), .category-table table tr th:nth-child(3) {
    text-align: left
}
.order-table table tr td:nth-child(3), .order-table table tr th:nth-child(3) {
    text-align: center !important
}
.product-list table tr td, .product-list table tr th, .report-table table tr td, .report-table table tr th {
    text-align: left !important
}
.product-list table tr td:last-child, .product-list table tr th:last-child, .report-table table tr td:last-child, .report-table table tr th:last-child {
    text-align: center !important
}
.product-list table .jsgrid-filter-row, .report-table table .jsgrid-filter-row {
    display: none !important
}
.product-list table .jsgrid-cell, .report-table table .jsgrid-cell {
    padding: 0.75rem
}
.jsgrid-pager {
    padding: 2em 0 0
}
.jsgrid-grid-header {
    border: 1px solid #e8efff
}
.user-list img {
    border-radius: 100%
}
.btn {
    font-size: 14px;
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
    letter-spacing: 1px
}
.btn-lg {
    font-size: 18px
}
.btn-sm {
    font-size: 12px
}
.btn-xs {
    padding: 0.05rem 0.4rem;
    font-size: 11px
}
.large-btn {
    margin-bottom: -20px
}
.large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px
}
.btn-air-primary {
    -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important
}
.btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: #0093bf;
    border-color: #0093bf
}
.btn-air-secondary {
    -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important
}
.btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: #253b80;
    border-color: #253b80
}
.btn-air-success {
    -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important
}
.btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
    background-color: #0da97a;
    border-color: #0da97a
}
.btn-air-danger {
    -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important
}
.btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: #da3c3c;
    border-color: #da3c3c
}
.btn-air-info {
    -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important
}
.btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
    background-color: #0086cc;
    border-color: #0086cc
}
.btn-air-light {
    -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important
}
.btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
    background-color: #dddde1;
    border-color: #dddde1
}
.btn-air-dark {
    -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important
}
.btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: #161a23;
    border-color: #161a23
}
.btn-air-warning {
    -webkit-box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
    box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important
}
.btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: #009c9e;
    border-color: #009c9e
}
.input-air-primary {
    -webkit-box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important;
    box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important
}
.input-air-primary:focus {
    border-color: #00baf2
}
.input-air-secondary {
    -webkit-box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important;
    box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important
}
.input-air-secondary:focus {
    border-color: #314da7
}
.input-air-success {
    -webkit-box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important;
    box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important
}
.input-air-success:focus {
    border-color: #11d89c
}
.input-air-danger {
    -webkit-box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important;
    box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important
}
.input-air-danger:focus {
    border-color: #e26767
}
.input-air-info {
    -webkit-box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important;
    box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important
}
.input-air-info:focus {
    border-color: #00a8ff
}
.input-air-light {
    -webkit-box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important;
    box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important
}
.input-air-light:focus {
    border-color: #f8f8f9
}
.input-air-dark {
    -webkit-box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important;
    box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important
}
.input-air-dark:focus {
    border-color: #2a3142
}
.input-air-warning {
    -webkit-box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important;
    box-shadow: 0 3px 5px 1px rgba(88, 103, 221, 0.15) !important
}
.input-air-warning:focus {
    border-color: #00ced1
}
.form-bg-primary {
    background: #00baf2;
    border-color: #00baf2;
    color: #fff
}
.form-bg-primary:focus {
    border-color: #00baf2;
    background: #00baf2;
    color: #fff
}
.form-bg-primary:focus:active {
    border-color: #00baf2;
    background: #00baf2;
    color: #fff
}
.form-bg-secondary {
    background: #314da7;
    border-color: #314da7;
    color: #fff
}
.form-bg-secondary:focus {
    border-color: #314da7;
    background: #314da7;
    color: #fff
}
.form-bg-secondary:focus:active {
    border-color: #314da7;
    background: #314da7;
    color: #fff
}
.form-bg-success {
    background: #11d89c;
    border-color: #11d89c;
    color: #fff
}
.form-bg-success:focus {
    border-color: #11d89c;
    background: #11d89c;
    color: #fff
}
.form-bg-success:focus:active {
    border-color: #11d89c;
    background: #11d89c;
    color: #fff
}
.form-bg-danger {
    background: #e26767;
    border-color: #e26767;
    color: #fff
}
.form-bg-danger:focus {
    border-color: #e26767;
    background: #e26767;
    color: #fff
}
.form-bg-danger:focus:active {
    border-color: #e26767;
    background: #e26767;
    color: #fff
}
.form-bg-info {
    background: #00a8ff;
    border-color: #00a8ff;
    color: #fff
}
.form-bg-info:focus {
    border-color: #00a8ff;
    background: #00a8ff;
    color: #fff
}
.form-bg-info:focus:active {
    border-color: #00a8ff;
    background: #00a8ff;
    color: #fff
}
.form-bg-light {
    background: #f8f8f9;
    border-color: #f8f8f9;
    color: #2a3142
}
.form-bg-light:focus {
    border-color: #f8f8f9;
    background: #f8f8f9;
    color: #2a3142
}
.form-bg-light:focus:active {
    border-color: #f8f8f9;
    background: #f8f8f9;
    color: #2a3142
}
.form-bg-dark {
    background: #2a3142;
    border-color: #2a3142;
    color: #fff
}
.form-bg-dark:focus {
    border-color: #2a3142;
    background: #2a3142;
    color: #fff
}
.form-bg-dark:focus:active {
    border-color: #2a3142;
    background: #2a3142;
    color: #fff
}
.form-bg-warning {
    background: #00ced1;
    border-color: #00ced1;
    color: #fff
}
.form-bg-warning:focus {
    border-color: #00ced1;
    background: #00ced1;
    color: #fff
}
.form-bg-warning:focus:active {
    border-color: #00ced1;
    background: #00ced1;
    color: #fff
}
.btn-warning {
    color: #fff
}
.btn-warning:hover, .btn-warning.disabled {
    color: #fff
}
.btn-primary-gradien {
    background-image: -webkit-gradient(linear, left top, right top, from(#1ccaff), color-stop(51%, #009bc9), to(#1ccaff));
    background-image: linear-gradient(to right, #1ccaff 0%, #009bc9 51%, #1ccaff 100%);
    border: none;
    color: #fff;
    background-size: auto 200%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
    -webkit-transition: 1.5s;
    transition: 1.5s;
    background-position: right center;
    background-image: -webkit-gradient(linear, left top, right top, from(#1ccaff), color-stop(0%), color-stop(#009bc9), color-stop(100%), to(#fff)) !important;
    background-image: linear-gradient(to right, #1ccaff, 0%, #009bc9, 100%, #fff) !important
}
.btn-secondary-gradien {
    background-image: -webkit-gradient(linear, left top, right top, from(#3b5cc6), color-stop(51%, #283e87), to(#3b5cc6));
    background-image: linear-gradient(to right, #3b5cc6 0%, #283e87 51%, #3b5cc6 100%);
    border: none;
    color: #fff;
    background-size: auto 200%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
    -webkit-transition: 1.5s;
    transition: 1.5s;
    background-position: right center;
    background-image: -webkit-gradient(linear, left top, right top, from(#3b5cc6), color-stop(0%), color-stop(#283e87), color-stop(100%), to(#fff)) !important;
    background-image: linear-gradient(to right, #3b5cc6, 0%, #283e87, 100%, #fff) !important
}
.btn-success-gradien {
    background-image: -webkit-gradient(linear, left top, right top, from(#24eeb1), color-stop(51%, #0eb281), to(#24eeb1));
    background-image: linear-gradient(to right, #24eeb1 0%, #0eb281 51%, #24eeb1 100%);
    border: none;
    color: #fff;
    background-size: auto 200%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
    -webkit-transition: 1.5s;
    transition: 1.5s;
    background-position: right center;
    background-image: -webkit-gradient(linear, left top, right top, from(#24eeb1), color-stop(0%), color-stop(#0eb281), color-stop(100%), to(#fff)) !important;
    background-image: linear-gradient(to right, #24eeb1, 0%, #0eb281, 100%, #fff) !important
}
.btn-danger-gradien {
    background-image: -webkit-gradient(linear, left top, right top, from(#e98989), color-stop(51%, #db4545), to(#e98989));
    background-image: linear-gradient(to right, #e98989 0%, #db4545 51%, #e98989 100%);
    border: none;
    color: #fff;
    background-size: auto 200%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
    -webkit-transition: 1.5s;
    transition: 1.5s;
    background-position: right center;
    background-image: -webkit-gradient(linear, left top, right top, from(#e98989), color-stop(0%), color-stop(#db4545), color-stop(100%), to(#fff)) !important;
    background-image: linear-gradient(to right, #e98989, 0%, #db4545, 100%, #fff) !important
}
.btn-warning-gradien {
    background-image: -webkit-gradient(linear, left top, right top, from(#00f6fa), color-stop(51%, #00a6a8), to(#00f6fa));
    background-image: linear-gradient(to right, #00f6fa 0%, #00a6a8 51%, #00f6fa 100%);
    border: none;
    color: #fff;
    background-size: auto 200%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
    -webkit-transition: 1.5s;
    transition: 1.5s;
    background-position: right center;
    background-image: -webkit-gradient(linear, left top, right top, from(#00f6fa), color-stop(0%), color-stop(#00a6a8), color-stop(100%), to(#fff)) !important;
    background-image: linear-gradient(to right, #00f6fa, 0%, #00a6a8, 100%, #fff) !important
}
.btn-info-gradien {
    background-image: -webkit-gradient(linear, left top, right top, from(#29b6ff), color-stop(51%, #008dd6), to(#29b6ff));
    background-image: linear-gradient(to right, #29b6ff 0%, #008dd6 51%, #29b6ff 100%);
    border: none;
    color: #fff;
    background-size: auto 200%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
    -webkit-transition: 1.5s;
    transition: 1.5s;
    background-position: right center;
    background-image: -webkit-gradient(linear, left top, right top, from(#29b6ff), color-stop(0%), color-stop(#008dd6), color-stop(100%), to(#fff)) !important;
    background-image: linear-gradient(to right, #29b6ff, 0%, #008dd6, 100%, #fff) !important
}
.btn-light-gradien {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(51%, #e2e2e6), to(#fff));
    background-image: linear-gradient(to right, #fff 0%, #e2e2e6 51%, #fff 100%);
    border: none;
    color: #fff;
    background-size: auto 200%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
    -webkit-transition: 1.5s;
    transition: 1.5s;
    background-position: right center;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(0%), color-stop(#e2e2e6), color-stop(100%), to(#fff)) !important;
    background-image: linear-gradient(to right, #fff, 0%, #e2e2e6, 100%, #fff) !important
}
.btn-dark-gradien {
    background-image: -webkit-gradient(linear, left top, right top, from(#3a445b), color-stop(51%, #1a1e29), to(#3a445b));
    background-image: linear-gradient(to right, #3a445b 0%, #1a1e29 51%, #3a445b 100%);
    border: none;
    color: #fff;
    background-size: auto 200%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
    -webkit-transition: 1.5s;
    transition: 1.5s;
    background-position: right center;
    background-image: -webkit-gradient(linear, left top, right top, from(#3a445b), color-stop(0%), color-stop(#1a1e29), color-stop(100%), to(#fff)) !important;
    background-image: linear-gradient(to right, #3a445b, 0%, #1a1e29, 100%, #fff) !important
}
[class*='-gradien']:hover {
    background-size: 50% 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff
}
.card {
    margin-bottom: 30px;
    border: 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05)
}
.card.card-load .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 8;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.card.card-load .card-loader i {
    margin: 0 auto;
    color: #00baf2;
    font-size: 20px
}
.card.full-card {
    position: fixed;
    top: 80px;
    z-index: 99999;
    -webkit-box-shadow: none;
    box-shadow: none;
    right: 0;
    border-radius: 0;
    border: 1px solid #eff0f1;
    width: calc(100vw - 272px);
    height: calc(100vh - 80px)
}
.card.full-card .card-body {
    overflow: auto
}
.card .card-header {
    background-color: #fff;
    border-bottom: none;
    padding: 30px;
    border-bottom: 1px solid #f8f8f9;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}
.card .card-header .card-header-right {
    border-radius: 0 0 0 7px;
    right: 20px;
    top: 25px;
    display: inline-block;
    float: right;
    padding: 7px 0;
    position: absolute;
    background-color: #fff
}
.card .card-header .card-header-right .card-option {
    text-align: right;
    width: 35px;
    height: 20px;
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}
.card .card-header .card-header-right .card-option li {
    display: inline-block
}
.card .card-header .card-header-right i {
    margin: 0 5px;
    cursor: pointer;
    color: #2a3142;
    line-height: 20px
}
.card .card-header .card-header-right i.icofont-refresh {
    font-size: 13px
}
.card .card-header h5 {
    font-size: 18px;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 24px
}
.card .card-header>span {
    font-size: 12px;
    color: #777;
    margin-top: 5px;
    display: block;
    letter-spacing: 1px
}
.card .card-body {
    padding: 30px;
    background-color: rgba(0, 0, 0, 0)
}
.card .card-body p:last-child {
    margin-bottom: 0
}
.card .sub-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    margin-bottom: 8px;
    font-size: 18px
}
.card .card-footer {
    background-color: #fff;
    border-top: 1px solid #f8f8f9;
    padding: 30px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}
.card-header .nav-material {
    margin-bottom: -13px
}
footer {
    background-color: #fff;
    border-top: 1px solid #f8f8f9;
    padding: 15px;
    bottom: 0;
    left: 0
}
footer a {
    font-weight: 600
}
footer.footer-starter-kit {
    bottom: -52px
}
.blockquote-footer {
    margin-left: 0 !important;
    width: 885px !important
}
.page-wrapper .page-body-wrapper footer {
    margin-left: 255px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    bottom: 0;
    z-index: 8
}
.page-wrapper .page-body-wrapper footer p {
    color: #a5a5a5
}
.page-wrapper .page-body-wrapper footer p i {
    color: #e26767;
    margin-left: 5px
}
body {
    background-color: rgba(246, 246, 246, 0.6);
    font-size: 14px;
    overflow-x: hidden;
   font-family: 'Cairo', sans-serif;
    color: #313131
}
ul {
    padding-left: 0px;
    list-style-type: none;
    margin-bottom: 0;
    padding-right: 0px
}
* a {
    color: #00baf2
}
*.btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
p {
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: .7px
}
code {
    color: #00baf2 !important;
    background-color: #f8f8f9;
    padding: 3px;
    margin: 0 3px;
    border-radius: 2px
}
blockquote {
    border-left: 4px solid #e8ebf2;
    padding: 15px
}
blockquote.text-center {
    border: none;
    padding: 15px
}
blockquote.text-right {
    border-left: none;
    border-right: 4px solid #e8ebf2;
    padding: 15px
}
:focus {
    outline-color: #00baf2
}
.disabled {
    cursor: not-allowed;
    opacity: 0.5
}
svg {
    vertical-align: baseline
}
input:focus {
    outline-color: rgba(0, 0, 0, 0)
}
.txt-dark {
    color: #1b252a !important
}
.txt-success {
    color: #11d89c !important
}
.txt-danger {
    color: #e26767 !important
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li:hover>a, .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li.active>a {
    color: #fff;
    border-left-color: #2a3142;
    -webkit-transition: .3s;
    transition: .3s
}
.onhover-show-div {
    -webkit-box-shadow: 0 0 2px 2px #f8f8f9;
    box-shadow: 0 0 2px 2px #f8f8f9;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    left: 0
}
.nav-menus .onhover-dropdown:hover .onhover-show-div {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible
}
.nav-menus .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2
}
.nav-menus .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #898989;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1
}
.page-wrapper .page-main-header {
    background-color: #fff;
    height: 80px;
    position: fixed;
    top: 0;
    z-index: 10;
    -webkit-box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05);
    box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05);
    width: calc(100% - 0px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-main-header .main-header-left {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    z-index: 10
}
.page-wrapper .page-main-header .main-header-left .logo-wrapper {
    padding-left: 10px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.page-wrapper .page-main-header .main-header-left .logo-wrapper img {
    width: 95%
}
.page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 80px;
    padding: 0 15px;
    position: relative;
    background-color: #f8f8f9
}
.page-wrapper .page-body-wrapper .page-header {
    padding-top: 30px;
    padding-bottom: 30px
}
.page-wrapper .page-body-wrapper .page-header .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.page-wrapper .page-body-wrapper .page-header .row .page-header-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.page-wrapper .page-body-wrapper .page-header .row h3 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Cairo', sans-serif;
}
.page-wrapper .page-body-wrapper .page-header .row h3 small {
    display: block;
    font-size: 12px;
    margin-top: 7px;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #777
}
.page-wrapper .page-body-wrapper .page-header .breadcrumb {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    margin-bottom: 0
}
.page-wrapper .page-body-wrapper .page-header .breadcrumb .breadcrumb-item {
    font-family: 'Cairo', sans-serif;
}
.page-wrapper .page-body-wrapper .page-header .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "/"
}
.page-wrapper .page-body-wrapper .page-header .breadcrumb .breadcrumb-item a svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top
}
.offcanvas .page-wrapper .page-body-wrapper .page-body {
    position: relative
}
.offcanvas .page-wrapper .page-body-wrapper .page-body:before {
    position: fixed;
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    z-index: 10;
    right: 0;
    left: 255px
}
.page-main-header {
    max-width: 100vw
}
.page-main-header .main-header-right {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px;
    margin: 0
}
.page-main-header .main-header-right svg {
    color: #00baf2
}
.page-main-header .main-header-right svg line, .page-main-header .main-header-right svg polyline {
    color: #00baf2
}
.page-main-header .main-header-right .onhover-dropdown .onhover-show-div {
    border: none;
    -webkit-box-shadow: 0 2px 24px 4px #f2f2f2;
    box-shadow: 0 2px 24px 4px #f2f2f2
}
.page-main-header .main-header-right .nav-left i {
    margin-right: 20px
}
.page-main-header .main-header-right .nav-left input:focus {
    outline: 0 !important
}
.page-main-header .main-header-right .nav-right {
    text-align: right;
    padding-left: 0px
}
.page-main-header .main-header-right .nav-right ul li .media .dotted-animation {
    position: relative;
    right: -3px;
    top: -7px
}
.page-main-header .main-header-right .nav-right ul li .media .dotted-animation .animate-circle {
    position: absolute;
    top: -20px;
    right: -4px;
    height: 25px;
    width: 25px;
    z-index: 10;
    border: 5px solid #00baf2;
    border-radius: 70px;
    -webkit-animation: heartbit 1s ease-out;
    animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.page-main-header .main-header-right .nav-right ul li .media .dotted-animation .main-circle {
    width: 6px;
    height: 6px;
    border-radius: 30px;
    background-color: #00baf2;
    position: absolute;
    right: 6px;
    top: -10px
}
.page-main-header .main-header-right .nav-right ul li svg {
    margin-top: 10px;
    width: 18px;
    height: 18px
}
.page-main-header .main-header-right .nav-right ul li svg path {
    color: #00baf2
}
.page-main-header .main-header-right .nav-right ul li .dot {
    width: 3px;
    height: 3px;
    border-radius: 30px;
    background-color: #00baf2;
    position: absolute;
    right: 17px;
    bottom: 6px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite
}
.page-main-header .main-header-right .nav-right ul li .dot-chat {
    right: 4px;
    bottom: -11px
}
.page-main-header .main-header-right .nav-right .notification {
    position: absolute;
    top: 21px;
    right: -1px;
    font-size: 9px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite
}
@-webkit-keyframes blink {
    0% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
@keyframes blink {
    0% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
.page-main-header .main-header-right .nav-right .icon-user {
    font-size: 16px
}
@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: .1
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .3
    }
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: .1
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .3
    }
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
.page-main-header .main-header-right .nav-right>ul {
    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
}
.page-main-header .main-header-right .nav-right>ul>li {
    position: relative;
    border-left: 1px solid #eff0f1;
    padding: 0 20px
}
.page-main-header .main-header-right .nav-right>ul>li:first-child {
    width: 64%;
    border-left: none;
    margin: 0 auto
}
.page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group {
    width: 100%;
    position: relative
}
.page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group:focus {
    outline-color: transparent
}
.page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group input:focus {
    outline-color: transparent
}
.page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 25px;
    background: #e8ebf2;
    left: 51px;
    top: 9px
}
.page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group:after {
    position: absolute;
    content: "\f002";
    font-family: FontAwesome;
    top: 11px;
    left: 22px;
    color: #8e8e8e
}
.page-main-header .main-header-right .nav-right>ul>li:last-child {
    border-left: none;
    padding-right: 0
}
.page-main-header .main-header-right .nav-right>ul>li:nth-child(5) {
    border-left: none;
    border-right: 1px solid #eff0f1;
    padding-left: 0
}
.page-main-header .main-header-right .nav-right>ul>li h6 {
    margin: 10px 0;
    color: #00baf2
}
.page-main-header .main-header-right .nav-right>ul>li h6 ul {
    left: inherit;
    right: -10px;
    width: 130px
}
.page-main-header .main-header-right .nav-right>ul>li h6 ul:before, .page-main-header .main-header-right .nav-right>ul>li h6 ul:after {
    left: inherit;
    right: 10px
}
.page-main-header .main-header-right .nav-right>ul>li h6 ul li {
    display: block
}
.page-main-header .main-header-right .nav-right>ul>li h6 ul li a {
    font-size: 14px;
    color: #2a3142
}
.page-main-header .main-header-right .nav-right>ul>li h6 ul li a i {
    margin-left: 10px;
    font-size: 13px;
    color: #2a3142
}
.page-main-header .main-header-right .nav-right>ul .flag-icon {
    font-size: 16px
}
.page-main-header .main-header-right .nav-right .notification-dropdown {
    top: 57px
}
.page-main-header .main-header-right .nav-right .language-dropdown {
    width: 160px;
    text-align: left;
    top: 57px
}
.page-main-header .main-header-right .nav-right .language-dropdown li {
    padding-top: 10px
}
.page-main-header .main-header-right .nav-right .language-dropdown li a {
    color: #2a3142
}
.page-main-header .main-header-right .nav-right .language-dropdown li a i {
    margin-right: 10px
}
.page-main-header .main-header-right .nav-right .language-dropdown li:first-child {
    padding-top: 0
}
.page-main-header .main-header-right .nav-right .profile-dropdown {
    right: -10px;
    left: inherit;
    width: 150px;
    top: 63px
}
.page-main-header .main-header-right .nav-right .profile-dropdown:before, .page-main-header .main-header-right .nav-right .profile-dropdown:after {
    left: inherit;
    right: 10px
}
.page-main-header .main-header-right .nav-right .profile-dropdown li {
    display: block;
    text-align: left;
    padding-top: 10px
}
.page-main-header .main-header-right .nav-right .profile-dropdown li:nth-child(3) {
    padding-bottom: 10px
}
.page-main-header .main-header-right .nav-right .profile-dropdown li:nth-child(4) {
    border-top: 1px solid #eff0f1
}
.page-main-header .main-header-right .nav-right .profile-dropdown li:first-child {
    padding-top: 0
}
.page-main-header .main-header-right .nav-right .profile-dropdown li:hover a {
    color: #00baf2;
    -webkit-transition: .3s;
    transition: .3s
}
.page-main-header .main-header-right .nav-right .profile-dropdown li:hover a svg {
    color: #00baf2 !important
}
.page-main-header .main-header-right .nav-right .profile-dropdown li:hover a svg path, .page-main-header .main-header-right .nav-right .profile-dropdown li:hover a svg line, .page-main-header .main-header-right .nav-right .profile-dropdown li:hover a svg polyline {
    color: #00baf2 !important
}
.page-main-header .main-header-right .nav-right .profile-dropdown li a {
    color: #313131;
    -webkit-transition: .3s;
    transition: .3s;
    display: block
}
.page-main-header .main-header-right .nav-right .profile-dropdown li a svg {
    color: #313131;
    width: 16px;
    height: 16px;
    vertical-align: middle
}
.page-main-header .main-header-right .nav-right .profile-dropdown li a svg polyline {
    color: #313131
}
.page-main-header .main-header-right li {
    display: inline-block;
    position: relative
}
.nav-menus .notification-badge {
    position: absolute;
    right: 10px;
    top: 1px;
    padding: 4px 7px
}
.nav-menus .onhover-dropdown {
    cursor: pointer;
    position: relative
}
.nav-menus .onhover-dropdown:before {
    display: none
}
ul.notification-dropdown.onhover-show-div {
    width: 330px;
    right: -18px;
    left: initial
}
ul.notification-dropdown.onhover-show-div:before, ul.notification-dropdown.onhover-show-div:after {
    left: inherit !important;
    right: 35px !important
}
ul.notification-dropdown.onhover-show-div li {
    display: block;
    padding: 12px 20px;
    border-bottom: 1px solid #eff0f1;
    text-align: left
}
ul.notification-dropdown.onhover-show-div li:hover {
    background-color: #f8f8f9
}
ul.notification-dropdown.onhover-show-div li .notification-icons {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
ul.notification-dropdown.onhover-show-div li .notification-icons svg {
    color: #fff;
    margin-top: 0
}
ul.notification-dropdown.onhover-show-div li .notification-icons svg path, ul.notification-dropdown.onhover-show-div li .notification-icons svg line, ul.notification-dropdown.onhover-show-div li .notification-icons svg polyline {
    color: #fff
}
ul.notification-dropdown.onhover-show-div li h6 {
    margin: 4px 0 !important
}
ul.notification-dropdown.onhover-show-div li h6 small {
    padding-top: 5px;
    color: #898989;
    font-size: 12px
}
ul.notification-dropdown.onhover-show-div li span svg {
    margin-top: 0 !important;
    margin-right: 10px;
    vertical-align: text-top
}
ul.notification-dropdown.onhover-show-div li span .shopping-color path, ul.notification-dropdown.onhover-show-div li span .shopping-color line {
    color: #00baf2
}
ul.notification-dropdown.onhover-show-div li span .download-color path, ul.notification-dropdown.onhover-show-div li span .download-color line {
    color: #11d89c
}
ul.notification-dropdown.onhover-show-div li span .alert-color path, ul.notification-dropdown.onhover-show-div li span .alert-color line {
    color: #e26767
}
.onhover-show-div {
    top: 80px;
    position: absolute;
    z-index: 8;
    background-color: #fff;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s
}
.onhover-show-div li a svg {
    margin-top: 0 !important
}
.onhover-show-div li a svg path, .onhover-show-div li a svg line {
    color: #313131 !important
}
.nav-menus .search-form input {
    border: 1px solid #eff0f1;
    padding: 10px 10px 10px 70px;
    border-radius: 50px;
    background-color: #f8f8f9
}
.page-wrapper .page-body-wrapper .sidebar {
    height: calc(100vh - 80px);
    overflow: auto;
    -webkit-box-shadow: 0 0 11px rgba(143, 164, 232, 0.08);
    box-shadow: 0 0 11px rgba(143, 164, 232, 0.08)
}
.page-wrapper .page-body-wrapper .page-sidebar {
    width: 255px;
    position: fixed;
    background: #242934;
    top: 80px;
    height: calc(100vh);
    z-index: 9;
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-user {
    padding: 25px 10px;
    -webkit-box-shadow: 3px 2px 7px -1px rgba(127, 151, 249, 0.13);
    box-shadow: 3px 2px 7px -1px rgba(127, 151, 249, 0.13);
    position: relative
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-user h6 {
    color: #00baf2;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 3px
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-user p {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    margin-bottom: 0px;
    color: #fff
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-user img {
    -webkit-box-shadow: 0 0 15px rgba(68, 102, 242, 0.3);
    box-shadow: 0 0 15px rgba(68, 102, 242, 0.3)
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 20px
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-header {
    font-size: 14px;
    letter-spacing: .5px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-header svg {
    width: 14px;
    height: 14px;
    margin-right: 14px;
    stroke-width: 3px;
    vertical-align: text-bottom
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu.menu-open li.active .fa-angle-down:before {
    content: "\f104";
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a {
    display: block;
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a.active {
    color: #00baf2;
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a:hover {
    color: #00baf2;
    padding-left: 3px;
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a i {
    margin-right: 7px;
    text-align: right;
    margin-top: 3px;
    font-size: 15px
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a i:before {
    content: ""
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a i~i {
    margin-right: 0
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li .label {
    margin-top: 3px;
    margin-right: 5px
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li .badge {
    margin-left: 50px;
    text-transform: capitalize
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.sidebar-header {
    margin-bottom: 0;
    padding: 15px;
    color: #fff;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li>a>.fa-angle-down {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    margin-top: 10px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.active>a>.fa-angle-right:before {
    content: "";
    font-family: FontAwesome;
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.active>.sidebar-submenu {
    display: block;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-left: 15px
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.active>.sidebar-submenu a i.pull-right {
    margin-top: 10px
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu a {
    text-decoration: none
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu {
    display: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    list-style: none
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu .sidebar-submenu {
    padding-top: 0 !important
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a {
    padding-bottom: 7px;
    padding-top: 7px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: capitalize;
    position: relative;
    padding-left: 10px;
    line-height: 2.5;
    letter-spacing: 0.7px
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a>.fa-circle {
    width: 12px;
    font-size: 4px;
    position: absolute;
    left: 0;
    top: 13px
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a>i {
    width: auto
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a>.fa-angle-down {
    width: auto
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a:hover {
    color: #00baf2;
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a.active {
    color: #00baf2
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li.active>a {
    color: #fff
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li.active>a.active {
    color: #00baf2
}
.page-wrapper .page-body-wrapper .page-sidebar~.page-body {
    margin-left: 255px;
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar.open {
    display: block;
    margin-left: -178px
}
.page-wrapper .page-body-wrapper .page-sidebar.open .sidebar-menu>li>a i {
    display: none
}
.page-wrapper .page-body-wrapper .page-sidebar.open .sidebar-menu li.active>.sidebar-submenu {
    display: none
}
.page-wrapper .page-body-wrapper .page-sidebar.open .sidebar .sidebar-menu svg {
    float: right;
    width: 18px;
    height: 18px;
    margin-right: 10px
}
.page-wrapper .page-body-wrapper .page-sidebar.open .sidebar .sidebar-user {
    text-align: right !important
}
.page-wrapper .page-body-wrapper .page-sidebar.open .sidebar .sidebar-user .img-60 {
    width: 40px !important;
    margin-right: 9px
}
.page-wrapper .page-body-wrapper .page-sidebar.open .sidebar .sidebar-user h6, .page-wrapper .page-body-wrapper .page-sidebar.open .sidebar .sidebar-user p {
    display: none
}
.page-wrapper .page-body-wrapper .page-sidebar.open:hover {
    margin-left: 0
}
.page-wrapper .page-body-wrapper .page-sidebar.open:hover .sidebar-menu>li>a i {
    display: block
}
.page-wrapper .page-body-wrapper .page-sidebar.open:hover .sidebar-menu li.active>.sidebar-submenu {
    display: block
}
.page-wrapper .page-body-wrapper .page-sidebar.open:hover .sidebar .sidebar-menu svg {
    float: none;
    width: 14px;
    height: 14px;
    margin-right: 15px
}
.page-wrapper .page-body-wrapper .page-sidebar.open:hover .sidebar .sidebar-user {
    text-align: center !important
}
.page-wrapper .page-body-wrapper .page-sidebar.open:hover .sidebar .sidebar-user .img-60 {
    width: 60px !important;
    margin-right: 0
}
.page-wrapper .page-body-wrapper .page-sidebar.open:hover .sidebar .sidebar-user h6, .page-wrapper .page-body-wrapper .page-sidebar.open:hover .sidebar .sidebar-user p {
    display: block
}
.page-wrapper .page-body-wrapper .page-sidebar.open~.page-body {
    margin-left: 77px;
    -webkit-transition: .3s;
    transition: .3s
}
.page-wrapper .page-body-wrapper .page-sidebar.open~footer {
    margin-left: 77px;
    padding-right: 15px
}
.page-wrapper .page-body-wrapper .page-sidebar.open~.footer-fix {
    width: calc(100% - 77px)
}
.page-wrapper .page-body-wrapper .sidebar-close .page-sidebar {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(-255px);
    transform: translate(-255px)
}
.page-wrapper .page-body-wrapper .sidebar-close .page-body {
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 0 !important
}
.right-sidebar {
    top: 81px;
    right: -285px;
    height: 100%;
    position: fixed;
    width: 285px;
    z-index: 9;
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36)
}
.right-sidebar.show {
    right: 0;
    -webkit-transition: .3s;
    transition: .3s
}
.right-sidebar .modal-header .modal-title {
    padding-top: 2px
}
.right-sidebar .friend-list-search {
    position: relative;
    background-color: #f8f8f9;
    padding: 20px
}
.right-sidebar .friend-list-search input {
    color: #898989;
    width: 100%;
    background-color: #fff;
    border: 1px solid #f8f8f9;
    padding: 10px 15px;
    border-radius: 25px;
    letter-spacing: 1px
}
.right-sidebar .friend-list-search .fa {
    position: absolute;
    right: 35px;
    top: 34px;
    font-size: 14px;
    color: #e8ebf2
}
.right-sidebar .chat-box .people-list ul {
    padding-top: 20px
}
.right-sidebar .chat-box .people-list ul li {
    position: relative
}
.right-sidebar svg {
    width: 16px;
    height: 16px;
    margin-top: 5px
}
.p-0 {
    padding: 0px
}
.p-5 {
    padding: 5px
}
.p-10 {
    padding: 10px
}
.p-15 {
    padding: 15px
}
.p-20 {
    padding: 20px
}
.p-25 {
    padding: 25px
}
.p-30 {
    padding: 30px
}
.p-35 {
    padding: 35px
}
.p-40 {
    padding: 40px
}
.p-45 {
    padding: 45px
}
.p-50 {
    padding: 50px
}
.p-l-0 {
    padding-left: 0px
}
.p-l-5 {
    padding-left: 5px
}
.p-l-10 {
    padding-left: 10px
}
.p-l-15 {
    padding-left: 15px
}
.p-l-20 {
    padding-left: 20px
}
.p-l-25 {
    padding-left: 25px
}
.p-l-30 {
    padding-left: 30px
}
.p-l-35 {
    padding-left: 35px
}
.p-l-40 {
    padding-left: 40px
}
.p-l-45 {
    padding-left: 45px
}
.p-l-50 {
    padding-left: 50px
}
.p-t-0 {
    padding-top: 0px !important
}
.p-t-5 {
    padding-top: 5px !important
}
.p-t-10 {
    padding-top: 10px !important
}
.p-t-15 {
    padding-top: 15px !important
}
.p-t-20 {
    padding-top: 20px !important
}
.p-t-25 {
    padding-top: 25px !important
}
.p-t-30 {
    padding-top: 30px !important
}
.p-t-35 {
    padding-top: 35px !important
}
.p-t-40 {
    padding-top: 40px !important
}
.p-t-45 {
    padding-top: 45px !important
}
.p-t-50 {
    padding-top: 50px !important
}
.p-b-0 {
    padding-bottom: 0px !important
}
.p-b-5 {
    padding-bottom: 5px !important
}
.p-b-10 {
    padding-bottom: 10px !important
}
.p-b-15 {
    padding-bottom: 15px !important
}
.p-b-20 {
    padding-bottom: 20px !important
}
.p-b-25 {
    padding-bottom: 25px !important
}
.p-b-30 {
    padding-bottom: 30px !important
}
.p-b-35 {
    padding-bottom: 35px !important
}
.p-b-40 {
    padding-bottom: 40px !important
}
.p-b-45 {
    padding-bottom: 45px !important
}
.p-b-50 {
    padding-bottom: 50px !important
}
.p-r-0 {
    padding-right: 0px
}
.p-r-5 {
    padding-right: 5px
}
.p-r-10 {
    padding-right: 10px
}
.p-r-15 {
    padding-right: 15px
}
.p-r-20 {
    padding-right: 20px
}
.p-r-25 {
    padding-right: 25px
}
.p-r-30 {
    padding-right: 30px
}
.p-r-35 {
    padding-right: 35px
}
.p-r-40 {
    padding-right: 40px
}
.p-r-45 {
    padding-right: 45px
}
.p-r-50 {
    padding-right: 50px
}
.m-0 {
    margin: 0px !important
}
.m-5 {
    margin: 5px !important
}
.m-10 {
    margin: 10px !important
}
.m-15 {
    margin: 15px !important
}
.m-20 {
    margin: 20px !important
}
.m-25 {
    margin: 25px !important
}
.m-30 {
    margin: 30px !important
}
.m-35 {
    margin: 35px !important
}
.m-40 {
    margin: 40px !important
}
.m-45 {
    margin: 45px !important
}
.m-50 {
    margin: 50px !important
}
.m-t-0 {
    margin-top: 0px !important
}
.m-t-5 {
    margin-top: 5px !important
}
.m-t-10 {
    margin-top: 10px !important
}
.m-t-15 {
    margin-top: 15px !important
}
.m-t-20 {
    margin-top: 20px !important
}
.m-t-25 {
    margin-top: 25px !important
}
.m-t-30 {
    margin-top: 30px !important
}
.m-t-35 {
    margin-top: 35px !important
}
.m-t-40 {
    margin-top: 40px !important
}
.m-t-45 {
    margin-top: 45px !important
}
.m-t-50 {
    margin-top: 50px !important
}
.m-b-0 {
    margin-bottom: 0px !important
}
.m-b-5 {
    margin-bottom: 5px !important
}
.m-b-10 {
    margin-bottom: 10px !important
}
.m-b-15 {
    margin-bottom: 15px !important
}
.m-b-20 {
    margin-bottom: 20px !important
}
.m-b-25 {
    margin-bottom: 25px !important
}
.m-b-30 {
    margin-bottom: 30px !important
}
.m-b-35 {
    margin-bottom: 35px !important
}
.m-b-40 {
    margin-bottom: 40px !important
}
.m-b-45 {
    margin-bottom: 45px !important
}
.m-b-50 {
    margin-bottom: 50px !important
}
.m-l-0 {
    margin-left: 0px !important
}
.m-l-5 {
    margin-left: 5px !important
}
.m-l-10 {
    margin-left: 10px !important
}
.m-l-15 {
    margin-left: 15px !important
}
.m-l-20 {
    margin-left: 20px !important
}
.m-l-25 {
    margin-left: 25px !important
}
.m-l-30 {
    margin-left: 30px !important
}
.m-l-35 {
    margin-left: 35px !important
}
.m-l-40 {
    margin-left: 40px !important
}
.m-l-45 {
    margin-left: 45px !important
}
.m-l-50 {
    margin-left: 50px !important
}
.m-r-0 {
    margin-right: 0px
}
.m-r-5 {
    margin-right: 5px
}
.m-r-10 {
    margin-right: 10px
}
.m-r-15 {
    margin-right: 15px
}
.m-r-20 {
    margin-right: 20px
}
.m-r-25 {
    margin-right: 25px
}
.m-r-30 {
    margin-right: 30px
}
.m-r-35 {
    margin-right: 35px
}
.m-r-40 {
    margin-right: 40px
}
.m-r-45 {
    margin-right: 45px
}
.m-r-50 {
    margin-right: 50px
}
.b-r-0 {
    border-radius: 0px !important
}
.b-r-1 {
    border-radius: 1px !important
}
.b-r-2 {
    border-radius: 2px !important
}
.b-r-3 {
    border-radius: 3px !important
}
.b-r-4 {
    border-radius: 4px !important
}
.b-r-5 {
    border-radius: 5px !important
}
.b-r-6 {
    border-radius: 6px !important
}
.b-r-7 {
    border-radius: 7px !important
}
.b-r-8 {
    border-radius: 8px !important
}
.b-r-9 {
    border-radius: 9px !important
}
.b-r-10 {
    border-radius: 10px !important
}
.f-12 {
    font-size: 12px
}
.f-14 {
    font-size: 14px
}
.f-16 {
    font-size: 16px
}
.f-18 {
    font-size: 18px
}
.f-20 {
    font-size: 20px
}
.f-22 {
    font-size: 22px
}
.f-24 {
    font-size: 24px
}
.f-26 {
    font-size: 26px
}
.f-28 {
    font-size: 28px
}
.f-30 {
    font-size: 30px
}
.f-32 {
    font-size: 32px
}
.f-34 {
    font-size: 34px
}
.f-36 {
    font-size: 36px
}
.f-38 {
    font-size: 38px
}
.f-40 {
    font-size: 40px
}
.f-42 {
    font-size: 42px
}
.f-44 {
    font-size: 44px
}
.f-46 {
    font-size: 46px
}
.f-48 {
    font-size: 48px
}
.f-50 {
    font-size: 50px
}
.f-52 {
    font-size: 52px
}
.f-54 {
    font-size: 54px
}
.f-56 {
    font-size: 56px
}
.f-58 {
    font-size: 58px
}
.f-60 {
    font-size: 60px
}
.f-62 {
    font-size: 62px
}
.f-64 {
    font-size: 64px
}
.f-66 {
    font-size: 66px
}
.f-68 {
    font-size: 68px
}
.f-70 {
    font-size: 70px
}
.f-72 {
    font-size: 72px
}
.f-74 {
    font-size: 74px
}
.f-76 {
    font-size: 76px
}
.f-78 {
    font-size: 78px
}
.f-80 {
    font-size: 80px
}
.f-82 {
    font-size: 82px
}
.f-84 {
    font-size: 84px
}
.f-86 {
    font-size: 86px
}
.f-88 {
    font-size: 88px
}
.f-90 {
    font-size: 90px
}
.f-92 {
    font-size: 92px
}
.f-94 {
    font-size: 94px
}
.f-96 {
    font-size: 96px
}
.f-98 {
    font-size: 98px
}
.f-100 {
    font-size: 100px
}
.f-w-100 {
    font-weight: 100
}
.f-w-300 {
    font-weight: 300
}
.f-w-400 {
    font-weight: 400
}
.f-w-600 {
    font-weight: 600
}
.f-w-700 {
    font-weight: 700
}
.f-w-900 {
    font-weight: 900
}
.f-s-normal {
    font-style: normal
}
.f-s-italic {
    font-style: italic
}
.f-s-oblique {
    font-style: oblique
}
.f-s-initial {
    font-style: initial
}
.f-s-inherit {
    font-style: inherit
}
.text-overline {
    text-decoration: overline
}
.text-line-through {
    text-decoration: line-through
}
.text-underline {
    text-decoration: underline
}
.text-dashed {
    -webkit-text-decoration: dashed;
    text-decoration: dashed
}
.text-blink {
    text-decoration: blink
}
.text-dotted {
    -webkit-text-decoration: dotted;
    text-decoration: dotted
}
.text-initial {
    text-decoration: initial
}
.text-none {
    text-decoration: none
}
.text-solid {
    -webkit-text-decoration: solid;
    text-decoration: solid
}
.text-wavy {
    -webkit-text-decoration: wavy;
    text-decoration: wavy
}
.text-inherit {
    text-decoration: inherit
}
.text-double {
    -webkit-text-decoration: double;
    text-decoration: double
}
.baseline {
    vertical-align: baseline
}
.sub {
    vertical-align: sub
}
.super {
    vertical-align: super
}
.top {
    vertical-align: top
}
.text-top {
    vertical-align: text-top
}
.middle {
    vertical-align: middle
}
.bottom {
    vertical-align: bottom
}
.text-bottom {
    vertical-align: text-bottom
}
.initial {
    vertical-align: initial
}
.inherit {
    vertical-align: inherit
}
.p-static {
    position: static
}
.p-absolute {
    position: absolute
}
.p-fixed {
    position: fixed
}
.p-relative {
    position: relative
}
.p-initial {
    position: initial
}
.p-inherit {
    position: inherit
}
.f-left {
    float: left
}
.f-right {
    float: right
}
.f-none {
    float: none
}
.o-hidden {
    overflow: hidden
}
.o-visible {
    overflow: visible
}
.o-auto {
    overflow: auto
}
.img-10 {
    width: 10px !important
}
.img-20 {
    width: 20px !important
}
.img-30 {
    width: 30px !important
}
.img-40 {
    width: 40px !important
}
.img-50 {
    width: 50px !important
}
.img-60 {
    width: 60px !important
}
.img-70 {
    width: 70px !important
}
.img-80 {
    width: 80px !important
}
.img-90 {
    width: 90px !important
}
.img-100 {
    width: 100px !important
}
.font-primary {
    color: #00baf2 !important
}
.font-secondary {
    color: #314da7 !important
}
.font-success {
    color: #11d89c !important
}
.font-danger {
    color: #e26767 !important
}
.font-info {
    color: #00a8ff !important
}
.font-light {
    color: #f8f8f9 !important
}
.font-dark {
    color: #2a3142 !important
}
.font-warning {
    color: #00ced1 !important
}
.label {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: capitalize
}
.label-theme {
    background-color: #00baf2
}
.label-primary {
    background-color: #00baf2
}
.label-secondary {
    background-color: #314da7
}
.label-success {
    background-color: #11d89c
}
.label-danger {
    background-color: #e26767
}
.label-info {
    background-color: #00a8ff
}
.label-light {
    background-color: #f8f8f9
}
.label-dark {
    background-color: #2a3142
}
.label-warning {
    background-color: #00ced1
}
.badge-primary {
    background-color: #00baf2
}
.badge-secondary {
    background-color: #314da7
}
.badge-success {
    background-color: #11d89c
}
.badge-danger {
    background-color: #e26767
}
.badge-info {
    background-color: #00a8ff
}
.badge-light {
    background-color: #f8f8f9
}
.badge-dark {
    background-color: #2a3142
}
.badge-warning {
    background-color: #00ced1
}
.bg-primary {
    background-color: #00baf2 !important;
    color: #fff
}
.bg-secondary {
    background-color: #314da7 !important;
    color: #fff
}
.bg-success {
    background-color: #11d89c !important;
    color: #fff
}
.bg-danger {
    background-color: #e26767 !important;
    color: #fff
}
.bg-info {
    background-color: #00a8ff !important;
    color: #fff
}
.bg-light {
    background-color: #f8f8f9 !important;
    color: #fff
}
.bg-dark {
    background-color: #2a3142 !important;
    color: #fff
}
.bg-warning {
    background-color: #00ced1 !important;
    color: #fff
}
.btn-primary {
    background-color: #00baf2 !important;
    border-color: #00baf2 !important
}
.btn-primary.disabled {
    background-color: #00baf2 !important;
    border-color: #00baf2 !important
}
.btn-primary:disabled {
    background-color: #00baf2 !important;
    border-color: #00baf2 !important
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #0093bf !important;
    border-color: #0093bf !important
}
.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #8ce4ff;
    box-shadow: 0 0 0 0.2rem #8ce4ff
}
.btn-secondary {
    background-color: #314da7 !important;
    border-color: #314da7 !important
}
.btn-secondary.disabled {
    background-color: #314da7 !important;
    border-color: #314da7 !important
}
.btn-secondary:disabled {
    background-color: #314da7 !important;
    border-color: #314da7 !important
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
    background-color: #253b80 !important;
    border-color: #253b80 !important
}
.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #92a4df;
    box-shadow: 0 0 0 0.2rem #92a4df
}
.btn-success {
    background-color: #11d89c !important;
    border-color: #11d89c !important
}
.btn-success.disabled {
    background-color: #11d89c !important;
    border-color: #11d89c !important
}
.btn-success:disabled {
    background-color: #11d89c !important;
    border-color: #11d89c !important
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    background-color: #0da97a !important;
    border-color: #0da97a !important
}
.btn-success:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #8cf6d6;
    box-shadow: 0 0 0 0.2rem #8cf6d6
}
.btn-danger {
    background-color: #e26767 !important;
    border-color: #e26767 !important
}
.btn-danger.disabled {
    background-color: #e26767 !important;
    border-color: #e26767 !important
}
.btn-danger:disabled {
    background-color: #e26767 !important;
    border-color: #e26767 !important
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    background-color: #da3c3c !important;
    border-color: #da3c3c !important
}
.btn-danger:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #fbe7e7;
    box-shadow: 0 0 0 0.2rem #fbe7e7
}
.btn-info {
    background-color: #00a8ff !important;
    border-color: #00a8ff !important
}
.btn-info.disabled {
    background-color: #00a8ff !important;
    border-color: #00a8ff !important
}
.btn-info:disabled {
    background-color: #00a8ff !important;
    border-color: #00a8ff !important
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    background-color: #0086cc !important;
    border-color: #0086cc !important
}
.btn-info:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #99dcff;
    box-shadow: 0 0 0 0.2rem #99dcff
}
.btn-light {
    background-color: #f8f8f9 !important;
    border-color: #f8f8f9 !important
}
.btn-light.disabled {
    background-color: #f8f8f9 !important;
    border-color: #f8f8f9 !important
}
.btn-light:disabled {
    background-color: #f8f8f9 !important;
    border-color: #f8f8f9 !important
}
.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active {
    background-color: #dddde1 !important;
    border-color: #dddde1 !important
}
.btn-light:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #fff;
    box-shadow: 0 0 0 0.2rem #fff
}
.btn-dark {
    background-color: #2a3142 !important;
    border-color: #2a3142 !important
}
.btn-dark.disabled {
    background-color: #2a3142 !important;
    border-color: #2a3142 !important
}
.btn-dark:disabled {
    background-color: #2a3142 !important;
    border-color: #2a3142 !important
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active {
    background-color: #161a23 !important;
    border-color: #161a23 !important
}
.btn-dark:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #67779e;
    box-shadow: 0 0 0 0.2rem #67779e
}
.btn-warning {
    background-color: #00ced1 !important;
    border-color: #00ced1 !important
}
.btn-warning.disabled {
    background-color: #00ced1 !important;
    border-color: #00ced1 !important
}
.btn-warning:disabled {
    background-color: #00ced1 !important;
    border-color: #00ced1 !important
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
    background-color: #009c9e !important;
    border-color: #009c9e !important
}
.btn-warning:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #6bfdff;
    box-shadow: 0 0 0 0.2rem #6bfdff
}
.btn-outline-primary-2x {
    border-width: 2px;
    border-color: #00baf2;
    color: #00baf2;
    background-color: transparent
}
.btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white;
    background-color: #0093bf !important;
    border-color: #0093bf !important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-outline-secondary-2x {
    border-width: 2px;
    border-color: #314da7;
    color: #314da7;
    background-color: transparent
}
.btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white;
    background-color: #253b80 !important;
    border-color: #253b80 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-outline-success-2x {
    border-width: 2px;
    border-color: #11d89c;
    color: #11d89c;
    background-color: transparent
}
.btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white;
    background-color: #0da97a !important;
    border-color: #0da97a !important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-outline-danger-2x {
    border-width: 2px;
    border-color: #e26767;
    color: #e26767;
    background-color: transparent
}
.btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white;
    background-color: #da3c3c !important;
    border-color: #da3c3c !important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-outline-info-2x {
    border-width: 2px;
    border-color: #00a8ff;
    color: #00a8ff;
    background-color: transparent
}
.btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white;
    background-color: #0086cc !important;
    border-color: #0086cc !important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-outline-light-2x {
    border-width: 2px;
    border-color: #f8f8f9;
    color: #f8f8f9;
    background-color: transparent
}
.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white;
    background-color: #dddde1 !important;
    border-color: #dddde1 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-outline-dark-2x {
    border-width: 2px;
    border-color: #2a3142;
    color: #2a3142;
    background-color: transparent
}
.btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white;
    background-color: #161a23 !important;
    border-color: #161a23 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-outline-warning-2x {
    border-width: 2px;
    border-color: #00ced1;
    color: #00ced1;
    background-color: transparent
}
.btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white;
    background-color: #009c9e !important;
    border-color: #009c9e !important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-outline-primary {
    border-color: #00baf2;
    color: #00baf2;
    background-color: transparent
}
.btn-outline-primary.disabled {
    color: #00baf2
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: white;
    background-color: #0093bf !important;
    border-color: #0093bf !important
}
.btn-outline-secondary {
    border-color: #314da7;
    color: #314da7;
    background-color: transparent
}
.btn-outline-secondary.disabled {
    color: #314da7
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: white;
    background-color: #253b80 !important;
    border-color: #253b80 !important
}
.btn-outline-success {
    border-color: #11d89c;
    color: #11d89c;
    background-color: transparent
}
.btn-outline-success.disabled {
    color: #11d89c
}
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: white;
    background-color: #0da97a !important;
    border-color: #0da97a !important
}
.btn-outline-danger {
    border-color: #e26767;
    color: #e26767;
    background-color: transparent
}
.btn-outline-danger.disabled {
    color: #e26767
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: white;
    background-color: #da3c3c !important;
    border-color: #da3c3c !important
}
.btn-outline-info {
    border-color: #00a8ff;
    color: #00a8ff;
    background-color: transparent
}
.btn-outline-info.disabled {
    color: #00a8ff
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: white;
    background-color: #0086cc !important;
    border-color: #0086cc !important
}
.btn-outline-light {
    border-color: #f8f8f9;
    color: #f8f8f9;
    background-color: transparent;
    color: #2a3142
}
.btn-outline-light.disabled {
    color: #f8f8f9
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: white;
    background-color: #dddde1 !important;
    border-color: #dddde1 !important
}
.btn-outline-dark {
    border-color: #2a3142;
    color: #2a3142;
    background-color: transparent
}
.btn-outline-dark.disabled {
    color: #2a3142
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: white;
    background-color: #161a23 !important;
    border-color: #161a23 !important
}
.btn-outline-warning {
    border-color: #00ced1;
    color: #00ced1;
    background-color: transparent
}
.btn-outline-warning.disabled {
    color: #00ced1
}
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: white;
    background-color: #009c9e !important;
    border-color: #009c9e !important
}
.btn-primary:not([disabled]):not(.disabled).active {
    background-color: #0093bf;
    border-color: #0093bf;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.btn-primary:not([disabled]):not(.disabled).active:hover, .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled).active:active, .btn-primary:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: #0093bf;
    border-color: #0093bf
}
.btn-secondary:not([disabled]):not(.disabled).active {
    background-color: #253b80;
    border-color: #253b80;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.btn-secondary:not([disabled]):not(.disabled).active:hover, .btn-secondary:not([disabled]):not(.disabled).active:focus, .btn-secondary:not([disabled]):not(.disabled).active:active, .btn-secondary:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: #253b80;
    border-color: #253b80
}
.btn-success:not([disabled]):not(.disabled).active {
    background-color: #0da97a;
    border-color: #0da97a;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.btn-success:not([disabled]):not(.disabled).active:hover, .btn-success:not([disabled]):not(.disabled).active:focus, .btn-success:not([disabled]):not(.disabled).active:active, .btn-success:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: #0da97a;
    border-color: #0da97a
}
.btn-danger:not([disabled]):not(.disabled).active {
    background-color: #da3c3c;
    border-color: #da3c3c;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.btn-danger:not([disabled]):not(.disabled).active:hover, .btn-danger:not([disabled]):not(.disabled).active:focus, .btn-danger:not([disabled]):not(.disabled).active:active, .btn-danger:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: #da3c3c;
    border-color: #da3c3c
}
.btn-info:not([disabled]):not(.disabled).active {
    background-color: #0086cc;
    border-color: #0086cc;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.btn-info:not([disabled]):not(.disabled).active:hover, .btn-info:not([disabled]):not(.disabled).active:focus, .btn-info:not([disabled]):not(.disabled).active:active, .btn-info:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: #0086cc;
    border-color: #0086cc
}
.btn-light:not([disabled]):not(.disabled).active {
    background-color: #dddde1;
    border-color: #dddde1;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.btn-light:not([disabled]):not(.disabled).active:hover, .btn-light:not([disabled]):not(.disabled).active:focus, .btn-light:not([disabled]):not(.disabled).active:active, .btn-light:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: #dddde1;
    border-color: #dddde1
}
.btn-dark:not([disabled]):not(.disabled).active {
    background-color: #161a23;
    border-color: #161a23;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.btn-dark:not([disabled]):not(.disabled).active:hover, .btn-dark:not([disabled]):not(.disabled).active:focus, .btn-dark:not([disabled]):not(.disabled).active:active, .btn-dark:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: #161a23;
    border-color: #161a23
}
.btn-warning:not([disabled]):not(.disabled).active {
    background-color: #009c9e;
    border-color: #009c9e;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.btn-warning:not([disabled]):not(.disabled).active:hover, .btn-warning:not([disabled]):not(.disabled).active:focus, .btn-warning:not([disabled]):not(.disabled).active:active, .btn-warning:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: #009c9e;
    border-color: #009c9e
}
.btn-outline-primary-2x:not([disabled]):not(.disabled).active {
    background-color: #00baf2;
    border-color: #00baf2;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: white
}
.btn-outline-primary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-primary-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #0093bf !important;
    border-color: #0093bf !important
}
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active {
    background-color: #314da7;
    border-color: #314da7;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: white
}
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #253b80 !important;
    border-color: #253b80 !important
}
.btn-outline-success-2x:not([disabled]):not(.disabled).active {
    background-color: #11d89c;
    border-color: #11d89c;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: white
}
.btn-outline-success-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-success-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-success-2x:not([disabled]):not(.disabled).active:active, .btn-outline-success-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #0da97a !important;
    border-color: #0da97a !important
}
.btn-outline-danger-2x:not([disabled]):not(.disabled).active {
    background-color: #e26767;
    border-color: #e26767;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: white
}
.btn-outline-danger-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-danger-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-danger-2x:not([disabled]):not(.disabled).active:active, .btn-outline-danger-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #da3c3c !important;
    border-color: #da3c3c !important
}
.btn-outline-info-2x:not([disabled]):not(.disabled).active {
    background-color: #00a8ff;
    border-color: #00a8ff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: white
}
.btn-outline-info-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-info-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-info-2x:not([disabled]):not(.disabled).active:active, .btn-outline-info-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #0086cc !important;
    border-color: #0086cc !important
}
.btn-outline-light-2x:not([disabled]):not(.disabled).active {
    background-color: #f8f8f9;
    border-color: #f8f8f9;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: white
}
.btn-outline-light-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-light-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-light-2x:not([disabled]):not(.disabled).active:active, .btn-outline-light-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #dddde1 !important;
    border-color: #dddde1 !important
}
.btn-outline-dark-2x:not([disabled]):not(.disabled).active {
    background-color: #2a3142;
    border-color: #2a3142;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: white
}
.btn-outline-dark-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-dark-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-dark-2x:not([disabled]):not(.disabled).active:active, .btn-outline-dark-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #161a23 !important;
    border-color: #161a23 !important
}
.btn-outline-warning-2x:not([disabled]):not(.disabled).active {
    background-color: #00ced1;
    border-color: #00ced1;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: white
}
.btn-outline-warning-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-warning-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-warning-2x:not([disabled]):not(.disabled).active:active, .btn-outline-warning-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #009c9e !important;
    border-color: #009c9e !important
}
table thead .border-bottom-primary th, table tbody .border-bottom-primary th, table tbody .border-bottom-primary td {
    border-bottom: 1px solid #00baf2
}
table thead .border-bottom-secondary th, table tbody .border-bottom-secondary th, table tbody .border-bottom-secondary td {
    border-bottom: 1px solid #314da7
}
table thead .border-bottom-success th, table tbody .border-bottom-success th, table tbody .border-bottom-success td {
    border-bottom: 1px solid #11d89c
}
table thead .border-bottom-danger th, table tbody .border-bottom-danger th, table tbody .border-bottom-danger td {
    border-bottom: 1px solid #e26767
}
table thead .border-bottom-info th, table tbody .border-bottom-info th, table tbody .border-bottom-info td {
    border-bottom: 1px solid #00a8ff
}
table thead .border-bottom-light th, table tbody .border-bottom-light th, table tbody .border-bottom-light td {
    border-bottom: 1px solid #f8f8f9
}
table thead .border-bottom-dark th, table tbody .border-bottom-dark th, table tbody .border-bottom-dark td {
    border-bottom: 1px solid #2a3142
}
table thead .border-bottom-warning th, table tbody .border-bottom-warning th, table tbody .border-bottom-warning td {
    border-bottom: 1px solid #00ced1
}
.table-styling .table-primary, .table-styling.table-primary {
    background-color: #00baf2;
    color: #fff;
    border: 3px solid #00baf2
}
.table-styling .table-primary thead, .table-styling.table-primary thead {
    background-color: #0093bf;
    border: 3px solid #0093bf
}
.table-styling .table-secondary, .table-styling.table-secondary {
    background-color: #314da7;
    color: #fff;
    border: 3px solid #314da7
}
.table-styling .table-secondary thead, .table-styling.table-secondary thead {
    background-color: #253b80;
    border: 3px solid #253b80
}
.table-styling .table-success, .table-styling.table-success {
    background-color: #11d89c;
    color: #fff;
    border: 3px solid #11d89c
}
.table-styling .table-success thead, .table-styling.table-success thead {
    background-color: #0da97a;
    border: 3px solid #0da97a
}
.table-styling .table-danger, .table-styling.table-danger {
    background-color: #e26767;
    color: #fff;
    border: 3px solid #e26767
}
.table-styling .table-danger thead, .table-styling.table-danger thead {
    background-color: #da3c3c;
    border: 3px solid #da3c3c
}
.table-styling .table-info, .table-styling.table-info {
    background-color: #00a8ff;
    color: #fff;
    border: 3px solid #00a8ff
}
.table-styling .table-info thead, .table-styling.table-info thead {
    background-color: #0086cc;
    border: 3px solid #0086cc
}
.table-styling .table-light, .table-styling.table-light {
    background-color: #f8f8f9;
    color: #fff;
    border: 3px solid #f8f8f9
}
.table-styling .table-light thead, .table-styling.table-light thead {
    background-color: #dddde1;
    border: 3px solid #dddde1
}
.table-styling .table-dark, .table-styling.table-dark {
    background-color: #2a3142;
    color: #fff;
    border: 3px solid #2a3142
}
.table-styling .table-dark thead, .table-styling.table-dark thead {
    background-color: #161a23;
    border: 3px solid #161a23
}
.table-styling .table-warning, .table-styling.table-warning {
    background-color: #00ced1;
    color: #fff;
    border: 3px solid #00ced1
}
.table-styling .table-warning thead, .table-styling.table-warning thead {
    background-color: #009c9e;
    border: 3px solid #009c9e
}
.b-primary {
    border: 1px solid #00baf2 !important
}
.b-t-primary {
    border-top: 1px solid #00baf2 !important
}
.b-b-primary {
    border-bottom: 1px solid #00baf2 !important
}
.b-l-primary {
    border-left: 1px solid #00baf2 !important
}
.b-r-primary {
    border-right: 1px solid #00baf2 !important
}
.b-secondary {
    border: 1px solid #314da7 !important
}
.b-t-secondary {
    border-top: 1px solid #314da7 !important
}
.b-b-secondary {
    border-bottom: 1px solid #314da7 !important
}
.b-l-secondary {
    border-left: 1px solid #314da7 !important
}
.b-r-secondary {
    border-right: 1px solid #314da7 !important
}
.b-success {
    border: 1px solid #11d89c !important
}
.b-t-success {
    border-top: 1px solid #11d89c !important
}
.b-b-success {
    border-bottom: 1px solid #11d89c !important
}
.b-l-success {
    border-left: 1px solid #11d89c !important
}
.b-r-success {
    border-right: 1px solid #11d89c !important
}
.b-danger {
    border: 1px solid #e26767 !important
}
.b-t-danger {
    border-top: 1px solid #e26767 !important
}
.b-b-danger {
    border-bottom: 1px solid #e26767 !important
}
.b-l-danger {
    border-left: 1px solid #e26767 !important
}
.b-r-danger {
    border-right: 1px solid #e26767 !important
}
.b-info {
    border: 1px solid #00a8ff !important
}
.b-t-info {
    border-top: 1px solid #00a8ff !important
}
.b-b-info {
    border-bottom: 1px solid #00a8ff !important
}
.b-l-info {
    border-left: 1px solid #00a8ff !important
}
.b-r-info {
    border-right: 1px solid #00a8ff !important
}
.b-light {
    border: 1px solid #f8f8f9 !important
}
.b-t-light {
    border-top: 1px solid #f8f8f9 !important
}
.b-b-light {
    border-bottom: 1px solid #f8f8f9 !important
}
.b-l-light {
    border-left: 1px solid #f8f8f9 !important
}
.b-r-light {
    border-right: 1px solid #f8f8f9 !important
}
.b-dark {
    border: 1px solid #2a3142 !important
}
.b-t-dark {
    border-top: 1px solid #2a3142 !important
}
.b-b-dark {
    border-bottom: 1px solid #2a3142 !important
}
.b-l-dark {
    border-left: 1px solid #2a3142 !important
}
.b-r-dark {
    border-right: 1px solid #2a3142 !important
}
.b-warning {
    border: 1px solid #00ced1 !important
}
.b-t-warning {
    border-top: 1px solid #00ced1 !important
}
.b-b-warning {
    border-bottom: 1px solid #00ced1 !important
}
.b-l-warning {
    border-left: 1px solid #00ced1 !important
}
.b-r-warning {
    border-right: 1px solid #00ced1 !important
}
.border-1 {
    border-width: 1px !important
}
.border-2 {
    border-width: 2px !important
}
.border-3 {
    border-width: 3px !important
}
.border-4 {
    border-width: 4px !important
}
.border-5 {
    border-width: 5px !important
}
.border-6 {
    border-width: 6px !important
}
.border-7 {
    border-width: 7px !important
}
.border-8 {
    border-width: 8px !important
}
.border-9 {
    border-width: 9px !important
}
.border-10 {
    border-width: 10px !important
}
.opacity-0 {
    opacity: 0
}
.shadow-0 {
    -webkit-box-shadow: none;
    box-shadow: none
}
.digits {
    font-family: work-Sans, sans-serif
}
.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #e8ebf2
}
.custom-scrollbar::-webkit-scrollbar {
    width: 6px
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 186, 242, 0.1)
}
.line pre {
    font-size: 100%
}
.list-circle {
    list-style: circle
}
.chat-box .toogle-bar {
    display: none
}
.chat-box .people-list .search {
    position: relative
}
.chat-box .people-list .search .form-control {
    background-color: #f1f4fb;
    border: 1px solid #f8f8f9
}
.chat-box .people-list .search .form-control::-webkit-input-placeholder {
    color: #aaa
}
.chat-box .people-list .search .form-control:-ms-input-placeholder {
    color: #aaa
}
.chat-box .people-list .search .form-control::-ms-input-placeholder {
    color: #aaa
}
.chat-box .people-list .search .form-control::placeholder {
    color: #aaa
}
.chat-box .people-list .search i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    color: #e8ebf2
}
.chat-box .people-list ul {
    padding: 0
}
.chat-box .people-list ul li {
    padding-bottom: 20px
}
.chat-box .people-list ul li:last-child {
    padding-bottom: 0
}
.chat-box .user-image {
    float: left;
    width: 52px;
    height: 52px;
    margin-right: 5px
}
.chat-box .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px
}
.chat-box .about .name {
    color: #2a3142;
    letter-spacing: 1px;
    font-weight: 600
}
.chat-box .status {
    color: #aaa;
    letter-spacing: 1px;
    font-size: 12px;
    margin-top: 5px
}
.chat-box .status .chat-status {
    font-weight: 600;
    color: #313131
}
.chat-box .status p {
    font-size: 14px
}
.chat-box .chat-right-aside .chat .chat-header {
    padding: 15px;
    border-bottom: 1px solid #f8f8f9
}
.chat-box .chat-right-aside .chat .chat-header img {
    float: left;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 1px 1px 4px 1px #e8ebf2;
    box-shadow: 1px 1px 4px 1px #e8ebf2
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons {
    margin-top: 15px
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li {
    margin-right: 24px
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
    color: #777;
    font-size: 25px;
    cursor: pointer
}
.chat-box .chat-right-aside .chat .chat-msg-box {
    padding: 20px;
    overflow-y: auto;
    height: 560px;
    margin-bottom: 90px
}
.chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img {
    margin-top: -35px
}
.chat-box .chat-right-aside .chat .chat-msg-box .message-data {
    margin-bottom: 10px
}
.chat-box .chat-right-aside .chat .chat-msg-box .message-data-time {
    letter-spacing: 1px;
    font-size: 12px;
    color: #aaa;
    font-family: work-Sans, sans-serif
}
.chat-box .chat-right-aside .chat .chat-msg-box .message {
    color: #2a3142;
    padding: 20px;
    line-height: 1.9;
    letter-spacing: 1px;
    font-size: 14px;
    margin-bottom: 30px;
    width: 50%;
    position: relative
}
.chat-box .chat-right-aside .chat .chat-msg-box .my-message {
    border: 1px solid #f8f8f9;
    border-radius: 10px;
    border-top-left-radius: 0
}
.chat-box .chat-right-aside .chat .chat-msg-box .other-message {
    background-color: #f6f6f6;
    border-radius: 10px;
    border-top-right-radius: 0
}
.chat-box .chat-right-aside .chat .chat-message {
    padding: 20px;
    border-top: 1px solid #f1f4fb;
    position: absolute;
    width: calc(100% - 15px);
    background-color: #fff;
    bottom: 0
}
.chat-box .chat-right-aside .chat .chat-message .smiley-box {
    background: #eff0f1;
    padding: 10px;
    display: block;
    border-radius: 4px;
    margin-right: 0.5rem
}
.chat-box .chat-right-aside .chat .chat-message .text-box {
    position: relative
}
.chat-box .chat-right-aside .chat .chat-message .text-box .input-txt-bx {
    height: 50px;
    border: 2px solid #00baf2;
    padding-left: 18px;
    font-size: 12px;
    letter-spacing: 1px
}
.chat-box .chat-right-aside .chat .chat-message .text-box i {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
    color: #e8ebf2;
    cursor: pointer
}
.chat-box .chat-right-aside .chat .chat-message .text-box .btn {
    font-size: 16px;
    font-weight: 500
}
.chat-box .chat-menu {
    border-left: 1px solid #f8f8f9
}
.chat-box .chat-menu .tab-pane {
    padding: 0 15px
}
.chat-box .chat-menu ul li .about .status i {
    font-size: 10px
}
.chat-box .chat-menu .user-profile {
    margin-top: 30px
}
.chat-box .chat-menu .user-profile .user-content h5 {
    margin: 25px 0
}
.chat-box .chat-menu .user-profile .user-content hr {
    margin: 25px 0
}
.chat-box .chat-menu .user-profile .user-content p {
    font-size: 16px
}
.chat-box .chat-menu .user-profile .image {
    position: relative
}
.chat-box .chat-menu .user-profile .image .icon-wrapper {
    position: absolute;
    bottom: 0;
    left: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 14px;
    -webkit-box-shadow: 1px 1px 3px 1px #f8f8f9;
    box-shadow: 1px 1px 3px 1px #f8f8f9
}
.chat-box .chat-menu .user-profile .image .avatar img {
    border-radius: 50%;
    border: 5px solid #f8f8f9
}
.chat-box .chat-menu .user-profile .border-right {
    border-right: 1px solid #f8f8f9
}
.chat-box .chat-menu .user-profile .follow {
    margin-top: 0
}
.chat-box .chat-menu .user-profile .follow .follow-num {
    font-size: 22px;
    color: #000
}
.chat-box .chat-menu .user-profile .follow span {
    color: #1b252a;
    font-size: 14px;
    letter-spacing: 1px
}
.chat-box .chat-menu .user-profile .social-media a {
    color: #aaa;
    font-size: 15px;
    padding: 0 7px
}
.chat-box .chat-menu .user-profile .chat-profile-contact p {
    font-size: 14px;
    color: #aaa
}
.chat-box .chat-menu .nav {
    margin-bottom: 20px
}
.chat-box .chat-menu .nav-tabs .nav-item {
    width: 33.33%
}
.chat-box .chat-menu .nav-tabs .nav-item a {
    padding: 15px !important;
    color: #aaa !important;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.chat-box .chat-menu .nav-tabs .nav-item .material-border {
    border-width: 1px;
    border-color: #00baf2
}
.chat-box .chat-menu .nav-tabs .nav-item .nav-link.active {
    color: #000 !important
}
.chat-box .chat-history .call-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 300px
}
.chat-box .chat-history .total-time h2 {
    font-size: 50px;
    color: #eff0f1;
    font-weight: 600;
    margin-bottom: 30px
}
.chat-box .chat-history .receiver-img {
    margin-top: 55px
}
.chat-box .chat-history .receiver-img img {
    border-radius: 5px
}
.chat-box .chat-history .call-icons {
    margin-bottom: 35px
}
.chat-box .chat-history .call-icons ul li {
    width: 60px;
    height: 60px;
    border: 1px solid #f8f8f9;
    border-radius: 50%;
    padding: 12px
}
.chat-box .chat-history .call-icons ul li+li {
    margin-left: 10px
}
.chat-box .chat-history .call-icons ul li a {
    color: #999;
    font-size: 25px
}
.status-circle {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 40px;
    left: 40px;
    border-radius: 50%;
    border: 2px solid #fff
}
.away {
    background-color: #00ced1
}
.online {
    background-color: #11d89c
}
.offline {
    background-color: #e26767
}
.chat-container .aside-chat-left {
    width: 320px
}
.chat-container .chat-right-aside {
    width: 320px
}
.call-chat-sidebar {
    max-width: 320px
}
.call-chat-sidebar .card .card-body, .chat-body .card .card-body {
    padding: 15px
}
.market-chart {
    height: 303px
}
.market-chart .ct-series-a .ct-point, .market-chart .ct-series-a .ct-line, .market-chart .ct-series-a .ct-bar, .market-chart .ct-series-a .ct-slice-donut {
    stroke: #11d89c
}
.market-chart .ct-series-b .ct-point, .market-chart .ct-series-b .ct-line, .market-chart .ct-series-b .ct-bar, .market-chart .ct-series-b .ct-slice-donut {
    stroke: #314da7
}
.chart-value-box {
    position: absolute;
    right: 105px;
    top: 32px
}
.chart-value-box .value-square-box-primary {
    background-color: #00baf2;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(0, 186, 242, 0.35);
    box-shadow: -0.5px 4.33px 16px 0px rgba(0, 186, 242, 0.35)
}
.chart-value-box .value-square-box-secondary {
    background-color: #314da7;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(49, 77, 167, 0.35);
    box-shadow: -0.5px 4.33px 16px 0px rgba(49, 77, 167, 0.35)
}
.chart-value-box .value-square-box-success {
    background-color: #11d89c;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(17, 216, 156, 0.35);
    box-shadow: -0.5px 4.33px 16px 0px rgba(17, 216, 156, 0.35)
}
.chart-value-box .value-square-box-danger {
    background-color: #e26767;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(226, 103, 103, 0.35);
    box-shadow: -0.5px 4.33px 16px 0px rgba(226, 103, 103, 0.35)
}
.chart-value-box .value-square-box-info {
    background-color: #00a8ff;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(0, 168, 255, 0.35);
    box-shadow: -0.5px 4.33px 16px 0px rgba(0, 168, 255, 0.35)
}
.chart-value-box .value-square-box-light {
    background-color: #f8f8f9;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(248, 248, 249, 0.35);
    box-shadow: -0.5px 4.33px 16px 0px rgba(248, 248, 249, 0.35)
}
.chart-value-box .value-square-box-dark {
    background-color: #2a3142;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(42, 49, 66, 0.35);
    box-shadow: -0.5px 4.33px 16px 0px rgba(42, 49, 66, 0.35)
}
.chart-value-box .value-square-box-warning {
    background-color: #00ced1;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(0, 206, 209, 0.35);
    box-shadow: -0.5px 4.33px 16px 0px rgba(0, 206, 209, 0.35)
}
.needs-validation .custom-select {
    background: #fff
}
.needs-validation .form-control {
    border-radius: 0.25rem;
    padding: 0.48rem 0.75rem;
    text-align: right;
    font-size:16px;
}
.license-key[disabled] {
    cursor: not-allowed
}
.jsgrid-cell, .jsgrid-grid-body {
    border: 1px solid #ebf1ff
}
.jsgrid .jsgrid-pager-container {
    text-align: right
}
.jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    border: 1px solid #f8f8f9
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px
}
.jsgrid-alt-row .jsgrid-cell {
    background-color: rgba(241, 244, 251, 0.5);
    text-align: center
}
.jsgrid-row>.jsgrid-cell {
    text-align: center
}
.jsgrid-filter-row .jsgrid-cell {
    background-color: #f8f8f9;
    text-align: center
}
.jsgrid-header-row .jsgrid-header-cell {
    background-color: #f1f4fb;
    text-align: center;
    padding: 0.75rem
}
.jsgrid-selected-row>.jsgrid-cell {
    background-color: rgba(241, 244, 251, 0.5);
    border-color: #f1f4fb
}
.checkbox label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px
}
.checkbox .form-check-input {
    margin-top: 13px;
    margin-bottom: 10px
}
.form-row .form-control {
    font-size: 14px;
    letter-spacing: 1px
}
.form-row .custom-select {
    font-size: 14px;
    letter-spacing: 1px
}
.bulk-pruduct .card .card-body p {
    font-weight: bold
}
.datepicker {
    -webkit-box-shadow: 0 4px 14px rgba(0, 186, 242, 0.15);
    box-shadow: 0 4px 14px rgba(0, 186, 242, 0.15)
}
.datepicker--day-name {
    color: #000;
    font-weight: bold
}
.datepicker--cell.-current- {
    color: #000;
    border-radius: 5px;
    font-weight: bold;
    border: 2px solid #00baf2
}
.datepicker--cell.-focus- {
    background: #00baf2;
    color: #fff
}
.datepicker--cell.-selected- {
    background: #00baf2
}
.daterangepicker.ltr {
    color: #898989;
    z-index: 8
}
.daterangepicker.ltr tr {
    font-size: 13px
}
.daterangepicker.ltr tr td {
    height: 34px;
    width: 34px
}
.daterangepicker.ltr tr td.in-range {
    background-color: #fafafa
}
.daterangepicker.ltr tr td.active {
    background-color: #00baf2
}
.daterangepicker.ltr .ranges {
    float: none
}
.daterangepicker.ltr .ranges li {
    color: #00baf2
}
.daterangepicker.ltr .ranges li:hover {
    background-color: #00baf2;
    border: 1px solid #00baf2;
    color: #fff
}
.daterangepicker.ltr .ranges li.active {
    background-color: #00baf2;
    border: 1px solid #00baf2;
    color: #fff
}
.daterangepicker.ltr .calendar-time select {
    color: #898989
}
.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto
}
.date-range-picker .theme-form {
    margin-bottom: 30px
}
.date-range-picker>div:last-child .theme-form {
    margin-bottom: 0px
}
.authentication-box {
    min-width: 100vw;
    min-height: 100vh;
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.authentication-box .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #00baf2
}
.authentication-box .back-btn {
    float: right;
    margin: 0;
    font-size: 14px;
    position: relative;
    padding-left: 60px !important
}
.authentication-box .back-btn svg {
    position: absolute;
    left: 30px;
    height: 18px
}
.authentication-box .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.authentication-box .tab2-card .nav-tabs .nav-link {
    font-size: 18px
}
.authentication-box .btn-primary {
    border-radius: 25px;
    margin-top: 20px;
    font-weight: 400;
    padding: 11px 45px
}
.authentication-box .form-footer {
    position: relative;
    padding-top: 25px;
    border-top: 1px solid #f3f3f3;
    margin-top: 25px
}
.authentication-box .form-footer>span {
    position: absolute;
    top: -11px;
    padding-right: 20px;
    background-color: #fff;
    color: #909090
}
.authentication-box .form-footer .social {
    margin-bottom: 0;
    border-bottom: 0
}
.authentication-box .form-footer .social li {
    padding: 10px;
    border-radius: 100%;
    border: 1px solid #00baf2;
    height: 40px;
    width: 40px;
    margin-right: 10px;
    text-align: center;
    display: inline-block
}
.authentication-box .slick-dots li.slick-active button:before {
    color: #fff
}
.authentication-box .slick-dots li button:before {
    font-size: 12px;
    color: #fff
}
.authentication-box .container {
    max-width: 900px
}
.authentication-box .container .bg-primary {
    padding: 50px;
    background-image: url("../images/dashboard/login-bg.png");
    background-position: center;
    -webkit-box-shadow: 1px 5px 24px 0 rgba(0, 186, 242, 0.8);
    box-shadow: 1px 5px 24px 0 rgba(0, 186, 242, 0.8)
}
.authentication-box .container .form-group {
    margin-bottom: 1.5rem
}
.authentication-box .container .svg-icon {
    padding: 24px;
    margin: 0 auto;
    border: 2px dashed #fff;
    border-radius: 100%;
    height: 130px;
    width: 130px;
    margin-bottom: 40px
}
.authentication-box .container .svg-icon svg {
    height: 80px
}
.authentication-box .container p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 2;
    text-align: center
}
.authentication-box .container h3 {
    color: #fff;
    font-weight: 600;
    text-align: center
}
.auth-form .form-control {
    border-radius: 25px;
    padding: 9px 25px;
    border: 1px solid #eaeaea
}
.card-left {
    z-index: 1
}
.card-right {
    margin-left: -15px
}
.card-right .card {
    padding-left: 15px
}
.forgot-pass {
    padding: 0;
    float: right
}
@media only screen and (max-width: 1660px) {
    .products-table table tr td:first-child {
        min-width: 268px
    }
}
@media screen and (max-width: 1440px) and (min-width: 1367px) {
    .customers-card .chart-value-box {
        display: none
    }
}
@media screen and (max-width: 1440px) and (min-width: 1366px) {
    .flot-chart-container {
        height: 350px
    }
    .product-adding .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 36%;
        flex: 0 0 36%;
        max-width: 36%
    }
    .product-adding .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 64%;
        flex: 0 0 64%;
        max-width: 64%
    }
}
@media only screen and (max-width: 1366px) {
    .page-main-header .main-header-right .nav-right>ul>li:first-child {
        width: 45%
    }
    .xl-space, .map-table {
        margin-top: 30px
    }
    .product-adding .add-product-form {
        margin-top: 30px
    }
    .user-status table tr th:nth-child(3), .user-status table tr td:nth-child(3) {
        min-width: 150px
    }
    .user-list table tr td:nth-child(5), .user-list table tr th:nth-child(5) {
        width: 195px !important
    }
    .translation-list table tr td, .translation-list table tr th {
        width: 162px !important
    }
    .translation-list table tr td:first-child, .translation-list table tr td:nth-child(2), .translation-list table tr th:first-child, .translation-list table tr th:nth-child(2) {
        width: 274px !important
    }
    .order-datatable table {
        display: block
    }
    .order-datatable table tr th, .order-datatable table tr td {
        min-width: 121px
    }
    .order-datatable table tr th:nth-child(2), .order-datatable table tr td:nth-child(2) {
        min-width: 150px
    }
    .vendor-table table {
        display: block
    }
    .vendor-table table tr th, .vendor-table table tr td {
        min-width: 112px
    }
    .vendor-table table tr th:first-child, .vendor-table table tr td:first-child {
        min-width: 150px
    }
    .media-table table tr th:nth-child(3), .media-table table tr td:nth-child(3) {
        width: 146px !important
    }
    .media-table table tr th:last-child, .media-table table tr td:last-child {
        width: 248px !important
    }
}
@media only screen and (max-width: 1199px) {
    .product-page-details {
        margin-top: 30px
    }
    .product-physical table tr th, .product-physical table tr td {
        width: 70px !important
    }
    .product-physical table tr th:nth-child(2), .product-physical table tr td:nth-child(2) {
        width: 173px !important
    }
    .product-physical table tr th:nth-child(5), .product-physical table tr td:nth-child(5) {
        width: 100px !important
    }
    .category-table table tr td, .category-table table tr th {
        width: 120px !important
    }
    .category-table table tr td:first-child, .category-table table tr th:first-child {
        width: 130px !important
    }
    .category-table table tr td:nth-child(3), .category-table table tr th:nth-child(3) {
        width: 225px !important
    }
    .category-table table tr td:last-child, .category-table table tr th:last-child {
        width: 150px !important
    }
    .media-table table tr td:last-child, .media-table table tr th:last-child {
        width: 370px !important
    }
    .order-table table tr td:nth-child(4), .order-table table tr th:nth-child(4) {
        width: 230px !important
    }
    .user-list table tr th, .user-list table tr td {
        width: 200px !important
    }
    .transactions table tr td:nth-child(4), .transactions table tr th:nth-child(4) {
        width: 100px !important
    }
    .transactions table tr td:first-child, .transactions table tr th:first-child {
        width: 100px !important
    }
    .transactions table tr td:nth-child(2), .transactions table tr th:nth-child(2) {
        width: 150px !important
    }
}
@media screen and (max-device-width: 1366px) and (min-device-width: 1200px) {
    .xl-100 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .xl-50 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .product-adding .col-xl-5, .product-adding .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .product-adding .add-product-form {
        margin-top: 30px
    }
    .category-table table tr td:first-child, .category-table table tr th:first-child {
        width: 90px !important
    }
    .order-table table tr td:nth-child(2), .order-table table tr th:nth-child(2) {
        width: 70px !important
    }
    .user-list table tr td:first-child, .user-list table tr th:first-child {
        width: 130px !important
    }
    .profile-table table tr th, .profile-table table tr td {
        width: 200px !important
    }
}
@media only screen and (max-width: 991px) {
    .order-timeline .media+.media {
        margin-top: 20px
    }
    .products-admin .product .product-box .product-imgbox .product-icon button {
        padding: 11.5px 15px
    }
    .btn-months .dashboard-btn-groups {
        top: 17px
    }
    .authentication-box {
        padding: 30px
    }
    .authentication-box .container .bg-primary {
        padding: 40px
    }
    .chart-value-box {
        top: 22px
    }
    .btn-popup {
        margin-bottom: 0px
    }
    .xl-space, .map-table {
        margin-top: 20px
    }
    .card .card-body, .card .card-header {
        padding: 20px
    }
    .card .card-body .card-header-right, .card .card-header .card-header-right {
        right: 11px;
        top: 15px
    }
    .right-sidebar {
        top: 133px
    }
    .offcanvas .page-wrapper .page-body-wrapper .page-body:before {
        left: 0
    }
    .page-wrapper .page-body-wrapper .page-header .row h3 {
        font-size: 22px
    }
    .page-wrapper .page-body-wrapper .page-header .row .pull-right {
        float: none;
        margin-top: 5px
    }
    .page-wrapper .page-body-wrapper .page-sidebar {
        top: 60px !important;
        height: calc(100vh - 60px) !important
    }
    .page-wrapper .page-body-wrapper .page-sidebar.open {
        margin-left: -275px
    }
    .page-wrapper .page-body-wrapper .page-sidebar~.page-body {
        margin-left: 0;
        margin-top: 60px
    }
    .page-wrapper .page-body-wrapper .page-sidebar~.page-body .page-header .row .page-header-left {
        display: inherit
    }
    .page-wrapper .page-body-wrapper .sidebar {
        height: calc(100vh - 60px)
    }
    .page-wrapper .page-body-wrapper .page-sidebar.open~.page-body {
        margin-left: 0;
        margin-top: 60px
    }
    .page-wrapper .page-body-wrapper .page-sidebar.open~.page-body .activity .media .gradient-round.gradient-line-1:after {
        bottom: -45px
    }
    .page-wrapper .page-body-wrapper .page-sidebar.open~.page-body .activity .media .gradient-round.small-line:after {
        bottom: -28px
    }
    .page-wrapper .page-body-wrapper .page-sidebar.open~.page-body .activity .media .gradient-round.medium-line:after {
        bottom: -41px
    }
    .page-wrapper .page-body-wrapper footer {
        margin-left: 0 !important
    }
    .page-wrapper .page-main-header {
        height: 60px;
        margin-left: 0;
        width: 100%;
        z-index: 11
    }
    .page-wrapper .page-main-header .main-header-left .logo-wrapper img {
        width: 62%;
        margin-top: 0;
        margin-right: 15px
    }
    .page-wrapper .page-main-header .main-header-right {
        padding-left: 0
    }
    .page-wrapper .page-main-header .main-header-right .nav-right {
        position: unset;
        padding: 0
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul {
        top: 60px;
        position: absolute;
        z-index: -1;
        background-color: #fff;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
        -webkit-box-shadow: 0 2px 2px 2px #efefef;
        box-shadow: 0 2px 2px 2px #efefef;
        width: 100%;
        left: 0;
        padding: 0 40px;
        -webkit-transform: translateY(-35px) scaleY(0);
        transform: translateY(-35px) scaleY(0);
        opacity: 0;
        visibility: hidden
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul>li {
        margin: 10px 0
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>.mobile-toggle {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>.mobile-toggle svg circle {
        color: #00baf2
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul.open {
        z-index: 1;
        opacity: 1;
        -webkit-transform: translateY(0px) scaleY(1);
        transform: translateY(0px) scaleY(1);
        visibility: visible
    }
    .page-header {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }
    .page-header .row .page-header-left .breadcrumb {
        margin-top: 5px;
        margin-left: 0
    }
    .product-page-details {
        text-align: left !important
    }
    .product-page-main .owl-stage-outer {
        margin-top: 20px
    }
    .dataTables_wrapper .dataTables_length {
        margin-bottom: 20px
    }
    .add-product img {
        width: 460px
    }
    .product-adding .add-product-form {
        margin-top: 20px
    }
    .tab-coupon {
        margin-bottom: 20px
    }
    .deactivate-account {
        margin-top: 20px
    }
    .sell-graph canvas {
        height: 312px !important
    }
}
@media only screen and (max-width: 767px) {
    .card-right {
        margin-left: 0
    }
    .products-admin .product .product-box .product-imgbox .product-icon button {
        padding: 5px 9px
    }
    .products-admin .product .product-box .product-detail .detail-title {
        padding-top: 10px
    }
    .btn-months .dashboard-btn-groups {
        margin-right: 48px
    }
    .btn-months .dashboard-btn-groups .btn.active {
        z-index: 0
    }
    .authentication-box .form-footer, .authentication-box .form-button {
        text-align: center
    }
    .authentication-box .form-footer>span, .authentication-box .form-button>span {
        padding: 0;
        left: 0;
        right: 0
    }
    .page-main-header .main-header-right .nav-right>ul>li:first-child {
        width: 40%
    }
    .products-table table tr td:first-child, .products-table table tr th:first-child {
        min-width: 280px
    }
    .products-table table tr td:nth-child(3), .products-table table tr th:nth-child(3) {
        min-width: 110px
    }
    .page-wrapper .page-body-wrapper .page-header .row .col {
        -ms-flex-preferred-size: unset;
        flex-basis: unset
    }
    .page-wrapper .page-body-wrapper .page-header .row .col .pull-right {
        float: none;
        margin-top: 20px
    }
    .page-wrapper .page-body-wrapper footer .row div {
        text-align: center
    }
    .page-wrapper .page-body-wrapper footer .row div .pull-right {
        float: none
    }
    .footer-fix .pull-right {
        float: none !important;
        text-align: center !important
    }
    .product-physical table tr th, .product-physical table tr td {
        width: 90px !important
    }
    .product-physical table tr th:nth-child(2), .product-physical table tr td:nth-child(2) {
        width: 196px !important
    }
    .add-product-form .form-group .form-control, .add-product-form .form-group select {
        width: 100% !important;
        margin: 0 !important
    }
    .add-product-form .input-group .touchspin {
        width: 30% !important
    }
    .add-product-form .radio-animated label {
        margin-bottom: 0
    }
    .add-product-form .editor-space {
        padding: 0 15px
    }
    .add-product-form textarea {
        margin: 0 15px
    }
    .add-product img {
        width: 400px
    }
    .digital-add textarea {
        margin: 0 !important
    }
    .digital-add .form-group select, .digital-add .form-group .form-control {
        width: 100% !important
    }
    .digital-add .form-group label {
        margin-bottom: 0 !important
    }
    .digital-product table tr th, .digital-product table tr td {
        width: 120px !important
    }
    .report-table table tr th, .report-table table tr td {
        width: 150px !important
    }
    .needs-validation .form-group.row {
        margin-left: 0;
        margin-right: 0
    }
    .needs-validation .form-group .form-control, .needs-validation .form-group select {
        width: 95%;
        margin: 0 auto
    }
    .needs-validation .form-group .checkbox {
        padding-left: 15px
    }
    .needs-validation .form-group label {
        margin-bottom: 4px
    }
    .needs-validation .radio-animated label {
        margin-bottom: 0
    }
    .needs-validation .editor-space {
        padding: 0 15px
    }
    .needs-validation textarea {
        margin: 0 15px
    }
    .dataTables_wrapper .dataTables_paginate {
        float: none !important;
        margin-top: 20px !important
    }
    .dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label {
        float: none !important
    }
    .dataTables_wrapper table.dataTable {
        margin-top: 20px !important
    }
}
@media only screen and (max-width: 577px) {
    footer {
        margin-bottom: 0 !important
    }
    .page-main-header .main-header-right .nav-menus .onhover-dropdown .onhover-show-div {
        top: 57px !important;
        bottom: auto;
        right: 0;
        min-width: auto !important
    }
}
@media only screen and (max-width: 576px) {
    .custom-theme {
        display: none
    }
}
@media only screen and (max-width: 575px) {
    .authentication-box .btn-primary {
        margin-top: 10px
    }
    .btn-popup {
        margin-bottom: 15px
    }
    .chart-value-box {
        top: 17px;
        right: 70px
    }
    .btn-months .dashboard-btn-groups {
        display: none
    }
    .revenue-chart, .market-chart {
        height: 205px
    }
    .revenue-chart .ct-series-a .ct-point, .revenue-chart .ct-series-a .ct-line, .revenue-chart .ct-series-a .ct-bar, .revenue-chart .ct-series-a .ct-slice-donut, .revenue-chart .ct-series-b .ct-point, .revenue-chart .ct-series-b .ct-line, .revenue-chart .ct-series-b .ct-bar, .revenue-chart .ct-series-b .ct-slice-donut, .market-chart .ct-series-a .ct-point, .market-chart .ct-series-a .ct-line, .market-chart .ct-series-a .ct-bar, .market-chart .ct-series-a .ct-slice-donut, .market-chart .ct-series-b .ct-point, .market-chart .ct-series-b .ct-line, .market-chart .ct-series-b .ct-bar, .market-chart .ct-series-b .ct-slice-donut {
        stroke-width: 8px !important
    }
    .order-timeline .media+.media {
        margin-top: 15px
    }
    .latest-order-table table tr td {
        min-width: 100px
    }
    .latest-order-table table tr td+td {
        min-width: 150px
    }
    .latest-order-table table tr td:nth-child(3) {
        min-width: 200px
    }
    .card {
        margin-bottom: 15px
    }
    .card .card-header {
        padding: 15px
    }
    .card .card-header h5 {
        font-size: 17px
    }
    .card .card-header .card-header-right {
        right: 6px;
        top: 10px
    }
    .card .card-body {
        padding: 15px
    }
    .sm-order-space, .xl-space, .map-table {
        margin-top: 15px
    }
    .offcanvas .page-wrapper .page-body-wrapper .page-header .row h3 {
        font-size: 22px
    }
    .offcanvas .page-wrapper .page-body-wrapper .page-body:before {
        left: 0
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .d-sm-none:after {
        display: none
    }
    ul.notification-dropdown.onhover-show-div {
        width: 284px;
        right: -120px !important
    }
    ul.notification-dropdown.onhover-show-div:before, ul.notification-dropdown.onhover-show-div:after {
        right: 135px !important
    }
    .page-wrapper .page-main-header .main-header-left {
        padding: 0 0 0 12px
    }
    .page-wrapper .page-main-header .main-header-left .logo-wrapper img {
        margin-right: 0;
        width: 95%
    }
    .page-wrapper .page-main-header .main-header-right {
        padding: 0 15px
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul {
        padding: 0 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul>li:first-child {
        width: auto;
        margin: 0
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group:before {
        display: none
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group:after {
        display: none
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul .search-form .form-group {
        margin-bottom: 0
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul .search-form .form-control-plaintext.open {
        -webkit-transform: translateY(0px) scaleY(1);
        transform: translateY(0px) scaleY(1);
        opacity: 1;
        visibility: visible;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul .search-form .form-control-plaintext {
        top: 60px;
        position: absolute;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
        left: 0;
        background-color: #fff;
        -webkit-transform: translateY(-35px) scaleY(0);
        transform: translateY(-35px) scaleY(0);
        opacity: 0;
        visibility: hidden;
        width: 180px;
        padding: 10px 10px 10px 15px
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul .search-form .mobile-search svg {
        color: #00baf2
    }
    .page-wrapper .search-form .form-group {
        margin-right: 0
    }
    .page-wrapper .page-body-wrapper .page-sidebar.open~.page-body .activity .media .gradient-round.gradient-line-1:after {
        bottom: -41px
    }
    .page-wrapper .page-body-wrapper .page-sidebar.open~.page-body .activity .media .gradient-round.small-line:after {
        bottom: -19px;
        height: 12px
    }
    .page-wrapper .page-body-wrapper .page-sidebar.open~.page-body .activity .media .gradient-round.medium-line:after {
        bottom: -34px
    }
    .page-wrapper .page-body-wrapper .page-body {
        padding: 0
    }
    .page-wrapper .page-body-wrapper .page-header {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
    .product-page-main .owl-stage-outer {
        margin-top: 15px
    }
    .profile-details img {
        margin-bottom: 15px
    }
    .project-status {
        margin-top: 15px
    }
    .project-status .media {
        margin-top: 15px
    }
    .tab2-card ul {
        display: inherit;
        margin-bottom: 15px
    }
    .tab2-card ul li {
        display: block
    }
    .tab2-card ul li a {
        text-align: center
    }
    .profile-table table tbody tr td:first-child {
        min-width: 150px
    }
    .account-setting h5 {
        margin-bottom: 15px
    }
    .deactivate-account {
        margin-top: 15px
    }
    .deactivate-account .btn {
        margin-top: 15px
    }
    .sm-label-radio {
        margin-bottom: 4px !important
    }
    .permission-block .attribute-blocks .form-group {
        padding-bottom: 15px
    }
    .needs-validation textarea {
        margin: 0 10px
    }
    .needs-validation h4 {
        margin-bottom: 15px
    }
    .needs-validation .permission-block .attribute-blocks .row {
        padding-left: 15px
    }
    .needs-validation .permission-block .attribute-blocks+.attribute-blocks h5 {
        margin-top: 20px
    }
    .needs-validation .radio_animated {
        margin: 0 6px 0 0
    }
    .needs-validation .radio-animated label {
        margin-right: 15px
    }
    .tab-coupon {
        display: grid
    }
    .translation-list table tr td:nth-child(3), .translation-list table tr td:nth-child(4), .translation-list table tr th:nth-child(3), .translation-list table tr th:nth-child(4) {
        width: 180px !important
    }
    .product-list table tr td, .product-list table tr th {
        width: 100px !important
    }
    .product-list table tr td:nth-child(2), .product-list table tr th:nth-child(2) {
        width: 250px !important
    }
    .product-list table tr td:nth-child(3), .product-list table tr th:nth-child(3) {
        width: 120px !important
    }
    .digital-product table tr td:nth-child(2), .digital-product table tr th:nth-child(2) {
        width: 120px !important
    }
    .add-product-form .form-group .form-control {
        width: 93%;
        margin: 0 auto
    }
    .add-product-form .form-group label {
        padding: 0
    }
    .add-product-form .qty-box {
        width: 162px
    }
    .add-product-form .qty-box .input-group .form-control {
        width: 80px
    }
    .add-product-form .description-sm {
        padding: 0 !important
    }
    .add-product ul li .box-input-file {
        width: 30px;
        height: 30px
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 15px !important;
        margin-left: 0 !important
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 1px 4px !important
    }
    .dataTables_wrapper .dataTables_length {
        margin-bottom: 15px
    }
    .dataTables_wrapper table.dataTable {
        margin-top: 15px !important
    }
}
@media only screen and (max-width: 360px) {
    .authentication-box {
        padding: 30px 15px
    }
    .authentication-box .forgot-pass {
        float: none;
        padding-top: 10px
    }
    .authentication-box .container .form-group {
        margin-bottom: 1rem
    }
    .authentication-box .container h3 {
        font-size: 20px
    }
    .authentication-box .container p {
        line-height: 1.6
    }
    .authentication-box .container .bg-primary {
        padding: 30px 15px
    }
    .authentication-box .container .svg-icon {
        padding: 17px;
        height: 90px;
        width: 90px;
        margin-bottom: 25px
    }
    .authentication-box .container .svg-icon svg {
        height: 50px
    }
    .nav-menus .notification-badge {
        right: 0
    }
    .chart-value-box {
        display: none
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul>li {
        padding: 0 13px
    }
    .page-wrapper .page-main-header .main-header-right .nav-right>ul>li .dot {
        right: 13px
    }
    .footer {
        padding-left: 0;
        padding-right: 0 !important
    }
    .footer p {
        font-size: 12px
    }
    .add-product img {
        width: 300px
    }
    .product-page-main .btn {
        padding: 5px 12px
    }
}
@media only screen and (max-height: 800px) {
    .right-sidebar .chat-box .friend-list {
        max-height: calc(100vh - 150px);
        overflow: scroll
    }
}
body.rtl .m-r-15 {
    margin-left: 15px;
    margin-right: unset
}
body.rtl .mr-3, body.rtl .mx-3 {
    margin-left: 1rem !important;
    margin-right: unset !important
}
body.rtl .mr-2, body.rtl .mx-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important
}
body.rtl .custom-select {
    padding: 0.375rem 0.75rem 0.375rem 1.75rem
}
body.rtl .pl-0, body.rtl .px-0 {
    padding-right: 0 !important;
    padding-left: unset !important
}
body.rtl .m-r-10 {
    margin-left: 10px;
    margin-right: unset
}
body.rtl .radio_animated, body.rtl .checkbox_animated {
    margin: 0 0 0 1rem
}
body.rtl .footer .footer-copyright p {
    text-align: right
}
body.rtl .digital-add .form-group .radio_animated {
    margin-left: 8px;
    margin-right: unset
}
body.rtl .needs-validation .form-group {
    text-align: right
}
body.rtl .needs-validation .form-group .checkbox {
    padding-right: 0;
    padding-left: unset
}
body.rtl .needs-validation .permission-block .attribute-blocks {
    padding-right: 15px;
    padding-left: unset;
    text-align: right
}
body.rtl .needs-validation .permission-block .attribute-blocks .row {
    padding-right: 20px;
    padding-left: unset
}
body.rtl .needs-validation .checkbox {
    right: 0;
    margin-left: -16px
}
body.rtl .needs-validation .checkbox label {
    padding-right: 16px;
    padding-left: unset
}
body.rtl .needs-validation .checkbox label::before {
    right: 0;
    left: unset;
    margin-left: unset;
    margin-right: -16px
}
body.rtl .needs-validation .radio-animated label {
    margin-left: 20px;
    margin-right: unset
}
body.rtl .modal-footer>:not(:last-child) {
    margin-left: .25rem;
    margin-right: unset
}
body.rtl .jsgrid-button+.jsgrid-button {
    margin-right: 5px;
    margin-left: unset
}
body.rtl .custom-theme {
    left: 0;
    right: unset;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}
body.rtl .text-right {
    text-align: left !important
}
body.rtl .br-wrapper {
    text-align: right
}
body.rtl .card .card-header .card-header-right {
    left: 20px;
    right: unset
}
body.rtl .card .card-header .card-header-right .card-option {
    text-align: left
}
body.rtl .card .card-header .card-header-right .card-option.list-unstyled {
    padding-right: 0;
    padding-left: unset
}
body.rtl code[class*=language-], body.rtl pre[class*=language-] {
    text-align: right
}
body.rtl .code-box-copy__btn {
    right: unset;
    left: 11px
}
body.rtl table thead tr th, body.rtl table thead tr td, body.rtl table tbody tr th, body.rtl table tbody tr td {
    text-align: right
}
body.rtl .pull-right {
    float: left
}
body.rtl .status-circle {
    right: 40px;
    left: unset
}
body.rtl .right-sidebar.show {
    left: 0;
    right: unset
}
body.rtl .right-sidebar .friend-list-search .fa {
    left: 35px;
    right: unset
}
body.rtl .right-sidebar .chat-box .about {
    float: right;
    padding-right: 10px;
    padding-left: unset;
    text-align: right
}
body.rtl .right-sidebar .chat-box .friend-list {
    text-align: right
}
body.rtl .right-sidebar .chat-box .user-image {
    float: right;
    margin-left: 5px;
    margin-right: 0
}
body.rtl .nav-menus .search-form input {
    padding: 10px 70px 10px 10px
}
body.rtl ul.notification-dropdown.onhover-show-div li {
    text-align: right
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-user h6, body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-user p {
    text-align: center
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li {
    text-align: right
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.active>.sidebar-submenu {
    margin-right: 15px;
    margin-left: unset
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a {
    padding-right: 10px;
    padding-left: unset
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a>.fa-circle {
    right: 0;
    left: unset
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-header svg {
    margin-right: unset;
    margin-left: 14px
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar~.page-body {
    margin-right: 255px;
    margin-left: unset
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open {
    margin-right: calc(-178px);
    margin-left: unset
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open~.page-body, body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open~footer {
    margin-right: 77px;
    margin-left: unset
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open .sidebar .sidebar-user {
    text-align: left !important
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open .sidebar .sidebar-user .img-60 {
    margin-left: 9px;
    margin-right: unset
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open .sidebar .sidebar-menu svg {
    float: left
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open .sidebar .sidebar-submenu li a .fa {
    display: none
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open:hover {
    margin-right: 0
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open:hover .sidebar .sidebar-user {
    text-align: center !important
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open:hover .sidebar .sidebar-menu svg {
    float: right
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open:hover .sidebar .sidebar-submenu li a .fa {
    display: block
}
body.rtl .page-wrapper .page-body-wrapper .page-header .row h3 {
    text-align: right
}
body.rtl .page-wrapper .page-body-wrapper footer {
    margin-right: 255px;
    margin-left: unset
}
body.rtl .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset
}
body.rtl .breadcrumb-item+.breadcrumb-item {
    padding-left: unset;
    padding-right: .5rem
}
body.rtl .breadcrumb-item+.breadcrumb-item::before {
    padding-left: .5rem;
    padding-right: unset
}
body.rtl .page-main-header {
    margin-right: 0;
    margin-left: unset
}
body.rtl .page-main-header .main-header-right .nav-right {
    text-align: left
}
body.rtl .page-main-header .main-header-right .nav-right .profile-dropdown {
    right: -73px
}
body.rtl .page-main-header .main-header-right .nav-right .profile-dropdown:after, body.rtl .page-main-header .main-header-right .nav-right .profile-dropdown:before {
    right: unset !important;
    left: 10px !important
}
body.rtl .page-main-header .main-header-right .nav-right .profile-dropdown li {
    text-align: right
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li {
    text-align: right
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li:before {
    right: 0;
    left: unset
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li .dot {
    left: 17px;
    right: unset
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li .media .dotted-animation {
    left: -3px;
    right: unset
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li .media .dotted-animation .main-circle {
    left: 6px;
    right: unset
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li .media .dotted-animation .animate-circle {
    left: -4px;
    right: unset
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: unset
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li.onhover-dropdown:hover .onhover-show-div:after {
    right: 10px;
    left: unset
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li.onhover-dropdown:last-child {
    padding-left: 0;
    padding-right: 20px;
    border-right: none
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li:first-child {
    border-right: none
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group:after {
    right: 22px;
    left: unset
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li:first-child .search-form .form-group:before {
    right: 51px;
    left: unset
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li:last-child {
    padding-right: 20px;
    padding-left: 0
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li i.ml-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important
}
body.rtl .page-main-header .main-header-right .nav-right .language-dropdown {
    right: 0;
    left: unset;
    text-align: right
}
body.rtl .page-main-header .main-header-right .nav-right .language-dropdown li a i {
    margin-left: 10px;
    margin-right: unset
}
body.rtl .page-main-header .main-header-right .mobile-sidebar {
    padding-right: 20px
}
body.rtl .page-main-header.open {
    margin-right: 0
}
body.rtl ul.notification-dropdown.onhover-show-div {
    right: initial;
    left: -30px;
    padding: 0
}
body.rtl ul.notification-dropdown.onhover-show-div:before {
    right: inherit !important;
    left: 35px !important
}
body.rtl ul.notification-dropdown.onhover-show-div:after {
    right: inherit !important;
    left: 35px !important
}
body.rtl ul.notification-dropdown.onhover-show-div li {
    margin-right: 0 !important
}
body.rtl ul.notification-dropdown.onhover-show-div li span.badge {
    margin-left: unset !important
}
body.rtl ul.notification-dropdown.onhover-show-div li span svg {
    margin-right: unset;
    margin-left: 10px
}
body.rtl ul.notification-dropdown.onhover-show-div li .notification-icon {
    margin-left: 20px;
    margin-right: unset
}
body.rtl .owl-carousel {
    direction: ltr
}
body.rtl .media .media-body {
    text-align: right
}
body.rtl .order-graph .order-graph-bottom h6 {
    margin-right: 15px !important;
    margin-left: 30px
}
body.rtl .latest-order-table .btn {
    float: right
}
body.rtl .product-physical table tr th:nth-child(2), body.rtl .product-physical table tr td:nth-child(2) {
    text-align: right
}
body.rtl .product-page-details .color-variant, body.rtl .product-page-details .size-box, body.rtl .product-right .color-variant, body.rtl .product-right .size-box {
    text-align: right
}
body.rtl .add-product-form .qty-box .input-group .input-group-append .btn {
    border-right: none !important;
    border-left: 1px solid #e8ebf2 !important
}
body.rtl .add-product-form .qty-box .input-group .btn-primary.bootstrap-touchspin-down {
    border-left: none !important;
    border-right: 1px solid #e8ebf2 !important
}
body.rtl .add-product-form .offset-sm-4 {
    text-align: right
}
body.rtl .timer {
    float: right
}
body.rtl .timer~.m-t-15 {
    clear: both;
    text-align: right;
    padding-top: 15px
}
body.rtl .timer span .padding-l {
    right: 35px;
    left: unset;
    padding-right: 0
}
body.rtl .product-list table tr td, body.rtl .product-list table tr th, body.rtl .report-table table tr td, body.rtl .report-table table tr th {
    text-align: right !important
}
body.rtl .product-list table tr td:last-child, body.rtl .product-list table tr th:last-child, body.rtl .report-table table tr td:last-child, body.rtl .report-table table tr th:last-child {
    text-align: center !important
}
body.rtl .dropzone .dz-preview .dz-error-mark, body.rtl .dropzone .dz-preview .dz-success-mark {
    left: unset;
    right: 48%;
    margin-right: -27px;
    margin-left: unset
}
body.rtl .dropzone.dz-clickable .dz-message * {
    text-align: center
}
body.rtl .digital-add .col-form-label {
    display: block;
    text-align: right
}
body.rtl .dataTables_wrapper .dataTables_filter input[type="search"] {
    margin-right: 10px;
    margin-left: unset
}
body.rtl .dataTables_wrapper table.dataTable .vendor-list img {
    margin-left: 20px;
    margin-right: unset
}
body.rtl .category-table table tr td:nth-child(3), body.rtl .category-table table tr th:nth-child(3) {
    text-align: right
}
body.rtl .media-table table tr td:last-child, body.rtl .media-table table tr th:last-child {
    text-align: right !important
}
body.rtl .profile-details h5 {
    text-align: center
}
body.rtl .account-setting {
    text-align: right
}
@media only screen and (max-width: 991px) {
    body.rtl .page-wrapper .page-main-header .main-header-left {
        text-align: right
    }
    body.rtl .page-wrapper .page-main-header .main-header-right {
        padding-right: 0;
        padding-left: 40px
    }
    body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open {
        margin-right: -275px;
        margin-left: unset
    }
    body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open~.page-body, body.rtl .page-wrapper .page-body-wrapper .page-sidebar.open~footer {
        margin-right: 0;
        margin-left: unset
    }
    body.rtl .page-wrapper .page-body-wrapper .page-body, body.rtl .page-wrapper .page-body-wrapper .footer {
        margin-right: 0 !important
    }
}
@media only screen and (max-width: 767px) {
    body.rtl .needs-validation .form-group .checkbox {
        padding-right: 15px;
        padding-left: unset
    }
    body.rtl .page-wrapper .page-body-wrapper footer p {
        text-align: center
    }
}
@media (min-width: 1200px) {
    body.rtl .offset-xl-3 {
        margin-right: 25%;
        margin-left: unset
    }
}
@media (max-width: 1470px) {
    .custom-container {
        max-width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        margin-right: auto;
        margin-left: auto
    }
}
@media (min-width: 1470px) {
    .custom-container {
        max-width: 1440px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
}
@media (min-width: 1680px) {
    .custom-container {
        max-width: 1650px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
    .container {
        max-width: 1110px
    }
}
@media (max-width: 1679px) {
    .category-header .navbar-menu .category-right .contact-block span {
        font-size: 0
    }
    .gift-dropdown.dropdown-menu {
        width: 300px;
        right: -80px;
        left: unset !important
    }
    .layout-header1~.category-header .gift-dropdown.dropdown-menu {
        right: 20px
    }
    .category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li img {
        height: 43.5px
    }
    .theme-slider .offset-xl-2 {
        margin-left: 270px;
        max-width: 64.5%
    }
    .theme-slider .slider-banner .layout2-slide-1 li {
        width: 600px
    }
    .theme-slider .slider-banner .layout2-slide-2 li {
        width: 400px
    }
    .theme-slider .slider-banner .layout2-slide-3 li {
        width: 400px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-1 li {
        right: 50px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-2 li {
        right: 70px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-3 li {
        right: 70px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li {
        width: 350px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li:last-child {
        width: 400px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li {
        left: 40px;
        width: 300px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li:last-child {
        right: 40px;
        width: 350px
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-1 li {
        width: 50%
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-2 li {
        width: 45%
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-3 li {
        width: 50%
    }
    .collection-banner .offset-xl-2 {
        margin-left: 270px;
        max-width: 31.2%
    }
    .offer-banner-img {
        height: 100%;
        background-color: #00baf2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain {
        padding: 50px
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain h3 {
        font-size: 22px
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain h4 {
        font-size: 30px
    }
    .collection-banner .collection-banner-main.banner-8 .collection-banner-contain h3 {
        font-size: 18px
    }
    .collection-banner .collection-banner-main.banner-8 .collection-banner-contain h1 {
        font-size: 40px
    }
    .collection-banner .collection-banner-main.banner-8 .collection-banner-contain h6 {
        display: none
    }
    .collection-banner .collection-banner-main.banner-2 .collection-img {
        height: 190px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-img {
        height: 395px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-img {
        height: 190px
    }
    .collection-banner .collection-banner-main .collection-img {
        height: 235px
    }
    .instagram .insta-contant1 .insta-sub-contant1 .insta-title {
        padding: 18px 65px
    }
    .top-header .top-header-right .top-menu-block {
        display: none
    }
    .category-header .navbar-menu .category-left {
        width: 60%
    }
    .category-header .navbar-menu .category-left .input-block {
        width: 100%
    }
    .category-header .navbar-menu .category-right .gift-block {
        margin-left: 20px
    }
    .category-header-2 .navbar-menu .category-right .gift-block {
        width: auto
    }
    .category-header-2 .navbar-menu .category-right .gift-block .gift-offer {
        display: none
    }
    .category-header-2 .navbar-menu .category-right .contact-block {
        padding: 20px 15px
    }
    .category-header-2 .navbar-menu .category-right .contact-block i {
        display: none
    }
    .category-header-2 .navbar-menu .category-right .contact-block span {
        font-size: 0;
        margin: 0 auto
    }
    .category-header-2 .navbar-menu .category-right .contact-block span span {
        font-size: 16px
    }
    .layout-header3 .main-menu .menu-right .gift-block {
        display: none
    }
    .category-header-4 .navbar-menu .category-right .gift-block {
        width: auto
    }
    .category-header-4 .navbar-menu .category-right .gift-block .gift-offer {
        display: none
    }
    .category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat li {
        padding-bottom: 17px
    }
    .layout-4-collection>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
    .layout-4-collection>div:last-child {
        display: none
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-img {
        height: 580px
    }
    .masonory-banner .masonary-banner-main .masonary-banner-contant {
        padding: 60px 20px
    }
    .masonory-banner .masonary-banner-main .masonary-banner-contant .masonary-banner-subcontant {
        margin-right: 20px
    }
    .hot-4>div:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%
    }
    .hot-4>div:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62%;
        flex: 0 0 62%;
        max-width: 62%
    }
    .hot-4>div:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%
    }
    .hot-4 .hot-deal .hot-deal-contain {
        padding: 30px
    }
    .hot-4 .media-banner {
        padding: 20px
    }
    .product-wrapper-grid.list-view .product .product-box .product-imgbox {
        width: 50%
    }
}
@media (max-width: 1470px) {
    .theme-slider .offset-xl-2 {
        max-width: 64%
    }
    .collection-banner .offset-xl-2 {
        max-width: 30.66%
    }
    .instagram .insta-contant1 .insta-sub-contant1 .insta-title {
        padding: 15px 50px
    }
    .collection-banner .collection-banner-main .collection-banner-contain {
        padding: 30px
    }
    .collection-banner .collection-banner-main .collection-banner-contain h3 {
        font-size: 25px
    }
    .collection-banner .collection-banner-main .collection-banner-contain h4 {
        font-size: 25px
    }
    .collection-banner .collection-banner-main.banner-1 .collection-banner-contain h3 {
        font-size: 22px;
        margin-bottom: 5px
    }
    .collection-banner .collection-banner-main.banner-1 .collection-banner-contain h4 {
        font-size: 32px
    }
    .collection-banner .collection-banner-main.banner-1 .collection-banner-contain .shop {
        margin-top: 25px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain {
        padding: 15px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain h3 {
        font-size: 16px;
        margin-bottom: 10px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain h4 {
        font-size: 16px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain .shop {
        margin-top: 10px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain .shop a {
        font-size: 12px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-banner-contain h3 {
        font-size: 30px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-banner-contain h4 {
        margin-top: 10px;
        margin-bottom: 50px;
        font-size: 16px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-banner-contain h3 {
        font-size: 18px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-banner-contain h4 {
        font-size: 22px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-img {
        height: 240px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-banner-contain h3 {
        font-size: 30px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-banner-contain h4 {
        font-size: 60px
    }
    .layout-4-collection>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 39.5%;
        flex: 0 0 39.5%;
        max-width: 39.5%
    }
    .collection-layout1>div:first-child {
        max-width: 31.5%
    }
    .collection-layout1>div:nth-child(2) {
        max-width: 31%
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain {
        min-width: 320px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain span {
        font-size: 22px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-img {
        height: 350px
    }
    .offer-banner {
        display: none
    }
    .theme-slider .offset-xl-2 {
        max-width: calc(100% - 270px)
    }
    .category-header .navbar-menu .category-right .contact-block span {
        font-size: 0;
        margin-left: 0
    }
    .category-header .navbar-menu .category-right .gift-block {
        margin-left: 45px
    }
    .layout-header3 .main-menu .menu-right .input-block .input-box {
        width: 450px
    }
    .layout-header3 .main-menu .menu-right .input-block .input-box .big-deal-form .input-group {
        height: 50px
    }
    .layout-header3 .main-menu .menu-right .input-block .input-box .big-deal-form .input-group select {
        background: url("../images/layout-1/drop-1.png") no-repeat scroll 20px 18px
    }
    .layout-header3 .main-menu .menu-right .input-block .input-box .big-deal-form .input-group span {
        display: none
    }
    .category-header-4 .navbar-menu .category-right .input-block {
        width: 500px
    }
    .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
    }
}
@media (max-width: 1366px) {
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-3 li:nth-child(2) {
        right: 100px;
        bottom: -90px;
        left: unset
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li:nth-child(2) img, .theme-slider .slider-banner.slide-banner-1 .layout1-slide-2 li:nth-child(2) img, .theme-slider .slider-banner.slide-banner-1 .layout1-slide-3 li:nth-child(2) img {
        margin: 0 0 0 auto
    }
    .theme-slider .slider-banner.slide-banner-1 div li img {
        width: 60%
    }
    .theme-slider .slider-banner.slide-banner-5 .layout6-slide-1 li {
        width: 400px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-1 li {
        width: 415px;
        right: 20px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-2 li {
        width: 300px;
        right: 20px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-3 li {
        width: 350px;
        right: 20px
    }
    .hot-deal .hot-deal-contain .hot-deal-center .timer span {
        font-size: 22px;
        min-width: 55px
    }
    .hot-4 .media-banner .media-banner-box .media .media-body .media-contant {
        height: 87px
    }
    .hot-4 .media-banner .media-banner-box .media img {
        border: 1px solid #ddd;
        width: 60px
    }
    .layout-4.hot-deal .hot-deal-contain .hotdeal-right-nav img {
        height: 100px
    }
    .layout-4.hot-deal .hot-deal-contain .hot-deal-center {
        margin-left: 0;
        height: auto
    }
    .Jewellery-banner {
        padding: 30px
    }
    .Jewellery-banner h6 {
        font-size: 25px
    }
    .layout-3-hotdeal .media-banner .media-banner-box .media .media-body .media-contant .rating i {
        font-size: 11px
    }
    .layout-3-hotdeal .media-banner .media-banner-box .media img {
        width: 52px
    }
    .layout-3-hotdeal .hot-deal .hot-deal-contain1 {
        padding: 21px
    }
    .layout-3-hotdeal .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .rating {
        margin: 0 auto
    }
    .layout-3-hotdeal .media-banner {
        padding: 25px
    }
    .cart-hover-div:hover .cart-show-div.right {
        right: 0
    }
    .cart-hover-div .cart-show-div.right {
        right: 0
    }
    .hot-deal.space-abjust .hot-deal-contain {
        padding: 45px 20px
    }
    .collection-banner .offset-xl-2 {
        max-width: 29.66%
    }
    .layout-4-collection>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%
    }
    .collection-layout1>div:first-child {
        max-width: 29.5%
    }
    .collection-layout1>div:nth-child(2) {
        max-width: 29.5%
    }
    .offer-banner {
        display: none
    }
    .category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li {
        padding-bottom: 7px
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain {
        padding: 30px
    }
    .collection-banner .collection-banner-main .collection-img {
        height: 200px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-img {
        height: 175px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-img {
        height: 365px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-img {
        height: 175px
    }
    .full-banner {
        padding: 150px 0
    }
    .top-header .top-header-right .language-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .top-header .top-header-right .top-menu-block {
        display: none
    }
    .top-header .top-header-left .shpping-order {
        margin-right: 18px
    }
    .category-header .navbar-menu .category-right .contact-block i {
        display: none
    }
    .category-header .navbar-menu .category-right .gift-block {
        margin-left: 40px;
        width: auto
    }
    .category-header-2 .navbar-menu .category-right .contact-block {
        display: none
    }
    .layout-header3 .main-menu .menu-left .logo-block {
        margin-left: 0
    }
    .layout-header3 .main-menu .menu-right .input-block .input-box {
        width: 380px
    }
    .layout-header3 .main-menu .menu-right .menu-nav {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-left: 20px
    }
    .layout-header3 .main-menu .menu-right .icon-block {
        margin-left: 30px
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-cart {
        margin-left: 20px
    }
    .layout-header3 .main-menu .menu-right .icon-block ul li .cart-item {
        display: none
    }
    .category-header-4 .navbar-menu .category-left .nav-block {
        margin-right: 20px
    }
    .category-header-4 .navbar-menu .category-left .nav-block .nav-left .nav-cat li {
        padding-bottom: 9px
    }
    .category-header-4 .navbar-menu .category-right .input-block {
        width: 440px
    }
    .category-header-4 .navbar-menu .category-right .gift-block {
        display: none
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-img {
        height: 400px
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-img {
        height: 500px
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h3:before {
        width: 70px
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h3:after {
        width: 70px
    }
    .product-right .timer p span {
        min-width: 65px
    }
    .creative-card {
        border-width: 25px;
        padding: 25px
    }
    .blog-page .blog-media {
        padding: 25px 15px;
        border-width: 25px
    }
    .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
    }
    .blog-page .blog-sidebar .theme-card {
        border-width: 25px;
        padding: 25px
    }
    .theme-card {
        border-width: 25px;
        padding: 25px
    }
    .theme-card .offer-slider .media .media-body h4 {
        margin-top: 10px
    }
    .theme-card .offer-slider .media .media-body a h6 {
        margin-right: 0px
    }
    .collection-product-wrapper .product-wrapper-grid .col-lg-3 .product .product-box .product-detail.detail-center .icon-detail button {
        padding: 10px
    }
    .collection-product-wrapper .product-wrapper-grid .col-lg-3 .product .product-box .product-detail.detail-center .icon-detail a i {
        padding: 10px
    }
}
@media (max-width: 1200px) {
    .collection-banner .offset-xl-2 {
        max-width: 26.66%
    }
    .collection-banner .pl-md-0 {
        padding-right: 0
    }
    .layout-4-collection>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%
    }
    .collection-banner .collection-banner-main .collection-banner-contain {
        padding: 25px
    }
    .collection-banner .collection-banner-main .collection-banner-contain h3 {
        font-size: 20px
    }
    .collection-banner .collection-banner-main .collection-banner-contain h4 {
        font-size: 20px
    }
    .collection-banner .collection-banner-main.banner-1 .collection-banner-contain .shop {
        margin-top: 10px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-img {
        height: 200px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-banner-contain h3 {
        font-size: 20px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-banner-contain h4 {
        font-size: 40px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-banner-contain .btn-normal {
        padding: 10px 30px
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain h3 {
        font-size: 18px
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain h4 {
        font-size: 22px
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain .shop {
        margin-top: 15px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-img {
        height: 275px
    }
    .theme-slider .slider-banner .slider-banner-contain {
        padding: 0 70px
    }
    .theme-slider .slider-banner .slider-banner-contain h4 {
        font-size: 18px
    }
    .theme-slider .slider-banner .slider-banner-contain h1 {
        font-size: 45px
    }
    .theme-slider .slider-banner .slider-banner-contain h2 {
        font-size: 24px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h1 {
        padding-bottom: 5px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h4 {
        font-size: 20px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h2 {
        font-size: 25px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h5 {
        font-size: 16px;
        padding-bottom: 0
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h3 {
        font-size: 32px;
        padding-bottom: 5px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h1 {
        font-size: 42px;
        padding-bottom: 15px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h2 {
        padding-bottom: 18px;
        font-size: 18px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h5 {
        font-size: 16px;
        padding-bottom: 0
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h3 {
        font-size: 32px;
        padding-bottom: 5px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h1 {
        font-size: 42px;
        padding-bottom: 15px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h2 {
        padding-bottom: 18px;
        font-size: 18px
    }
}
@media (max-width: 1199px) {
    .product-right .product-icon .wishlist-btn i {
        padding-left: 15px;
        margin-left: 15px
    }
    .product-right .timer p span {
        min-width: 47px
    }
    .tab-product.tab-exes {
        margin-top: 40px !important
    }
    .mor-slide-open img {
        display: none
    }
    .new-tag {
        position: absolute;
        top: -5px
    }
    .menu-banner {
        display: none
    }
    .layout-header3 .main-menu .menu-left .sm-nav-block .nav-slide>li:nth-last-child(2) {
        border: 0;
        padding: 0
    }
    .hot-4>div:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .hot-4>div:last-child, .hot-4>div:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 7.5px);
        margin-bottom: 15px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .hot-4>div:last-child {
        margin-left: 15px
    }
    .theme-slider .offset-xl-2 {
        max-width: 75%;
        margin: 0
    }
    .theme-slider .slider-banner .layout2-slide-1 li {
        width: 550px
    }
    .theme-slider .slider-banner .layout2-slide-2 li {
        width: 340px
    }
    .theme-slider .slider-banner .layout2-slide-3 li {
        width: 380px
    }
    .theme-slider .slider-banner.slide-banner-5 .layout6-slide-1 li {
        width: 350px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li {
        width: 250px;
        left: 0
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li:last-child {
        width: 250px;
        right: 0
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li {
        width: 240px;
        left: 20px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li:last-child {
        width: 250px;
        right: 20px
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-1 li {
        width: 55%;
        right: 50px
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-2 li {
        right: 50px;
        width: 50%
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-3 li {
        right: 50px;
        width: 55%
    }
    .layout-header4 .logo-block img {
        height: 50px
    }
    .category-header-4 .sm-nav-btn i {
        color: #fff
    }
    .masonary-banner-block1 .col-sm-6.pl-3 {
        padding-right: 0
    }
    .gutter-15 .masonary-banner-block2 .col-sm-6 {
        padding-left: 0
    }
    .masonary-banner-block.masonary-inner1>div:last-child {
        padding-left: 0
    }
    .layout-3-hotdeal .hot-deal .hot-deal-contain1 {
        margin-top: 15px
    }
    .layout-3-hotdeal .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer span {
        font-size: 14px
    }
    .layout-3-hotdeal>div:nth-child(2) {
        padding-right: 15px
    }
    .layout-3-hotdeal>div:nth-child(4) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding: 0;
        padding-left: 15px
    }
    .hot-deal.space-abjust .hot-deal-contain {
        padding: 83px 20px
    }
    .collection-banner-main.p-top.banner-6 .collection-img {
        background-size: contain !important;
        background-position: right top !important;
        background-repeat: no-repeat !important;
        background-color: #fff !important
    }
    .layout-4-collection>div:first-child {
        padding-right: 0
    }
    .layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide li.mor-slide-open ul li a {
        display: inline-block
    }
    .category-header-4 .navbar-menu {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
    .category-header-4 .navbar-menu .category-left .nav-block {
        display: none
    }
    .category-header-4 .navbar-menu .category-right {
        width: 100%
    }
    .category-header-4 .navbar-menu .category-right .input-block {
        width: 80%;
        margin: 0 auto
    }
    .category-header-4 .navbar-menu .category-right .sm-nav-block {
        display: block
    }
    .layout-header4 .contact-block .sm-nav-block {
        display: block
    }
    .collection-banner .pl-md-0 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .collection-banner .offset-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .offer-banner {
        display: inline-block
    }
    .collection-banner .offset-xl-2 {
        margin-left: 0
    }
    .offer-banner-img img {
        height: 400px;
        width: 100%
    }
    .collection-layout1>div {
        max-width: 33.333% !important
    }
    .section-big-pt-space {
        padding-top: 40px
    }
    .section-big-pb-space {
        padding-bottom: 40px
    }
    .section-big-py-space {
        padding: 40px 0
    }
    .section-big-mb-space {
        margin-bottom: 40px
    }
    .section-big-mt-space {
        margin-top: 40px
    }
    .collection-banner .collection-banner-main .collection-img {
        height: 170px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-img {
        height: 140px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-img {
        height: 295px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-img {
        height: 140px
    }
    .layout-4-collection>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .layout-4-collection>div:first-child {
        margin-left: 0
    }
    .layout-4-collection>div:nth-child(2) {
        padding-right: 15px;
        padding-left: 15px
    }
    .discount-banner .discount-banner-contain {
        padding: 30px
    }
    .title1 {
        padding: 30px 0
    }
    .title3 {
        padding-top: 30px
    }
    .product .product-box .product-imgbox .product-icon.icon-inline button {
        margin: 0 3px
    }
    .product .product-box .product-imgbox .product-icon.icon-inline a {
        margin: 0 3px
    }
    .product .product-box .product-detail .detail-title .detail-left {
        float: unset
    }
    .product .product-box .product-detail .detail-title .detail-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: unset
    }
    .product .product-box .product-detail .detail-title .detail-right .price {
        margin-left: 5px
    }
    .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
    }
    .hot-deal .hot-deal-contain .hot-deal-center {
        margin-left: 15px
    }
    .hot-deal .hot-deal-contain .hot-deal-center .timer {
        margin-top: 20px
    }
    .hot-deal .hot-deal-contain .hot-deal-center .timer span {
        padding: 15px;
        font-size: 20px;
        margin: 0 3px;
        min-width: 35px
    }
    .hot-deal .hot-deal-contain .hot-deal-center .timer span>span {
        margin-left: 0
    }
    .hot-deal .hot-deal-contain .hot-deal-center h6 {
        margin: 15px 0
    }
    .hot-deal .hot-deal-contain .hotdeal-right-nav img {
        height: 105px
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .rating {
        margin: 8px 0
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center h5 {
        font-size: 14px;
        line-height: 1.4
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center p {
        margin: 15px 0
    }
    .media-banner {
        padding: 30px 20px
    }
    .slider-layout-4 .slider-slide {
        max-width: 100%;
        margin-left: 0
    }
    .footer-1 .footer-box .footer-sub-box.footer-contant-box {
        margin-left: 50px
    }
    .footer-1 .footer-box .footer-sub-box .footer-title {
        margin-bottom: 15px
    }
    .footer-1 .footer-box .footer-sub-box.account {
        margin-bottom: 20px
    }
    .theme-slider .slider-banner .slider-img {
        height: 400px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-img {
        height: 400px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain {
        padding: 30px
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-img {
        height: 450px
    }
    .layout-header1 .main-menu-block .menu-left .sm-nav-block {
        display: block
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav {
        margin-left: 0
    }
    .layout-header1 .main-menu-block .menu-right .toggle-block {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-left: 15px
    }
    .layout-header1 .main-menu-block .menu-right .menu-banner {
        display: none
    }
    .category-header .navbar-menu .category-left {
        width: 53%
    }
    .category-header .navbar-menu .category-left .nav-block {
        display: none
    }
    .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group {
        height: 50px
    }
    .category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group select {
        background: url("../images/layout-1/drop-1.png") no-repeat scroll 20px 19px
    }
    .category-header .navbar-menu .category-right .contact-block {
        padding: 15px 0
    }
    .layout-header2 {
        padding: 30px 0
    }
    .category-header-2 .navbar-menu .category-left .menu-block .toggle-nav {
        padding-top: 23px;
        padding-bottom: 23px
    }
    .category-header-2 .navbar-menu .category-left .menu-block .toggle-nav i {
        color: #fff
    }
    .category-header-2 .navbar-menu .category-left .menu-block .pixelstrap .dark-menu-item {
        color: #444;
        padding: 10px 15px
    }
    .category-header-2 .navbar-menu .category-left .menu-block .pixelstrap li .label-nav {
        top: -8px
    }
    .category-header-2 .navbar-menu .category-left .icon-block {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-left: 0
    }
    .category-header-2 .navbar-menu .category-left .nav-block {
        margin-left: 40px
    }
    .category-header-2 .navbar-menu .category-right {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .category-header-2 .navbar-menu .category-right .gift-block {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .category-header-2 .navbar-menu .category-right .gift-block .gift-offer {
        display: block
    }
    .category-header-2 .navbar-menu .category-right .contact-block {
        display: block;
        margin-left: 0;
        padding: 20px
    }
    .category-header-2 .navbar-menu .category-right .contact-block span span {
        font-size: 18px
    }
    .layout-header3 .main-menu .menu-right .menu-nav .toggle-nav {
        display: none
    }
    .layout-header3 .main-menu .menu-left .nav-block {
        display: none
    }
    .layout-header3 .main-menu .menu-left .sm-nav-block {
        display: block
    }
    .layout-header4 {
        padding: 20px 0
    }
    .category-header-4 .navbar-menu .category-left .menu-block .toggle-nav {
        padding-top: 23px;
        padding-bottom: 23px
    }
    .category-header-4 .navbar-menu .category-left .menu-block .toggle-nav i {
        color: #1c3481
    }
    .category-header-4 .navbar-menu .category-left .menu-block .pixelstrap .light-menu-item {
        color: #444;
        padding: 10px 15px
    }
    .category-header-4 .navbar-menu .category-left .menu-block .pixelstrap li .label-nav {
        top: -8px
    }
    .newsletter .subscribe-block .input-group span {
        padding: 0 25px
    }
    .newsletter .subscribe-block .input-group input {
        width: 220px
    }
    .breadcrumb-main {
        padding: 50px 0
    }
    .theme-card .offer-slider img {
        height: 130px;
        padding-right: 10px
    }
    .theme-card .offer-slider .media .media-body .rating i {
        padding-right: 1px
    }
    .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-wrapper, .product-wrapper-grid.list-view .product-box .img-block {
        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
    }
    .search-product>div:nth-child(n+4) {
        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 span {
        min-width: 48px
    }
    .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
    }
    .about-text p {
        margin-bottom: 25px
    }
    .tools-parallax-product.full-banner {
        padding-top: 90px;
        padding-bottom: 90px
    }
    .tools-parallax-product .tools-description h3 {
        font-size: 17px
    }
    .full-box .theme-card .offer-slider img {
        padding: 15px 0 15px 0
    }
    .full-box .theme-card .offer-slider .product-box2 .media img {
        height: 230px
    }
    .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
    }
    .add_to_cart.top, .add_to_cart.bottom {
        left: -300px;
        top: 0;
        height: 100vh;
        width: 300px
    }
    .add_to_cart.top .cart-inner, .add_to_cart.bottom .cart-inner {
        height: 100vh;
        overflow: auto
    }
    .add_to_cart.top .cart-inner .cart_top, .add_to_cart.bottom .cart-inner .cart_top {
        padding: 20px !important;
        margin-bottom: 20px
    }
    .add_to_cart.top .cart-inner .cart_media, .add_to_cart.bottom .cart-inner .cart_media {
        padding: 0 20px !important;
        display: block
    }
    .add_to_cart.top .cart-inner .cart_media .cart_product, .add_to_cart.bottom .cart-inner .cart_media .cart_product {
        padding: 0;
        width: 100%;
        display: block;
        overflow-y: hidden
    }
    .add_to_cart.top .cart-inner .cart_media .cart_product li, .add_to_cart.bottom .cart-inner .cart_media .cart_product li {
        min-width: 100%;
        max-width: 100%;
        margin-right: 0;
        padding-bottom: 10px
    }
    .add_to_cart.top .cart-inner .cart_media .cart_total, .add_to_cart.bottom .cart-inner .cart_media .cart_total {
        padding: 0;
        width: 100%
    }
    .add_to_cart.top.open-side, .add_to_cart.bottom.open-side {
        left: 0
    }
    .masonory-banner .masonary-banner-main .masonory-banner-img {
        height: 350px
    }
    .masonory-banner .masonary-banner-main .masonory-banner-img.masonory-img1 {
        height: 715px
    }
    .masonory-banner .masonary-banner-main .masonary-banner-contant {
        padding: 40px 20px
    }
    .masonary-banner-block1>div:first-child {
        margin-bottom: 12px
    }
    .portfolio-section .portfolio-2 {
        margin-bottom: -30px
    }
    .portfolio-section .portfolio-3 {
        margin-bottom: -15px
    }
}
@media (max-width: 1024px) {
    .creative-card.creative-inner {
        padding: 10px
    }
}
@media (max-width: 992px) {
    .product .product-box .product-imgbox .new-label {
        padding: 2px
    }
}
@media (max-width: 991px) {
    .gift-dropdown.dropdown-menu {
        width: 300px;
        right: -80px;
        left: 0 !important
    }
    .theme-slider .slider-banner.slide-banner-1 div li img {
        width: 50%
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li:nth-child(2) {
        right: 20px;
        left: unset;
        top: 0
    }
    .theme-slider .slider-banner .layout2-slide-1 li {
        width: 450px
    }
    .theme-slider .slider-banner .layout2-slide-2 li {
        width: 300px;
        bottom: 20px;
        right: 10px
    }
    .theme-slider .slider-banner .layout2-slide-3 li {
        width: 300px;
        bottom: 20px;
        right: 10px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li {
        width: 200px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li:last-child {
        width: 200px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li {
        width: 220px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li:last-child {
        width: 220px
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain {
        background-color: rgba(255, 255, 255, 0.5)
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-1 li {
        width: 60%
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-2 li {
        width: 60%
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-3 li {
        width: 65%
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-3 li:nth-child(2) {
        right: 30px
    }
    .layout-header1~.category-header .gift-dropdown.dropdown-menu {
        left: unset !important
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center {
        display: block;
        text-align: left
    }
    .footer-1 .footer-box .footer-sub-box .footer-contant ul li {
        margin-right: 12px
    }
    .hot-4>div:last-child, .hot-4>div:first-child {
        max-width: calc(50%);
        margin-left: 0
    }
    .layout-3-hotdeal .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .rating {
        margin: 20px auto
    }
    .hotdeal-right-nav {
        display: block
    }
    .hot-deal .hot-deal-contain .hot-deal-subcontain>div:nth-child(3) {
        position: absolute;
        bottom: 50px;
        right: 5px
    }
    .hot-deal .hot-deal-contain .hot-deal-center {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .hot-1>div:first-child {
        padding-left: 0
    }
    .hot-1>div:last-child {
        padding-left: 0;
        padding-right: 0
    }
    .hot-2>div:nth-child(2) {
        margin-bottom: 15px
    }
    .hot-deal.space-abjust .hot-deal-contain {
        padding: 20px
    }
    .spc-responsive {
        margin-top: 20px
    }
    .offer-banner-img img {
        height: 350px
    }
    .offer-banner .banner-contain h5 {
        font-size: 13px;
        margin-bottom: 10px
    }
    .breadcrumb-main {
        padding: 40px 0
    }
    .btn-rounded, .btn-white, .btn-normal {
        padding: 12px 40px
    }
    .instagram .insta-contant .insta-sub-contant .insta-title {
        padding: 15px 25px
    }
    .instagram .insta-contant1 .insta-sub-contant1 .insta-title {
        padding: 15px 30px
    }
    .services .service-block>div:last-child .media {
        margin-left: 24px
    }
    .services .service-block>div:first-child {
        padding-bottom: 0
    }
    .services .service-block>div:nth-child(2) {
        padding-bottom: 0
    }
    .brand-panel .brand-panel-box .brand-panel-contain ul li:first-child {
        display: block;
        text-align: center;
        border: 0;
        border-bottom: 2px solid #00baf2;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 10px;
        font-size: 16px
    }
    .brand-panel .brand-panel-box .brand-panel-contain ul li:nth-child(2) {
        display: none
    }
    .testimonial .testimonial-contain {
        padding: 30px 0
    }
    .testimonial .testimonial-contain .media {
        display: block
    }
    .testimonial .testimonial-contain .media .testimonial-img {
        margin: 0 auto
    }
    .testimonial .testimonial-contain .media .media-body {
        margin-left: 0;
        text-align: center
    }
    .deal-banner {
        padding: 30px 0
    }
    .deal-banner .deal-banner-containe {
        text-align: center
    }
    .deal-banner .deal-banner-containe h2 {
        margin-bottom: 10px
    }
    .deal-banner .deal-banner-containe h1 {
        margin-bottom: 15px
    }
    .deal-banner .deal-banner-containe .deal-btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .collection5>div {
        margin-top: 15px
    }
    .collection5>div:last-child {
        padding-left: 0;
        padding-right: 15px
    }
    .collection5>div:first-child {
        margin-bottom: 0
    }
    .collection-banner .collection-banner-main .collection-img {
        height: 140px
    }
    .collection-banner .collection-banner-main .collection-banner-contain {
        padding: 0 20px
    }
    .collection-banner .collection-banner-main .collection-banner-contain h3 {
        font-size: 16px
    }
    .collection-banner .collection-banner-main .collection-banner-contain h4 {
        font-size: 16px
    }
    .collection-banner .collection-banner-main .collection-banner-contain .shop {
        margin-top: 10px
    }
    .collection-banner .collection-banner-main.banner-1 .collection-banner-contain h3 {
        font-size: 18px
    }
    .collection-banner .collection-banner-main.banner-1 .collection-banner-contain h4 {
        font-size: 22px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain {
        padding: 0 5px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain h3 {
        font-size: 14px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain h4 {
        font-size: 14px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-img {
        height: 130px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-banner-contain h3 {
        font-size: 23px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-banner-contain h4 {
        font-size: 14px;
        margin-bottom: 40px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-img {
        height: 275px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-banner-contain h3 {
        font-size: 15px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-banner-contain h4 {
        font-size: 17px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-img {
        height: 130px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-img {
        height: 150px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-banner-contain h3 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-banner-contain h4 {
        font-size: 32px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-banner-contain .btn-normal {
        padding: 8px 25px
    }
    .collection-layout3>div:nth-child(2) {
        padding-right: 15px
    }
    .full-banner {
        padding: 100px 0
    }
    .rounded-category {
        padding: 30px 0 15px
    }
    .box-category .box-category-contain {
        padding: 20px 0
    }
    .hot-deal .slick-prev, .hot-deal .slick-next {
        top: 48px
    }
    .hot-deal .hot-deal-contain.deal-abjust .hot-deal-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .hot-deal .hot-deal-contain.deal-abjust .hotdeal-right-nav img {
        height: auto;
        width: 65px
    }
    .hot-deal .hot-deal-contain.deal-abjust .hot-deal-subcontain>div:nth-child(3) {
        position: relative;
        right: unset;
        bottom: unset
    }
    .hot-deal .hot-deal-contain .hot-deal-center .timer span {
        min-width: 22px;
        padding: 12px
    }
    .hot-deal .hot-deal-contain .hot-deal-center h5 {
        font-size: 16px
    }
    .hot-deal .hot-deal-contain .hot-deal-subcontain>div:nth-child(3) {
        margin-top: 20px
    }
    .hot-deal .hot-deal-contain .hotdeal-right-nav img {
        height: auto;
        width: 105px
    }
    .hot-deal .hot-deal-contain1 {
        margin-top: 15px
    }
    .hot-deal .hot-deal-contain1 .hot-deal-center {
        text-align: center
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain>div:nth-child(3) {
        margin-top: 20px
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hotdeal-right-slick-1 .right-slick-img {
        margin-right: 1px
    }
    .Jewellery-banner {
        text-align: center;
        background-color: rgba(255, 255, 255, 0.7);
        background-blend-mode: overlay
    }
    .Jewellery-banner a {
        font-size: 18px
    }
    .Jewellery-banner h6 {
        font-size: 40px
    }
    .app-link-block .app-link-bloc-contain {
        display: inline-grid
    }
    .app-link-block .app-link-bloc-contain .app-item-group {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .app-link-block .app-link-bloc-contain .app-item-group .sosiyal-block {
        margin-top: 20px
    }
    .app-link-block .app-link-bloc-contain .app-item-group h6 {
        margin-left: 0
    }
    .footer-1 .logo-contain .logo-block {
        text-align: center;
        padding: 0
    }
    .footer-1 .logo-contain .logo-detail {
        margin-left: 0;
        margin-top: 20px;
        padding: 0
    }
    .footer-1 .logo-contain .logo-detail p {
        margin-left: 0;
        text-align: center
    }
    .footer-1 .logo-contain .logo-detail:before {
        background-color: transparent
    }
    .footer-1 .footer-box .footer-sub-box.footer-contant-box {
        margin-left: 25px
    }
    .footer-2 .footer-main-contian {
        padding-bottom: 0
    }
    .footer-2 .footer-main-contian .footer-left {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 30px;
        border-bottom: 1px solid #ddd
    }
    .footer-2 .footer-main-contian .footer-left .footer-logo {
        text-align: center
    }
    .footer-2 .footer-main-contian .footer-left .footer-logo img {
        width: 150px
    }
    .footer-2 .footer-main-contian .footer-left .footer-detail {
        text-align: center
    }
    .footer-2 .footer-main-contian .footer-left .footer-detail p {
        padding: 20px 0
    }
    .footer-2 .footer-main-contian .footer-right {
        padding-top: 0;
        padding-left: 0;
        border-left: none
    }
    .footer-2 .footer-main-contian .footer-right .subscribe-section {
        padding: 30px 0
    }
    .footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-2 .footer-main-contian .footer-right .subscribe-section .subscribe-block .subscrib-contant h4 {
        margin-bottom: 20px
    }
    .footer-2 .footer-main-contian .footer-right .account-right {
        padding: 30px 0 30px 0
    }
    .footer-3 .sosiyal-footer {
        padding-bottom: 40px
    }
    .footer-3 .sosiyal-footer .sosiyal-contain>div:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .footer-3 .sosiyal-footer .sosiyal-contain>div:nth-child(3) .sosiyal-block {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .footer-3 .sosiyal-footer .sosiyal-contain>div:nth-child(3) .sosiyal-block ul {
        margin-left: 0
    }
    .footer-3 .sosiyal-footer .subscribe-section {
        padding-top: 40px
    }
    .footer-3 .footer-logo .footer-box .footer-title {
        padding-bottom: 0
    }
    .footer-3 .footer-logo .footer-box .footer-title:before {
        background-color: transparent
    }
    .footer-3 .footer-logo .footer-box .footer-contant {
        margin-top: 20px
    }
    .footer-3 .footer-logo .footer-box .footer-contant .logo-img img {
        width: 150px
    }
    .footer-3 .footer-logo .footer-box .footer-contant p {
        padding: 20px 0
    }
    .footer-3 .footer-logo .theme-footer>div+div+div {
        margin-top: 30px
    }
    .footer-4 .follow .app-item-group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-4 .follow .app-item-group .app-item img {
        width: 100px
    }
    .footer-4 .follow .app-item-group .sosiyal-block {
        margin-top: 20px
    }
    .footer-4 .top-category .footer-theme>div+div+div {
        margin-top: 30px
    }
    .footer-4 .top-category .footer-box .footer-title {
        padding-bottom: 0
    }
    .footer-4 .top-category .footer-box .footer-title:before {
        background-color: transparent
    }
    .footer-4 .top-category .footer-box .footer-contant {
        margin-top: 20px
    }
    .footer-4 .footer-logo img {
        width: 150px
    }
    .theme-slider .slider-banner .slider-img {
        height: 350px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-img {
        height: 250px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h1 {
        font-size: 30px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h1 span {
        margin-left: 5px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h4 {
        font-size: 16px;
        padding-bottom: 15px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h2 {
        font-size: 20px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain .btn-normal {
        padding: 10px 20px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-img {
        height: 330px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain {
        min-width: 250px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain span {
        font-size: 16px;
        margin-bottom: 10px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain h1 {
        font-size: 32px;
        padding-bottom: 14px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain h4 {
        font-size: 14px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-1 li {
        width: 380px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-2 li {
        width: 270px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-3 li {
        width: 300px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-img {
        height: 320px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain {
        padding: 40px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h3 {
        font-size: 25px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h1 {
        font-size: 35px;
        padding-bottom: 10px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h2 {
        font-size: 16px
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-img {
        height: 400px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain {
        padding: 40px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h3 {
        font-size: 25px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h1 {
        font-size: 35px;
        padding-bottom: 10px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h2 {
        font-size: 16px
    }
    .multiple-slider>div:nth-child(n+3) {
        margin-top: 15px
    }
    .top-header {
        padding: 5px 0
    }
    .layout-header1 {
        padding: 15px 0
    }
    .layout-header1 .main-menu-block .menu-left .brand-logo img {
        height: 40px
    }
    .category-header .navbar-menu .category-left {
        width: auto
    }
    .category-header .navbar-menu .category-right .gift-block {
        margin-left: 20px;
        padding: 12px 20px
    }
    .category-header .navbar-menu .category-right .gift-block .grif-icon {
        display: none
    }
    .category-header .navbar-menu .category-right .gift-block .gift-offer span {
        font-size: 16px
    }
    .category-header .navbar-menu .category-right .contact-block {
        display: none
    }
    .category-header-2 .navbar-menu .category-right .gift-block .gift-offer {
        display: none
    }
    .category-header-2 .navbar-menu .category-right .contact-block i {
        display: block
    }
    .category-header-2 .navbar-menu .category-right .contact-block span {
        display: none
    }
    .layout-header2 {
        padding: 15px 0
    }
    .layout-header2 .main-menu-block .logo-block {
        margin-right: 25px
    }
    .layout-header2 .main-menu-block .cart-block {
        margin-left: 25px
    }
    .layout-header2 .main-menu-block .cart-block .cart-item {
        display: none
    }
    .layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group {
        height: 45px
    }
    .layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group select {
        background: url("../images/layout-1/drop-1.png") no-repeat scroll 20px 15px
    }
    .layout-header3 .main-menu {
        padding: 15px 0
    }
    .layout-header3 .main-menu .menu-right .input-block {
        display: none
    }
    .layout-header3 .main-menu .menu-right .icon-block {
        margin-left: 0
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-search {
        display: inline-block
    }
    .layout-header3 .main-menu .menu-right .icon-block ul li {
        margin-left: 15px
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-user a i {
        padding-right: 13px
    }
    .layout-header3 .main-menu .menu-left .logo-block img {
        height: 40px
    }
    .layout-header4 {
        padding: 0
    }
    .layout-header4 .contact-block .sm-nav-block {
        display: block
    }
    .layout-header4 .contact-block .sm-nav-block .sm-nav-btn {
        display: block
    }
    .layout-header4 .contact-block .desc-nav-block .tell, .layout-header4 .contact-block .desc-nav-block span {
        display: none
    }
    .layout-header4 .contact-block .desc-nav-block .mobile-user {
        margin-left: 0;
        margin-top: 0;
        font-size: 24px
    }
    .layout-header4 .icon-block ul .mobile-search {
        display: inline-block
    }
    .layout-header4 .icon-block ul .mobile-cart .cart-item {
        display: none
    }
    .layout-header4 .icon-block ul li {
        margin-right: 10px
    }
    .layout-header4 .icon-block ul li a i {
        font-size: 18px
    }
    .layout-header4 .icon-block .toggle-nav {
        margin-left: 20px;
        padding-top: 25px;
        padding-bottom: 25px;
        display: block
    }
    .layout-header4 .logo-block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-header4 .logo-block img {
        height: auto;
        min-width: 110px
    }
    .category-header-4 {
        height: 0
    }
    .category-header-4 .navbar-menu .category-left .nav-block {
        display: none
    }
    .category-header-4 .navbar-menu .category-left .menu-block .toggle-nav {
        display: none
    }
    .category-header-4 .navbar-menu .category-right {
        display: none
    }
    .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
    }
    .category-page-side .collection-collapse-block .collapse-block-title {
        margin-top: 0
    }
    .category-page-side .collection-sidebar-banner {
        margin-bottom: 20px !important;
        margin-top: 10px !important
    }
    .collection-wrapper .product-slick {
        background-color: #f1f5f8
    }
    .collection-wrapper .product-slick img {
        width: 50%;
        margin: 0 auto
    }
    .collection-wrapper .tab-product {
        margin-top: 30px !important
    }
    .collection-filter>div:nth-child(n+2) {
        margin-top: 0
    }
    .collection-wrapper .login-page .authentication-right {
        height: auto
    }
    .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-per-view, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter {
        width: 50%
    }
    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view:before, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter:before {
        right: 15px !important
    }
    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter 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-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter {
        border-top: 1px solid #ddd
    }
    .category-list .product-wrapper-grid.list-view .product .product-box .product-imgbox {
        width: 85%
    }
    .filter-main-btn {
        display: block
    }
    .collection-filter {
        position: fixed;
        height: 100vh;
        top: 0;
        left: -350px;
        background-color: white;
        z-index: 99;
        overflow-y: scroll;
        max-width: 350px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-box-shadow: 1px 0 5px #ddd;
        box-shadow: 1px 0 5px #ddd
    }
    .collection-filter>div:first-child {
        padding-top: 30px !important
    }
    .collection-filter>div:last-child {
        padding-bottom: 30px !important
    }
    .collection-filter .creative-card {
        background-color: transparent
    }
    .collection-filter .creative-card.creative-inner {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 15px;
        padding-bottom: 15px
    }
    .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;
        padding-top: 0;
        line-height: 1
    }
    .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
    }
    .cart-section.order-history tbody tr td:last-child {
        display: table-cell
    }
    .cart-section.order-history .cart-table thead th {
        text-transform: capitalize
    }
    .cart-section.order-history .cart-table thead th:last-child {
        display: table-cell
    }
    .wishlist-section tbody tr td {
        min-width: 138px
    }
    .product-right h2 {
        margin-top: 15px
    }
    .product-right {
        text-align: center;
        margin-top: 20px
    }
    .product-right.product-right-exes {
        margin-top: 30px
    }
    .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 .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 #00baf2
    }
    .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;
        font-weight: 700;
        letter-spacing: 0.05em
    }
    .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter {
        height: 100vh;
        left: -350px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.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-view, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view {
        display: none
    }
    .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter {
        width: 50%
    }
    .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .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-per-view:before, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before {
        top: 13px
    }
    .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before {
        left: unset;
        right: 35px
    }
    .tab-product {
        padding-top: 0;
        padding-bottom: 0
    }
    .product-side-tab {
        margin-top: 25px !important
    }
    .tab-product .nav-material.nav-tabs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .tab-product .tab-content.nav-material p {
        padding: 20px 0 0 0
    }
    .pro_sticky_info {
        border: none;
        padding: 10px 0
    }
    .dashboard-left {
        position: fixed;
        height: 100vh;
        top: 0;
        left: -350px;
        background-color: white;
        z-index: 99;
        padding: 0 35px 35px;
        max-width: 350px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.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
    }
    .product-slick .slick-prev, .product-slick .slick-next, .rtl-product-slick .slick-prev, .rtl-product-slick .slick-next, .product-right-slick .slick-prev, .product-right-slick .slick-next, .rtl-product-right-slick .slick-prev, .rtl-product-right-slick .slick-next {
        opacity: 1
    }
    .product-slick .slick-prev, .rtl-product-slick .slick-prev, .product-right-slick .slick-prev, .rtl-product-right-slick .slick-prev {
        left: 20px
    }
    .product-slick .slick-next, .rtl-product-slick .slick-next, .product-right-slick .slick-next, .rtl-product-right-slick .slick-next {
        right: 20px
    }
    .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
    }
    .collection-collapse-block {
        border-bottom: 1px solid #ddd !important;
        padding: 15px 0
    }
    .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
    }
    .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
    }
    .full-box .theme-card .offer-slider .product-box2 .media img {
        height: 160px
    }
    .theme-modal#exampleModal .close span {
        color: #444
    }
    .theme-modal#exampleModal .offer-content {
        background-color: #fff;
        background-image: url(../images/modal-popup/Genaral.png);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0;
        min-height: 400px;
        padding-right: 0;
        background-size: cover
    }
    .theme-modal#exampleModal .offer-content.vagi-offer-contant {
        background-image: url(../images/modal-popup/Genaral.png);
        background-size: cover
    }
    .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons {
        margin-bottom: 10px
    }
    .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons a {
        margin: 5px 2px
    }
    .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body a h6 {
        margin-bottom: 10px
    }
    .product-order .final-total h3 {
        margin-bottom: 15px
    }
    .masonory-banner .masonary-banner-main .masonory-banner-img {
        height: 300px
    }
    .masonory-banner .masonary-banner-main .masonory-banner-img.masonory-img1 {
        height: 615px
    }
    .masonory-banner .masonary-banner-main .masonary-banner-contant {
        padding: 30px 20px
    }
    .masonory-banner .masonary-banner-main .masonary-banner-contant h5 {
        letter-spacing: 5px
    }
    .portfolio-section .filter-button {
        padding: 8px 20px
    }
    .dashboard-left {
        padding: 20px
    }
}
@media (max-width: 768px) {
    .brand-panel .brand-panel-box .brand-panel-contain ul>li:not(first-child) {
        margin: 2px 1px;
        border: 1px solid #ddd
    }
    .product .product-box .product-imgbox .product-icon {
        -webkit-transform: translateX(0px) !important;
        transform: translateX(0px) !important;
        right: 3px
    }
    .product .product-box .product-detail.detail-center {
        overflow: unset
    }
    .product .product-box .product-detail.detail-center .icon-detail {
        bottom: 70px
    }
    .product .product-box .product-detail .detail-title {
        padding-top: 0
    }
    .product .product-box .product-detail.detail-inline {
        padding-top: 0
    }
    .product .product-box:hover .product-icon button {
        -webkit-animation: none;
        animation: none
    }
    .product .product-box:hover .product-icon a:nth-child(2) i, .product .product-box:hover .product-icon a:nth-child(3) i, .product .product-box:hover .product-icon a:nth-child(4) i {
        -webkit-animation: none;
        animation: none
    }
    .product .product-box:hover .product-icon.icon-inline button {
        -webkit-animation: none;
        animation: none
    }
    .product .product-box:hover .product-icon.icon-inline a:nth-child(2) i, .product .product-box:hover .product-icon.icon-inline a:nth-child(3) i, .product .product-box:hover .product-icon.icon-inline a:nth-child(4) i {
        -webkit-animation: none;
        animation: none
    }
    .product .product-box:hover .product-detail.detail-center .detail-title {
        opacity: 1
    }
    .product .product-box:hover .product-detail.detail-center .icon-detail {
        bottom: 70px
    }
    .product .product-box:hover .product-detail.detail-center .icon-detail button {
        -webkit-animation: none;
        animation: none
    }
    .product .product-box:hover .product-detail.detail-center .icon-detail a:nth-child(2) i, .product .product-box:hover .product-detail.detail-center .icon-detail a:nth-child(3) i, .product .product-box:hover .product-detail.detail-center .icon-detail a:nth-child(4) i {
        -webkit-animation: none;
        animation: none
    }
}
@media (max-width: 767px) {
    .layout-header1~.category-header .gift-dropdown.dropdown-menu {
        right: 0 !important;
        -webkit-transform: translate3d(0px, 63px, 0px) !important;
        transform: translate3d(0px, 63px, 0px) !important
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li {
        left: -120px
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li:nth-child(2) {
        right: -50px
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-3 li {
        left: -100px
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-3 li:nth-child(2) {
        right: -30px
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-2 li {
        left: -50px
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-2 li:nth-child(2) {
        right: -60px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain {
        background-color: rgba(255, 255, 255, 0.5)
    }
    .layout-3-hotdeal>div:nth-child(2) {
        padding: 0 15px;
        width: 100%;
        margin-top: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .blog-page .order-sec {
        padding-left: 15px
    }
    .hot-deal .hot-deal-contain.deal-abjust .hot-deal-center .timer p {
        margin-bottom: 15px
    }
    .tab-product-main .tab-prodcut-contain ul li {
        margin: 0 15px
    }
    .left-pro-img {
        margin-top: 30px !important
    }
    .media-view {
        display: none
    }
    .hot-deal.space-abjust .hot-deal-contain {
        padding-top: 20px
    }
    .hot-deal.space-abjust .hot-deal-contain .timer {
        margin-bottom: 20px
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-user {
        padding-right: 0
    }
    .layout-header3 .main-menu .menu-right .icon-block ul li i {
        font-size: 20px
    }
    .category-header-2 .navbar-menu .category-left .nav-block .nav-left .navbar {
        padding: 18px 0
    }
    .category-header-2 .navbar-menu .category-left .menu-block .toggle-nav {
        padding-top: 13px;
        padding-bottom: 13px
    }
    .layout-header2 .main-menu-block .logo-block {
        min-width: 120px
    }
    .footer-title h5 {
        color: #777
    }
    .hot-deal .hot-deal-contain {
        padding-bottom: 0 !important
    }
    .hot-deal .hot-deal-contain .hot-deal-subcontain>div:nth-child(3) {
        position: relative;
        bottom: 0
    }
    .hot-deal .hot-deal-contain .hotdeal-right-slick {
        background-color: #fff
    }
    .hot-deal .hot-deal-contain .hotdeal-right-slick img {
        width: 50%;
        margin: 0 auto
    }
    .theme-pannel-main {
        display: none
    }
    .theme-tab.product {
        margin-bottom: 0px
    }
    .contact-page .theme-form {
        padding: 15px;
        border-width: 15px
    }
    .testimonial .testimonial-contain .media .testimonial-img {
        width: 80px;
        height: 80px
    }
    .collection-banner .collection-banner-main .collection-img {
        height: 200px
    }
    .collection-banner .pl-md-0 {
        padding-right: 15px
    }
    .layout-3-collection>div:first-child {
        margin-bottom: 15px;
        padding-right: 15px
    }
    .layout-3-hotdeal>div:first-child {
        padding-right: 15px
    }
    .collection-layout1>div {
        max-width: 100% !important
    }
    .offer-banner {
        display: none
    }
    .footer-contant ul li {
        padding-bottom: 0
    }
    .offer-banner-img img {
        height: 300px
    }
    .custom-container {
        padding-right: 15px;
        padding-left: 15px
    }
    .section-big-pt-space {
        padding-top: 30px
    }
    .section-big-pb-space {
        padding-bottom: 30px
    }
    .section-big-py-space {
        padding: 30px 0
    }
    .section-big-mt-space {
        margin-top: 30px
    }
    .section-big-mb-space {
        margin-bottom: 30px
    }
    .small-section {
        padding: 20px 0
    }
    .theme-tab .tab-title.media-tab li {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px
    }
    .theme-tab .tab-title.media-tab li.current:before {
        height: 3px
    }
    .instagram .insta-contant .insta-sub-contant .insta-title {
        padding: 13px 20px
    }
    .instagram .insta-contant1 .insta-sub-contant1 .insta-title {
        padding: 10px 18px
    }
    .services .service-block>div {
        padding-top: 0
    }
    .services .service-block>div:nth-child(1) {
        padding: 23px 0
    }
    .services .service-block>div:nth-child(2) {
        padding-bottom: 23px
    }
    .services .service-block>div:last-child .media {
        margin-left: 0
    }
    .services .service-block .media {
        display: block;
        text-align: center
    }
    .deal-banner .deal-banner-containe h1 {
        margin-bottom: 13px
    }
    .discount-banner .discount-banner-contain h2 {
        margin-bottom: 10px
    }
    .discount-banner .discount-banner-contain h1 {
        line-height: 1.4;
        margin-bottom: 8px
    }
    .discount-banner .discount-banner-contain .rounded-contain .rounded-subcontain {
        line-height: 1.4;
        padding: 12px 0
    }
    .collection-banner.layout-3 .collection3>div:first-child {
        padding-right: 15px
    }
    .collection-banner .collection>div:nth-child(2) {
        padding: 0
    }
    .collection-banner .collection2>div:first-child, .collection-banner .collection2>div:nth-child(2) {
        margin-bottom: 15px
    }
    .collection-banner .collection3>div:first-child {
        margin-bottom: 15px
    }
    .collection-banner .collection5>div {
        margin-top: 0
    }
    .collection-banner .collection5>div:last-child {
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px
    }
    .collection-banner .collection-banner-main .collection-banner-contain {
        padding: 15px
    }
    .collection-banner .collection-banner-main .collection-banner-contain h3 {
        font-size: 25px
    }
    .collection-banner .collection-banner-main .collection-banner-contain h4 {
        font-size: 25px
    }
    .collection-banner .collection-banner-main.banner-1 .collection-banner-contain h3 {
        font-size: 22px
    }
    .collection-banner .collection-banner-main.banner-1 .collection-banner-contain h4 {
        font-size: 40px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain {
        padding: 28px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain h3 {
        font-size: 22px;
        margin-bottom: 5px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain h4 {
        font-size: 22px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain .shop {
        margin-top: 10px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain .shop a {
        font-size: 14px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-banner-contain h3 {
        font-size: 32px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-banner-contain h4 {
        margin-top: 15px;
        font-size: 15px;
        margin-bottom: 90px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-banner-contain h3 {
        font-size: 24px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-banner-contain h4 {
        font-size: 30px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-img {
        height: 265px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-banner-contain h3 {
        font-size: 14px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-banner-contain h4 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .banner-3-padding>div:nth-child(2) {
        padding-right: 15px !important
    }
    .banner-4-padding>div {
        padding-left: 15px !important
    }
    .collection2>div:first-child, .collection2>div:nth-child(2) {
        padding-right: 15px;
        padding-left: 15px
    }
    .contact-banner {
        padding: 20px 0 12px
    }
    .contact-banner .contact-banner-contain {
        display: unset;
        text-align: center
    }
    .contact-banner .contact-banner-contain .contact-banner-img {
        margin-bottom: 15px
    }
    .contact-banner .contact-banner-contain .contact-banner-img img {
        margin-right: 0
    }
    .contact-banner .contact-banner-contain h3 {
        margin-bottom: 10px;
        margin-right: 0;
        font-size: 16px
    }
    .product .product-box .product-imgbox .new-label {
        padding: 5px;
        width: 80%;
        height: 80%
    }
    .product .product-box .product-imgbox .new-label:before {
        border-top-width: 50px;
        border-right-width: 50px
    }
    .product .product-box .product-imgbox .new-label1 {
        width: 40px;
        height: 40px
    }
    .product .product-box .product-imgbox .new-label3 {
        padding: 5px;
        text-transform: capitalize
    }
    .product .product-box .product-imgbox .product-icon button {
        padding: 8px;
        font-size: 12px
    }
    .product .product-box .product-imgbox .product-icon a i {
        padding: 8px;
        font-size: 12px
    }
    .product .product-box .product-detail .icon-detail button {
        padding: 8px;
        margin: 0 3px
    }
    .product .product-box .product-detail .icon-detail button i {
        font-size: 12px
    }
    .product .product-box .product-detail .icon-detail a {
        margin: 0 3px
    }
    .product .product-box .product-detail .icon-detail a i {
        padding: 8px;
        font-size: 12px
    }
    .product .product-box .product-detail.detail-center1 {
        padding-bottom: 5px
    }
    .hot-deal .hot-deal-contain .hotdeal-right-nav img {
        width: 115px
    }
    .hot-deal .hot-deal-contain .hot-deal-subcontain>div:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 15px
    }
    .hot-deal .hot-deal-contain .hot-deal-subcontain>div:last-child {
        margin-top: 15px
    }
    .hot-deal .hot-deal-contain .hot-deal-center {
        margin-left: 0;
        text-align: center
    }
    .hot-deal .hot-deal-contain .hot-deal-center p {
        margin: 15px 0
    }
    .hot-deal .hot-deal-contain .hot-deal-center .timer {
        margin-top: 15px
    }
    .hot-deal .hot-deal-contain .hot-deal-center .timer span {
        padding: 15px
    }
    .hot-deal .hot-deal-contain .hot-deal-center h6 {
        margin: 10px 0
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain>div:nth-child(2), .hot-deal .hot-deal-contain1 .hot-deal-subcontain>div:nth-child(3) {
        margin-top: 15px
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hotdeal-right-nav-1 img {
        width: 50px
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .Jewellery-banner a {
        font-size: 14px
    }
    .Jewellery-banner h6 {
        font-size: 30px
    }
    .app-link-block .app-link-bloc-contain {
        padding: 30px 0
    }
    .sub-footer .footer-end {
        text-align: center
    }
    .sub-footer .payment-card-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 20px
    }
    .footer-1 .footer-link {
        padding: 0;
        border: none
    }
    .footer-1 .footer-box .footer-sub-box {
        margin-bottom: 10px
    }
    .footer-1 .footer-box .footer-sub-box.account {
        margin-bottom: 10px
    }
    .footer-1 .footer-box .footer-sub-box.footer-contant-box {
        margin-left: 0;
        padding: 0;
        margin-bottom: 0
    }
    .footer-1 .footer-box .footer-sub-box.footer-contant-box .footer-title {
        border-bottom: 0
    }
    .footer-1 .footer-box .footer-sub-box.footer-contant-box .footer-title h5 {
        margin-bottom: 0
    }
    .footer-1 .footer-box .footer-sub-box .footer-title {
        cursor: pointer;
        margin-bottom: 0;
        border-bottom: 1px solid #afafaf
    }
    .footer-1 .footer-box .footer-sub-box .footer-title h5 {
        margin-bottom: 10px
    }
    .footer-1 .footer-box .footer-sub-box .footer-title.active .according-menu:before {
        content: "\f106";
        position: absolute;
        right: 15px;
        top: 5px;
        color: #444;
        font-size: 20px
    }
    .footer-1 .footer-box .footer-sub-box .footer-title .according-menu {
        font: normal normal normal 14px/1 FontAwesome
    }
    .footer-1 .footer-box .footer-sub-box .footer-title .according-menu:before {
        content: "\f107";
        position: absolute;
        right: 15px;
        top: 5px;
        color: #444;
        font-size: 20px
    }
    .footer-1 .footer-box .footer-sub-box .footer-contant {
        margin-top: 15px
    }
    .footer-1 .footer-box .footer-sub-box .footer-contant ul li {
        display: block;
        margin-bottom: 0px
    }
    .footer-1 .footer-box .footer-sub-box .footer-contant .contact-list li {
        margin-bottom: 0px
    }
    .footer-2 .footer-main-contian {
        border: 0
    }
    .footer-2 .footer-main-contian .footer-left .footer-detail p {
        padding: 10px 0
    }
    .footer-2 .footer-main-contian .footer-right .account-right {
        padding-bottom: 0
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box {
        padding-bottom: 15px
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box.footer-contact-box {
        padding-bottom: 0
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box.footer-contact-box .footer-title {
        border-bottom: 0;
        padding-bottom: 0
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title {
        border-bottom: 1px solid #bfbfbf
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title.active .according-menu:before {
        content: "\f106";
        position: absolute;
        right: 0;
        top: 5px;
        color: #444;
        font-size: 20px
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title .according-menu {
        font: normal normal normal 14px/1 FontAwesome
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title .according-menu:before {
        content: "\f107";
        position: absolute;
        right: 0px;
        top: 5px;
        color: #444;
        font-size: 20px
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title:before {
        background-color: transparent
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-contant {
        margin-top: 15px
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-contant ul li {
        padding-bottom: 10px
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-contant .contact-list li {
        padding-bottom: 10px
    }
    .footer-3 .sosiyal-footer {
        padding-bottom: 30px
    }
    .footer-3 .sosiyal-footer .app-link-group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-3 .sosiyal-footer .sosiyal-contain>div:nth-child(3) .sosiyal-block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 30px;
        margin-left: 0
    }
    .footer-3 .sosiyal-footer .subscribe-section {
        padding-top: 30px
    }
    .footer-3 .footer-logo {
        padding-top: 30px
    }
    .footer-3 .footer-logo .footer-box {
        padding-bottom: 15px
    }
    .footer-3 .footer-logo .footer-box.footer-contact-box {
        padding-bottom: 0
    }
    .footer-3 .footer-logo .footer-box.footer-contact-box .footer-title {
        border-bottom: 0;
        padding-bottom: 0
    }
    .footer-3 .footer-logo .footer-box .footer-mobile-title {
        display: block
    }
    .footer-3 .footer-logo .footer-box .footer-title {
        padding-bottom: 15px;
        border-bottom: 1px solid #000
    }
    .footer-3 .footer-logo .footer-box .footer-title.active .according-menu:before {
        content: "\f106";
        position: absolute;
        right: 0;
        top: 5px;
        color: #444;
        font-size: 20px
    }
    .footer-3 .footer-logo .footer-box .footer-title .according-menu {
        font: normal normal normal 14px/1 FontAwesome
    }
    .footer-3 .footer-logo .footer-box .footer-title .according-menu:before {
        content: "\f107";
        position: absolute;
        right: 0;
        top: 5px;
        color: #444;
        font-size: 20px
    }
    .footer-3 .footer-logo .footer-box .footer-contant {
        margin-top: 15px
    }
    .footer-3 .footer-logo .footer-box .footer-contant ul li {
        padding-bottom: 10px
    }
    .footer-3 .footer-logo .footer-box .footer-contant p {
        padding: 10px 0
    }
    .footer-3 .footer-logo .footer-box .footer-contant.mobile-contant {
        margin-top: 15px
    }
    .footer-3 .footer-logo .footer-box .footer-contant .contact-list li {
        padding-bottom: 10px
    }
    .footer-3 .footer-logo .theme-footer>div+div+div {
        margin-top: 0
    }
    .footer-4 {
        padding: 25px 0
    }
    .footer-4 .top-category {
        padding: 25px 0
    }
    .footer-4 .top-category .footer-theme>div+div+div {
        margin-top: 0
    }
    .footer-4 .top-category .footer-box {
        padding-bottom: 8px
    }
    .footer-4 .top-category .footer-box .footer-title {
        padding-bottom: 8px;
        border-bottom: 1px solid #000
    }
    .footer-4 .top-category .footer-box .footer-title.active .according-menu:before {
        content: "\f106";
        position: absolute;
        right: 15px;
        top: 5px;
        color: #444;
        font-size: 20px
    }
    .footer-4 .top-category .footer-box .footer-title .according-menu {
        font: normal normal normal 14px/1 FontAwesome
    }
    .footer-4 .top-category .footer-box .footer-title .according-menu:before {
        content: "\f107";
        position: absolute;
        right: 15px;
        top: 5px;
        color: #444;
        font-size: 20px
    }
    .footer-4 .top-category .footer-box .footer-title .line {
        display: none
    }
    .footer-4 .top-category .footer-box.footer-contact-box {
        padding-bottom: 0
    }
    .footer-4 .top-category .footer-box.footer-contact-box .footer-title {
        padding-bottom: 0;
        border-bottom: 0
    }
    .footer-4 .top-category .footer-box .footer-contant ul li {
        padding-bottom: 10px
    }
    .footer-4 .top-category .footer-box .footer-contant .contact-list li {
        padding-bottom: 10px
    }
    .footer-4 .logo-detail {
        padding-top: 25px;
        padding-bottom: 40px
    }
    .theme-slider .offset-xl-2 {
        max-width: 100%
    }
    .theme-slider .slider-banner .slider-img {
        height: 300px
    }
    .theme-slider .slider-banner .slider-banner-contain {
        padding: 0 40px
    }
    .theme-slider .slider-banner .slider-banner-contain h4 {
        font-size: 14px;
        padding-bottom: 5px
    }
    .theme-slider .slider-banner .slider-banner-contain h1 {
        font-size: 30px;
        padding-bottom: 4px
    }
    .theme-slider .slider-banner .slider-banner-contain h2 {
        font-size: 16px;
        padding-bottom: 7px
    }
    .theme-slider .slider-banner .slider-banner-contain .btn-rounded {
        padding: 8px 22px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-img {
        height: 270px
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-img {
        height: 300px
    }
    .theme-slider .slider-banner.slide-banner-5 .layout6-slide-1 li {
        width: 300px;
        right: 0px
    }
    .top-header .top-header-left .shpping-order {
        display: none
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-user a i {
        padding-right: 15px
    }
    .category-header .navbar-menu .category-left {
        width: 80%
    }
    .category-header .navbar-menu .category-right .gift-block .grif-icon {
        display: block
    }
    .category-header .navbar-menu .category-right .gift-block .gift-offer {
        display: none
    }
    .category-header-2 .navbar-menu .category-left .nav-block {
        min-width: 200px;
        margin-left: 30px
    }
    .category-header-2 .navbar-menu .category-left .nav-block .nav-left {
        width: 200px
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul li a i {
        font-size: 30px
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-user a i {
        padding-right: 15px
    }
    .category-header-2 .navbar-menu .category-left .menu-block {
        margin-left: 20px
    }
    .category-header-2 .navbar-menu .category-right .contact-block {
        display: none
    }
    .category-header-2 .navbar-menu .category-right .gift-block {
        padding: 10px 28px
    }
    .category-header-2 .navbar-menu .category-right .gift-block .grif-icon i {
        font-size: 28px
    }
    .layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group span {
        display: none
    }
    .layout-header2 .main-menu-block .input-block .input-box .big-deal-form .input-group select {
        width: 115px;
        background-image: none
    }
    .newsletter {
        display: block;
        padding: 30px 0
    }
    .newsletter .news-leble {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0
    }
    .newsletter .news-leble img {
        height: 40px
    }
    .newsletter .subscribe-block {
        margin-top: 25px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .newsletter .subscribe-block .input-group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto
    }
    .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
    }
    .about-page {
        text-align: center
    }
    .about-page p {
        line-height: 1.5
    }
    .team h2 {
        font-size: 25px
    }
    .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 .product-box {
        display: block;
        border: 1px solid #ddd;
        padding: 15px;
        margin-top: 30px
    }
    .product-wrapper-grid.list-view .product .product-box .product-imgbox {
        margin: 0 auto 15px;
        width: 50% !important
    }
    .product-wrapper-grid.list-view .product .product-box .product-detail {
        padding-left: 0
    }
    .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 .partition-collection>div:nth-child(n+2) {
        margin-top: 15px
    }
    .collection .collection-block img, .collection .collection-block .bg-size {
        margin-bottom: 10px
    }
    .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
    }
    .order-history .responsive-data {
        display: block
    }
    .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-child(n+3) {
        margin-top: 15px
    }
    .cart-section .wishlist-buttons, .wishlist-section .wishlist-buttons {
        padding-top: 25px
    }
    .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
    }
    .related-pro .product-box {
        padding-right: 0
    }
    .collection-filter>div:first-child {
        padding-top: 15px !important
    }
    .collection-filter>div:last-child {
        padding-bottom: 15px !important
    }
    .collection-filter .creative-card.creative-inner {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .center-product .theme-card {
        margin-right: 0
    }
    .review-block>div:nth-child(n+2) {
        margin-top: 15px
    }
    .tap-top {
        bottom: 50px;
        right: 20px
    }
    .masonory-banner .masonary-banner-main .masonory-banner-img {
        height: 250px
    }
    .masonory-banner .masonary-banner-main .masonory-banner-img.masonory-img1 {
        height: 515px
    }
    .masonory-banner .masonary-banner-main .masonary-banner-contant {
        background-color: rgba(255, 255, 255, 0.3)
    }
    .masonory-banner .masonary-banner-main .masonary-banner-contant h5 {
        letter-spacing: 0.05em
    }
    .masonory-banner .masonary-banner-main .masonary-banner-contant h2 {
        margin-bottom: 10px
    }
    .masonory-banner .masonary-banner-main .masonary-banner-contant .btn-rounded {
        margin-top: 10px
    }
    .theme-modal.cart-modal .product-section {
        display: none
    }
    .blog-detail-page .blog-detail {
        text-align: center
    }
    .blog-detail-page .blog-detail h3 {
        text-align: center
    }
    .blog-detail-page .blog-detail .post-social {
        text-align: center
    }
    .blog-detail-page .blog-advance p {
        text-align: center
    }
    .blog-page .order-sec {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .blog-page .blog-media {
        border-width: 20px;
        padding: 20px 0;
        text-align: center
    }
    .blog-page .blog-media:last-child {
        margin-bottom: 30px
    }
    .blog-page .blog-sidebar .theme-card {
        border-width: 20px;
        padding: 20px 15px
    }
    .blog-page .blog-sidebar ul li {
        display: block
    }
    .checkout-page .checkout-form .checkout-details {
        margin-top: 15px
    }
    .title6 h4 {
        padding: 0 10px
    }
    .product-order .final-total h3 {
        margin-bottom: 10px
    }
    .compare-page .table-wrapper .table tbody tr .product_price {
        margin: 10px 0
    }
    .product-side-tab {
        padding-top: 0 !important;
        margin-top: 0 !important
    }
    .product-right.product-form-box {
        margin-bottom: 0
    }
    .tab-product.tab-exes {
        margin-top: 30px !important
    }
    .portfolio-section .portfolio-2 {
        margin-bottom: -40px
    }
    .portfolio-section .portfolio-3 {
        margin-bottom: -20px
    }
    .dashboard-right .dashboard {
        padding: 20px
    }
    .dashboard-left {
        padding: 20px
    }
    .contact-page .map .theme-card {
        border-width: 15px;
        padding: 0
    }
    .login-page .theme-card {
        padding: 15px
    }
    .lookbook-part>div:first-child {
        margin-bottom: 30px
    }
    #fb-root {
        display: none
    }
}
@media (max-width: 600px) {
    .collection-layout1>div:first-child {
        margin-bottom: 15px
    }
    .collection-layout1>div:nth-child(2) {
        margin-bottom: 0
    }
    .collection-layout1>div:nth-child(3) {
        padding-bottom: 0
    }
    .layout-4-collection>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .layout-4-collection>div:nth-child(2) {
        padding-left: 15px;
        padding-top: 15px
    }
    .layout-4-collection>div:first-child {
        padding-right: 15px
    }
    .theme-slider .offset-xl-2 {
        max-width: 100%
    }
    .theme-slider .slider-banner .layout2-slide-1 li {
        width: 400px
    }
    .theme-slider .slider-banner .layout2-slide-2 li {
        width: 250px;
        bottom: 10px
    }
    .theme-slider .slider-banner .layout2-slide-3 li {
        bottom: 10px;
        width: 250px
    }
    .offer-banner {
        display: none
    }
    .collection-banner .offset-xl-2 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .collection-banner .collection>div:nth-child(2), .collection-banner .pl-md-0 {
        padding-left: 15px;
        padding-bottom: 15px;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .collection-banner .collection>div:nth-child(2) {
        padding-right: 15px
    }
}
@media (max-width: 577px) {
    .btn-rounded, .btn-white, .btn-normal {
        padding: 13px 15px
    }
    .instagram .insta-contant .insta-sub-contant .insta-title {
        padding: 9px 13px
    }
    .instagram .insta-contant2 .insta-sub-contant2 .insta-title {
        padding: 10px 15px
    }
    .collection-banner .collection-banner-main .collection-img {
        height: 190px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-img {
        height: 195px
    }
    .product .product-box .product-detail .product-title .price {
        font-size: 14px
    }
    .product .product-box .product-imgbox .new-label {
        padding: 3px;
        width: 100%;
        height: 100%
    }
    .top-header {
        height: auto
    }
    .top-header .top-header-left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .top-header .top-header-right {
        display: none
    }
    .category-header {
        display: none
    }
    .mobile-fix-option {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 45px;
        background-color: #000
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav {
        margin-left: 0
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav ul li i {
        font-size: 18px;
        color: #fff;
        padding-right: 0
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav ul li a i {
        padding-right: 0 !important
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-setting, .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-search, .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-user, .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-wishlist {
        display: block;
        position: fixed;
        bottom: 14px;
        right: 16%
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-wishlist {
        right: 64%
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-wishlist .cart-item {
        display: none
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-search {
        right: 80%
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-user {
        right: 32%
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-user a i {
        padding-right: 0
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav .mobile-cart {
        right: 48%;
        position: fixed;
        bottom: 14px;
        padding: 0;
        background-color: transparent !important
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav .mobile-cart i {
        font-size: 18px;
        color: #fff
    }
    .layout-header1 .main-menu-block .menu-right .icon-nav .mobile-cart .cart-product {
        display: none
    }
    .layout-header1 .main-menu-block .menu-left {
        width: 100%
    }
    .layout-header1 .main-menu-block .menu-left .brand-logo {
        margin: 0 auto
    }
    .category-header-2 {
        background-color: transparent
    }
    .category-header-2 .navbar-menu .category-left {
        width: 100%
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul li i {
        font-size: 18px !important
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-setting, .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-search, .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-user, .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-wishlist, .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-cart {
        display: block;
        position: fixed;
        bottom: 14px;
        right: 16%;
        font-size: 22px
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-wishlist {
        right: 64%
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-wishlist .cart-item {
        display: none
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-wishlist i {
        margin-right: 0 !important
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-search {
        right: 80%
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-user {
        right: 32%;
        padding-right: 0
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul .mobile-user a i {
        padding-right: 0
    }
    .category-header-2 .navbar-menu .category-left .menu-block {
        width: 50%;
        text-align: right
    }
    .category-header-2 .navbar-menu .category-left .menu-block .pixelstrap .dark-menu-item:hover {
        color: #1c3481
    }
    .category-header-2 .navbar-menu .category-left .menu-block .toggle-nav {
        display: none
    }
    .category-header-2 .navbar-menu .category-left .nav-block {
        width: 50%;
        margin-left: 0
    }
    .category-header-2 .navbar-menu .category-left .nav-block .nav-left {
        display: none
    }
    .category-header-2 .navbar-menu .category-right .gift-block {
        display: none
    }
    .layout-header2 {
        padding: 10px 0
    }
    .layout-header2 .main-menu-block .sm-nav-block {
        display: block;
        margin-right: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
    .layout-header2 .main-menu-block .sm-nav-block span i {
        color: #1c3481
    }
    .layout-header2 .main-menu-block .logo-block {
        margin-right: 0;
        width: 100%;
        text-align: center
    }
    .layout-header2 .main-menu-block .logo-block img {
        height: 40px
    }
    .layout-header2 .main-menu-block .cart-block {
        margin-left: 0
    }
    .layout-header2 .main-menu-block .cart-block .cart .cart-product {
        display: none
    }
    .layout-header2 .main-menu-block .cart-block .mobile-cart {
        position: fixed;
        bottom: 14px;
        right: 48%;
        color: #fff !important;
        z-index: 9;
        font-size: 18px !important;
        line-height: 0.8
    }
    .layout-header2 .main-menu-block .cart-block .mobile-cart i {
        color: #fff;
        font-size: 18px !important
    }
    .layout-header2 .main-menu-block .input-block {
        display: none
    }
    .layout-header2 .main-menu-block .menu-nav {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        text-align: right
    }
    .layout-header3 .main-menu .menu-right .icon-nav {
        margin-left: 0
    }
    .layout-header3 .main-menu .menu-right .icon-nav ul .mobile-setting, .layout-header3 .main-menu .menu-right .icon-nav ul .mobile-search, .layout-header3 .main-menu .menu-right .icon-nav ul .mobile-user, .layout-header3 .main-menu .menu-right .icon-nav ul .mobile-wishlist {
        display: block;
        position: fixed;
        bottom: 20px;
        right: 16%
    }
    .layout-header3 .main-menu .menu-right .icon-block ul li {
        margin-left: 0 !important
    }
    .layout-header3 .main-menu .menu-right .icon-block ul li a i {
        padding-right: 0 !important
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-setting, .layout-header3 .main-menu .menu-right .icon-block ul .mobile-user, .layout-header3 .main-menu .menu-right .icon-block ul .mobile-wishlist, .layout-header3 .main-menu .menu-right .icon-block ul .mobile-cart, .layout-header3 .main-menu .menu-right .icon-block ul .mobile-search {
        position: fixed;
        bottom: 14px;
        right: 16%;
        color: #fff;
        display: block;
        z-index: 9
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-setting i, .layout-header3 .main-menu .menu-right .icon-block ul .mobile-user i, .layout-header3 .main-menu .menu-right .icon-block ul .mobile-wishlist i, .layout-header3 .main-menu .menu-right .icon-block ul .mobile-cart i, .layout-header3 .main-menu .menu-right .icon-block ul .mobile-search i {
        font-size: 18px
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-user {
        right: 32%;
        padding-right: 0
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-cart {
        right: 48%;
        margin-left: 0
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-cart span {
        display: none;
        font-size: 10px
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-wishlist {
        right: 64%
    }
    .layout-header3 .main-menu .menu-right .icon-block ul .mobile-search {
        right: 80%
    }
    .layout-header3 .main-menu .menu-right .menu-nav {
        margin-left: 0
    }
    .layout-header3 .main-menu .menu-left {
        width: 100%
    }
    .layout-header3 .main-menu .menu-left .sm-nav-block {
        margin-right: 0
    }
    .layout-header3 .main-menu .menu-left .logo-block {
        margin-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    .onhover-show-div {
        top: unset !important;
        bottom: 42px;
        right: 15px;
        min-width: 90px !important
    }
    .cart-show-div {
        top: unset !important;
        bottom: 42px;
        left: -110px !important
    }
    .sub-footer {
        margin-bottom: 45px
    }
    .app-link-block .app-link-bloc-contain .app-item-group h6 {
        display: none
    }
    .app-link-block .app-link-bloc-contain .app-item-group .sosiyal {
        margin-left: 0
    }
    .footer-1 .footer-box .footer-sub-box {
        margin-bottom: 10px
    }
    .footer-1 .footer-box .footer-sub-box.account {
        margin-bottom: 10px
    }
    .footer-1 .footer-box .footer-sub-box .footer-contant {
        margin-top: 10px
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box {
        padding-bottom: 10px
    }
    .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title {
        padding-bottom: 10px
    }
    .footer-3 {
        padding-top: 30px
    }
    .footer-3 .footer-logo {
        padding: 30px 0
    }
    .footer-3 .footer-logo .footer-box {
        padding-bottom: 10px
    }
    .footer-3 .footer-logo .footer-box .footer-title {
        padding-bottom: 10px
    }
    .footer-4 .follow .app-item-group h6 {
        display: none
    }
    .theme-slider .slider-banner .slider-img {
        height: 250px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-img {
        height: 200px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h1 {
        font-size: 20px
    }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h2 {
        font-size: 14px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-img {
        height: 260px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain {
        padding: 20px;
        min-width: 220px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain span {
        font-size: 14px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain {
        padding: 0 30px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h5 {
        font-size: 14px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h3 {
        font-size: 20px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h1 {
        font-size: 28px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h2 {
        font-size: 14px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain .btn-normal {
        padding: 7px 12px;
        font-size: 12px
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-img {
        height: 300px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain {
        padding: 0 30px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h5 {
        font-size: 14px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h3 {
        font-size: 20px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h1 {
        font-size: 28px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h2 {
        font-size: 14px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain .btn-normal {
        padding: 7px 12px;
        font-size: 12px
    }
    .category-header .navbar-menu {
        padding: 0
    }
    .category-header .navbar-menu .category-left {
        display: none
    }
    .category-header .navbar-menu .category-right .gift-block {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-left: 0
    }
    .category-header .navbar-menu .category-right .contact-block i {
        display: none
    }
    .category-header .navbar-menu .category-right .contact-block span {
        font-size: 0
    }
    .layout-header4 .icon-block ul .mobile-setting, .layout-header4 .icon-block ul .mobile-search, .layout-header4 .icon-block ul .mobile-user, .layout-header4 .icon-block ul .mobile-cart, .layout-header4 .icon-block ul .mobile-wishlist {
        display: block;
        position: fixed;
        bottom: 14px;
        right: 16%;
        font-size: 18px;
        margin-right: 0;
        z-index: 9
    }
    .layout-header4 .icon-block ul .mobile-setting i, .layout-header4 .icon-block ul .mobile-search i, .layout-header4 .icon-block ul .mobile-user i, .layout-header4 .icon-block ul .mobile-cart i, .layout-header4 .icon-block ul .mobile-wishlist i {
        color: #fff
    }
    .layout-header4 .icon-block ul .mobile-user {
        right: 32%
    }
    .layout-header4 .icon-block ul .mobile-wishlist {
        right: 64%
    }
    .layout-header4 .icon-block ul .mobile-search {
        right: 80%
    }
    .layout-header4 .icon-block ul .mobile-cart {
        right: 48%
    }
    .layout-header4 .contact-block .desc-nav-block {
        display: none
    }
    .masonory-banner .masonary-banner-main .masonory-banner-img {
        height: 200px
    }
    .masonory-banner .masonary-banner-main .masonory-banner-img.masonory-img1 {
        height: 430px
    }
    .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 h4, .collection .collection-block .collection-content h3 {
        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-per-view, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter {
        width: 100%
    }
    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select {
        padding: 10px 20px 10px 20px
    }
    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view:before, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter: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
    }
    .collection-wrapper .tab-product {
        margin-top: 15px
    }
    .checkout-page .checkout-form .checkout-details {
        padding: 15px
    }
    .product-box .img-wrapper .label-block .label3 {
        font-size: 12px;
        padding: 13px 8px
    }
    .product-box .img-block .label-wrapper .label1, .product-box .img-block .label-wrapper .label2 {
        padding: 6px 9px 8px 15px;
        font-size: 12px
    }
    .tab-product .tab-content.nav-material p, .product-full-tab .tab-content.nav-material p {
        padding: 15px 0
    }
    .tab-product .tab-content.nav-material p {
        line-height: 1.3
    }
    .slider-right-nav .slick-slide:first-child>div {
        margin-top: 15px
    }
    .lookbook .lookbook-block .lookbook-dot .dot-showbox {
        width: 90px;
        top: -70px
    }
    .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5 {
        line-height: 16px
    }
    .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: 10px
    }
    .delivery-sec {
        padding: 15px;
        margin-top: 0
    }
    .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
    }
    .tools-parallax-product.full-banner {
        padding-top: 45px;
        padding-bottom: 45px
    }
    .tap-top {
        bottom: 70px
    }
}
@media (max-width: 576px) {
    .hot-deal .hot-deal-contain {
        padding: 25px
    }
    .hot-deal .hot-deal-contain .hotdeal-right-nav img {
        width: 90px
    }
    .hot-deal .hot-deal-contain .hot-deal-center .timer span {
        font-size: 14px
    }
    .media-banner .media-banner-box .media {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .media-banner .media-banner-box .media img {
        margin: 0 auto;
        width: 80px
    }
    .media-banner .media-banner-box .media .media-body .media-contant {
        height: auto
    }
    .media-banner .media-banner-box .media .media-body .media-contant p {
        font-size: 13px
    }
    .media-banner .media-banner-box .media .media-body .media-contant h6 {
        font-size: 16px
    }
    .media-banner:nth-last-child(2) {
        margin-bottom: 0
    }
    .footer-1 .logo-contain .logo-block img {
        width: 150px
    }
    .newsletter .news-leble .news-text {
        margin-left: 10px
    }
    .newsletter .subscribe-block {
        display: inherit;
        text-align: center
    }
    .newsletter .subscribe-block .input-group input {
        width: auto
    }
    .newsletter .subscribe-block .btn-normal {
        margin-top: 20px;
        padding: 13px 20px
    }
    .no-slider .product-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: calc(100% - 30px);
        margin: 0 15px 30px !important
    }
    .no-slider .product-box:nth-last-child(1) {
        margin: 0 15px 0 !important
    }
    .no-slider .product-box:nth-last-child(2) {
        margin: 0 15px 30px !important
    }
    .no-slider.five-product .product-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: calc(100% - 30px);
        margin: 0 15px 30px !important
    }
    .no-slider.five-product .product-box:nth-last-child(1) {
        margin: 0 15px 0 !important
    }
    .no-slider.five-product .product-box:nth-last-child(2) {
        margin: 0 15px 30px !important
    }
    .collection-product-wrapper .product-wrapper-grid .product-box .product-detail {
        padding-top: 10px
    }
    .collection-product-wrapper .product-wrapper-grid .product-box .product-detail .detail-title .detail-left .price-title {
        padding-top: 0
    }
    .metro-block .product-box .product-imgbox .product-detail {
        bottom: 15px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 10px
    }
    .product-wrapper-grid.list-view .product .product-box {
        display: block
    }
    .product-wrapper-grid.list-view .product .product-box .product-imgbox {
        margin: 0 auto
    }
    .tap-top {
        width: 35px;
        height: 35px;
        padding: 2px;
        font-size: 19px
    }
}
@media (max-width: 575px) {
    .discount-banner .discount-banner-contain {
        padding: 15px
    }
    .product-notification img {
        height: 60px
    }
    .product-notification {
        width: 230px;
        padding: 10px;
        margin: 5px
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li {
        left: -170px
    }
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li:nth-child(2) {
        right: -160px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li {
        width: 200px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li:last-child {
        width: 200px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li {
        width: 180px;
        left: 10px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li:last-child {
        width: 180px;
        right: 10px
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-1 li {
        width: 80%
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-2 li {
        width: 80%
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-3 li {
        width: 90%
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hotdeal-right-nav-1 img {
        width: 90%;
        margin: 10px
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center {
        text-align: center
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center p {
        margin-top: 10px
    }
    .hot-deal .hot-deal-contain1 .layout1-slide-2 li {
        left: -140px
    }
    .hot-deal .hot-deal-contain1 .layout1-slide-2 li:nth-child(2) {
        right: -140px
    }
    .hot-deal .hot-deal-contain1 .layout1-slide-3 li {
        left: -160px
    }
    .hot-deal .hot-deal-contain1 .layout1-slide-3 li:nth-child(2) {
        right: -130px
    }
    .hot-deal .hot-deal-contain1 .hotdeal-right-slick-1 {
        text-align: center
    }
    .hot-1>div:first-child {
        padding-right: 15px;
        padding-left: 15px
    }
    .hot-1>div:nth-child(2) {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 15px
    }
    .hot-1>div:last-child {
        padding-right: 15px;
        padding-left: 15px
    }
    .layout-3-hotdeal>div:first-child {
        padding-right: 15px
    }
    .layout-3-hotdeal>div:nth-child(4) {
        padding-right: 15px;
        padding-bottom: 10px
    }
    .creative-card {
        border-width: 0;
        padding: 0
    }
    .tab-product-main {
        padding: 20px 0 15px
    }
    .tab-product-main .tab-prodcut-contain ul li {
        margin: 3px 1px;
        border: 1px solid;
        padding: 2px 12px
    }
    .tab-product-main .tab-prodcut-contain ul li.current {
        border-color: #00baf2
    }
    .tab-product-main .tab-prodcut-contain ul li.current:before {
        display: none
    }
    .login-page .theme-card .theme-form {
        padding: 10px;
        background-color: transparent
    }
    .breadcrumb-main {
        padding: 30px 0
    }
    .masonary-banner-block>div {
        margin-bottom: 15px !important
    }
    .masonary-banner-block.masonary-inner1>div:last-child {
        margin-bottom: 0 !important
    }
    .masonary-banner-block2>div:first-child {
        margin-bottom: 15px
    }
    .masonory-banner .masonary-banner-main .masonary-banner-contant .masonary-banner-subcontant {
        margin-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    .masonary-banner-block1>div:first-child {
        margin-bottom: 15px
    }
    .masonary-banner-block1>div:last-child {
        padding-left: 0
    }
    .masonary-banner-block1 .col-sm-6.pl-3 {
        padding-left: 0 !important
    }
    .collection-banner .collection-banner-main.banner-2 .collection-img {
        height: 175px
    }
    .theme-slider .slider-banner.slide-banner-5 .layout6-slide-1 li {
        width: 200px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain {
        background-color: rgba(255, 255, 255, 0.4)
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-1 li {
        width: 325px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-2 li {
        width: 230px
    }
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-3 li {
        width: 250px
    }
    .multiple-slider>div:nth-child(n+2) {
        margin-top: 15px
    }
    .blog-page .blog-media .blog-left .date-label {
        padding: 5px 8px
    }
    .blog-page .blog-media:hover .blog-left img {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }
    .blog-page .blog-sidebar .theme-card {
        border-width: 0;
        padding: 0;
        background-color: transparent
    }
    .blog-detail-page .comment-section {
        padding: 0
    }
    .dashboard .box-head h2 {
        margin-top: 5px
    }
    .dashboard .box .box-title {
        padding: 9px 0
    }
    .account-sidebar {
        margin-bottom: 11px
    }
    .login-page .theme-card .btn {
        padding: 11px 15px
    }
    .contact-page .btn {
        margin-top: 0
    }
    .about-page .creative-card {
        padding: 0 15px
    }
    .search-product>div:nth-child(n+2) {
        margin-top: 15px
    }
    .portfolio-section .isotopeSelector {
        margin-bottom: 30px
    }
    .collection-product-wrapper .product-wrapper-grid .product-box {
        margin-top: 10px
    }
    .collection-product-wrapper .product-wrapper-grid .col-6 {
        padding-left: 5px;
        padding-right: 5px
    }
}
@media (max-width: 480px) {
    .product-slide-tab {
        padding-left: 7px
    }
    .hot-4>div:last-child, .hot-4>div:first-child {
        max-width: calc(100%);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .blog-page .blog-sidebar .theme-card .popular-blog li .blog-date {
        height: 50px;
        width: 50px;
        padding: 5px
    }
    .product .product-box {
        padding-right: 7px
    }
    .product .pr-0 {
        padding-left: 7px
    }
    .layout-3-hotdeal .media-banner {
        padding-bottom: 1px
    }
    .layout-5 .slider-banner-contain {
        background-color: rgba(255, 255, 255, 0.3)
    }
    .contact-page .map .theme-card {
        padding: 0;
        background-color: #fff;
        border: 15px solid #fff
    }
    .contact-page .theme-form {
        padding: 10px;
        background-color: #fff;
        border: 15px solid #fff
    }
    .contact-page .theme-form textarea {
        padding: 17px 25px;
        margin-bottom: 20px;
        height: inherit
    }
    .masonary-banner-block1 .col-sm-6.pl-3 {
        padding-left: 0 !important
    }
    .discount-banner .discount-banner-contain h2 {
        margin-bottom: 7px
    }
    .discount-banner .discount-banner-contain .rounded-contain .rounded-subcontain {
        padding: 15px 10px
    }
    .collection-banner .collection-banner-main .collection-banner-contain {
        padding: 30px
    }
    .collection-banner .collection-banner-main .collection-banner-contain h3 {
        font-size: 20px
    }
    .collection-banner .collection-banner-main .collection-banner-contain h4 {
        font-size: 20px
    }
    .collection-banner .collection-banner-main.banner-1 .collection-banner-contain h3 {
        font-size: 18px
    }
    .collection-banner .collection-banner-main.banner-1 .collection-banner-contain h4 {
        font-size: 30px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain {
        padding: 13px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain h3 {
        font-size: 18px;
        margin-bottom: 8px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain h4 {
        font-size: 18px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain .shop {
        margin-top: 10px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-banner-contain .shop a {
        font-size: 13px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-img {
        height: 185px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-banner-contain h3 {
        font-size: 25px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-banner-contain h4 {
        margin-top: 10px;
        margin-bottom: 50px;
        font-size: 13px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-img {
        height: 385px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-banner-contain h3 {
        font-size: 18px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-banner-contain h4 {
        font-size: 20px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-img {
        height: 160px
    }
    .collection-banner .collection-banner-main.banner-5.p-center .collection-banner-contain {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 20px
    }
    .collection-banner .collection-banner-main.banner-5 .collection-img {
        background-position: right !important
    }
    .collection-banner .collection-banner-main.banner-5.p-center {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain {
        padding: 10px
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain h3 {
        font-size: 14px
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain h4 {
        font-size: 16px
    }
    .collection-banner .collection-banner-main.banner-7 .collection-banner-contain .shop {
        margin-top: 10px
    }
    .collection-banner .collection-banner-main .collection-img {
        height: 190px
    }
    .product .product-box .product-imgbox .new-label {
        padding: 5px;
        width: 80%;
        height: 80%
    }
    .product .product-box .product-imgbox .new-label2 {
        top: 10px;
        left: 10px
    }
    .product .product-box .product-imgbox .new-label1 {
        top: 10px;
        left: 10px;
        width: 35px;
        height: 35px
    }
    .product .product-box .product-imgbox .on-sale1, .product .product-box .product-imgbox .on-sale2 {
        top: 25px;
        right: -15px
    }
    .product .product-box .product-imgbox .product-icon.icon-center {
        display: unset;
        height: auto;
        width: auto
    }
    .hot-deal .hot-deal-contain .hotdeal-right-nav img {
        width: 100px
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hotdeal-right-nav-1 img {
        width: 80px
    }
    .theme-slider .slider-banner .slider-img {
        height: 200px
    }
    .theme-slider .slider-banner .slider-banner-contain {
        padding: 0 25px
    }
    .theme-slider .slider-banner .slider-banner-contain h3:before, .theme-slider .slider-banner .slider-banner-contain h3:after {
        display: none
    }
    .theme-slider .slider-banner .slider-banner-contain .btn-rounded {
        font-size: 12px;
        padding: 7px 12px
    }
    .theme-slider .slider-banner .slider-banner-contain h4 {
        font-size: 14px
    }
    .theme-slider .slider-banner .slider-banner-contain h1 {
        font-size: 14px
    }
    .theme-slider .slider-banner .slider-banner-contain h2 {
        font-size: 14px
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-img {
        height: 220px;
        background-position: left !important
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain {
        background-color: rgba(255, 255, 255, 0.7);
        min-width: 220px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-img {
        height: 230px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h3 {
        font-size: 16px
    }
    .theme-slider .slider-banner.slide-banner-3 .slider-banner-contain h1 {
        font-size: 18px
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-1 li {
        width: 250px
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-2 li {
        width: 300px
    }
    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-3 li {
        width: 250px
    }
    .theme-slider .slider-banner.slide-banner-4 .slider-img {
        height: 280px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h3 {
        font-size: 16px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain h1 {
        font-size: 18px
    }
    .top-header .top-header-right .language-block .language-dropdown span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .top-header .top-header-right .language-block .curroncy-dropdown span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .category-header .navbar-menu .category-right .gift-block {
        padding: 12px 15px
    }
    .category-header .navbar-menu .category-right .contact-block {
        margin-left: 20px
    }
    .category-header .navbar-menu .category-right .contact-block span {
        margin-left: 0
    }
    .select_input select {
        padding: 12px 15px;
        margin-bottom: 18px
    }
    .about-page p {
        line-height: 1.5
    }
    .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 {
        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 h2 {
        font-size: 25px;
        margin-bottom: 15px
    }
    .login-page .authentication-right h6 {
        margin-bottom: 10px
    }
    .login-page .theme-card {
        padding: 25px
    }
    .search-block .btn-solid {
        padding: 10px 15px
    }
    .contact-page .map iframe {
        height: 275px
    }
    .contact-page .theme-form input {
        padding: 8px 20px;
        margin-bottom: 15px
    }
    .account-sidebar {
        width: 45%
    }
    .success-text h2 {
        font-size: 20px
    }
    .success-text p {
        font-size: 14px
    }
    .delivery-sec h3, .delivery-sec h2 {
        font-size: 18px
    }
    .typography_section .typography-box .typo-content.typo-buttons a {
        margin: 5px 0
    }
    .search-product>div:nth-last-child(5) {
        margin-top: 30px
    }
    .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg .media {
        display: block;
        text-align: center
    }
}
@media (max-width: 420px) {
    .collection-banner .collection-banner-main .collection-banner-contain {
        padding: 0 20px
    }
    .category-header .navbar-menu .category-right .gift-block .grif-icon i {
        display: none
    }
    .category-header .navbar-menu .category-right .gift-block .gift-offer span {
        font-size: 16px
    }
    .category-header .navbar-menu .category-right .contact-block span span {
        font-size: 16px
    }
    .theme-slider .slider-banner .layout2-slide-1 li {
        width: 290px
    }
    .theme-slider .slider-banner .layout2-slide-2 li {
        width: 160px
    }
    .theme-slider .slider-banner .layout2-slide-3 li {
        width: 160px
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li {
        width: 130px;
        left: 0
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li:last-child {
        width: 130px;
        right: 0
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li {
        width: 120px;
        left: 0
    }
    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-2 li:last-child {
        width: 120px;
        right: 0
    }
    .blog-details p {
        font-size: 14px;
        line-height: 1.3
    }
    .blog-details p {
        font-size: 14px;
        line-height: 1.3
    }
    .product-right .product-icon .product-social li {
        padding-right: 4px
    }
    .product-right .product-icon .product-social li a i {
        font-size: 14px
    }
    .product-right .product-icon .wishlist-btn span {
        font-size: 14px
    }
    .product-right .product-icon .wishlist-btn i {
        font-size: 14px
    }
    .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;
        text-align: center
    }
    .vertical-tab.tab-product .nav-material.nav-tabs .nav-item .nav-link, .vertical-tab .product-full-tab .nav-material.nav-tabs .nav-item .nav-link {
        padding: 10px 20px
    }
    .product-right .product-buttons .btn-normal {
        padding: 10px 15px
    }
    .product-right.product-form-box .timer span {
        min-width: 45px
    }
    .product-right .timer span {
        min-width: 55px;
        margin-right: 8px;
        margin-left: 0
    }
    .product-right .timer span:last-child {
        margin-right: 0
    }
    .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
    }
    .category-border div .category-banner .category-box h2 {
        font-size: 25px
    }
    .full-banner .banner-contain h2 {
        font-size: 55px
    }
    .full-banner .banner-contain h3 {
        font-size: 36px
    }
    .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 #ddd;
        border-top: 1px solid #ddd
    }
    .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 #ddd
    }
    .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
    }
    .full-box.center-align .offer-slider .product-box2 {
        padding-bottom: 15px
    }
    .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: 0.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
    }
    .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: 10px 20px
    }
    .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.tab-product .nav-material.nav-tabs .nav-item .nav-link, .vertical-tab .product-full-tab .nav-material.nav-tabs .nav-item .nav-link {
        padding: 10px 20px
    }
    .product-right .product-buttons .btn-solid, .product-right .product-buttons .btn-outline {
        padding: 7px 13px
    }
    .product-right.product-form-box .timer span {
        min-width: 45px
    }
    .product-right .timer span {
        min-width: 45px !important
    }
    .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: 0
    }
    .checkout-page .checkout-form input[type="text"], .checkout-page .checkout-form input[type="email"], .checkout-page .checkout-form input[type="password"], .checkout-page .checkout-form input[type="tel"], .checkout-page .checkout-form input[type="number"], .checkout-page .checkout-form input[type="url"] {
        height: 40px
    }
    .checkout-page .checkout-form select, .checkout-page .checkout-form textarea {
        height: 40px
    }
    .theme-tab .tab-title {
        margin-bottom: 15px
    }
    .theme-tab .tab-title.media-tab li {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        padding-top: 10px;
        line-height: 1
    }
}
@media (max-width: 360px) {
    .product .product-box .product-imgbox .product-icon.icon-inline button {
        margin: 0 1px
    }
    .product .product-box .product-imgbox .product-icon.icon-inline a {
        margin: 0 1px
    }
    .product .product-box .product-imgbox .new-label {
        padding: 5px;
        width: 100%;
        height: 100%
    }
    .product .product-box .product-detail .icon-detail button {
        margin: 0 1px
    }
    .product .product-box .product-detail .icon-detail a {
        margin: 0 1px
    }
    .product .product-box .product-detail.detail-center {
        padding-top: 20px
    }
    .product .product-box .product-detail.detail-center .icon-detail {
        bottom: 78px
    }
    .product .product-box:hover .product-detail.detail-center .icon-detail {
        bottom: 78px
    }
    .collection-banner .banner-5.p-center .collection-banner-contain .sub-contain {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 15px
    }
    .collection-banner .collection-banner-main .collection-img {
        height: 135px
    }
    .collection-banner .collection-banner-main.banner-2 .collection-img {
        height: 135px
    }
    .collection-banner .collection-banner-main.banner-3 .collection-img {
        height: 280px
    }
    .collection-banner .collection-banner-main.banner-4 .collection-img {
        height: 115px
    }
    .hot-deal .hot-deal-contain .hotdeal-right-nav img {
        width: 65px
    }
    .hot-deal .hot-deal-contain .hot-deal-center .timer span {
        padding: 9px
    }
    .hot-deal .hot-deal-contain1 .hot-deal-subcontain .hotdeal-right-nav-1 img {
        width: 65px
    }
    .theme-modal#exampleModal .offer-content {
        min-height: 300px
    }
    .theme-slider .slider-banner.slide-banner-5 .slider-banner-contain {
        background-color: rgba(255, 255, 255, 0.5)
    }
    .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-solid, .product-buttons .btn-outline {
        padding: 7px 16px
    }
    .product-description .qty-box .input-group {
        width: 100%
    }
    .single-product-tables.detail-section table {
        width: 70%
    }
    .product-right .timer span .padding-l {
        padding-left: 10px
    }
    .product-form-box .timer span {
        min-width: 45px
    }
    .product-form-box .timer span .padding-l {
        padding-left: 9px
    }
    .product-form-box .product-buttons .btn-solid, .product-form-box .product-buttons .btn-outline {
        padding: 5px 5px
    }
    .product-form-box .timer span, .border-product .timer span {
        min-width: 45px
    }
    .product-form-box .timer span .padding-l, .border-product .timer span .padding-l {
        padding-right: 5px
    }
    .tools-parallax-product .tools-description .tools-form .search-box {
        width: 92%
    }
    .full-box .center-slider .offer-slider .product-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd
    }
    .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 #ddd
    }
    .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: 0.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
    }
}
@media (max-width: 320px) {
    .rounded-category .category-contain .img-wrapper {
        width: 70px;
        height: 70px
    }
    .deal-banner .deal-banner-containe h1 {
        line-height: 1.4
    }
}
@media (min-width: 768px) {
    .p-r-md-0 {
        padding-right: 0
    }
    .p-l-md-0 {
        padding-left: 0
    }
}