/* Minification failed. Returning unminified contents.
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,38): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient-1'
(144,38): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient-5'
(145,38): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient-6'
(146,38): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient-7'
(147,38): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient-8'
(148,38): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient-8'
(149,39): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient-10'
(150,39): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient-11'
(151,39): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient-12'
(153,44): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-1'
(154,44): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-5'
(155,44): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-6'
(156,44): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-7'
(157,44): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-8'
(158,44): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-8'
(159,45): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-10'
(160,45): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-11'
(161,45): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-12'
(163,31): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-1'
(164,31): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-5'
(165,31): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-6'
(166,31): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-7'
(167,31): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-8'
(168,31): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-8'
(169,32): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-10'
(170,32): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-11'
(171,32): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-12'
(173,42): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-1'
(174,42): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-5'
(175,42): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-6'
(176,42): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-7'
(177,42): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-8'
(178,42): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-8'
(179,43): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-10'
(180,43): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-11'
(181,43): run-time error CSS1039: Token not allowed after unary operator: '-product-type-color-12'
(434,43): run-time error CSS1046: Expect comma, found '0'
(434,47): run-time error CSS1046: Expect comma, found '/'
(435,33): run-time error CSS1046: Expect comma, found '0'
(435,37): run-time error CSS1046: Expect comma, found '/'
(442,44): run-time error CSS1046: Expect comma, found '0'
(442,48): run-time error CSS1046: Expect comma, found '/'
(443,34): run-time error CSS1046: Expect comma, found '0'
(443,38): run-time error CSS1046: Expect comma, found '/'
(1153,23): run-time error CSS1046: Expect comma, found '0'
(1153,27): run-time error CSS1046: Expect comma, found '/'
(1601,28): run-time error CSS1039: Token not allowed after unary operator: '-white-two'
(2227,43): run-time error CSS1046: Expect comma, found '0'
(2227,47): run-time error CSS1046: Expect comma, found '/'
(2429,42): run-time error CSS1046: Expect comma, found '0'
(2429,46): run-time error CSS1046: Expect comma, found '/'
(2431,34): run-time error CSS1046: Expect comma, found '0'
(2431,38): run-time error CSS1046: Expect comma, found '/'
(2480,27): run-time error CSS1046: Expect comma, found '0'
(2480,31): run-time error CSS1046: Expect comma, found '/'
(2490,31): run-time error CSS1046: Expect comma, found '0'
(2490,35): run-time error CSS1046: Expect comma, found '/'
 */
.hdt-logo {
    position:relative;
}
input[type="number"] {
    -moz-appearance: textfield;
}

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

.close {
    font-size:27px !important;
}

[data-imgloading] {
    visibility: hidden;
}

.breadcrumb {
    background-color: #fff;
    border-radius: 0;
}
.body-content {
    background-color:#fff;
    padding-bottom:20px;
}


/* Başlık alanını kaydırmak için kullanılacak stil */
.marquee {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

    /* Kayan yazı animasyonunu tanımlayan stil */
    .marquee p {
        display: inline-block;
        padding-left: 100%;
        animation: marquee 10s linear infinite;
    }

/* Kayan yazı animasyonu için anahtar çerçeve tanımı */
@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}


.tm-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 1000;
    transition: all .2s ease;
    top: 0;
    left: 0;
}
/*#region Message Box */
.mbox-container {
    position: fixed;
    box-shadow: 0 0 10px rgba(39, 39, 39, 0.72);    
    padding: 15px 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color:#fff;
    z-index:1000;
    border-radius:7px;    
}
    .mbox-container > div {
        display:flex;
        align-items:center;
        font-weight:bold;
        font-size:12px;
    }
    .mbox-container > div > span{
        margin-right:10px;
        color:#2b8d11;
        font-size:20px;
    }
/*#endregion */



@keyframes placeHolderShimmer {
    0% {background-position: -468px 0}
    100% {background-position: 468px 0}
}
.element-loading {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #e2e2e2 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    position: relative;
    content:"";
    height:100%;
}

:root {
    /*Koyu*/
    --product-type-color-1: #000000;
    --product-type-color-5: #5d89a1;
    --product-type-color-6: #b87139;
    --product-type-color-7: #87925d;
    --product-type-color-8: #1da0a2;
    --product-type-color-10: #ca2056;
    --product-type-color-11: #3572aa;
    --product-type-color-12: #085e53;
    /*Açık*/
    --product-type-color-1-2: #3e3e3e;
    --product-type-color-5-2: #71aac9;
    --product-type-color-6-2: #dd8c4c;
    --product-type-color-7-2: #a7b570;
    --product-type-color-8-2: #53dee0;
    --product-type-color-10-2: #518dc4;
    --product-type-color-11-2: #4a8ecc;
    --product-type-color-12-2: #fba052;
    --background-gradient-1: linear-gradient(to top, var(--product-type-color-1) 20%, var(--product-type-color-1-2) 80%);
    --background-gradient-5: linear-gradient(to top, var(--product-type-color-5) 20%, var(--product-type-color-5-2) 80%);
    --background-gradient-6: linear-gradient(to top, var(--product-type-color-6) 20%, var(--product-type-color-6-2) 80%);
    --background-gradient-7: linear-gradient(to top, var(--product-type-color-7) 20%, var(--product-type-color-7-2) 80%);
    --background-gradient-8: linear-gradient(to top, var(--product-type-color-8) 20%, var(--product-type-color-8-2) 80%);
    --background-gradient-10: linear-gradient(to top, var(--product-type-color-10) 20%, var(--product-type-color-10-2) 80%);
    --background-gradient-11: linear-gradient(to top, var(--product-type-color-11) 20%, var(--product-type-color-11-2) 80%);
    --background-gradient-12: linear-gradient(to top, var(--product-type-color-12) 20%, var(--product-type-color-12-2) 80%);
}
.product-type-gr-1 {background: var(--background-gradient-1);}
.product-type-gr-5 {background: var(--background-gradient-5);}
.product-type-gr-6 {background: var(--background-gradient-6);}
.product-type-gr-7 {background: var(--background-gradient-7);}
.product-type-gr-8 {background: var(--background-gradient-8);}
.product-type-gr-9 {background: var(--background-gradient-8);}
.product-type-gr-10 {background: var(--background-gradient-10);}
.product-type-gr-11 {background: var(--background-gradient-11);}
.product-type-gr-12 {background: var(--background-gradient-12);}

.product-type-bg-1 {background-color: var(--product-type-color-1);}
.product-type-bg-5 {background-color: var(--product-type-color-5);}
.product-type-bg-6 {background-color: var(--product-type-color-6);}
.product-type-bg-7 {background-color: var(--product-type-color-7);}
.product-type-bg-8 {background-color: var(--product-type-color-8);}
.product-type-bg-9 {background-color: var(--product-type-color-8);}
.product-type-bg-10 {background-color: var(--product-type-color-10);}
.product-type-bg-11 {background-color: var(--product-type-color-11);}
.product-type-bg-12 {background-color: var(--product-type-color-12);}

.product-color-1 {color: var(--product-type-color-1);}
.product-color-5 {color: var(--product-type-color-5);}
.product-color-6 {color: var(--product-type-color-6);}
.product-color-7 {color: var(--product-type-color-7);}
.product-color-8 {color: var(--product-type-color-8);}
.product-color-9 {color: var(--product-type-color-8);}
.product-color-10 {color: var(--product-type-color-10);}
.product-color-11 {color: var(--product-type-color-11);}
.product-color-12 {color: var(--product-type-color-12);}

