/******************************************************общие для экранов*/


/******************************************************размеры экранов*/
/* Портретные планшеты и средние настольные компьютеры */
@media (min-width: 1025px){
    .slider-rep{
        display: flex;
        justify-content: start;
        align-items: stretch;
        padding-bottom: 3.125vw; /*60/1920*/
    }

    .slider-rep-left{
        display: flex;
        justify-content: center;
        width: 5.583333%;
        opacity: 0.7;
    }
    .slider-rep-left:hover{
        opacity: 1;
    }

    .slider-rep-right{
        display: flex;
        justify-content: center;
        width: 5.583333%;
        opacity: 0.7;
    }
    .slider-rep-right:hover{
        opacity: 1;
    }
    .slider-rep-center{
        width: 90%;
        /* flex-grow: 1; */
        display: flex;
        align-items: start;
        justify-content: start;
        overflow-x: hidden;

    }
    .rep-block{
        padding-left: 3vw;
        padding-right: 3vw;
        margin-top: 2.25vw;
        margin-bottom: 2.333333vw; /*28/1200*/
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    .rep_img{
        width: 8.8541666vw; /*170/1920*/
        border-radius: 8.8541666vw; /*170/1920*/

    }
    .rep_block_line{
        width: 5.8854166vw; /*113/1920*/
        height: 1px;
        border-top: solid 1px #00adee;
        margin-top: 1.4583333vw; /*28/1920*/
        padding-bottom: 1.1979166vw; /*23/1920*/


    }
    .rep_block_left{
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;
        margin-right: 7.1354166vw; /*137/1920*/
        margin-top: 1.1393229vw; /*21,875/1920*/
        width: 12vw;

    }
    .rep_block_right{
        font-family: Philosopher, sans-serif;
        color: #6d6e70;
        margin: 0;
        font-size: 1.3020833vw; /*25/1920*/
        width: 63vw;
    }

    .rep_block_name{
        padding: 0;
        margin: 0;
        font-family: Philosopher, sans-serif;
        color: #6d6e70;
        font-size: 1.875vw; /*36/1920*/
        font-weight: 600;
    }
    .arrow-left-rep{
        width: 1.8229166vw; /*35/1920*/
        height: 5.46875vw; /*105/1920*/
        margin-top: 8.5vw;
    }
    .arrow-right-rep{
        width: 1.8229166vw; /*35/1920*/
        height: 5.46875vw; /*105/1920*/
        transform: rotate(180deg);
        margin-top: 8.5vw;
    }
    .rep_feed_btn{
        margin-left: 24.5vw;
        margin-bottom: 4.53125vw; /*87/1920*/

    }
    .rep_feed_btn a{
        text-decoration: none;
        font-family: Philosopher, sans-serif;
        color: #6d6e70;
        font-size: 1.875vw; /*36/1920*/
        font-weight: 600;
    }
    
    .m_block_rep{
        background-color: #75bcec;
        width: 47.756575vw; /*926/1939*/
        display: flex;
        flex-flow: column nowrap;
        padding: 1.7861784vw; /*23/1939*/
    }
    .m_container_rep{
        position: fixed;
        top:15vw;
        left: 26.1217125vw;
        display: none;
        opacity: 0;
        z-index: 10000;
    }
    .rep_name_label{
        font-family: Ubuntu, sans-serif;
        font-size: 1.3408973vw; /*26/1939*/
        margin-top: 1.2893243vw; /*25/1939*/
    }
    .m_rep_header{
        font-family: Roboto Condensed, sans-serif;
        font-size: 2.017638vw;
        font-weight: 700;
        margin-top: -0.5vw;
    }

    #WJCForm135{
        width: 47.756575vw!important;
        padding: 1.7861784vw!important;
        background-color: #75bcec!important;
    }
    #WJCForm137{
        width: 47.756575vw!important;
        padding: 1.7861784vw!important;
        background-color: #75bcec!important;
    }
    .m_close_rep{
        width: 1.3408973vw; /*26/1939*/
        transition: 500ms;
        position: absolute;
        right: 1.7861784vw;
        top: 1.7861784vw;
    }
    .m_close_rep:hover{
        width: 1.8050541vw;
        right: 1.5541001vw;
        top: 1.5541001vw;
    }
    .rep_body{
        padding: 0!important;
    }
    .rep_text{
        font-family: Ubuntu, sans-serif;
        font-size: 1.3408973vw;
        margin-top: 1.2893243vw;
        margin-bottom: 0.6vw;
    }
    .m_button_rep{
        font-family: Ubuntu, sans-serif;
        font-size: 1.3924703vw; /*27/1939*/
        color: black;
        border: 2px solid black;
        border-radius: 0.5vw;
        width: 20.113460vw; /*390/1939*/
        height: 3.0943785vw; /*60/1939*/

        display: flex;
        justify-content: center;
        align-items: center;
        background: #75bcec;
    }
    .rep_footer_btn{
        display: flex;
        width: 100%;
        justify-content: flex-end;
        margin-top: 1vw;
    }
    .rep_area{
        font-size: 1.2vw;
        font-family: Ubuntu, sans-serif;
        border-radius: 0.4vw;
    }
    .rep_hidden{
        display: none;
    }
    .rep_paragraph{
        height: 6.1vw;
        overflow-y: hidden;
    }
    .rep_paragraph_all{
        height: auto!important;
    }
    .rep_block_more{
        font-style: italic;
    }

}
/* Горизонтальные телефоны и вертикальные планшеты */
@media (min-width: 576px) and (max-width: 1024px) {
    .slider-rep{
        display: flex;
        justify-content: start;
        align-items: stretch;
        padding-bottom: 3.125vw; /*60/1920*/
    }

    .slider-rep-left{
        display: flex;
        justify-content: center;
        width: 5.583333%;
        opacity: 0.7;
    }

    .slider-rep-right{
        display: flex;
        justify-content: center;
        width: 5.583333%;
        opacity: 0.7;
    }
    .slider-rep-center{
        width: 90%;
        /* flex-grow: 1; */
        display: flex;
        align-items: start;
        justify-content: start;
        overflow-x: hidden;

    }
    .rep-block{
        padding-left: 3vw;
        padding-right: 3vw;
        margin-top: 2.25vw;
        margin-bottom: 2.333333vw; /*28/1200*/
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
    }
    .rep_img{
        width: 14.84375vw; /*114/768*/
        border-radius: 14.84375vw; /*170/1920*/

    }
    .rep_block_line{
        width: 5.8854166vw; /*113/1920*/
        height: 1px;
        border-top: solid 1px #00adee;
        margin-top: 1.4583333vw; /*28/1920*/
        padding-bottom: 1.1979166vw; /*23/1920*/
        display: none;

    }
    .rep_block_left{
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        margin-right: 7.1354166vw; /*137/1920*/
        margin-top: 1.1393229vw; /*21,875/1920*/

    }
    .rep_block_right{
        font-family: Philosopher, sans-serif;
        color: #6d6e70;
        margin: 0;
        font-size: 2.34375vw;
        width: 83vw;
        display: flex;
        flex-flow: column nowrap;
    }

    .rep_block_name{
        padding: 0;
        margin: 0;
        font-family: Philosopher, sans-serif;
        color: #6d6e70;
        font-size: 3.3854166vw; /*26/768*/
        font-weight: 600;
        margin-left: 4.5vw;

    }
    .arrow-left-rep{
        width: 1.8229166vw; /*35/1920*/
        height: 5.46875vw; /*105/1920*/
        margin-top: 16vw;
    }
    .arrow-right-rep{
        width: 1.8229166vw; /*35/1920*/
        height: 5.46875vw; /*105/1920*/
        transform: rotate(180deg);
        margin-top: 16vw;
    }
    .rep_feed_btn{
        margin-left: 8.5vw;
        margin-bottom: 4.53125vw; /*87/1920*/

    }
    .rep_feed_btn a{
        text-decoration: none;
        font-family: Philosopher, sans-serif;
        color: #6d6e70;
        font-size: 2.975vw;
        font-weight: 600;
    }

    .m_block_rep{
        background-color: #75bcec;
        width: 47.756575vw; /*926/1939*/
        display: flex;
        flex-flow: column nowrap;
        padding: 1.7861784vw; /*23/1939*/
    }
    .m_container_rep{
        position: fixed;
        top:15vw;
        left: 26.1217125vw;
        display: none;
        opacity: 0;
        z-index: 10000;
    }
    .rep_name_label{
        font-family: Ubuntu, sans-serif;
        font-size: 1.3408973vw; /*26/1939*/
        margin-top: 1.2893243vw; /*25/1939*/
    }
    .m_rep_header{
        font-family: Roboto Condensed, sans-serif;
        font-size: 3.711343vw;
        font-weight: 700;
        margin-top: -0.5vw;
    }

    #WJCForm135{
         width: 84vw!important;
         padding: 3.2594524vw!important;
         background-color: #75bcec!important;
    }
    #WJCForm137{
        width: 84vw!important;
        padding: 3.2594524vw!important;
        background-color: #75bcec!important;
    }
    .m_close_rep{
        width: 2.6075619vw;
        transition: 500ms;
        position: absolute;
        right: 3.2632vw;
        top: 3.2632vw;
    }
    .rep_body{
        padding: 0!important;
    }
    .rep_text{
        font-family: Ubuntu, sans-serif;
        font-size: 2.3468057vw;
        margin-top: 1.9556714vw;
        margin-bottom: 0.6vw;
    }
    .m_button_rep{
        font-family: Ubuntu, sans-serif;
        font-size: 2.4771838vw;
        color: black;
        border: 2px solid black;
        border-radius: 1vw;
        width: 35.462842vw;
        height: 5.4758800vw;

        display: flex;
        justify-content: center;
        align-items: center;
        background: #75bcec;

    }
    .rep_footer_btn{
        display: flex;
        width: 100%;
        justify-content: flex-end;
        margin-top: 1vw;
    }
    .rep_area{
        font-size: 2.2vw;
        font-family: Ubuntu, sans-serif;
        border-radius: 1vw;
    }
    .rep_hidden{
        display: none;
    }
    .rep_date{
        order: -1;
    }
    .rep_block_right p{
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .rep_paragraph .more{
        font-style: italic;
    }
    .rep_paragraph{
        height: 10.7vw;
        overflow-y: hidden;
    }
    .rep_paragraph_all{
        height: auto!important;
    }
    .rep_block_more{
        font-style: italic;
    }
}
/* Вертикальные телефоны и меньше */
@media (max-width: 575.98px) {
    .slider-rep{
        display: flex;
        justify-content: start;
        align-items: stretch;
        padding-bottom: 3.125vw; /*60/1920*/
    }

    .slider-rep-left{
        display: flex;
        justify-content: center;
        width: 5%;
        opacity: 0.7;
    }

    .slider-rep-right{
        display: flex;
        justify-content: center;
        width: 5%;
        opacity: 0.7;
    }
    .slider-rep-center{
        width: 85vw;
        /* flex-grow: 1; */
        display: flex;
        align-items: start;
        justify-content: start;
        overflow-x: hidden;

    }
    .rep-block{
        padding-left: 3vw;
        padding-right: 3vw;
        margin-top: 2.25vw;
        margin-bottom: 2.333333vw; /*28/1200*/
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
    }
    .rep_img{
        width: 19.791666vw; /*114/576*/
        border-radius: 19.791666vw; /*114/576*/

    }
    .rep_block_line{
        width: 5.8854166vw; /*113/1920*/
        height: 1px;
        border-top: solid 1px #00adee;
        margin-top: 1.4583333vw; /*28/1920*/
        padding-bottom: 1.1979166vw; /*23/1920*/
        display: none;

    }
    .rep_block_left{
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        margin-right: 7.1354166vw; /*137/1920*/
        margin-top: 1.1393229vw; /*21,875/1920*/

    }
    .rep_block_right{
        font-family: Philosopher, sans-serif;
        color: #6d6e70;
        margin: 0;
        font-size: 3.125vw; /*18/576*/
        width: 78vw;
        display: flex;
        flex-flow: column nowrap;
    }

    .rep_block_name{
        padding: 0;
        margin: 0;
        font-family: Philosopher, sans-serif;
        color: #6d6e70;
        font-size: 4.5138888vw; /*26/576*/
        font-weight: 600;
        margin-left: 4.5vw;

    }
    .arrow-left-rep{
        width: 3.125vw; /*18/576*/
        height: 9.5486111vw; /*55/576*/
        margin-top: 21vw;
    }
    .arrow-right-rep{
        width: 3.125vw; /*18/576*/
        height: 9.5486111vw; /*55/576*/
        transform: rotate(180deg);
        margin-top: 21vw;
    }
    .rep_feed_btn{
        margin-left: 8.5vw;
        margin-bottom: 4.53125vw; /*87/1920*/

    }
    .rep_feed_btn a{
        text-decoration: none;
        font-family: Philosopher, sans-serif;
        color: #6d6e70;
        font-size: 4.975vw;
        font-weight: 600;
    }

    .m_block_rep{
        background-color: #75bcec;
        width: 47.756575vw; /*926/1939*/
        display: flex;
        flex-flow: column nowrap;
        padding: 1.7861784vw; /*23/1939*/
    }
    .m_container_rep{
        position: fixed;
        top:15vw;
        left: 26.1217125vw;
        display: none;
        opacity: 0;
        z-index: 10000;
    }
    .rep_name_label{
        font-family: Ubuntu, sans-serif;
        font-size: 1.3408973vw; /*26/1939*/
        margin-top: 1.2893243vw; /*25/1939*/
    }
    .m_rep_header{
        font-family: Roboto Condensed, sans-serif;
        font-size: 7.1125vw;
        font-weight: 700;
        margin-top: -0.5vw;
    }

    #WJCForm135{
        width: 90.277777vw!important;
        padding: 6.7708333vw!important;
        background-color: #75bcec!important;
    }
    #WJCForm137{
        width: 90.277777vw!important;
        padding: 6.7708333vw!important;
        background-color: #75bcec!important;
    }
    .m_close_rep{
        width: 4.3402777vw;
        transition: 500ms;
        position: absolute;
        right: 6.286178vw;
        top: 6.286178vw;
    }
    .rep_body{
        padding: 0!important;
    }
    .rep_text{
        font-family: Ubuntu, sans-serif;
        font-size: 3.8194444vw;
        margin-top: 1.2893243vw;
        margin-bottom: 2vw;
    }
    .m_button_rep{
        font-family: Ubuntu, sans-serif;
        font-size: 5.0347222vw;
        color: black;
        border: 2px solid black;
        border-radius: 1.7vw;
        width: 100%;
        height: 11.631944vw;

        display: flex;
        justify-content: center;
        align-items: center;
        background: #75bcec;
    }
    .rep_footer_btn{
        display: flex;
        width: 100%;
        justify-content: flex-end;
        margin-top: 4vw;
    }
    .rep_area{
        font-size: 3.8194444vw;
        font-family: Ubuntu, sans-serif;
        border-radius: 1.7vw;
    }
    .rep_hidden{
        display: none;
    }
    .rep_date{
        order: -1;
    }
    .rep_block_right p{
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .rep_paragraph .more{
        font-style: italic;
    }
    .rep_content{
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .rep_paragraph{
        height: 14.4vw;
        overflow-y: hidden;
    }
    .rep_paragraph_all{
        height: auto!important;
    }
    .rep_block_more{
        font-style: italic;
    }
}