/*  Adaptive AmbientMedia  */

  @media screen and (max-width: 1260px){
    .wrap{
      width: 960px;
    }
    .header{
      height: 70px;
    }
    .logo{
      width: 300px;
      height: 30px;
    }
    .left{
      width: 630px;
    }
    .header_left{
      width: 320px;
    }
    .current_date, .weather{   
      font-size: 14px;
    }
    .header_right{
      height: 30px;
      width: 248px;
    }
    .login_btn{
      width: 30px;
      height: 30px;
      background-position: center -245px;
    }
    .login_btn.group_5{
      background-position: center -835px;
    }
    .search_btn{
      width: 30px;
      height: 30px;
      background-position: center -285px;     
    }
    .search_btn:hover{
      background-position: center -875px;
    }
    .search_btn.active_search{
      background-position: center -875px;
    }
    .social_menu{
      width: 186px;
      height: 30px;
    }
    .social_menu li a{
      width: 30px;
      height: 30px;
    }
    .social_menu li a.vk_icon{
        background-position: -6px -6px;
    }
    .social_menu li a.tw_icon{
        background-position: -6px -46px;
    }
    .social_menu li a.fb_icon{
        background-position: -6px -86px;
    }
    .social_menu li a.yt_icon{
        background-position: -6px -166px;
    }
    .social_menu li a.gp_icon{
        background-position: -6px -126px;
    }
    .social_menu li a.rss_icon{
        background-position: -6px -206px;
    }
    .nav li a{
      padding: 2px 12px 0 12px;
      font-size:12px;
    }
    .nav li a.dropi{
      padding-right: 20px;
    }
    .second_nav li.first_item{
      font-size: 14px;
      padding:2px 12px 0 12px;
    }
    .second_nav li a{
      font-size: 15px;
    }
    .nav li li a{
      font-size: 12px;
    }
    .main_news:first-of-type .post_img{
      height: 200px;
    }
    .hblock h4, .mblock h4, .side_header{
      font-size: 18px;
      line-height: 20px;
    }
    .hblock h4 a, .mblock h4 a, .side_header a{
      font-size: 18px;
    }
    .s_text{
      width: 165px;
    }
    .custom1 .post_img{
      height: 126px;
    }
    .custom_video{
      width: 150px;
      height: 194px;
    }
    .custom_video .post_img{
      height: 100px;
    }
    .video_title{
      padding: 15px;
      font-size: 14px;
      line-height: 16px;
      max-height: 94px;
    }
    .custom_photo{
      width: 210px;
      height: 105px;
    }
    .custom_photo:first-of-type, .custom_photo:nth-of-type(4n){
      width: 105px;
    }
    .photo_title{
      font-size: 12px;
      padding: 10px;
      line-height: 14px;
    }
    .custom3 a, .afisha_title, .catalog li a{
      font-size: 14px;
    }
    .footer_nav li{
      margin: 0 20px 0 0;
    }
    .left_col{
      display: none;
    }
    .mid_col{
      float: none;
      margin-left: 0;
    }
  }
