@media screen and (max-width: 959px) { /* 768 */
  .flexslider .flex-direction-nav .flex-prev,
  .flexslider .flex-direction-nav .flex-next,
  .flexslider:hover .flex-direction-nav .flex-prev,
  .flexslider:hover .flex-direction-nav .flex-next {
      display:none;
  }
  #main-menu{
    display:none;
    margin:0;
    position:absolute;
    top:89px;
    left:0;
    width:100%;
    height:auto;
    background:#F4F4F4;
    padding:20px 0;
    border-top:1px solid black;
  }
  #main-menu>li{
    display:block;
    padding:5px;
    text-align:center;
  }
  #main-menu-link{
    display:block;
    position:absolute;
    top:34px;
    right:30px;
    width:22px;
    height:20px;
    background:url('../images/ico-menu.png') no-repeat 0 0;
  }

  #logo{display:none;}
  #logo-sm{
    display:block;
    top:25px;
    margin-left:0;
  }

  .wrapper-1{
    width:100%;
  }
  .wrapper-2{
    width:728px;
  }
  .wrapper-3{
    width:728px;
  }

  .page-blog #block-system-main,
  .page-node-edit #block-system-main,
  .page-node-add #block-system-main,
  .page-user #block-system-main,
  .page-admin #block-system-main{
    width:728px;
    padding:0 0 30px 0;
    margin:auto;
  }

  div.social{
    right:auto;
    left:50%;
    margin-left:-60px;
  }

  .node-banner>.parallax{
    display:none;
  }
  .node-banner>.wrapper{
    margin-left:-334px;
    width:668px;
  }
  .node-banner>.wrapper>.descr{
    width:320px;
  }
  .store-button{
    right:0;
  }

  #block-block-2 > .wrapper-2 > .content {
    margin-left: 44px;
    width: 600px;
  }
  #block-block-2 .flexslider {
    padding-bottom:20px;
  }
  #block-block-2 .flex-control-nav {
      bottom: 0px;
      left:20px;
  }
  #block-bean-owl-about-company .read-more-about,
  #block-bean-about .read-more-about{
    display:block;
    width:170px;
    background:white;
    color:#ec8737;
    text-align:center;
    margin:15px 0 15px 0;
    padding:5px 10px;
    font-size:22px;
    font-weight:300;
    border:1px solid #ec8737;
    border-radius:2px;
    text-decoration:none;
  }
  #block-bean-owl-about-company .read-more-about:hover,
  #block-bean-about .read-more-about:hover{
    text-decoration:none;
    background:#ec8737;
    color:white;
  }
  #block-bean-owl-about-company .about-text,
  #block-bean-about .about-text{
    width:458px;
  }
  #block-bean-owl-about-company .field-name-field-text,
  #block-bean-about .field-name-field-text{
    height:294px;
    overflow:hidden;
  }

  #block-block-3 > .wrapper-3 > .content {
    margin-left: 48px;
    width: 612px;
  }
  .field-name-field-worker-photo .field-item{
    display:block;
  }
  .field-name-field-worker-photo .worker-eye{
    display:none;
  }
  #block-block-3 .flexslider {
    padding-bottom:40px;
  }
  #block-block-3 .flex-control-nav {
      bottom:0px;
      left:0px;
  }
  #edit-submitted-file-ajax-wrapper .description{display:none;}

  #block-block-5>.wrapper-2 h2{
    text-align:left;
    width:100%;
  }
  #block-block-5>.wrapper-2>.content{
    width:475px;
    min-height:280px;
    float:left;
  }
  #node-16,
  #node-62{
    width:230px;
  }

  .region-footer {
    width: 728px;
  }
  #block-block-7 ul.menu{
    padding:0;
  }
  #block-block-7 ul.menu li{
    margin:0;
  }

  .field-name-field-similar-games > .field-items, .field-name-field-ref-workers > .field-items {
    width: 720px;
  }

  .blog-list>.blog-filter{
    float:none;
    position:static;
    width:720px;
    margin:30px 0;
    text-align:center;
  }
  .blog-list>.region-content{
    width:auto;
    margin-left:0;
  }
  #blog-categories-links, .action-links{display:none;}
  #blog-categories-wr, #blog-bloggers-wr{display:inline-block;}
  .node-blog.node-teaser .field-name-field-blog-image {
    width:260px;
    overflow:hidden;
    float:left;
    margin-right:30px;
  }
  .node-blog.node-teaser .field-name-field-blog-image img{
    position:relative;
    left:-160px;
  }
  .node-blog.node-teaser .field-name-field-short{
    margin-left:290px;
  }

}



