@media (max-width:1200px){
/*--------------------------------------//-------------------------------------------*/
/*--------------------------------------/main/-------------------------------------------*/
.example__card {
    width: 203px;
    height: 219px;
}
.slider {
    min-width: 440px;
}
.slick-slide{
    width: 440px;
}
.main__work-place {
    display: grid;  
    grid-template-areas: "header sidebar"  
                         "content sidebar";
    grid-template-columns: 760px 1fr;  
    grid-template-rows: 30px 1fr; 
    background-color: #fff;
}
/*--------------------------------------/main/-------------------------------------------*/
/*--------------------------------------//-------------------------------------------*/
.slick-arrow{
}
/* Стрелка влево */
.slick-arrow.slick-prev{
    top: 10px;
    left: 80%;
    z-index: 10;
}
/* Стрелка вправо */
.slick-arrow.slick-next{
    top: 40px;
    left: 80%;
}
}
@media (max-width:1020px){
/*--------------------------------------//-------------------------------------------*/
/*--------------------------------------/header-welcome/-------------------------------------------*/
    .header__welcome-area {
        margin: 182px 0px 0px 0px;
    }
    .welcome-area__text1 {
        font-size: 18px;
    }
    .welcome-area__text2 {
        margin: 18px 0px 0px 0px;
        font-size: 32px;
    }
    .welcome-area__text3 {
        margin: 18px 0px 0px 0px;
        font-size: 18px;
    }
/*--------------------------------------/header-welcome/-------------------------------------------*/
/*--------------------------------------/main/-------------------------------------------*/
.main__work-place {
    display: grid;  
    grid-template-areas: "sidebar"
                         "header" 
                         "content";
    grid-template-columns: 760px ;  
    grid-template-rows: 400px 40px 1fr; 
    background-color: #fff;
}
.sidebare__menu {
    grid-area: sidebar; 
    width: 640px;
    height: 400px;
    background-color: #fff;
    position: relative;
    z-index: 4;
}
.sidebare__container {
    display: grid;  
    grid-template-areas: "bts pop meetup"
                         "tags pop meetup" ;
    grid-template-columns: 240px 200px 200px  ;  
    grid-template-rows: 40px 40px ; 
}
.sidebare__bts {
    margin: 10px 0px 0px 0px;
    grid-area: bts;
}
.sidebare__tags {
    grid-area: tags;
}
.sidebare__popular {
    grid-area: pop;
}
.sidebare__meetup {
    grid-area: meetup;
}
/*--------------------------------------/main/-------------------------------------------*/
/*--------------------------------------//-------------------------------------------*/
/*--------------------------------------//-------------------------------------------*/
}
@media (max-width:767px){
/*--------------------------------------//-------------------------------------------*/
/*--------------------------------------/header-welcome/-------------------------------------------*/
    .welcome-area__text2 {
        text-align: center;
    }
    .header-area__buttons {
        margin: 18px 0px 220px 0px;
    }
    .header__button a:not(last-child){
        margin: 0px 0px 18px 0px;
    }
    .header__button {
        display: flex;
        flex-direction: column;
    }
    .header__button a{
        width: 285px;
        height: 57px;
    }
/*--------------------------------------/header-welcome/-------------------------------------------*/
/*--------------------------------------/main/-------------------------------------------*/
.main__work-place {
    display: flex;
    flex-direction: column-reverse;

}
.showcases__examples {
    position: relative;
    margin: -450px 0px 0px;
    z-index: 5;
}
.slider {
    margin: -450px 0px 0px;
    min-width: 340px;
}
.slick-slide{
    width: 340px;
}
.sidebare__menu{
    margin: 0px 0px 0px -340px;
}
.sidebare__container {
    display: block;
    height: 700px;
}
.tags-container {
    margin: 0px ;
    display: flex;
    flex-wrap: wrap;
    max-width: 400px;
}
/*--------------------------------------/main/-------------------------------------------*/
/*--------------------------------------//-------------------------------------------*/
.slick-arrow.slick-prev{
    top: 50px;
    left: 75%;
    z-index: 10;
}
/* Стрелка вправо */
.slick-arrow.slick-next{
    top: 100px;
    left: 75%;
}
.journal__card {
    flex: 1 1 100%;
    margin-bottom: 10px;
}
}