.logo img {
    max-width: 100px
}

.h4-no-margin-bottom {
    margin-bottom: 0 !important
}

.header-2 .header-right li a,
.header-2 ul li a,
.main-menu ul li:hover>a,
.main-menu ul li>a::before :hover,
.theme-color,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #972994
}

.add-cart-btn,
.btn:hover,
.store-product-title h4,
.store-product-title span {
    color: #fff !important
}

.header-2 .logo img,
.header-6 .logo img {
    filter: none !important
}

.sticky-menu .header {
    box-shadow: 0 .25rem .5625rem -.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -.0625rem rgba(0, 0, 0, .05) !important
}

.font-size-90 {
    font-size: 90px !important
}

.font-size-45 {
    font-size: 45px !important
}

.border-themecolor {
    border: 1px solid #972994
}

.btn:hover {
    background-color: #972994
}

.padding-top-17 {
    padding-top: 17px
}

.padding-top-0 {
    padding-top: 0 !important
}

.header-area:hover a,
.header.header-2 a,
.header.header-6 a,
.sticky-menu .header a {
    color: #747477
}

.header-area:hover a.active::before,
.header.header-2 a.active::before,
.header.header-6 a.active::before,
.sticky-menu .header a.active::before {
    background: #972994
}

.main-menu ul li>a::before {
    bottom: 10px !important
}

.main-menu ul li>a {
    padding: 20px 0
}

