@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  #content .ranking .icon_rank_up { background: url('/images/icons@2x.png') 0px 0px no-repeat; background-size: 150px; }
  #content .ranking .icon_rank_eq { background: url('/images/icons@2x.png') -20px 0px no-repeat; background-size: 150px; }
  #content .ranking .icon_rank_dn { background: url('/images/icons@2x.png') -40px 0px no-repeat; background-size: 150px; }
  
  #content .a_ranking span.rank_up, #content li.rank .rank_up { background: url('/images/icons@2x.png') -3px -44px no-repeat; background-size: 150px; }
  #content .a_ranking span.rank_eq, #content li.rank .rank_eq { background: url('/images/icons@2x.png') -23px -44px no-repeat; background-size: 150px; }
  #content .a_ranking span.rank_dn, #content li.rank .rank_dn { background: url('/images/icons@2x.png') -43px -44px no-repeat; background-size: 150px; }
  
  #content .columns .box.grid .social .icon.twitter, #content .columns .box .social_post .icon.twitter { background: url('/images/icons@2x.png') 0px -20px no-repeat; background-size: 150px; }
  #content .columns .box.grid .social .icon.facebook, #content .columns .box .social_post .icon.facebook { background: url('/images/icons@2x.png') -20px -20px no-repeat; background-size: 150px; }
  #content .columns .box.grid .social .icon.linkedin, #content .columns .box .social_post .icon.linkedin { background: url('/images/icons@2x.png') -40px -20px no-repeat; background-size: 150px; }
  #content .columns .box.grid .social .icon.pinterest, #content .columns .box .social_post .icon.pinterest { background: url('/images/icons@2x.png') -60px -20px no-repeat; background-size: 150px; }
  
  #content .columns form span.ico_err { background: url('/images/icons@2x.png') -82px -2px no-repeat; background-size: 150px; }
  #content .columns form span.ico_check { background: url('/images/icons@2x.png') -62px -2px no-repeat; background-size: 150px; }
}

@media screen and (min-width:640px) and (max-width:959px) {
  .wrap { width: 620px; }
  #content .columns .single { width: 640px; }
  #content .columns .double { width: 640px; }
  #content .columns .triple { width: 640px; }
  
  #content .columns p.followercount { margin-left: 100px; }
  #content .columns .tip_us { display: none; }

  #header .iconed { width: 350px; }
  #header .iconed .bigmedia { width: 260px; }
  #header .iconed .search_box input { width: 180px; }

  #content .columns .box.refine_archive { height: 110px; }
  #content .columns .box.refine_archive label.select { left: 280px; }
  #content .columns .box.refine_archive .easydropdown { width: 240px !important; }
  #content .columns .box.refine_archive .newdropdown.industry { left: 360px; top: 23px;  }
  #content .columns .box.refine_archive .newdropdown.category { left: 360px; top: 55px; }
  #content .columns .box.refine_archive .newdropdown.country { left: 360px; top: 87px; }
  
  #content .columns .box.refine_archive2 { height: 110px; }
  #content .columns .box.refine_archive2 .searchfield { left: 360px; top: 23px; width: 240px !important; }
  #content .columns .box.refine_archive2 .searchfield.agency { left: 360px; top: 55px;  }
  #content .columns .box.refine_archive2 .searchfield.brand { left: 360px; top: 87px; }

  #hints { display: none; }
  
  #memberscroll { margin-left: -310px; width: 620px; }
  #content .notablet { display: none; }
  
  #login .box { margin-left: 10px; }

  #nav { padding: 20px 0 12px 0; }
  #nav li.nav_home { width: 150px }
  #nav li.nav_archive { width: 170px }
  #nav li.nav_ranking { width: 190px }
  #nav li.nav_jobs { width: 110px }
  #nav li.nav_awards { width: 150px }
  #nav li.nav_members { width: 170px }
  #nav li.nav_submit { width: 190px }
  #nav li.nav_contact { width: 110px }
  
  #footer .icon.heart { margin: 1px 0 -4px -1px; }
  #footer .nomobile { display: none; }
}

