@media screen and (max-device-width: 480px) and (orientation: portrait) {
    .page-link {
        padding: 6px 11px !important;
    }
    .card-menu-mo-show-body {
        position: relative;
        /* height: 650px; */
        position: relative;
    }
    .card-menu-mo-show {
        padding: 0px !important;
        margin: 15px !important;
        background-color: #3e3e3e00 !important;
    }
    .card-menu-mo-show-body {
        border-radius: 0px !important !important;
    }
    .card-menu-mo-show-body {
        -webkit-box-shadow: 0px 0px 8px rgba(29, 58, 83, 0.1) !important;
        box-shadow: 0px 0px 8px rgb(29 58 83 / 0%) !important;
    }
    .offcanvas-header {
        box-shadow: 0px 0px 8px rgb(29 58 83 / 36%) !important;
    }
}

@media screen and (max-device-width: 643px) {
    .page-link {
        padding: 6px 11px !important;
    }
    .card-menu-mo-show-body {
        position: relative;
        /* height: 650px; */
        position: relative;
    }
    .card-menu-mo-show {
        padding: 0px !important;
        margin: 15px !important;
        background-color: #3e3e3e00 !important;
    }
    .card-menu-mo-show-body {
        border-radius: 0px !important !important;
    }
    .card-menu-mo-show-body {
        -webkit-box-shadow: 0px 0px 8px rgba(29, 58, 83, 0.1) !important;
        box-shadow: 0px 0px 8px rgb(29 58 83 / 0%) !important;
    }
    .offcanvas-header {
        box-shadow: 0px 0px 8px rgb(29 58 83 / 36%) !important;
    }
}

.rounded-logo-b {
    border-radius: 5px !important;
}

.card-hover-shadow {
    border-radius: 12px !important;
}