.service-feature-bg {
    background-image: linear-gradient(180deg, #fff 0, #fff 100%)
}

.service-feature-bg .img-fluid {
    max-width: auto !important;
    height: 70px !important
}

.single-blog .blog-img {
    height: auto
}

.blog-post-active .slick-arrow .l-a,
.blog-post-active .slick-arrow .r-a {
    top: 50%
}

.testimonial-bg {
    height: auto !important
}

.dark-gray-bg {
    background-color: #717174 !important
}

.a:hover,
.footer-info a:hover,
.widget-area p:hover {
    color: #972994 !important
}

.add-cart-btn {
    background-color: #972994 !important
}

.single-product {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 6px;
    color: rgba(0, 0, 0, .87);
    background: #fff
}

.single-product .single-product-img {
    height: 60%;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.header-right ul li a,
a.mobile-menubar {
    color: #fff;
    font-size: 22px
}

address {
    color: #999;
    font-size: 14px
}

.active-star {
    color: #fbc02d;
    margin-bottom: 8px
}

.active-star:hover {
    color: #f9a825;
    cursor: pointer
}

.card-testimonial .author {
    float: left !important
}

.card-testimonial .ftr {
    margin-top: 0;
    padding: 20px
}

.section-title p {
    font-size: 20px;
    color: #747477
}

.effect a,
.effect h2 {
    color: #fff;
    font-size: 25px
}

#book-modal .modal-content {
    background: #f2e1e0 !important
}

.effect {
    width: 100%
}

.effect h2 {
    font-family: "Playfair Display", serif;
    font-weight: 400;
    letter-spacing: 3px
}

.effect:nth-child(2) {
    margin-top: 50px
}

.effect:nth-child(odd) {
    background-color: #fff
}

.effect:nth-child(odd) h2 {
    color: #212121
}

.effect .buttons {
    margin-top: 50px;
    display: flex;
    justify-content: center
}

.effect a:last-child {
    margin-right: 0
}

.effect a {
    text-decoration: none !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-right: 20px;
    overflow: hidden;
    position: relative
}

#play,
.button-64 span {
    width: 100%;
    height: 100%
}

.effect a i {
    position: relative;
    z-index: 3
}

.effect a.fb {
    background-color: #3b5998
}

.effect a.tw {
    background-color: #00aced
}

.effect a.g-plus {
    background-color: #dd4b39
}

.effect a.dribbble {
    background-color: #ea4c89
}

.effect a.pinterest {
    background-color: #cb2027
}

.effect a.insta {
    background-color: #bc2a8d
}

.effect a.in {
    background-color: #007bb6
}

.effect a.vimeo {
    background-color: #1ab7ea
}

.effect.jaques a {
    transition: border-top-left-radius .1s linear, border-top-right-radius .1s linear .1s, border-bottom-right-radius .1s linear .2s, border-bottom-left-radius .1s linear .3s
}

.effect.jaques a:hover {
    border-radius: 50%
}

.button-64 {
    align-items: center;
    background-image: linear-gradient(144deg, #c281c0, #cf76cc 50%, #932290);
    border: 0;
    border-radius: 8px;
    box-shadow: rgba(151, 65, 252, .2) 0 15px 30px -5px;
    box-sizing: border-box;
    color: #fff !important;
    display: flex;
    font-size: 20px !important;
    justify-content: center;
    line-height: 1em;
    max-width: 100%;
    min-width: 140px;
    padding: 3px;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    cursor: pointer
}

.button-64:active,
.button-64:hover {
    outline: 0;
    color: #fff !important
}

.button-64 span {
    background-color: linear-gradient(144deg, #c281c0, #cf76cc 50%, #932290);
    padding: 16px 24px;
    border-radius: 6px;
    transition: .3s
}

.button-64:hover span {
    background: 0 0
}

.store-product-title {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto !important;
    background: linear-gradient(to bottom, rgba(61, 59, 59, .3) 0, rgba(31, 29, 31, .9) 100%);
    padding: 20px;
    width: 80%
}

.video_player {
    position: relative;
    background: #000;
    width: 640px;
    margin: 20px auto
}

.video_player iframe,
.video_player img {
    display: block
}

#play {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    background: url(https://www.metrowardrobes.co.uk/assets_front/images/icon/play-button.png) 50% 50% no-repeat, 50% 50%/cover no-repeat;
    z-index: 10
}

.font-size-22 {
    font-size: 22px !important
}

.copyright-text::before {
    display: none !important
}

.product-short-desc {
    height: 100px
}

.font-size-28 {
    font-size: 28px !important
}

ul.mobile-top-nav li a svg {
    height: 15px;
    width: 15px;
    margin-right: 5px
}

ul.mobile-top-nav li a {
    display: flex;
    align-items: center;
    padding: 0 15px
}

#header-sticky .header-right.d-flex.justify-content-end,
#header-sticky .row {
    align-items: center
}

.header-right ul.padding-top-17 {
    padding: 0
}

@media (max-width:500px) {
    ul.mobile-top-nav {
        justify-content: space-between !important
    }

    .header-right .header-login a {
        font-size: 14px !important
    }

    ul.mobile-top-nav li a {
        padding: 0
    }

    a.mobile-menubar {
        z-index: -1
    }
}


/* ******************* */
header .container-fluid {
    max-width: 90%;
    margin: auto;
}
ul.mobile-top-nav {
    background: #f7f7f8;
    float: right;
    padding: 5px 0px;
}
ul.mobile-top-nav li *{color:#2b2b2c}
.slider-area.slider-2 .slider-wrapper {
    max-width: 90%;
    padding-left: 15px;
    padding-right: 15px;
}

header .container-fluid .row > div {
    margin: 10px 0px;
}
.service-feature-area .container-fluid {
    max-width: 90%;
}
.service-feature-bg .img-fluid {
    height: auto !important;
    max-width: 50px !important;
    width: 100%;
}
.single-service-feature p {
    font-size: 14px !important;
    margin-bottom: 0px;
}
.single-service-feature h4 {
    font-size: 14px !important;
    height: 30px;
}

.service-feature-area .container-fluid .ser-feature-icon {
    padding: 0px;
}
.store-product-area .container-fluid .row:nth-child(1) > div:nth-child(1) {
    /* box-shadow: 0px 0px 10px #000; */
}
.tp-widget-logo > div > a {
    align-items: center;
    display: flex;
}