.pt-text-color-1 {background-color: var(--product-type-color-1); color:#fff;padding:3px 5px;border-radius:3px 7px;}
.pt-text-color-5 {background-color: var(--product-type-color-5); color:#fff;padding:3px 5px;border-radius:3px 7px;}
.pt-text-color-6 {background-color: var(--product-type-color-6); color:#fff;padding:3px 5px;border-radius:3px 7px;}
.pt-text-color-7 {background-color: var(--product-type-color-7); color:#fff;padding:3px 5px;border-radius:3px 7px;}
.pt-text-color-8 {background-color: var(--product-type-color-8); color:#fff;padding:3px 5px;border-radius:3px 7px;}
.pt-text-color-9 {background-color: var(--product-type-color-8); color:#fff;padding:3px 5px;border-radius:3px 7px;}
.pt-text-color-10 {background-color: var(--product-type-color-10); color:#fff;padding:3px 5px;border-radius:3px 7px;}
.pt-text-color-11 {background-color: var(--product-type-color-11); color:#fff;padding:3px 5px;border-radius:3px 7px;}
.pt-text-color-12 {background-color: var(--product-type-color-12); color:#fff;padding:3px 5px;border-radius:3px 7px;}


/*#region Header */
.order-top-step {   
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 40px;
}
.ots-item {
    width: auto;
    display: inline-block;    
    text-align:center;
}
.ots-item-ar {
    width: calc(100%/2);
    display: inline-block;
    text-align: center;
}
    .ots-item-ar > span {
        content: '';
        width: 100%;
        height: 0.5rem;
        display: block;        
        z-index: 1;
        margin-top: 29px;
    }
.ots-name, .ots-name a {
    color: #bebebe;
    font-weight: bold;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.ots-check {
    width: 40px;
    height: 40px;
    border: solid #f4f7f8 0.4rem;
    background: #fff;
    border-radius: 100%;
    margin: 1rem auto;
    text-align: center;
    position: relative;
    z-index: 3;
    font-size: 24px;
    color: #e2e2e2;
}
.ots-check-active .ots-check {
    border-color: #74cb28;
}
.ots-check-active .ots-name, .ots-name a {
    color: #74cb28;
    border-color: #f28b00;
}
/*#endregion */

/*#region Sipariş Tamamlandı */

.ofn-contaner {
    background-color: #ebf9ec;   
    border: 1px solid #d1f7d4;
}
.ofn-title {
    color: #3a3a3a;    
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 2px;
}
    .ofn-title svg {
        margin-right:10px;
    }
.ofn-Header p {
    width:100%;
    text-align:center;
    font-size:12px;
    margin-top:10px;
}
.ofn-in-title {
    color: #27812d;    
    font-size: 13px;
    font-weight: bold;
    text-transform:uppercase;
    margin-bottom:5px;
}
.ofn-order-code span {
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
}
.ofn-in-container > p {
    font-size:13px;
    color:#000;
}
.ofn-order-code {
    display: flex;
    justify-content: center;
    margin: 40px 0;
    background-color: #d6f0d8;
    padding:20px 0 0;
}
    .ofn-order-code > div {
        text-align:center;
    }
.ofn-order-tutar span {
    font-size: 18px;
    font-weight: bold;
}
    .ofn-order-tutar span > span {
        font-size:12px;
        font-weight:normal;
    }
.ofn-footer {
    width: 100%;
    margin-top: 30px;
    border-top: 2px solid #fff;
    padding-top:20px;
}
    .ofn-footer > p {
        font-size:12px;
        font-weight:bold;
    }
.ofn-eft {
    margin-top:20px;
    background-color:#fff;
    padding:20px;
}
.ofn-eft-title {
    color:#000;
    font-size:16px;
    font-weight:bold;
    width:100%;
    margin-bottom:10px;
}
.ofn-eft-container > div:last-child {   
    align-items: flex-start;
}
.ofn-iban {
    display:flex;
    flex-direction:column;
}
.ofn-logo {
    border: 1px solid #b4b4b4;
    padding: 10px 10px;
    margin-right:20px;
    display:inherit;
}
.ofn-logo img {
    height:25px;    
}
.ofn-iban label {
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
}
.ofn-iban a, .ofn-in-container a {
    font-size: 12px;
    color: #484848;
    font-weight: normal;
    display: flex;
    margin-bottom: 20px;
    cursor:pointer;
}
.ofn-in-container a {
    justify-content: center;
}
    .ofn-iban > span > span {
        font-size: 13px;
        font-weight: normal;
    }
.ofn-descripton {
    font-size:12px;
    margin-top:50px;
}
.ofn-bank > div:first-child {
    width:170px;
}
.ofn-bank dl {
    font-size:13px;
}

/*#endregion */




/*#region Ölçü Ve Fiyatlar */
.product-size-price .panel-heading {
    padding:0;
}
    .product-size-price .panel-heading > a {
        display: flex;
        width: 100%;
        color: #fff;
        align-items: center;
        padding: 10px;
        font-size: 16px;
        letter-spacing: 2px;
        font-weight:bold;
    }
    .product-size-price .panel-heading > a > img {
        width:80px;
        border-radius:50%;
        margin-right:10px;
        border:2px solid #fff;
    }
.ktsof-container h2 {
    font-size: 18px;    
    width: 100%;
    display: block;
    float: left;
   margin-left:10px;
}
.ktsof-container p {
    font-size: 12px;
    color: #d94b4b;
    margin-left: 10px;
}
.product-size-price-top {      
    background-color: #f8f8f8;
    padding: 10px;
    margin-top: 10px;
}
.product-size-price-top ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;  
}
    .product-size-price-top ul li {
        width:100%;
    }
    .product-size-price-top ul li a {
        display: block;
        font-weight: bold;        
        width:100%;
        text-align:center;
    }        
        .product-size-price-top ul li a:hover {
            color: #3d3d3d;
        }

/*#endregion */


/*#region Header */
.header-container-order {
    margin-bottom: 12px;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 16%);
    padding-top: 20px;
    padding-bottom: 10px;
}
.os-footer-container {
    background-color: #fff;
    padding-top: 20px;
    -webkit-box-shadow: 0 -1px 2px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 -1px 2px rgb(0 0 0 / 16%);
    margin-top: 50px;    
}
.header-container {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #e5e5e5;
}
.top-shadow {
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.8);
    box-shadow: 0 0 7px rgba(0,0,0,0.8);
    border-bottom: 0;
}

.hdt-top-bar {
    width: 100%;
    background-color: #484848;
    color: #fff;
    margin-bottom: 16px;
    padding: 7px 16px;
}

.mobil-search {
    width: 100%;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    display: none;
}

.hdt-user-submenu {
    position: absolute;
    background-color: transparent;
    width: 180px;
    display: none;
    padding-top: 27px;
}
.hdts-container {
    background-color: #fafafa;
    width: 100%;
    padding: 25px 0 16px 0;
    border-radius: 7px;
}

.hdt-user-submenu .hdt-arrow {
    width: 30px;
    height: 30px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 13px;    
    background-color: #fafafa;
}
    .hdt-user-submenu li {
        width: 100%;
        display: block;
        padding-bottom: 13px;
        padding-left: 16px;
        padding-right: 16px;
    }
        .hdt-user-submenu li a {
            color: #484848;
            font-weight:bold;
        }
        .hdt-user-submenu li + li + li a {
            color: #51b549;
            font-size: 16px;
        }
        .hdt-user-submenu li + li + li + li a {
            color: #075b89;
            font-size:16px;
        }
        .hdt-user-submenu li a:hover {
            color: #808080;
        }

        .hdt-s-mobil svg { cursor:pointer; }

.ht-category {   
    border-top: 1px solid #e5e5e5;    
}
    .ht-category .container {
        position:relative;
    }

.category-name {
    background-color: #fff;
    border: solid 1px #e8e8e8;
    display: flex;
    align-items: center;
    height: 50px;
    margin: 10px 0;
    justify-content: space-between;
    overflow: hidden;
    /*background-color: #f7f7f7;*/
}
.categoty-icon {
    /*clip-path: polygon(0 1%, 100% 0, 69% 100%, 0% 100%);*/
    /*background-color: #e8e8e8;*/
    padding: 12px 20px;
    border-right: 1px solid #e8e8e8;
}
.categoty-icon > img {
    width: 40px;
}
    .category-name > h1 {
        padding: 0;
        margin: 0;
        font-size: 20px;       
        text-transform: uppercase;
        letter-spacing:1px;
    }
.category-name > span {
    display: flex;
    background-color: #ffefe5;
    color: #484848;
    border-radius: 7px;
    font-size: 12px;
    padding: 5px 10px;
    margin-right: 10px;
    border: solid 1px #edd2c1;
}

    .breadcrumb a {
        color: #919191;       
        font-size: 13px;
    }

.hdr-home-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 1;
    transition: all .2s ease;
    margin-top: 0;
    left: 0;
}
.hdr-li {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    cursor: pointer;
}
    .hdr-li > a {
        width: 100%;
        text-align: center;        
        justify-content: center;
        align-items: center;
        position: relative;
        transition: all 0.3s ease;
        text-transform: uppercase;
        letter-spacing: 0em;
        color: #3d3e43;
        display:flex;        
        align-items:center;
    }
        .hdr-li > a:hover {
            color:#000;background-color:#f6f6f6;
        }
        .hdr-li > a > span {
            padding-top: 3px;
        }
    .ht-ulcategory {
        display: flex;
        width: 100%;
        justify-content: flex-start;
    }
.ht-ulcategory li {
    float: left;
}
.hdt-menu {
    display: flex;
    justify-content: flex-end;
}

.hdt-search-container {
    position: relative;    
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;   
    width: 100%;    
}
.hdt-search-icon {
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;    
}
    .hdt-search-icon > i {        
        color: #b1b1b1;
        font-size:20px;
    }
.hdt-search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2px;
    height: 100%;    
}
    .hdt-search-input input {
        width: 100%;
        margin: 0;
        height: 100%;
        font-size: 15px;
        font-weight: 700;
        border: none;
        outline: none;
        border-radius: 0;
        color: #969696;
    }
        .hdt-search-input input:focus {
            box-shadow: none;
        }
        .hdt-search-input input::placeholder {
            color: #969696;
        }

.hdt-search-button {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;   
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;   
    padding: 0 16px;    
    line-height: 1.07;    
    letter-spacing: 0.76px;
    font-weight: 600;
    border: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
    .hdt-user-menu {       
        background-color: #fff;
        position: relative;
        border-radius: 5px;
    }
        .hdt-user-menu::before {          
            content: " ";
            background-image: url('/Content/Images/Design/top-user.png');
            width: 24px;
            height: 26px;
            display: block;
            position: absolute;
            background-repeat: no-repeat;
            background-size: cover;
        }    
.hdtu-t {
    display: block;
    color: #484848;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}
.hdtu-b {
    width: 63px;
    display: block;
    font-size: 10px;
    color: #484848;
    white-space: nowrap;
    line-height: 1.4;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.hdt-user-menu span {
    position: relative;
    display: block;   
}
    .hdt-user-menu span i {
        top: 4px;
        position: absolute;
        right: 0;
        font-size: 21px;
        color: #707070;
    }

.hdtc-container { 
    display: block;
    font-size: 15px;
    position: relative;
    line-height: 1.2;
    float: left;
    font-weight: 700;
    border-radius: 5px;
    transition: all 0.5s ease;
}
    .hdtc-container::before {
        content: " ";                
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
    }
.hdtc-text {
    font-size: 15px;
    color: #fff;
    line-height: 1.2;
    font-weight: 700;
    color: #707070;
    color: #fff;
}
.hdtc-count {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-webkit-radius: 50%;
    zoom: 1;
    min-width: 20px;
    width: auto;
    height: 20px;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    background-color: #fff;
    border: 2px solid #fff;
    color: #919191;
    text-align: center;
    position: absolute;    
    color: #de2e2e;
    box-shadow: 1px 2px 3px #000;
}





.ul-ttm-menu {
    position: absolute;
    background-color: transparent;
    padding: 35px 0;
    display: none;
}
    .ul-ttm-menu ul {
        background-color: #f5f5f5;
        display: inline-block;       
        width: 100%;        
        -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,0.58);
        -moz-box-shadow: 0 0 14px 0 rgba(0,0,0,0.58);
        box-shadow: 0 0 14px 0 rgba(0,0,0,0.58);
        padding:5px;
    }
    .ul-ttm-menu li {        
        width: 50%;
        padding:5px;
    }
        .ul-ttm-menu li a {
            transition: all 0.5s ease;
            color: #3d3e43;
            width: 100%;
            display: flex;
            align-items:center;
            font-size: 15px;           
            text-align:left;            
            flex-direction:column;
            text-transform:uppercase;
            border:1px solid #efefef;       
            padding:10px 0;
            background-color:#fff;
        }
            .ul-ttm-menu li a:hover {
                color: #d94b4b;
            }
            .ul-ttm-menu li a > img {
                width:60px;
                margin-bottom:10px;
            }

    .ul-ttm-menu .hdt-arrow {
        width: 20px;
        height: 20px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 27px;
        background-color: #f5f5f5;
        -webkit-box-shadow: -5px -5px 7px -1px rgba(0,0,0,0.25);
        -moz-box-shadow: -5px -5px 7px -1px rgba(0,0,0,0.25);
        box-shadow: -5px -5px 7px -1px rgba(0,0,0,0.25);
    }            
/*#endregion */



/*#region footer */
footer {
    background-color: #3d3e43;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.footer-top {
    border-bottom: 1px solid #0a0a0a;
}

.footerLogo {
    width: 100%;
    margin: 10px 0;
}

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

    .footerleft-menu li {
        float: left;
        color: #fff;
    }

.footer-center {
    color: #fff;
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid #676767;
    border-bottom: 1px solid #0a0a0a;
}

    .footer-center h3 {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
    }

        .footer-center h3 span {
            width: 100%;
            display: inline-block;
            margin-bottom: 7px;
        }

        .footer-center h3 img {
            width: 35px;
        }

    .footer-center p {
        font-size: 12px;
    }

.footer-bottom {
    border-top: 1px solid #676767;
    border-bottom: 1px solid #0a0a0a;
    padding: 20px 0;
}

.footer-title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 18px;
}

.footer-link {
    color: #fff;
    margin-bottom: 5px;
    display: inline-block;
}

    .footer-link img {
        width: 35px;
        margin: 5px 10px 0 0;
    }

    .footer-link:hover {
        color: #f8e16e;
    }

.footer-bottom-info {
    border-top: 1px solid #676767;
    padding: 10px 0;
}

.footer-Copyright {
    color: #fff;
    font-size: 12px;
    display: block;
    text-align: left;
}

.footer-visa li {
    float: left;
}

    .footer-visa li img {
        width: 60px;
        margin-left: 10px;
    }
/*#endregion */

/*#region Banner */
.BannerContainer > div {
    position:relative;   
    padding:0;    
}
.swiper-pagination {
    width: 100%;
    padding-top: 15px;
}
.BannerImage {
    width: 100%;
}
.swiper-pagination-bullet {
    /*border: 2px solid #000;*/
    width: 40px !important;
    height: 20px !important;
    border-radius: 7px !important;
    margin:0 10px !important;
}
.swiper-pagination-bullet-active {
    /*border: 2px solid #000;*/
    background: #000 !important;
    /*box-shadow: 0 0 4px #000;*/
}

.bannericon-container {
    position:relative;
    width:100%;
}
.bannericons {
    width:100%;
    z-index:200;    
}
.banner-icon {
    float:left;
    color:#fff;    
}
    .banner-icon h3 {        
        text-align:center;
        font-weight:bold;
    }    
    .banner-icon img {
        height:100%
    }     
.bannericon-left {
    background-color:#ed2526;
    width:32%;   
}
    .bannericon-left .col-md-4 {
        background-color:#d11819;       
    }
            
.bannericon-center {
    background-color:#3979aa;  
    width:32%;
    margin-left:1.7%;
    margin-right:1.7%;    
}
    .bannericon-center .col-md-4 {
        background-color:#226394;
    }
.bannericon-right {
    background-color:#cf257e;   
    width:32%;
}
.bannericon-right .col-md-4 {
        background-color:#9f1a60;
    }

.banner-highlights {
    display: inline-block;
    width: 100%;
    height: 271px;
    margin-top: 3px;
    position: relative;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}
.homebanner-title {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.71);
    padding: 10px 0;
    text-align: center;
    color: #fff;
    width: 100%;
    z-index: 13;
    bottom: 27px;
    font-size: 16px;
    font-weight: 600;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
    .homebanner-title:hover {
        color:#fff;
        cursor:pointer;
    }
    .homebanner-title-5 {
        background-color: rgba(93, 137, 161, 0.71) !important;
        border-top: 2px solid rgba(93, 137, 161, 1);
        border-bottom: 2px solid rgba(93, 137, 161, 1);
    }
.homebanner-title-6 {
    background-color: rgba(216, 105, 17, 0.71) !important;
    border-top: 2px solid rgba(216, 105, 17, 1);
    border-bottom: 2px solid rgba(216, 105, 17, 1);
}

.homebanner-title-8 {
    background-color: rgba(29, 160, 162, 0.71) !important;
    border-top: 2px solid #1da0a2;
    border-bottom: 2px solid #1da0a2;
}

.homebanner-title-10 {
    background-color: rgba(202, 32, 86, 0.71) !important;
    border-top: 2px solid #ca2056;
    border-bottom: 2px solid #ca2056;
}

.title-h3-5 {
    color: #5d89a1 !important;
}
.title-h3-6 {
    color: #d86911 !important;
}

.ProductHomeContainer,
.TopSellerHome {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
    .ProductHomeContainer .slider-item,
    .TopSellerHome .slider-item {
        padding-right: 0px;
    }
/*#endregion */

/*#region Site Title */
.title-h1 {
    font-size: 30px;
    font-weight: bolder;
    color: #e94772;
    text-transform: uppercase;
}
.title-h2 {   
    font-size: 27px;
    font-weight: bolder;
    color: #e94772;    
}
.title-h3 {        
    color: #4a4a4a;
    text-transform:uppercase;    
}

.site-title-1 {
    font-size: 29px;
    font-weight: bolder;
    color: #e2007a;
    
    text-align: center;
}
.site-bottom-des-1 {
    font-size: 12px;    
    color: #373737;   
    float:left;
    width:100%;
    margin-top:40px;    
    padding-top:10px;
    padding-bottom:30px;
    position:relative;
}
.site-title-1-5 {  
    color: #5d89a1 !important;   
}
.site-title-1-6 {   
    color: #d86911 !important;   
}
.site-title-1-7 {
    color: #87925d !important;
}
.site-title-1 > span {
    color: #727272 !important
}
/*#endregion */

.product-search-empty > strong {
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    font-weight: bold;
}
.product-search-empty > p {
    text-align:center;
}


/*#region Product Item */
.product-item {
    position: relative;
    margin: 6px;
    padding-bottom: 4px;
    transition: box-shadow 0.2s ease-in-out 0s;   
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 2px 0px;    
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}
    .product-item:hover {       
        box-shadow: rgb(196, 196, 196) 0 0 20px 0px;
        cursor: pointer;
        z-index: 200;
    }
.product-link {
    overflow:hidden;
    display:block;
    position:relative;
}
.productitem-image {
    width:100%;
    border-bottom:2px solid #c2c2c2;
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
  	-moz-transition: all 0.5s ease; /* Firefox */
  	-o-transition: all 0.5s ease; /* IE 9 */
  	-ms-transition: all 0.5s ease; /* Opera */
  	transition: all 0.5s ease;   
}
    .productitem-image:hover {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1); 
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1); 
         transform:scale(1.1);
        z-index:10;
    }
.productitem-title {
     margin-top: 6px !important;
     margin-bottom: 3px !important;
     overflow:hidden;
     white-space: nowrap;
     -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
     text-overflow: ellipsis;           
     text-align:center;
     padding:0 10px;
     font-size: 14px; 
     font-weight:bold;
}   
 .productitem-title > a {color: #373737;}
 .productitem-title > a:hover {color: #676767;}
.productitem-artis {
    text-align: center;
    white-space: nowrap;
    display:block;
    padding:0 10px; 
    font-size: 13px;    
    width:100%;            
    color:#027979;
}
.artisheight {line-height:19px;display:inline-block;}
.productitem-price {
    text-align:center;
    font-size:14px;
    position:relative;
}
.market-price {   
    color: #454545;    
    padding-right: 5px;
    text-align: right;
    text-decoration:line-through;
}
.actual-price {
    text-align: right;   
    color: #000;    
    font-weight:600;
    text-transform:uppercase;
}
.percentage {
    position:absolute;
    bottom:20px;
    left:3%;
    z-index:11;
}
    .percentage img {
        width:35px;
    }
.product-link-height {
    background-image: url("../Images/Design/photobg.jpg");
    background-size:cover;
    background-position:center;
}
.pi-favorite {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 990;
    cursor:pointer;
}
    .pi-favorite > div {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .pi-favorite-in {
        background-color: #e2e2e2;        
    }
    .pi-favorite-in:hover {
        background-color: #d1d1d1;
    }
    .pi-favorite-out:hover {
        background-color: #feb8b8;
    }
/*----Product Item Loading---------*/
@keyframes placeHolderShimmer {
    0% {background-position: -468px 0}
    100% {background-position: 468px 0}
}
.pi-loading {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #e2e2e2 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    position: relative;   
}
    .pi-loading .actual-price,
    .pi-loading .productitem-artis,
    .pi-loading .productitem-title {
        color: #F6F6F6 !important;
    }
/*----Product Item Loading---------*/
/*#endregion */


.toporderslider-containe {
    margin: 20px 0;
    overflow: hidden;
}

    .toporderslider-containe > div span {
        width: 100%;
        display: block;
        margin-bottom: 2px;
        font-size: 20px;
    }


/*#region Adres */
.address-select-view h2 {
    font-size: 1.8rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.045rem;
    margin-bottom: 1.6rem;
    color: #484848;
}
.address-select-view > div {
    border: 1px solid #dfdfdf;
    padding: 30px 20px;
    margin-bottom: 40px;
}
.a-new-address-brd {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    padding: 10px 30px;
    border-radius: 7px;
    background-color: #fcfcfc;
}
.a-new-address {
    display: inline-flex;
    justify-content: flex-start;      
    align-items: center;
    color: #FF6000;   
    font-size: 13px;
    font-weight: bold;   
}
    .a-new-address:hover {
        color: #FF6000;
    }
    .a-new-address-brd:hover {
        color: #FF6000;
        background-color: #f6f6f6;
    }    
    .a-new-address svg {
        margin-right: 10px;
    }
.a-new-address img {
    margin-right: 10px;
    width:16px;    
}
.address-pg-left { padding-left:10px !important; }
.address-pg-right { padding-right:10px !important; }
.address-pg-bottom { padding-bottom:10px !important; }
    .address-pg-bottom > span {
        font-size:12px;
        color:#5c5c5c;
        width:100%;
        display:block;
        margin-bottom:5px;
    }
.address-cu-container > div > div {
    margin:10px 0;
}
.address-cu-container {
    padding:20px 30px;
    overflow:hidden;
}
.address-cu-container ::placeholder {
    color: #aeaeae;
}
.address-cu-container input,
.address-cu-container select {
    border: 2px solid #d9d9d9;
    font-size: 15px;
}
    .address-cu-container input:focus,
    .address-cu-container select:focus {
        border: 2px solid #b1b1b1;
    }

.adress-cu-item > span {
    color:#b6b6b6;
    font-weight:bold;
    display:block;
    width:100%;
    text-align:right;
    font-size:15px;
    border-bottom:2px dotted #e8e8e8;
    margin-bottom:10px;
    font-style:italic;
}
.adress-cu-item label,
.address-lable {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -.25px;
    color: #484848;
    margin-bottom: 4px;
    font-weight: normal;
}
.lbl-iscorporate {
    display: flex;
    padding-top: 2px;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    .lbl-iscorporate input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid #ccc;
}
.lbl-iscorporate input:checked ~ .checkmark {
    background-color: #ff2c00;
    border: 2px solid #ccc;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.lbl-iscorporate input:checked ~ .checkmark:after {
    display: block;
}
.lbl-iscorporate .checkmark:after {
    left: 7px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.address-institutional {
    display:none;
}
.btn-createupdat {
    -webkit-box-align: center;
    align-items: center;
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    -webkit-box-pack: center;
    justify-content: center;
    outline: none;
    padding: 8px;
    position: relative;
    text-decoration: none;
    background-color: rgb(255, 96, 0);
    color: rgb(255, 255, 255);
    font-size: 16px;
    height: 48px;
    width: 100%;
}
.btn-address-close {
    -webkit-box-align: center;
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    -webkit-box-pack: center;
    justify-content: center;
    outline: none;
    padding: 8px;
    position: relative;
    text-decoration: none;
    background-color: rgb(255, 255, 255);
    color: rgb(72, 72, 72);
    font-size: 16px;
    height: 48px;
    width: 100%;
    border: 2px solid rgb(204, 204, 204);
}
#phone {
    padding-left:63px;
}
.phone-code {
    position: absolute;    
    color: #616161 !important;
    top: 42px;
    left: 12px;
    display:flex;
    align-items:center;
}
    .phone-code > img {
        width:20px;
        margin-right:5px;
    }
.item-district {
    display:none;
}
.address-delivery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.6rem;
    border: 1px solid #dadada;
    border-radius: 8px;
    height: 48px;
    cursor: pointer;
    margin:15px 0 10px 0;
    background-color:#f8f8f8;
    color:#484848;
}
    .address-delivery:hover {
        color: #484848;
    }
.ia-title {
    color:#484848;
    font-weight:normal;
}
.address-list-container {
    padding: 0 20px 50px 20px;
}
.address-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.2rem 1.8rem;
    border-radius: 8px;
    margin-top: 34px;
    cursor: pointer;
    background-color: #fbfbfb;
    border: 1px solid #f5f5f5;
}
    .address-list-item:hover {
        background-color: #f6f6f6;
        border: 1px solid #f7f7f7;
    }
.address-li-checked {
    margin-right:10px;
    color:#1c6925;
    font-size:25px;
    width:42px;
    height:35px;
    border:2px solid #ccc;
    text-align:center;
    padding:0;
    background-color:#fff;
    border-radius:7px;
}
.address-li-title {
    display:flex;
    flex-direction:column;
    margin-right:20px;
    width:100%;
}
.address-update {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.a-new-invoice {
    cursor:pointer;
}
.address-area {
    position: absolute;
    right: 35px;
    top: 17px;    
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
    background-color: var(--white-two);
    z-index: 1;
    padding: 1rem 0;
    background-color:#fff;
    display:none;
}
    .address-area > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        width: 100%;
        padding: 0.8rem 2.4rem 0.8rem 1.6rem;
        font-size: 1.4rem;
        letter-spacing: -0.028rem;
        font-weight: 400;
        color:#484848;
    }

/*#endregion */



/*#region Ödeme */
.payment-container .nav-tabs > li {
    width:50%;
}
.payment-container .tab-content {   
    display:inline-block;
    width:100%;  
}
.payment-container .nav-tabs > li {   
    text-align: center;
    color:#3d3e43;
}
    .payment-container .nav-tabs > li a {
        color: #a4a4a4;
        font-size: 18px;
        display: flex;
        justify-content: center;
        font-weight: 600;
        padding: 0;
    }  
        .payment-container .nav-tabs > li.active a {
            border: 0;
            border-bottom: 4px solid #f28b00;
            color: #f28b00;
        }

.payment-container .nav-tabs {
    border-bottom: 1px dotted #f28b00;
}

.SelectTopSlider a, .SelectTopSlider span {
    background-color: #3f9be4 !important;
    color: #fff !important;    
}
.payment-container .nav-tabs > li.active > a:before {
    content: "✔";
    background-color:#f28b00;
    color:#fff;
    border-color: #f28b00;
    border-width: 4px 4px 0 4px;
    border-style:solid;
    border-radius: 7px 7px 0 0;
    width: 30px;
    height: 26px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
}
/*#endregion */

.mt-1 {margin-top: 10%;}
.mt-2 {margin-top: 20%;}
.mb-1 {margin-bottom: 10%;}
.mb-2 {margin-bottom: 20%;}

.full {
    width:100%;
}

.btn-next-order {
    background-color: #f28b00;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    border: 0;
    font-weight: 700;
    font-size: 19px;
    line-height: 1;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 13px 15px;   
    width:100%;
}
    .btn-next-order:hover {
        color:#fff;
         background-color: #e68400;
    }

.brc-title {
    font-size: 25px;
    border-bottom: 2px solid #fff;
    padding: 5px;
    background-color: rgb(241, 241, 241);
    color: #f28b00;
    float: left;
    width: 100%;
}

.brc-container {
    padding: 20px;
}

.brc-total-container {
    width: 100%;
    padding: 7px 0;
    overflow: hidden;
}

.brc-total-left {
    float: left;
    width: 50%;
    text-align: left;
    font-size: 20px;
}
.brc-total-left-gift {
    float: left;
    width: 50%;
    text-align: left;
    font-size: 20px;
}

.brc-total-right {
    float: right;
    width: 50%;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
}

.brc-total-right-gift {
    float: right;
    width: 50%;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
}

.brc-gif-container,
.brc-installment-container {
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    display: none;
}

#lnkGiftBox {
    width: 100%;
    display: block;    
    background-color: #e4e4e4;
    padding: 10px !important;
   color:#000;
}
    #lnkGiftBox i {
        color: #f28b00;
    }

.brcg-title {
    width: 100%;
    display: block;
    font-weight: bold;
}

.brcg-show {
    font-size: 14px;
}

#brcg-gifcode-apply {
    margin-left: 5px;
}

.brc-note-container {   
    width: 100%;
    margin: 20px 0;
    display:inline-block;
}

    .brc-note-container b {
        width: 100%;
        display: block;
        font-size: 16px;        
    }
    .brc-note-container > div {
        display:none;
    }
    .brc-note-container > a, .brc-note-container > div > a {
        border: 1px solid #3d3e43;
        padding: 5px 15px;
        color: #3d3e43;
        border-radius: 10px;
        cursor: pointer;
        display:inline-block;
        margin-top:10px;
        font-size:13px;
    }
        .brc-note-container > a:hover {
            border: 1px solid #f28b00;
            color: #f28b00;
        }

#gif-note-text {
    width: 100%;
    height: 60px;
}

.right-next {
    text-align: center;
    padding: 20px 0 10px 0;
}
.brc-quantity {
    width:100%;
    text-align:right;
    font-size:16px;
}
.brc-Address {
    font-size:12px;    
    margin-top:10px;
}
.top-border {
    border-top:1px dotted #ccc;
}



/*#region KIT */
.kit-container {
    padding-bottom: 20px;
    overflow: hidden;
    
}
.kit-item {
    float:left;
    width:33.3333%;
    text-align:center;
}
    .kit-item p {
        width:80%;
        margin:auto;
    }
    .kit-image {
        position: relative;
        display: inline-block;
    }
    .kit-image > div {
       text-align:center;
       padding:20% 0;       
    }
        .kit-image > div:after {
            content: '';
            position: absolute;
            top: 0;
            left: -17px;
            width: 140%;
            padding-bottom: 140%;
            background-color: #0073cf;
            border-radius: 50%;
            z-index: -1;
        }
    .kit-image > div > img {
        width:80px;
    }
/*#endregion */

/*#region CanvasQuality */
.cq-title {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 9px 0;
    border: 1px solid #ebebeb;
    background-color: #f7f7f7;
    color: #575757;
    font-size:18px;
    font-weight:bold;
    letter-spacing:2px;
}
    .cq-title h1, .cq-title h2, .cq-title h3 {
        margin: 0;
    }

.cq-item-title {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top:10px;
}
    .cq-item-title > div {
        border-bottom: 2px solid #f37397;
        text-align: center;
    }
        .cq-item-title > div > div {
            background-color: #f37397;
            margin-top: 0;
            margin-bottom: 0;
            color: #fff;
            padding: 6px 35px;
            font-size: 16px;
            letter-spacing:1px;
            font-weight: bold;
            float: left;
            text-align: center;
        }
        .cq-item-title > div span {
            float: left;           
            height: 1px;
            display: block;
        }

.cq-item {
    width: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-top:7px;
}
    .cq-item .cq-p-title {
        font-size: 17px;
        color: #000;
        text-transform: uppercase;
        font-weight: bold;
        margin:0;
    }
.cq-item ul li p {
    color: #3d3e43
}
    .cq-item-title > div {        
        border-bottom: 2px solid #f37397;
    }
/*#endregion */

.ktsof-container {
    margin:-10px;
}
.ktsof-item {    
    float: left;
    padding: 10px;
}

    .ktsof-container table {
        margin-bottom: 0;
    }
.ktsof-item > div {
    text-align: center;
    width: 100%;
    box-shadow: 0 0 6px #b9b9b9;
    position: relative;
    border: 1px solid #ccc;
}
    .ktsof-item > div img {
        width:100%;
    }
        .ktsof-item > div > h3 {
            font-size:15px;
            color:#2b2b2b;
            margin: 0;
            background-color:#ececec;
            padding:5px 0;                       
            width:100%;           
            border-bottom:1px solid #d6d6d6;
        }

        .ktsof-item > div > div {
            height: 141px;
            overflow-y: auto;
            font-size: 12px;    
            margin:0 5px 5px 5px;
        }
        .ktsof-item > div > span {
            width: 100%;
            display: inline-block;
            margin-top: 10px;
            font-size:12px;
            font-weight:bold;
        }
        .ktsof-item > div > span > span {
            width: 50%;
            text-align:center;
            display: block;
            float:left;
        }


.ktsof-container ::-webkit-scrollbar {
    width: 10px;
}
.ktsof-container ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    /*border-radius: 10px;*/
}
.ktsof-container ::-webkit-scrollbar-thumb {
    background: #a4a4a4;
    /*border-radius: 10px;*/
}
    .ktsof-container ::-webkit-scrollbar-thumb:hover {
        background: #484848;
    }


.blur-add {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
.poup-bg {
    position: fixed;
    width: 100%;
    height: 100%;   
    background-color: rgba(255, 255, 255, 0.30); /* Black w/opacity/see-through */
    top: 0;
    left: 0;
    z-index: 999;
    display:none;
}
.th-modal {   
    min-width:200px;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-40%, -50%);
    background-color: #fff;
    box-shadow: 0 0 26px #3d3e43;
    z-index: 999;
    border-radius: 10px;
    overflow: hidden;
    display: none;
}
.thm-header {
    width: 100%;
   overflow:hidden;
    padding: 11px 21px;
    border-bottom: 1px solid #e2e2e2;
}
    .thm-header > div {
        float:left;
        font-size:20px;
        font-weight:bold;
        color:#717171;
        margin-top:5px;
    }
    .thm-header > span {
        float: right;
        font-weight:bold;
        font-size:30px;
        color:#727272;
    }
        .thm-header > span:hover {
            color:#ff0000;
            cursor:pointer;
        }
.thm-body {
    padding:10px;
    float:left;    
    width:100%;
    text-align:center;
}

.site-bottom-des-1 h2 {
    font-size: 17px;
    display: inline-block;
}
.site-bottom-des-1 h3 {
    font-size: 15px;
    display: inline-block;
}

.text-contraction {
    position:absolute; 
    width:100%;
    text-align:center;
    bottom:0;
    background-color:rgba(255, 255, 255, 1);    
    box-shadow:0 -10px 20px #fff;
}
    .text-contraction a {
        font-size:15px;
        cursor:pointer;
        color:#1571af;
    }
[data-contraction] {
    overflow:hidden;    
}
.breadcrumb > li + li:before {
     padding:0 !important;    
}

.um-mobil {
    width:220px;
    position: fixed;
    top: 96px;
    height: 100%;
    z-index: 999;
    left: -240px;
    padding: 30px 0;
    box-shadow: 4px 10px 9px #484848;
    background-color: #fff;
    transition: all .2s ease;
}
.um-active {
    left: 0 !important;
}

.um-title {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    border-bottom:1px dotted #ccc;
    padding-bottom:10px;
}
.umt-icon {
    background-color: #eee;
    width: 56px;
    height: 56px;
    border-radius: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    text-transform:uppercase;
}
.umt-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 16px;
    max-width: 100%;
}
.umt-name strong {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.13;
    letter-spacing: -.32px;
    color: #484848;
    text-transform: lowercase;
}
.um-links {
    margin-top:10px;
    display:flex;
    flex-direction:column;
}
.um-links a {
    text-decoration: none;
    height: 32px;
    font-size: 15px;   
    font-style: normal;
    font-stretch: normal;
    font-weight:500;
    line-height: 2.29;
    letter-spacing: -.15px;
    color: #484848;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin:5px 7px;
}
.um-Logoff {
    border-top: 1px dotted #d7d7d7;
    padding-top: 20px;
    color: #e71b1b;
}

    .um-links a svg {
        margin-right: 15px;
    }