@media screen and (max-width: 767px) { /* 480 */
  .flexslider:hover .flex-direction-nav .flex-prev {
      left: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-next {
      right: 10px;
  }
  #logo-sm{
    left:20px;
  }
  #main-menu-link{
    right:20px;
  }
  .wrapper-1{
    width:100%;
  }
  .wrapper-2{
    width:440px;
  }
  .wrapper-3{
    width:440px;
  }

  .page-blog #block-system-main,
  .page-node-edit #block-system-main,
  .page-node-add #block-system-main,
  .page-user #block-system-main,
  .page-admin #block-system-main{
    width:440px;
    padding:0 0 30px 0;
    margin:auto;
  }

  .node-banner>.wrapper{
    margin-left:-220px;
    width:440px;
  }
  .node-banner>.wrapper>.descr{
    width:440px;
  }
  .node-banner>.wrapper>.descr>p{
    text-align:center;
    font-size:15px;
    height:114px;
    overflow:hidden;
  }
  .node-banner>.wrapper>.descr>h2{
    text-align:center;
    max-height:50px;
    overflow:hidden;
  }
  .banner-more-link{
    margin:20px auto 0 auto;
    padding-left:13px;
    padding-right:13px;
  }
  .store-button{
    right:auto;
    left:50%;
    margin-left:-77px;
    top:270px;
  }

  .button-steam{
    top:270px;
  }
  .button-appstore+.button-googleplay, .button-steam+.button-appstore, .button-steam+.button-googleplay{
    top:320px;
    left:50%;
  }
  .button-steam+.button-appstore+.button-googleplay{
    top:370px;
    left:50%;
  }
  .flex-control-nav{
    bottom:5px;
  }

  #block-block-2 > .wrapper-2 > .content {
    margin-left: 50px;
    width: 300px;
  }
  #block-bean-owl-about-company .read-more-about,
  #block-bean-about .read-more-about{
    margin:15px auto;
  }
  #block-bean-owl-about-company .about-text,
  #block-bean-about .about-text{
    float:none;
    width:440px;
  }
  #block-bean-owl-about-company .about-loaded,
  #block-bean-about .about-loaded{
    float:none;
    margin:auto;
  }

  #block-block-3 > .wrapper-3 > .content {
    margin-left: 26px;
    width: 408px;
  }
  #block-block-3 .text{
    width:400px;
  }

  ul.vacancy-tabs{
    float:none;
    margin:auto;
  }
  #block-block-4 > .wrapper-2 > .content, #block-block-4 > .wrapper-2 > .node-vacancy-teaser {
    margin:auto;
    width:440px;
  }
  .wanna-to-team{
    margin:auto;
  }

  #block-webform-client-block-92,
  #block-webform-client-block-26 {
    margin-left: -210px;
    margin-top: -170px;
    padding: 20px 0;
    width: 400px;
  }
  #block-webform-client-block-92 > .content,
  #block-webform-client-block-26 > .content {
    padding: 0 30px;
  }
  a.close {
    background-size:22px 22px;
    height: 22px;
    right: -25px;
    top: -25px;
    width: 22px;
  }

  #block-block-5>.wrapper-2 h2{
    text-align:left;
    width:250px;
  }
  #block-block-5>.wrapper-2>.content{
    width:400px;
    margin:auto;
    min-height:280px;
    float:none;
  }
  #block-block-5>.wrapper-2>.content img{margin:0 75px 20px 75px;}
  #node-16,
  #node-62{
    width:400px;
    float:none;
    margin:auto;
  }

  footer{
    height:230px;
  }
  .region-footer {
    width: 260px;
  }
  #block-block-6,
  #block-block-7{
    width:260px;
    float:none;
    margin:auto;
  }

  .field-name-field-similar-games > .field-items, .field-name-field-ref-workers > .field-items {
    width: 440px;
  }

  .blog-list>.blog-filter{
    width:440px;
    margin:30px 0;
    text-align:center;
  }

  .node-blog.node-teaser .field-name-field-blog-image{
    float:none;
    width: 440px;
  }

  .node-blog.node-teaser .field-name-field-blog-image img{
    left:-70px;
  }

  .node-blog.node-teaser .field-name-field-short,
  .node-blog.node-teaser .field-name-body{
    margin-left:0;
  }
}



