#top-header-panel{
    position:relative
}
.header-bar{
    position:relative;
    box-sizing: border-box !important;
}
#shop_cart_counter{
    right:250px;
    top:28px
}
#LoginLinks{
    position:absolute;
    top:10px;
    right:14px
}

@media (max-width: 991px){
    .navbar-toggle{
        display:block
    }
	
	#category-menu{display:inline-block;}
	#category{height:auto;min-height:40px;}
	
    #top-header-panel{
        top:0;
        position:fixed;
        margin-top:0;
        padding:0;
        width:100%;
        z-index:10
    }
    #top-header-panel .header-bar{
        height:71px;
        display:block;
        width:100%;
        padding:15px 15px;
        background-color:#fff;
        z-index:2;
        box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
    }
    #top-header-panel .header-logo{
        position:static;
        display:inline-block;
        width:150px
    }
    #top-header-panel .header-logo .logo{
        width:100%;
        float:none
    }
    #top-header-panel .header-logo .logo img{
        width:100%;
    }

    #shop_cart_counter{
        padding:0;
        position:static;
        float:right;
        margin-top:-3px
    }
    .header-bar__burger{
        border:none;
        padding:0;
        font-size:24px;
        margin-right:3px;
        margin-left:25px;
        margin-top:4px
    }
    .header-bar__burger .fa-times{
        padding-left:2px
    }
    .header-nav{
        background-color:#eee;
        overflow:auto;
        width:280px;
        float:right;
        height:100%;
        overflow-x:auto;
        transform:translateX(100%);
        transition:0.3s ease-out;
        box-shadow:0 3px 6px rgba(0,0,0,0.1),0 3px 6px rgba(0,0,0,0.18)
    }
    .header-nav{
        background-color:var(--hajoona-body-background);
    }
    .header-nav--collapsed{
        transform:translateX(0%)
    }
    #LoginLinks{
        position:static;
        width:100%;
        float:none;
        text-align:center;
        padding:30px 0;
        height:150px;
    }
    #LoginLinks .header-welcome-message{
        text-align:inherit
    }
    .btn-logout{
        float:none;
        display:inline-block;
        margin-top:26px;
    }
    #head{
        height:auto;
        margin-top:0;
        overflow:auto
    }
    .navigation{
        margin-top:0
    }
    #main-menu li{
        height:64px;
        line-height:64px;
        display:inline-block;
        width:50%;
        float:left
    }
    #main-menu li a{
        height:64px;
        line-height:64px;
        overflow:hidden;
    }
}
@media (max-width: 991px){
    #footer.footer-container{
        width:100%;
        background-color:#fdfdfd;
        background-color:rgba(253,253,253,0.85);
        left:0;
        position:absolute;
        bottom:0;
        left:14px;
    }
    #footer.footer-container .pci-logo{
        padding-top:10px;
        text-align:center;
        display:inline-block;
    }
    #footer.footer-container .pci-logo a{
        display:inline-block
    }
    #footer.footer-container .pci-logo img{
        display:inline-block;
        width:60px
    }
    #footer.footer-container .pci-logo div{
        padding:0;
        padding-top:5px;
        text-align:left;
        text-shadow:none;
        max-width:290px;
        white-space:nowrap;
        display:inline-block;
    }
    #footer.footer-container .span_footer_change_anguage{
        color:#777;
    }
    #footer.footer-container .footer-menu{
        padding:5px 0;
        overflow:auto;
        width:100%
    }
    #footer.footer-container .footer-menu li{
        margin:2px 0;
        text-align:left;
        width:50%;
        float:left
    }
    #footer.footer-container .footer-menu li::before{
        display:none
    }
    #footer.footer-container .copyright{
        text-align:left;
        font-size:12px;
        padding:7px 0
    }
}
#login-form{
    padding-top:100px
}
.payments{
    width:810px;
    margin-left:auto;
    margin-right:auto;
    margin-top:55px
}
.payments__inner{
    width:710px;
    float:left;
    margin-left:20px
}
@media (max-width: 991px){
    #main-content{
        margin-top:75px;
        padding-bottom:220px;
    }
    #login-form{
        padding-top:0;
        padding-bottom:0
    }
    .payments{
        width:100%
    }
    .payments__inner{
        width:100%;
        overflow-x:hidden;
        margin:0
    }
    #div-siegel-hor-pay{
        padding-bottom:20px
    }
    #div-siegel-hor-pay img{
        margin:5px 0
    }
}
 #main-wrapper > #main > #main-content > #content-body{
    margin-top:100px
}
@media (max-width: 690px) {
    .modal-footer .btn-s, .modal-footer #btn_password_submit {
        float: left;
    }
}

@media (max-width: 1320px){
	#head{height:auto;}
	#category-menu{display:inline-block;}
	#category{height:auto;min-height:40px;}
}

@media (max-width: 990px) {
    #top-header-panel .header-welcome-message {
        /*color: #000;*/
        width:100%;
    }
    #Translation-Menu-Header{
        width:100%;
        top:48px;
        left:0;
    }
}
.SmallText a {
    color: var(--hajoona-link-color);
}


.btn-color1, .btn-in-cart, .btn-put-in-cart,
.btn-in-cart, .btn-s, .credit-card-menagement-button,
.btn-Payment{border-radius:15px;}
.form-button{border-radius:20px;}
#main-menu{
    display:flex;
}
#category-menu{
    display:flex;
    justify-content:space-evenly;
}
.category-menu-TP, .main-menu-TP{
    justify-content:space-around;
}
.category-menu-KD, .main-menu-KD{
    justify-content:space-between;
}

@media (max-width: 991px) {
    #main-menu, #category-menu{
        display:block;
    }
    .main-menu-TP, .category-menu-TP{
        margin:0;
    }
    /*.table-responsive{
        overflow:unset;
    }*/
    #cart_item_detail .cart-detail{
        overflow:auto;
    }
    #PanelTermsCondition .labelTerms{
        display: flex;
        flex-direction: row;
        align-items: baseline;
        gap: 10px;
    }
}

.odrer-summary .cart_info thead{
    border:0;
    background-color: var(--hajoona-general-background);
}
.odrer-summary tbody{
    border:0;
}
.odrer-summary tbody tr{
    border-top:solid 1px var(--hajoona-info-box-border);
}
.odrer-summary tbody tr:first-child{
    border-top:0;
}
.odrer-summary tbody tr td:first-child{
    text-align:left;
}
.odrer-summary .cart_info{
    margin-top: 20px;
    padding:10px;
    background-color:var(--hajoona-info-box-background);
    border:solid 1px var(--hajoona-info-box-border);
}
.odrer-summary #calculation-panel{
    margin:20px 0 0 0;
}
.odrer-summary .cart-price,
.odrer-summary .cart-quantity,
.odrer-summary .cart-tax,
.odrer-summary .cart-bonus,
.odrer-summary .cart-total{
    white-space:nowrap;
}
.ui-datepicker .ui-datepicker-header{
    background-image:unset;
    background-color:var(--hajoona-general-background);
}
@media screen and (max-width: 767px) {
    .table-responsive {
        border:none;
    }
}

.page-margin-left {
    margin-left: 10px;
}

.box-margin-left {
    margin-left: -5px;
}

#genealogy .SmallText{
    float: left; 
    margin-bottom: 15px !important;
}