body {
    height: auto;
    margin: 0px;
    padding: 0px;
    background: #e4e5e7;
    direction: rtl;
    font-family: yekan;
    font-size: 14px;
    font-weight: normal;
    color: #3a405b;
    text-align: right;
}

.container {
    max-width: 1200px;
}

.body-content {
    width: 1200px;
    margin: 0px auto;
    padding: 0px;
    padding: 0px 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}



@font-face {
    font-family: 'iransans-web';
    src: url('../font/iransans-web.woff2') format('woff2');
}

@font-face {
    font-family: 'iran_sansregular';
    src: url('../Font/iran_sans.eot');
    src: url('../Font/iran_sans.eot?#iefix') format('embedded-opentype'), url('../Font/iran_sans.woff') format('woff'), url('../Font/iran_sans.ttf') format('truetype'), url('../Font/iran_sans.svg#iran_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yekan';
    src: url(../Font/web_Yekan.woff);
    src: url(../Font/web_Yekan.eot?#iefix) format("embedded-opentype"), url(../Font/web_Yekan.woff) format("woff"), url(../Font/web_Yekan.ttf) format("truetype"), url(../Font/web_Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'yekan';
    src: url('../font/web_yekan.woff') format('woff');
}*/


a, a:hover, a::selection, a:focus {
    color: #3a405b;
    text-decoration: none;
}

label {
    font-weight: normal;
}

input, select, textarea, text, button {
    outline: none;
    -webkit-appearance: none;
    font-weight: normal;
    border: none;
}

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }

    input[type=number] {
        -moz-appearance: textfield;
    }

    input[type="checkbox"][disabled] {
        background: red;
        -webkit-appearance: checkbox;
    }

/*------------------------------------ Form ------------------------------------*/
.FormBox {
    background: #fff;
    border-radius: 5px;
    padding: 0px;
    margin-top: 30px;
    float: right;
    width: 100%;
}

.FormBoxTitle {
    border-bottom: 1px solid #f0f2f7;
    padding: 16px 20px 12px 0px;
}

.FormBoxInner {
    padding: 0px 40px 40px;
    float: right;
    width: 100%;
}

.ButtonBox {
    border-top: 1px solid #f0f2f7;
    padding-bottom: 40px;
}

.FormDiv {
    margin-top: 30px;
    float: right;
    width: 100%;
}

    .FormDiv input {
        padding: 10px 19px 11px 19px;
        border-radius: 5px;
        border: 1px solid #e4e7ef;
        background: #f0f2f7;
        width: 100%;
        float: right;
    }

    .FormDiv select {
        padding: 7px 19px 8px 19px;
        border-radius: 5px;
        border: 1px solid #e4e7ef;
        width: 100%;
        float: right;
    }

    .FormDiv label {
        color: #a1a6bb;
        margin-bottom: 7px;
        margin-top: -4px;
        width: 100%;
        float: right;
    }

    .FormDiv input[type=file] {
        padding: 7px 19px 11px 19px;
    }

.Hr {
    border-top: 1px solid #f0f2f7;
    margin-top: 40px;
    margin-bottom: 0px;
    padding: 0px;
    min-height: 0px;
}

.MobileInput {
    direction: ltr;
    padding-left: 34px !important;
}

    .MobileInput::-webkit-input-placeholder {
        direction: rtl;
        padding-left: 31px;
    }

.PhoneInput {
    direction: ltr;
    padding-left: 34px !important;
}

    .PhoneInput::-webkit-input-placeholder {
        direction: rtl;
        padding-left: 31px;
    }

.EditBtn, .btn-blue, .DeleteBtn {
    background: #4be1ab;
    padding: 11px 0px 12px 0px;
    border-radius: 100px;
    color: #fff !important;
    margin-top: 40px;
    margin-bottom: 0px;
    text-align: center !important;
    cursor: pointer;
    border: none;
    width: 100%;
    float: right;
}

.width-200 {
    width: 200px;
}

.width-870 {
    width: 870px;
}

.btn-blue {
    background: #3b55e6;
}


.DeleteBtn {
    background: #fe5339;
}


/********************Header****************************/
.ChatIcone {
    background: red;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 30px;
    clip-path: polygon(50% 0)
}






.Header {
    width: 100%;
    min-width: 1200px;
    height: 137px;
    background: #fff;
}

.TopHeader {
    max-width: 1170px;
    height: 83px;
    margin: 0px auto;
    background: #fff;
}

.Sign {
    float: right;
}

    .Sign a, .Sign label {
        font-size: 16px;
        margin-top: 29px;
        float: right;
        cursor: pointer;
    }

.UserImg {
    width: 33px;
    height: 33px;
    border: 1px solid #f0f2f7;
    border-radius: 50px;
    margin: 37.5px 12px 0px 0px;
    float: right;
    margin: 25px 0px 0px 15px;
}

#OpenIconImg1 {
    width: 8px;
    height: 12px;
    float: right;
    margin: 35.5px 12px 0px 0px;
    cursor: pointer;
    transform: rotate(90deg);
}

.OpenIconImg {
    width: 8px;
    height: 12px;
    cursor: pointer;
    transform: rotate(90deg);
}

.BuyCart a:hover > .SubMenu {
    display: block;
}

.BuyCart {
    float: right;
}

    .BuyCart a {
        font-size: 16px;
        margin-top: 29px;
        float: right;
    }

.BuyCartImg1 {
    width: 20px;
    height: 19px;
    float: right;
    margin: 31px 48px 0px 14px;
}

.CartNumber {
    font-size: 16px;
    background-color: #e4e7ef;
    margin-top: 27px;
    padding: 5px 10px 2px 10px;
    margin-right: 8px;
    border-radius: 50%;
    float: right;
}

.SearchBox {
    float: right;
    margin-right: 50px;
}

.SearchField {
    border: 1px solid #e4e7ef;
    border-radius: 5px;
    font-size: 12px;
    color: #a1a6bb;
    margin-top: 20px;
    padding: 0px 25px 1px 0px;
    width: 457px;
    height: 43px;
    float: right;
}


    .SearchField::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #a1a6bb;
    }

    .SearchField:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #a1a6bb;
    }

    .SearchField::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #a1a6bb;
    }

    .SearchField:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #a1a6bb;
    }

.SearchResult {
    width: 53px;
    height: 43px;
    float: right;
    background: url(../images/icons/SearchIcon.png) center center no-repeat #4be1ab;
    margin: 20px -40px auto;
    border: none;
    border-radius: 5px 0px 0px 5px;
}

.LogoImg1 {
    height: 45px;
    float: left;
    margin-top: 19px;
}

.BottomHeader {
    max-width: 1170px;
    border-top: 1px solid #f0f2f7;
    background: #fff;
    height: 53px;
    margin: 0px auto;
}

    .BottomHeader ul {
        max-width: 1170px;
        margin: 16px auto;
        padding: 0px;
    }

        .BottomHeader ul li {
            display: inline-block;
            margin-left: 46px;
        }


            .BottomHeader ul li a {
                color: #222328;
            }

            .BottomHeader ul li ul {
                display: none;
            }

        .BottomHeader ul ul {
            width: 740px;
            float: right;
            margin: 13px 40px 37px 40px;
        }

.SubMenu {
    position: absolute;
    border-radius: 5px;
    width: 1170px;
    margin: 47px auto;
    z-index: 1000;
    background: #fff;
    display: none;
    left: 0px;
    right: 0px;
    box-shadow: 0px 5px 15px 0px rgba(102, 102, 102, 0.2);
}

    .SubMenu ul li {
        width: 196px;
        margin-top: 23px;
    }

.Menu1 {
    display: block !important;
}

.SlideShowLachaki {
    display: none;
    margin: 37px 30px 0px 0px;
    position: absolute;
    z-index: 2002;
}

.BottomHeader ul li a:hover {
    color: #3b55e6;
    text-decoration: none;
}

/*.BottomHeader ul li:hover > .SubMenu {
    display: block;
}


.BottomHeader li:hover > .SlideShowLachaki {
    display: block;
}*/


.MenuListImg1 {
    width: 310px;
    height: 320px;
    margin-top: 40px;
}

.MenuTitel {
    color: #3b55e6 !important;
}

.MenuXUl {
    margin: 0px 0px 0px 0px !important;
}

    .MenuXUl li {
        display: block !important;
        margin-top: 13px !important;
    }



.LogOut {
    position: absolute;
    border-radius: 5px;
    width: 270px;
    margin: 70px -50px;
    z-index: 1001;
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgba(102, 102, 102, 0.2);
    display: none;
}

    .LogOut ul {
        padding: 0px;
    }

        .LogOut ul li {
            list-style: none;
            padding: 12px 20px 11px 0px;
        }

    .LogOut a {
        float: none;
        font-size: 14px;
        cursor: pointer;
    }

.WishList {
    border-bottom: 1px solid #f0f2f7;
    margin: 4px 0px 4px 0px;
    padding-bottom: 17px !important;
}

.LogOutBtn {
    border-top: 1px solid #f0f2f7;
    margin-top: 6px;
    padding: 15px 20px 6px 0px !important;
}

    .LogOutBtn button {
        background: none;
        border: none;
    }
/**************************slide***********************/
.SlideShowBackground {
    height: calc((100vw - 30px) / 2.34);
    margin: 0px auto;
    margin-top: 30px;
    max-width: 1170px;
    max-height: 400px;
}

.da-slider {
    border-radius: 5px;
    position: relative;
    margin: 0px auto;
    overflow: hidden;
    height: 100%;
    -webkit-transition: background-position 5.4s ease-in-out 0.3s;
    -moz-transition: background-position 5.4s ease-in-out 0.3s;
    -o-transition: background-position 5.4s ease-in-out 0.3s;
    -ms-transition: background-position 5.4s ease-in-out 0.3s;
    transition: background-position 5.4s ease-in-out 0.3s;
}