.um-links a img {
    margin-right: 15px;
    width: 24px;
    height: 24px;
}
.um-links a:hover {
    color: #FF6000
}
.um-bottom {
    background-color: #fff;
    transition: all .2s ease;
}
.um-close {    
    position:relative;
    width:100%;
    display:none;
}
.um-close a {
    position: absolute;
    right:-41px;
    top:-23px;
    z-index:999;
    cursor:pointer;
}
    .um-close a svg {
        filter: drop-shadow(0 0 5px rgb(0 0 0 / 1));
    }

.um-active {
    left:0 !important;
}

.um-center {
    text-align:center;
    align-items:center;
    justify-content:center;
}


    .set-home-container > div > div > a {
        display: block;
        position:relative;        
        overflow:hidden;
    }    
        .set-home-container > div > div > a > img {
            width: 100%;
        }
.seth-right {
    position: absolute;
    display: flex;
    flex-direction: column;
    right: 0;
    width: 100px;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.seth-right-color-1 {background-color: rgba(217, 75, 75, 0.70);}
.seth-right-color-2 {background-color: rgba(242, 139, 0, 0.70);}
.seth-right-color-3 {background-color: rgba(28, 100, 159, 0.70);}

    .seth-right > span {
        font-size: 30px;
        display: inline-block;
        width: 100%;        
    }
.set-footer {
    position: absolute;
    text-align: left;    
    width: 100%;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    font-weight:bold;
}
.set-footer-color-1 {background-color: #d94b4b;}
.set-footer-color-2 {background-color: #f28b00;}
.set-footer-color-3 {background-color: #1c649f;}

.set-home-container > div > div {float:left;}
.set-descripton {
    font-size: 14px;
    text-align: center;
    color: #868686;
    padding-bottom: 10px;
    display:block;
}

.set-home-container > div > div {
    float: left;
}


.auto-search-container {
    position: absolute; 
    background-color: #fff;
    z-index: 3;
    padding: 10px 0;  
    display:none;
}
.ous-info {
    color: #9b9b9b;
    font-size: 12px;
    line-height: 16px;
    margin:10px 0;
    padding:0 20px;
}
.ous-info-foot {
  text-align:center;
  margin-top:20px;
}
.ous-btn {   
    color: #fff;
    background-color: #5c5c5c;
    font-size: 13px;
    cursor: pointer;   
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 20px;    
    letter-spacing: 0.76px;    
    border: 0;
    display:none;
}
.search-clear {
    position: absolute;
    border: 0;
    background-color: transparent;
    display: none;
    color: #4b4b4b;
}
.ous-text-wr {
    color: #000;
    margin: 10px 0;
    padding: 0 20px;
    font-weight: bold;
}
.s-link-item {
    display: flex;
    align-items: center;
    padding: 7px 20px;
    color: #484848;
    border-bottom: 1px solid #e7e7e7;    
    width:100%;
}
    .s-link-item:last-child {
        border-bottom:0;
    }
    .s-link-right {
        padding-left: 8px;
        width:100%;
    }
.s-link-a {
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 3px;
    font-size: 15px;
}
    .s-link-a:hover {
        color: #484848;
    }
.s-link-c {
    color: #484848;    
    font-size:13px;
    font-style:italic;
    float:right;
}
.s-link-left img {
    width:43px;
}


.wb-title {
    background-color: #1b6ad5;
    position: relative;
}
    .wb-title::after {
        content: "";
        display: block;
        width: 100%;
        height: 80%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #fff;
        -webkit-clip-path: polygon(100% 72%, 0% 100%, 100% 100%);
        clip-path: polygon(100% 72%, 0% 100%, 100% 100%)
    }
        .wp-ul-menu {
            margin-top: 20px;
        }
.wp-ul-menu a {
    font-size: 15px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.15px;
    display: flex;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    color: #484848;
}
    .wp-ul-menu a:hover {
        color: rgb(228, 109, 15);
    }
    .wp-active {
        color: rgb(228, 109, 15) !important;
        font-size:16px !important;
    }
   
    .wp-ul-menu a + a {
        margin-top: 16px;
    }
.a-wp-item span {
    width: 10px;
    margin-right: 10px;
    display:block;
    border-radius:10px;
}

.cookie-info {
    position: fixed;
    bottom: 2rem;  
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 30%);
    background: #fff;
    padding: 1.5rem 0 1.5rem .5rem;
    z-index: 9999991;
    border-radius: 1rem;
}
    .cookie-info span {
        display: inline-block;
        font-weight: 400;
        color: #2e3440;
        font-size: 1.25rem;
        line-height: 2rem;
        padding: 0 5rem 0 1.5rem;
    }
.close-cookie {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: -1rem;
    right: -.5rem;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    border: solid rgba(46,52,64,.1) .1rem;
}
    .close-cookie > img {
        width: 20px;
        height: 20px;
        margin-top: 3px;
        color: #393d45
    }




.products-col-horizontal {
    content: "";    
    width:100%;
    position:relative;
    overflow:hidden;
}
.product-col {
    padding: 5px;
    cursor: pointer;
    float: left;
    width: 100%
}
    .product-col > div {        
        background-color: #fbfbfb;        
        box-shadow: rgb(0 0 0 / 12%) 0px 1px 2px 0px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position:relative;
    }
        .product-col > div:hover {
            background-color: #fff;
            box-shadow: rgb(0 0 0 / 20%) 0px 1px 5px 0px;
            border-radius: 7px;
        }
.product-col-img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease;
}
.product-col-picture {overflow:hidden;}
.product-col-img:hover {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
    z-index: 10;
}
.product-col-bottom h3 {    
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    color: rgb(72, 72, 72);
    font-weight: 600;
    line-height: 17px;
    min-height: 19px;
    overflow: hidden;    
    font-size: 14px;
    margin: 4px 0 7px;
}
.product-col-bottom {
    padding: 0 7px;
}
    .product-col-bottom .artist {
        height: 17px;
        content: "";       
    }
        .product-col-bottom .artist a {            
            padding: 0 5px;
            color: #013e4b;
            border-radius: 5px;
            padding: 0 9px 0 0;
            font-size: 12px;
            display: inline-flex;
            align-items: center;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: bold;           
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            display: -webkit-box;
            overflow: hidden;
        }           
    .product-col-bottom .price {
        display:flex;
        align-items:center;
        padding:7px 0 12px;
    }
.price-left {
    margin-right:10px;
}
.product-col-bottom .price-1 {
    color: #aab4be;
    text-decoration-line: line-through;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
    .product-col-bottom .price-1 > span{
        font-size: 13px;        
    }
    .product-col-bottom .price-2 {
        color: #000;
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
    }
        .product-col-bottom .price-2 > span {
            font-size: 13px;
        }
.product-col-type {
    position: absolute;   
    z-index: 1;
    color: #fff;
    padding: 2px 8px;
    border-radius: 7px;
    font-size: 12px;
    letter-spacing: 2px;
}
.product-col-lo .element-loading {   
    align-items: center;
    display: flex;
}
.product-col-lo .element-loading img {
    opacity:0.5;
}
.product-col-lo {
    padding: 5px;    
    float: left;    
}

@media (min-width: 1200px) {  
   .home-kanvas-product .product-col-lo { width: 20%;}
   .home-kanvas-product .product-col-lo .element-loading {height:313px;}
   .home-kanvas-product .products-col-horizontal {height:320px;}

   .product-col-img { height:auto;}   
   .product-col-bottom .artist a { width: 100%; }
   .product-col-type {top:auto;right: 10px;bottom:10px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home-kanvas-product .product-col-lo { width: 20%;}
    .home-kanvas-product .product-col-lo .element-loading {height:277px;}
    .home-kanvas-product .products-col-horizontal {height:283px;}

    .product-col-img { height:auto;}    
    .product-col-bottom .artist a { width: 100%; }
    .product-col-type {top:auto;right: 10px;bottom:10px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .home-kanvas-product .product-col-lo { width: 33.3333%;}
    .home-kanvas-product .product-col-lo .element-loading {height:330px;}
    .home-kanvas-product .products-col-horizontal {height:336px;}

    .product-col-img { height:auto;}    
    .product-col-bottom .artist a { width: auto; }
    .product-col-type {top:auto;right: 10px;bottom:10px;}
}
@media (min-width: 550px) and (max-width: 767px) {
    .home-kanvas-product .product-col-lo { width: 50%;}
    .home-kanvas-product .product-col-lo .element-loading {height:371px;}
    .home-kanvas-product .products-col-horizontal {height:377px;}

    .product-col-img { height:260px;}    
    .product-col-bottom .artist a { width: auto; }
    .product-col-type {top:auto;right: 10px;bottom:10px;}
}
@media screen and (max-width:549px) {
    .home-kanvas-product .product-col-lo { width: 50%;}
    .home-kanvas-product .product-col-lo .element-loading {height:275px;}
    .home-kanvas-product .products-col-horizontal {height:281px;}

    .product-col-img { height:165px;}    
    .product-col-bottom .artist a { width: 100%; }
    .product-col-type {top: 6px;right: 6px;bottom:auto;}
}


.design-product-header h2 {
    font-size: 27px;
    color: #484848;
    text-align: center;
    font-weight:normal;
    text-transform:uppercase;
}
.design-product-item {
    position:relative;
}
.design-product-item > a {
    position: relative;
    background-color: #f1f1f1;
    display: block;
    border-radius: 7px;
}
.design-product-item:hover > a > img {
    box-shadow: 0 0 10px rgba(72, 72, 72, 0.70);    
    transform: scale(1.005, 1.005);      
}
    .design-product-item > a > div > span {
        text-transform: uppercase;
    }
.design-product-item:hover > a > div > span {
    color: #d94b4b;
}
    .design-product-item > a > div > div {
        width:100%;
        text-align:left;
    }
    .design-product-item > a > div > p {
        font-size:13px;
        margin:0;
        color:#3d3e43;
    }
.design-product-item > a > img {
    width: 100%;
    border-radius: 7px;
    transition: all 0.5s ease;   
}
.design-product-item > img {
    position:absolute;
    top:60px;
    right:60px;   
    z-index:1;
    width:40px;
}





.mdf-varnish > div {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    padding: 5px;
}
    .mdf-varnish > div > div {
        float: left;
        width: 50%;
        padding: 5px;
    }
.mdf-varnish-title {
    font-size: 13px;
    color: #fff;
    letter-spacing:1px;
    font-weight: bold;
    width: 100%;
    float: left;
    display: block;
    background-color: #959595;
    padding: 7px;
}
.mdf-varnish > div > div > button > img {
    width: 70px;
}
.mdf-varnish > div > div > button > div {
    width: 100%;
    padding-left: 5px;
    text-align: left;
}
    .mdf-varnish > div > div > button > div > span {
        width: 100%;
        display: block;
        color: #000;
        font-weight: bold;
        text-align: left;
    }
.mdf-varnish > div > div > button {
    display: flex;
    width: 100%;   
    background-color: #f6f6f6;
    margin-right: 10px;
    align-items: center;
    padding: 0px;
    border: 2px solid #fff;
    font-size: 12px;
    position: relative;
    border-radius: 7px;
    overflow: hidden;
}
    .mdf-varnish > div > div > button:hover {
        border-color: #000;
    }
    .mdf-varnish > div > div > button.activ {
        border-color: #000 !important;
    }
        .mdf-varnish > div > div > button.activ:before {
            content: "✔"; /*✅*/
            font-size: 17px;
            color: #d94b4b;
            font-weight: bold;
            position: absolute;
            top: -2px;
            right: -2px;           
            background-color: #fff;           
            width: 24px;
            height: 26px;
            border: 2px solid #000;
            border-bottom-left-radius:7px;            
        }

.dsyr-container {
    margin-bottom: 15px;
    margin-top: 15px;
}
.dsyr-container img {
    width: 100%;
}

@media (min-width: 1200px) {
    .mobilehide{display:block !important;}
    .mobileshow{display:none !important;}

    /*.product-link-height { height: 277.883px;}*/
    .product-link-height { min-height: 203px;}

    .hd-top { padding-bottom: 18px; }
    .body-content {margin-top:129px;}    

    .footerleft-menu li {padding-left:10px;font-size:15px;}    
    .footer-visa {float:right;}

    .banner-icon .col-md-4 {text-align:center;padding: 4px 24px;height: 68px;}
    .banner-icon h3 {font-size:16px;margin-top:18px !important;}
    .BannerContainer {padding:50px 0;}
    .swiper-container { border: 2px solid #fff; border-radius: 7px; box-shadow:0 0 20px #000; }
    .bannericons {margin-top:-100px; position:absolute;}

    /*#region User */
    .user-panel-left {padding-right:10px !important;}
    .user-panel-right {padding-left:10px !important;}
    /*#endregion */

    .address-btn {text-align:left;}
    .address-btn > button {font-size:18px;}

    .model-more > h3 {font-size:20px;text-align:center;color:#d94b4b}

    .cq-item ul {float: left;width: 48%;}
    .cq-item2 ul, .cq-item3 ul, .cq-item2-6 ul, .cq-item3-6 ul {height:258px;}
    .cq-item1-5 {background-image: url('/Content/Images/Design/cam-tablo-kalitesi.png');background-position: left top;}
    .cq-item1-6 {background-image: url('/Content/Images/Design/mdf-tablo-kalitesi.png');background-position: left top;background-size:contain;}
    .cq-item2-6 {background-image: url('/Content/Images/Design/mdf-cerceve.png');background-position:right top;}
    .cq-item1-7 {background-image: url('/Content/Images/Design/pazil-kalitesi.png');background-position: left top;background-size:contain;}
    .cq-item1-10 {background-image: url('/Content/Images/Design/yapbozresim-kalitesi.png');background-position: left top;background-size:contain;}
    .cq-item1-11 {background-image: url('/Content/Images/Design/tas-tablo-kalitesi.png');background-position: left top;background-size:contain;}
    .cq-item1-12 {background-image: url('/Content/Images/Design/cam-kesim-tabla-kalitesi.png');background-position: left top;background-size:auto;}

    .cq-item1 {background-image: url('/Content/Images/Design/cq10.png');background-position: left top;}
    .cq-item2 {background-image: url('/Content/Images/Design/cq11.png');background-position:right top;}
    .cq-item3 {background-image: url('/Content/Images/Design/cq12.png');background-position: left top;}
    .cq-item-title > div span {display:block}
    .cq-item-title > div {width:auto;}
    .cq-item-title > div h3  {width:auto}

    #div-popup3dpay {width: 35%;height: 60%;}
    .modal-3dpay {width: 35%;height: 80%;}

    .commnet-left {float: left; width: 10%;}
    .commnet-right {float: right;width:90%;}
    .commnet-avatar{display:inline-block;}

    .phc-left {float: left; position: relative; width: 20%;}
    .phc-right {float: left; position: relative; width:80%;}

    .title-h3 {font-weight: 600;font-size: 18px;margin-top: 9px;}

    .ktsof-item { width: 20%;}    
    .product-size-price-top ul li a {font-size: 14px;}

    .hdt-logo img {width: 270px;padding-top:5px;}
    .hdt-logo {width:30%;float:left;}
    .hdt-search{width:40%;float:left;padding-right:0;}
    .hdt-menu{width:30%;float:right;}

    .hdt-user-menu { width: 157px;border: 1px solid #a2a2a2;height: 48px; padding: 9px 10px 6px 47px;z-index:1005}
    .hdt-user-menu::before {  left: 17px; top: 7px; font-size: 20px;  }

    .hdtc-container {width: 136px;height: 48px;margin-left: 12px;padding: 15px 24px 14px 54px;background-color: #f28b00;}
    .hdtc-container::before { width: 29px; height: 27px;top: 11px; left: 14px; background-image: url(/Content/Images/Design/top-cart-w.png);}
    .hdtc-count { left: 32px; top: 4px;}
    .hdtc-container:hover {color: #a2a2a2; background-color: #ff9c17; }
    .hdt-s-mobil { display:none;}   
    .hdr-li { width: 20%; border-right:1px solid #e5e5e5 }
    .hdr-li > a {font-size: 13px;height:44px;}
    .hdr-li-designer > a { border-left: 1px solid #e5e5e5; flex-direction: inherit; background-image: linear-gradient(to right, #00b09b, #96c93d); color: #fff; }
    .hdr-li-designer > a:hover { background-image: linear-gradient(to left, #00b09b, #96c93d); cursor: pointer; color: #fff; }
    .hdr-li > a > img {width: 27px; margin-right: 10px; }    

    .hdt-user-submenu .hdt-arrow {left: calc(46% - 9px);}
    .hdt-user-submenu {left: 50%;top: 45px;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%); transform: translate(-50%);}

    .hdt-search-container { height: 48px;border: 1px solid #5c5c5c;border-radius: 5px;}
    .hdt-search-button { height: 48px;color: #fff; background-color: #5c5c5c;font-size: 15px;}
    .auto-search-container {left: -1px;top: 44px;width: 87.8%; border: 1px solid #5c5c5c;}
    .search-clear {top: 10px; right: 70px; font-size: 18px;}

    .order-top-step {padding:34px 24%;}

    .header-container { padding-top: 18px; }
    .header-container-order .hdtc-container {background-color:#5e5e5e;}

    /*.ul-ttm-menu {width: 288px;top: 40px;left: auto;justify-content: center;align-items: center;text-align: center;}
    .ul-ttm-menu ul { border-radius: 10px; }*/

    .body-content .breadcrumb {margin:0;padding: 10px 0 0 0;}

    .up-edit-c {margin:0;}

    .set-home-container > div {display: block; margin:-10px;}
    .set-home-container > div > div {width:33.3333%;padding:10px;}
    .set-home-container > div > div > a {border-radius: 7px;height:auto;}

    .wb-title h3 {width: 50%;color: #f4f4f4;padding-top: 50px;padding-bottom: 73px;font-size:42px; font-weight:bold;text-align:left;}   

    .cookie-info {right: 12rem; width: 45rem;}
       
    .vk-height-set{float:left;width:100%;overflow:hidden;height:264px;}
    .vk-height-set .pi-loading {height:254px !important;}

    .pmc-home.height {height:142px;}

    .design-product-header h2 { margin: 40px 0 30px 0; }
    .design-product-container > div  { margin:-10px; }
    .design-product-item { float: left; width: 50%; padding:10px;}   
    .design-product-title { text-align:center; width:100%; color:#000; font-size:16px; padding:20px 0; }
    .design-product-item > a { padding: 30px 30px 0; }
    .design-product-item > a > img {  border: 10px solid #fff; }

    .mdf-varnish { padding: 7px 20px; display: inline-block; }

    .ofn-contaner { padding: 30px; margin-top: 40px; }
    .ofn-middle {display:flex; margin-top:30px;}
    .ofn-middle > div { width:33.3333%; }
    .ofn-order-tutar {display:block;width:auto;justify-content:flex-start;flex-direction:unset;margin-top:0;}
    .ofn-order-tutar .ofn-in-title { text-align: left; }
    .ofn-toplam {display:block;width:100%;text-align:left;}
    .ofn-eft-container > div { display: flex; align-items:center; }
    .ofn-iban > span { font-size: 22px; font-weight: bold; }
    .ofn-iban label {margin-top:0; }
    .ofn-title { font-size: 30px; }

    .address-delivery { width:350px; }

    .dsyr-item:first-child {padding-right:10px;margin-bottom:0;}
    .dsyr-item:last-child {padding-left: 10px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mobilehide{display:block !important;}
    .mobileshow{display:none !important;}   

    /*.product-link-height {height:227.433px;}*/
    .product-link-height {min-height:167px;}

    .hd-top { padding-bottom: 18px; }
    .body-content {margin-top:129px;}   

    .footerleft-menu li {padding-left:10px;font-size:15px;}
    .footer-visa {float:right;}

    .banner-icon .col-md-4 {text-align:center;padding: 4px 24px;height: 68px;}
    .banner-icon h3 {font-size:16px;margin-top:18px !important;}
    .BannerContainer {padding:50px 0;}
    .swiper-container { border: 2px solid #fff; border-radius: 7px; box-shadow:0 0 20px #000; }
    .bannericons {margin-top:-100px; position:absolute;}

    /*#region User */
    .user-panel-left {padding-right:10px !important;}
    .user-panel-right {padding-left:10px !important;}
    /*#endregion */

    .address-btn {text-align:left;}
    .address-btn > button {font-size:18px;}

    .model-more > h3 {font-size:20px;text-align:center;color:#d94b4b}

    .cq-item ul {float: left;width: 38%;}
    .cq-item2 ul, .cq-item3 ul, .cq-item2-6 ul, .cq-item3-6 ul {height:258px;}

    .cq-item1-5 {background-image: url('/Content/Images/Design/cam-tablo-kalitesi.png');background-position: left top;}
    .cq-item1-6 {background-image: url('/Content/Images/Design/mdf-tablo-kalitesi.png');background-position: left top;background-size:contain;}
    .cq-item2-6 {background-image: url('/Content/Images/Design/mdf-cerceve.png');background-position:right top;}
    .cq-item1-7 {background-image: url('/Content/Images/Design/pazil-kalitesi.png');background-position: left top;background-size:contain;}
    .cq-item1-10 {background-image: url('/Content/Images/Design/yapbozresim-kalitesi.png');background-position: left top;background-size:contain;}
    .cq-item1-11 {background-image: url('/Content/Images/Design/tas-tablo-kalitesi.png');background-position: left top;background-size:contain;}
    .cq-item1-12 {background-image: url('/Content/Images/Design/cam-kesim-tabla-kalitesi.png');background-position: left top;background-size:auto;}

    .cq-item1 {background-image: url('/Content/Images/Design/cq10.png');background-position: left top;}
    .cq-item2 {background-image: url('/Content/Images/Design/cq11.png');background-position:right top;}
    .cq-item3 {background-image: url('/Content/Images/Design/cq12.png');background-position: left top;}
    .cq-item-title > div span {display:block}
    .cq-item-title > div {width:auto}
    .cq-item-title > div h3  {width:auto}

    #div-popup3dpay {width: 50%;height: 60%;}
    .modal-3dpay {width: 50%;height: 90%;}

    .commnet-left {float: left; width: 13%;}
    .commnet-right {float: right;width:87%;}
    .commnet-avatar{display:inline-block;}

    .phc-left {float: left; position: relative; width: 20%;}
    .phc-right {float: left; position: relative; width:80%;}

    .title-h3 {font-weight: 600;font-size: 18px;margin-top: 9px;}

    .ktsof-item { width: 20%;}    
    .product-size-price-top ul li a {font-size: 14px;}

    .hdt-logo img {width: 230px;padding-top:9px;}
    .hdt-logo {width:28%;float:left;}
    .hdt-search{width:40%;float:left;padding-right:10px;}
    .hdt-menu{width:32%;float:right;}

    .hdt-user-menu { width: 157px;border: 1px solid #a2a2a2;height: 48px; padding: 9px 10px 6px 47px;z-index:1005}
    .hdt-user-menu::before {  left: 17px; top: 7px; font-size: 20px;  }

    .hdtc-container {width: 136px;height: 48px;margin-left: 12px;padding: 15px 24px 14px 54px;background-color: #f28b00;}
    .hdtc-container::before { width: 29px; height: 27px;top: 11px; left: 14px; background-image: url(/Content/Images/Design/top-cart-w.png);}
    .hdtc-count { left: 32px; top: 4px;}
    .hdtc-container:hover {color: #a2a2a2; background-color: #ff9c17; }
    .hdt-s-mobil { display:none;}        
    .hdr-li { width: 20%;border-right:1px solid #e5e5e5 }
    .hdr-li > a {font-size: 12px;height:44px;flex-direction:inherit;}  
    .hdr-li-designer > a { border-left: 1px solid #e5e5e5; flex-direction: inherit; background-image: linear-gradient(to right, #00b09b, #96c93d); color: #fff; }
    .hdr-li-designer > a:hover { background-image: linear-gradient(to left, #00b09b, #96c93d); cursor: pointer; color: #fff; }
    .hdr-li > a > img {width: 27px; margin-right: 10px; }
    
    .hdt-user-submenu .hdt-arrow {left: calc(46% - 9px);}
    .hdt-user-submenu {left: 50%;top: 45px;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%); transform: translate(-50%);}

     .hdt-search-container { height: 48px;border: 1px solid #5c5c5c;border-radius: 5px;}
     .hdt-search-button { height: 48px;color: #fff; background-color: #5c5c5c;font-size: 15px;}
     .auto-search-container {left: -1px;top: 44px;width: 100.3%; border: 1px solid #5c5c5c;}
     .search-clear {top: 10px; right: 70px; font-size: 18px;}

     .order-top-step {padding:34px 24%;}

     .header-container { padding-top: 18px; }
     .header-container-order .hdtc-container {background-color:#5e5e5e;}

     /*.ul-ttm-menu {width: 240px;top: 41px;left: auto;justify-content: center;align-items: center;text-align: center;}
     .ul-ttm-menu ul { border-radius: 10px; }*/

     .body-content .breadcrumb {margin:0;padding: 10px 0 0 0;}

     .up-edit-c {margin:0;}
     
     .set-home-container > div {display: block; margin:-10px;}
     .set-home-container > div > div {width:33.3333%;padding:10px;}
     .set-home-container > div > div > a {border-radius: 7px;height:auto;}

     .wb-title h3 {width: 70%;color: #f4f4f4;padding-top: 50px;padding-bottom: 73px;font-size:42px; font-weight:bold;text-align:left;}   

     .cookie-info {right: 12rem; width: 45rem;}

     .vk-height-set{float:left;width:100%;overflow:hidden;height:229px;}
     .vk-height-set .pi-loading {height:229px !important;}

     .pmc-home.height {height:142px;}

    .design-product-header h2 { margin: 40px 0 30px 0; }
    .design-product-container > div  { margin:-10px; }
    .design-product-item { float: left; width: 50%; padding:10px; }    
    .design-product-title { text-align:center; width:100%; color:#000; font-size:16px; padding:20px 0; }
    .design-product-item > a { padding: 30px 30px 0; }
    .design-product-item > a > img {  border: 10px solid #fff; }

    .mdf-varnish { padding: 7px 8px 7px 20px; display: inline-block; }

    .ofn-contaner { padding: 30px; margin-top: 40px; }
    .ofn-middle {display:flex; margin-top:30px;}
    .ofn-middle > div { width:33.3333%; }
    .ofn-order-tutar {display:block;width:auto;justify-content:flex-start;flex-direction:unset;margin-top:0;}
    .ofn-order-tutar .ofn-in-title { text-align: left; }
    .ofn-toplam {display:block;width:100%;text-align:left;}
    .ofn-eft-container > div { display: flex; align-items:center; }
    .ofn-iban > span { font-size: 22px; font-weight: bold; }
    .ofn-iban label {margin-top:0; }
    .ofn-title { font-size: 30px; }

    .address-delivery { width:350px; }

    .dsyr-item:first-child {padding-right:10px;margin-bottom:0;}
    .dsyr-item:last-child {padding-left: 10px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .mobilehide{display:none !important;}
    .mobileshow{display:block !important;}     

    /*.product-link-height {height:345.583px;}*/
    .product-link-height {min-height:220px;}

    .hd-top { padding-bottom: 10px; }
    .body-content {margin-top:96px;}

    .footerleft-menu li {padding-left:5px;font-size:12px;}
    .footer-visa {float:left;}

     .banner-icon .col-md-4 {text-align:center;padding: 4px 13px;height: 63px;}
     .banner-icon h3 {font-size:15px;margin-top:15px !important;}
     .BannerContainer {padding:50px 0;}
     .swiper-container { border: 2px solid #fff; border-radius: 7px; box-shadow:0 0 20px #000; }
    .bannericons {margin-top:-78px; position:absolute;}

    /*#region User */
    .user-panel-left {padding-right:0 !important;}
    .user-panel-right {padding-left:0 !important;}
    /*#endregion */

    .address-btn {text-align:center;}
    .address-btn > button {font-size:22px;}

   .model-more > h3 {font-size:20px;text-align:center;color:#d94b4b}

    .cq-item ul {width: 100%;}
    .cq-item2 ul, .cq-item3 ul {height:auto;}
    .cq-item1, .cq-item2, .cq-item3{background-image:none;}
    .cq-item-title > div span {display:none}
    .cq-item-title > div {width:100%;}
    .cq-item-title > div h3  {width:100%;}

    #div-popup3dpay {width: 70%;height: 60%;}
    .modal-3dpay {width: 70%;height: 85%;}

    .commnet-left {float: left; width: 14%;}
    .commnet-right {float: right;width:86%;}
    .commnet-avatar{display:inline-block;}

    .phc-left {float: left; position: relative; width: 0;}
    .phc-right {float: left; position: relative; width:100%;}

    .title-h3 {font-weight: 600;font-size: 18px;margin-top: 9px;}

    .ktsof-item { width: 33.3333%;}   
    .product-size-price-top ul li a {font-size: 14px;}

    .hdt-logo img {width: 201px;padding-top:0;}
    .hdt-logo {width:28%;float:left;}
    .hdt-search{width:40%;float:left;padding-right:10px;}
    .hdt-menu{width:32%;float:right;}

    .hdt-user-menu { width: 45px;border: 0;height: 28px; padding:inherit;display:flex;z-index:1005}
    .hdt-user-menu::before { left: 13px; top: 0; font-size: 20px;  }

    .hdtc-container {width: 40px;height: 28px;margin-left: 0;padding: inherit;background-color: #fff;}
    .hdtc-container::before { width: 29px; height: 28px; left: 9px;background-image: url(/Content/Images/Design/top-cart.png);}
    .hdtc-count { left: 28px; top: -10px;}
    .hdtc-container:hover {background-color: #fff; }
    .hdt-s-mobil { width: 34px; display: flex; justify-content: center; align-items: center; text-align:center;}    
    .ht-category > .container {padding-left: 0; padding-right: 0;}
    .hdr-li { width: 50%; }
    .hdr-li > a {font-size: 15px;height:47px;border-left: 0;flex-direction:inherit;font-weight:bold;}  
    .hdr-li:first-child {border-right: 1px solid #e5e5e5 !important;}   
    .hdr-li > a > img {width: 27px; margin-right: 10px; }

    .hdt-user-submenu .hdt-arrow {left: calc(84% - 9px);}
    .hdt-user-submenu {left: -100%;top: 30px;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%); transform: translate(-50%);}

    .hdt-search-container { height: 48px;border: 1px solid #5c5c5c;border-radius: 5px;}
    .hdt-search-button { height: 48px;color: #fff; background-color: #5c5c5c;font-size: 15px;}
    .auto-search-container {left: -1px;top: 44px;width: 100.3%; border: 1px solid #5c5c5c;}
    .search-clear {top: 10px; right: 70px; font-size: 18px;}

    .order-top-step {padding:6px 12%;}

    .header-container { padding-top: 10px; }
    .header-container-order .hdtc-container {background-color:#fff;}

    .ul-ttm-menu {width: 90%;top: 15px;right: 5%;justify-content: flex-end;align-items: flex-start;text-align: left;}
    .ul-ttm-menu .hdt-arrow { margin-right:19%; }
    .ul-ttm-menu ul { border-radius: 7px; }

    .body-content .breadcrumb {margin: 0;padding: 7px 0 0 0;}

    .up-edit-c {margin:0 5px;}
   
    .set-home-container > div {display: block; margin:-10px;}
    .set-home-container > div > div {width:50%;padding:10px;}
    .set-home-container > div > div > a {border-radius: 7px;height:auto;}
        
    .wb-title h3 {width:80%;color: #f4f4f4;padding-top: 50px;padding-bottom: 73px;font-size:42px; font-weight:bold;text-align:left}   

    .cookie-info {right: 12rem; width: 45rem;}

    .vk-height-set{float:left;width:100%;overflow:hidden;height:229px;}
    .vk-height-set .pi-loading {height:229px !important;}

    .pmc-home.height {height:142px;}

    .design-product-header h2 { margin: 40px 0 30px 0; }
    .design-product-container > div  { margin:-10px; }
    .design-product-item { float: left; width: 50%; padding:10px; }   
    .design-product-title { text-align:center; width:100%; color:#000; font-size:16px; padding:20px 0; }
    .design-product-item > a { padding: 30px 30px 0; }
    .design-product-item > a > img {  border: 10px solid #fff; }

    .mdf-varnish { padding: 7px 8px 7px 20px; display: inline-block;width: 100%; }

    .ofn-contaner { padding: 30px; margin-top: 40px; }
    .ofn-middle {display:flex; margin-top:30px;}
    .ofn-middle > div { width:33.3333%; }
    .ofn-order-tutar {display:block;width:auto;justify-content:flex-start;flex-direction:unset;margin-top:0;}
    .ofn-order-tutar .ofn-in-title{text-align:left;}
    .ofn-toplam {display:block;width:100%;text-align:left;}
    .ofn-eft-container > div { display: flex; align-items:center; }
    .ofn-iban > span { font-size: 22px; font-weight: bold; }
    .ofn-iban label {margin-top:0; }
    .ofn-title { font-size: 30px; }

    .address-delivery { width:100%; }

    .dsyr-item:first-child {padding-right:0;margin-bottom:10px;}
    .dsyr-item:last-child {padding-left: 0;}
}

@media screen and (max-width:767px) {
    .mobilehide{display:none !important;}
    .mobileshow{display:block !important;} 

    /*.product-link-height {height:152.433px;}*/
    .product-link-height {min-height:149px;}

    .hd-top { padding-bottom: 10px; }
    .body-content {margin-top:96px;}

    .footerleft-menu li {padding-left:5px;font-size:12px;}   
    .footer-visa {float:left;}

    .banner-icon .col-md-4 {text-align:center;padding: 4px 29px;height: 55px;}
    .banner-icon h3 {font-size:10px;margin-top:9px !important;}
    .BannerContainer {padding:10px 10px 50px 10px;}
    .swiper-container { border: 2px solid #fff; border-radius: 7px; box-shadow:0 0 20px #000; }
    .bannericons {margin-top:0; position:relative;}

    /*#region User */
    .user-panel-left {padding-right:0 !important;}
    .user-panel-right {padding-left:0 !important;}
    /*#endregion */

    .address-btn {text-align:center;}
    .address-btn > button {font-size:22px;}
    
    .model-more > h3 {font-size:14px;text-align:center;color:#d94b4b}

    .cq-item ul {width: 100%;}
    .cq-item2 ul, .cq-item3 ul {height:auto;}
    .cq-item1, .cq-item2, .cq-item3{background-image:none;}
    .cq-item-title > div span {display:none}
    .cq-item-title > div {width:100%;}
    .cq-item-title > div h3  {width:100%;}

     #div-popup3dpay {width: 99%;height: 60%;}
    .modal-3dpay {width: 95%;height: 91%;}

    .commnet-left {float: left; width: 100%;}
    .commnet-right {float: right;width:100%;}
    .commnet-avatar{display:none;}

    .phc-left {float: left; position: relative; width: 0;}
    .phc-right {float: left; position: relative; width:100%;}

    .title-h3 {font-weight: bold;font-size: 13px;margin-top: 18px;}

    .ktsof-item { width: 50%;}
    .product-size-price-top ul li a {font-size: 12px;}

    .hdt-logo img {width: 155px;padding-top:4px;}
    .hdt-logo {width:50%;float:left;}
    .hdt-search{width:0%;float:left;padding-right:10px;}
    .hdt-menu{width:50%;float:right;}

    .hdt-user-menu { width: 50px;border: 0;height: 28px; padding:inherit;display:flex;z-index:1005}
    .hdt-user-menu::before { left: 13px; top: 0; font-size: 20px;  }

    .hdtc-container {width: 40px;height: 28px;margin-left: 0;padding: inherit;background-color: #fff;}
    .hdtc-container::before  { width: 29px; height: 28px; left: 6px;background-image: url(/Content/Images/Design/top-cart.png);}
    .hdtc-count { left: 21px; top: -9px;}
    .hdtc-container:hover {background-color: #fff; }
    .hdt-s-mobil { width: 34px; display: flex; justify-content: center; align-items: center; text-align:center;}
    .ht-category > .container {padding-left: 0; padding-right: 0;}
    .hdr-li { width: 50%; }
    .hdr-li > a {font-size: 15px;height:47px;flex-direction:inherit;font-weight:bold;}
    .hdr-li:first-child {border-right: 1px solid #e5e5e5 !important;} 
    .hdr-li > a > img {width: 21px; margin-right: 10px; }

    .hdt-user-submenu .hdt-arrow {left: calc(84% - 9px);}
    .hdt-user-submenu {left: -100%;top: 30px;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%); transform: translate(-50%);}

    .hdt-search-container { height: 35px;border: 1px solid #f0f0f0;border-radius: 5px;box-shadow: 0px 1px 2px #b4b4b4;}
    .hdt-search-button { height: auto;color: #5c5c5c; background-color:#fff ;font-size: 15px;}
    .auto-search-container {left: -1px;top: 32px;width: 100.4%; border: 1px solid #e5e5e5;box-shadow: 0px 1px 2px #b4b4b4;}
    .search-clear {top: 5px; right: 75px; font-size: 18px;}

    .order-top-step {padding:9px 12%;}

    .header-container { padding-top: 10px; }
    .header-container-order .hdtc-container {background-color:#fff;}    

    .ul-ttm-menu {width: 90%;top: 15px;right: 5%;justify-content: flex-end;align-items: flex-start;text-align: left;}
    .ul-ttm-menu .hdt-arrow { margin-right:19%; }
    .ul-ttm-menu ul { border-radius:7px }

    .body-content .breadcrumb {margin:0;padding: 7px 0 0 0;}

    .up-edit-c {margin:0 5px;}

    .set-home-container > div {display: block; margin:0px;}
    .set-home-container > div > div {width:100%;padding:10px 0;}
    .set-home-container > div > div > a {border-radius: 0;height:192px;}
    
    .wb-title h3 {width: 100%;color: #f4f4f4;padding-top: 20px;padding-bottom: 40px;font-size:21px; font-weight:bold;text-align:center;}   

    .cookie-info {right: 1rem; width: 31rem;}

    .vk-height-set{float:left;width:100%;overflow:hidden;height:212px;}
    .vk-height-set .pi-loading {height:212px !important;}

    .pmc-home.height {height:205px;}

    .design-product-header h2 { margin: 17px 0 11px 0; }
    .design-product-container > div  { margin:0; }
    .design-product-item { float: left; width: 50%; padding:5px; }
    .design-product-title { text-align: center; width: 100%; color: #000; font-size: 14px; padding: 8px 0; }
    .design-product-item > a { padding: 10px 10px 0; }
    .design-product-item > a > img {  border: 2px solid #fff;  }

    .mdf-varnish { padding: 7px; display: inline-block;width: 100%; }
    

    .ofn-contaner { padding: 10px; margin-top: 7px; }
    .ofn-middle {display:inline-block; margin-top:0;}
    .ofn-middle > div { width:100%; float:left; }
    .ofn-order-tutar {display:flex;width:100% !important;justify-content:center;flex-direction:column;margin-top:22px;}
    .ofn-order-tutar .ofn-in-title { text-align: center; }
    .ofn-toplam {display:block;width:100%;text-align:center;}
    .ofn-eft-container > div { display: inline-block; align-items:center; }
    .ofn-iban > span { font-size: 16px; font-weight: bold; }
    .ofn-iban label {margin-top:20px; }
    .ofn-title { font-size: 26px; }

    .address-delivery { width:100%; }

    .dsyr-item:first-child {padding-right:0;margin-bottom:10px;}
    .dsyr-item:last-child {padding-left: 0;}
}