@media screen and (max-width:639px) {
  .wrap { width: 300px; }
  #content .columns .double { width: 320px; }
  #content .columns .triple { width: 320px; }

  #content .columns .post_image { max-width: 240px; max-height: 360px; }
  #content .columns .post_youtube { width: 240px; height: 160px; }
  #content .columns .post_vimeo { width: 240px; height: 180px; }
  
  #header .logo h1, #header .logo h3 { background: url('/images/logo-mobile.png') left top no-repeat; width: 170px; height: 25px; overflow: hidden; margin-top: 12px; }
  #header .logo h1 a, #header .logo h3 a { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; text-indent: -9999px; z-index: 1; }
  #header .iconed { width: 130px; }
  #header .iconed .menu { display: inline-block; }
  #header .iconed .bigmedia { display: none; }
  #header .iconed .smallmedia { display: block; position: absolute; top: 40px; right: 4px; width: 300px; height: 40px; }
  #header .iconed .smallmedia .overlayer { z-index: -1 !important; }
  #header .iconed .search_box { width: 300px; }
  #header .iconed .search_box input { width: 284px; box-shadow: 0px 1px 1px #bdbdbd; }

  #hints { display: none; }
  #love_post { margin-left: -190px; }
  #lovehint .hint .arrow2 { left: 157px; }
  #love_post2 { margin-left: -185px; }
  #lovehint .hint .arrow { left: 157px; }
  .nomobile { display: none; }
  #content .single .whybutton { margin-bottom: 5px; }

  #memberscroll { margin-left: -150px; width: 300px; height: 90px; }
  
  #memberscroll p.my_left { position: absolute; top: 12px; left: 20px; font-weight: bold; }
  #memberscroll p.my_right { position: absolute; top: 32px; left: 20px; right: auto; }
  #memberscroll span { float: left; width: 130px; margin-left: 0; margin-top: 5px; }
  #memberscroll span .icon { margin: 0px 6px -2px 0; }
  
  #login .box { margin-left: -150px; }
  
  #navholder { background: url('/images/overlayer.png') center center; position: fixed; top: 0px; right: 0px; left: 0px; bottom: 0px; display: none; z-index: 1; }
  
  #nav { display: none; padding: 15px 20px; position: absolute; top: -37px; background: #fff; z-index: 2; border-radius: 4px; }
  #nav ul li { font-size: 11px; padding: 4px 0; width: 130px !important; }
  
  #content .columns ul.subnav li { width: 100px; margin-right: 10px; font-size: 11px; white-space: nowrap; }
  #content .columns form input { width: 230px; }
  #content .columns form textarea { width: 230px; height: 160px; }

  #content .job .location { float: none; font-size: 11px; color: #3b3b3b; text-align: right; }

  #content .ranking .agency { width: 193px; left: 42px; white-space: nowrap; overflow: hidden; }
  #content .ranking .member { width: 193px; left: 42px; white-space: nowrap; overflow: hidden; }
  #content .ranking.members .agency { display: none; }
  #content .ranking .icon_rank { display: none; }
  #content .ranking .diff_rank { display: none; }
  #content .ranking .loves  { display: none !important; }
  #content .ranking .lovecount  { display: none !important; }
  #content .ranking .follow  { display: none !important; }
  
  #content .double .about_avatar { display: none; }
  #content .double .about_person { margin-left: 0; }
  #content .double .about_person .box { height: auto; }
  
  #content .columns .box .social_post { height: 30px; }
  #content .columns .box .social_post .sharethis { display: none; }
  #content .columns .box .social_post div.new_share { left: 130px; }
  #content .columns .box .social_post div.new_tweet { left: 28px; }
  
  #content .columns .box.search_refine .newdropdown, #content .columns .box.bigform .newdropdown { position: relative; top: 0px; left: 0px !important; width: 240px !important; }
  #content .columns .box.search_refine .easydropdown { position: relative; top: 0px; left: 0px !important; width: 240px !important; margin-bottom: 5px; }
  #content .columns .box.bigform .easydropdown { position: relative; top: 0px; left: 0px !important; width: 240px !important; margin-bottom: 10px; }
  #content .columns .box.search_refine .dropdown, #content .columns .box.bigform .dropdown { position: relative; top: 0px; left: 0px !important; width: 230px !important; }
  #content .columns .box.search_refine .responsive_drop, #content .columns .box.bigform .responsive_drop { position: relative; height: 4px; margin-top: 2px; }
  #content .columns .box.search_refine .dropper, #content .columns .box.bigform .dropper { position: absolute; top: 0px; left: 0px !important; width: 230px !important; }
  
  #content .columns #smartform span.small, #content .columns .box.search_refine span.small, #content .columns .box.bigform span.small { display: none; }

  #content .columns .box.search_refine { padding-bottom: 26px; }
  #content .columns .box.search_refine.fixheight { height: auto; padding-top: 26px; }
  #content .columns .box.search_refine.membersearch { height: auto; padding-top: 26px; }
  #content .columns .box.search_refine label { display: none !important; }
  #content .columns .box.search_refine .searchfield { position: relative; top: 0px; left: 0px !important; }
  #content .columns .box.search_refine #membershow.searchfield { top: 0px; left: 0px; }
  #content .columns .box.search_refine .reset { position: absolute; bottom: 8px !important; right: 30px !important; }
  
  #content .columns .postbox h1 { font-size: 16px; line-height: 20px; margin-right: 40px; }
  #content .columns .postbox h1 .loves { float: none; position: absolute; right: 26px; top: 50%; margin-top: -14px; overflow: hidden; width: 34px; height: 34px; white-space: nowrap; }

  #content .columns .bigform .bigcheckbox+label { width: 200px; margin: 0 0 0 10px; }
  
  #content p.award span.country { display: none; }

  #footer { height: 75px; }
  #footer p { font-size: 11px; }
  #footer p.one { top: 20px; left: 0px; }
  #footer p.two { top: 37px; left: 0px; }
  #footer p.follow { top: 70px; position: absolute; right: auto; left: 0px; }
  #footer .icon.heart { margin: 1px 0 -4px -1px; }
  #footer .nomobile { display: none; }
  #footer .follow { display: none; }
  #footer_br { display: inline; }
  #footer_break { display: none; }
}