.modal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 60px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

.modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/* theme button styling */
.dropbtn-category {

    color: white;

    padding: 16px;

    font-size: 16px;

    border: none;

    cursor: pointer;

}



.dropdown-category {

    position: relative;

    display: inline-block;

}



.dropdown-content-category {

    display: none;

    position: absolute;

    background-color: #000;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 999999999;

}



.dropdown-content-category a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    font-weight: 400;

    display: block;

    font-family: ubuntu, Arial, Helvetica, sans-serif !important;

    text-transform: capitalize;

    letter-spacing: 0.5px;

    font-size: 15px !important;

}



.dropdown-category:hover .dropdown-content-category {

    display: block;

}



.dropdown-content-category ul li {

    text-transform: lowercase;

    font-weight: normal;

    border-bottom: 1px solid #505050;

}

.dropdown-content-category ul li:last-child {

    border-bottom: none;

}

.dropdown-content-category ul {

    background: #000000c7;

    position: absolute;

    z-index: 99;

    width: 280px;

    padding: 20px;

    left: 0;

    margin: 16px 0 0 0;

    list-style: none;

    box-sizing: border-box;

    overflow: auto;

}



/*acordian css*/



.accordion {

    color: #444;

    cursor: pointer;

    padding: 18px;

    width: 100%;

    border: none;

    text-align: left;

    outline: none;

    font-size: 15px;

    transition: 0.4s;

}







.panel {

    padding: 0 18px;

    display: none;

    background-color: white;

    overflow: hidden;

}





/*megamenu*/



.column {

    float: left;

    width: 33.33%;

    padding: 10px;

    background-color: #ccc;

    height: 250px;

}







.column a:hover {

    background-color: #ddd;

}



/* Clear floats after the columns */

.row:after {

    content: "";

    display: table;

    clear: both;

}

a.link-disabled {
    cursor: no-drop;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */

@media screen and (max-width: 600px) {

    .column {

        width: 100%;

        height: auto;

    }

}









.slider-images {

    height: 620px;

}

section.slider-block div.slider-content ul.slider-images li{ height: 100%; width: 100%;}

.slider-images li img {

    height: 100%;

    width: 100%;

    /* object-fit: cover; */

}

.btn.btn-theme-orange{

    color: #fff;

    border: 1px solid #386893;

    background: #386893;

    font-size: 16px;

    /* font-weight: bold; */

    padding: 10px 20px;

    text-transform: uppercase;

    border-radius: 0;

    transition: all 0.5s;

    position: relative;

    overflow: hidden;

    z-index: 1;

    font-family: 'ubuntubold', Arial, Helvetica, sans-serif;

}

.site-banner .btn.btn-theme-orange{
        color: #000;
        border: 1px solid #000;
        background: transparent;
        font-size: 16px;
        font-weight: bold;
        border-radius: 4px !important;
}
.site-banner  .btn.btn-theme-orange:hover {
    color: #000;
}
.btn.btn-theme-orange .slider{

    color: #fff;

    border: 2px solid #386893;

    background: #386893;

    font-size: 16px;

    font-weight: bold;

    padding: 10px 20px;

    text-transform: uppercase;

    border-radius: 0;

    transition: all 0.5s;

    position: relative;

    overflow: hidden;

}



.btn.btn-theme-orange:hover {

    color: #386893;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



.btn.btn-theme-orange .slider:hover {

    color: #386893;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.btn.btn-theme-orange .slider{

    position: relative;

    z-index: 999;

    font-family:'ubuntubold', Arial, Helvetica, sans-serif;

}

.btn.btn-theme-orange span{

    position: relative;

    z-index: 999;

    font-family:'ubuntubold', Arial, Helvetica, sans-serif;

}

.btn.btn-theme-orange:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background-color: #fff;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-transform: translate(0,-100%);

    transform: translate(0,-100%);

    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

    transition-timing-function: cubic-bezier(0.75, 0, 0.125,1);

    z-index: -1;

}

.btn.btn.btn-theme-orange:hover:before, .btn.btn.btn-theme-white:hover:before, .btn.btn-theme-item:hover:before{

    -webkit-transform: translate(0,0);

    transform: translate(0,0);

}

.btn.btn-theme-orange:after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background-color: #fff;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-transform: translate(0,-100%);

    transform: translate(0,-100%);

    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

    z-index: -1;

}

.btn.btn.btn-theme-orange:hover:after, .btn.btn.btn-theme-white:hover:after, .btn.btn-theme-item:hover:after{

    -webkit-transform: translate(0,0);

    transform: translate(0,0);

}

.btn.btn-theme-white{

    color: #000;

    border: 2px solid #fff;

    background: #fff;

    font-size: 16px;

    padding: 10px 20px;

    text-transform: uppercase;

    border-radius: 0;

    transition: all 0.5s;

    position: relative;

    overflow: hidden;

    font-family:'ubuntubold', Arial, Helvetica, sans-serif;

}

.btn.btn-theme-white:hover {

    color: #fff;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.btn.btn-theme-white span{

    position: relative;

    z-index: 999;

    font-family:'ubuntubold', Arial, Helvetica, sans-serif;

}

.btn.btn-theme-white:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background-color: #000;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-transform: translate(0,-100%);

    transform: translate(0,-100%);

    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

    transition-timing-function: cubic-bezier(0.75, 0, 0.125,1);

}

.btn.btn-theme-white:after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background-color: #000;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-transform: translate(0,-100%);

    transform: translate(0,-100%);

    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}



.btn:active, .btn:focus, .btn:hover {

    opacity: 1 !important;

}

/* theme all section title styling */

.section-title{

    text-align: center;

    width: 100%;

}

.section-padding{

    padding-top:100px;

    padding-bottom: 100px;

}

.wrapper{overflow: hidden;}

/* header styling */


#header .navbar li.nav-item a:hover{
    color: #386893;
    background: #f7f7f7;
    transition: all .3s ease;
}
/* products section styling */

.product-wrap{

    text-align: center;

    background: url(../images/product-bg.svg) no-repeat;

    background-size: 55% 113%;

    /*background-position: left; */

}

.product-wrap p{

    font-size: 16px;

    color: #626262;

    line-height: 26px;

    margin: 0;

    margin-bottom: 30px;

}

.product-wrap p span{

    display: block;

    font-family:'ubunturegular', Arial, Helvetica, sans-serif;

}