.card-img-top {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.collapse-logo {
    padding: 7.5px 20px;
    margin-bottom: 0px;
    font-size: 15px;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
    .arrow-dark [data-controls] {
        background: #0b0a1200;
        color: #fff0;
    }
    .collapse-logo {
        padding: 5.5px 20px;
        margin-bottom: 0px;
        font-size: 13px;
    }
}

@media screen and (max-device-width: 643px) {
    .arrow-dark [data-controls] {
        background: #0b0a1200;
        color: #fff0;
    }
    .collapse-logo {
        padding: 5.5px 20px;
        margin-bottom: 0px;
        font-size: 13px;
    }
}

.card-menu-mo-show-body {
    border-radius: 12px !important;
    -webkit-box-shadow: 0px 3px 20px rgba(29, 58, 83, 0.08);
    box-shadow: 0px 3px 20px rgba(29, 58, 83, 0.08);
    -webkit-transition: all 0.3s ease-in-out;
}


/*  */


/*  */

.wrapper-info-img {
    overflow: hidden;
    height: 326px;
    border-radius: 1.20rem !important;
    /* border-radius: 1.70rem !important; */
}

.wrapper-info-img img {
    width: 100%;
    /* margin-top: -4px; */
    transition: scale 400ms;
}

.wrapper-info-img:hover img {
    scale: 120%;
}


/*  */

.wrapper-news-img {
    overflow: hidden;
    height: 90px;
    border-radius: 0.65rem !important;
    /* border-radius: 0.95rem !important; */
}

.wrapper-news-img img {
    width: 100%;
    /* margin-top: -4px; */
    transition: scale 400ms;
}

.wrapper-news-img:hover img {
    scale: 120%;
}


/*  */

.animated-loading-info {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-color: #f6f7f8;
    background: linear-gradient(to right, #eeeeee3b 8%, #bbbbbb3b 18%, #eeeeee3b 33%);
    /* background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%); */
    background-size: 800px 104px;
    position: relative;
}


/*  */

.animated-loading-name-bloggroup {
    height: 17px;
    margin-top: 0px;
    margin-bottom: 16px;
    border-radius: 4px !important;
}

.animated-loading-mone-bloggroup {
    height: 14px;
    border-radius: 3px !important;
    width: 40%;
}

.animated-loading-link-bloggroup {
    height: 14px;
    border-radius: 3px !important;
    width: 26%;
}

.animated-loading-img-bloggroup {
    height: 90px !important;
    border-radius: 0.65rem !important;
    /* border-radius: 0.95rem !important; */
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
    .animated-loading-img-bloggroup {
        height: 62px !important;
        border-radius: 0.65rem !important;
        /* border-radius: 0.95rem !important; */
    }
}

@media screen and (max-device-width: 643px) {
    .animated-loading-img-bloggroup {
        height: 62px !important;
        border-radius: 0.65rem !important;
        /* border-radius: 0.95rem !important; */
    }
}


/*  */

.animated-loading-name-bloggroupin {
    height: 22px;
    margin-top: 0px;
    margin-bottom: 16px;
    border-radius: 4px !important;
}

.animated-loading-mone-bloggroupin {
    height: 14px;
    border-radius: 3px !important;
    margin-top: 14px;
}

.animated-loading-date-bloggroupin {
    height: 16px;
    border-radius: 3px !important;
    width: 30%;
}

.animated-loading-link-bloggroupin {
    height: 16px;
    border-radius: 3px !important;
    width: 20%;
}

.animated-loading-img-bloggroupin {
    height: 326px !important;
    border-radius: 1.20rem !important;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
    .animated-loading-img-bloggroupin {
        height: 216px !important;
        border-radius: 1.20rem !important;
    }
}

@media screen and (max-device-width: 643px) {
    .animated-loading-img-bloggroupin {
        height: 216px !important;
        border-radius: 1.20rem !important;
    }
}


/*  */

.animated-loading-name-blog {
    height: 20px;
    margin-top: 6px;
    border-radius: 4px !important;
}

.animated-loading-mone-blog {
    height: 40px;
    margin-top: 8px;
    border-radius: 4px !important;
}

.animated-loading-img-blog-info {
    margin-top: 0px !important;
    /* height: 164px !important; */
    height: 154px !important;
    border-radius: 0.65rem !important;
    /* border-radius: 0.95rem !important; */
}

.animated-loading-img-blog {
    margin-top: 0px !important;
    /* height: 164px !important; */
    height: 154px !important;
    border-radius: 0.65rem !important;
    /* border-radius: 0.95rem !important; */
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
    .animated-loading-img-blog-info {
        height: 204px !important;
    }
    .animated-loading-img-blog {
        height: 100px !important;
    }
}

@media screen and (max-device-width: 643px) {
    .animated-loading-img-blog-info {
        height: 204px !important;
    }
    .animated-loading-img-blog {
        height: 100px !important;
    }
}


/*  */

.animated-loading-name-wares {
    height: 16px;
    border-radius: 4px !important;
}

.animated-loading-mone-wares {
    height: 38px;
    border-radius: 4px !important;
}

.animated-loading-price-wares {
    margin-top: 10px !important;
    height: 16px !important;
    width: 60% !important;
    border-radius: 4px !important;
}

.animated-loading-img-wares {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    margin-top: 0px !important;
    height: 171px !important;
}


/*  */

.wrapper-blog-img {
    overflow: hidden;
    /* height: 164px; */
    height: 154px;
    border-radius: 0.65rem !important;
    /* border-radius: 0.95rem !important; */
}

.wrapper-blog-img-one {
    overflow: hidden;
    /* height: 164px; */
    height: 154px;
    border-radius: 0.65rem !important;
    /* border-radius: 0.95rem !important; */
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
    .wrapper-blog-img {
        height: 100px !important;
    }
    .wrapper-blog-img-one {
        height: 204px !important;
    }
}

@media screen and (max-device-width: 643px) {
    .wrapper-blog-img {
        height: 100px !important;
    }
    .wrapper-blog-img-one {
        height: 204px !important;
    }
}

.wrapper-blog-img img {
    width: 100%;
    /* margin-top: -4px; */
    transition: scale 400ms;
}

.wrapper-blog-img:hover img {
    scale: 120%;
}


/*  */