.da-slide {
    position: absolute;
    margin: 0px auto;
    text-align: right;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
/*****************************sujestion******************************/
.Sujestion {
    width: 1170px;
    height: 394px;
    background: #fff;
    text-align: center;
    margin: 50px auto;
    border-radius: 5px;
}

.Sujestion1 {
    width: 100%;
    height: 53px;
}

.Sujestion2 {
    border-top: 1px solid #f0f2f7;
    width: 100%;
    height: 340px;
}

.SajBox1 {
    width: 284.5px;
    height: 100%;
    border-left: 1px solid #f0f2f7;
    float: right;
}

.SajBox2 {
    width: 299px;
    height: 100%;
    border-left: 1px solid #f0f2f7;
    float: right;
}

.SajBox3 {
    width: 299px;
    height: 100%;
    border-left: 1px solid #f0f2f7;
    float: right;
}

.SajBox4 {
    width: 284.5px;
    height: 100%;
    float: right;
}

.SajBox1 img {
    width: 184.5px;
    height: 181px;
    margin: 30px auto 0px;
    vertical-align: central;
}

.SajBox2 img {
    width: 199px;
    height: 181px;
    margin: 30px auto 0px;
}

.SajBox3 img {
    width: 199px;
    height: 181px;
    margin: 30px auto 0px;
}

.SajBox4 img {
    width: 184.5px;
    height: 181px;
    margin: 30px auto 0px;
}

.Sujestion h2 {
    font-size: 14px;
    color: #3a405b;
    padding-top: 19px;
    font-weight: normal;
}

.SuggestionTitle {
    font-size: 16px;
    font-weight: normal;
    color: #3a405b;
    margin: 19px 0px 0px 0px;
}

.SajBoxOff {
    color: #a1a6bb;
    text-decoration-line: line-through;
    padding-left: 10px;
}

.SuggestionOff {
    font-size: 12px;
    color: #b9bed1;
    margin: 10px 0px 0px 0px;
    font-weight: normal;
    display: block;
}

.SuggestionPrice {
    font-size: 14px;
    color: #fe5339;
    font-weight: normal;
    margin: 8px 0px 0px 0px;
}
/*********************************************************/
.BoxRow {
    width: 1170px;
    height: 380px;
    margin: 0px auto;
    text-align: center;
    /*background:red;*/
}

.BoxRow1 {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    border-radius: 5px;
}

.BoxRow2 {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    margin-left: 30px;
    border-radius: 5px;
}

.BoxRow3 {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    margin-left: 30px;
    border-radius: 5px;
}

.BoxRow4 {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    border-radius: 5px;
}

.BoxRow1:hover {
    box-shadow: 0px 5px 15px 0px #b9bed1;
    cursor: pointer;
}

.BoxRow2:hover {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    margin-left: 30px;
    border-radius: 5px;
    box-shadow: 0px 5px 15px 0px #b9bed1;
    cursor: pointer;
}

.BoxRow3:hover {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    margin-left: 30px;
    border-radius: 5px;
    box-shadow: 0px 5px 15px 0px #b9bed1;
    cursor: pointer;
}

.BoxRow4:hover {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 5px 15px 0px #b9bed1;
    cursor: pointer;
}

.SearchPic {
    width: 170px;
    height: 204px;
    margin: 30px 50px 20px 50px;
}

.BoxRowImg1 {
    max-width: 170px;
    max-height: 204px;
    position: relative;
    top: 50%;
    transform: translate(0%,-50%);
}

.BoxRowImg2 {
    width: 270px;
    height: 301px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 1;
    position: relative;
    margin-top: -46px;
    object-fit: cover;
}

.BoxRowImg3 {
    width: 270px;
    height: 380px;
    border-radius: 5px;
    margin-top: -100px;
    z-index: 1;
}

.BoxRowImg4 {
    width: 170px;
    height: 203px;
    margin: 30px 50px 20px 50px;
    object-fit: contain;
}

.SugLbTitel2 {
    font-size: 14px;
    color: #222328;
    text-align: right;
    margin-right: 30px;
    margin-top: 16px;
    font-weight: normal;
    display: block;
}

.SugLbPrice2 {
    font-size: 12px;
    color: #3a405b;
    text-align: left;
    margin-left: 29px;
    margin-top: 4px;
    float: left;
    font-weight: normal;
}

.BoxRow4DivBuy1 {
    font-size: 12px;
    color: #fff;
    background-color: #fbc300;
    margin: 15px 0px 0px 15px;
    border-radius: 5px;
    float: left;
    z-index: 2;
    position: relative;
    padding: 15px 15px 16px 14px;
    font-weight: normal;
    line-height: 0px;
}

.BoxRow3 label {
    z-index: 2;
    position: relative;
}

.SugLbTitel3 {
    font-size: 14px;
    color: #222328;
    margin: 26px 0px 0px 0px;
    font-weight: normal;
}

.SugLbModel3 {
    font-size: 14px;
    color: #222328;
    margin-top: 3px;
    font-weight: normal;
    display: block;
}

.SugLbPrice3 {
    font-size: 12px;
    color: #3a405b;
    margin-top: 4px;
    font-weight: normal;
}


.BoxRow4DivBuy {
    font-size: 12px;
    color: #3a405b;
    margin: 27px 0px 0px 0px;
    border: 2px solid #e4e7ef;
    border-radius: 17.5px;
    display: inline;
    text-align: center;
    padding: 6px 15px 7px 0px;
    font-weight: normal;
    line-height: 0px;
}

    .BoxRow4DivBuy input {
        font-size: 12px;
        font-family: 'yekan';
        font-weight: normal;
        color: #3a405b;
        background: #fff;
        border: 0px;
        border-right: 2px solid #e4e7ef;
        height: 31px;
        margin: 10px 11px 0px 13px;
        padding: 0px 16px 1px 0px;
        line-height: 0px;
    }
/**********************************************************************/
.Box2Row {
    width: 1170px;
    height: 380px;
    margin: 30px auto;
    text-align: center;
    /*background:red;*/
}

.Box2Row1 {
    width: 570px;
    height: 380px;
    float: right;
    background: #222328;
    border-radius: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.Box2Row2 {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    margin-left: 30px;
    border-radius: 5px;
}

.Box2Row3 {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    border-radius: 5px;
}

.Box2Row1:hover {
    box-shadow: 0px 5px 15px 0px #b9bed1;
    cursor: pointer;
}

.Box2Row2:hover {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    margin-left: 30px;
    border-radius: 5px;
    box-shadow: 0px 5px 15px 0px #b9bed1;
    cursor: pointer;
}

.Box2Row3:hover {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 5px 15px 0px #b9bed1;
    cursor: pointer;
}

.Box2RowImg1 {
    width: 570px;
    height: 301px;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.Box2RowImg2 {
    width: 170px;
    height: 209px;
    margin: -275px 50px 48px 50px;
    object-fit: contain;
}

.Box2Row2Img1 {
    width: 270px;
    height: 25px;
    margin: 5px 0px 0px 0px;
}

    .Box2Row2Img1 img {
        width: 14px;
        height: 14px;
        margin: 5px 0px 0px 0px;
    }

.Box2RowImg3 {
    width: 270px;
    height: 329px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 1;
    margin: -390px 0px 38px 0px;
    object-fit: cover;
}

.SugLbTitel21 {
    font-size: 14px;
    color: #fff;
    margin: 16px 30px 0px 0px;
    text-align: right;
    font-weight: normal;
    display: block;
}

.SugLbColor21 {
    font-size: 12px;
    color: #656569;
    margin: 9px 30px 0px 0px;
    float: right;
    font-weight: normal;
}

.Box2Row1DivBuy1 {
    font-size: 12px;
    color: #222328;
    background-color: #fff;
    margin: -286px 0px 50px 15px;
    border-radius: 5px;
    float: left;
    z-index: 2;
    position: relative;
    display: inline;
    text-align: center;
    padding: 15px 15px 11px 14px;
    font-weight: normal;
    line-height: 0px;
}

.BoxRow4DivBuy2 {
    font-size: 12px;
    color: #fff;
    margin: -14px 0px 0px 30px;
    border: 2px solid #484a52;
    border-radius: 17.5px;
    display: inline;
    text-align: center;
    padding: 0px 15px 0px 0px;
    font-weight: normal;
    line-height: 0px;
    float: left;
}

    .BoxRow4DivBuy2 input {
        font-size: 12px;
        font-family: 'yekan';
        color: #fff;
        background: #222328;
        border: 0px;
        border-right: 2px solid #484a52;
        height: 31px;
        margin: 0px 11px 0px 13px;
        padding: 0px 16px 1px 0px;
    }


.SugLbPrice22 {
    font-size: 12px;
    color: #3a405b;
    margin-top: 260px;
    font-weight: normal;
}

.SugLbTitel23 {
    font-size: 14px;
    color: #222328;
    margin-top: 26px;
    z-index: 2;
    position: relative;
    font-weight: normal;
    display: block;
}

.SugLbPrice23 {
    font-size: 12px;
    color: #3a405b;
    margin-top: 295px;
    z-index: 2;
    position: relative;
    font-weight: normal;
}
/**********************************New Product******************************************/
.New {
    width: 1170px;
    height: 394px;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    margin: 30px auto;
}

.New1 {
    width: 1170px;
    height: 54px;
    border-bottom: 1px solid #f0f2f7;
}

.New2 {
    width: 100%;
    height: 340px;
}

.NewBox1 {
    width: 285.5px;
    height: 100%;
    border-left: 1px solid #f0f2f7;
    float: right;
}

.NewBox2 {
    width: 300px;
    height: 100%;
    border-left: 1px solid #f0f2f7;
    float: right;
}

.NewBox3 {
    width: 300px;
    height: 100%;
    border-left: 1px solid #f0f2f7;
    float: right;
}

.NewBox4 {
    width: 284.5px;
    height: 100%;
    float: right;
}

.BackIcon1 {
    height: 12px;
    width: 8px;
    border: 2px solid #e4e7ef;
    float: left;
    margin: 16px 0px 0px 0px;
    padding: 9px 14px 9px 14px;
    border-radius: 0px 25px 25px 0px;
}

.NextIcon1 {
    height: 12px;
    width: 8px;
    border: 2px solid #e4e7ef;
    margin: 16px 0px 0px 30px;
    float: left;
    padding: 9px 14px 9px 14px;
    border-radius: 25px 0px 0px 25px;
}

.DivNewBox1 {
    width: 184.5px;
    height: 187px;
    margin: 30px auto 0px;
}

.DivNewBox2 {
    width: 184.5px;
    height: 187px;
    margin: 30px auto 0px;
}

.DivNewBox3 {
    width: 184.5px;
    height: 187px;
    margin: 30px auto 0px;
}

.DivNewBox4 {
    width: 184.5px;
    height: 187px;
    margin: 30px auto 0px;
}

.DivNewBox1 img {
    max-width: 184.5px;
    max-height: 187px;
    position: relative;
    top: 50%;
    transform: translate(0%,-50%)
}

.DivNewBox2 img {
    max-width: 199px;
    max-height: 187px;
    position: relative;
    top: 50%;
    transform: translate(0%,-50%)
}

.DivNewBox3 img {
    max-width: 199px;
    max-height: 187px;
    position: relative;
    top: 50%;
    transform: translate(0%,-50%)
}

.DivNewBox4 img {
    max-width: 184.5px;
    max-height: 187px;
    position: relative;
    top: 50%;
    transform: translate(0%,-50%)
}

.New1 h2 {
    font-size: 14px;
    color: #3a405b;
    margin: 18px 30px 0px 0px;
    font-weight: normal;
    display: inline-block;
    float: right;
}

.TitleLabel {
    font-size: 14px;
    color: #3a405b;
    margin: 26px 0px 0px 0px;
    text-align: center;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 30px 0px 30px;
}

.PropertyLabel {
    font-size: 10px;
    color: #b9bed1;
    margin: 9px auto 8px;
    font-weight: normal;
    display: block;
}

.PriceLabel {
    color: #334cd5;
}

/**********************************Mail News******************************************/
.MailNews {
    width: 1170px;
    height: 272px;
    background: #3a405b;
    text-align: center;
    margin: 30px auto;
    border-radius: 5px;
}

    .MailNews h3 {
        width: 1170px;
        font-size: 30px;
        color: #fff;
        padding-top: 44px;
        font-weight: normal;
    }


    .MailNews h2 {
        width: 1170px;
        font-size: 14px;
        color: #fff;
        margin: 22px 0px 0px 0px;
        font-weight: normal;
    }

.Email {
    font-family: 'yekan';
    font-size: 14px;
    color: #fff;
    background-color: #4e536c;
    border: none;
    text-align: right;
    margin: 40px -1px 0px 0px;
    padding: 11px 30px 12px 0px;
    border-radius: 5px;
    width: 370px;
}

    .Email::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #fff;
    }

    .Email:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #fff;
    }

    .Email::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #fff;
    }

    .Email:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #fff;
    }

.SendEmail {
    font-family: 'yekan';
    font-size: 14px;
    color: #fff;
    background-color: #3b55e6;
    border: none;
    margin: 40px 27px 0px 0px;
    padding: 11px 0px 12px 0px;
    border-radius: 5px;
    width: 140px;
}


/**********************************Festival******************************************/
.Festival {
    width: 1170px;
    height: 400px;
    margin: 30px auto;
    text-align: center;
    /*background:red;*/
}

.Festival1 {
    width: 570px;
    height: 400px;
    float: right;
    background: #222328;
    margin-left: 30px;
    border-radius: 5px;
}

.Festival2 {
    width: 570px;
    height: 400px;
    float: right;
    background: #fff;
    border-radius: 5px;
}

.Festival1Img1 {
    width: 570px;
    height: 400px;
    border-radius: 5px;
    z-index: 1;
    object-fit: cover;
}

.Festival1h1, .Festival2h1 {
    font-size: 24px;
    color: #fff;
    text-align: right;
    font-weight: normal;
    margin: -309px 30px auto;
    display: block;
}

.Festival1h2, .Festival2h2 {
    font-size: 24px;
    color: #fff;
    text-align: right;
    font-weight: normal;
    margin: 7px 30px auto;
    display: block;
}

.Festival1h3, .Festival2h3 {
    font-size: 14px;
    color: #fff;
    margin: 11px 30px 0px 30px;
    text-align: right;
    font-weight: normal;
    display: block;
}

.Festival1h4, .Festival2h4 {
    font-size: 14px;
    color: #fff;
    margin: 13px 30px 0px 30px;
    text-align: right;
    font-weight: normal;
    display: block;
}

.Festival1Buy {
    font-family: 'yekan';
    font-size: 14px;
    background-color: #fe5339;
    border: none;
    float: right;
    margin: 27px 30px 0px 0px;
    padding: 11px 25px 12px 23px;
    border-radius: 50px;
    z-index: 2;
    position: relative;
}

    .Festival1Buy a, .Festival2Buy a {
        color: #fff;
    }

.Festival2Img1 {
    width: 570px;
    height: 400px;
    border-radius: 5px;
    z-index: 1;
    object-fit: cover;
}

.Festival2h1 {
    text-align: left;
}

.Festival2h2 {
    text-align: left;
}

.Festival2h3 {
    text-align: left;
}

.Festival2h4 {
    text-align: left;
}

.Festival2Buy {
    font-family: 'yekan';
    font-size: 14px;
    color: #fff;
    background-color: #222328;
    border: none;
    float: left;
    margin: 27px 0px 0px 30px;
    padding: 11px 25px 12px 23px;
    border-radius: 50px;
    z-index: 2;
    position: relative;
}

/**********************************Footer******************************************/

.Footer1 {
    width: 100%;
    height: 282px;
    bottom: 0px;
    padding: 0px;
    background: #222328;
    float: right;
    min-width: 1200px;
}

.Footer2 {
    max-width: 1170px;
    height: 135px;
    background: #222328;
    text-align: center;
    margin: auto;
}

.Footer3 {
    max-width: 1170px;
    height: 146px;
    border-top: 1px solid #2d2e33;
    background: #222328;
    margin: auto;
    line-height: 33px;
    color: #656569;
}

.FooterGoogle {
    height: 17px;
    width: 26px;
    float: right;
    margin: 59px 0px 0px 28px;
}

.FooterFb {
    height: 20px;
    width: 11px;
    float: right;
    margin: 57.5px 0px 0px 28px;
}

.FooterTwiter {
    height: 16px;
    width: 19px;
    float: right;
    margin: 59.5px 0px 0px 0px;
}

.Footer2 ul {
    padding: 0px;
    width: 800px;
    margin: auto;
}


    .Footer2 ul li {
        display: inline-block;
        margin: 55px 13px 0px 13px;
        font-weight: normal;
        position: relative;
    }

        .Footer2 ul li a {
            text-decoration: none;
            color: #fff;
            font-size: 16px;
        }

            .Footer2 ul li a:hover {
                color: #656569;
            }

.LogoImg2 {
    height: 45px;
    float: left;
    margin-top: 45px;
}

.Footer3 p {
    margin: 39px 30px 0px 0px;
}

.Footer3 a {
    text-decoration: none;
    color: #656569;
}

.FooterOrg ul {
    margin: -49px 0px 0px 28px;
    float: left;
}

    .FooterOrg ul li {
        display: inline-block;
        margin: -40px 46px 0px 0px;
        font-weight: normal;
        font-size: 16px;
    }


        .FooterOrg ul li a {
            font-size: 16px;
        }

            .FooterOrg ul li a:hover {
                color: #656569;
            }




/**********************************Map Line******************************************/
.MapLineRow {
}



.LastetBreadCrumbs {
    color: #a1a6bb !important;
}

.MapLineImg {
    width: 8px;
    height: 12px;
    margin: 0px 6px 0px 7px;
}

.Sorting {
    float: left;
    margin: -25px 0px 0px 19px;
}

    .Sorting ul li {
        display: inline-block;
        list-style: none;
        margin-right: 17px;
        font-size: 13px;
        color: #a1a6bb;
    }

.SortingTitle {
    font-size: 11px;
}

.SortingActive a {
    color: #3a405b;
}


/**********************************Filter******************************************/
.Filter {
    width: 270px;
    float: right;
    border-radius: 5px;
    color: #3a405b;
    font-size: 13px;
}

.BrandFilter {
    background: #fff;
    width: 270px;
    margin: 0px 0px 30px 0px;
    border-radius: 5px;
}

.BrandFilterTitle {
    width: 270px;
    border-bottom: 1px solid #f0f2f7;
    height: 5px;
    height: 51px;
}

    .BrandFilterTitle label {
        font-size: 11px;
        margin: 17px 20px 0px 0px;
        float: right;
    }

    .BrandFilterTitle a {
        color: #3b55e6;
        text-decoration: none;
        font-size: 11px;
        margin: 17px 0px 0px 20px;
        float: left;
        border-bottom: 1px solid #3b55e6;
        padding-bottom: 2px;
    }

/*.BrandFilterSelect {
    max-height: 370px;
    overflow: auto;
}*/

.BrandFilterSelect ul {
    list-style: none;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    text-align: right;
    padding-bottom: 15px;
}

    .BrandFilterSelect ul li {
        margin: 10px 20px 0px 0px;
    }

.BrandFilterHide {
    display: none;
}

.BrandFilterSelectlabel {
    background: #fff;
    border: 2px solid #e4e7ef;
    border-radius: 5px;
    padding: 10px 8px 6px 8px;
    font-size: 1px;
    float: right;
}

/*.BrandFilterSelect::-webkit-scrollbar {
    width: 10px;
}

.BrandFilterSelect::-webkit-scrollbar-track {
    background-color: #3a405b;
    border-radius: 5px;
}

.BrandFilterSelect::-webkit-scrollbar-thumb {
    background-color: #3a405b;
    border-radius: 5px;
}*/

.BrandFilterName {
    margin-right: 10px;
    margin-top: 2px;
    width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.BrandFilterCash {
    float: left;
    margin-left: 20px;
    color: #b9bed1;
    margin-top: 4px;
}

.BrandFilterSelect input[type="checkbox"]:checked + label {
    background: #4be1ab url(../images/Icons/CheckBox.png) no-repeat center center;
    border: 2px solid #4be1ab;
}

.ColorFilterSelect ul {
    list-style: none;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    text-align: right;
    padding-bottom: 15px;
}

    .ColorFilterSelect ul li {
        margin: 10px 20px 0px 0px;
    }

.ColorFilterSelectlabel {
    background: #fff;
    /*border: 2px solid #e4e7ef;*/
    border-radius: 50%;
    padding: 12px 10px 8px 10px;
    font-size: 1px;
    float: right;
}

.ColorFilterSelect input[type="checkbox"]:checked + label {
    background: transparent url(../images/Icons/CheckBox.png) no-repeat center center;
}

/**********************************Filter******************************************/

.TargetFilterSelect {
    width: 230px;
    margin: 0px auto;
    padding-bottom: 5px;
}

.ui-slider {
    background: #e4e7ef;
    height: 5px;
    position: relative;
    border-radius: 100px;
    width: 215px;
    margin: 20px auto;
}

#PriceRange {
    background: #e4e7ef;
    height: 5px;
    position: absolute;
    width: 230px;
    margin-top: 20px;
    border-radius: 50px;
}