.product-wrap .product-detail{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: start; 

    -ms-flex-pack: start; 

    justify-content: flex-start;

}

.product-wrap .product-detail .product-inner-wrap{

    /* min-height: 300px; */

    max-width: calc(25% - 30px);

    width: 100%;

    margin: 15px 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

}

.product-wrap .product-detail .product-inner-wrap .p-item{

    background-color: #fff;

    text-align: center;

    border: 1px solid #d4d4d4;

    /* height: 300px; */

    /* min-height: 300px; */

    /* max-width: 100%; */

    /* width: 100%; */

    margin-bottom: 20px;

    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;

    overflow: hidden;

    position: relative;

}

.product-wrap .product-detail .product-inner-wrap .p-item a{

    position: relative;

}

.product-wrap .product-detail .product-inner-wrap .p-item img{

    object-fit: cover;

    max-width: 100%;

    height: auto;

    vertical-align: middle;

}

.product-wrap .product-detail .product-inner-wrap .sale-offer, .product-wrap .product-detail .product-inner-wrap .hot-offer{

    position: relative;

    text-align: center;

    top: -1px;

}

.product-wrap .product-detail .product-inner-wrap .sale-offer:before{

    content: 'SALE';

    position: absolute;

    padding: 8px;

    margin: 0 auto;

    background: #386893;

    right: 0;

    color: #fff;

    font-size: 12px;

    text-align: right;

    letter-spacing: 4px;

    top: 0;

    right: 0;

    z-index: 999999;

    font-family: 'ubuntubold', Arial, Helvetica, sans-serif;

}

.product-wrap .product-detail .product-inner-wrap .hot-offer:before{

    content: 'HOT';

    position: absolute;

    margin: 0 auto;

    background: #e20025;

    right: 0;

    color: #fff;

    padding: 8px;

    font-size: 12px;

    text-align: right;

    letter-spacing: 4px;

    top: 0;

    right: 0;

    z-index: 999999;

    font-family:'ubuntubold', Arial, Helvetica, sans-serif;

}

.product-wrap .product-detail .product-inner-wrap:hover .content-overlay {

    opacity: 1;

}

.product-wrap .product-detail .product-inner-wrap .content-overlay {

    background: rgba(0,0,0,0.3);

    position: absolute;

    /* height: 300px; */

    width: 100%;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out 0s;

    -moz-transition: all 0.4s ease-in-out 0s;

    transition: all 0.4s ease-in-out 0s;

    cursor: pointer;

}



/*triangle css*/

.product-wrap .product-detail .product-inner-wrap .triangle{

    width: 100px;

    height: 100px;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 999999;

}

.product-wrap .product-detail .product-inner-wrap .triangle:after{

    width: 0;

    height: 0;

    content: "";

    border-style: solid;

    border-width: 0 90px 90px 0;

    border-color: transparent #e20026 transparent transparent;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 999999;

}

.product-wrap .product-detail .product-inner-wrap .triangle span{

    position: absolute;

    color: #fff;

    font-size: 12px;

    line-height: 15px;

    text-align: center;

    top: 17px;

    right: 4px;

    width: 60px;

    transform: rotate(45deg);

    font-weight: bold;

    letter-spacing: 2px;

    z-index: 9999999999999999;

}

.product-wrap .product-detail .content-details {

    position: absolute;

    text-align: center;

    /* padding-left: 1em; */

    /* padding-right: 1em;

    width: 100%; */

    top: 50%;

    left: 50%;

    opacity: 0;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}

.product-wrap .product-detail .content-details .icon-box {

    width: 35px;

    height: 35px;

    background: #fff;

    cursor: pointer;

    text-align: center;

    margin: 0 auto;

    line-height: 38px;

    display: inline-block;

}

.product-wrap .product-detail .content-details .icon-box a{

    background: transparent;

    padding: 0px;

    color: #000;

}

.product-wrap .product-detail .content-details .icon-box a:hover{

    background: transparent;

}

.product-wrap .product-detail .content-details .icon-box i{

    font-size: 18px;

}

.product-wrap .product-detail .product-inner-wrap:hover .content-details{

    top: 50%;

    left: 50%;

    opacity: 1;

}

.product-wrap .product-detail .offer-hover-des:hover .content-details{

    top: 50%;

}

.product-wrap .product-detail .product-inner-wrap .fadeIn-top {

    top: 20%;

}

.product-wrap .product-detail .product-inner-wrap .fadeIn-left {

    left: 20%;

}

