@media screen and (max-width: 1366px) {
  #page-home{
    .main-text{
      .center{
        font-size: 73px; letter-spacing: 1px;
      }
    }
  }
}

@media screen and (max-width: 1280px) {
  #page-portfolio{
    .portfolio_list{
      .item{
        width: 33.3%;
      }
    }
  }

  #page-clients{
    .clients_list{
      .item{
        width: 33.3%;
      }
    }
  }
}

@media screen and (max-width: 1200px) {
  .header{
    .right{
      .phn, .dlm, .soc{margin-left: 18px;}
      .soc{
        .item{margin-left: 10px;}
      }
    }

    .menu{
      a{color: black; text-decoration: none; padding: 10px 5px; line-height: 65px;}
    }
  }
}

@media screen and (max-width: 1100px) {
  .header{
    .right{
      font-size: 14px;
      .phn, .dlm, .soc{margin-left: 15px;}
      .soc{
        .item{margin-left: 10px;}
      }
    }

    .menu{
      font-size: 14px;
      ul{margin-left: -120px;}
      a{color: black; text-decoration: none; padding: 10px 5px; line-height: 65px;}
    }
  }

  #page-home{
    .logo-block{
      .logo{
        margin-top: 40px;
      }
    }

    .present, .showreel{
      top: 46px;
    }
  }

  #page-whoweare{
    .teamgallery{
      @team_margin: 0px;
      .teamL{
        left: @team_margin;
      }
      .teamR{
        right: @team_margin;
      }
    }
  }

  #page-write-us{
    .scale, .scale_text{display: none;}
    .scale_select{display: block;}
  }

  #page-portfolio .portfolio_list{margin-top: -15px; margin-left: -2%;}
  #page-portfolio .portfolio_list .item{display: inline-block; float: none; width: 31%; height: auto!important; margin-left: 2%; margin-top: 15px; vertical-align: top; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
  #page-portfolio .portfolio_list .item .desc{position: static; padding: 25px 30px 20px 30px;}
  #page-portfolio .portfolio_list .item a{text-decoration: none;}
  #page-portfolio .portfolio_list .item .desc .title{height: 55px; overflow: hidden;}
  #page-portfolio .portfolio_list img{margin-top: 0!important;}
}

@media screen and (max-width: 1020px) {
  #page-portfolio .wrapper{padding-top: 50px;}
  #page-portfolio .portfolio_list .item{width: 48%;}
  #page-clients .clients_list .item{width: 50%;}
  #page-clients .wrapper{padding-top: 50px;}
  #page-whoweare .ourteam{padding-top: 135px;}
  #page-site-create .long_slash{display: none;}
  #page-site-create .duosmenu .dlm{margin: 0 5px;}
  #page-home .main-text .center{font-size: 65px;}
  #page-howtodo{
    .slider .item .center{
      .main{font-size: 60px;}
      .desc{font-size: 18px;}
    }
    .circle-menu{visibility: hidden;}
  }
  .header .menu{display: none;}
  .menu__hamburger{display: inline-block;}
  .menu__mobile.active{display: block;}

  .header{-webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.2);}
}

@media screen and (max-width: 760px) {
  #page-portfolio .portfolio_list{padding: 0 10px 60px;}
  .duosmenu{height: auto; font-size: 16px;}
  .duosmenu .long_slash{margin: 6px 5px;}
  #page-site-create .duosmenu .dlm{display: block; font-size: 5px; color: transparent;}
  #page-contacts, #page-write-us{
    .long_slash{display: none;}
  }
  #page-contacts .columns .col{display: block; margin: 20px auto 0;}
  #page-home .main-text{white-space: normal;}
  #page-home .main-text .center{font-size: 36px;}
  #page-home .main-text .under-menu{
    line-height: 24px;
    li{display: block;}
    .dlm{display: none;}
  }
  #page-howtodo .slider .item .center .main{font-size: 30px;}

  .header .right{display: none;}
  .header .left{position: static; margin: 20px 20px 0;}
  .header .left .ajax{float: right;}
  .menu__mobile_phone, .menu__mobile_icons{display: block;}

  #page-case .wrapper .slider{width: 300px; height: 180px; background-size: cover;}
  #page-case .wrapper .slider .inner .item{width: 230px; height: 145px;}
  #page-case .wrapper .slider .inner{left: 36px; top: 10px; width: 229px;}
  #page-case .wrapper .slider .inner .item img{width: 100%; height: auto;}
  #page-case .wrapper .slider .lbtn, #page-case .wrapper .slider .rbtn{top: 70px;}
  #page-case .wrapper .tasks{margin: 20px 0;}
  #page-case .wrapper .tasks .title{background: none;}
  #page-case .wrapper .tasks .title .inner{padding: 0;}
  #page-case .wrapper .three_cols .col{display: block; margin: 35px auto;}
  #page-case .case_prev{left: 10px; width: 30px; background-position: -10px 0;}
  #page-case .case_next{right: 10px; width: 30px; background-position: -180px 0;}
  #page-clients .clients_list .item{height: 125px;}
}

@media screen and (max-width: 450px) {
  #page-portfolio .portfolio_list{margin-left: 0;}
  #page-portfolio .portfolio_list .item{width: 100%; margin-left: 0;}
  #page-portfolio .portfolio_list .item .desc .title{height: auto; overflow: visible;}
  #page-clients .clients_list .item{width: 100%;}
}

@media screen and (max-height: 600px) {
  #page-howtodo{
    .htd_red_btn{
      margin-top: 52px;
    }
  }

  //  #page-404{
  //	.bg{
  //	}
  //	.logo-block{
  //	  .logo{
  //		margin-top: 34px;
  //	  }
  //	}
  //	.main-text{}
  //	.how-to-do{
  //	  text-align: center;
  //	}
  //  }
}