.ui-slider-range {
    background: #51dde9;
    height: 5px;
    position: absolute;
}

    .ui-slider-range:after {
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.3;
    }

.ui-slider-handle {
    background: #fff;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    display: block;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    z-index: 10;
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    box-shadow: 0px 3px 15px 0px #c2c5d3;
    transition: width 0.1s;
}

    .ui-slider-handle:focus {
        outline: none;
    }

    .ui-slider-handle:active {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

.ui-state-active {
    width: 15px;
}

.range-wrapper {
    position: absolute;
    top: -66px;
    float: right;
}

.TAmount {
    font-family: yekan;
    color: #b9bed1;
    margin: 0px 3px 0px -2px;
    font-size: 14px;
}

.range {
    white-space: nowrap;
    z-index: 10;
    position: relative;
    font-family: 'yekan';
    right: -8px;
}

.Amount- {
    font-family: yekan;
    color: #b9bed1;
    margin: 0px 3px 0px 1px;
    font-size: 14px;
}

#MinAmount, #MaxAmount {
    border: 2px solid #e4e7ef;
    margin: 20px 0px 0px 0px;
    border-radius: 100px;
    width: 87px;
    padding: 10px 0px 7px 0px;
    text-align: center;
    /*display: inline-block;
    transition: background 0.1s;*/
}



/**********************************Spec Filter******************************************/

.SpecFilter {
    background: #fff;
    width: 270px;
    margin: 0px 0px 30px 0px;
    float: right;
    border-radius: 5px;
    color: #3a405b;
}

.SpecFilterSelect {
}

    .SpecFilterSelect ul {
        line-height: 10px;
        list-style: none;
        text-align: right;
        margin: 0px -40px 0px 0px;
        border-bottom-left-radius: 10px;
    }

        .SpecFilterSelect ul li {
            margin: 0px 0px 0px 0px;
            padding: 15px 20px 0px 0px;
            color: #3a405b;
            font-size: 13px;
            border-top: 1px solid #e4e7ef;
        }

        .SpecFilterSelect ul ul {
            margin: 2px -35px 0px 0px;
            padding: 15px 15px 0px 0px;
            color: #3a405b;
        }

            .SpecFilterSelect ul ul li {
                padding: 15px 20px 15px 0px;
                background: #f0f2f7;
                color: #a1a6bb;
                margin: 0px 0px 0px 0px;
                font-size: 11px;
                display: none;
            }

#SpecFilterSelectImg1, #SpecFilterSelectImg2, #SpecFilterSelectImg3, #SpecFilterSelectImg4, #SpecFilterSelectImg5 {
    width: 12px;
    height: 8px;
    float: left;
    margin: 2px 0px 0px 19px;
    cursor: pointer;
}
/**********************************Category Sort******************************************/
.Category1 {
    width: 1170px;
    margin: 30px auto;
    text-align: center;
    /*background:red;*/
}

.Category {
    width: 100%;
    float: right;
}

.Category2 {
    width: 900px;
    margin: 0px auto;
    text-align: center;
    float: right;
}


.OrderBy, .JustExist {
    float: left;
    font-size: 13px;
    margin-left: 20px;
    padding: 21px 20px 16px 0px;
    border-right: 1px solid #f0f2f7;
}

.JustExistName {
    margin-top: 1px;
    margin-right: 10px;
}

.OrderBy label {
    margin-left: 20px;
    margin-top: 1px;
    padding-bottom: 1px;
    color: #a1a6bb;
}

.OrderBy option {
    text-align: left;
}

.MapLine {
    float: right;
}

.JustExist input[type="checkbox"]:checked + label {
    background: #4be1ab url(../images/Icons/CheckBox.png) no-repeat center center;
    border: 2px solid #4be1ab;
}

.JustExistlabel {
    background: #fff;
    border: 2px solid #e4e7ef;
    border-radius: 50px;
    padding: 10px 8px 6px 8px;
    font-size: 1px;
    float: right;
}

.CategoryBoxImg1 {
    width: 170px;
    height: 204px;
    margin: 30px 50px 30px 50px;
}

.CategoryBox1 h1 {
    font-size: 14px;
    color: #222328;
    margin-top: 6px;
    font-weight: normal;
}

.CategoryBox1 h2 {
    font-size: 14px;
    color: #222328;
    margin-top: 23px;
    font-weight: normal;
}

.CategoryBox1 h3 {
    font-size: 10px;
    color: #b9bed1;
    margin-top: 26px;
    font-weight: normal;
}

.CategoryBox1 h4 {
    font-size: 12px;
    color: #3a405b;
    margin-top: 25px;
    font-weight: normal;
}

.CategoryBox2 {
    width: 570px;
    height: 380px;
    float: right;
    background: #fff;
    margin: 0px 30px 30px 0px;
    border-radius: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.CategoryBox2Img1 {
    width: 570px;
    height: 301px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.CategoryBox2DivBuy1 {
    font-size: 12px;
    color: #fff;
    background-color: #222328;
    margin: -286px 0px 50px 15px;
    border-radius: 5px;
    float: left;
    z-index: 2;
    position: relative;
    display: inline;
    text-align: center;
    padding: 15px 15px 16px 14px;
    font-weight: normal;
    line-height: 0px;
}

.CategoryBox2 h1 {
    font-size: 14px;
    color: #222328;
    margin: 26px 30px 0px 0px;
    text-align: right;
    font-weight: normal;
}

.CategoryBox2 h2 {
    font-size: 12px;
    color: #b9bed1;
    margin: 27px 30px 0px 0px;
    text-align: right;
    font-weight: normal;
}

.CategoryBox2DivBuy2 {
    font-size: 12px;
    color: #3a405b;
    margin: -4px 0px 0px 30px;
    border: 2px solid #f0f2f7;
    border-radius: 17.5px;
    display: inline;
    text-align: center;
    padding: 0px 15px 0px 0px;
    font-weight: normal;
    line-height: 0px;
    float: left;
}

.CategoryBox2 input {
    font-size: 12px;
    font-family: 'yekan';
    color: #3a405b;
    background: #fff;
    border: 0px;
    border-right: 2px solid #f0f2f7;
    height: 31px;
    margin: 0px 11px 0px 13px;
    padding: 0px 16px 1px 0px;
}


.CategoryBox3 {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    margin: 0px 30px 30px 0px;
    border-radius: 5px;
}

    .CategoryBox3:hover {
        width: 270px;
        height: 380px;
        float: right;
        background: #fff;
        margin: 0px 30px 30px 0px;
        border-radius: 5px;
        box-shadow: 0px 5px 15px 0px #b9bed1;
        cursor: pointer;
    }

.CategoryBox3Img3 {
    width: 270px;
    height: 380px;
    border-radius: 5px;
    margin-top: -100px;
    z-index: 1;
    object-fit: cover;
}

.CategoryBox3h1, .CategoryBox3h2, .CategoryBox3h3 {
    z-index: 2;
    position: relative;
}

.CategoryBox3h1 {
    font-size: 14px;
    color: #fff;
    margin-top: 26px;
    font-weight: normal;
    margin-bottom: 0px;
}

.CategoryBox3h2 {
    font-size: 14px;
    color: #fff;
    margin-top: 3px;
    font-weight: normal;
    display: block;
}

.CategoryBox3h3 {
    font-size: 12px;
    color: #222328;
    margin-top: 4px;
    font-weight: normal;
}

/**********************************Page Number******************************************/
.PageNumber {
    width: 1170px;
    height: 80px;
    background: #fff;
    text-align: center;
    float: right;
    border-radius: 5px;
    margin-right: -270px;
}

    .PageNumber ul {
        width: 768px;
        list-style: none;
        position: relative;
        padding-right: 0px;
        margin: auto;
    }

    .PageNumber li {
        display: inline-block;
        font-weight: normal;
        margin: 32px 0px 0px 0px;
        color: #3a405b;
    }


    .PageNumber ul li a {
        text-decoration: none;
        border-radius: 40px;
        padding: 11px 16px 8px 16px;
        margin: 0px 8px 0px 8px;
    }

        .PageNumber ul li a:hover {
            text-decoration: none;
            color: #a1a6bb;
            border-radius: 40px;
            padding: 11px 16px 8px 16px;
            box-shadow: 0px 5px 15px 0px #b9bed1;
            cursor: pointer;
        }

.PageNumberActive a {
    text-decoration: none;
    color: #a1a6bb;
    border-radius: 40px;
    box-shadow: 0px 5px 15px 0px #b9bed1;
}

.BackPageImg {
    float: right;
    border-left: 1px solid #f0f2f7;
    padding: 30px 100px 30px 100px;
    background: url(../images/Icons/BackIcon.png) center center no-repeat;
}

.NextPageImg {
    float: left;
    border-left: 1px solid #f0f2f7;
    padding: 30px 100px 30px 100px;
    margin-top: -52px;
    background: url(../images/Icons/BackIcon.png) center center no-repeat;
    transform: rotate(180deg);
}

/**********************************Emotional******************************************/
.Emotional {
    width: 1170px;
    height: 610px;
    background: #fff;
    text-align: center;
    float: right;
    margin: 50px 0px;
    border-radius: 5px;
}

.EmotionalImg1 {
    width: 1170px;
    height: 440px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.EmotionalBox1 {
    width: 389px;
    height: 170px;
    border-left: 1px solid #f0f2f7;
    float: right;
}

.EmotionalBox2 {
    width: 390px;
    height: 170px;
    border-left: 1px solid #f0f2f7;
    float: right;
}

.EmotionalBox3 {
    width: 389px;
    height: 170px;
    float: right;
}

    .EmotionalBox1 img, .EmotionalBox2 img, .EmotionalBox3 img {
        width: 100px;
        height: 130px;
        float: right;
        margin: 20px 25px 0px 20px;
    }

.EmotionalBox1h1 {
    font-size: 14px;
    color: #222328;
    margin: 26px 145px 0px 0px;
    text-align: right;
    font-weight: normal;
    display: block
}

.EmotionalBox1h2 {
    font-size: 14px;
    color: #222328;
    margin: 3px 145px 0px 0px;
    text-align: right;
    font-weight: normal;
    display: block
}

.EmotionalBox1h3 {
    font-size: 12px;
    color: #3a405b;
    margin: -41px 145px 0px 0px;
    font-weight: normal;
    float: right;
    background: #f0f2f7;
    padding: 7px 20px 7px 18px;
    border-radius: 100px;
    display: block
}

.EmotionalBuyButton1, .EmotionalBuyButton2, .EmotionalBuyButton3 {
    font-family: 'yekan';
    font-size: 12px;
    color: #3a405b;
    float: left;
    background: #fff;
    border: 2px solid #e4e7ef;
    margin: 30px 0px 0px 25px;
    padding: 7px 20px 7px 18px;
    border-radius: 100px;
}

/**********************************Product Show******************************************/
.ProductShow {
    width: 1170px;
    height: 665px;
    margin: 30px auto;
    text-align: center;
    background: #fff;
    border-radius: 5px;
}

.ProductShowPic {
    width: 585px;
    float: right;
    padding-bottom: 30px;
}

.ProductShowPicBig {
    width: 400px;
    height: 400px;
    float: right;
    margin: 80px 100px auto;
}

    .ProductShowPicBig img {
        max-width: 400px;
        max-height: 400px;
        position: relative;
        top: 50%;
        transform: translate(0%,-50%)
    }

.ProductShowPicSmal1 {
    width: 85px;
    height: 85px;
    float: right;
    margin: 20px 100px 0px 0px;
    border-radius: 5px;
    border: 1px solid #f0f2f7;
}

    .ProductShowPicSmal1 img {
        max-width: 65px;
        max-height: 65px;
        position: relative;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
        border-radius: 5px;
    }

.ImageActive {
    border: 1px solid #51dde9 !important;
}

.ProductShowPicSmal2 {
    width: 85px;
    height: 85px;
    float: right;
    margin: 20px 20px 0px 0px;
    border-radius: 5px;
    border: 1px solid #f0f2f7;
}

    .ProductShowPicSmal2 img {
        max-width: 65px;
        max-height: 65px;
        position: relative;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
        border-radius: 5px;
    }

.ProductShowDetail {
    width: 585px;
    margin: 0px 0px 30px 0px;
    float: right;
    color: #3a405b;
    text-align: right;
}

    .ProductShowDetail h1 {
        font-size: 20px;
        color: #222328;
        margin: 77px 15px 0px 0px;
        font-weight: 700;
    }

.ProductShowDetailStarImg1, .ProductShowDetailStarImg2, .ProductShowDetailStarImg3, .ProductShowDetailStarImg4, .ProductShowDetailStarImg5 {
    width: 14px;
    height: 14px;
    margin: 30px 0px 0px 1px;
}

.ProductShowDetailStar {
    font-size: 12px;
    color: #b9bed1;
}

.ProductShowDetailStar0 {
    width: 70px;
    margin: 5px 0px 0px 0px;
    background: url(../images/Icons/StarIconSilver.png) repeat-x;
    height: 14px;
    float: left;
}

.ProductShowDetailStar2 {
    background: url(../images/Icons/StarIcon.png) repeat-x;
    height: 14px;
    display: inline-block;
    width: 14px;
    margin-bottom: -3px;
}

.ProductShowDetailStar1 {
    display: inline-block;
}

.ProductShowDetailStar3 {
    margin-left: 3px;
    color: #222328;
}

.ProductShowDetail h2 {
    font-size: 16px;
    color: #222328;
    margin: 24px 14px 0px 0px;
    font-weight: normal;
}

.ProductShowColor {
    font-size: 14px;
    color: #b9bed1;
    margin: 24px 15px 0px 0px;
}

.ProductShowColor1 input, .ProductShowColor2 input {
    width: 10px;
    height: 10px;
    visibility: hidden;
    float: right;
}

.ProductShowColor2 label {
    border-radius: 100px;
    padding: 12px 12px 13px 13px;
    font-size: 1px;
    float: right;
    margin: 17px -10px 10px 15px;
    box-shadow: 0px 5px 15px 0px #b9bed1;
}

.ProductShowColor1 label {
    border-radius: 100px;
    padding: 12px 12px 13px 13px;
    font-size: 1px;
    float: right;
    margin: 17px -10px 10px 15px;
}

.ProductShowColor1 input[type="radio"]:checked + label {
    background: #222328 url(../images/Icons/CheckBox.png) no-repeat center center;
    box-shadow: 0px 5px 15px 0px #b9bed1;
}

.ProductShowColor2 input[type="radio"]:checked + label {
    background: #222328 url(../images/Icons/CheckBoxDark.png) no-repeat center center;
}

.ProductShowSpec {
    font-size: 14px;
    color: #b9bed1;
    margin: 68px 15px 0px 0px;
}

    .ProductShowSpec p {
        font-size: 14px;
        color: #3a405b;
        margin: 6px 0px 0px 0px;
        display: list-item;
        list-style: none;
        text-align: justify;
        width: 470px;
        line-height: 33px;
    }

.ProductShowGaranti {
    font-size: 14px;
    color: #b9bed1;
    margin: 17px 15px 0px 0px;
}

    .ProductShowGaranti label {
        font-size: 14px;
        color: #3a405b;
        margin: 13px 0px 0px 0px;
        display: list-item;
        list-style: none;
    }

.ProductShowPrice {
    font-size: 18px;
    color: #3b55e6;
    margin: 26px 0px 0px 0px;
}

.ProductShowBuy {
    margin: 53px 0px 0px 0px;
}

.AddToBasketForm, .AddToFavoritForm {
    display: inline-block;
}



.ProductShowBuy2 {
    font-family: 'yekan';
    font-size: 16px;
    padding: 9px 51px 12px 21px;
    background: #fff url(../images/Icons/FavoritIcone.png) no-repeat right 24px top 12px;
    color: #3a405b;
    margin: 30px 0px 30px 0px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
}
/**********************************Related Product******************************************/
.Related {
    width: 1170px;
    height: 294px;
    background: #fff;
    text-align: center;
    margin: 30px auto;
    border-radius: 5px;
    float: right;
}

.Related0 {
    width: 1170px;
    height: 53px;
    border-bottom: 1px solid #f0f2f7;
}

    .Related0 label {
        float: right;
        margin: 26px 20px 0px 0px;
        color: #3a405b;
    }

.RelatedBackIcon {
    height: 12px;
    width: 8px;
    float: left;
    border: 2px solid #e4e7ef;
    margin: 10px 0px 0px -2px;
    padding: 9px 14px 9px 14px;
    border-radius: 0px 25px 25px 0px;
}

.RelatedNextIcon {
    height: 12px;
    width: 8px;
    float: left;
    border: 2px solid #e4e7ef;
    margin: 10px 0px 0px 20px;
    padding: 9px 14px 9px 14px;
    border-radius: 25px 0px 0px 25px;
}

.RelatedBox1 {
    width: 390px;
    height: 240px;
    border-left: 1px solid #f0f2f7;
    float: right;
}

.RelatedBox2 {
    width: 391px;
    height: 240px;
    border-left: 1px solid #f0f2f7;
    float: right;
}

.RelatedBox3 {
    width: 389px;
    height: 240px;
    float: right;
}

.RelatedBox1Img {
    width: 135px;
    height: 180px;
    float: right;
    margin: 30px 40px 0px 0px;
}

    .RelatedBox1Img img {
        max-width: 135px;
        max-height: 180px;
        position: relative;
        top: 50%;
        transform: translate(0%,-50%)
    }

.RelatedBoxTitle {
    font-size: 16px;
    color: #3a405b;
    margin: 35px 195px 0px 0px;
    text-align: right;
    font-weight: normal;
}

.RelatedBoxModel {
    font-size: 16px;
    color: #3a405b;
    margin: 2px 195px 0px 0px;
    text-align: right;
    font-weight: normal;
}

.RelatedBoxColor {
    font-size: 12px;
    color: #b9bed1;
    font-weight: normal;
    text-align: right;
    margin: 10px 195px 0px 0px;
}

.OrgPrice {
    font-size: 14px;
    color: #3a405b;
    font-weight: normal;
    text-align: right;
    margin: 75px 195px 0px 0px;
}

.OffPrice {
    font-size: 14px;
    color: #a1a6bb;
    font-weight: normal;
    text-align: right;
    margin: -48px 195px 0px 0px;
    text-decoration-line: line-through;
}

.RelatedBox1Buy {
    font-family: 'yekan';
    font-size: 12px;
    color: #fff;
    background-color: #a1a6bb;
    border: none;
    float: right;
    margin: -64px 20px 0px 0px;
    padding: 13px 10px 14px 8px;
    border-radius: 5px;
    z-index: 2;
    position: relative;
}

.RelatedBox2Buy {
    font-family: 'yekan';
    font-size: 12px;
    color: #fff;
    background-color: #51dde9;
    border: none;
    float: right;
    margin: -64px 20px 0px 0px;
    padding: 13px 10px 14px 8px;
    border-radius: 5px;
    z-index: 2;
    position: relative;
}


/**********************************Full Special Product******************************************/
.FullSpec {
    width: 1170px;
    margin: 30px auto;
    text-align: center;
}

.FullSpecfff {
    width: 1170px;
    background: #fff;
    border-radius: 5px;
    float: right;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.FullSpec0 {
    width: 1170px;
    height: 54px;
    border-bottom: 1px solid #f0f2f7;
}

.ProductText {
    text-align: justify;
    line-height: 33px;
    color: #222328;
    font-family: yekan;
    margin-bottom: 21px;
}

.FullSpecfff h2 {
    font-size: 14px;
    color: #3a405b;
    margin: 18px 30px 0px 0px;
    font-weight: normal;
    display: inline-block;
}

.FullSpecTitel {
    width: 1028px;
    height: 66px;
    margin: 30px auto;
    border: 1px solid #f0f2f7;
    border-radius: 5px;
}

    .FullSpecTitel h3 {
        margin: 21px 30px 0px 0px;
        font-size: 18px;
        color: #3a405b;
        float: right;
    }

.FullSpecTitelShare {
    font-family: 'yekan';
    font-size: 12px;
    color: #3a405b;
    border: 2px solid #e4e7ef;
    border-radius: 100px;
    background: #fff url(../images/Icons/BackIcon.png) no-repeat left 19px top 11px;
    padding: 6px 21px 7px 39px;
    float: left;
    margin: 15px 0px 0px 30px;
    /*transform: rotate(90deg);*/
}

.FullSpecTitelLike {
    font-family: 'yekan';
    font-size: 12px;
    color: #b9bed1;
    border-radius: 100px;
    background: #fff url(../../images/BuyCart.png) no-repeat left 10px center;
    padding-top: 8px;
    float: left;
    margin: 15px 0px 0px 18px;
}

    .FullSpecTitelLike img {
        margin-top: -3px;
    }

.FullSpecContant {
    width: 970px;
    margin: 0px auto;
}

.FullSpec ul {
    list-style: none;
    text-align: right;
    padding: 0px;
}

    .FullSpec ul li {
        margin-bottom: 3px;
    }

.DetailTopic {
    font-size: 16px;
    color: #a1a6bb;
    margin-right: 20px;
    line-height: 52px;
}



.DetailTrue {
    color: #4be1ab;
}

.DetailFalse {
    color: #fb7c6e;
}

.FullSpecAsk ul {
    line-height: 10px;
    list-style: none;
    text-align: right;
    margin: 10px -40px 0px 0px;
}

    .FullSpecAsk ul li {
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 0px;
        color: #a1a6bb;
        font-size: 16px;
    }

    .FullSpecAsk ul ul {
        margin: 13px -30px 4px 0px;
        padding: 16px 15px 17px 0px;
        color: #3a405b;
    }

        .FullSpecAsk ul ul li {
            border-radius: 5px;
            padding: 16px 15px 17px 0px;
            background: #e4e7ef;
            color: #3a405b;
            margin: 0px 0px 10px 0px;
            font-size: 14px;
        }

.FullSpecAnswer ul {
    line-height: 10px;
    list-style: none;
    text-align: right;
    margin: 10px -40px 0px 0px;
}

    .FullSpecAnswer ul li {
        margin: 0px 0px 0px 0px;
        padding: 10px 15px 0px 0px;
        color: #a1a6bb;
        font-size: 16px;
    }

    .FullSpecAnswer ul ul {
        margin: 13px -30px 4px 0px;
        padding: 16px 15px 17px 0px;
        color: #3a405b;
    }

        .FullSpecAnswer ul ul li {
            border-radius: 5px;
            padding: 16px 15px 17px 0px;
            background: #f0f2f7;
            color: #3a405b;
            margin: 0px 0px 10px 0px;
            font-size: 14px;
        }

.FullSpecWriter {
    width: 1030px;
    height: 164px;
    float: right;
    margin: 40px 70px 0px 0px;
    border: 1px solid #f0f2f7;
    border-radius: 5px;
}

.FullSpecHashtag {
    width: 1028px;
    height: 62px;
    border-bottom: 1px solid #f0f2f7;
    padding-right: 14px;
}

    .FullSpecHashtag label, .FullSpecHashtag a {
        border-radius: 5px;
        padding: 7px 16px 7px 14px;
        background: #f0f2f7;
        color: #3a405b;
        margin: 15px 15px 0px 0px;
        font-size: 12px;
        float: right;
    }

.FullSpecWriterImg {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    float: right;
    margin: 25px 29px 0px 0px;
}

.FullSpecWriter1 label {
    color: #b9bed1;
    margin: 26px 20px 0px 0px;
    font-size: 14px;
    float: right;
}

.FullSpecWriter1 p {
    color: #3a405b;
    margin: 36px 99px 0px 0px;
    font-size: 12px;
    text-align: right;
}


/**********************************Comment******************************************/
.ProductShowComment {
    width: 770px;
    float: right;
    margin: 30px 200px 0px 0px;
}

.ProductShowCommentUser0::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a1a6bb;
}

.ProductShowCommentUser0:-moz-placeholder,
textarea:-moz-placeholder {
    color: #a1a6bb;
}

.ProductShowCommentUser0::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a1a6bb;
}

.ProductShowCommentUser0:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a1a6bb;
}

.ProductShowComment1 {
    float: right;
    border-top: 1px solid #f0f2f7;
    margin-top: 10px;
    width: 770px;
}

.ProductShowComment1Img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin: 30px 0px 0px 0px;
    float: right
}