@media screen and (max-width: 479px) { /* 320 */
  .flexslider:hover .flex-direction-nav .flex-prev {
      left: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-next {
      right: 10px;
  }
  #logo-sm{
    left:15px;
  }
  #main-menu-link{
    right:15px;
  }
  .wrapper-1{
    width:100%;
  }
  .wrapper-2{
    width:290px;
  }
  .wrapper-3{
    width:290px;
  }
  .banner-more-link{
    margin:20px auto 0 auto;
  }

  .page-blog #block-system-main,
  .page-node-edit #block-system-main,
  .page-node-add #block-system-main,
  .page-user #block-system-main,
  .page-admin #block-system-main{
    width:290px;
    padding:0 0 30px 0;
    margin:auto;
  }

  .node-banner>.wrapper{
    margin-left:-145px;
    width:290px;
  }
  .node-banner>.wrapper>.descr{
    width:290px;
  }
  .node-banner>.wrapper>.descr>p{
    font-size:13px;
    height:96px;
  }

  #block-block-2 > .wrapper-2 > .content {
    margin-left: -25px;
    width: 300px;
  }
  #block-bean-owl-about-company .about-text,
  #block-bean-about .about-text{
    width:290px;
  }

  #block-block-3 > .wrapper-3 > .content {
    margin-left: 52px;
    width: 204px;
  }
  #block-block-3 .text{
    width:260px;
    position:relative;
    left:-30px;
  }

  #block-block-4 > .wrapper-2 > .content, #block-block-4 > .wrapper-2 > .node-vacancy-teaser {
    margin:auto;
    width:235px;
  }

  #block-webform-client-block-92,
  #block-webform-client-block-26 {
    margin-left: -130px;
    margin-top: -150px;
    padding: 15px 0;
    width: 260px;
  }
  #block-webform-client-block-92 > .content,
  #block-webform-client-block-26 > .content {
    padding: 0 15px;
  }
  #block-webform-client-block-92 > h2,
  #block-webform-client-block-26 > h2 {
    font-size: 20px;
  }
  #edit-submitted-file-upload-button{display:none;}
  a.close {
    background-size:16px 16px;
    height: 16px;
    right: -20px;
    top: -20px;
    width: 16px;
  }
  #block-block-5>.wrapper-2>.content{width:260px;}
  #block-block-5>.wrapper-2>.content img{margin:0 5px 20px 5px;}

  #node-16,
  #node-62{
    width:250px;
  }

  .field-name-field-similar-games > .field-items, .field-name-field-ref-workers > .field-items {
    width: 280px;
  }

  .node-blog.node-teaser .field-name-field-blog-image{
    width: 260px;
    padding:0 10px;
  }

  .node-blog.node-teaser .field-name-field-blog-image img{
    width:260px;
    height:160px;
  }
}