:root {
    --accent: #3992ff;
    --light: #e3ecff;
}

.mobile-menu-button {
    width: 38px;
    height: 38px;
    background: var(--light);
    border-radius: 50px;
    color: var(--accent) !important;
    text-align: center;
    transition: 0.3s;
    float: right;
    padding-top: 10px;
}

.mobile-menu-modal {
    background: #f2f2f2;
}

.mobile-menu-dialog {
    margin: 10px 20px 20px 20px;
}

.mobile-modal-menu-place {
    border-radius: 20px;
    background: #fff;
    padding: 26px;
    margin-top: 20px;
}

@media (min-width: 1000px) {
    .no-desctop { display: none; }
    .mobile-menu-button { display: none; }
}
  
@media (max-width: 1000px) {
    .no-mobile { display: none !important; }
    .main-container { width: 100%; }
    .left-side { width: 100%; display: block; float: none; position: static; height: auto; margin-top: 0; border-radius: 0; }
    .left-side-copyright { display: none; }
    .menu-place { display: none; }
    .menu-bottom { display: none; }

    .right-side { display: none; }
    .content-side { width: 100%; margin-left: 0; float: none; }
    .content-block-pic { height: 200px; }

    .modal-input-search { font-size: 14px; }
    .search-tags-place { margin-top: 20px; }
    .search-button { margin-top: 17px; font-size: 14px; margin-right: 14px; }
    .mobile-menu-place { display: flex; margin-top: 0; }

    .in-mobile-modal {
        margin-top: -10px;
        margin-right: -20px;
        margin-left: -20px;
        width: calc(100% + 40px);
        margin-bottom: 20px;
    }

    .contact-pic {
        width: 145px;
    }
}