.ProductShowComment1Text {
    width: 701px;
    float: left;
}

.ProductShowComment1 label {
    color: #3a405b;
    margin: 31px 20px 0px 0px;
    font-size: 14px;
    float: right;
}

.CommentLike {
    float: left;
    margin: 33px 0px 0px 20px;
    color: #b9bed1;
    font-size: 12px;
    cursor: pointer;
}

.commnet-like-heart {
    margin-left: 2px;
    font-size: 13px;
}

.CommentRate {
    border-bottom: 1px solid #b9bed1;
}

.ProductShowComment1 p {
    color: #3a405b;
    margin: 3px 0px 10px 0px;
    font-size: 12px;
    text-align: justify;
    line-height: 31px;
}


.ProductShowCommentUser {
    float: right;
    border-top: 1px solid #f0f2f7;
    margin-top: 10px;
    width: 770px;
}

.ProductShowCommentUserImg {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    float: right;
    margin: 30px 0px 0px 0px;
}

.ProductShowCommentUser0 {
    font-family: 'yekan';
    color: #a1a6bb;
    padding: 10px 20px 0px 0px;
    background: #f0f2f7;
    border: 1px solid #e4e7ef;
    border-radius: 5px;
    min-height: 88px;
    margin: 30px 20px 10px 0px;
    font-size: 14px;
    float: right;
    text-align: right;
    line-height: 31px;
    width: 700px;
    resize: none;
}

.ProductShowCommentUser1 {
    font-family: 'yekan';
    font-size: 14px;
    padding: 11px 36px 12px 34px;
    background: #3b55e6;
    color: #fff;
    margin: 20px 0px 30px 0px;
    float: left;
    border: none;
    border-radius: 100px;
}

.CommentDone {
    position: fixed;
    width: 1170px;
    background: #4be1ab;
    left: 0px;
    right: 0px;
    top: 0px;
    border-radius: 5px;
    margin: 0px auto;
    padding: 21px 20px 9px 0px;
    color: #fff;
    text-align: right;
    z-index: 3000;
    display: none;
}
/**********************************Order Step******************************************/
.Order {
    width: 1170px;
    margin: 30px auto;
    text-align: center;
}

.Orderfff {
    width: 1170px;
    background: #fff;
    border-radius: 5px;
    float: right;
    margin-bottom: 50px;
}

.OrderTitel {
    width: 1170px;
    height: 54px;
    border-bottom: 1px solid #f0f2f7;
    margin-top: 0px;
}

.OrderTitel1, .OrderTitel2, .OrderTitel3, .OrderTitel4 {
    width: 285.75px;
    float: right;
}

.OredrTitel1Img {
    height: 53px;
    background: #f0f2f7;
    width: 1px;
    margin-left: 8px;
}

    .OredrTitel1Img:before {
        content: "";
        border-bottom: 9px solid transparent;
        border-right: 9px solid #f0f2f7;
        border-top: 9px solid transparent;
        float: right;
        margin-top: 17.5px;
    }

    .OredrTitel1Img:after {
        content: "";
        border-bottom: 9px solid transparent;
        border-right: 9px solid #fff;
        border-top: 9px solid transparent;
        float: right;
        margin: 17.5px -11px 0px 0px;
        position: absolute;
    }

.OrderTitel1 label {
    margin: 16px 15px 0px 0px;
    float: right;
}

.OrderTitel1Step {
    background: #f0f2f7;
    margin: 14px 20px 0px 0px;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    float: right;
}

.OrderTitel2 label, .OrderTitel3 label, .OrderTitel4 label {
    margin: 16px 15px 0px 0px;
    float: right;
}

.OrderTitel2Step, .OrderTitel3Step, .OrderTitel4Step {
    background: #f0f2f7;
    margin: 14px 15px 0px 0px;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    float: right;
}

.OrderTitel1Number {
    margin: 4px 8px 0px 0px;
    float: right;
}

.OrderTitelActiveNumber {
    background: #3a405b;
    color: #fff;
}

.OredrTitel1Img {
    float: right;
}


.OrderTitel1Step3 {
    background: #4be1ab url(../images/Icons//CheckBox.png) no-repeat center center;
}

.BasketForm {
    width: 970px;
    margin: 40px auto 27px;
}

.BasketTitle {
    width: 970px;
    height: 31px;
    background: #f0f2f7;
    border-radius: 5px;
    display: block;
    font-size: 12px;
    text-align: right;
    color: #a1a6bb;
    margin: 40px auto 0px;
}

.BasketTitleItem {
    width: 390px;
    padding: 7px 20px 0px 0px;
    float: right;
}

.BasketTitlePrice {
    width: 170px;
    padding: 7px 0px 0px 0px;
    float: right;
}

.BasketTitleQuantity {
    width: 170px;
    padding: 7px 0px 0px 0px;
    border-spacing: 0px;
    float: right;
}

.BasketTitleTotalPrice {
    width: 240px;
    padding: 7px 0px 0px 0px;
    float: right;
}

.BasketImage {
    width: 140px;
    height: 120px;
    float: right;
    padding: 0px;
}

    .BasketImage img {
        max-width: 80px;
        max-height: 80px;
        float: right;
        position: relative;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
    }

.OrderProduct1 {
    border-bottom: 1px solid #f0f2f7;
    text-align: right;
}