.product-wrap .product-detail .product-inner-wrap h3{

    margin-bottom: 15px;

    min-height: 40px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.product-wrap .product-detail .product-inner-wrap .btn-wrap{

    font-size: 14px;

    font-weight: 400;

    color: #fff;

    background: #000;

    padding: 7px 15px;

    display: inline-block;

    font-family:'ubunturegular', Arial, Helvetica, sans-serif;

}

.product-wrap .product-detail .product-inner-wrap span .btn-wrap:first-child{

    text-decoration: line-through;

}

.product-wrap .product-detail .product-inner-wrap .btn-wrap:hover{

    background: #386893;

    transition: all 0.3s ease-in-out;

}

.product-wrap .product-bottom-sec{

    padding-top: 70px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap; flex-wrap: wrap;

}

.product-wrap .product-bottom-sec .img-box{

    min-height: 370px;

    max-width: 100%;

    width: calc(50% - 30px);

    margin: 15px 15px;

}

.product-wrap .product-bottom-sec .img-box.img1{

    background: url(../images/sale-img.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

}

.product-wrap .product-bottom-sec .img-box.img2{

    background: url(../images/footwear-img.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    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;

}

.product-wrap .product-bottom-sec .img-box:first-child a{

    margin-left: 41px;

    margin-top: 80px;

}

.product-wrap .product-bottom-sec .img-box:last-child a{

    margin-top: 80px;

}
/* New section styling */

.new-sec{

    text-align: center;

}

.new-sec p{

    font-size: 16px;

    color: #626262;

    line-height: 26px;

    margin: 0;

    margin-bottom: 30px;

    font-family:'ubunturegular', Arial, Helvetica, sans-serif;

}

.new-sec p span{

    display: block;

    font-family:'ubunturegular', Arial, Helvetica, sans-serif;

}

.new-sec .new-sec-wrap{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap; flex-wrap: wrap;

    -webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;

}

.new-sec .new-sec-wrap .new-item{

    min-height: 300px;

    max-width: calc(33.33% - 30px);

    width: 100%;

    margin: 15px 15px;

    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;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

}

.new-sec .new-sec-wrap .img-holder{

    min-height: 300px;

    max-width: 100%;

    width: 100%;

    margin-bottom: 20px;

    box-shadow: inset 1px 1px 200px 0 rgba(0, 0, 0, 0.3);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}

.new-sec .new-sec-wrap .img-holder.item1{

    /*background: url(../images/newimg-01.jpg) no-repeat;*/

    background-position: center;

    background-size: cover;

}

.new-sec .new-sec-wrap .img-holder.item2{

    /*background: url(../images/newimg-02.jpg) no-repeat;*/

    background-position: center;

    background-size: cover;

}

.new-sec .new-sec-wrap .img-holder.item3{

    /*background: url(../images/newimg-03.jpg) no-repeat;*/

    background-position: center;

    background-size: cover;

}

.new-sec .new-sec-wrap .new-item h3{

    text-align: left;

    font-size: 18px;

    text-transform: none;

}

.new-sec .new-sec-wrap .read-btn-des{

    margin-right: 20px;

    margin-bottom: 20px;

}

.pagination{ justify-content: center;}

.main .category-container .category-block .product-detail .product-inner-wrap{

    max-width: calc(33.33% - 30px);

    width: 100%;

}

.main .category-container .category-block .product-detail .product-inner-wrap h3{

    font-size: 14px;

}

.banner-content {

    max-width: 100%;

}

/* detail-page-css */

.top-box{

    background-color: #386893;

}

.top-box .breadcrumbs-wrap .breadcrumb{

    padding: 17px 0px;

    list-style: none;

    margin: 0;

    background: transparent;

    border-radius: 0;

    display: block

}

.top-box .breadcrumbs-wrap .breadcrumb li {

    display: inline;

    font-size: 14px;

    font-weight: 400;

}

.top-box .breadcrumbs-wrap .breadcrumb li+li:before {

    padding: 6p0;

    color: #fff;

    content: "/\00a0";

}

.top-box .breadcrumbs-wrap .breadcrumb li a {

    color: #fff;

    text-decoration: none;

}

.top-box .breadcrumbs-wrap .breadcrumb li a:hover {

    color: #000 !important;

    text-decoration: none;

}

/* tab css */

.review-tab{

    padding: 78px 0 30px 0;

}

.review-tab .tab {

    display: none;

}

.review-tab .tab-active {

    display: block;

}

.review-tab .tab-headings ul li{

    display: inline-block;

    position: relative;

}

.review-tab .tab-headings{

    border-bottom: 3px solid #ededec;

    text-align: center;

    padding-bottom: 30px;

}

.review-tab .tab-headings .nav-tabs {

    border-bottom:none;

}

.review-tab .tab-headings .nav{

    display: block;

}

.review-tab .tab-headings ul li a{

    color: #000;

    font-size:32px;

    text-transform:  capitalize;

    font-family: ubuntu,Arial,Helvetica,sans-serif;

    font-weight: 400;

}

.review-tab .tab-headings ul li a.tab-2-des{

    opacity: 0.8;

}

.review-tab .tab-headings a.active-a.active, .review-tab .tab-headings a:hover {

    color: #386893;

    text-decoration: none;

    border-bottom: 3px solid !important;

    padding-bottom: 35px;

}

.review-tab .tab-headings ul li:first-child{

    margin-right: 67px;

}

.review-tab .tab-content p{

    color: #000;

    font-size: 22px;

    line-height: 32px;

    font-weight: 300;

    padding: 0;

    margin:0;

    margin-bottom:10px;

    font-family: ubuntu,Arial,Helvetica,sans-serif;

}

.review-tab .tab-content{

    padding: 60px 0 0 0;

}

.review-tab .tab-content .item-info h1{

    font-size: 28px;

    color: #000;

    font-weight: 400;

    margin: 0;

    padding: 0;

    margin-bottom: 20px;

    text-transform: capitalize;

    font-family: ubuntu,Arial,Helvetica,sans-serif;

    letter-spacing: 0;

}

.review-tab .tab-content .item-info p{

    font-size: 24px;

    font-weight: 300;

    font-family: ubuntu,Arial,Helvetica,sans-serif;

    text-transform: capitalize;

    margin: 0;

}

/* related products css */

.related-products{

    background: #f8f8f8;

    padding: 105px 0 150px 0;

}

.related-products.sale-products{

    background: transparent;

    padding: 0;

}

.related-products.sale-products .box-spacing {

    margin-bottom: 20px;

}

.related-products h1{

    font-size: 32px;

    color: #000;

    padding: 0;

    margin: 0;

    font-family: ubuntu,Arial,Helvetica,sans-serif;

    font-weight: 400;

    margin-bottom: 45px;

    text-align: center;

    line-height: 32px;

    letter-spacing: 0;

}

.related-products .product-detail{

    border: 1px solid #d4d4d4;

    /* background: #fff; */

    padding-bottom: 30px;

}

.related-products .product-detail a {

    width: 100%;

}

.related-products .product-detail .img-wrap, .product-wrap .product-detail .img-wrap{

    position: relative;

    /*width: 260px;*/

    height: 260px;

    padding: 10px;

}

section.cart .title {

    font-size: 26px !important;

    font-weight: bold;

    text-transform: capitalize;

}

.related-products .product-detail .img-wrap img, .product-wrap .product-detail .img-wrap img {

    width: 100%;

    height: 100%;

    object-fit:cover;

}

.related-products .product-detail .sku-wrapper, .product-wrap .product-detail .sku-wrapper {

    position: absolute;

    background: #5d5b59;

    padding: 10px;

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    right: 10px;

    bottom: 20px;

}

.sku_wrapper {

    position: absolute;

    background: #5d5b59;

    padding: 10px;

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    right: 10px;

    bottom: 20px;

    text-transform: uppercase;

}

.related-products .product-detail .content-wrap, .product-wrap .product-detail .content-wrap {

    padding: 6px 20px 6px;

}

.related-products .product-detail .content-wrap p, .product-wrap .product-detail .content-wrap p{

    color: #111111;

    font-size: 16px;

    margin: 0;

    line-height:17px;

    text-align: left;

}

.related-products .price-holder h2, .product-wrap .price-holder h2{

    color: #386893;

    font-size: 19px;

    font-family: ubuntu,Arial,Helvetica,sans-serif;

    font-weight: 600;

    margin:0;

    margin-bottom: 5px;

}

.price-holder h2, .price-holder h3 {

    display: inline-block;

    padding-right: 10px;

}

.related-products .price-holder, .product-wrap .price-holder{

    padding: 0 20px;

    text-align: left;

}

.related-products .price-holder h2 sup, .product-wrap .price-holder h2 sup{

    color: #386893;

    font-size: 15px;

    font-family: ubuntu,Arial,Helvetica,sans-serif;

    font-weight: 400;

    top: 0;

}

.related-products .price-holder h3, span.p-subtitle{

    color: #262626;

    opacity: 50%;

    font-size: 13px;

    font-family: ubuntu,Arial,Helvetica,sans-serif;

    font-weight: 400;

    text-decoration: none;

    margin:0;

}

.related-products .price-holder h3 span{

    /*margin-left: 10px;*/

    text-decoration: line-through;

}

.related-products .row{

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

    -webkit-box-pack: start;    -ms-flex-pack: start;    justify-content: start;

}

.related-products .product-detail .box-bottom-wrap, .product-wrap .product-detail .box-bottom-wrap{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 90px;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

}

.related-products .owl-theme .owl-dots{

    display: none;

}

.org-price span {

    color: #888;

}

.related-products .owl-carousel .owl-nav button.owl-next,.related-products .owl-carousel .owl-nav button.owl-prev{

    background: #386893;

    width: 57px;

    height: 57px;

    border-radius: 50%;

}

.related-products .owl-nav i{

    font-size: 30px;

    color: #fff;

}

.onePagebutns {

    display: flex;

    justify-content: space-between;

}

.related-products .owl-theme .owl-nav {

    position: absolute;

    width: 100%;

    top: 50%;

    margin: 0;

    transform: translateY(-50%);

}

.related-products .owl-carousel .owl-nav button.owl-prev {

    float: left;

    margin-left: -70px;

}

.related-products .owl-carousel .owl-nav button.owl-next {

    float: right;

    margin-right: -70px;

}

section.review .review-layouter .product-info .product-price .pro-price {

    color: #386893;

    font-size: 20px;

}

section.review .review-layouter .product-info .product-name a {

    color: #242424;

    text-transform: capitalize;

}

a.btn-wrap {

    color: #386893;

    font-size: 16px;

}

a.btn-wrap .sticker.sale, a.btn-wrap .regular-price, a.btn-wrap .special-price {

    display: inline-block;

    padding: 0 5px;

}

a.btn-wrap .sticker.sale, a.btn-wrap .regular-price{ color: #666; font-size: 14px;}

a.btn-wrap .regular-price{ text-decoration: line-through;  }

section.product-detail .item-info span.item-detail {

    color: #000 !important;

    margin-top: 10px !important;

    display: block;

    margin-bottom: -10px;

}

/* brand css */

.brand{

    background: #f8f8f8;

    padding: 50px 0;

}

.brand .brand-info{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.brand .brand-info h1{

    font-size: 28px;

    color: #000;

    margin: 0;

    font-family: ubuntu,Arial,Helvetica,sans-serif;

    font-weight: 400;

    text-transform: capitalize;

    letter-spacing: 0;

}

.brand .brand-info .text-orange{

    color: #386893;

    text-transform: uppercase;

}

.brand .brand-info span{

    font-size: 24px;

    color: #000;

    margin: 0;

    font-family: ubuntu,Arial,Helvetica,sans-serif;

    font-weight: 300;

    margin-left: 12px;

    text-transform: capitalize;

}

.brand .brand-info span.border-des{

    position: relative;

}

/* Home-page-styling */

/* on-sale css */

/* jewelary-buttons-css */

.product-wrap.section-padding.sale-sec-padding {

    padding-bottom:30px;

}

.product-wrap.section-padding{

    padding-top: 90px;

    padding-bottom: 30px;

    width: 100%;

}

.related-products.sale-products .product-detail, .product-wrap .product-detail {

    border: none;

    padding-bottom: 0;

    overflow: hidden;

    position: relative;

    padding-bottom: 20px;

}

.related-products.sale-products .product-detail a, .product-wrap .product-detail a{

    border: 1px solid #d4d4d4;

    display: inline-block;

    background: #fff;

    width: 100%;

}

.related-products.sale-products .product-detail:hover a, .product-wrap .product-detail:hover a{

    border: 1px solid #386893 !important;

    -o-transition: all ease-in-out 0.3s;

    -ms-transition: all ease-in-out 0.3s;

    -moz-transition: all ease-in-out 0.3s;

    -webkit-transition: all ease-in-out 0.3s;

    transition: all ease-in-out 0.3s;

}

.related-products.sale-products .product-detail .btn-holder .btn-theme-orange, 

.related-products.sale-products .product-detail .btn-holder .btn-theme-white, 

.product-detail .btn-holder .btn-theme-orange,  .product-detail .btn-holder .btn-theme-white{

    text-transform: initial;

    width: 120px;

    padding: 10px 13px

}

.related-products.sale-products .product-detail .btn-holder .btn-theme-orange{

    background: #386893 !important;

}

.related-products.sale-products .product-detail .btn-holder, .product-detail .btn-holder {

    text-align: center;

    margin: 0 auto;

    margin-top: -20px;

}

.related-products.sale-products .product-detail .btn-holder .btn-theme-white{

    border: 1px solid #d4d4d4 !important;

}

/* .related-products.sale-products .product-detail .btn-holder{

    margin-top: -10px;

} */

.related-products.sale-products .product-detail .btn-holder,.product-detail .btn-holder {

    opacity: 1;

    visibility: visible;

    position: absolute;

    bottom: -60px;

    left: 0;

    right: 0;

    transition: all 0.5s;

}

.related-products.sale-products .product-detail:hover .btn-holder,.product-detail:hover .btn-holder {

    opacity: 1;

    visibility: visible;

    bottom: 7px;

}

.related-products.sale-products p.text-detail,.product-wrap p.text-detail{

    margin-bottom: 45px;

}

.related-products.arrivals-product.section-padding{

    padding-bottom: 30px;

}



/* new arrivals styling */

.related-products.arrivals-product{

    background: #f8f8f8;

}

.related-products.arrivals-product h1,.sec-title-wrap {

    font-size: 26px;

    color: #111111;

    font-weight: bold;

    letter-spacing: 0px;

    text-transform: capitalize;

    margin: 0;

    margin-bottom: 15px;

    font-family: ubuntu, Arial, Helvetica, sans-serif;

}

.related-products.arrivals-product .box-spacing{

    margin-bottom: 10px;

}

.related-products.arrivals-product .p-left-zero{

    padding-left: 0;

}

.related-products.arrivals-product .p-right-zero{

    padding-right: 0;

}

.related-products.sale-products .product-detail a.b-des{

    border-left: 1px solid transparent;

}

/* just for you css */

.just-for-sty p.text-detail{

    font-size: 14px;

    line-height: 20px;

    font-size: 16px;

    color: #626262;

    margin: 0;

    margin-bottom: 45px;

    text-align: center;

}

.just-for-sty p.text-detail span {

    display: block;

    font-family: 'ubunturegular', Arial, Helvetica, sans-serif;

}

.just-for-sty h1 {

    font-size: 26px;

    color: #111111;

    font-weight: bold;

    letter-spacing: 0px;

    text-transform: capitalize;

    margin: 0;

    margin-bottom: 15px;

    font-family: ubuntu, Arial, Helvetica, sans-serif;

    text-align: center;

}

.just-for-sty.section-padding{

    padding-bottom: 0;

}

.just-for-sty .box-spacing {

    margin-bottom: 70px;

}

/* load-more-styling */

.load-more{

    position:relative;

    margin-bottom: 30px;

    text-align: center;

}

.load-more a{

    color: #386893;

    font-size: 16px !important;

    font-weight: 600;

    margin: 0;

    position: relative;

    margin-bottom: 0 !important;

    text-align: center;

}

.load-more a:before {

    content: '\f103';

    position: absolute;

    font-family: FontAwesome;

    font-size: 20px;

    color: #386893;

    top: 30px;

    right: 0;

    left: 0;

    margin: 0 auto;

}

.load-more:before{

    content: '';

    position: absolute;

    border-top: 1px solid #d4d4d4;

    left: 0;

    top: 10px;

    width: 45%;

}

.load-more:after{

    content: '';

    position: absolute;

    border-top: 1px solid #d4d4d4;

    right: 0;

    top: 10px;

    width: 45%;

}

/* category styling */

.product-wrap.section-padding.category-padding{

    padding-bottom: 115px;

}

.main-container-wrapper section.featured-products.featured-products-spacing {

    display: block;

    margin-bottom: 0%

}

ul.address-card-list li.mb-5 {

    margin-bottom: 5px !important;

}

.control-group.mt-5 {

    margin-top: 20px !important;

}

.btn.btn-primary {

    background: #386893;

    color: #fff;

    -webkit-appearance: none;

    letter-spacing: 0.5px;

    border: 1px solid #386893;

}

.header .header-top .right-content .right-content-menu>li .dropdown-toggle:after {content: none !important;}

.header .header-top .right-content .right-content-menu {margin-bottom: 0;}

.sec-title-wrap {

    font-size: 26px;

    color: #111111;

    font-weight: bold;

    letter-spacing: 0px;

    text-transform: capitalize;

    margin: 0;

    margin-bottom: 15px;

    font-family: ubuntu, Arial, Helvetica, sans-serif;

}

.order-summary {

    border: none;

    border-radius: 7px;

    padding: 20px;

    background: #f8f8f8;

}

.icon-search, .icon-menu-close{ cursor: pointer; margin-left: 8px;}

.product_tbl tr:first-child td {

    font-size: 15px;

    padding: 12px 15px;

    color: #000;

    background: #f7f7f7;

    font-family: 'ubuntubold', Arial, Helvetica, sans-serif;

}





.login-img-wrap{
    background: url(../images/login-bg-img.png) no-repeat;
    background-position: center;
    background-size: cover;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin:70px 0;
}
.contact-form-des .login-img-wrap{
    background: url(../images/contact3-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    height: 540px;
}
.image-text{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: center;
    padding-left: 165px;
    padding-right: 15px;
}
.login-right-wrapper{
    height: 450px;
    padding: 0;
    width: 479px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #9e9e9e14;
    flex-direction: column;
    margin: 20px auto;
    border-radius: 5px;
}
.login-form-des .padd-r{
    padding-right:0;
}
.login-form-des .padd-l{
    padding-left:0;
}
.login-form-des .login-form{
    box-shadow: none !important;
    padding: 25px 90px;
    max-width: auto;
    min-width: auto;
}
.login-form-des .login-right-wrapper form{
    width: 550px;
}
.login-form-des .btn.btn-primary.btn.btn-lg {
    padding: 9px 25px;
    font-size: 14px;
    border-radius: 4px !important;
    width: 100%;
}
.login-form-des .auth-content .login-form .forgot-password-link {
    text-align: right;
}
.login-form-des .auth-content .login-form .forgot-password-link a {
    font-size: 14px;
    font-weight: 600;
    color: #3a3a3a;
}
.login-form-des .auth-content .login-form .forgot-password-link a:hover, .login-form-des .auth-content .login-form .forgot-password-link a:focus{
    color: #386893;
}
.login-form-des .auth-content .login-form label{
    font-size: 14px;
    margin-bottom: 5px !important;
}
.login-form-des.signup-form-des .login-img-wrap,
.login-form-des.signup-form-des .login-right-wrapper{
    height: 600px;
}
.forgot-pswrd .login-form{
    background: #9e9e9e14;
    box-shadow: 0 3px 5px #b5b4b4;
}
.about-sec-des h2{
    margin-bottom: 20px;
}
.about-sec-des ul li{
    list-style: disc;
    color: #626262;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
}
.about-sec-des ul{
    padding-left: 40px;
    margin-bottom: 30px;
}
.login-form-des.a:active, a:focus, a:hover, a:link, a:visited {
    text-decoration: none;
    color: #b44a99;
}
.login-form-des .a:hover{
    color: #98be33!important;
    text-decoration: underline;
}



/* Responsive queries */

@media(max-width: 1680px){

    /* .site-banner .banner-content {

        padding: 230px 0px;

    } */

}

@media(max-width: 1600px){

    .btn.btn-theme-orange { font-size: 14px; padding: 12px 25px;}

    .main-banner .owl-theme .owl-dots .owl-dot span,.newsletter .owl-theme .owl-dots .owl-dot span{width:10px;height:10px}

    .main-banner .main-slider.owl-theme .owl-dots{bottom:20px}

    .main-banner .owl-carousel .owl-nav button.owl-prev p,.main-banner .owl-carousel .owl-nav button.owl-next p{font-size:12px}

    .main-banner .owl-carousel .owl-nav button.owl-prev,.main-banner .owl-carousel .owl-nav button.owl-next{width:60px;height:25px}

    .main-banner .owl-theme .owl-nav{width:100%}

    .section-padding{padding-top:50px;padding-bottom:70px}

    h1{margin-bottom:15px;font-size:22px}

    .product-wrap p,.new-sec p{font-size:14px;line-height:20px;margin-bottom:20px}

    h3,.new-sec .new-sec-wrap .new-item h3{font-size:17px}

    .product-wrap .product-detail .product-inner-wrap .btn-wrap,.kids-sec .kids-sec-wrap .btn-wrap{padding:5px 10px;font-size:13px}

    .product-wrap .product-detail .content-details .icon-box i{font-size:16px}

    .product-wrap .product-detail .content-details .icon-box{width:30px;height:30px;line-height:35px}

    .product-wrap .product-detail .product-inner-wrap .sale-offer:before,.product-wrap .product-detail .product-inner-wrap .hot-offer:before{padding:5px}

    .product-wrap .product-bottom-sec{padding-top:50px}

    .product-bottom-sec .img-box{min-height:280px}

    .btn.btn-theme-white {

        padding: 8px 20px;

        font-size: 14px;

    }    .jewelary-item,.jewelary-item .j-item-btn{height:190px}

    .kids-sec .owl-carousel .owl-nav button.owl-prev,.kids-sec .owl-carousel .owl-nav button.owl-next{width:30px;height:30px;font-size:20px;line-height:20px}

    .kids-sec .bottom-side h2{padding:15px;font-size:18px}

    .kids-sec{padding-bottom:70px}

    .newsletter .customer-sec blockquote q,.newsletter .customer-sec blockquote cite,.footer .footer-wrap .footer-logo p{font-size:14px;line-height:21px}

    .newsletter .customer-sec .img-holder{width:70px;height:70px}

    

    .goto-top{width:70px;height:30px}

    .footer .footer-copyright{padding-top:10px;padding-bottom:10px}

    .new-sec .new-sec-wrap .new-item h3{white-space:normal;font-size: 15px;}

    .header .header-top div.left-content ul.logo-container li img {width: 150px;}

    .header .header-top div.left-content ul.logo-container {margin-bottom: 0;}

    .header-top .right-content-menu a {font-size: 13px !important; padding-right:12px !important; padding-left:12px;}  

    .main-container-wrapper section.featured-products{ padding-top: 40px; margin-bottom: 0;}

    .jewelary-buttons .sh-button-text {font-size: 14px;}

    .jewelary-buttons .btn-wrap .sh-button {padding: 10px 0 0 30px;}

    .jewelary-buttons .sh-button:hover {padding: 10px 37px 0 64px;}

    .related-products .product-detail .img-wrap,.product-wrap .product-detail .img-wrap{height: 200px; width: 100%;}

    .related-products .product-detail .content-wrap p, .product-wrap .product-detail .content-wrap p{font-size: 15px; transition: 0.3s; -webkit-transition: 0.3s;}



    .related-products .price-holder h2, .product-wrap .price-holder h2{font-size: 20px;}

    /* .related-products .product-detail .box-bottom-wrap {height: 120px;} */

    .related-products.sale-products .product-detail .btn-holder .btn-theme-orange, .related-products.sale-products .product-detail .btn-holder .btn-theme-white {width: 110px; text-transform: uppercase;padding: 10px 13px;font-size: 12px;}

    .related-products .product-detail .sku-wrapper, .sku_wrapper {

        padding: 3px 11px;

        font-size: 11px;

        text-transform: uppercase !important;

        font-weight: 600;

        letter-spacing: 0.2px;

    }    .newsletter .newsletter-wrap .customer-sec-padding h1,.newsletter .newsletter-wrap .subscribe-sec-padding h1 {font-size: 22px;}

    .newsletter .newsletter-wrap .subscribe-sec-padding .btn.btn-theme-orange {font-size: 14px;padding: 6px 15px;}

    .newsletter .newsletter-wrap form {margin-top: 20px;}

    .footer .footer-wrap .footer-logo h3,.footer .footer-wrap .footer-links h3, .footer .footer-wrap .footer-products h3 {font-size: 18px;}

    .footer .footer-copyright p {font-size: 14px;}

    .about-sec-des.section-padding .container > h2 {font-size: 23px;}

    .about-sec-des p {font-size: 14px;}

    .category-page-header h2 {font-size: 22px !important}

    .category-page-header .search-form {padding: 4px 53px 4px 10px !important;}

    .category-page-header .search-form input[type="text"] {font-size: 21px !important;}

    .category-page-header .search-form button[type="submit"] {width: 29px !important;height: 29px !important;top: 2px !important;right: 2px !important;padding: 0;}

    .layered-filter-wrapper .filter-title {font-size: 14px;}

    .vue-slider-component .vue-slider-tooltip {font-size: 12px;padding: 0px 5px;}

    .main .top-toolbar .pager .view-mode a, .main .top-toolbar .pager .view-mode span {    padding: 2px 12px;}

    .grid-view-icon,.list-view-icon {width: 12px;height: 12px;}

    .main .top-toolbar .pager label {font-size: 14px;}

    .main .top-toolbar .pager select {padding: 4px 10px;font-size: 13px;}

    .pagination.shop .page-item.previous, .pagination.shop .page-item.next {width: 40px;height: 40px;padding: 3px 0;}

    .pagination.shop .page-item {font-size: 16px;}

    .angle-left-icon,.angle-right-icon {width: 14px;height: 14px;}

    .auth-content .sign-up-text {font-size: 16px;}

    .auth-content .login-form .login-text {font-size: 19px;}

    .auth-content .login-form label,.control-group .control {font-size: 13px;}

    .control-group .control-error {font-size: 11px;}

    .auth-content .login-form .forgot-password-link {font-size: 12px;}

    .auth-content .login-form .btn-primary {width: 40%;font-size: 16px;font-weight: 500;padding: 5px 20px;}

    .auth-content .login-form label {margin-top: 0;}

    #cart-list .btn.btn-lg {padding: 6px 20px;}

    .no-cart p {font-size: 12px;}

    section.product-detail div.layouter .form-container .details .product-heading {

        font-size: 28px;

        margin-top: 0;}

    section.product-detail .product-ratings span {font-size: 14px;margin-left: 0px;}

    section.product-detail .item-info {font-size: 14px;}

    section.product-detail .item-info h2 {font-size: 30px;}

    section.product-detail .stock-info h3 {font-size: 14px;}

    section.product-detail .quantity-info .circle {width: 30px;height: 30px;padding: 0;}

    section.product-detail .quantity-info .qty {font-size: 16px;}

    section.product-detail .btn-wrap .btn.btn-cart {width: 170px;font-size: 14px;height: 48px;}

    section.product-detail .whishlist .add-whishlist span, section.product-detail .whishlist .add-compare span {font-size: 15px;}

    .whishlist a i {font-size: 15px;}

    section.product-detail div.layouter .form-container div.product-image-group div .thumb-list .thumb-frame {width: 100px!important;}

    .brand .brand-info h1 {font-size: 18px;}

    .brand .brand-info span {font-size: 16px;}

    .review-tab .tab-headings ul li a {padding-bottom: 23px;font-size: 20px;}

    .review-tab .tab-headings a.active-a.active, .review-tab .tab-headings a:hover {padding-bottom: 23px}

    .review-tab .tab-headings {padding-bottom: 19px;}

    .review-tab .tab-content {padding: 40px 0 0 0;}

    .review-tab .tab-content p {font-size: 16px;}

    .brand {padding: 30px 0;}

    .checkout-process .col-main ul.checkout-steps li .decorator.address-info,.checkout-process .col-main ul.checkout-steps li .decorator.review,.checkout-process .col-main ul.checkout-steps li .decorator.payment,.checkout-process .col-main ul.checkout-steps li .decorator.shipping {background-size: 22px;}

    .checkout-process .col-main ul.checkout-steps li .decorator {height: 38px;width: 38px;}

    .checkout-process .col-main ul.checkout-steps li span {font-size: 14px;font-weight: bold;}

    .checkout-process .col-main .step-content .form-header h1 {font-size: 20px;}

    .checkout-process .col-main .step-content .control-group .control {height: 36px;}

    .control-group label {font-size: 14px;}

    .checkout-process .col-main .step-content .control-group {margin-bottom: 0;}

    .button-group .btn.btn-lg {padding: 7px 18px;font-size: 16px;}

    .order-summary h3 {font-size: 14px;}

    .order-summary .item-detail,.order-summary .payable-amount {font-size: 13px;}

    .header .header-top div.right-content .right-content-menu .dropdown-list .dropdown-container .item-details .item-price,.header .header-top div.right-content .right-content-menu .dropdown-list .dropdown-container .item-details .item-qty {font-size: 12px;}

    .pagination.shop {margin-top: 0 !important;}

    .related-products .owl-carousel .owl-nav button.owl-next,.related-products .owl-carousel .owl-nav button.owl-prev{width: 40px;height: 40px;}

    .related-products .owl-nav i {font-size: 21px;line-height: 25px;}

    section.product-detail .item-info span {font-size: 14px; letter-spacing: 0.3px;}

}



.order-summary h3 {

    font-size: 20px;

    text-align: left;

    padding: 0;

    margin: 0;

    margin-bottom: 0px;

    width: 100%;

    border-radius: 0;

    background: transparent;

    color: #386893;

    margin-bottom: 20px;

    box-shadow: none;

}

.radio-container .checkmark:after {

    top: 3px !important;

    left: 3px !important;

    width: 5px !important;

    height: 5px !important;

}

.dis-price-wrap sup {

    top: 0 !important;

    font-weight: 300;

}

section.product-detail .product-ratings ul li i {

    font-size: 14px;}

.product-ratings .list-unstyled {

    margin-right: 10px;

}

section.product-detail .item-info {

    margin-bottom: 20px;

}

.product_tbl tr td, .theme-bordered-tbl td:first-of-type, .theme-bordered-tbl td {

    padding: 7px 15px;

    vertical-align: middle !important;

    border: none;

    border-bottom: 1px solid #ddd;

}

.theme-bordered-tbl tr:last-child td {

    border-bottom: none;

}

.account-content .account-layout .form-des {

    padding: 0;

    box-shadow: none;

    border-radius: 10px;

}

.product_tbl tr:first-child td {

    font-size: 15px;

    padding: 12px 15px;

    color: #000;

    background: #f7f7f7;

    font-family: 'ubuntubold', Arial, Helvetica, sans-serif;

}

li.nav-item > #search.icon.icon-search, #search.icon.icon-search {

    width: 35px;

    height: 35px;

    line-height: 40px;

    padding: 10px;

    border-radius: 50%;

    background-color: #386893;

    background-image: url(https://www.uclick.pk/staging/public/themes/default/assets/images/search.svg);

    background-position: center;

}

#search.icon-menu-close{

    width: 35px;

    height: 35px;

    line-height: 40px;

    padding: 10px;

    border-radius: 50%;

    background-color: #386893; cursor: pointer;

    background-position: center;

}

.account-table-content .address-card {

    width: 100%;

    border: none;

    padding: 20px;

    margin-right: 0px;

    margin-bottom: 15px;

    background: #fff;

}

.account-table-content .address-card .details ul {

    background: transparent;

    padding: 20px;

}

section.cart .cart-content .left-side .misc-controls{ padding-top: 10px; border-top: 1px solid #ddd;}

.address-card .checkout-address-content label {

    margin-top: 10px;

}

.checkout-process .col-main ul.checkout-steps li span {

    font-size: 16px;

    font-weight: 500;

}

ul.address-card-list li {

    font-size: 14px;

    margin-top: 8px !important;

}

.address-card .details ul, .account-table-content .address-card .details ul{ padding: 0;}

.control-links.mt-20 {

    padding-top: 10px;

    border-top: 1px solid #ddd;

}

.filter-row-one .per-page .per-page-label {

    position: absolute;

    right: 120px;

    width: 89%;}

.account-items-list .grid-container .grid-dropdown-header {

    border: 1px solid #ccc;

    border-radius: 4px;

    background: #fff;

}

.account-item-card.mt-15.mb-15.wishlist-style { border-bottom: 1px solid #ddd; padding-bottom: 12px;}

.account-item-card .operations{    -ms-flex-direction:  row;

                                   flex-direction: row;}

.account-item-card .operations a {

    padding: 6px 14px;

    font-size: 13px;

}

.edit-form{ padding: 0; box-shadow: none;}

.account-item-card {

    border-bottom: 1px solid #ddd;

    padding-bottom: 10px;

    margin-bottom: 0 !important;

}

.control-group label{ margin-top: 0;}

.account-item-card .operations a {

    width: auto;

    display: inline-block;

    margin-bottom: 0;

}

.account-item-card .operations a span{ margin-top: 0;}

.account-item-card .media-info .img-holder, .account-item-card .media-info a {

    width: 70px !important;

    height: 70px !important;

} .stars.mt-10 {

    margin-top: 0;

}

.theme-bordered-tbl{ background: #fff;}

.quantity button {

    width: 30px;

    height: 32px;}

.checkout-process .col-main .step-content .control-group {

    margin: 0px 10px;

}

.control-group .control{ margin-top: 0;}

.checkout-process .col-main .step-content {

    padding-top: 0;

}

.order-summary .item-detail, .order-summary .payable-amount {

    font-size: 15px; padding: 20px 10px;

}

.order-summary .payable-amount label {

    font-weight: 700;

    font-size: 20px;

}

.order-summary .payable-amount{ padding: 0;}

.quantity.control-group .control {

    width: 45px;

    height: 32px;}

.shopping_cart_tbl_wrap .misc .quantity.control-group{ margin-top: 7px;}

.account-content .sidebar{ width: 25%; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);}

.account-content .menu-block .menubar li a {

    color: #000;

    width: 100%;

    text-align: left;

    height: 40px;

    line-height: 45px;

    padding: 0 12px;

    letter-spacing: 0.5px;

    transition: all .3s;

}

.account-content .account-layout {

    margin-left: 40px;

    width: 75%;

    background: #f7f7f7;

    padding: 20px 30px;

}

.btn.btn-primary.btn.btn-lg {

    padding: 9px 25px;

    font-size: 14px;

    border-radius: 2px !important;

}

.icon-menu{ cursor: pointer;}

.account-content .menu-block .menubar li{ height: 40px; border-bottom: 1px solid #ddd; }

.related-products .product-detail .content-wrap p, .product-wrap .product-detail .content-wrap p {

    font-size: 15px;

      overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.related-products .product-detail .content-wrap p, .product-wrap .product-detail .content-wrap p{font-size: 15px; transition: 0.3s; -webkit-transition: 0.3s;}

    .related-products .product-detail:hover .content-wrap p, .product-wrap .product-detail:hover .content-wrap p{color: #386893;}

.main-container-wrapper .product-list.empty {

    min-height: 104px;

    padding: 0 15px;

    text-align: center;

    width: 100%;

    padding: 25px;

    background: rgba(246, 175, 63, 0.28);

}

.main-container-wrapper .product-list.empty p{ margin-bottom: 0;}

.main-container-wrapper .product-list.empty h2 {

    font-size: 23px;

    text-transform: capitalize;

}

section.product-detail div.layouter .form-container div.product-image-group div .thumb-list{ margin-top: 5px;}

.lg-important.btn.btn-lg {

    padding: 9px 25px !important;

}

section.cart .cart-content .left-side .misc-controls {

    width: 100%;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: ruby;}



section.cart .cart-content .left-side .misc-controls .btn-black.lg-important {

    margin-left: 5px;

    margin-right: 2px;

}

.variant_options {

    width: 33%;

    display: inline-block;

}

.on_sale_section {

    display: inline-block;

    width: 100%;

}



.sale_content {

    width: 25%;

    padding: 0 10px;

    float: left;

}

.product-detail a:hover {

    text-decoration: none;

}

.new_product_section {

    width: 100%;

    display: inline-block;

}



.new_product_content {

    float: left;

    width: 25%;

    padding: 0 10px;

}

.jfu-section {

    width: 100%;

    display: inline-block;

    padding: 0 10px;

}



.jfu-content {

    float: left;

    width: 25%;

    padding: 0 10px !important;

}

.no-cart {

    text-align: center;

    padding: 5px 10px;

}



.no-cart p {

    font-size: 14px;

}



.category-page-header{padding:0 0 40px;border-bottom:2px solid #ececec;margin:0 0 20px;}

.category-page-header h2{font-size:24px;line-height: 32px;position: relative;font-family: ubuntu, Arial, Helvetica, sans-serif;font-weight:500;}

.category-page-header h2:after{width:48px;height:2px;content:"";position:absolute;left:0px;bottom:-4px;background:#386893;}

.category-page-header .search-form{min-width:354px;border:2px solid #dddddd; border-radius:3px;position: relative;padding:14px 53px 12px 10px;}

.category-page-header .search-form input[type="text"]{width:100%;outline:none;box-shadow:none;border:none;font-size:18px;line-height:20px;color:rgba(0,0,0,0.40);}

section.review .review-layouter .ratings-reviews .right-side .rater .line-bar .line-value {

    background-color: #386893;

}

section.product-detail .item-info h2{ color: #386893;}

section.product-detail .item-info h2 sup {

    top: 0; color: #386893;

}

.attribute.control-group label {

    font-size: 16px;

    margin-top: 10px;

    letter-spacing: 0.3px;

    font-weight: bold;

}

.attribute.control-group select.control {

    background: #fff;

    border: 1px solid #c7c7c7; height: 40px; max-width: 220px; border-radius: 2px;}

::-webkit-input-placeholder {color:rgba(0,0,0,0.40);}

:-moz-placeholder {color:rgba(0,0,0,0.40);opacity:  1;}

::-moz-placeholder {color:rgba(0,0,0,0.40);opacity:  1;}

:-ms-input-placeholder {color:rgba(0,0,0,0.40);}

::-ms-input-placeholder {color:rgba(0,0,0,0.40);}

::placeholder {color:rgba(0,0,0,0.40);}

.category-page-header .search-form button[type="submit"]{width:39px;height:39px;border-radius:3px;border:1px solid #386893;background:#386893;position: absolute;top:5px;right:5px;outline:none;color:#fff;}

.category-page-header .search-form button[type="submit"]:hover{background:#fff;color:#386893;border-color:#386893;}



a.btn-wrap .sticker.sale{

    display:none

}

.btn.btn-theme-orange.single-btns {

    margin-top: 35%;

}

.custom-readonly-select {

    background: #ddd !important;

    pointer-events: none;

    opacity: 0.6;

}