@media screen and (max-width:768px) {

    /**{
    margin: 0;
    padding: 0;
	}
	
	html{
    background: #000;
	}
	
	body{
    width: 350px;
    height: auto;
    margin: 0 auto;
    background: #fff;
	}
	
	#top_header{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1C2833;
	}
	
	#name_company{
    font-family: Sans-Serif;
    color: #fff;
	}*/
    #r_e_a_l_baner {
        width: 90%;
        height: 100px;
        margin: 10px auto;
        border-radius: 10px;
        box-shadow: inset 0 0 2px #000;
    }

    #r_e_a_l_filtr {
        width: 90%;
        height: 40px;
        margin: 5px auto;
        display: flex;
        justify-content: end;
        align-items: center;
        /*background: #ceccce;*/
    }

    #r_e_a_l_button_filtr {
        aspect-ratio: 1;
        height: 36px;
        border-radius: 5px;
        box-shadow: 0 0 2px #000;
        /*background: #1a90ff;*/
        background: url(https://cdn-icons-png.flaticon.com/512/3161/3161370.png) no-repeat;
        background-size: cover;
    }

    #r_e_a_l_button_filtr:active {
        background: #00bfff;
    }

    #r_e_a_l_modal_filtr {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1;
        background: rgb(255, 255, 255, 0.9);
    }

    #r_e_a_l_modal_content {
        aspect-ratio: 16/13;
        width: 98%;
        height: auto;
        margin: 0px auto;
        margin-top: 70px;
        border-radius: 10px;
        box-shadow: 0 0 3px #000;
        color: #fff;
        overflow: scroll;
        background: #1e90ff;
    }

    #r_e_a_l_modal_content::-webkit-scrollbar {
        width: 0;
    }

    .r_e_a_l_select {
        width: 94%;
        height: 40px;
        margin: 15px auto;
        border-radius: 7px;
        font-size: 110%;
        display: flex;
        flex-grow: 1;
        flex-wrap: nowrap;
    }

    .r_e_a_l_option {
        height: 3px;
        margin: 10px 0;
        color: #fff;
        font-size: 110%;
        background: #87CEEB;
    }

    #r_e_a_l_preminit {
        width: 98%;
        height: 40px;
        margin: 5px 1%;
        border: transparent;
        border-radius: 4px;
        font-family: Sans-Serif;
        font-size: 110%;
        font-weight: 600;
        color: #fff;
        box-shadow: 0 0 3px #000;
        background: #32cd32;
        cursor: pointer;
    }

    #r_e_a_l_box_announce {
        width: 96%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        z-index: -1;
    }

    .r_e_a_l_a {
        aspect-ratio: 4/7;
        width: 46%;
        /*height: 150px;*/
        margin: 5px 1.5%;
        margin-bottom: 15px;
        border-radius: 5px;
        flex-grow: 1;
        /*box-shadow: inset 0 0px 3px #1e90ff;*/
        position: relative;
        text-decoration: none;
        color: #000;
        /*background: #cecece;*/
        z-index: -1;
    }

    #r_e_a_l_announce {
        /*aspect-ratio: 4/7;*/
        width: 100%;
        /*height: 150px;*/
        /*margin: 5px 1.5%;*/
        /*border-radius: 10px;*/
        /*flex-grow: 1;*/
        /*box-shadow: inset 0 0px 3px #1e90ff;*/
        /*position: relative;*/
    }

    #r_e_a_l_transparent {
        width: 50%;
        flex-grow: 1;
    }

    .r_e_a_l_img_announce {
        aspect-ratio: 4/4;
        width: 100%;
        border-radius: 7px 7px 0 0;
        display: flex;
        justify-content: center;
        object-fit: cover;
    }

    .r_e_a_l_price,
    .r_e_a_l_discription,
    .r_e_a_l_address {
        margin: 5px;
    }

    .r_e_a_l_price {
        height: 18px;
        margin: 5px;
        font-family: Sans-Serif;
        font-weight: 600;
    }

    .r_e_a_l_box_discription {
        height: 40px;
    }

    .r_e_a_l_discription {
        height: auto;
        margin: 2px 5px;
        padding: 0px 2px;
        font-family: Sans-Serif;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        /*background: #ceaa00;*/
    }

    .r_e_a_l_address {
        margin: 3px 0;
        margin-top: 6px;
        margin-left: 3px;
        padding: 2px 3px;
        border-radius: 3px;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        /*display: -webkit-box;*/
        -webkit-line-clamp: 1;
        /*-webkit-box-orient: vertical;*/
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-family: Sans-Serif;
        font-size: 100%;
        color: #000;
        align-self: center;
        /*background: #1e90ff;*/
    }

    .r_e_a_l_announce_time {
        height: auto;
        margin: 0px;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-self: flex-start;
        align-content: flex-start;
        /*background: #ce00cc;*/
    }

    .r_e_a_l_publication_date {
        margin: 0;
        margin-left: 3px;
        padding: 2px 3px;
        border-radius: 3px;
        /*justify-content: start;*/
        font-family: Sans-Serif;
        color: #fff;
        background: #9acd32;
    }

    .r_e_a_l_publication_time {
        margin: 0;
        margin-right: 3px;
        padding: 2px 3px;
        border-radius: 3px;
        /*justify-content: end;*/
        font-family: Sans-Serif;
        color: #fff;
        background: #696969;
    }

    #r_e_a_l_reklama {
        width: 100%;
        height: 50px;
        margin: 30px auto;
        border-radius: 5px;
        box-shadow: 0 0 5px #696969;
        background: #fff;
    }

    #r_e_a_l_target_rek {
        width: 94%;
        height: 100px;
        margin: 10px auto;
        border-radius: 10px;
        box-shadow: 0 0 4px #000;
        background: #4682B4;
    }

    r_e_a_l_footer {
        width: 100%;
        height: 130px;
        margin-top: 20px;
        background: #2f4f4f;
    }
}