@media (max-width:576px) {
    html {
        font-size: 13px
    }
}

@media (min-width:576.1px) and (min-height:450px) {
    .hamb-menu, .responsive-menu, .responsive-search-btn {
        display: none !important
    }
}

@media (max-height:450px),(max-width:576px) {
    .responsive-menu#cart-responsive-panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .responsive-menu #not-empty-cart-popup li {
        border-bottom: 1px solid rgba(0,0,0,.07)
    }

        .responsive-menu #not-empty-cart-popup li button {
            color: red;
            left: 30px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 10
        }

        .responsive-menu #not-empty-cart-popup li .text-muted, .responsive-menu #not-empty-cart-popup li a {
            font-size: 1rem !important
        }

    .responsive-menu #empty-cart-popup {
        padding-top: 20px
    }

    .responsive-menu #not-empty-cart-popup {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%
    }

        .responsive-menu #not-empty-cart-popup ul {
            max-height: none;
            overflow-y: visible
        }

        .responsive-menu #not-empty-cart-popup .position-absolute {
            background: #fff;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 9
        }

    .responsive-menu #profile-responsive-panel form {
        display: grid
    }

    body {
        padding-bottom: 60px
    }

    div.mega-menu-container {
        width: 80%
    }
}

@media screen and (max-width:414px) {
    html {
        font-size: 12px
    }
}

@media (max-width:360px) {
    html {
        font-size: 11px
    }
}

@media (min-width:768px) {
    html {
        font-size: 13px
    }
}

@media (min-width:992px) {
    html {
        font-size: 13px
    }

    .back-top {
        height: 50px;
        width: 50px
    }
}

@media (min-width:1366px) {
    html {
        font-size: 13px
    }

    .back-top {
        height: 50px;
        width: 50px
    }
}

@media (min-width:1536px) {
    html {
        font-size: 14px
    }
}

.visually-hidden {
    clip: rect(0,0,0,0);
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.btn {
    /*--bs-btn-color: #fff;*/
    color:#fff;
}



.tooltip-inner {
    background: rgb(59, 56, 56);
    color: #f8f8f8;
    font-family: iranyekanweb !important;
    font-size: 1.2em;
    border-radius: 25px;
    padding: 2px 14px;
    text-transform: uppercase;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #7abcff;
}






.btn:first-child:hover, :not(.btn-check) + .btn:hover {
   /* background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    color: var(--bs-btn-hover-color) !important;*/
}




.slider_desc {
    overflow: hidden;
    transition: all 0.5s ease 0s;
    max-height: 30vh;
    margin-left: 1%;
    margin-right: 1%;
}

#slider_desc_toogler {
    border-top: silver 1px dotted;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

    #slider_desc_toogler i {
        position: absolute;
        text-align: center;
        color: silver;
        font-size: 25px;
        font-family: fontawesome;
        left: calc(50% - 10px);
        margin-top: -11px;
        background: #fff;
        cursor: pointer;
        padding-left: 10px;
        padding-right: 10px;
    }
.cartEmptyImg{
    display:flex;
    justify-content:center;
}
.cartEmptyText {
    font-size: 1.9rem;
    text-align: center;
    margin-bottom:20px;
}
.mr25 {
    margin-right: 25px;
}
.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.ml20 {
    margin-left: 20px;
}
.text-left {
    text-align: left;
}
.font-size-medium {
    font-size: medium;
}
.captchaTd > .captchaInput {
    float: right;
}
.mr15{
    margin-right:15px;
}
.footertitle {
    color: var(--public-text-color) !important;
}