.BasketItem {
    width: 250px;
    float: right;
    text-align: right;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

.BasketName {
    font-size: 16px;
    font-weight: normal;
    margin: 23.5px 0px 0px 0px;
    color: #222328;
}

.BasketProperty {
    font-size: 14px;
    font-weight: normal;
    margin: 19px 0px 0px 0px;
    color: #b9bed1;
    display: block;
}

.BasketPrice {
    width: 170px;
    float: right;
    padding: 0px;
    margin: 50px 0px 0px 0px;
}

.OrderProductNumberPlus {
    margin: 15px 17px 0px 0px;
    float: right;
    position: absolute;
}

.BasketQuantity {
    width: 106px;
    float: right;
    padding: 9px 0px 7px 0px;
    border: 2px solid #e4e7ef;
    border-radius: 100px;
    text-align: center;
}

.BasketQuantityDiv {
    width: 110px;
    float: right;
    margin: 32px 0px 0px 60px;
    padding: 8px 0px 8px 0px;
}

.OrderProductNumberNegative {
    margin: -25px 0px 0px 21px;
    float: left;
}

.BasketTotalPrice {
    width: 170px;
    float: right;
    padding: 0px;
    margin: 48.5px 0px 0px 0px;
    font-size: 16px;
    color: #222328;
}

.OrderProductNot {
    width: 49px;
    float: right;
    padding: 0px;
    margin: 55px 21px 0px 0px;
}

.DeliveryForm {
    width: 970px;
    margin: 46px auto;
}

.DeliveryText {
    width: 570px;
    margin: 46px auto;
}

    .DeliveryText label {
        margin-right: 20px;
        float: right;
        color: #a1a6bb;
    }

.DeliveryFirstName {
    width: 270px;
    float: right;
}

.DeliveryLastName {
    width: 270px;
    float: right;
    margin-right: 30px;
}

    .DeliveryFirstName input, .DeliveryLastName input {
        width: 270px;
        padding: 11px 20px 12px 15px;
        margin: 7px 0px 26px 0px;
        height: 45px;
        border: 1px solid #e4e7ef;
        background: #f0f2f7;
        border-radius: 5px;
    }

.DeliveryAddress {
    width: 370px;
    float: right;
    margin-right: 30px;
}

    .DeliveryAddress input {
        width: 370px;
        border: 1px solid #e4e7ef;
        background: #f0f2f7;
        border-radius: 5px;
        padding: 11px 20px 12px 15px;
        margin: 7px 0px 50px 0px;
    }

.DeliveryCity {
    width: 170px;
    float: right
}

    .DeliveryCity select {
        width: 170px;
        padding: 11px 20px 12px 15px;
        margin: 7px 0px 26px 0px;
        border: 1px solid #e4e7ef;
        background: #f0f2f7;
        border-radius: 5px;
    }

.DeliveryText input:focus {
    box-shadow: 0px 5px 15px 0px rgba(102, 102, 102, 0.2);
    background: #fff !important;
    border-color: #fff !important;
    -webkit-appearance: none;
}

.OrderFinal {
    display: block;
    float: right;
    text-align: right;
}

.OrderFinalCode {
    width: 73px;
    float: right;
    text-align: right;
    margin: 42px 0px 43px 0px;
    padding: 0px;
    color: #b9bed1;
}

.OrderFinalCodeNumber {
    width: 148px;
    float: right;
    background: #f0f2f7;
    margin: 30px 0px 0px 40px;
    padding: 11px 15px 12px 10px;
    border: 1px solid #e4e7ef;
    border-radius: 100px;
    cursor: not-allowed;
}

.OrderFinalOff {
    width: 126px;
    float: right;
    text-align: right;
    margin: 42px 0px 0px 0px;
    padding: 0px;
    color: #b9bed1;
}

.OrderFinalOffPrice {
    width: 221px;
    float: right;
    padding: 0px;
    margin: 40px 0px 0px 0px;
    font-size: 16px;
    color: #222328;
}

.OrderFinalTotal {
    width: 122px;
    float: right;
    text-align: right;
    margin: 42px 0px 0px 0px;
    padding: 0px;
    color: #b9bed1;
}

.OrderFinalTotalPrice {
    width: 240px;
    float: right;
    padding: 0px;
    margin: 39px 0px 0px 0px;
    font-size: 18px;
    color: #222328;
}

.OrderProductNot {
    width: 49px;
    float: right;
    padding: 0px;
    margin: 49px 21px 0px 0px;
    cursor: pointer;
}

.OrderBackNext {
    width: 970px;
    float: right;
    border-top: 1px solid #f0f2f7;
    margin: 0px;
}

.OrderBackHome {
    border: 2px solid #e4e7ef;
    padding: 11px 25px 12px 23px;
    float: right;
    text-decoration: none;
    border-radius: 100px;
    margin: 40px auto;
    background: #fff;
}

.OrderNextBuy {
    /*background: #fe5339;*/
    background: #3b55e6;
    padding: 13px 27px 14px 25px;
    float: left;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    border: none;
    margin: 40px auto;
}

    .OrderNextBuy a {
        color: #fff;
    }

.OrderBg {
    width: 1170px;
    background: #fff;
    border-radius: 5px;
    float: right;
    margin-bottom: 30px;
}

.OrderBg2 {
    width: 1170px;
    background: #fff;
    border-radius: 5px;
    float: right;
    margin-bottom: 50px;
}

.BasketNull {
    width: 970px;
    height: 73px;
    margin: 42px auto;
}

    .BasketNull label {
        display: block;
        text-align: right;
        width: 597px;
    }

.BasketNullText {
    float: right;
}

.BasketNullSuggest {
    float: left;
}

.BasketNullBold {
    font-size: 24px;
    margin-bottom: 11px;
}

.OrderBackHome2 {
    margin: 13px 20px 0px 0px;
}

/*.FullSpecTitel {
    width: 1028px;
    height: 66px;
    margin: 30px auto;
    border: 1px solid #f0f2f7;
    border-radius: 5px;
}

    .FullSpecTitel h3 {
        margin: 21px 30px 0px 0px;
        font-size: 18px;
        color: #3a405b;
        float: right;
    }

.FullSpecTitelShare {
    font-family: 'yekan';
    font-size: 14px;
    color: #3a405b;
    border: 2px solid #e4e7ef;
    border-radius: 100px;
    background: #fff url(../images/Icon/OpenIcon.png) no-repeat left 14px center;
    padding: 6px 20px 7px 34px;
    float: left;
    margin: 15px 0px 0px 30px;
}

.FullSpecTitelLike {
    font-family: 'yekan';
    font-size: 14px;
    color: #b9bed1;
    border-radius: 100px;
    background: #fff url(../../images/BuyCart.png) no-repeat left 10px center;
    padding: 6px 20px 7px 34px;
    float: left;
    margin: 15px 0px 0px 30px;
}

.FullSpecAsk {
    width: 200px;
    float: right;
    margin: 0px 100px 0px 0px;
}

.FullSpecAnswer {
    width: 750px;
    float: right;
    margin: 0px 20px 0px 0px;
}

.FullSpecAsk ul {
    line-height: 10px;
    list-style: none;
    text-align: right;
    margin: 10px -40px 0px 0px;
}

    .FullSpecAsk ul li {
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 0px;
        color: #a1a6bb;
        font-size: 16px;
    }

    .FullSpecAsk ul ul {
        margin: 13px -30px 4px 0px;
        padding: 16px 15px 17px 0px;
        color: #3a405b;
    }

        .FullSpecAsk ul ul li {
            border-radius: 5px;
            padding: 16px 15px 17px 0px;
            background: #e4e7ef;
            color: #3a405b;
            margin: 0px 0px 10px 0px;
            font-size: 14px;
        }

.FullSpecAnswer ul {
    line-height: 10px;
    list-style: none;
    text-align: right;
    margin: 10px -40px 0px 0px;
}

    .FullSpecAnswer ul li {
        margin: 0px 0px 0px 0px;
        padding: 10px 15px 0px 0px;
        color: #a1a6bb;
        font-size: 16px;
    }

    .FullSpecAnswer ul ul {
        margin: 13px -30px 4px 0px;
        padding: 16px 15px 17px 0px;
        color: #3a405b;
    }

        .FullSpecAnswer ul ul li {
            border-radius: 5px;
            padding: 16px 15px 17px 0px;
            background: #f0f2f7;
            color: #3a405b;
            margin: 0px 0px 10px 0px;
            font-size: 14px;
        }

.FullSpecWriter {
    width: 1028px;
    height: 152px;
    float: right;
    margin: 30px 70px 0px 0px;
    border: 1px solid #f0f2f7;
    border-radius: 5px;
}

.FullSpecHashtag {
    width: 1013px;
    height: 51px;
    border-bottom: 1px solid #f0f2f7;
    padding-right: 15px;
}

    .FullSpecHashtag label {
        border-radius: 5px;
        padding: 15px 16px 16px 13px;
        background: #f0f2f7;
        color: #3a405b;
        margin: 10px 15px 10px 0px;
        font-size: 12px;
        float: right;
    }

.FullSpecWriterImg {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    float: right;
    margin: 25px 30px 30px 30px;
}

.FullSpecWriter1 label {
    color: #b9bed1;
    margin: 36px -10px 10px 0px;
    font-size: 14px;
    float: right;
}

.FullSpecWriter1 p {
    color: #3a405b;
    margin: 63px -47px 10px 0px;
    font-size: 12px;
    float: right;
}*/


/**********************************Comment******************************************/
/**********************************BestSeller Product******************************************/






.Mask {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 5000;
    position: fixed;
    top: 0px;
    right: 0px;
    display: none;
}

.SignInShow {
    top: 50%;
    right: 50%;
    width: 370px;
    height: 464px;
    margin: -251.5px -185px 0px 0px;
    background: #fff;
    z-index: 5001;
    position: fixed;
    border-radius: 5px;
    display: none;
}

.SingInShowTitel {
    padding: 16px 20px 17px 0px;
    border-bottom: 1px solid #f0f2f7;
}

#SingInShowTitelNot {
    margin: 5.5px 40px 17px 20px;
    float: left;
    cursor: pointer;
}

.SignInShowMail, .SignInShowPass {
    width: 290px;
    border-radius: 5px;
    border: 1px solid #e4e7ef;
    background: #f0f2f7;
    font-family: 'yekan';
    font-size: 14px;
    margin-right: 40px;
    padding: 10px 10px 11px 20px;
    direction: ltr;
}

.SignInShow label {
    color: #a1a6bb;
    display: list-item;
    margin: 26px 40px 7px 0px;
    list-style: none;
}

.SignInShow a {
    margin: 17px 119px 12px 0px;
    color: #b9bed1;
    float: right;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px solid #b9bed1;
}

.SignInShowSubmit {
    width: 290px;
    padding: 11px 0px 12px 0px;
    border-radius: 100px;
    border: none;
    background: #4be1ab;
    font-family: 'yekan';
    font-size: 14px;
    margin: 25px 40px 17px 0px;
    color: #fff;
}

.SignInShowSocial {
    width: 290px;
    margin: 13px 40px 13px 0px;
    border-top: 1px solid #f0f2f7;
}

    .SignInShowSocial label {
        margin: -16px 120.5px 0px 120.5px;
        padding: 5px 21px 5px 20px;
        background: #fff;
    }

.SignInShowSocialG {
    width: 42px;
    height: 42px;
    background: #df4b38 url(../images/Icons/GPlusIcon.png) no-repeat center right 6px;
    border-radius: 100px;
    margin: 16px 62px 0px 10px;
    float: right;
}

.SignInShowSocialFb {
    width: 42px;
    height: 42px;
    background: #3b5998 url(../images/Icons/FbIcon.png) no-repeat center center;
    border-radius: 100px;
    float: right;
    margin: 16px 10px 0px 10px;
}

.SignInShowSocialTw {
    width: 42px;
    height: 42px;
    background: #55acee url(../images/Icons/TwitterIcon.png) no-repeat center center;
    border-radius: 100px;
    float: right;
    margin: 16px 10px 0px 0px;
}


.ShoppingCart {
    top: 50%;
    right: 50%;
    width: 570px;
    height: auto;
    margin: -251.5px -185px 0px 0px;
    background: #fff;
    z-index: 5001;
    position: absolute;
    border-radius: 5px;
}

.SignUp {
    width: 1170px;
    background: #fff;
    margin: 34px auto;
    border-radius: 5px;
    padding-bottom: 50px;
}

.SingUpTitel {
    font-size: 30px;
    text-align: center;
    padding-top: 50px;
}

.SignUpMail, .SignUpPass, .SignUpConfirm {
    width: 262px;
    border-radius: 50px;
    border: 1px solid #e4e7ef;
    background: #f0f2f7;
    font-family: 'yekan';
    font-size: 14px;
    margin-left: 30px;
    padding: 10px 20px 11px 10px;
    float: right;
}

.SignUpForm {
    width: 970px;
    margin: 50px auto;
}

.SignUpSubmit {
    padding: 11px 25px 12px 24px;
    border-radius: 100px;
    border: none;
    background: #4be1ab;
    font-family: 'yekan';
    font-size: 14px;
    color: #fff;
}

