/*-------------------------------------*/
@media screen and (max-width: 1399px) { /*main 1280*/
.wrapper{width: 100%; padding: 0 2%;}
.header-navi {width: 16%;}
.header {padding: 10px 2%; align-items: center;}
.footer {padding: 20px 2%;}
}
/*-------------------------------------*/
@media screen and (max-width: 1279px) { /*main 1024*/
.logo { width: 20%;}
.header-navi {width: 19%;}
.media {max-width: 58%;}
.nav__item {font-size: 12px; }
.posts__item, .posts__item_sizer {width: 24%;}
.media__wrapper { width: 560px; }
}

/*-------------------------------------*/
@media screen and (max-width: 1023px) { /* 768<width<1023 main 768*/
.header{flex-wrap: wrap;}
.logo { width: 50%;}
.header-navi {width: 50%;}
.media {max-width: 100%; width: 100%; order: 3; margin-top: 10px;}
.nav__item {width: 16.66%;}
.nav__item_8{width: 22%;}
.posts__item, .posts__item_sizer {width: 32.33%;}
  .media__wrapper { width:100%;}
}
/*-------------------------------------*/
@media screen and (max-width: 767px) { /* 640<width<767 main 640*/
.logo { width: 35%;}
.header-navi {width: 100%; order:2;}
.mobile-menu-button { display: block; width: 35px; height: 35px; background:url(../images/menu-ico.svg) 50% 50% no-repeat; background-size: contain; cursor: pointer;}
.nav {border-bottom: none; }
.nav__list {display: none;}
.posts__item, .posts__item_sizer {width:49%;}
.mobile-menu{}
    
.mobile-menu .nav {border:none;}
.mobile-menu .nav__list {display: flex; justify-content:space-around; flex-wrap: wrap; padding:0; align-items: center; align-content: center; height: 90vh;}
.mobile-menu .nav__item {width:25%; text-align: center; padding:0; font-size: 13px; text-transform:uppercase; line-height: 1.4;border-radius: 0; border: 1px solid #efefef; height: 25%; vertical-align: middle;align-items: center;display: flex;justify-content: center;}
.mobile-menu .nav__link {color: #fff; text-decoration: none;font-weight: 600; display: flex; align-items: center; height: 100%; box-shadow: none;}
.nav__item_3{background:#5C89C7; }
.nav__item_11 {background:#EAC560; }
.nav__item_4{background:#E66AAB; }
.nav__item_5{background:#95C86F; }
.nav__item_6{background:#3EB2C7; }
.nav__item_8{background:#5CC7AF; }
.nav__item_15{background:#CCC9CC; }
.nav__item_9{background:#E54C75; }
.nav__item_7{background:#FCA946; }
.nav__item_25{background:#96033D; }
.nav__item_16{background:#8BDD00; }
.nav__item_26{background:#A7C9CC; }
.nav__item_13{background:#3A363C; }
.nav__item_10{background:#FF0000; }
.nav__item_12{background:#8BDDF9; }
.nav__item_14{background:#F55CF9; } 
    
.cd-close{height: 10vh;line-height: 10vh;color: #fff; font-weight: 600; text-align: center; cursor: pointer;text-transform: uppercase;background:#5C89C7; font-size: 13px;}    
    
}
/*-------------------------------------*/
@media screen and (max-width: 639px) { /* 480<width<639 main 480*/
.logo { width: 40%;}
.page-up{margin-top: -60px;margin-left:-60px; width:50px;height:50px;}
    .mobile-menu .nav__item {font-size: 12px;}
}
/*-------------------------------------*/
@media screen and (max-width: 479px) { /* 360<width<479 main 360*/
.logo { width:50%;}
.posts__item, .posts__item_sizer {width: 100%;margin: 7px 0; }
    .mobile-menu .nav__item {width:33.33%; height: 18%;}
    .mobile-menu .nav__item_3 {width: 100%; height: 10%;}
}
/*-------------------------------------*/
@media screen and (max-width: 359px) { /* 320<width<359 main 320*/
.logo { width:60%;}
    .mobile-menu .nav__link{letter-spacing: -1px;}
}
/*-------------------------------------*/