@font-face {
    font-family: bb-font;
    src: url(../fonts/DIN-NEXT-ARABIC-BLACK.OTF);
}

@font-face {
    font-family: b-font;
    src: url(../fonts/DIN-NEXT-ARABIC-BOLD.OTF);
}

@font-face {
    font-family:m-font;
    src: url(../fonts/DIN-NEXT-ARABIC-MEDIUM.OTF);
}


@font-face {
    font-family:r-font;
    src: url(../fonts/DIN-NEXT-ARABIC-REGULAR.OTF);
}

@font-face {
    font-family: l-font;
    src: url(../fonts/DIN-NEXT-ARABIC-LIGHT.OTF);
}




body {

    overflow-x: hidden;
    margin: 0;
    padding: 0 !important;
    font-family:r-font;
}


body {
    position: relative;

}

.remove-scroll { overflow: hidden;  }

.lg-outer {
    direction: ltr;
}


/*
    ===================================================================================================================
                                                        general
    ====================================================================================================================
    */

* { outline: none; }

.remove-padding { padding-left: 0; padding-right: 0 }
.remove-margin { margin: 0 }
ul { margin: 0; padding: 0 }
li { list-style: none; }
a, button {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    outline: none; text-decoration:none;
}

h1, h2, h3, h4, h5, h6, p { margin: 0; color: #333333; }

a.flat-hover:hover  {-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px); /* transform: scale(1.1);*/ }
button.flat-hover:hover {-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);  /*transform: scale(1.1);*/ }
.flat-hover:hover{-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);}


button.btn-solid, a.btn-solid { background-color: rgba(48, 48, 48, 1);
    display: block; border:none; color: #fff; height: 50px; line-height: 50px; text-align: center;
    width: 100%; text-transform: uppercase;font-size: 18px;font-weight: bold; text-decoration: none }