.register-form {
    width: 570px;
    background: #fff;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}

.SignUpMail2 {
    width: 430px;
    border-radius: 50px;
    border: 1px solid #e4e7ef;
    background: #f0f2f7;
    font-family: 'yekan';
    font-size: 14px;
    padding: 11px 20px 12px 10px;
    margin: 10px 70px 0px 0px;
}

.register-form label {
    color: #a1a6bb;
    display: list-item;
    margin: 39px 90px 2px 0px;
    list-style: none;
}

.SignUpPass2 {
    width: 200px;
    border-radius: 50px;
    border: 1px solid #e4e7ef;
    background: #f0f2f7;
    font-family: 'yekan';
    font-size: 14px;
    padding: 10px 20px 11px 10px;
    margin: 10px 70px 0px 0px;
}

.SignUpPassC2 {
    width: 200px;
    border-radius: 50px;
    border: 1px solid #e4e7ef;
    background: #f0f2f7;
    font-family: 'yekan';
    font-size: 14px;
    padding: 10px 20px 11px 10px;
    margin: 10px 30px 0px 0px;
}


.ramzeobor {
    float: right;
    margin-top: -13px;
}

.ramzeobolabelr {
    margin-right: 50px !important;
}

.ghabool {
    text-align: center;
    margin-top: 120px;
}

    .ghabool a {
        display: inline-block;
        margin-top: 20px;
        line-height: 2.4;
        width: 370px;
    }

.SignUp2Submit {
    width: 430px;
    padding: 11px 0px 12px 0px;
    border-radius: 100px;
    border: none;
    background: #3b55e6;
    font-family: 'yekan';
    font-size: 14px;
    margin: 41px 70px 17px 0px;
    color: #fff;
}

.SignUp2Social {
    width: 430px;
    margin: 13px 70px 13px 0px;
    border-top: 1px solid #f0f2f7;
}

    .SignUp2Social label {
        margin: -16px 190.5px 0px;
        padding: 5px 21px 5px 20px;
        background: #fff;
    }

.SignUp2SocialG {
    width: 200px;
    height: 43px;
    background: #df4b38 url(../../images/GoogleIcon.png) no-repeat center center;
    border-radius: 100px;
    margin: 26px 0px 0px 0px;
    float: right;
}

.SignUp2SocialTw {
    width: 200px;
    height: 43px;
    background: #55acee url(../../images/TwiterIcon.png) no-repeat center center;
    border-radius: 100px;
    float: right;
    margin: 26px 30px 0px 0px;
}

.AccountRegister {
    width: 1170px;
    margin: 30px auto;
}

.SignIn2 {
    width: 570px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 5px;
}


.SignUpMail2 {
    width: 430px;
    border-radius: 50px;
    border: 1px solid #e4e7ef;
    background: #f0f2f7;
    font-family: 'yekan';
    font-size: 14px;
    padding: 11px 20px 12px 10px;
    margin: 10px 70px 0px 0px;
}


.SignIn2 label {
    color: #a1a6bb;
    display: list-item;
    margin: 39px 90px 2px 0px;
    list-style: none;
}

.SignUpPass2 {
    width: 200px;
    border-radius: 50px;
    border: 1px solid #e4e7ef;
    background: #f0f2f7;
    font-family: 'yekan';
    font-size: 14px;
    padding: 10px 20px 11px 10px;
    margin: 10px 70px 0px 0px;
}


.SignUpPassC2 {
    width: 200px;
    border-radius: 50px;
    border: 1px solid #e4e7ef;
    background: #f0f2f7;
    font-family: 'yekan';
    font-size: 14px;
    padding: 10px 20px 11px 10px;
    margin: 10px 30px 0px 0px;
}

.ramzeobor {
    float: right;
    margin-top: -13px;
}

.ramzeobolabelr {
    margin-right: 50px !important;
}

.ghabool {
    text-align: center;
    margin-top: 120px;
}

    .ghabool a {
        display: inline-block;
        margin-top: 20px;
        line-height: 2.4;
        width: 370px;
    }

.SignIn2Submit {
    width: 200px;
    padding: 11px 0px 12px 0px;
    border-radius: 100px;
    border: none;
    background: #4be1ab;
    font-family: 'yekan';
    font-size: 14px;
    margin: 58px 30px 17px 0px;
    color: #fff;
}

.SignUp2Social {
    width: 430px;
    margin: 23px 70px 109px 0px;
    border-top: 1px solid #f0f2f7;
}

    .SignUp2Social label {
        margin: -16px 190.5px 0px;
        padding: 5px 21px 5px 20px;
        background: #fff;
    }

.SignUp2SocialG {
    width: 200px;
    height: 43px;
    background: #df4b38 url(../images/Icons/GPlusIcon.png) no-repeat center center;
    border-radius: 100px;
    margin: 26px 0px 0px 0px;
    float: right;
}

.SignUp2SocialTw {
    width: 200px;
    height: 43px;
    background: #55acee url(../images/Icons/TwitterIcon.png) no-repeat center center;
    border-radius: 100px;
    float: right;
    margin: 26px 30px 0px 0px;
}

.login-register {
    width: 570px;
    border-top: 1px solid #e4e7ef;
    background: #f0f2f7;
    height: 157px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .login-register label {
        text-align: center;
        margin: 30px auto 10px;
    }

.SignIn2Social {
    width: 430px;
    margin: 41px 70px 109px 0px;
    border-top: 1px solid #f0f2f7;
}

    .SignIn2Social label {
        margin: -16px 190.5px 0px;
        padding: 5px 21px 5px 20px;
        background: #fff;
    }

.Forget {
    text-align: center;
    margin-top: 14px;
}

    .Forget a {
        border-bottom: 1px solid #807d92;
    }

html, body {
    /*overflow-y:hidden;*/
}






/*input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}





fieldset, label {
    margin: 0;
    padding: 0;
}

body {
    margin: 20px;
}

h1 {
    font-size: 1.5em;
    margin: 10px;
}

/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: left;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right;
    }

    /***** CSS Magic to Highlight Stars on Hover *****/

    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }
        /* hover previous stars in list */

        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }



.UserAccount {
    width: 1170px;
    background: #000;
    margin: 30px auto 50px;
}

.ProfileControler {
    width: 270px;
    background: #fff;
    float: right;
    border-radius: 5px;
    margin-bottom: 50px;
}

    .ProfileControler a {
        color: #3a405b;
    }

    .ProfileControler ul {
        padding: 25px 15px;
        margin: 0px;
    }

    .ProfileControler li {
        width: 230px;
        padding: 11px 20px 12px 0px;
        list-style: none;
        font-size: 14px;
        margin-right: 20px;
    }

.ProfileControlerBtn {
    background: none;
    border: none;
    padding: 0px;
}

.ProfileControlerActive {
    background: #f0f2f7;
    border-radius: 5px;
}



.EditProfilePicture {
    width: 250px;
    border: 1px solid #f0f2f7;
    border-radius: 5px;
    float: right;
    margin-top: 40px;
    margin-right: 50px;
}

    .EditProfilePicture img {
        width: 140px;
        height: 140px;
        border: 1px solid #f0f2f7;
        border-radius: 50%;
        margin: 60px 54px;
    }

.EditProfilePictureBtn {
    border-top: 1px solid #f0f2f7;
}

.EditProfilePicture input {
    display: none;
    background: none;
    border: none;
}

.EditProfilePicture label {
    border-left: 1px solid #f0f2f7;
    padding: 11px 0px 12px 0px;
    text-align: center;
    margin-bottom: 0px;
    cursor: pointer;
    width: 124.5px;
}

.ChangeProfilePicture {
    display: inline-block;
}

.DeletProfilePicture {
    display: inline-block;
}

    .DeletProfilePicture input {
        display: block;
        padding: 11px 40px 12px 0px;
        color: #fe5339;
    }

.EditProfileText {
    width: 470px;
    float: right;
    margin-top: 36px;
    margin-right: 50px;
}

    .EditProfileText label {
        margin-right: 20px;
        display: block;
    }

.EditProfileFirstName {
    width: 220px;
    float: right;
}

.EditProfileLastName {
    width: 220px;
    float: right;
    margin-right: 30px;
}

    .EditProfileFirstName input, .EditProfileLastName input {
        width: 220px;
        padding: 11px 20px 12px 15px;
        margin: 7px 0px 26px 0px;
        height: 45px;
        border: 1px solid #e4e7ef;
        background: #f0f2f7;
        border-radius: 50px;
    }

.EditProfileEmail {
    width: 220px;
    float: right;
}

    .EditProfileEmail input {
        width: 220px;
        border: 1px solid #e4e7ef;
        background: #f0f2f7;
        border-radius: 50px;
        padding: 11px 20px 12px 15px;
        margin: 7px 0px 26px 0px;
    }

.EditProfilePhone {
    width: 220px;
    float: right
}

    .EditProfilePhone select {
        width: 220px;
        padding: 11px 20px 12px 15px;
        margin: 7px 0px 26px 0px;
        border: 1px solid #e4e7ef;
        background: #f0f2f7;
        border-radius: 50px;
    }

    .EditProfilePhone option {
        height: 100px;
        width: 100px;
        padding: 11px 20px 12px 15px;
        margin: 70px 0px 26px 0px;
        border: 5px solid #e4e7ef;
        border-radius: 50px;
        outline: none;
    }


.EditProfileText input:focus {
    box-shadow: 0px 5px 15px 0px rgba(102, 102, 102, 0.2);
    background: #fff !important;
    border-color: #fff !important;
    -webkit-appearance: none;
}

.EditProfileSubmit input {
    font-family: 'yekan';
    font-size: 14px;
    padding: 11px 36px 12px 34px;
    background: #3b55e6;
    color: #fff;
    margin: 4px 0px 50px 0px;
    float: left;
    border: none;
    border-radius: 100px;
}

.AlertSuccess {
    position: fixed;
    background: #fff;
    border-radius: 5px;
    width: 570px;
    top: 15%;
    right: 50%;
    margin-right: -285px;
    z-index: 5000;
}

    .AlertSuccess p {
        width: 430px;
        margin: 21px auto;
        text-align: center;
        line-height: 28px;
    }

.BtnGreen {
    font-family: 'yekan';
    font-size: 14px;
    padding: 11px 36px 12px 34px;
    background: #4be1ab;
    color: #fff;
    float: right;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    margin: 12px 185px 50px 0px;
}

.Titr1 {
    margin-top: 52px;
    color: #222328;
    font-size: 24px;
    text-align: center;
}

.AlertSuccessRemove {
    margin: 30px 0px 0px 30px;
    float: left;
    cursor: pointer;
}

.Mask2 {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 5000;
    position: fixed;
    top: 0px;
    right: 0px;
}

.Follow {
    border: 2px solid #e4e7ef;
    padding: 9px 25px 10px 23px;
    float: right;
    border-radius: 100px;
    background: #fff;
}

.UnFollow {
    padding: 11px 27px 12px 25px;
    float: right;
    border-radius: 100px;
    color: #fff;
    background: #4be1ab;
}

.MyFavorite {
    border-bottom: 1px solid #f0f2f7;
}

.FavoriteFollow {
    float: left;
    margin-top: 20px;
}

.FavoriteImage {
    height: 100px;
    width: 100px;
    float: right;
}

    .FavoriteImage img {
        max-height: 80px;
        max-width: 80px;
    }

.DetailBtn {
    border: 2px solid #e4e7ef;
    padding: 9px 20px 10px 18px;
    float: right;
    background: #fff;
    font-size: 12px;
}

.EditBtn {
    border: 2px solid #e4e7ef;
    padding: 9px 20px 10px 18px;
    float: right;
    background: #fff;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    margin-left: -2px;
    font-size: 12px;
}

.DeleteBtn {
    border: 2px solid #e4e7ef;
    padding: 9px 20px 10px 18px;
    float: right;
    background: #fff;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    margin-right: -2px;
    font-size: 12px;
}

.CreatBtn {
    float: left;
    padding: 16px 0px 0px 0px;
    margin-left: 20px;
    border-bottom: 1px solid #3b55e6;
    margin-top: -16px;
    color: #3b55e6 !important;
}

.AdminControler {
    padding-right: 0px !important;
}

.AdminTitle {
    float: right;
    text-align: right;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

#Status, .Status {
    -webkit-appearance: checkbox;
}

    .Status[type="checkbox"]:checked + label {
        background: #4be1ab url(../images/Icon/CheckBox.png) no-repeat center center;
        border: 2px solid #4be1ab;
    }

.CreateSelect {
    width: 170px;
    float: right;
}

    .CreateSelect input, .CreateSelect select, .CreateSelect2 input, .CreateSelect2 select, .CreateSelect3 input, .CreateSelect4 input {
        width: 100%;
        padding: 11px 20px 12px 15px;
        margin: 7px 0px 26px 0px;
        height: 45px;
        border: 1px solid #e4e7ef;
        background: #f0f2f7;
        border-radius: 5px;
        float: right;
    }

.CreateSelect2 {
    margin-right: 30px;
}

.CreateSelect3 {
    width: 370px;
    float: right;
}

.CreateSelect4 {
    width: 570px;
    float: right;
}

    .CreateSelect label, .CreateSelect2 label, .CreateSelect3 label, .CreateSelect4 label {
        color: #a1a6bb;
        margin-right: 20px;
        float: right;
    }

.ColorPlus {
    width: 45px !important;
}

.PricePlus {
    width: 110px !important;
    float: right;
    margin-right: 15px;
}

.EditProfileName {
    float: right;
    margin-top: 36px;
}

.SubmitBtn {
    border-top: 1px solid #f0f2f7;
    float: right;
    width: 770px;
    margin-top: 14px;
}

.EditProfileSubmitBtn {
    float: left;
    padding: 13px 27px 14px 25px;
    background: #3b55e6;
    border-radius: 100px;
    color: #fff;
    margin-left: 50px;
    margin-bottom: 40px;
}

/*.EditProfileSubmit {
    margin: 20px auto;
}*/

.center-box {
    width: 1170px;
    margin: 0px auto;
}

.ForgetPassword {
    text-align: center;
    padding-bottom: 50px;
}

#ProductDetail {
    float: right;
}

    #ProductDetail ul {
        float: right;
        list-style: none;
        padding: 0px;
    }

.AdminDetailValue {
    width: 550px;
    float: right;
    margin: 0px 20px 26px 0px;
    background: #f0f2f7;
    border: 1px solid #e4e7ef;
    border-radius: 5px;
    padding: 11px 20px 12px 15px;
}

.AdminDetailTitle {
    width: 200px;
    float: right;
    margin: 0px 0px 10px 0px;
    background: #e4e7ef;
    border-radius: 5px;
    padding: 12px 20px 13px 15px;
}

.AdminDetailTopic {
    color: #a1a6bb;
    margin-right: 20px;
    float: right;
    padding: 0px 0px 12px 0px;
}

.CategorySlide {
    width: 1170px;
    height: 377px;
    margin: 30px auto;
}

.CategoryMenu {
    width: 270px;
    margin: 0px;
    background: #fff;
    float: right;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 377px;
}

    .CategoryMenu ul {
        padding: 0px;
        margin: 0px;
    }

        .CategoryMenu ul li {
            padding: 16px 20px 17px 0px;
            list-style: none;
            border-top: 1px solid #f0f2f7;
            text-align: right;
        }

.FirstCategory {
    border: none !important;
}

    .FirstCategory a {
        color: #a1a6bb;
    }