@media screen and (min-width: 1021px){  
    .nav ul.main_nav{
      display: block !important;
    }
}
@media screen and (max-width: 1020px){  
    .wrap{
      width:640px;
    }
    .left{
      width: 640px;
      float: none;
    }
    .right{
      float: none;
      width: 100%;
    }
    .header{
      height: auto;
    }
    .header_left{
      width: 50%;
      margin: 0 0 20px 0;
      height: 30px;
      line-height: 30px;
    }
    .header_right{
      margin: 0 0 20px 0;
    }
    .logo{
      clear: both;
    }
    .nav_btn{
      display: block;
    }
    .second_nav{
      height: auto;
    }
    .second_nav li, .second_nav li a, .second_nav li.first_item{
      line-height: 28px;
    }
    .nav{
      overflow: visible;
    }
    .nav ul.main_nav{
      position: absolute;
      background-color: #404040;      
      border: 1px solid rgba(0,0,0,0.15);
      border-bottom: 0;
      height: auto;
      z-index: 9999;
      width: 100%;
      display: none;
    }
    .nav li, .nav li a{
      float: none;
      height: auto;
    }
    .nav li a{
      border-right: 0;      
      border-bottom: 1px solid rgba(0,0,0,0.15);
    }
    .nav li ul{
      display: block;
      position: relative; 
      left: auto;
    }
    .nav li li a{
      padding: 2px 25px 0 25px;
    }

    .navigation a, .nav_ext{
      display: none;
    }
    .navigation .next a, .navigation .prev a{
      display: block;
    }
    .side_block, .footer_nav{
      display: none;
    }
    .top_news_widget{
      display: block;
    } 
    .last_news .post_img, .custom_top .post_img{
      margin-bottom: 0;
    }
  }
  @media screen and (max-width: 700px){
    .wrap{
      width: 100%;
      padding-left:20px;
      padding-right: 20px;
    }
    .left, .mid_col{
      width: 100%;
    }
    .header_left{
      width: 100%;
      float: none;
      text-align: center;
    }
    .header_right{
      width: 248px;
      float: none;
      margin-right: auto;
      margin-left: auto;
    }
    .nav ul.main_nav{
      width: calc(100% - 40px);
      display: none;
      left: 0;
      margin-right: 20px;
      margin-left: 20px;
    }
    .col2{
      width: 100%;
      float: none;
    }
    .col2:nth-of-type(n){
      padding: 0;
    }
    .main_news:first-of-type .post_img{
      height: 280px;
    }
    .s_text{
      width: auto;
      margin-left: 135px;
      float: none;
    }
    .custom_video{
      width: calc(50% - 5px);
      margin: 0 0 20px 0;
    }
    .custom_video:nth-of-type(2n+1){
      margin-right: 5px;
    }
    .custom_video:nth-of-type(2n){
      margin-left: 5px;
    }
    .custom_video{
      height: 231px;
    }
    .custom_video .post_img{
      height: 137px;
    }
    .custom_photo, .custom_photo:nth-of-type(4n){
      width: 50%;
      height: 160px;
    }
    .photo_title{
      font-size: 14px;
      line-height: 16px;
    }
    .custom_photo:first-of-type{
      width: 100%;
    }
    .custom1 a .custom_title{
      font-size: 16px;
      line-height: 18px;
    }
    .hblock h4, .mblock h4, .side_header{
      font-size: 16px;
      line-height: 18px;
    }
    .hblock h4 a, .mblock h4 a, .side_header a{
      font-size: 16px;
    }
    .afisha_content{
      margin: 0;
    }
    .custom_afisha .post_img{
      margin-bottom: 5px;
    }
    .catalog ul{
      width: 50%;
    }
    .custom3 a, .afisha_title, .catalog li a{
      font-size: 16px;
    }
    .full_images img{
    	width: 25%;
    }
    .second_nav li.first_item{
      display: none;
    }
    .find_rel{
      margin: 15px 0 0 0;
    }
    .social-likes{
      float: none;
      clear: both;
      margin: 0;
    }
    .ratebox, .ratebox2, .ratebox3{
      margin: 0 0 30px 0;
    }
    .related_news_block{
      width: 415px;
      margin: 0 auto;
    }
    .related_news_post:nth-of-type(3n){
      margin-right: 15px;
    }
    .related_news_post:nth-of-type(2n){
      margin-right: 0;
    }
    .left{
      margin-bottom: 30px;
    }
    .top_news_category{
        width: 480px;
        margin: 0 auto;
    }
    .top_news_category .related_news_post:nth-of-type(n){
      width: 480px;
      height: 320px;
      margin-right: 0;
    }
  }
  @media screen and (max-width: 560px){
    .photo_video .post_img{
      height: 280px;
    }
    .photo_video{
      height: auto;
      margin-bottom: 30px !important;
    }
    .related_news_block{
      width: 200px;
    }
    .related_news_post:nth-of-type(n){
      margin-right: 0;
    }    
    .top_news_category{
        width: 280px;
    }
    .top_news_category .related_news_post:nth-of-type(n){
      width: 280px;
      height: 186px;
    }
    .wrap{
      min-width: 320px;
    }
    .col3{
      width: 100%;
      margin-bottom: 15px;
    }
    .col3:nth-of-type(3n+1), .col3:nth-of-type(3n+2), .col3:nth-of-type(3n){  
      padding-right:0;
      padding-left: 0;
    }
    .custom1 .post_img{
      height: 280px;
    }
    .logo{
      width: 280px;
      height: 28px;
    }    
    .hblock h4, .mblock h4, .side_header{
      font-size: 18px;
      line-height: 20px;
    }
    .hblock h4 a, .mblock h4 a, .side_header a{
      font-size: 18px;
    }    
    .catalog ul{
      width: 100%;
    }
    .counters, .about, .comment_avatar{
      display: none;
    }
    .footer_links{
        width: 200px;
        padding:0;
        margin: auto;
        float: none;
    }
    .pmlinks a{
      width: 100%;
      float: none;
      border-left: 0;
    }

    .addcomment_editor, .comment_content{
      width: 100%;
    }
    .comment_content{
      padding-left: 0;
    }
    .short_post{
      width: 100%;
      height: 150px;
      margin: 0 0 15px 0;
    }


    .footer{
      text-align: center;
    }
    .header, .container{
      min-width: 300px;
    }
    .pm_head{
      font-size: 14px;
    }
    .profile_popup_counter b{
      font-size: 14px;
    }
    #totop{
      display: none !important;
    }
    .full_images img{
    	width: 50%;
    }
  }