button.btn-solid:hover, a.btn-solid:hover { background-color: #c03839 }


button.btn-outline, a.btn-outline { border: 1px solid rgba(192, 56, 57, 1);
    border-radius: 10px; display: block; color: #fff; height: 50px; line-height: 50px; text-align: center;
    width: 100%;font-size: 18px;
    color: #c03839; background-color: transparent; text-decoration: none;text-transform: uppercase;font-weight: bold; }

button.btn-outline:hover, a.btn-outline:hover { background-color: rgba(48, 48, 48, 1);
    color: #fff;border: 1px solid rgba(48, 48, 48, 1); }

.input-item p { font-size: 18px;
    font-weight: 500;
    color: rgba(81, 83, 86, 1); margin-bottom: 8px; }
.input-item input { width: 100%;border: 1px solid rgba(142, 142, 142, 1);
    height: 40px; line-height: 40px; padding: 10px; }

.input-item textarea { width: 100%;border: 1px solid rgba(142, 142, 142, 1);
    height: 140px; line-height: 40px; padding: 10px;
    resize: none }

.input-item input:focus, .input-item textarea:focus {
    border-color: #303030;
}

.input-item span.pass-icon {  float: left; margin-top: -28px; position: relative;
    margin-left: 15px; cursor: pointer; }


.input-item .chosen-container {

    font-size: 14px;
    width: 100% !important;

}

.input-item .chosen-container-single .chosen-single {

    height: 40px;

    border-radius: 0px;



    color: #333;

    width: 100%;
    line-height: 38px;
    background: transparent;
}

/*.input-item .chosen-container-single .chosen-search {

        display: none;
    }*/


.loading_fullscreen {
    content ="Loading";
    background-color: black;
    color: white;
    opacity: 0.5;
    font-size: 30px;
        
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.loading_fullscreen.active{
    display: flex;
}
    

.lds-ring {
    display: contents;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
    transform: rotate(0deg);
    }
    100% {
    transform: rotate(360deg);
    }
}

.input-item .chosen-container-single .chosen-drop {
    border-radius: 0 ;
    /*    padding-top: 7px;
            margin-top: -8px;*/
}

.input-item .chosen-container .chosen-results {
    color: #333;
    padding: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 1px solid #c03839;
    margin: 0;
}

.input-item .chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    display: block;
    width: 30px;
    height: 100%;
    text-align: center;

}

.input-item .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.input-item .chosen-container .chosen-results li {

    padding: 10px;

}

.input-item .chosen-container .chosen-results li:last-child {     border-radius: 0; }

.chosen-container .chosen-drop {

    left: 9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}


.input-item .chosen-container-single .chosen-single div b:before{content:'\0043';   font-family: 'Ghazawy';
}

.input-item .chosen-container-active.chosen-with-drop .chosen-single div  {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.input-item .chosen-container-active .chosen-single { border:1px solid #c03839 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  }


.input-item .chosen-container-active.chosen-with-drop .chosen-single {border-radius: 0 !important}

.input-item .chosen-container .chosen-drop {

    border: 1px solid #c03839;
    border-top: none;
    z-index: 99

}


.input-item .chosen-container .chosen-results li.highlighted {
    background-color: #c03839;
    background-image: -o-linear-gradient(#c03839 20%, #c03839 90%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #c03839), color-stop(90%, #c03839));
    background-image: linear-gradient(#c03839 20%, #c03839 90%);
    color: #fff;
}



.input-item .radio-item { float: right; margin-left: 10px; }


.radio-item [type="radio"]:checked,
.radio-item [type="radio"]:not(:checked) {
    position: absolute;
    right: -9999px;
}
.radio-item [type="radio"]:checked + label,
.radio-item [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-right: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.radio-item [type="radio"]:checked + label:before,
.radio-item [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #a7a7a7;
    border-radius: 100%;
    background: #fff;
}
.radio-item [type="radio"]:checked + label:after,
.radio-item [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #c03839;
    position: absolute;
    top: 2.5px;
    right: 2.5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radio-item [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.radio-item [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}




.cutsom-checkbox-row input[type="checkbox"] {
    margin: 0;
    opacity: 0;
}
.cutsom-checkbox-row {
    position: relative;
    margin-bottom: 15px;
}
.cutsom-checkbox-row input[type="checkbox"] + label {
    padding-right: 17px;
    display: inline-block;
    margin-bottom: .5rem;
}
.cutsom-checkbox-row input[type="checkbox"] + label::before {
    border-color: #a7a7a7;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 25px;
    right: 0;
    position: absolute;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
    width: 25px;
}
.cutsom-checkbox-row input[type="checkbox"] + label::before {
    border-color: #3bb6b6;
    background-color: #3bb6b6;
    border-radius: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.cutsom-checkbox-row input[type="checkbox"]:checked + label::before {
    border-color: #3bb6b6;
    border-style: dotted;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}
.cutsom-checkbox-row input[type="checkbox"]:checked + label::before {
    background-color: #fbebeb;
    border-style: solid;

    border-color: #fbebeb;
}
.cutsom-checkbox-row input[type="checkbox"]:checked + label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.cutsom-checkbox-row  input[type="checkbox"]:checked + label::after {
    color: #3bb6b6;
    content: "\0058";
    cursor: pointer;
    font-family: 'Ghazawy';
    right: 5px;
    position: absolute;
    top: 22px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}
.cutsom-checkbox-row  input[type="checkbox"] + label::after {

    opacity: 0;
}
.cutsom-checkbox-row  input[type="checkbox"] + label::after {
    content: "";
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}




/*
    ===================================================================================================================
                                                        end general
    ====================================================================================================================
    */


.container { max-width: 1440px; width: calc(100% - 85px); margin: auto; }


/*headr*/


.head-main-top {
    background-color: #e3e3e3;
    padding: 10px 0;
}

.head-main-top a.lan-btn {
    font-size: 18px;
    font-weight: 300;
    color: #303030; float: right;
    text-decoration: none

}

.head-main-top a.lan-btn:hover { color: #c03839 }

.head-main-top .lan-btn img { margin-right: 10px; height: 16px; position: relative; top: -2px; }

.head-main-top p { text-align: center; font-size: 16px; font-weight: bold }
.head-main-top p span { color: #c03839 }
.head-main-top ul {     float: left;
    margin-top: -25px;
    margin-bottom: 0; margin-left: -14px; }
.head-main-top ul li { display: inline-block; margin-right: 10px }
.head-main-top ul li a { background-color: #c03839; border:1px solid #c03839;
    border-radius: 10px; color: #fff; text-align: center; width: 70px; display: block;
    height: 30px; line-height: 30px; text-decoration: none }



.head-main-top ul li a:hover { border-color: #303030;
    background-color: #303030;color: #fff }

#navbar {
    width: 100%;
    background-color: #fff;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    -webkit-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
    top: 0;
    z-index: 999;
    right: 0;
    left: 0; }



.head-main-bot .logo-main a img {      max-width: 100%;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right;
    object-position: right;
    width: auto; }

.head-main-bot .search-main  {  position: relative;    width: 41%; }
.head-main-bot .col-md-4.col-sm-2.hidden-xs.hidden-sm {    width: 43.3333%;
    padding:0 }


.head-main-bot .search-main input { width: 100%; border: 1px solid #979797;
    height: 44px; padding: 10px;color:#c03839;
    border-radius: 30px }

.head-main-bot .search-main input::-webkit-input-placeholder { /* Edge */
    color: #c03839;
}

.head-main-bot .search-main input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c03839;
}

.head-main-bot .search-main input::-moz-placeholder {
    color: #c03839;
}

.head-main-bot .search-main input::-ms-input-placeholder {
    color: #c03839;
}

.head-main-bot .search-main input::placeholder {
    color: #c03839;
}

.head-main-bot .search-main button { position: absolute; left: 15px;
    height: 44px; top: 0; color: #c03839; background-color: transparent;
    border:none; width: 50px; text-align: center; line-height: 44px; font-size: 16px; }

.head-main-bot .search-main button:hover {color: #303030;  }

.head-main-bot .col-md-4 ul.member-ul {top: -7px}

.head-main-bot .col-md-4 ul {         margin-bottom: 0;
    padding: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: left;
    position: relative;

}
.head-main-bot .col-md-4 ul li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; padding-left: 15px; margin-left: 15px;
    text-align: center;
    border-left: 1px solid #333; display: inline-block; }
.head-main-bot .col-md-4 ul li:last-child { border-left: 0; margin-left: 0;
    padding-left: 0 }
.head-main-bot .col-md-4 ul li a img { margin-right: 7px }
.head-main-bot .col-md-4 ul li:first-child a {  color: #fff !important; background-color: transparent;
    background-color:  #c03839;
    border-radius: 10px; text-align: center; width: 70px; display: block;
    height: 30px; line-height: 24px; text-decoration: none}
.head-main-bot .col-md-4 ul li:first-child a:hover { background-color: #333 }

.head-main-bot .col-md-4 ul li a  { font-size: 16px;
    color: #303030; display: inline-block; text-decoration:none  }
.head-main-bot .col-md-4 ul li a span { position: relative; top: 3px;
    margin-right: 5px }
.head-main-bot .col-md-4 ul li a span.icon-caret-down { font-size: 10px;
    margin-right: 5px; top: 1px }
.head-main-bot .col-md-4 ul li a:hover { color: #c03839  }

.head-top-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.menu-main ul li:hover .content-main { opacity: 0.5 }

.head-main-bot .col-md-4 ul li.pro-head-btn { border:none; position: relative; }
.head-main-bot .col-md-4 ul li.pro-head-btn:after {     position: absolute;
    left: 0;
    height: 22px;
    background-color: #9a9a9a;
    width: 1px;
    content: "";
    top: 16px; }
.head-main-bot .col-md-4 ul li.pro-head-btn a {
    color: #333 !important;
    background-color: transparent !important;
    border-radius: 10px;
    text-align: center;
    width: 175% !important;
    display: block;
    height: auto;
    line-height: inherit;
    text-decoration: none;
    position: relative;
    top: 9px;
    padding-top: 15px;
    right: -75%
}
.head-main-bot .col-md-4 ul li.pro-head-btn a h5 {     position: absolute;
    top: 0;
    font-size: 12px;
    color: #303030;
    width: 100%;
    text-align: center;
    overflow: hidden;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }

.member-ul li a.dropdown-toggle {
    width: 175% !important;
    right: -75%;
}


.head-main-bot .col-md-4 ul li.pro-head-btn a p span { position: relative;
    /*top: -10px*/ }

.head-main-bot .col-md-4 ul.por-mob-down li { display: block !important;
    top: 0}
.head-main-bot .col-md-4 ul.por-mob-down li a { text-align: right;
    padding-top: 0; margin: 0; top:  -2px; padding:10px 15px;
    width: 100% !important; right: 0}
.head-main-bot .col-md-4 ul.por-mob-down { top: 57px;
    -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1); }

.head-main-bot .col-md-4 ul.por-mob-down li a:hover { color: #c03839 !important }
.head-main-bot .col-md-4 ul.por-mob-down li a span {
    position: relative;
    margin-left: 5px;
    top: -2px;
    float: right; }

.mobile-pro-list { top: 0 !important; text-align: right !important; }
.mobile-pro-list li { display: block;
    display: block !important;
    width: auto !important;
}

.mobile-pro-list li a { color: #333 }

.mobile-pro-list li a span { margin-left: 10px }

.mobile-pro-list h4 { margin-bottom: 5px; margin-right: 5px; margin-top: 10px }
.mobile-pro-list h6 { margin-bottom: 30px; margin-right: 5px  }

/*mega menus*/
.menu-main .container { position: relative; }
.side-mega-menu-btn  { position: relative;  }
.side-first-level { position: absolute; right: 0; opacity: 0; display: none;
    width: 200px;/*min-height: calc(100vh - 220px);*/
    background:#303030; }


.side-mega-menu-btn:hover .side-first-level { opacity: 1; display: inherit; }
.side-mega-menu-btn:hover span {   -webkit-transform: rotate(180deg);   -ms-transform: rotate(180deg);   transform: rotate(180deg); top: -5px }


.last-level-side {  display: block !important; position: static !important; }
.last-level-side a { display: block; padding: 15px;
    border-left:none !important; padding-right: 15px !important  }
.last-side-main {     position: absolute;
    right: 200px;
    opacity: 0;
    display: none;
    width: 690px;
    background: #3a3a3a;
    top: 0;
    z-index: 1;
    height: 456px;
    overflow: auto; }



.last-level-side:hover .last-side-main { opacity: 1; display: inherit;  }
.last-side-main{ padding:0 15px; }
.last-side-main .side-cate-head { border-bottom: 1px solid #d8d8d8;
    padding-top: 15px; padding-bottom: 15px; }
.last-side-main .side-cate-head p {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    float: right;
    text-transform: uppercase;
}

.last-side-main .side-cate-head a { float: left;
    font-size: 16px; padding: 0;
    color: #eee; text-decoration: none }
.last-side-main a:hover { color: #fff }
.last-side-main .col-md-6 p { margin-bottom: 20px;font-size: 16px;
    font-weight: bold;
    color: #ffffff; margin-top: 20px }
.last-side-main .col-md-6 ul li {     margin-bottom: 11px;
    background-color: transparent !important;
    display: inline-block;
    width: 49%; }
.last-side-main .col-md-6 a { padding: 0; display: inline-block;
    opacity: 0.8; padding-right: 0 !important}
.last-side-main .col-md-6 a:hover {background-color: transparent !important;
    opacity: 1 }


.side-mega-menu-btn ul li { margin-right: 0 !important }
.one-level-btn-down { position: static !important; }
.down-mega-main{
    position: absolute; 
    opacity: 1;
    display: none; width:100%;
    padding: 10px;
    background-color: #3a3a3a; right: 0;}

.one-level-btn-down:hover .down-mega-main {
    opacity: 1;
    display: inherit;
}


.down-mega-main .col-md-2 a { padding: 0 !important; border:none !important;  }
.down-mega-main .col-md-2 a:hover { color: #c03839;}


.down-mega-main .col-md-2 ul li { display: block; margin-bottom: 10px;
    background-color: transparent !important; }


.one-level-btn-down .down-mega-main .col-md-2 {    width: 30%; padding-left: 0}
.one-level-btn-down .down-mega-main .col-md-4 {    width: 30%;}
.one-level-btn-down .down-mega-main .col-md-6.mega-banner-main {width: 40%}
.one-level-btn-down .down-mega-main .col-md-6 .col-md-6 {width: 50%}

.one-level-btn-down .down-mega-main .col-md-2 ul li{ margin-bottom: 5px }


.down-mega-main p { margin-bottom: 20px; margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff; }

.down-mega-main .col-md-4 .col-md-4 a img { margin-bottom: 15px;
    width: 100%; height: 82px; -o-object-fit: contain; object-fit: contain; }
.down-mega-main .col-md-4 .col-md-4 a:hover {  -webkit-transform: translateY(-3px);  -ms-transform: translateY(-3px);  transform: translateY(-3px);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.brands-menu-in ul li { width: 100% !important }

.down-mega-main .col-md-4 .col-md-4 a { margin-bottom: 0 !important;
    padding: 0; }
/*.contact-head-btn ul { display: block !important; }*/
.col-md-4 ul li .dropdown-menu li a  { width: auto !important; padding:0;
    margin:5px; text-align: center; background-color: transparent !important; }
.col-md-4 ul li .dropdown-menu li a span { right: 0; margin: 0 }
.col-md-4 ul li .dropdown-menu li a span i { font-size: 18px; top: 2px;
    position: relative; }
.contact-head-btn .dropdown-menu li  {     display: inline-block !important;
    border: none;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important; }

.dropdown-menu { position: absolute !important; }

.contact-head-btn .dropdown-menu{

    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
}
.fot-conact {     margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}
.fot-conact p { float: right; color: #777;
    position: relative;
    top: 4px;
}
.fot-conact ul { float: left; }
.fot-conact ul li  {display: inline-block; margin-right: 10px}
.fot-conact ul li a {     color: #333;
    text-decoration: none; font-size: 16px }
.fot-conact ul li a i { font-size: 18px }

.col-md-4 ul li .dropdown-menu li:first-child a { color: #333 !important;
    background-color: transparent; }
.col-md-4 ul li .dropdown-menu li:first-child a:hover {color: #c03839 !important;}

.one-level-btn-down .down-mega-main .col-md-2 {    width: 30%;}
.one-level-btn-down .down-mega-main .col-md-4 {    width: 30%;}
.one-level-btn-down .down-mega-main .col-md-4 .col-md-4 {    width: 33.33333333%;}

.one-level-btn-down .down-mega-main .col-md-6.mega-banner-main {width: 40%}
.one-level-btn-down .down-mega-main .col-md-6 .col-md-6 {width: 50%}
.one-level-btn-down .down-mega-main .col-md-2 ul li{ width: 49%;
    display: inline-block;}

.brands-menu-in ul li { width: 100% !important }


.mega-banner-main a { padding: 0!important }
.mega-banner-main a img { width: 100%; height: 277px; -o-object-fit: cover; object-fit: cover; }
.mega-banner-main a p {
    background-image: -o-linear-gradient(-180deg, #ffffff 0%, #303030 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #303030 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#303030));
    background-image: linear-gradient(-180deg, #ffffff 0%, #303030 100%);
    width: 100%; height: 40px; color: #fff; text-align: center; line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #303030;  -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
.mega-banner-main a:hover p {

    background-image: none;
    background-color: #c03839;

    color: #fff;

}
.mega-banner-main {     margin-top: 23px;
    padding-left:5px;
    padding-right:5px; }
/*end headr */

li.dropdown.contact-head-btn a {
    width: 100% !important;
}

.menu-main { background-color: #303030; position: absolute; width: 100%;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s;}
.menu-main ul li { display: inline-block; position: relative; margin-right: -3px }
.menu-main ul li:nth-child(1) a { border-left: 1px solid #fff }
.menu-main ul li:nth-child(1) a { padding-left: 30px; }
.menu-main ul li:nth-child(2) a { padding-right: 30px; }
.menu-main ul li a { color: #fff; padding: 9px; display: block; text-decoration: none }
.menu-main ul li a span { position: relative; font-size: 10px; margin-right:10px; top: 0px; display: inline-block; }
.menu-main ul li:hover { background-color: #212020 }



.content-main {     min-height: calc(100vh - 490px); position: relative; }
.menu-bg-over:after { position: absolute; content: '';
    background-color: rgb(48 48 48 / 30%);
    height: 100%; width: 100%; top: 0px; right: 0; z-index: 16 }
.footer-main { background-color: #fff5f5; padding-top: 50px }
.footer-main .col-md-2 img { width: 100% }
.footer-main h1 { font-size: 18px; text-transform: uppercase; color: #333;
    font-weight: bold; margin-bottom: 15px }
.footer-main a { color: #333; margin-bottom: 5px; display: inline-block; text-decoration: none; }
.footer-main a:hover { color: #c03839 }
.footer-main p { color: #333;}
.footer-main ul { margin-top: 30px; text-align: center; }
.footer-main ul li { display: inline-block; margin-left: 7.5px; margin-right: 7.5px;
    font-size: 22px }

.copy-sectoin { margin-top: 40px; padding-bottom: 10px }
.copy-sectoin p { float: right;    margin-top: 5px; }
.copy-sectoin ul { float: right; text-align: left; margin-top: 0; float: left;    }
.copy-sectoin ul li { margin-left: 0; margin-right: 5px;  }
.copy-sectoin ul li a { margin-bottom: 0; }
.mob-search { display: none !important; }

.menu-btn, .menu-side-main {



    display:none;
}

.fot-bottom-side { margin-top: 30px }


.contact-head-btn .dropdown-menu li.log-btn-main {border-top:1px solid #eee !important; }
.contact-head-btn .dropdown-menu li.log-btn-main a {text-align: center !important;
    opacity: 0.5; }
.contact-head-btn .dropdown-menu li.log-btn-main a:hover { opacity: 1 }

.top-head-main-cont {     background-color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative; z-index: 1;    border-bottom: 1px solid #E8E8E8; }

/*home*/



.small-ads-main-src ul { display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));

    grid-gap: 15px;
    grid-row-gap: 15px; text-align: center; }
.small-ads-main-src ul li a { text-decoration: none }



.small-ads-main-src ul li a img {/* height: 80px;*/
    /*border-radius: 50%;border: 2px solid #c03839;*/
    width: 100%;
    height: auto;
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover; }

.small-ads-main-src ul li a p {  color: #474747; margin-top: 10px;
    font-size: 12px; height: 37px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;    font-family: m-font; }
.small-ads-main-src ul li a:hover p {color: #c03839;}

/*.small-ads-main-src ul li a div {
        width: 100%;
        padding-bottom: 100%;
        position: relative;
        overflow: hidden;
        text-align: center;
    }
    */






.top-offers-main { margin-top: 15px; margin-bottom: 35px; }
.top-offers-main .ads-frame { padding:15px; }
.top-offers-main .ads-frame a { display: table; width: 100%; position: relative;height: 100%; }
.top-offers-main .ads-frame img { width: 100%; height: 100%; position: absolute;
    right: 0; top: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom;    border-radius: 8px; }


.top-offers-main .larg-ads .ads-frame { height: 315px }
.top-offers-main .small-ads .ads-frame { height: 158px; }


.first-add-pro-main a {  display: table; width: 100%; height: 100%;border-radius: 8px;
    -webkit-box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.09); margin-bottom: 30px;
    text-align: center; padding: 10px; text-decoration: none; }
.first-add-pro-main a img { height: 90px; width: auto; max-width: 100%; -o-object-fit: contain; object-fit: contain; }
.first-add-pro-main a p { font-weight: bold; font-size: 16px; margin-top: 10px }

.first-add-pro-main a:hover {-webkit-box-shadow: 0px 8px 18px 0px rgba(48, 48, 48, 0.37);box-shadow: 0px 8px 18px 0px rgba(48, 48, 48, 0.37)   }
.first-add-pro-main a:hover .pro-title { color: #c03839 }



.larg-pro-grid h1 {font-size: 26px;
    color: #c03839;
    text-align: right; text-transform: uppercase; float: right;
    font-weight: bold; margin-bottom: 10px; margin-top: 40px }

a.more-btn { float: left;font-size: 16px; margin-top: 30px;
    color: #c03839; font-weight: bold;
    margin-bottom: 10px ;text-decoration: none}
a.more-btn span { font-size: 12px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg);
    transform: rotate(180deg); display: inline-block;
    position: relative;top: 50%; margin-left: -5px; }
.full-width-image { width: 100% !important }
.disable-button {     -webkit-filter: grayscale(1);     filter: grayscale(1);
    opacity: 0.6;
    cursor: default;
    background: #333 !important; width: 100% !important }

a.more-btn:hover { color:#c03839 }

.pro-larg-item a {  display: table; width: 100%; height: 100%;
    text-decoration: none; margin-bottom: 30px; background-color: #fff;
    border-radius: 4px;padding: 10px;-webkit-box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.09);box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.09); }
.pro-larg-item a:hover p {  color: #c03839 }
.pro-larg-item a img {     margin: 0 auto;
    display: block;height: 150px; width: auto; max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain; margin-bottom: 10px}

.pro-larg-item a .offer-label {height: 30px;margin-right: -10px;
    width: 135px; background-color: #e02020; color: #fff;
    text-align: center; line-height: 30px; display: block;
    text-transform: uppercase; font-size: 16px; margin-bottom: 15px;}
.pro-larg-item a p { font-size: 16px; margin-bottom: 15px;    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.pro-larg-item a h4 { font-size: 18px;
    color: #c03839; font-weight: bold }

.pro-larg-item a h4 span { font-size: 10px;
    color: #303030; text-decoration: line-through; font-weight: 500 }



.small-pro-maim h3, .first-add-pro-main h3,
.small-pro-maim h2, .first-add-pro-main h2 {font-size: 18px;
    text-align: right; float: right;
    margin-bottom: 18px; margin-top: 18px; font-family: b-font; }

.pro-small-item a {  display: table; width: 100%; height: 100%;
    text-decoration: none; margin-bottom: 30px; background-color: #fff;
    border-radius: 4px;padding: 10px;  }
.pro-small-item a:hover p { color: #c03839;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
.small-with-box .pro-small-item a  { border-radius: 10px;
    text-align: center;
    padding: 15px;
    background-image: -o-linear-gradient(-180deg, #cdf5fe 0%, #fffcd9 100%);
    background-image: -o-linear-gradient(top, #cdf5fe 0%, #fffcd9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cdf5fe), to(#fffcd9));
    background-image: linear-gradient(-180deg, #cdf5fe 0%, #fffcd9 100%);
}
.small-with-box h1 { margin-bottom: 10px }
.small-with-box .pro-small-item a:hover { -webkit-box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.09)  }
.small-with-box .pro-small-item a:hover p { color: #333 }

.small-with-box .pro-small-item a h3 { margin-bottom: 10px;
    font-size: 18px;
    color: #474747; margin-top: 10px }

.slick-carousel-2 .slick-list {
    padding-top: 5px;
}

.pro-small-item a img {     margin: 0 auto;
    display: block;height: 260px; width: auto; max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain; margin-bottom: 10px}

.Recently-main a img { height: 150px }


.pro-small-item a p {   overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; height: 43px;
    font-weight: normal;color: #000; }

.pro-small-item a h4 { font-size: 20px;
    color: #000; font-weight: bold; display: inline-block; }

.pro-small-item a h4 h5 { display: inline-block;color: #9e9e9e;font-weight: 500; }

.pro-small-item a h4 span { 
        font-size: 12px; 
        color: #9e9e9e;
        text-decoration: line-through;
        font-weight: 500;
    }

.pro-small-item .price-item-main h5 {
    display: inline-block;
    color: #acacac;
    margin-right: 3px
}

.pro-small-item .price-item-main span {
    display: block;
    position: absolute;
    margin-top: 3px;
    color: #9A8787;
    text-decoration: line-through;
    font-size: 14px;
}



.slick-carousel-2 { margin-top: 30px }






.slick-arrow { opacity: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;  }
.slick-carousel-2:hover .slick-arrow {  opacity: 1; }


.slick-carousel-2 .slick-prev, .slick-carousel-2 .slick-next {
    position: absolute;
    background-color: #fff !important;
    border: none;
    color: transparent;
    width: 35px;
    height: 50px;
    z-index: 1;
    top: 40%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 0px;
    left: auto;
    font-family: 'Ghazawy';
}

.slick-carousel-2 .slick-prev:before, .slick-carousel-2 .slick-next:before {
    content: "\0053"!important;
    color: #000;
    font-size: 20px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    font-family: 'Ghazawy';
}

.slick-carousel-2 .slick-next {
    -webkit-transform: rotate(-3600deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    left: -1px;
    right: auto;
}

.slick-carousel-1:hover .slick-arrow {  opacity: 1; }


.slick-carousel-1 .slick-prev, .slick-carousel-1 .slick-next {
    position: absolute;
    background-color: #fff !important;
    border: none;
    color: transparent;
    width: 35px;
    height: 50px;
    z-index: 1;
    top: 30%;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    right: 0px;
    left: auto;
    font-family: 'Ghazawy';
}

.slick-carousel-1 .slick-prev:before, .slick-carousel-1 .slick-next:before {
    content: "\0053"!important;
    color: #000;
    font-size: 20px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    font-family: 'Ghazawy';
}

.slick-carousel-1 .slick-next {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    left: -1px;
    right: auto;
}


.sale-banner-main { margin-bottom: 30px; margin-top: 20px }
.sale-banner-main a { display: block; }

.brands-main { display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-gap: 13px;
    grid-row-gap: 13px; }

/*.brands-main a {background-color: #303030; padding: 15px 30px;
        display: block; border-radius: 8px}*/
.brands-main a img {margin: 0 auto;
    display: block;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.brand-section { margin-bottom: 20px;  }
.brand-section h3 {font-size: 22px; font-weight: bold;
    color: #303030; margin-bottom: 30px; margin-top: 20px}


.full-banner-main img { width: 100%; height: 300px; -o-object-fit: cover; object-fit: cover; }

/*.more-cate-main { margin-bottom: 50px }*/
.more-cate-main h1 {    font-size: 18px;
    color: #303030;
    margin-bottom: 30px;
    font-weight: bold;
    margin-top: 50px;}

.other-banners-item { margin-bottom: 30px }

.more-cate-main .more-cate-item a { display: table; width: 100%;
    margin-bottom: 30px; text-decoration: none; position: relative; }



.more-cate-main .more-cate-item a .img-frame {width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;}

.more-cate-main .more-cate-item a .img-frame.def-frame {
    padding-bottom: 155.5% !important;
}

.container.more-cate-main .def-grid-mob .col-md-4.col-sm-6.col-xs-12.more-cate-item .def-frame {
    padding-bottom: 100% !important;
}

.more-cate-main .more-cate-item a .img-frame img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;


}
.more-cate-main .more-cate-item a p {
    -o-transition: all .3s ease;
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: auto;
    bottom: 0;
    text-align: center;
    background: -o-linear-gradient( bottom , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(
            bottom
            , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(
            linear
            , left bottom, left top
            , color-stop(18%, rgb(0 0 0 / 65%)), to(rgba(255,255,255,0)));
    background: linear-gradient(
            0deg
            , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    height: 50px;
    line-height: 55px;
    width: 100%;
}


.baby-cover { position: relative; padding: 53px 15px; }
.baby-cover img { position: absolute; right: 15px; top: 0;
    width:calc(100% - 30px); -o-object-fit: cover; object-fit: cover; height: 100%;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1); }

.baby-cover h1 {font-size: 32px;
    color: #000000; font-weight: bold}
.baby-cover p {font-size: 18px;
    color: #000000; margin: 20px 0}
.baby-cover a {height: 35px;
    width: 150px;
    background-color: #303030;
    line-height: 35px; text-decoration: none; text-align: center;
    color: #fff; display: block;
}

.baby-cover a:hover {background-color: #c03839;}
.other-banners { margin-bottom: 20px }
.other-banners .other-banners-item{margin-top: 30px}
.other-banners .other-banners-item a { display: table; width: 100%;
    position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.other-banners .other-banners-item a .img-frame {width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    text-align: center; background-color: #000}

.other-banners .other-banners-item a .img-frame img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.other-banners .other-banners-item a p {position: absolute;
    bottom: 0;
    font-size: 32px;
    color: #ffffff;
    font-weight: bold;
    margin-top: -23px;
    text-align: center;
    height: 50px;
    -o-transition: all .3s ease;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: auto;
    bottom: 0;
    text-align: center;
    background: -o-linear-gradient( bottom , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient( bottom , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(
            bottom
            , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(
            linear
            , left bottom, left top
            , color-stop(18%, rgb(0 0 0 / 65%)), to(rgba(255,255,255,0)));
    background: linear-gradient(
            0deg
            , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    height: 50px;
    line-height: 50px;
    width: 100%; }


.kitch-main .img-frame {padding-bottom: 57% !important;}

.more-cate-main a { display: table; width: 100%; margin-bottom: 30px;
    text-decoration: none }
.more-cate-main a .img-frame {width: 100%;
    padding-bottom: 80%;
    position: relative;
    overflow: hidden;}

.more-cate-main a .img-frame img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.more-cate-main a p {     -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: auto;
    bottom: 30px;
    text-align: center;
    background: -o-linear-gradient( bottom , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient( bottom , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(
            bottom
            , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(
            linear
            , left bottom, left top
            , color-stop(18%, rgb(0 0 0 / 65%)), to(rgba(255,255,255,0)));
    background: linear-gradient(
            0deg
            , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    height: 50px;
    line-height: 55px;
    width: calc(100% - 30px);
}

/*.more-cate-main a:hover p { color:#c03839  }*/
.small-ads-main-src { margin-bottom: 30px }

.sale-banner-main img{ width: 100% }

.home-full-slider img {  height: 300px !important; width: 100%; -o-object-fit: cover; object-fit: cover;
}
.home-full-slider { margin-bottom: 90px }

.home-full-slider .carousel-indicators {
    bottom: -45px;
}

.carousel-indicators li {
    background-color: #ff8283;
    border: 1px solid #ff8283;
}

.carousel-indicators .active {
    width: 22px;
    border-color: #c03839;
    background-color: #c03839;
    height: 10px
}



.first-add-pro-main.small-items h1 {font-size: 26px;
    color: #c03839;}


.login-main .modal-body {  padding: 0; display: table; width: 100% }

.tabs-title-main { background-color: #eee; border-bottom: 1px solid #a7a7a7;  border-radius: 10px 10px 0 0 }


.slider-top { height: 55px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    line-height: 55px;
    font-size: 16px;
    font-weight: bold; cursor: pointer;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;    }
.slider-top:hover {color: rgba(192, 56, 57, 1);}

.slider-top.current {  background-color: #fff;-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.09);box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.09);color: rgba(192, 56, 57, 1);}


.slide-tabs{
    display: none;

    padding: 30px;
}

.slide-tabs h3 { font-size: 18px;    font-size: 18px;
    margin-bottom: 20px;
    line-height: 28px; }

.slide-tabs .input-item { margin-bottom: 10px; }

.slide-tabs.current{

    display: block;


}


.slide-tabs a.forgot-link { display: inline-block; margin-bottom: 10px;font-size: 14px;
    color: rgba(165, 165, 165, 1); text-decoration: underline; }

.slide-tabs a.forgot-link:hover { color: #000 }

.slide-tabs h4 { font-size: 18px; margin-bottom: 5px; margin-top: 30px; font-weight: bold }
.slide-tabs ul li  { display: inline-block; margin: 10px; }
.slide-tabs ul li a { display: block; height: 50px; width: 50px;
    border-radius: 50%; background-color: rgba(249, 249, 249, 1);
}
.slide-tabs ul li.log-face { position: relative;top: 13px; }
.slide-tabs ul li.log-face a { background-color: rgba(59, 89, 152, 1); color: #fff; line-height: 50px; }

.slide-tabs ul li a img { height: 30px;     position: relative;
    top: 10px; }
.slide-tabs ul li a span {     font-size: 28px;
    position: relative;
    top: 6px; }

.slide-tabs .close {
    float: none;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #000;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
    text-decoration: underline;
    margin-top: 10px;
}

.slide-tabs .close:hover { color: #c03839; }

.sale-sold-label {
    height: 20px;
    margin-bottom: 10px;
}
.pro-small-item { padding: 5px; }
.pro-small-item a {
    display: table;
    width: 200px;
    height: 100%;
    text-decoration: none;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
    padding-bottom: 51px;
    border-radius: 0;
    border: 1px solid #E4E4E4;
}

.sale-sold-label span {     background-color: #c03839;
    display: inline-block;
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    height: 20px;
    line-height: 18px; font-weight: bold }

a.add-cart-btn {         display: block;
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    width: calc(100% - 30px);
    background: #c03839;
    border-radius: 0;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 31px;
    margin-right: 15px;
    position: absolute;
    bottom: 15px;
    right: 0; }

a.add-cart-btn:hover { background-color: #333 }


a.add-wishlist {    position: absolute;
    margin: 0;
    padding: 0;
    height: 31px;
    width: 31px !important;
    left: 15px;
    top: 15px;
    background: #eaeaea;
    border-radius: 50%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border:none;
    color: #7b7b7b; font-size: 18px }
a.add-wishlist span { position: relative; top: 1px; }
a.add-wishlist:hover { color: #c03839 }
a.active-wish{ color: #c03839 }

.pro-small-item form {     position: absolute;
    bottom: 48px;
    width: calc(100% - 10px);
    padding-right: 10px;
    padding-left: 10px; }
.pro-small-item form input { width: 100%;    padding-left: 66px;  }


.pro-small-item form button {
    position: relative;
    top: 5px;
    width: 59px;
    background: transparent;
    color: #c03839;
    border: none;
    font-size: 12px;
    left: 4px;
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
    margin-top: -26px;
}
/*
.pro-small-item form button:hover { background-color:#c03839;
    border: 3px solid #c03839;  }*/


/*applia*/
.applia-baner-main { margin-top: 30px; }
.applia-baner-main .other-banners-item { margin-top: 0 }

.applia-baner-main.other-banners .other-banners-item a .img-frame { padding-bottom: 70% }
.applia-baner-main.other-banners .other-banners-item a p { font-size: 20px; }
.appli-larg-ads { background-color: #000; position: relative; min-height: 200px; margin-bottom: 30px; }
.appli-larg-ads img { height: 100%; width: 100%; opacity: 0.6; position: absolute; right: 0; top: 0; -o-object-fit: cover; object-fit: cover; }
.appli-larg-ads a p {

    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 0;
    font-size: 32px;
    color: #ffffff;
    font-weight: bold;
    margin-top: -23px;
    text-align: center;
    height: 50px;
    -o-transition: all .3s ease;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: auto;
    bottom: 0;
    text-align: center;
    background: -o-linear-gradient( bottom , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient( bottom , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient( bottom , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(
            bottom
            , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(
            linear
            , left bottom, left top
            , color-stop(18%, rgb(0 0 0 / 65%)), to(rgba(255,255,255,0)));
    background: linear-gradient(
            0deg
            , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    height: 50px;
    line-height: 55px;
    width: 100%;
    left: 0;

}
.appli-larg-ads a{ text-decoration: none }

.mt-space {  margin-top: 30px }


.white-brands .brands-main a {
    background-color: #ffffff;
    /*padding: 15px 30px;*/
    display: block;
    border-radius: 8px;
    /*border: 1px solid #333;*/
}

.grid-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.sort-grid { margin-top: -15px }
.sort-grid .brands-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[10];
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-gap: 20px;
    grid-row-gap: 20px;
}

.sort-grid .brands-main a { padding: 10px; }

.sort-grid .brands-main a img {
    margin: 0 auto;
    display: block;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.price-grid { margin-bottom: 30px; margin-top: -15px }
.price-grid .brands-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-gap: 15px;
    grid-row-gap: 15px;
}
.price-grid .brands-main a { text-decoration: none; padding: 10px }
.price-grid .brands-main p { font-size: 18px; font-weight: bold;
    text-decoration: none; text-align: center; }

.study-tools-main { margin-top: -30px }
.study-tools-main .brands-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-gap: 13px;
    grid-row-gap: 13px;
}

.study-tools-main .brands-main { text-align: center; }
.study-tools-main .brands-main img { height: 70px }
.study-tools-main .brands-main a { text-decoration: none;padding: 10px }
.study-tools-main .brands-main p { font-size: 17px; font-weight: bold; margin-bottom: 15px; }


/*filter*/


.cbx {
    margin: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.cbx span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #8e8e8e;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    margin-right: -20px;
}

.cbx span:first-child svg {
    position: absolute;
    top: 3px;
    right: 2px;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #c03839;
    display: block;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.cbx span:last-child {
    padding-right: 8px;
    font-weight: 500;
    font-size: 13px;
    margin-top: -19px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.cbx:hover span:first-child {
    border-color: #c03839;
}

.inp-cbx:checked + .cbx span:first-child {
    background: #c03839;
    border-color: #c03839;
    -webkit-animation: wave .4s ease;
    animation: wave .4s ease;
}

.inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.inp-cbx:checked + .cbx span:first-child:before {
    -webkit-transform: scale(3.5);
    -ms-transform: scale(3.5);
    transform: scale(3.5);
    opacity: 0;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

@-webkit-keyframes wave {
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes wave {
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.checkbox-item { padding-right: 20px;}
.filter-item .search-barnd-main { position: relative; margin-bottom: 20px;
    padding-left: 17px }
.filter-item .search-barnd-main input { width: 100%; height: 35px; padding: 10px;
    padding-right: 30px;    padding-right: 33px;
    border: 1.5px solid #333; font-size: 13px; }
.filter-item .search-barnd-main span {
    position: absolute;
    right: 4px;
    font-size: 16px;
    top: 4px;
    color: #333; }

.filter-item ul li { position: relative; padding-left: 30px;
    margin-bottom: 10px }

.item-number-select { position: absolute;
    left: 2px; top: 2px }
.filter-item h1,
.filter-item h2 { font-size: 22px; width: 100%;
    cursor: pointer; position: relative; padding-left: 20px }
.filter-item h1 span,
.filter-item h2 span {
    font-size: 26px;
    position: relative;
    margin-top: -3px; position: absolute; left: 10px }
.filter-item h1.links-colapsed span .filter-item h2.links-colapsed span { -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.filter-item ul{ max-height: 170px; overflow: auto; padding-left: 10px }

.filter-item ul::-webkit-scrollbar {
    width: 7px;
    background-color: #efefef
}



.filter-item ul::-webkit-scrollbar-thumb {
    background: #a7a7a7;
}
.price-form-main {     padding-left: 50px !important; }
.price-form-main div { width: calc(50% - 19px); display: inline-block; }
.price-form-main div input { width: 100%;
    border: 1.5px solid rgba(48, 48, 48, 1);
    height: 35px; padding: 5px; font-weight: bold; color: #333
}

.price-form-main div input::-webkit-input-placeholder { /* Edge */
    color: #333;
}

.price-form-main div input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333;
}

.price-form-main div input::-moz-placeholder {
    color: #333;
}

.price-form-main div input::-ms-input-placeholder {
    color: #333;
}

.price-form-main div input::placeholder {
    color: #333;
}
.price-form-main span { display: inline-block;
    width: 30px; text-align: center; opacity: 0.6 }
.price-form-main button { width: 40px; position: absolute;
    left: 0; height: 35px;border: 1.5px solid rgba(48, 48, 48, 1);
    font-weight: bold; color: #333; background-color: transparent; }

.price-form-main button:hover { background-color: #c03839; color: #fff;
    border: 1.5px solid #c03839 }
.chose-color { width: 12px; height: 12px; border-radius: 50%;
    border: 1px solid rgba(167, 167, 167, 1); display: inline-block;
    margin-left: 5px; position: relative; top:2px;
}

.content-main { padding-top: 40px }

.filter-grid .grid-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.filter-grid { margin-bottom: 30px; }


.filter-grid .pro-small-item a {
    margin-bottom: 0;
    margin: auto;
}

.filter-head-main { margin-top: 30px; padding-right: 20px; padding-left: 20px;
    margin-bottom: 30px }
.filter-head-main h1 { float: right;font-size: 22px; }
.filter-head-main .sort-filter { float: left;
}
.filter-head-main .sort-filter button {
    background: #fff;
    border: none;
    font-weight: bold; line-height: 30px; }

.filter-head-main .sort-filter span { display: inline-block; }
.filter-head-main .sort-filter .dropdown { display: inline-block;
    margin-right: 10px;
    border: 1.5px solid #333;
    width: 167px;
    font-size: 13px; text-align: center; }
/*.filter-head-main .sort-filter .dropdown {*/
/*    display: inline-block;*/
/*    margin-right: 10px;*/
/*    border: 1.5px solid #333;*/
/*        width: 147px;*/
/*}*/

.filter-head-main .sort-filter .dropdown.open { border-bottom: none }


.filter-head-main .sort-filter .dropdown-menu {
    border: 1.5px solid #333;
    border-radius: 0;
    width: calc(100% + 3px);
    margin-top: -1px;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 7px;
    padding-left: 7px;
    z-index: 999;
    font-size: 12px;
    letter-spacing: -.5px;
    min-width: auto;
    right: -1.5px;
}

.filter-head-main .sort-filter .dropdown-menu li { padding: 0; margin-top: 5px; }
.filter-head-main .sort-filter .dropdown-menu li a { padding: 0 }
.filter-head-main .sort-filter .dropdown-menu li a .box-sort-item {
    height: 10px;
    width: 10px;
    border: 1px solid rgba(48, 48, 48, 1);
    margin-left: 5px;
    display: inline-block;
}

.filter-head-main .sort-filter .dropdown-menu li a .box-sort-item.active-sort {
    background: #c03839;
}

.filter-head-main .sort-filter .dropdown-menu li:first-child {
    border-top: 1px solid #333;
    padding-top: 5px;
    margin-top: 0
}


.filter-head-main .sort-filter span { font-weight: bold;
    color: rgba(167, 167, 167, 1);
}
.filter-grid .search-res-main { margin-bottom: 30px; padding-right: 20px;
    padding-left: 20px }
.filter-grid .search-res-main ul li { display: inline-block; margin-left: 5px }
.filter-grid .search-res-main ul li { border:1px solid #333;padding: 3px 10px;
    height: 30px !important;
    margin-bottom: 5px; }
.filter-grid .search-res-main ul li:first-child { border:none; padding: 0  }
.filter-grid .search-res-main ul li h2 { font-size: 16px; font-weight: bold;
    margin-top: 20px }
.filter-grid .search-res-main ul li h5 { display: inline-block; }
.filter-grid .search-res-main ul li span { display: inline-block; position: relative;
    font-size: 12px; margin-right: 5px; top: 2px; cursor: pointer;    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
.filter-grid .search-res-main ul li span:hover { color: #c03839;}

.more-btn a { font-size: 22px; color: #000; text-decoration: underline;
    font-weight: bold; margin-bottom: 30px; display: inline-block; }
.more-btn a:hover { color: #c03839 }
.filter-main { margin-bottom: 30px }

.product-main { margin-top: 30px }

.demo {
    width:100%
}
.demo ul {
    list-style: none outside none;
    padding-right: 0;
    margin-bottom:0;
}
.demo li {
    display: block;
    float: none;
    /*margin-left: 6px;*/
    cursor:pointer;
    padding: 0 3px !important;
}
.demo img {
    display: block;
    height: 350px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #F3F3F3;
}

.lSSlideOuter.vertical .lSGallery {
    left: auto;
    right: 0;
    margin-right: 0 !important; margin-left: 5px;
}

.lSSlideOuter.vertical {     padding-left:0 !important; padding-right:105px; }

.lSSlideOuter .lSPager.lSGallery li {

    border: 1px solid #a7a7a7;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0;
    border: 1px solid #c03839;
}

.lSSlideOuter .lSPager.lSGallery img { width: 100%; height: 100px;
    -o-object-fit: contain;
    object-fit: contain; }

.lSAction > a {

    background-image: url(../img/controls.png);
    opacity: 1

}

.lSAction > .lSPrev {
    right: auto;
}

.lSAction > .lSNext {
    left: 0;
}

.lSSlideOuter .lSPager.lSGallery li a {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    display: table;
    overflow: hidden;
}

.lSSlideOuter .lSPager.lSGallery img {
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
}


.product-info { padding-left: 50px; border-left: 1px solid #a7a7a7 }

.product-info .brand-name {font-size: 16px;
    color: #a7a7a7; margin-bottom: 15px; display: block;}

.product-info .pro-title { font-size: 22px; font-weight: bold;
    margin-bottom: 10px }
.product-info .brand-model { margin-bottom: 10px }
.product-info .brand-model li { display: inline-block; padding-left: 10px;
    margin-left: 10px; border-left:1px solid #777;color: #a7a7a7; }

.product-info .brand-model li:last-child { border-left: 0 }

.product-info .brand-model li span {
    display: inline-block;
    padding: 3px 5px;
    color: #fff;
    background-color: #c03839;
    padding-top: 0px;
    margin-left: 5px;}
.product-info .brand-model li p { display: inline-block;color: #a7a7a7; }
.product-info h2.pro-praice {font-size: 26px;
    color: #303030; font-weight: bold; margin-bottom: 10px}
.product-info h2.pro-praice span {     font-size: 14px;
    color: #a7a7a7;
    margin-right: 5px;
    top: -5px;
    position: relative;
    font-weight: normal; }

.product-info .pro-btns-main { margin-bottom: 10px; margin-bottom: 20px }
.product-info .pro-btns-main li { display: inline-block; margin-left: 15px; }
.product-info .pro-btns-main li a.wish-btn {
    font-size: 14px;
    padding-bottom: 5px;
    text-decoration: none;
    color: rgba(192, 56, 57, 1);
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    top: 2px;
    border-bottom: 1.5px solid rgba(192, 56, 57, 1);
}

.product-info .pro-btns-main li a.wish-btn:hover { color: #333;
    border-bottom: 1.5px solid #333; }

.product-info .pro-btns-main li a.wish-btn i { position: relative; top: 2px }

.product-info .pro-btns-main li a.Like-btn{
    border: 1.5px solid rgba(192, 56, 57, 1);
    padding: 7px 15px;
    color:rgba(192, 56, 57, 1);
    text-decoration: none; font-weight: bold
}

.product-info .pro-btns-main li a.Like-btn:hover { background-color:rgba(192, 56, 57, 1);
    color: #fff  }

.product-info .pro-btns-main li a.Like-btn i { position: relative; top: 2px;
    margin-left: 5px }
.product-info h4 { margin-bottom: 8px }

.product-info h4.price-item-new {
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: bold;
    display: inline-block;
    margin-top: 15px;
    font-family: bb-font;
}


.product-info h4.price-item-new span {
    font-size: 20px;
    font-weight: 100;
    opacity: 0.4;
    font-family: r-font;
}

.product-info h5.des-new-price-item {
    color: #9A8787;
    font-size: 20px;
    text-decoration: line-through;
}


.product-info h5.des-new-price-item span {
    text-decoration: none !important;
    font-size: 12px;
    margin-right: 15px;
    background: #c03839;
    color: #fff;
    font-weight: bold;
    padding: 3px 20px;
    display: inline-block;
    padding-bottom: 5px;
}

.product-info .qoan-form { margin-top: 15px; margin-bottom: 30px }
.product-info .qoan-form select { width: 75px; height: 38px; font-size: 16px;
    border:1px solid #333; color: #333; margin-top: 1px;
    float: right; margin-bottom: 30px; }

.col-xs-12.order-main.remove-padding {
    margin-bottom: 30px;
}

.product-info .qoan-form button { width: calc(100% - 90px); float: left;
    height: 40px;color: #fff; font-weight: bold;
    background-color: rgba(192, 56, 57, 1); border:none; }
.product-info .qoan-form button:hover { background-color: #333 }

.prodact-side-bar { padding-right: 50px; margin-top: 10px }

.prodact-side-bar ul li { padding-right: 30px; position: relative;
    padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px }
.prodact-side-bar ul li img { right: 0; position: absolute; height: 20px }

.prodact-side-bar ul li div {  margin-bottom: 12px;top: 4px; position: relative;
}
.prodact-side-bar ul li div h6 { color: #a7a7a7; }
.prodact-side-bar ul li div h6 a { text-decoration: underline;color: #c03839;
    margin-right: 5px; }
.prodact-side-bar ul li div h6 a:hover { color: #333 }

.breadcrumb-me { margin-top: 30px }

.breadcrumb-me a {
    text-decoration: none;
    color: #a7a7a7;


}
.breadcrumb-me a:hover {   color: rgba(192, 56, 57, 1);}

.breadcrumb-me span {
    color: #a7a7a7;
    position: relative;
    font-size: 14px;
    top: 2px;
    display: inline-block;
}

.breadcrumb-me p {
    display: inline-block;
    color: rgba(48, 48, 48, 1);

}

.pro-info-tab-main { margin-top: 50px;padding-left: 15px;
    padding-right: 15px;}
.pro-info-tab-main h1 {font-size: 22px; font-weight: bold;
    color: #303030; margin-bottom: 15px;}
.pro-info-tab-main h4 { font-size: 14px; margin-bottom: 10px;
    position: relative; padding-right: 15px;color: #303030; line-height: 20px }
.pro-info-tab-main h4:after { content: ""; width: 5px; height: 5px;
    background-color: #303030;
;position: absolute; right: 0; top: 7.5px;
    border-radius: 50%; }
.Specif-main .Specif-item { padding-top: 10px; padding-bottom: 10px }
.Specif-main:nth-child(odd) .Specif-item {
    background-color: rgba(192, 56, 57, 0.1);
}

.Specif-main11 li {
    background: white;
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 0px;
    padding: 10px 0;
}

.Specif-main11 li:nth-child(4n), .Specif-main11 li:nth-child(4n - 1) {
    background-color: rgba(192, 56, 57, 0.1);
}



#tabs-nav { border-bottom: 1px solid  rgba(167, 167, 167, 1); margin-bottom: 30px;
 }
#tabs-nav li {
    display: inline-block;
    padding-bottom: 10px;
    margin-left: 7.5px;
    position: relative;
    margin-right: 7.5px;
 }
#tabs-nav li.active:after {
    position: absolute;
    content: "";
    bottom: -1px;
    height: 1px; width: 100%;
    background-color: #c03839;
    right: 0
}


#tabs-nav li a {     font-size: 16px; color: #333;
    font-weight: bold; text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;}
#tabs-nav li.active a { color: #c03839; }

.not-found-main { margin-top: 75px; margin-bottom: 75px;
    padding-right: 30px; }
.not-found-main h1 { font-size: 64px; font-family: sans-serif;
    margin-bottom: 50px; font-weight: bold; margin-top: 30px }
.not-found-main p { font-size: 28px;
    color: rgba(35, 32, 55, 1);
    text-align: right;
    letter-spacing: 0.01em; margin-bottom: 40px }
.not-found-main a { background-color: rgba(192, 56, 57, 1); }
.not-found-main a:hover { background-color: #333 }
.not-found-main img { float: left; }

.error-img {    float: left;
    height: 450px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    top: -67px;}

.not-found-main h1.not-found-title { font-size: 44px; }

.profile-main { margin-top: 30px; margin-bottom: 50px }

.profile-main .profile-side-bar p {font-size: 18px;
    color: #303030; font-weight: bold}
.profile-main .profile-side-bar a { font-size: 16px;
    color: #303030; text-decoration: none; display: inline-block; }
.profile-main .profile-side-bar a:hover { color: #c03839; }
.profile-main .profile-side-bar ul { margin-top: 15px; display: table; width: 100% }
.profile-main .profile-side-bar ul li { padding: 15px; display: block;
    width: 100%; }
.profile-main .profile-side-bar ul li i { width: 30px; height: 30px;
    background-color: #e1e1e1; border-radius: 50%; text-align: center; line-height: 30px;
    display: inline-block; margin-left: 10px; font-size: 16px }
.profile-main .profile-side-bar ul li.active-side-pro {
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1); }
.profile-main .profile-side-bar ul li.active-side-pro a { font-weight: bold }


.pro-cont-main h1 { font-size: 22px; font-weight: bold;
    color: rgba(48, 48, 48, 1); margin-bottom: 5px; }
.pro-cont-main h3 { margin-bottom: 20px ;font-size: 16px;
    color: rgba(167, 167, 167, 1); line-height: 28px}
.pro-cont-main .redem-main { -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1); margin-top: 20px; }
.pro-cont-main .redem-main ul li:first-child{background-color: rgba(192, 56, 57, 0.1);
    width: calc(100% + 30px); margin-right: -15px;border-bottom:none !important;
    padding-left: 15px; padding-right: 15px }
.pro-cont-main .redem-main ul li { padding: 10px 0;
    border-bottom: 1px solid #d8d8d8;    display: table;
    width: 100%; }
.pro-cont-main .redem-main ul li:last-child { border-bottom: none }
.pro-cont-main .redem-main ul li h4 { font-size: 16px; font-weight: bold }
.pro-cont-main .redem-main ul li p { float: right;font-size: 16px; }
.pro-cont-main .redem-main ul li span { float: left;font-size: 16px; }

.pro-cont-main .redem-main ul li h2 { float: right; font-size: 50px;
    font-weight: bold; position: relative; top: -3px; }
.pro-cont-main .redem-main ul li h2 span { float: none;color: #c03839; }
.pro-cont-main .redem-main ul li h5 { float: left; margin-top: 20px;
    font-weight: bold }


.order-main ul li { -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
    display: table; width: 100%; margin-bottom: 20px;
}
.order-main ul li p { background-color: rgba(192, 56, 57, 0.1); padding: 10px;
    font-weight: bold }
.order-main ul li p a { float: left; text-decoration: underline;
    color: #c02328; }
.order-main ul li p a:hover {color: #333}
.order-main ul li .col-xs-12 { display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;padding-top: 10px; padding-bottom: 10px }
.order-main ul li img { float: right; height: 180px;
    width: 150px; -o-object-fit: contain; object-fit: contain; margin-left: 15px; }
.order-main .order-info { float: right; }
.order-main ul li .col-xs-12 h5 { margin-bottom: 7px; opacity: 0.5 }
.order-main ul li .col-xs-12 h4 {font-size: 16px; width: 300px;
    color: rgba(48, 48, 48, 1); margin-bottom: 7px; font-weight: bold}
.order-main ul li .col-xs-12 h4 a { color: #333; text-decoration: none }
.order-main ul li .col-xs-12 h4 a:hover { color: #c03839 }
.order-main ul li .col-xs-12 h4 {font-size: 16px;
    color: #303030;}
.order-main ul li .col-xs-12 h4 span {font-size: 14px;
    color: #303030; opacity: 0.6; font-weight: normal;}
.order-main ul li .col-xs-12 h6 { font-size: 14px; }
.order-main ul li .col-xs-12 h6 span.delivered {color: #00c96a;}
.order-main ul li .col-xs-12 h6 span.canceled {color: #c03839;}
.order-main ul li .col-xs-12 h6 span.pending {opacity: 0.4}
.order-main ul li ul li {     -webkit-box-shadow: none;     box-shadow: none;
    display: inline-block;
    width: auto;
    margin-bottom: 0; margin-left: 10px }
.order-main ul li ul li a { color: #333; opacity: 0.4; text-decoration: none }
.order-main ul li ul li a:hover { opacity: 1 }
.order-main ul li ul li a span { margin-left: 5px; top: 2px; display: inline-block;
    position: relative; }

.popover-title {
    padding: 8px 15px;
    margin: 0;
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    text-align: center;
    font-size: 16px;
}

.popover {     max-width: 340px; }

.popover.top > .arrow {
    display: none;
}

.popover .btn-group a { margin: 0 7px !important;
    border-radius: 0;
    width: 130px;
    margin-bottom: 5px;
    height: 35px;
    text-align: center;
    line-height: 33px;
    font-weight: bold;
    border:1px solid #333;
    border-radius: 0 !important
}

.popover .btn-primary {  background: #333;}
.popover .btn-default { color:#333  }

.popover .btn-group a i { display: none }
.popover .btn-group a:hover { background-color: #c03839; color: #fff;
    border:1px solid #c03839; }

#add-cart-pop h1 { font-size: 50px }
#add-cart-pop p { font-size: 20px; margin-bottom: 10px }
#add-cart-pop .close { font-size: 30px }
#add-cart-pop h1.true-msg { color: green }
#add-cart-pop h1.false-msg { color: red }
#add-cart-pop .modal-content { border-radius: 0 }


.pro-form-item { -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
    padding-bottom: 15px; margin-bottom: 30px; }
.pro-form-item h4 { margin-bottom: 10px;
    background-color: rgba(192, 56, 57, 0.1); padding: 10px 15px;
    font-size: 14px; font-weight: bold; }
.pro-form-item p { font-size: 14px; }
.pro-form-item button {     width: 200px;
    float: left;
    margin-top: 15px;
    background: transparent;
    border: 1px solid #646464;
    height: 40px; font-weight: bold}

.pro-form-item button:hover { background-color:#646464; color: #fff  }

#change-pass h3 { text-align: center; font-size: 16px; margin-bottom: 10px;
    font-weight: bold; margin-top: 15px; }
#change-pass .modal-content { border-radius: 0 }
#change-pass h4 { text-align: center; font-size: 14px; margin-bottom: 15px; }
#change-pass p { font-size: 14px; }
#change-pass .input-item { margin-bottom: 10px }
#change-pass button {     width: calc(50% - 15px);
    float: right;
    height: 40px;
    background-color: transparent;
    color:rgba(48, 48, 48, 1); margin-top: 10px;
    border: 1px solid #303030;
    font-weight: bold; margin-bottom: 15px; }
#change-pass button[type="submit"] { float: left;
    background-color: rgba(48, 48, 48, 1);
    color: #fff;

}

#change-pass button:hover { background-color: #c03839; color: #fff;
    border: 1px solid #c03839; }

#change-pass .modal-body { display: table; }

.address-item {-webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px}
.address-item h3 { padding: 10px 15px;background-color: rgba(192, 56, 57,0.1);
    color: #333; font-weight: bold
}


.address-item h4 { font-size: 14px; font-weight: bold; margin-bottom: 10px }
.address-item ul { margin-top: 20px; margin-bottom: 15px }
.address-item ul li { display: inline-block; margin-bottom: 15px; margin-left: 15px; }

.address-item ul li a { background-color: transparent;
    color:rgba(48, 48, 48, 1); text-decoration: none;
    border: 1px solid #303030; height: 40px; text-align: center;
    width: 150px; display: block; font-weight: bold; line-height: 40px; }
.address-item ul li a:hover { background-color: #c03839; color: #fff;
    border: 1px solid #c03839; }

a.new-address-btn {
    float: left;
    margin-top: -65px;
    padding: 10px 20px;
    background: #303030;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

a.new-address-btn:hover { background-color: #c03839; }


.add-address h4 { font-weight: bold; margin-bottom: 15px; text-align: center; }
.add-address p { font-size: 14px; }
.add-address .input-item { margin-bottom: 10px }
.add-address ul li { display: inline-block; margin: 10px }
.add-address ul li button { width: 200px;
    height: 40px;
    border:none;
    background-color: transparent;
    color: #303030;
    font-weight: bold;
    text-decoration: none;
    text-align: center; border:1px solid #303030; }
.add-address ul li:last-child button {background-color: #303030; color: #fff  }
.add-address .modal-content { border-radius: 0 }
.add-address .modal-body { display: table; }

.add-address ul li button:hover { background-color: #c03839; color: #fff;
    border:1px solid #c03839; }

.add-address .modal-content { max-height: 550px; overflow: auto; }

.add-address .modal-content::-webkit-scrollbar {
    width: 7px;
    background-color: #fff;
}

.add-address .modal-content::-webkit-scrollbar-thumb {
    background: #a7a7a7;
}
.next.bottom-photo-upload-btn.jumb-effect {
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

.uploaded-images-div {
    height: auto;

    display: table;
    width: 100%;
    margin-bottom: 15px;
}


.next input {
    opacity: 0;
    width: 170px;
    position: absolute;
    left: 15px;
    top: -22px;
}

.inputfile+label {
    background-color: #c03839;
    color: #fff;
    border: 1px solid #c03839;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    line-height: normal;
    cursor: pointer;
    padding: 5px 10px;
    font-weight: bold;
    width: 170px;
    height: 40px;
    border-radius: 0;
    position: relative;
    float: left;
    line-height: 28px;
    color: #fff !important
}



.del-img {
    display: block;
    position: absolute;
    margin-top: 13px;
    margin-right: 3px;
    width: 18px;
    height: 18px;
    background: #e3e3e3;
    color: #777;
    font-size: 9px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%; cursor: pointer;
}

.img-up-main {
    position: relative;
    display: table;
    width: 120px;
    height: 120px;
    float: right;
}

.uploaded-images-div img { margin-left: 5px;
    width:120px; height:120px;
    -o-object-fit: cover;
    object-fit: cover;  float:right;
    margin-top:10px;position:relative;border: 1px solid #eee; }


.uploaded-images-div img:hover {     filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -moz-filter: brightness(50%);
    -o-filter: brightness(50%);
    -ms-filter: brightness(50%);
    cursor: url(../img/cancel-image.png), auto; }

.add-address h5 { margin-top: -25px;
}

#navbar1 { display: none; }

.ticket-item { padding-right: 145px; margin-top: 15px; }
.ticket-item h5 { position: absolute; right: 0; font-weight: bold }
.ticket-item p { opacity: 0.5 }
.ticket-item ul { margin-top: 15px; }
.ticket-item ul li { display: inline-block; margin-left: 10px }
.ticket-item ul li img{ height: 120px; height: 120px; -o-object-fit: contain; object-fit: contain; }


.chat-main {border: 1px solid #c03839;
    padding: 0;
    margin-top: 30px }
.conver-main { max-height: 500px; overflow: auto;padding: 20px;border-bottom: 1px solid #c03839;   }

.conver-main::-webkit-scrollbar {
    width: 5px;
    /*background-color: #ededed;*/
}
.conver-main::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:#c03839;
    border-radius: 100px;
}



.mgs-main  { margin-bottom: 30px;border-radius: 30px; }
.admin-mgs-main { padding-right: 45px; position: relative;
    width: 90% }
.admin-mgs-main img { position: absolute; right: 0; border-radius: 50%; top: 0 }
.admin-mgs-main .msg-container  { background-color:rgb(48, 48, 48);
    border-radius: 30px; color: #fff; display: table; padding: 10px 20px;  }
.admin-mgs-main .msg-container p { font-size: 16px;     color: #fff; }
.admin-mgs-main .msg-container span { float: left; font-size: 12px; margin-top: 10px; display: inline-block; }

.mgs-main img {height: 30px;
    width: 30px; display: inline}

.msg-container { display: inline }

.user-mgs-main { padding-left: 45px;
    position: relative;    width: 90%;  }

.user-mgs-main img {position: absolute; left: 0; border-radius: 50%; top: 0}

.user-mgs-main .msg-container  { background-color: rgba(216, 216, 216, 1);
    border-radius: 30px; color: rgba(82, 82, 82, 1); display: table; padding: 10px 20px;
    width: 100%;  }
.user-mgs-main .msg-container p { font-size: 16px;color: rgba(82, 82, 82, 1); }
.user-mgs-main .msg-container span { float: left; font-size: 12px; margin-top: 10px;
    display: inline-block;color: rgba(82, 82, 82, 1); }
/*.chat-form-main { padding-bottom: 20px; padding-top: 20px; }*/
.container.more-cate-main { margin-top: 30px; }

.col-xs-12.remove-padding.chat-form-main {
    position: relative;
    padding-left: 100px;
    border-radius: 0 0 25px 25px;
}

.chat-main textarea{
    overflow: hidden;
    padding: 0 10px;
    width: 100%;
    font-size: 17px;
    display: block;
    border: none;
    min-height: 50px;
    line-height: 36px;
    min-height: 40px;
    resize: none;
    border-radius: 0px 0 0 30px;
}

.chat-main button { font-size: 17px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    height: 40px;
    width: 100px;
    border: none;
    line-height: 38px;
    float: left;
    text-align: center;
    background-color: #303030;
    position: absolute;
    left: 0;
    bottom: 0;}

.chat-main button:hover { background-color: #c03839; }


.cart-main { margin-top: 30px; margin-bottom: 50px;
}
.qunt-main { position: absolute;width: 120px; text-align: center;
    left: 0 }
.qunt-main span { width: 100%; display: block; margin-bottom: 4px;
    opacity: 0.5 }
.qunt-main select { width: 74px; font-weight: bold;
    height: 40px; color: #a7a7a7; font-size: 16px }
.cart-main .order-main ul li .col-xs-12 h4 a { font-size: 16px}

.cart-main .order-main ul li .col-xs-12 h4 {font-size: 24px;width: 100%;}
.cart-main .order-main ul li .col-xs-12 h4 span {
    opacity: 0.5;
    font-size: 14px;
}

.cart-main .order-main ul li { margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none;
    border:1px solid #a7a7a7; margin-top: -1px }
.cart-main .order-main ul li ul li { border:none; }
.cart-side .cart-side-info { border:1px solid #a7a7a7;
    padding:20px; padding-bottom: 5px; }

/*.cart-main .wish-list-item {padding-left: 120px; position: relative;  }*/

.cart-main .order-main ul li .col-xs-12 h4 { max-width: calc(100% - 100px) }

.cart-side a { width: 100%; display: block; text-align: center;
    border: 1px solid #c03839;
    line-height: 45px; font-weight: bold; text-decoration: none }
.cart-side form { position: relative; }
.cart-side form input { width: 100%; padding-left: 70px;
    height: 40px; padding-right: 10px; border:1px solid #a7a7a7; }
.cart-side form button { position:absolute; left: 0; top: 0;
    height: 20px; background-color: transparent; border:none;
    border-right: 1px solid #a7a7a7; margin-top: 10px; font-size: 12px; width: 70px }
.cart-side form button:hover {     color: #c03839; }
.cart-side h2 { margin-top: 20px; margin-bottom: 20px; font-size: 20px;
    color: #303030; font-weight: bold }
.cart-side p { float: right; margin-bottom: 15px }
.cart-side p span { opacity: 0.4 }
.cart-side h5 { float: left; margin-bottom: 15px }
.cart-side .total-main { padding-top: 15px; border-top:1px solid #a7a7a7; }
.cart-side ul { margin-top: 30px; margin-bottom: 30px; }
.cart-side ul li:first-child a { background-color: #c03839;
    height: 45px; color: #fff !important; margin-bottom: 20px  }
.cart-side ul li:last-child a { color: #c03839; }

.cart-side a:hover { border: 1px solid #333 !important; color: #fff !important; background-color: #333 !important }


/*checkout*/
.checkout-main { margin-top: 50px }
.checkout-head { position: relative; }
.checkout-head:after { content: ''; position: absolute;
    width: 100%; height: 1px; background-color: #a7a7a7;
    right: 0; top: 12px }
.checkout-head li { text-align: center; }
.checkout-head li:first-child { text-align: start; }
.checkout-head li:last-child { text-align: end; }
.checkout-head li p { display: inline-block; background-color: #fff;
    position: relative; z-index: 1; padding-left: 10px; padding-right: 10px }
.checkout-head li p span { height: 25px;
    width: 25px;
    border: 1px solid #a7a7a7;
    border-radius: 25px; text-align: center; line-height: 20px;
    display: inline-block;margin-left: 8px; position: relative; }
.checkout-head li.active-step p span {
    background-color: #009312;
    border: 1px solid #009312;
    color: #fff;
}

.checkout-main .add-address { margin-top: 30px; margin-bottom: 30px }

.checkout-main .add-address ul li button {
    color: #c03839;
    border: 1px solid #c03839;
}

.checkout-main .add-address ul li:last-child button {
    background-color: #c03839;
    color: #fff;
}

.checkout-main .add-address ul li button:hover {
    background-color: #333;
    color: #fff;
    border: 1px solid #333;
}

.chosen-container .chosen-results li.active-result {
    display: list-item !important;
    cursor: pointer;
}
.payment-main #tabs-nav { margin-top: 30px }
.payment-main #tabs-nav li {
    display: inline-block;
    padding-bottom: 10px;
    margin-left: 0px;
    position: relative;
}

.payment-main #tabs-nav li.active:after {

    height: 0px;
}

.payment-main #tabs-nav {
    border-bottom: 0;
}

.payment-main #tabs-nav a { height: 40px; width: 100%;
    border:1px solid #a7a7a7; text-align: center; display: block;
    font-weight: normal; line-height: 30px;color: #777 !important;
    font-size: 14px }
.payment-main #tabs-nav a i { margin-left: 10px; position: relative;
    top: 3px; font-size: 18px;   }
#tabs-nav li.active a i{
    color: #009312 !important;
}

.payment-main #tabs-nav {  }

.payment-main #tabs-nav li:first-child { padding-left: 7.5px }
.payment-main #tabs-nav li:last-child { padding-right: 7.5px }

.tab-cont-main { padding: 15px; border:1px solid #a7a7a7; margin-top: 10px }
.payment-main form button { width: 100%; margin-top: 20px;
    background-color: #c03839; color: #fff; border:none;
    height: 40px; line-height: 40px; font-weight: bold; margin-bottom: 30px }
.payment-main form button:hover { background-color: #333 }

.payment-main form ul li button {background-color: #c03839 !important; }
.input-item #address { margin-bottom: 15px !important }


.payment-main form input { width: 100%; height: 40px;
    padding: 10px; margin-top: 5px; }
.payment-main form .ex-date { margin-top: 15px;width: 150px; float: right;
    margin-left: 15px; }
.payment-main form .cvv-num { margin-top: 15px;width: 150px; float: right; }
.payment-main form p { font-weight: bold }

.payment-main form h4 { font-size: 14px; font-weight: normal;line-height: 22px }

.order-items-main h3 { font-size: 16px; font-weight: bold; margin-bottom: 15px }
.order-items-main ul { margin-bottom: 30px }
.order-items-main ul li { border:1px solid #a7a7a7; padding-right: 85px;
    position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 101px; width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.order-items-main ul li img { position: absolute; right: 0; height: 99px; width: 75px;
    -o-object-fit: contain;
    object-fit: contain; top: 0 }
.order-items-main ul li p { float: right;
    opacity: 0.5; margin-bottom: 10px }
.order-items-main ul li h4 { float: left;
    margin-left: 15px; font-weight: bold; margin-bottom: 10px; font-size: 14px; }
.order-items-main ul li .col-xs-12 a { float: right; width: 70%;
    font-weight: bold; color: #333; text-decoration: none; }

.order-items-main ul li .col-xs-12 a:hover { color: #c03839; }
.order-items-main ul li .col-xs-12 h5 { float: left; margin-left: 15px;
    font-size: 12px; }

.order-item-info h3 { margin-bottom: 0; color: #333 }
.order-item-info h3 span { opacity: 0.4 }
.order-item-info h5 { text-align: left; display: block;
    width: 100%; font-size: 14px; margin-top: 5px; }
.order-item-info h3 span.canceled { color:#c03839; opacity: 1 }
.order-item-info h3 span.delivered {color: #00c96a;opacity: 1}

.payment-main .pay-side-bar { border:1px solid #a7a7a7; margin-top: 30px }

.payment-main .pay-side-bar .side-pay-item { padding:5px 10px}
.payment-main .pay-side-bar .side-pay-item p { float: right;  }
.payment-main .pay-side-bar .side-pay-item h5 { float: left; }
.payment-main .pay-side-bar h3 { font-size: 16px;
    font-weight: bold; margin-bottom: 10px; padding-left: 10px;
    padding-right: 10px; margin-top: 15px; }

.payment-main .pay-side-bar .side-pay-item h5 span {color: #c03839; }

.payment-main .pay-side-bar .side-pay-item.with-bg  {
    background-color: rgba(192, 56, 57, 0.1);

}

.payment-main .pay-side-bar .side-pay-info h4 {
    font-size: 16px; font-weight: bold;
    margin-top: 5px
}

.payment-main .pay-side-bar .side-pay-info p { margin-top: 5px; }


h3.checkout-title {     border: 1px solid #a7a7a7;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: -1px;
    font-size: 18px
}

.shipping-info-det{ border:1px solid #a7a7a7; margin-top: 30px;
    padding-bottom: 10px }

.shipping-info-det p { margin-bottom: 10px }
.shipping-info-det p i { position: relative; top: 3px; margin-left: 5px;
    font-size: 18px; color: green }
.shipping-info-det h2 { margin-top: 20px; margin-bottom: 20px;font-size: 16px;
    font-weight: bold }
.shipping-info-det h3 { margin-bottom: 10px; font-size: 16px;
    font-weight: bold }
.shipping-info-det h4 { font-weight: bold; margin-bottom:10px }
.shipping-info-det ul li { display: table; width: 100%; }
.shipping-info-det ul li p { float: right; }
.shipping-info-det ul li:nth-child(3){ border-bottom: 1px solid #a7a7a7;
    margin-bottom: 10px; }
.shipping-info-det ul li:nth-child(2) span { color: #c03839; }
.shipping-info-det ul li span { float: left; }
.shipping-info-det ul li p span { opacity: 0.4 }
.shipping-info-main { padding-left: 45px; padding-right: 45px }
.shipping-info-main p { position: relative; top: -3px; }
.payment-masg { position: relative;padding-left: 180px; }
.payment-masg a { position: absolute; left: 0; top: 0; width: 170px;
    height: 50px; background-color: #c03839; text-align: center; color: #fff;
    line-height: 50px; font-weight: bold;
    text-decoration: none }
.payment-masg h3 { font-weight: bold; font-size: 16px;
    margin-bottom: 5px; margin-top: 5px; }
.payment-masg h5 { line-height: 20px }
.payment-masg a:hover { background-color: #333 }

.fees-link.col-xs-12 a {
    color: #c03839 !important;
    line-height: initial;
    border: none !important;
    text-align: right;
    position: relative;
    top: -11px;
    font-size: 12px;
    font-weight: 500;
    background: transparent !important;
}

.input-item span i {     position: absolute;
    left: 20px;
    top: 5px;
    font-size: 22px;
}
.input-item span i.ri-check-fill { color: green }
.input-item span i.ri-close-line { color: red }
.payment-main-new button { margin-top: 0 !important;    background: #333 !important; }
.payment-main-new input { margin-top: 0 !important; }
.payment-main-new button:hover { background: #c03839 !important }
.cart-side-check { margin-top: -140px;   margin-bottom: 30px; }


.pay-add-item [type="radio"]:checked,
.pay-add-item [type="radio"]:not(:checked) {
    position: absolute;
    right: -9999px;
}
.pay-add-item [type="radio"]:checked + label,
.pay-add-item [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-right: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.pay-add-item [type="radio"]:checked + label:before,
.pay-add-item [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
}
.pay-add-item [type="radio"]:checked + label:after,
.pay-add-item [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #c03839;
    position: absolute;
    top: 5px;
    right: 2px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.pay-add-item [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.pay-add-item [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.pay-add-item .col-xs-12.remove-padding { margin-bottom: 10px; }
.pay-add-item .col-xs-12.remove-padding label { font-weight: 500; }
.pay-add-item .col-xs-12.remove-padding label img { height: 15px; margin-left: 5px; }

.free-ship-p { color: #c03839; }

.cart-side-check h2 { margin-top: 0 }

.order-d-main-in { border:1px solid #a7a7a7; margin-top: 30px; }
.order-d-main-in ul li:first-child {  background-color: rgba(192, 56, 57, 0.3);
    width: calc(100% + 30px); margin-right: -15px; padding-left: 15px;padding-right: 15px;
    border-bottom: none }
.order-d-main-in ul li p { font-size: 16px;
    color: #515356; font-weight: bold; float: right; }
.order-d-main-in ul { padding-left: 15px;padding-right: 15px; }
.order-d-main-in ul li { padding-bottom: 15px; padding-top: 15px; display: block;
    width: 100%; border-bottom: 1px solid #a7a7a7 }
.order-d-main-in ul li h5 { float: left; color: #515356 }
.order-d-main-in ul li:last-child { border-bottom: none }
.order-d-main-in ul li:last-child p span  { font-weight: normal; opacity: 0.5 }
.order-d-main-in ul li:last-child h5 { font-weight: bold; color: #c03839 }


.sing-in-page { margin-bottom: 30px; }
.sing-in-page a.forgot-link {
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 10px;
    color: #c03839;
    text-decoration: none;
}


.top-new-home-slider img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}

.top-new-home-slider { margin-bottom: 20px }

.top-new-home-slider .slick-dots { position: relative; top: 5px; }
.top-new-home-slider .slick-dots li { margin: 0 }

.top-new-home-slider .slick-dots li button { padding:0;
    width: 10px;
    height: 10px; margin-left: 0 !important  }

.top-new-home-slider .slick-dots li button:before{
    width: 10px;
    height: 10px;
    background:#ddd;
    font-size: 0;
    border-radius: 50px;
    opacity: 1;
    line-height: 10px;
}


.top-new-home-slider .slick-dots li.slick-active {margin-right: 10px; }
.top-new-home-slider .slick-dots li.slick-active button:before {width: 20px;    background: #c03839;opacity: 1}


.slide-content.more-cont-link-new a {
    background: rgba(212, 212, 212, 0.31);
    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: 1px solid #E4E4E4;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    min-height: 329px
}

.slide-content.more-cont-link-new a p {
    margin-bottom: 12px;
}

.slide-content.more-cont-link-new a span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 30px;
}





/*
    ===================================================================================================================
                                                        media
    ====================================================================================================================
    */


@media only screen and (min-width : 1300px) {
    .head-main-bot .search-main  {  position: relative;    width: 45%; }
    .head-main-bot .col-md-4.col-sm-2.hidden-xs.hidden-sm {    width: 40.3333%;}
}

@media only screen and (min-width : 1350px) {
    .head-main-bot .search-main  {  position: relative;    width: 47%; }
    .head-main-bot .col-md-4.col-sm-2.hidden-xs.hidden-sm {    width: 38.3333%;}
}

@media only screen and (min-width : 1450px) {
    .head-main-bot .search-main  {  position: relative;    width: 49%; }
    .head-main-bot .col-md-4.col-sm-2.hidden-xs.hidden-sm {    width: 34.3333%;}
}

@media only screen and (max-width : 1200px) {
    .head-main-bot .col-md-3 ul li a  { font-size: 16px; }

    .menu-main ul li:nth-child(1) a {
        padding-left: 11px;
    }

    .menu-main ul li:nth-child(2) a {
        padding-right: 11px;
    }

    .menu-main ul li a {

        font-size: 12px;
        padding: 10px 6px;
    }

    .head-main-bot .col-md-4 ul li {
        padding-left: 7px;
        margin-left: 6px;

    }

    .head-main-bot .col-md-4 ul li a span {

        margin-right: 3px;
    }

    .head-main-bot .col-md-4 ul li:first-child a {

        width: 65px;

    }

    .head-main-bot .col-md-4 ul li a {
        font-size: 14px;
    }

    .head-main-bot .col-md-4.col-sm-2.hidden-xs.hidden-sm {
        padding-left: 0;
        padding-right: 0
    }

    /*    .small-ads-main-src ul li a p {

            font-size: 10px;

        }*/

    .mega-banner-main a p { font-size: 16px }

    .applia-baner-main.other-banners .other-banners-item a p {
        font-size: 18px;
    }

    .price-grid .brands-main p { font-size: 15px; font-weight: bold;
        text-decoration: none; text-align: center; }

    .sort-grid .brands-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[10];
        grid-template-columns: repeat(10, minmax(0, 1fr));
        grid-gap: 10px;
        grid-row-gap: 10px;
    }

    .grid-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .study-tools-main .brands-main p { font-size: 14px;
    }
    .study-tools-main .brands-main img { height: 50px }

    .filter-grid .grid-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-head-main h1 {
        float: right;
        font-size: 17px;
    }

    .filter-head-main h1 b {
        font-size: 20px;
    }

    .filter-item h1,
    .filter-item h2 {
        font-size: 15px;
    }

    .demo img {
        height: 365px;

    }

    .product-info {
        padding-left: 30px;
        border-left: 1px solid #a7a7a7;
    }

    .prodact-side-bar {
        padding-right: 30px;
        margin-top: 10px;
    }
    .product-info .pro-title {
        font-size: 18px;
        font-weight: normal;
    }

    .product-info h2.pro-praice {
        font-size: 20px;
    }

    .not-found-main h1 { font-size: 50px }

    .not-found-main h1.not-found-title {
        font-size: 38px;
    }

    .pro-cont-main h3 {
        font-size: 14px;
    }

    .last-side-main {    height: 444px;}





}


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


    .small-ads-main-src { margin-bottom: 0 }

    .top-new-home-slider img {
        width: 100%;
        height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
    }


    .head-main-top ul {margin-top: 0px;}
    .footer-main h1 {font-size: 16px;}
    .head-main-bot .logo-main a img {width: auto;height: 40px;}
    #navbar {/*padding-top: 10px;padding-bottom: 10px;*/ top: 0!important;
        border-bottom: 1px solid #eee;}
    .head-main-bot .search-main {position: absolute;top: 60px;
        display: none;
        width: calc(100% + 30px);right: -15px; background-color: #fff;}
    .wrapper {
        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-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        float: left;
    }
    .magic-icon-search {
        display: inline-block;
        position: relative;
        width: 40px;
        height: 40px;
        cursor: pointer;
        opacity: 1 !important;
    }
    .magic-icon-search::before {
        content: '';
        display: inline-block;
        width: 3.5px;
        height: 35%;
        background: #3b3b3b;
        position: absolute;
        right: 55%;
        top: 70%;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .magic-icon-search.close::before {
        height: 80%;
        right: 50%;
        top: 50%;
    }
    .magic-icon-search::after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 50%;
        height: 50%;
        border: 2px solid #3b3b3b;
        border-radius: 50%;
        top: 40%;
        right: 40%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .magic-icon-search.close::after {
        border-width: 1;
        border-radius: 0px;
        width: 0px;
        height: 70%;
        right: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }



    #webapp_cover
    {

        width: 39px;
        margin: 0 auto;
        float: right;
        position: absolute;
        margin-top: 8px;
    }
    .head-main-bot .logo-main a {margin-right: 60px; }

    #menu_button
    {
        width: 39px;
        overflow: hidden;
    }

    #menu_checkbox
    {
        display: none;
    }

    #menu_label
    {
        position: relative;
        display: block;
        height: 23px;
        cursor: pointer;
    }

    #menu_label:before, #menu_label:after, #menu_text_bar
    {
        position: absolute;
        right: 0;
        width: 100%;
        height: 2px;
        background-color: #3b3b3b;
    }

    #menu_label:before, #menu_label:after
    {
        content: '';
        -webkit-transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) right;
        -o-transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) right;
        transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) right;
    }

    #menu_label:before
    {
        top: 0;
    }

    #menu_label:after
    {
        top: 12px;
    }

    #menu_text_bar
    {
        top: 24px;
    }

    #menu_text_bar:before
    {
        content: 'Close';
        position: absolute;
        top: 3px;
        left: 0;
        right: 0;
        color: #3b3b3b;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }

    #menu_checkbox:checked + #menu_label:before
    {
        right: -39px;
    }

    #menu_checkbox:checked + #menu_label:after
    {
        right: 39px;
    }

    #menu_checkbox:checked + #menu_label #menu_text_bar:before
    {
        -webkit-animation: moveUpThenDown 0.8s ease 0.2s forwards, shakeWhileMovingUp 0.8s ease 0.2s forwards, shakeWhileMovingDown 0.2s ease 0.8s forwards;
        animation: moveUpThenDown 0.8s ease 0.2s forwards, shakeWhileMovingUp 0.8s ease 0.2s forwards, shakeWhileMovingDown 0.2s ease 0.8s forwards;
    }

    @-webkit-keyframes moveUpThenDown
    {
        0%{ top:0; }
        50%{ top:-27px;}
        100%{ top:-20px; }
    }

    @keyframes moveUpThenDown
    {
        0%{ top:0; }
        50%{ top:-27px;}
        100%{ top:-20px; }
    }

    @-webkit-keyframes shakeWhileMovingUp
    {
        0%{ -webkit-transform: rotateZ(0); transform: rotateZ(0); }
        25%{ -webkit-transform:rotateZ(-10deg); transform:rotateZ(-10deg); }
        50%{ -webkit-transform:rotateZ(0deg); transform:rotateZ(0deg); }
        75%{ -webkit-transform:rotateZ(10deg); transform:rotateZ(10deg); }
        100%{ -webkit-transform:rotateZ(0); transform:rotateZ(0); }
    }

    @keyframes shakeWhileMovingUp
    {
        0%{ -webkit-transform: rotateZ(0); transform: rotateZ(0); }
        25%{ -webkit-transform:rotateZ(-10deg); transform:rotateZ(-10deg); }
        50%{ -webkit-transform:rotateZ(0deg); transform:rotateZ(0deg); }
        75%{ -webkit-transform:rotateZ(10deg); transform:rotateZ(10deg); }
        100%{ -webkit-transform:rotateZ(0); transform:rotateZ(0); }
    }

    @-webkit-keyframes shakeWhileMovingDown
    {
        0%{ -webkit-transform:rotateZ(0); transform:rotateZ(0); }
        80%{ -webkit-transform:rotateZ(3deg); transform:rotateZ(3deg); }
        90%{ -webkit-transform:rotateZ(-3deg); transform:rotateZ(-3deg); }
        100%{ -webkit-transform:rotateZ(0); transform:rotateZ(0); }
    }

    @keyframes shakeWhileMovingDown
    {
        0%{ -webkit-transform:rotateZ(0); transform:rotateZ(0); }
        80%{ -webkit-transform:rotateZ(3deg); transform:rotateZ(3deg); }
        90%{ -webkit-transform:rotateZ(-3deg); transform:rotateZ(-3deg); }
        100%{ -webkit-transform:rotateZ(0); transform:rotateZ(0); }
    }

    .container {
        width:100%;
    }

    .mob-menu { width: 100%; height:100vh; overflow: auto; position: fixed;
        top: 60px;     background-color: #f7f7fa; z-index: 100;
        -webkit-transform: translateX(-100%);
        padding-top: 10px;
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
        transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
        -o-transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
        transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
        transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91), -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    }

    .mob-menu.mob-menu-open {-webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);}


    .mob-menu .mob-menu-head { padding:10px 0; padding-bottom: 7px; background-color: #fff;
        border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-bottom: 10px; }


    .mob-menu .mob-menu-head ul { text-align: center; }
    .mob-menu .mob-menu-head ul li { display: inline-block; margin-right: 5px;
        margin-left: 5px; width: 50px }
    .mob-menu .mob-menu-head ul li a { text-decoration: none }
    .mob-menu .mob-menu-head ul li a span {     background-color: #c03839;
        color: #fff;
        margin-bottom: 10px;
        text-align: center;
        height: 30px;
        width: 30px;
        display: inline-block;
        line-height: 35px; }
    .mob-menu .mob-menu-head ul li a i { line-height: 30px }
    .mob-menu .mob-menu-head ul li a p { font-size: 12px;
        font-weight: 500;
        color: #5c5c5c;}
    .mob-menu .mob-menu-links { background-color: #fff; padding-top: 10px;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        height: calc(100vh - 370px);
        overflow: auto; }
    .mob-menu .mob-menu-links h4 { font-size: 12px;
        color: #7e859b; margin-bottom: 10px }

    .mob-menu .mob-menu-links ul li { padding-bottom: 10px;
        padding-top: 10px; border-bottom: 1px solid #eee }
    .mob-menu .mob-menu-links ul li a { text-decoration: none; display: block;
        color: #333333; font-weight: 500 }
    .mob-menu .mob-menu-links ul li a:hover { color: #c03839; }
    .mob-menu .mob-menu-links ul li a i { position: relative;top: -2px;
        font-size: 16px; float: left; }

    .mob-menu .mob-menu-links ul li:last-child { border-bottom: none }

    .mob-menu .mob-menu-foot {     margin-top: 10px;
        background: #fff;
        padding-bottom: 10px;
        padding-top: 10px; border-top: 1px solid #eee }
    .mob-menu .mob-menu-foot p { float: right;    color: #777; }
    .mob-menu .mob-menu-foot p i { font-size: 12px; position: relative;
        top: 1px;
        margin-left: 5px;
        color: #8e93a7; }
    .mob-menu .mob-menu-foot a {     float: left;
        text-decoration: none;
        color: #333; font-weight: bold }

    .mob-menu .mob-menu-foot a img { height: 15px; top: -2px;
        position: relative; margin-right: 5px; }


    .mob-menu .mob-menu-foot a:hover { color: #c03839; }

    .sub-menu-mob {    position: absolute;
        z-index: 99;
        min-height: calc(100vh);
        background-color: #fff;
        padding: 15px;
        right: 0;
        top: 0px;
        width: 100%;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
        transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
        -o-transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
        transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
        transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91), -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    }

    .sub-menu-mob.active-sub-menu {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);

    }
    .backMainMenuBtn {color: #404040;
        font-size: 12px;
        margin-bottom: 10px;
        display: inline-block;
        margin-right: -5px; cursor: pointer;}

    .backMainMenuBtn i {    position: relative;
        top: 3px;
        font-size: 14px;}


    .small-ads-main-src ul { display: block;
        width: 100%;
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;}
    .small-ads-main-src ul li { display: inline-block;
        width: 100px; margin-right: 10px }

    /* width */
    .small-ads-main-src ul::-webkit-scrollbar {
        height: 0px;
    }

    /* Track */
    .small-ads-main-src ul::-webkit-scrollbar-track {
        background: transparent;
    }

    /* Handle */
    .small-ads-main-src ul::-webkit-scrollbar-thumb {
        background: transparent;
    }

    .large-items-main img { height: 250px; }


    .mt-space {  margin-top: 15px }

    .other-banners .other-banners-item a p {
        font-size: 20px;
    }

    .price-grid .brands-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-gap: 15px;
        grid-row-gap: 15px;
    }

    .sort-grid .brands-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-gap: 10px;
        grid-row-gap: 10px;
    }

    .grid-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .study-tools-main .brands-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-gap: 13px;
        grid-row-gap: 13px;
    }

    .content-main {
        padding-top: 0px;
    }

    .filter-main {
        margin-bottom: 30px;
        background: #fafafa;
        position: fixed;
        z-index: 9;
        top: 0;
        height: 100vh;
        overflow: auto;
        padding-top: 60px;
        padding-bottom: 40px;
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
        -webkit-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease;
        right: 0
    }

    .open-fillter {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    #navbar1 span.open-space-side {
        background: #c03839;
        height: 40px;
        display: block;
        text-align: center;
        line-height: 38px;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        color: #fff;
    }

    #navbar1 {
        position: fixed;
        bottom: 0;
        width: 100%;
        display: block;
        -webkit-transition: bottom 0.3s;
        -o-transition: bottom 0.3s;
        transition: bottom 0.3s;
        z-index: 99;
        display: block;
    }

    .product-info {
        padding-left: 15px;
        border-left: none;
        margin-top: 15px
    }

    .prodact-side-bar {
        padding-right: 15px;
        margin-top: 15px;
    }

    .product-main {
        margin-top: 30px;
    }

    .profile-side-bar {
        padding-top: 75px;
    }

    .profile-side-head { padding-right: 15px; padding-left: 15px; }

    .cart-side { margin-top: 30px ;    }

    .payment-main-new p {
        margin-bottom: 10px;
    }

    .payment-masg {
        margin-top: 0px;

    }


    span.user-indicator {
        position: absolute !important;
        top: 0px !important;
        background: #333 !important;
        color: #fff;
        border-radius: 50%;
        font-size: 10px;
        width: 17px !important;
        height: 17px !important;
        line-height: 15px !important;
        margin-right: -22px !important;
    }


    .mob-menu .mob-menu-head ul li a span.gust-indicator {
        position: absolute !important;
        top: 0px !important;
        background: #151415 !important;
        color: #fff;
        border-radius: 50%;
        font-size: 10px;
        width: 17px !important;
        height: 17px !important;
        line-height: 17px !important;
        margin-right: 5px !important;
    }

    .filter-item h1.h1-links-colapsed span,
    .filter-item h2.h2-links-colapsed span {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .filter-item h1.links-colapsed span,
    .filter-item h2.links-colapsed span {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .filter-item .search-barnd-main { display: none }
    .filter-item ul { display: none }


    a.mob-cart-link {
        float: left !important ;
        margin-top: 6px !important ;
        font-size: 22px !important ;
        margin-left: -5px !important ;
        position: relative !important ;
        color: #3b3b3b !important ;
    }

    a.mob-cart-link span.gust-indicator {
        right: 10px;
        top: -5px !important;
        text-align: center;
    }



    .alert-main-pro {display: none !important;}

    .mobile_add_to_cart_popup {display:block !important;}

    .slick-carousel-1 .slick-prev, .slick-carousel-1 .slick-next { display: none !important }

    .container.more-cate-main { padding: 0 }


    .container.more-cate-main .col-md-4.col-sm-6.col-xs-12.more-cate-item {
        width: 33.33333333%;
    }

    .small-pro-maim, .brand-section {
        padding-right: 0;
        padding-left: 0;
    }


    .small-ads-main-src {
        padding-right: 0;
        padding-left: 0
    }

    .small-ads-main-src li:first-child {
        margin-right: 15px;
    }

    .small-ads-main-src li:last-child {
        margin-left: 15px;
    }

    .pro-small-item a { margin-bottom: 0 }



    .slide-content.more-cont-link-new {
        padding: 4px;
    }

    .slide-content.more-cont-link-new a {
        background: rgba(212, 212, 212, 0.31);
        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: 1px solid #E4E4E4;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        text-decoration: none;
    }

    .slide-content.more-cont-link-new a p {
        margin-bottom: 12px;
    }

    .slide-content.more-cont-link-new a span {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.1);
        text-align: center;
        font-size: 18px;
        color: #000;
        line-height: 30px;
    }


    .product-info .qoan-form {
        margin-top: 0;
        margin-bottom: 0;
        position: fixed;
        bottom: 0;
        z-index: 99;
        background: #fff;
        width: 100%;
        right: 0;
        padding: 15px;
    }

    .product-info .qoan-form select {
        width: 75px;
        height: 48px;
        font-size: 16px;
        border: 1px solid #333;
        color: #333;
        margin-top: 1px;
        float: right;
        margin-bottom: 30px;
        background: #F6F6F6;
        border: 2px solid #DDDDDD;
        float: left;
    }


    .product-info .qoan-form button {
        width: calc(100% - 90px);
        float: left;
        height: 48px;
        color: #fff;
        font-weight: bold;
        background-color: rgba(192, 56, 57, 1);
        border: none;
        padding: 0;
        position: static;
        font-size: 16px;
        float: right;
    }

    .pro-info-tab-main .tabs {
        /*border-bottom: 1px solid #EAEAEA;*/
        padding-bottom: 20px;
        display: table;
        width: 100%;
    }


    .product-info {
        padding-bottom: 15px;
        border-bottom: 1px solid #EAEAEA;
    }

    .pro-info-tab-main {
        margin-top: 20px;
    }

    #tabs-nav {
        border-bottom: 1px solid #EAEAEA;
        margin-bottom: 30px;
        width: calc(100% + 30px);
        margin-right: -15px;
        text-align: center; 
    }

    body.mob-item-padding {
        padding-bottom: 75px !important;
    }

    .product-info .qoan-form button span { display: none; }
    .product-info .qoan-form select { margin-bottom: 0 }

    body {
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch;
    }


    .slick-carousel-1.col-xs-12 {
        padding: 0;
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
    }

    .slick-carousel-1.col-xs-12::-webkit-scrollbar {
        height: 0px;
    }

    /* Track */
    .slick-carousel-1.col-xs-12::-webkit-scrollbar-track {
        background: transparent;
    }

    /* Handle */
    .slick-carousel-1.col-xs-12::-webkit-scrollbar-thumb {
        background: transparent;
    }


    .pro-small-item a {
        margin-right: 15px;
        display: block;
    }


    .slick-carousel-1.col-xs-12 .slide-content:last-child .pro-small-item a {

        margin-left: 15px;
    }

    .pro-small-item a p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 43px;
        word-break: break-all;
        overflow-y: auto;
        white-space: break-spaces;
        overflow-y: hidden;
    }

    .slick-carousel-1 .pro-small-item {
        padding: 0 !important;
    }

    .slick-carousel-1 .slide-content {
        display: inline-block;
    }

    .filter-head-main .sort-filter .dropdown {
        margin-right: 0;
        text-align: initial;
    }

    /* .col-xs-12.col-lg-9.col-md-8.col-sm-12.remove-padding.pay-add-item {
        margin-top: 0 !important;
    } */


}



@media only screen and (max-width : 767px) {
    .footer-category-li {
        margin-bottom: 5px;
    }

    .container.inner-banner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .col-xs-12.inner-banner-div {
        padding-left: 0px;
        padding-right: 0px;
    }

    .slick-carousel-1.col-xs-12 {
        padding: 0;
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
    }

    .slick-carousel-1 .slide-content {
        display: inline-block;
        width: 160px;
        margin-right: 10px;
    }

    .slick-carousel-1 .pro-small-item {
        padding: 0;
    }

    .pro-small-item a {
        margin-right: 0px;
        display: block;
        padding-bottom: 10px;
        width: 100%;
    }

    a.add-wishlist span { position: relative; top: 6px; }

    .col-xs-12 .filter-item{
        border-bottom: 1px solid #E6E6E6;
        margin-bottom: 0 !important;
        padding-left: 0px;
        padding-right: 15px;
        background: white;
    }

    .carousel-control.right {
        visibility: hidden;
    }

    .carousel-control.left {
        visibility: hidden;
    }
    
    .pro-small-item a h4 span { 
        font-size: 12px; 
        color: #9e9e9e;
        text-decoration: line-through;
        font-weight: 500;
        display: block;
    }

    .cart-side {   width: calc(100% + 30px);
        margin-right: -15px;}

    .head-top-main { padding-left: 0; padding-right: 0 }

    .footer-main h1 {

        margin-top: 15px;
    }


    .footer-main .container.remove-padding .col-xs-12 .col-xs-12 { padding: 0 }

    .footer-main ul {
        text-align: right;
    }

    .footer-main ul li {
        margin-left: 10px;
        margin-right: 0;

    }
    .fot-bottom-side { margin-top: 0 }
    .fot-bottom-side .text-center { text-align: right; }

    .footer-main {
        padding-top: 20px;
    }

    .head-main-bot .logo-main a img {
        height: 37px;
    }

    #webapp_cover {

        margin-top: 7px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        margin-right: -4px;
    }
    .wrapper {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        margin-left: -9px;
    }

    .head-main-bot .logo-main a {
        margin-right: 45px;
    }
    .footer-main .col-md-2 img {
        width: auto;
        height: 60px;
    }

    .small-ads-main-src ul li {
        width: 83px;
        margin-right: 10px;
    }

    .small-ads-main-src ul li a p {
        /*font-size: 10px;*/
        white-space: break-spaces;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    /*    .small-ads-main-src ul li a img {

                border: 1px solid #c03839;
            }
        */
    .small-ads-main-src ul::-webkit-scrollbar {
        height: 0px;
    }

    .brands-main a {

        padding: 15px 7px;

    }

    .brands-main {

        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-gap: 5px;
        grid-row-gap: 5px;
    }
    .small-pro-maim h3, .first-add-pro-main h3, .small-with-box h3
    .small-pro-maim h2, .first-add-pro-main h2, .small-with-box h2 {
        font-size: 21px;
        width: calc(100% - 110px);
        margin-bottom: 27px;
    }

    .slick-carousel-2 {
        margin-top: 15px;
    }

    .sale-banner-main {
        margin-bottom: 10px;
        margin-top: 0;
    }

    .brand-section h3 {
        font-size: 21px;
        margin-bottom: 15px;
        width: calc(100% - 90px);
    }
    .more-cate-main h1 {
        font-size: 16px;
        margin-bottom: 15px;
        width: calc(100% - 85px);
    }

    /*   .more-cate-main .more-cate-item a .img-frame {
               padding-bottom: 75%;
           }
       */
    /*   .more-cate-main .more-cate-item a p {
               top: -75px
           }*/

    .more-cate-main .more-cate-item a {
        margin-bottom: 15px;
    }

    a.more-btn {
        font-size: 16px;
        margin-top: 21px;
    }

    .other-banners .other-banners-item a .img-frame {
        padding-bottom: 70%;
    }
    .other-banners .other-banners-item a p {
        font-size: 16px;
        margin-top: -10px;
    }

    .baby-cover h1 {
        font-size: 22px;
        margin-right: 15px
    }

    .baby-cover p {
        font-size: 14px;
        margin: 10px 0;
        margin-right: 15px
    }

    .baby-cover a { margin-right: 15px }

    .baby-cover {
        padding: 30px 15px;
    }

    .more-cate-main a .img-frame {
        padding-bottom: 60%;
    }

    .more-cate-main a p {
        font-size: 14px;
        height: 38px;
    }

    .slick-arrow {
        opacity: 1;
    }

    .baby-cover img {

        opacity: 0.5;
    }
    .slick-carousel-1 .slick-list {
        padding: 0 0 0 20%;
    }

    .copy-sectoin {
        margin-top: 0;
        padding-bottom: 10px;
    }

    .copy-sectoin ul {
        float: right;
    }

    .head-main-bot .search-main input {

        border-radius: 0px;
    }

    .full-banner-main img {
        height: 200px;
    }

    .other-banners-item {
        margin-bottom: 15px;
    }

    .other-banners .other-banners-item {
        margin-top: 15px;
    }

    .fot-bottom-side { padding-right:15px; padding-left:15px;}

    .top-head-main-cont {  padding-right:0px; padding-left:0px;}

    .col-md-3.col-sm-6.col-xs-12.more-cate-item { 
        width: 50%;
        padding-right: 15px;
        padding-left: 0px;
    }
    /*.other-banners .other-banners-item { width: 50% }*/

    .col-md-6.col-sm-6.col-xs-12.more-cate-item { width: 50% }

    .more-cate-main .col-md-4.col-sm-4.col-xs-12 { width: 50% }

    .home-full-slider img {
        height: 180px !important;
    }

    .home-full-slider {
        margin-bottom: 60px;
    }

    .large-items-main img { height: 150px; }

    .modal-open .modal { padding: 0 !important   }

    .slide-tabs h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .price-grid .brands-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 15px;
        grid-row-gap: 15px;
    }

    .sort-grid .brands-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 10px;
        grid-row-gap: 10px;
    }

    .grid-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-tools-main .brands-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 13px;
        grid-row-gap: 13px;
    }

    .study-tools-main {
        margin-top: 0px;
    }

    .filter-grid .grid-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-head-main .sort-filter {
        float: right;
        margin-top: 10px;
    }

    .filter-grid .search-res-main ul li {
        border: 1px solid #333;
        padding: 3px 5px;
        margin-top: 5px;
    }

    .filter-grid .search-res-main ul li h5 {
        display: inline-block;
        font-size: 12px;
    }

    .filter-grid .search-res-main ul li span {

        font-size: 10px;
    }

    .filter-head-main {
        margin-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 20px;
    }

    .filter-grid .search-res-main {
        margin-bottom: 20px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .grid-main { padding-right: 10px; padding-left: 10px }

    #navbar1 span.open-space-side {
        font-size: 16px;
    }

    .filter-main { padding-right: 0; padding-left: 0 }
    .filter-item h1 , .filter-item h2 { width: 100%; }

    .more-btn a {
        font-size: 18px;
    }

    .demo img {
        height: 300px;
    }

    .Specif-main .Specif-item { text-align: right; margin-bottom: 10px }
    .Specif-main .Specif-item {
        text-align: right;
        margin-bottom: 10px;
        background: #eee;
    }

    .Specif-main .Specif-item p { font-size: 12px; }

    .Specif-main:nth-child(odd) .Specif-item {
        background-color: rgba(192, 56, 57, 0.3);
    }

    #tabs-nav li a {     font-size: 16px;}

    .not-found-main img { display:none; }
    .not-found-main {
        margin-top: 0;
        margin-bottom: 30px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .not-found-main h1 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .not-found-main p {
        font-size: 22px;
    }

    .pro-cont-main { padding-right: 0; padding-left: 0 }
    .pro-cont-main .redem-main ul li p {
        float: none;
        font-size: 14px;
    }

    .pro-cont-main .redem-main ul li span {
        float: none;
        font-size: 14px;
        margin-top: 5px;
        display: block;
    }

    .pro-cont-main h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .pro-cont-main .redem-main ul li h2 {
        font-size: 34px;

    }

    .pro-cont-main .redem-main ul li h5 {
        font-size: 12px;
    }

    .order-main ul li .col-xs-12 {
        display: block;
    }

    .order-main ul li img {
        float: none;
        height: 180px;
        width: 150px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-left: 15px;
        display: block;
        margin: auto;
    }

    .order-main .order-info {
        float: none;
        text-align: center;
    }

    .order-main ul li .col-xs-12 h4 {
        width: auto;
    }

    .order-main ul li .col-xs-12 {

        padding-bottom: 15px;
    }

    .popover {
        max-width: 250px;
    }

    .popover-title {
        font-size: 12px;
    }
    .popover .btn-group a {

        width: 90px;
        margin-left: 0

    }


    #add-cart-pop p {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .address-item ul li a {
        width: 120px;
        font-size: 12px;
    }
    .address-item ul li {
        display: inline-block;
        margin-bottom: 5px;
        margin-left: 3px;
    }

    a.new-address-btn {
        text-align: center;
        float: right;
        margin-top: -5px;
        padding: 10px 20px;
        background: #303030;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        margin-bottom: 20px;
        width: 100%;
    }

    .add-address .modal-body {
        padding: 0; padding-bottom: 15px; padding-top: 15px;}
    .add-address ul li {margin: 2px}
    .add-address ul li button { width: 95px; font-size: 12px;  }
    .add-address ul li:last-child button { width: 150px }

    .img-up-main {
        width: 70px;
        height: 70px;
    }

    .uploaded-images-div img {
        width:70px; height:70px;
    }
    .ticket-item {
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 15px
    }
    .ticket-item h5 {
        position: static;
        margin-bottom: 5px;
    }

    .ticket-main { padding: 0;  }

    .admin-mgs-main .msg-container p {
        font-size: 13px;
        color: #fff;
    }

    .user-mgs-main .msg-container{width: 100%}
    .admin-mgs-main .msg-container p {
        font-size: 12px;
        color: #fff;
    }

    .user-mgs-main .msg-container p {
        font-size: 12px;
        color: rgba(82, 82, 82, 1);
    }

    .user-mgs-main .msg-container {
        width: 100%;
    }

    .admin-mgs-main .msg-container {
        background-color: rgb(48, 48, 48);
        border-radius: 10px;
        color: #fff;
        display: table;
        padding: 5px 10px;
    }

    .user-mgs-main .msg-container {
        background-color: rgba(216, 216, 216, 1);
        border-radius: 10px;
        color: rgba(82, 82, 82, 1);
        display: table;
        padding: 8px 10px;
        width: 100%;
    }

    .chat-main textarea {

        font-size: 14px;
    }

    .chat-main button {
        font-size: 14px;
    }

    .cart-main .order-main ul li .col-xs-12 h4 { max-width: 100%; }
    .qunt-main {
        position: static;
        width: auto;
        text-align: center;
        left: 0;
        margin-top: 10px;
    }

    .checkout-head li { text-align: start !important; margin-bottom: 15px }
    .checkout-head li p { text-align: start; }
    .checkout-head:after {
        content: '';
        position: absolute;
        width: 1px;
        height: calc(100% - 15px);
        background-color: #a7a7a7;
        right: 21px;
        top: 1px;
    }

    .checkout-main .add-address ul li button {
        width: 150px;
        margin-top: 10px
    }

    .checkout-main { padding: 0; margin-top: 0px }

    .checkout-main .add-address {
        margin-top: 5px;
    }

    .payment-main form .ex-date {
        width: 118px;
        margin-left: 5px;
    }
    .payment-main form .cvv-num {
        width: 117px;
    }

    .order-items-main ul li p {
        float: none;
    }

    .order-items-main ul li h4 {
        float: none;
        margin-top: 6px;
        margin-left: 0;
        font-size: 14px;
    }

    .order-items-main ul li .col-xs-12 a {
        float: none;
        width: 100%;
    }

    .order-items-main ul li .col-xs-12 h5 {
        float: none;
        margin-left: 0;
        font-size: 12px;
        margin-top: 10px
    }

    .order-items-main ul li {
        border: 1px solid #a7a7a7;
        padding-right: 15px;
        position: relative;
        display: table;
        min-height: auto;
        width: 100%;
        padding-left: 15px;
        padding-bottom: 10px;
        text-align: center;
        padding-top: 10px
    }

    .order-items-main ul li img {
        position: static;
        right: 0;
        height: 99px;
        width: 75px;
        -o-object-fit: contain;
        object-fit: contain;
        top: 0;
        margin: auto;
        display: block;
    }

    .payment-main .pay-side-bar { margin-top: 0; margin-bottom: 30px }

    .shipping-info-main { padding-left: 15px; padding-right: 15px; margin-top: 20px; margin-bottom: 20px }


    .payment-masg { padding-left: 15px; padding-right: 15px; margin-top: 0 }
    .payment-masg a { position: static; width: 100%; display: block;
        margin-top: 10px }

    .order-item-info { text-align: right !important; }
    .order-item-info h5 { text-align: right; }

    .order-item-info { width: calc(100 + 30px); margin-right: -15px }
    .cart-side-check { padding-right: 15px; padding-left: 15px; }

    .order-d-main-in ul li h5 {
        float: none;
        margin-top: 10px;
    }

    .order-d-main-in ul li p { float: none }
    .more-cate-main .more-cate-item a p { font-size: 16px }

    .pro-small-item a img { height: 180px }

    .more-cate-main a p {     line-height: 37px; }


    .Specif-main11 li {
        background: white;
        width: calc(100%);
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
        padding: 10px 0;
    }

    .Specif-main11 li:nth-child(even) {
        background-color: rgba(192, 56, 57, 0.1);
    }
    .Specif-main11 li:nth-child(odd) {
        background-color: white;
    }


    .col-xs-12.remove-padding.gap-mob-fix {
        width: calc(100% - 17px);
        margin-right: 7.5px;
    }

    .col-xs-12.remove-padding.gap-mob-fix .more-cate-item {
        padding-left: 7.5px;
        padding-right: 7.5px;
        width: 50%;
    }

    .container.more-cate-main { 
        margin-top: 15px; 
        padding-left: 15px;
    }


    .container.more-cate-main .def-grid-mob .col-md-4.col-sm-6.col-xs-12.more-cate-item {
        width: 50%;
    }


    .more-cate-main .more-cate-item .def-grid-mob a .img-frame.def-frame {
        padding-bottom:100% !important;
    }


    body.mob-item-bot-padding {
        padding-bottom: 75px !important;
    }

    li.delete-all-mob-button {
        padding: 0 !important;
        margin-right: 15px;
    }

    .filter-grid .search-res-main ul li:nth-last-child(-n+2) {
        margin-left: 15px;
    }

    .payment-main form button {
         margin-bottom: 0 !important;
    }

    .cart-side-check {
        margin-bottom: 0 !important;
    }


}




/*
    ===================================================================================================================
                                                        end media
    ====================================================================================================================
    */

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: noen;
    background-image: noen;
    background-image: none;
    background-repeat: repeat-x;
    -webkit-filter: none;
    filter: none;
    transform-origin: right center;
    transform: scaleX(1);
    transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
}

.carousel-control.right .wave{
    transform-origin: right center;
    transform: scaleX(1);
    transition: transform 0.4s;
    margin-right: -2px;
}

.carousel-control.right #circle{
    transform-origin: right center;
    transition: all 0.4s;
    margin-right: -2px;
    pointer-events: none;
}

.carousel-control.right.div:hover .wave{
    transform: scaleX(2.5);
    opacity: 1;
    fill:white;
}

.carousel-control.right:hover #circle{
    right: 0px;
    background: transparent;
}

.carousel-control.right.wave .wave-path{
    transform-origin: right center;
    transform: scaleX(1);
    transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
}

.carousel-control.right:hover .wave .wave-path{
    /* transform: scaleX(2.5); */
    opacity: 1;
    fill:white;
}

.carousel-control.right.circle {
    background: rgba(255, 255, 255, 0.4);
    width: 60px;
    height: 60px;
    border-radius: 100%;
    padding: 5px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2;
    transition: all 0.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(0%, -50%);
}

.carousel-control.left {
    right: auto;
    left: 0;
    background-image: noen;
    background-image: noen;
    background-image: none;
    background-repeat: repeat-x;
    -webkit-filter: none;
    filter: none;
    transform-origin: left center;
    transform: scaleX(1);
    transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
}

.carousel-control.left .wave{
    transform-origin: left center;
    transform: scaleX(1);
    transition: transform 0.4s;
    margin-left: -2px;
}

.carousel-control.left #circle-left{
    transform-origin: left center;
    transition: all 0.4s;
    margin-left: -2px;
    pointer-events: none;
}

.carousel-control.left.div:hover .wave{
    transform: scaleX(2.5);
    opacity: 1;
    fill:white;
}

.carousel-control.left:hover #circle-left{
    left: 0px;
    background: transparent;
}

.carousel-control.left.wave .wave-path{
    transform-origin: right center;
    transform: scaleX(1);
    transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
}

.carousel-control.left:hover .wave .wave-path{
    /* transform: scaleX(2.5); */
    opacity: 1;
    fill:white;
}

.carousel-control.left.circle {
    background: rgba(255, 255, 255, 0.4);
    width: 60px;
    height: 60px;
    border-radius: 100%;
    padding: 5px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2;
    transition: all 0.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0%, -50%);
}

span.gust-indicator {
    position: absolute !important;
    top: -11px !important;
    background: #c03839;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin-right: -19px !important;
}

span.user-indicator {
    position: absolute !important;
    top: 0px !important;
    background: #c03839;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    width: 17px;
    height: 17px;
    line-height: 15px;
    margin-right: -19px !important;
}

span.not-available {
    background: #656565;
}

.down-mega-main .col-md-4 .col-md-4 {
    padding-right: 5px;
    padding-left: 5px;
}

li.clear-all-tags {
    border: 1px solid #c03839 !important;
}

li.clear-all-tags a h5 {
    color: #c03839 !important;
}


.pagination > li > a, .pagination > li > span {

    color: #303030 !important;
    width: 30px;
    height: 30px;
    font-size: 14px;
    padding: 0;
    text-align: center;
    line-height: 27px;
    margin-bottom: 0;
    border:none;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    background-color: #c03839 !important;
    border-color: #c03839 !important;
    color: #fff !important
}

span.icon-play-button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}


.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-size: 22px;
    position: relative;
    background: #EFEFEF;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: transparent;
    border: 1px solid #c03839 !important;
    color: #fff !important;
}

.pagination > li {
    display: inline-block;
    margin: 3px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-size: 22px;
    position: relative;
    background: #EFEFEF;
    font-weight: normal;
}

.pagination i {
    position: relative;
    top: 2px;

}



.new-form {
    margin-top: 30px;
    margin-bottom: 30px;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}


.new-form input {     width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid #979797;
    padding-left: 75px; }

.new-form button {    position: absolute;
    left: 0;
    background: none;
    border: none;
    color: #c03839;
    font-weight: bold;
    margin-top: 8px;}

.new-form button:hover {color: #333;}

.new-form.col-xs-12.remove-padding.cop-form-main {
    margin-bottom: 0;
}


.alert-main-pro {
    display: block;
    position: fixed;
    bottom: 10px;
    background: rgb(255 244 244);
    border: 1px solid #c03839;
    padding: 15px;
    width: 350px;
    border-radius: 10px;
    left: calc(50% + -175px);
}

.alert-main-pro h4 { font-weight: bold; font-size: 16px; }
.alert-main-pro p {
    color: #8a8a8a;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 60px;
    position: relative; }
.alert-main-pro p img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0px;
    right: 0px; }

.alert-main-pro h5 {     color: #c03839;
    margin-left: 40px;}


.dropdown-search-result {
    position: absolute;
    max-height: 400px;
    overflow: auto;
    background: #fff;
    padding: 0px;
    width: calc(100% + 2px);
    border: 1px solid #a8a8a8;
    padding-bottom: 0;
    padding-top: 0;
    border-top: 0;
    min-height: 120px;
    right: -1px;
}

/* width */
.dropdown-search-result::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.dropdown-search-result::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.dropdown-search-result::-webkit-scrollbar-thumb {
    background: #ddd;
}

.dropdown-search-result a {
    padding-bottom: 5px;
    padding-top: 5px;
    display: inline-block;
    color: #777;
    text-decoration: none; }

.dropdown-search-result a:hover {
    color: #c02328; 
}

.dropdown-search-result .selected {
    background: lightgray; 
}


.head-main-bot .search-main input {
    border-radius: 0;
}

.cart-btn button.qoan-form.button { margin-top: 0 !important }

i.ri-arrow-right-s-line {
    -webkit-transform: rotate(
            180deg
    );
    -ms-transform: rotate(
            180deg
    );
    transform: rotate(
            180deg
    );
}

/* .mob-menu .mob-menu-head ul li a span.icon-heart:before {
        top: 9px;
        position: relative;
    }

    .mob-menu .mob-menu-head ul li a span.icon-cart:before {
        top: 9px;
        position: relative;
    }*/


p.shaddow-title {
    -o-transition: all .3s ease;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: auto;
    bottom: 0;
    text-align: center;
    background: -o-linear-gradient( bottom , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient( bottom , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(
            bottom
            , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(
            linear
            , left bottom, left top
            , color-stop(18%, rgb(0 0 0 / 65%)), to(rgba(255,255,255,0)));
    background: linear-gradient(
            0deg
            , rgb(0 0 0 / 65%) 18%, rgba(255,255,255,0) 100%);
    height: 50px;
    line-height: 55px;
    width: 100%;
    margin-top: -50px;
}

#tab2 { padding-right: 15px; padding-left: 15px; }
#tab2 div {
    width: auto!important ;
    max-width: auto !important;
    min-width: auto !important;
    display: block !important;
}




.faq-main { background-color: rgba(192, 56, 57, 1);
    padding-top: 30px; padding-bottom: 30px; margin-top: 30px }

.faq-main h1 { font-size: 26px;
    color: rgba(255, 255, 255, 1); text-align: center; margin-bottom: 30px }


.accord-main-title { margin-bottom: 30px;font-size: 22px;
    color: #143d4f; margin-left: 15px; }

.show-accord { display: block; }

.accord-title
{
    background-color:#f8f7ff;
    padding:18px;
    margin-top:4px;
    cursor: pointer;

}
.accord-title p, .accord-main p {color: #333;
    margin-top: 0;
    font-size: 14px;
    text-align: right;}
.accord-main
{

    padding:15px;
    display: none;
    border:1px solid #eff2f6;

}

.accord-main p { margin-bottom: 10px; font-size: 14px; margin-top: 0; color: #fff }

.show-accord { display: block; }


.col-xs-12.grid-main.deals-of-day {
    margin-top: 30px;
    margin-bottom: 30px;
}


.brands-main a {
    background-color: #fff !important;
    display: table;
    width: 100%;
    height: 100%;
    padding: 0;
}

.container.remove-padding.no-content-cart img {
    height: 330px;
    margin: auto;
}
.container.remove-padding.no-content-cart {
    width: 70%;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}




.pro-bot-att {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    z-index: 999;
    border-top: 2px solid #777

}

.pro-bot-att .top-pro-att {
    position: relative;
    padding-right: 90px;
    min-height: 80px;
}

.pro-bot-att .top-pro-att img {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    border:1px solid #777;
    object-fit: contain;
}

.pro-bot-att .top-pro-att h3 {
    color: green;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    top: 8px;
    position: relative;
}
.pro-bot-att .top-pro-att p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 43px;
    top: 8px;
    position: relative;
}

.pro-bot-att h4 {


    float: right;
}

.pro-bot-att h2 {
    float: left;
    font-size: 20px;
    font-weight: bold
}

.pro-bot-att h2 span {
    font-size: 14px;
    opacity: 0.7;
    font-weight: normal;
    margin-left: 5px;
}
.pro-bot-att .shipping-info{border-top:1px solid #777;
    margin-top: 10px; margin-bottom: 10px; padding-top: 10px;
    padding-bottom: 10px; border-bottom: 1px solid #777}

.pro-bot-att ul li {
    float: right;
    width: 50%;
    text-align: center;
}
.pro-bot-att ul li a {
    background-color: #c03839;
    height: 40px;
    display: block;
    line-height: 40px;
    color: #fff
}

.pro-bot-att ul li:first-child{
    padding-left: 7.5px;
}
.pro-bot-att ul li:first-child a {
    background-color: transparent;
    color: #c03839;
    border:1px solid #c03839;
}
.pro-bot-att ul li:last-child{
    padding-right: 7.5px
}

.lSAction > .lSPrev { display: none; }
.lSAction > .lSNext { display: none; }

.lSSlideOuter .lSPager.lSGallery {
    text-align: center;
    margin: auto;
}

.lSSlideOuter .lSPager.lSpg {
    position: relative;
    text-align: center;
    margin: auto !important;
    display: table;
    width: 100%;
    z-index: 97
}

.lSSlideWrapper{margin-bottom: 15px}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #c03839 !important;
    width: 15px;
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #E8E8E8 !important;}

#lightSlider li { direction: ltr; margin-left: 0 }

.demo li {margin-left: 0px; }

a.mob-cart-link.cart-loged-in span {
    top: -4px !important;
    background: #c03839 !important;
    margin-right: -26px !important;
    text-align: center !important;
}

.body-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    background: rgba(0, 0, 0, 0.65);
}

.brands-main a {
    background-color: #fff !important;
}

.col-md-8.edit-add-pop.col-md-offset-2.col-xs-12.col-sm-12.remove-padding.forgot-main input {
    margin-bottom: 15px;
}
.col-md-8.edit-add-pop.col-md-offset-2.col-xs-12.col-sm-12.remove-padding.forgot-main {
    margin-bottom: 30px;
    margin-top: 30px;
}


.new-bottom-info ul li a i.ri-phone-line {
    float: right;
    transform: rotate( 
265deg);
top: -2px;
}


.pro-cart-mob-main .total-ord-main h5