.CategorySlideImage {
    float: right;
}

    .CategorySlideImage img {
        height: 377px;
        width: 600px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

.CategoryAds {
    width: 270px;
    height: 377px;
    margin-right: 30px;
    float: right;
}

    .CategoryAds img {
        width: 270px;
        height: 377px;
        border-radius: 5px;
    }

.LanndingBlog {
    width: 1170px;
    height: 567px;
    margin: 50px auto
}

.LanndingAsk {
    width: 270px;
    background: #fff;
    height: 790px;
    border-radius: 5px;
    display: inline-block;
    float: right;
    margin-left: 30px;
}

    .LanndingAsk ul {
        padding: 0px;
        height: 503px;
    }

        .LanndingAsk ul li {
            padding: 20px 20px 15px 0px;
            list-style: none;
            border-top: 1px solid #f0f2f7;
            text-align: right;
        }

.LanndingAskTitle {
    color: #3a405b;
    padding: 16px 20px 17px 0px !important;
    border: none !important;
}

.LanndingAskAll {
    border-top: 1px solid #f0f2f7;
    color: #3a405b;
    padding: 16px 0px 17px 0px !important;
    text-align: center !important;
}


.EditProfileAddress {
    width: 100%;
    float: right;
}

    .EditProfileAddress input {
        padding: 11px 20px 12px 15px;
        margin: 7px 0px 26px 0px;
        height: 45px;
        border: 1px solid #e4e7ef;
        background: #f0f2f7;
        border-radius: 50px;
        width: 100%;
    }

.LanndingAskImage {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin: 0px 0px 0px 10px;
    float: right;
    object-fit: cover;
}

.LanndingAsk h3 {
    width: 180px;
    font-size: 12px;
    line-height: 22px;
    color: #222328;
    text-align: justify;
    margin: -3px 50px 0px 0px;
    height: 48px;
    overflow: hidden;
}

.LanndingAskLike {
    margin: -4px 60px 0px 3px;
}

.LanndingAskComment {
    margin: -4px 19px 0px 4px;
}

.LanndingAsk label {
    color: #b9bed1;
    margin: 6px 0px 0px 0px;
}

.LanndingPost {
    width: 270px;
    height: 567px;
    float: right;
}

.LanndingPostTop {
    width: 270px;
    height: 270px;
    border-radius: 5px;
    overflow: hidden;
    float: right;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .LanndingPostTop:hover {
        box-shadow: 0px 5px 15px 0px #b9bed1;
    }

.LanndingPostTopBtn {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 4px 18px 5px 16px;
    margin: 30px 25px 0px 0px !important;
    z-index: 5;
    position: relative;
}

.LanndingPostTop h3 {
    font-size: 14px;
    color: #fff;
    line-height: 23px;
    font-weight: 700;
    margin: 87px 25px 0px 20px;
    text-align: justify;
    z-index: 5;
    position: relative;
    /*text-shadow:5px 5px 5px #222328;*/
}

.LanndingPostTopCover {
    height: 270px;
    position: absolute;
    filter: brightness(50%);
    width: 270px;
    object-fit: cover;
    border-radius: 5px;
}

.LanndingPostTopImage {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin: 0px 25px 0px 0px;
    z-index: 5;
    position: relative;
}

.LanndingPostTop label {
    color: #fff;
    margin: 22px 7px 0px 0px;
    z-index: 5;
    position: relative;
}

.LanndingPostBottom {
    width: 270px;
    height: 267px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    margin-right: 30px;
    float: right;
}

    .LanndingPostBottom:hover {
        box-shadow: 0px 5px 15px 0px #b9bed1;
    }

.LanndingPostBottomCover {
    height: 159px;
    width: 270px;
    overflow-y: hidden;
}

    .LanndingPostBottomCover img {
        margin: 0px !important;
        object-fit: cover;
        height: 159px;
        width: 270px;
        filter: brightness(60%);
    }

.LanndingPostBottom h3 {
    font-size: 14px;
    color: #222328;
    line-height: 23px;
    font-weight: 700;
    margin: 14px 20px 0px 20px;
    text-align: justify;
}

.LanndingPostBottom img {
    margin: -3px 18px 0px 0px;
    color: #b9bed1;
}

.LanndingPostBottom label {
    margin: 12px 0px 0px 0px;
    color: #b9bed1;
}

.LanndingSuggest {
    width: 570px;
    margin-right: 30px;
    background: #fff;
    height: 567px;
    border-radius: 5px;
    float: left;
}

    .LanndingSuggest:hover {
        box-shadow: 0px 5px 15px 0px #b9bed1;
    }

.LanndingSuggestCover {
    width: 570px;
    height: 322px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow-y: hidden;
}

    .LanndingSuggestCover img {
        width: 570px;
        object-fit: cover;
        height: 322px;
        filter: brightness(70%);
    }

.LanndingSuggest h3 {
    margin: 29px 40px 10px 40px;
    line-height: 37px;
    font-size: 18px;
    font-weight: 700;
    color: #222328;
    text-align: justify;
}

.LanndingSuggest p {
    margin: 5px 40px 26px 40px;
    line-height: 23px;
    text-align: justify;
}

.LanndingSuggestBootom {
    width: 490px;
    border-top: 1px solid #f0f2f7;
    margin: 0px auto;
}

.LanndingSuggestImage {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin: 20px 0px 20px 0px !important;
    float: none !important;
}

.LanndingSuggestAuthor {
    margin: 10px 7px 0px 0px !important;
    float: none !important;
}

.LanndingSuggest label {
    margin: 27px 2px 0px 0px;
    color: #b9bed1;
    float: left;
}

.LanndingSuggestBootom img {
    margin: 29px 18px 0px 2px;
    color: #b9bed1;
    float: left;
}

.CategoryBottom {
    margin-bottom: 50px;
}

.BlogTitle {
    text-align: center;
    border-bottom: 1px solid #f0f2f7;
    padding: 16px 0px 17px 0px;
}

.BackStory {
    float: right;
    border-left: 1px solid #f0f2f7;
    background: none;
    font-size: 14px;
    padding: 16px 0px 17px 0px;
    margin-top: -16px;
    width: 200px;
}

.NextStory {
    float: left;
    border-right: 1px solid #f0f2f7;
    background: none;
    font-size: 14px;
    padding: 16px 0px 17px 0px;
    margin-top: -16px;
    width: 200px;
}

.PostTitle {
    width: 1030px;
    text-align: center;
    padding: 0px 30px 30px 0px;
    margin: 37px auto;
    border-bottom: 1px solid #f0f2f7;
}

    .PostTitle h1 {
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        background: url(../images/blog/blog-title-background.jpg) no-repeat top center;
        background-size: cover;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

.blog-image {
    width: 100%;
    display: block;
    margin: 30px auto !important;
    border-radius: 5px;
}

.BlogText img {
    border-radius: 5px;
    border: 0px solid #f0f2f7;
    max-width: 100%;
    display: block;
    margin: 21px auto 19px auto;
}

.ImageNull {
    width: 34px;
    height: 34px;
    background: #b9bed1;
    border-radius: 50%;
    margin: 15px 30px 0px 0px;
    text-align: center;
    padding-top: 7px;
    color: #fff;
    float: right;
}

.SimilarPost {
    width: 1170px;
    text-align: center;
    margin: 0px auto;
}

.SimilarPost0 {
}

.SimilarPost h2 {
    border-top: 1px solid #f0f2f7;
    border-bottom: 1px solid #f0f2f7;
    font-size: 14px;
    font-weight: 400;
    margin: 0px auto;
    padding: 18px 0px 20px 0px;
}


.SimilarPost1 {
    float: right;
    width: 390px;
    border-left: 1px solid #f0f2f7;
}

.SimilarPost2 {
    float: right;
    width: 391px;
    border-left: 1px solid #f0f2f7;
}

.SimilarPost3 {
    float: right;
    width: 389px;
}

.SimilarPostImage {
    width: 60px;
    height: 60px;
    margin: 30px 30px 0px 0px;
    float: right;
}

    .SimilarPostImage img {
        max-width: 60px;
        max-height: 60px;
        border-radius: 5px;
    }

.FullSpecTitel h5 {
    float: right;
    margin: 23.5px 10px;
}

.SimilarPostTag {
    color: #b9bed1;
    float: right;
    margin: 27px 30px 0px 0px;
    border-bottom: 1px solid #b9bed1;
    line-height: 16px;
    font-size: 12px;
    cursor: pointer;
}

.BlogText {
    width: 1030px;
    margin: 0px auto;
    line-height: 30px;
    color: #3a405b;
    font-family: yekan;
    text-align: justify;
    line-height: 33px;
}

    .BlogText strong {
        color: #222328;
        line-height: 53px;
    }

.SimilarPostTitle {
    float: right;
    text-align: justify;
    color: #222328;
    margin: -42px 120px 26px 30px;
    line-height: 23px;
    cursor: pointer;
}

#FullSpecTitelAvat {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    float: right;
    margin: 15px 30px 0px 0px;
}

.AboutH1 {
    color: #222328;
    text-align: right;
    padding-top: 54px;
    font-size: 30px;
    margin-right: 70px;
}

.AboutH2 {
    color: #b9bed1;
    text-align: right !important;
    font-size: 14px !important;
    margin-right: 70px;
    margin-top: 27px;
}

.AboutP {
    padding-top: 4px;
    margin: 0px auto;
    width: 1030px;
    line-height: 43px;
    color: #3a405b;
    text-align: justify;
    padding-bottom: 46px;
}

.ForgotPassword {
    width: 370px;
    top: 50%;
    left: 50%;
    background: #fff;
    position: fixed;
    border-radius: 5px;
    z-index: 5200;
    margin: -134px -185px;
    display: none;
}

.ForgotPasswordTitle {
    border-bottom: 1px solid #f0f2f7;
}

    .ForgotPasswordTitle label {
        padding: 16px 20px 17px 0px;
        margin: 0px;
    }

#SingInShowTitelNot2 {
    margin: 21.5px 0px 0px 20px;
    float: left;
    cursor: pointer;
}

.ForgotPasswordBody {
    width: 290px;
    margin: 0px auto;
}

    .ForgotPasswordBody label {
        color: #b9bed1;
        margin: 26px 20px 12px 0px;
    }

.SignInShowMail2 {
    width: 290px;
    border-radius: 50px;
    border: 1px solid #e4e7ef;
    background: #f0f2f7;
    padding: 10px 20px 11px 20px;
}

.ForgotPasswordBtn {
    width: 290px;
    border-radius: 50px;
    margin-top: 30px;
    background: #3b55e6;
    padding: 11px 10px 12px 20px;
    margin-bottom: 40px;
    color: #fff;
}

.slider-box-202 {
    width: 202px;
    margin-right: 30px;
    float: right;
}

.related-image {
    width: 135px;
    height: 180px;
    float: right;
    margin: 30px 40px 0px 0px;
    overflow: hidden;
    border-radius: 5px;
}

    .related-image img {
        max-width: 180px;
        max-height: 180px;
        position: relative;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
    }

.center-box {
    width: 1170px;
    margin: 0px auto;
}

.white-box {
    float: right;
    background: #ffffff;
    border-radius: 5px;
}

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

.margin-right-50 {
    margin-right: 50px;
}

.margin-left-50 {
    margin-left: 50px;
}

.price-label {
    color: #3b55e6;
    font-size: 12px;
}

.border-radius-5 {
    border-radius: 5px;
}

.center {
    float: none;
    margin: auto;
    display: block;
}

.about-box {
    background: #fff;
    text-align: right;
    border-radius: 5px;
    margin: 30px auto;
}

.edit-profile-box {
    margin-right: 30px;
    border-radius: 5px;
    background: #fff;
    width: 870px;
    margin-bottom: 50px;
    float: right;
}

    .edit-profile-box h3 {
        font-size: 14px;
        color: #3a405b;
        margin: 18px 30px 0px 0px;
        font-weight: normal;
    }

.ajax-loading {
    position: fixed;
    top: 25%;
    z-index: 1200;
    width: 25%;
    right: calc(50% - 12.5%);
    display: none;
}

    .ajax-loading img {
        width: 100%;
    }

.OverHide {
    background: #3a405b;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow-y: hidden;
    opacity: 0.5;
    z-index: 1000;
    display: none;
}

/*          Search          */

.search-result {
    width: 270px;
    height: 380px;
    float: right;
    background: #fff;
    margin: 0px 30px 30px 0px;
    border-radius: 5px;
}

    .search-result:hover {
        box-shadow: 0px 5px 15px 0px #b9bed1;
        cursor: pointer;
    }

.search-image-box img {
    width: 100%;
    height: 234px;
    position: relative;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 20px;
}

.search-title {
    color: #222328;
    margin-top: 6px;
    padding: 0px 20px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.search-description {
    margin-top: 3px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.search-property {
    font-size: 10px;
    color: #b9bed1;
    margin-top: 9px;
    display: block;
}

.search-price {
    color: #334cd5;
    margin-top: 5px;
}

.advertise-property {
    margin: 17px 15px 0px 0px;
}

.advertise-property-key {
    color: #b9bed1;
    display: block;
    margin-bottom: 13px;
}

.advertise-property p {
    margin-top: 6px;
    text-align: justify;
    line-height: 33px;
    width: 470px;
    max-width: 100%;
}

.search-pagination-mobile {
    display: none;
}

.advertise-image {
    width: 400px;
    height: 400px;
    float: right;
    margin: 80px 100px auto;
}

    .advertise-image img {
        max-width: 400px;
        max-height: 400px;
        position: relative;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
        border-radius: 5px;
    }

.advertise-contact, .advertise-contact:hover, .advertise-contact-login {
    font-size: 16px;
    padding: 11px 23px 14px 23px;
    background-color: #3a405b;
    color: #fff;
    margin: 30px 0px 30px 23px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
}

.advertise-contact-active, .advertise-contact-active:hover {
    font-size: 16px;
    padding: 9px 23px 11px 23px;
    margin: 30px 0px 30px 23px;
    border: 2px solid #b9bed1;
    border-radius: 100px;
    cursor: pointer;
    display: none;
}

.product-detail-box .image-box .gallery {
    display: flex;
    flex-wrap: wrap;
    width: 430px;
    margin: 0px auto;
}

    .product-detail-box .image-box .gallery div {
        width: 88.75px;
        height: 88.75px;
        margin-top: 15px;
        margin-right: 15px;
        border-radius: 5px;
        border: 1px solid #f0f2f7;
    }

    .product-detail-box .image-box .gallery img {
        max-width: 65px;
        max-height: 65px;
        position: relative;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
        border-radius: 5px;
        cursor: pointer;
    }

    .product-detail-box .image-box .gallery div.active {
        border: 1px solid #51dde9;
    }

.related-title {
    margin-top: 35px;
    text-align: right;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
}

.related-property {
    font-size: 12px;
    color: #b9bed1;
    float: right;
    margin-top: 10px;
}

.related-price {
    float: right;
    margin-right: 15px;
    color: #334cd5;
}

.related-detail-top {
    float: right;
    margin-right: 15px;
    width: 180px;
    height: 180px;
}

.product-thumbnails {
    float: right;
    margin-right: 80px;
}

.product-image {
    width: 400px;
    height: 400px;
    object-fit: contain;
    border-radius: 5px;
}

.product-property-key-white {
    background-color: #fff;
}

.width-1170 {
    width: 1170px;
}

.margin-bottom {
    margin-bottom: 50px;
}

/*@media (max-width:768px) {
    .New, .BoxRow, #da-slider, .da-slide {
        width: 100%;
    }

    .NewBox1 {
        width: 50%;
    }

    .NewBox2 {
        width: 50%;
    }

    .NewBox3 {
        display: none;
    }

    .NewBox4, .BoxRow3, .BoxRow4 {
        display: none;
    }

    .BoxRow1, .BoxRow2, .Festival1, .Festival2 {
        width: calc(50% - 15px);
    }
}*/
.header-account {
    top: 4px;
    margin-right: 5px;
    font-size: 18px;
    position: relative;
}

.footer-google, .footer-facebook, .footer-twitter {
    color: #fff;
    font-size: 18px;
    float: right;
    margin: 58px 0 0 28px;
}

.header-cart {
    color: #3a405b;
    font-size: 16px;
    float: right;
    margin: 3px 48px 0 9px;
}

.add-to-shoppingcart, .add-to-shoppingcart:hover {
    font-size: 16px;
    padding: 11px 53px 14px 23px;
    background: #3a405b url(../images/Icons/ShoppingCartIconWhite.png) no-repeat right 24px center;
    color: #fff !important;
    margin: 30px 0px 30px 23px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
}

.advertise-expire {
    margin-top: 30px;
    margin-right: 15px;
    display: none;
}

    .advertise-expire a {
        color: #3b55e6;
    }

.advertise-expire-message {
    color: #fe5339;
    font-size: 18px;
    margin-bottom: 11px;
}

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

.btn-pdf {
    background-color: #51dde9 !important;
    border-radius: 100px !important;
    float: left !important;
    color: #fff !important;
}

    .btn-pdf:hover {
        color: #fff !important;
    }

.last-article-title {
    font-size: 14px;
    margin: 0px;
    text-align: right;
    padding: 16px 20px 17px 0px;
    line-height: 20px;
}

.blog-anchortext {
    color: #4be1ab;
    font-weight: normal;
}

.popup-login-register {
    width: 370px;
    border-top: 1px solid #e4e7ef;
    background: #f0f2f7;
    height: 137px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .popup-login-register label {
        text-align: center;
        margin: 20px auto 0px;
        color: #a1a6bb;
        display: list-item;
        list-style: none;
    }

    .popup-login-register a {
        margin: 17px 85px 12px 0px;
        color: #b9bed1;
        float: right;
        font-size: 12px;
        text-decoration: none;
        border-bottom: 1px solid #b9bed1;
    }

.product-slide-box {
    background: #fff;
    text-align: right;
    border-radius: 5px;
    margin: 30px auto;
}

    .product-slide-box .header, .product-info-box .header {
        height: 54px;
        border-bottom: 1px solid #f0f2f7;
    }

    .product-slide-box h2, .product-info-box h2 {
        font-size: 14px;
        color: #3a405b;
        margin: 18px 30px 0 0;
        font-weight: normal;
        display: inline-block;
    }

    .product-slide-box .body {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: flex-end;
        text-align: center;
        overflow: hidden;
    }

        .product-slide-box .body .product .cover {
            width: calc(100% - 100px);
            height: calc(770px /4);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 30px auto 0;
        }

            .product-slide-box .body .product .cover img {
                max-width: 100%;
                max-height: 100%;
            }

        .product-slide-box .body .product {
            min-width: calc(25% - 0.75px);
            box-sizing: content-box;
            border-left: 1px solid #f0f2f7;
        }

        .product-slide-box .body .title {
            font-size: 14px;
            color: #3a405b;
            margin: 26px 0 0 0;
            text-align: center;
            font-weight: normal;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 0 30px 0 30px;
            display: block;
        }

        .product-slide-box .body .property {
            font-size: 12px;
            color: #b9bed1;
            font-weight: normal;
            display: block;
            margin: 14px auto 14px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 0px 30px;
        }

        .product-slide-box .body .price {
            color: #334cd5;
            margin-bottom: 27px;
        }

.blog-ads-slide-box {
    height: 790px;
    margin: 0px auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb-box {
    height: 62px;
    background: #fff;
    text-align: right;
    margin: 30px auto 0px;
    border-radius: 5px;
    font-size: 12px;
    overflow: hidden;
}

    .breadcrumb-box ul {
        padding-right: 20px;
    }

        .breadcrumb-box ul li {
            display: inline-block;
            margin: 21px 0px 0px 0px;
            color: #3a405b;
        }

            .breadcrumb-box ul li a {
                text-decoration: none;
                color: #3a405b;
            }

.product-detail-box {
    padding: 20px;
}

    .product-detail-box h1 {
        font-size: 20px;
        color: #222328;
        margin-top: 57px;
        font-weight: bold;
        line-height: 43px;
    }

    .product-detail-box .summary {
        font-size: 14px;
        color: #b9bed1;
        margin: 0px;
    }

        .product-detail-box .summary p {
            color: #3a405b;
            margin: 6px 0px 0px 0px;
            text-align: justify;
            line-height: 33px;
        }

.product-info-box, .product-detail-box {
    background-color: white;
    margin: 30px auto;
    border-radius: 5px;
}

.product-detail-box {
    display: flex;
}

    .product-detail-box .cover {
        margin-top: 60px;
    }

        .product-detail-box .cover img {
            display: block;
            margin: 0px auto;
        }

.product-comment-box {
    width: 770px;
    margin: 0px auto;
    padding-bottom: 30px;
}

.user-comment {
    border-top: 1px solid #f0f2f7;
    padding-top: 20px;
}

    .user-comment .message {
        color: #3a405b;
        margin: 3px 0 10px 0;
        font-size: 12px;
        text-align: justify;
        line-height: 31px;
    }



.product-info-box .property ul {
    list-style: none;
    padding: 0px;
}

.product-info-box .property .key {
    background: #e4e7ef;
    border-radius: 5px;
    padding: 11px 20px 12px 20px;
}

.product-info-box .property .value {
    background: #f0f2f7;
    border-radius: 5px;
    padding: 11px 20px 12px 20px;
}

.product-info-box .property {
    width: 970px;
    margin: 30px auto
}

    .product-info-box .property .key {
        width: 270px;
    }

    .product-info-box .property .value {
        width: 680px;
    }

    .product-info-box .property ul li ul li {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

.creator-box {
    width: 1030px;
    margin: 30px auto;
    border: 1px solid #f0f2f7;
    border-radius: 5px;
}

    .creator-box .tag {
        border-bottom: 1px solid #f0f2f7;
        padding: 7.5px 22.5px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .creator-box .tag a {
            border-radius: 5px;
            padding: 7px 16px 7px 14px;
            background: #f0f2f7;
            color: #3a405b;
            margin-right: 15px;
            font-size: 12px;
            margin: 7.5px;
        }

.new-comment {
    border-top: 1px solid #f0f2f7;
    margin-top: 10px;
    width: 770px;
}



    .new-comment .message {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

        .new-comment .message textarea {
            color: #a1a6bb;
            padding: 10px 20px 0 0;
            background: #f0f2f7;
            border: 1px solid #e4e7ef;
            border-radius: 5px;
            min-height: 88px;
            margin: 30px 20px 10px 0;
            font-size: 14px;
            text-align: right;
            line-height: 31px;
            width: 700px;
            resize: none;
        }

        .new-comment .message button {
            padding: 11px 36px 12px 34px;
            background: #3b55e6;
            color: #fff;
            margin: 20px 0 30px 0;
            border-radius: 100px;
        }

.product-info-box .property .group {
    visibility: hidden;
}

.user-comment img {
    display: none;
}

.user-comment .like {
    float: left;
    color: #b9bed1;
    font-size: 12px;
    cursor: pointer;
}

.creator-box .about {
    display: flex;
    cursor: pointer;
    padding: 25px 30px;
    align-items: center;
}

    .creator-box .about .description {
        color: #b9bed1;
        padding-right: 20px;
    }

    .creator-box .about .cover {
        width: 50px;
        height: 50px;
    }

        .creator-box .about .cover img {
            width: 50px;
            height: 100%;
            object-fit: cover;
            border-radius: 100px;
        }

.image-box {
    width: 50%;
}

.property-box {
    width: 50%;
    padding: 0px 15px 0px 80px;
}

.BottomHeader .fa-bars {
    display: none;
}

.product-ads {
    display: none;
}

@media (max-width: 767px) {

    .BottomHeader .fa-bars {
        margin-top: 17px;
        margin-right: 20px;
        font-size: 20px;
        display: block;
        cursor: pointer;
    }

    .body-content {
        width: 100%;
    }

    /*.product-slide-box, .product-info-box, .breadcrumb-box, .product-detail-box {
        max-width: calc(100% - 30px);
    }*/

    .product-slide-box .body .product, .blog-ads-slide-box {
        min-width: calc(50% - 0.5px);
    }

    .LanndingAsk, .Sign, .BuyCart, .SearchBox, .Footer2 ul, .Footer3 {
        display: none;
    }

    .Footer2 .social {
        display: flex;
        justify-content: center;
    }

        .Footer2 .social a i {
            margin: 38px 14px 0 14px;
        }

    .blog-ads-slide-box {
        height: unset;
        flex-wrap: nowrap;
        overflow: auto;
    }

    .Box2Row2 {
        margin-top: 0px !important;
        margin-right: 30px;
    }

    .Box2Row1 {
        margin-top: 0px !important;
    }

    .CategoryMenu, .CategoryAds {
        display: none;
    }

    .CategorySlideImage {
        width: 100%;
        float: unset;
    }

        .CategorySlideImage img {
            height: unset;
            width: 100%;
        }

    .CategorySlide {
        width: 100%;
        height: unset;
    }

    .logo-box {
        display: flex;
    }

        .logo-box a {
            margin: 0px auto;
        }

    .BottomHeader nav {
        display: none;
    }

    .LogoImg2 {
        float: unset;
        margin-top: 20px;
    }

    .product-slide-box .body .product .cover {
        width: calc(100% - 40px);
        height: calc((100vw - 111px)/2);
    }

    .product-detail-box .cover img {
        height: 100%;
        width: 100%;
    }

    .product-detail-box .cover {
        /*width: calc(100% - 30px);*/
        height: calc(100vw - 100px);
        display: flex;
        align-items: center;
        margin: 0px auto;
    }

    .product-info-box .property .key, .product-info-box .property .value {
        display: block;
        margin-right: 0px;
        width: unset;
        margin-bottom: 10px;
    }

    .product-info-box .property ul li ul li {
        display: block;
    }

    .product-info-box .property .group {
        display: none;
    }

    .product-detail-box h1 {
        margin: 30px 0px;
        font-size: 16px;
    }

    .product-comment-box {
        padding: 0px 15px;
        width: unset;
        padding-bottom: 30px;
    }

    .product-info-box .property {
        padding: 0px 15px;
        width: unset;
    }

    .new-comment, .new-comment .message textarea {
        width: 100%;
    }

        .new-comment img {
            display: none;
        }

    .creator-box {
        width: calc(100% - 30px);
        margin-right: 15px;
    }

        .creator-box .tag {
            padding: 7.5px;
        }

    .product-detail-box {
        display: block;
    }

    .image-box, .property-box {
        width: 100%;
        padding: 0px;
    }

    .AccountRegister {
        width: 100%;
    }

    .register-form {
        width: 100%;
        padding-bottom: 30px;
    }

        .register-form label, .AccountRegister label {
            margin-right: 60px;
        }

    .login-register label {
        text-align: center;
        margin: 30px auto 10px;
    }

    .SignIn2 {
        width: 100%;
        height: unset;
    }

    .SignUpMail2, .SignUpPass2, .SignUpPassC2 {
        width: calc(100% - 80px);
        margin: 10px 40px 0px 0px;
    }

    .SignIn2Submit {
        width: calc(100% - 80px);
        margin-right: 40px;
        margin-top: 40px;
    }

    .SignUp2Submit {
        width: calc(100% - 80px);
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .login-register, .ramzeobor {
        width: 100%;
    }

    .Filter {
        display: none;
    }

    .CategoryAjax {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }

        .CategoryAjax > a {
            width: calc(50% - 7.5px);
        }

        .CategoryAjax .ads {
            display: none;
        }

    .search-result {
        width: 100%;
        margin: 0px 0px 30px 0px;
    }

    .Category1, .Category2 {
        width: 100%;
    }

    .SearchPic {
        width: calc(100% - 40px);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 22px auto 0;
    }

    .PageNumber {
        width: 100%;
        float: unset;
        border-radius: 5px;
        margin-right: 0px;
    }

    .BackPageImg, .NextPageImg {
        padding: 30px 25px 30px 25px;
        float: right;
        margin-top: 0px;
    }

    .search-pagination {
        display: none;
    }

    .search-pagination-mobile {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

    .PageNumber ul li a {
        margin: 0px;
        padding: 15px;
    }

    .PageNumber ul {
        width: calc(100% - 102px);
        float: right;
    }

    .mobile-hide {
        display: none;
    }

    .BlogTitle {
        display: flex;
        padding-bottom: 0px;
    }

    .BackStory {
        float: none;
        width: 50%;
    }

    .NextStory {
        float: none;
        width: 50%;
        border: none;
    }

    .product-detail-box .image-box .gallery {
        width: 100%;
    }

    .breadcrumb-box ul li a {
        line-height: 22px;
    }

    .product-slide-box .body .title, .product-slide-box .body .property {
        padding: 0 15px;
    }

    .AddToFavoritForm {
        display: none;
    }

    .AddToBasketForm {
        margin-bottom: 28px;
    }

    .AboutH1 {
        margin-right: 15px;
        font-size: 22px;
        padding-top: 34px;
    }
    .AboutH2 {
        margin-right: 15px;
        margin-bottom: 0px;
    }

    .AboutP {
        width: unset;
        padding: 15px;
        line-height: 38px;
    }

    .ProfileControler, .EditProfilePicture {
        display: none;
    }

    .edit-profile-box {
        margin-right: 0px;
        width: 100%;
    }

    .EditProfileText {
        width: 100%;
        margin: 0px;
    }

        .EditProfileText input {
            width: 100%;
        }

        .EditProfileText label {
            color: #a1a6bb;
        }

    .EditProfileEmail, .EditProfileLastName, .EditProfileFirstName, .EditProfileName {
        width: calc(100% - 60px);
        margin: 0px auto;
        float: none;
    }

    .EditProfileName {
        margin-top: 0px;
    }

    .EditProfileSubmitBtn {
        float: none;
        margin: 40px auto;
        display: block;
        margin-bottom: 40px;
    }

    .Order, .OrderBg {
        width: 100%;
    }

    .BasketNull, .BasketNullBold, .BasketNull label {
        width: unset;
        text-align: center;
        height: unset;
    }

    .BasketNullText, .BasketNullSuggest, .OrderBackHome, .OrderNextBuy {
        float: unset;
    }

    .BasketNullSuggest {
        height: 51px;
        margin-top: 10px;
    }

    .BasketNull label {
        line-height: 31px;
        padding: 0px 30px;
    }

    .EditProfileAddress {
        width: calc(100% - 60px);
        margin: 0px auto;
        float: none;
    }

        .EditProfileAddress input {
            padding: 11px 20px 12px 15px;
            margin: 7px 0px 26px 0px;
            height: 45px;
            border: 1px solid #e4e7ef;
            background: #f0f2f7;
            border-radius: 50px;
        }

    .ajax-loading {
        width: 270px;
        right: calc(50% - 135px);
    }

    .product-slide-box .body {
        overflow: auto;
    }

        .product-slide-box .body::-webkit-scrollbar {
            width: 0px;
        }

    .Footer1, .Header {
        min-width: unset;
    }

    .BlogText, .PostTitle {
        width: unset;
        padding: 15px;
    }

        .PostTitle h1 {
            font-size: 22px;
        }

   

    .product-ads {
        display: block;
    }
}

.mega-menu {
    max-width: 270px;
    background-color: #fff;
    position: fixed;
    height: 100%;
    top: 0px;
    z-index: 10000;
    box-shadow: 0 5px 15px 0 #b9bed1;
    transition: 0.5s;
    width: 0;
    overflow-x: hidden;
}

    .mega-menu nav {
        margin-top: 15px;
    }

    .mega-menu ul {
        padding-right: 20px;
    }

    .mega-menu li {
        list-style: none;
        font-size: 14px;
        line-height: 43px;
        padding-right: 20px;
    }

        .mega-menu li:hover {
            background-color: #e4e7ef;
            margin-left: 20px;
            border-radius: 5px;
        }

.side-footer {
    border-top: 1px solid #f0f2f7;
    margin-top: 15px;
    padding-top: 15px;
}

    .side-footer a {
        color: #a1a6bb;
    }

.mega-menu .logo-box {
    border-bottom: 1px solid #f0f2f7;
}

    .mega-menu .logo-box a {
        margin-right: 40px;
        margin-top: 1px;
        margin-bottom: 20px;
    }