```css
.mobile_call {
    display: none;
}

/*
====================================
Small Screen - Tablate
====================================
*/
@media (max-width: 991px) {

    html {
        font-size: 1.25vw;
    }

    .main_wrapper {
        flex-direction: column;
    }

    .sidebar {
        width: 100%;
        height: 100%;
        flex-shrink: initial;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar.mobile_none {
        display: none;
    }

    .sidebar ul {
        width: 100%;
        height: initial;
        flex-shrink: initial;
        position: initial;
    }

    .content_wrapper {
        width: 100%;
        min-height: initial;
        flex-grow: initial;
    }

    .slider_wraper {
        display: none;
    }

    .sidebar ul li a.active,
    .sidebar ul li a:hover {
        background: transparent;
    }

    .sidebar ul li a.active img,
    .sidebar ul li a:hover img {
        filter: initial;
    }

    .sidebar ul li a {
        padding: 2rem 1rem;
    }

    .sidebar ul li a:has(.hash) {
        padding-bottom: 0.5rem !important;
    }

    .sidebar ul li a:has(.copacetic) {
        padding-top: 0.5rem !important;
    }

    .sidebar ul li a .side_im2mobile {
        display: inline-block;
    }

    .sidebar ul .group_chat_item {
        display: block;
    }

    .mobile_version {
        display: block;
    }

}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {

    html {
        font-size: 2.2vw;
    }

    .sidebar ul {
        padding: 5.5rem 0 2.5rem 0;
    }

    /* index.html mobile: shift the whole page 3px to the left */
    .home .main_wrapper {
        position: relative;
        left: -3px;
    }

    body.home {
        background: var(--dark); /* fills the 3px gap on the right edge left by the shift */
    }

    .sidebar ul li a {
        padding: 2.2rem 1rem;
    }

    .sidebar ul li a:has(.hash) {
        padding: calc(3rem - 2px) 1rem calc(3rem + 5px) 1rem !important; /* bord logo nudged up 5px, then everything from the logo down moved 3px lower */
    }

    .sidebar ul li a:has(.copacetic) {
        padding: 1rem 0 1.5rem 0 !important;
    }

    .sidebar ul li img[class*="side_img"],
    .sidebar ul .group_chat_item a .side_group {
        width: 26.5rem;
    }

    .rjholiday {
        width: 31rem;
        transform: translateX(.7rem);
    }

    .contact_text {
        width: 39rem;
    }

    .contact_text img {
        width: 33rem;
    }

    .mobile_version .wrapper_title {
        margin: .5rem 0rem 1.5rem 0rem;
    }

    .mobile_version .wrapper_title img {
        width: 38.5rem;
    }

    .mobile_version .price_item {
        gap: 2rem;
    }

    .mobile_version .price_item img {
        width: 13.5rem;
    }

    .mobile_version .price_item ul li {
        font-size: 2.8rem;
    }

    .social {
        width: 42rem;
        max-width: 42rem;
    }

    .social .links {
        width: 20%;
    }

    .social .donate {
        width: calc((20% - 2.4rem) * 0.754 + (22.5% - 2.4rem) * 0.373 + 1.2rem);
    }

    .social .email {
        width: 22%;
    }

    #contact_img {
        width: 22.5%;
    }

    .sidebar ul li a .copacetic {
        width: 29rem;
        transform: translateX(0rem);
    }

}
```