/* MOBILE - max 640 px*/
@media only screen and (max-width: 40em) {
  .column {
    width: 100%;
    max-width: 100%;
  }

  .algo_btn {
    margin-top: 9%;
    border-radius: 20px;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .algo_btn a {
    font-size: 130%;
  }

  .row_box {
    display: block;
    width: 100%;
  }

  #row_0 {
    position: fixed;
    z-index: 0;
    top: 0px;
  }

  #row_1 {
    position: absolute;
    z-index: 0;
  }

  #row_1_bis {
    position: absolute;
    z-index: -1;
    top: 234vw;
  }

  #row_2 {
    position: absolute;
    z-index: -1;
    top: 443vw;
  }

  #row_3 {
    position: absolute;
    z-index: -1;
    top: 768vw;
    width: 100%;
    max-width: 100%;
  }

  #row_4 {
    position: absolute;
    z-index: -1;
    top: 838vw;
  }

  #row_4_bis {
    position: absolute;
    z-index: -1;
    top: 1128vw;
  }

  #row_5 {
    position: absolute;
    z-index: -1;
    top: 1337vw;
  }

  #row_6 {
    position: absolute;
    z-index: -1;
    top: 1616vw;
    width: 100%;
  }

  /* ROW 7 */
  #row_7 {
    position: absolute;
    z-index: -1;
    top: 1686vw;
  }

  #hidden_text {
    height: 15%;
  }

  #box_horizontal7 {
    height: 115vw;
  }

  #dashboard_btn {
    margin-top: 5%;
  }

  #dashboard_img_div {
    padding-top: 17%;
  }

  #dashboard_balls_div_behind {
    margin-top: 80%;
  }

  #dashboard_balls_behind {
    width: 30%;
  }

  #dashboard_balls_front {
    width: 30%;
    float: right;
  }

  #row_8 {
    position: absolute;
    z-index: -1;
    top: 1801vw;
  }

  #box_left_8 {
    height: 75vw;
  }

  #box_right_8 {
    height: 75vw;
  }

  /***********/
  /** MENU **/
  #menu_group {
    top: 0px;
    display: -webkit-inline-box;
    position: fixed;
    right: 0;
    margin-right: 10%;
    margin-top: 10%;
  }

  #menu_login_item {
    display: block;
  }

  #algo_login_btn {
    display: none;
  }

  #algo_menu_btn {
    padding-top: 5px;
  }

  #menu_left_box {
    height: 75vw;
  }

  #menu_right_box {
    height: 68vw;
  }

  #close_menu_btn {
    padding-top: 6px;
    position: fixed;
    top: 20px;
    right: 0;
    background-color: #160f65;
  }

  .menu_items {
    font-size: 190% !important;
    line-height: 130% !important;
  }

  .menu_items_group {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25%;
    text-align: right;
  }

  #contact_menu {
    text-align: left;
    padding-right: 47%;
    padding-left: 15%;
  }

  /****************/
  /* BOX_LEFT_1 */
  #box_left_1 {
    height: 135vw;
  }

  #algo_logo {
    /*margin-top: 5%;*/
    margin-bottom: 10%;
    padding-top: 6%;
  }

  /****************/
  /* BOX_RIGHT_1 */
  #box_right_1 {
    height: 100vw;
  }

  /****************/


  /****************/
  /***** ROW 1_BIS ******/
  #box_left_1_bis {
    height: 105vw;
  }

  #box_right_1_bis {
    height: 105vw;
  }

  /*********************/


  /* BOX_RIGHT_2 */
  #box_right_2 {
    height: 135vw;
  }

  .algo_video_vertical {
    margin-left: 20%;
    margin-top: 10%;
    width: 60%;
  }

  .video_count_vertical_169 {
    margin-top: 10% !important;
  }

  .project_desc_vertical_169 {
    margin-top: 90% !important;
  }

  .project_desc_horizontal_169 {
    margin-top: 122%;
  }

  /****************/
  /* BOX_LEFT_2 */
  /* BOX_LEFT_2_1 */
  #box_left_2_1 {
    height: 85vw;
  }

  #illustration_1 {
    top: 20%;
  }

  .icon_div {
    float: none;
    padding-right: 0;
    position: absolute;
    transform: translateY(0%);
    width: 90%;
    top: 15%;
    right: 0%;
  }

  .icon_img {
    width: 20%;
  }

  #algo_txt_1 {
    padding-top: 40%;
  }

  /****************/
  /* BOX_LEFT_2_2 */
  #box_left_2_2 {
    height: 105vw;
  }

  .algo_video_squared {
    margin: 20%;
    width: 60%;
  }

  .box_contents {
    padding-left: 10%;
    transform: translateY(0%);
  }

  #box_right_4_2 .box_contents {
    transform: translateY(7%);
  }

  .bold_txt {
    font-size: 160%;
    line-height: 110%;
  }

  .reg_txt {
    font-size: 120%;
    line-height: 110%;
  }

  .reg_txt_smaller {
    font-size: 120%;
    line-height: 110%;
  }

  #algo_email_btn {
    margin-top: 7%;
  }

  /****************/
  /* BOX_HORIZONTAL */
  #video_number_horizontal {
    font-size: 800%;
  }

  #box_horizontal {
    height: 70vw;
  }

  /*******************/
  /* box_left_4 */
  #box_left_4 {
    height: 105vw;
  }

  /****************/
  /* box_right_4 */
  /* box_right_4_1 */
  #box_right_4_1 {
    height: 75vw;
  }

  #algo_txt_2 {
    /*padding-top: 36%;*/
    padding-top: 45%;
  }

  /****************/
  /* box_right_4_2 */
  #box_right_4_2 {
    height: 110vw;
  }

  #algo_txt_3 {
    padding-right: 36%;
    padding-top: 25%;
    font-size: 170%;
    line-height: 120%;
  }

  #algo_txt_4 {
    padding-right: 15%;
    padding-top: 6%;
    font-size: 130%;
    line-height: 135%;
  }

  #illustration_3 {
    margin-top: -6%;
    transform: translateY(-20%);
    float: right;
  }

  #illustraion_3_img {
    width: 25%;
    float: left;
    margin-right: 10%;
  }

  #casestudy_btn {
    margin-top: 5%;
  }

  /****************/
  /***** ROW 4_BIS ******/
  #box_left_4_bis {
    height: 105vw;
  }

  #box_right_4_bis {
    height: 105vw;
  }

  /*********************/
  /***** ROW 5 ****/
  #box_left_5_contents {
    height: 130vw;
  }

  #box_right_5 {
    height: 150vw;
  }

  .text_desc {
    line-height: 125%;
    font-size: 120%;
  }

  .text_title {
    padding-bottom: 5%;
    font-size: 130%;
  }

  .animation_container {
    transform: translate3d(0px, -3px, 0px);
  }

  /***************/
  /* BOX 6 */
  #box_horizontal6 {
    height: 70vw;
  }

  #clients_icon_1 {
    width: 45%;
  }

  #clients_icon_2 {
    width: 30%;
  }

  #clients_icon_3 {
    width: 52%;
  }

  #clients_icon_4 {
    width: 35%;
  }

  #box_6_txt {
    padding-top: 10%;
  }

  /*********/
  /** BOX 7 **/
  #box_7_contents {
    margin-top: 10%;
  }

  #illustration_2 {
    top: 40%;
  }

  .icon_div2 {
    left: 10%;
    width: 80%;
    top: 25%;
  }

  .box_contents2 {
    padding-left: 10%;
    padding-top: 35%;
    padding-right: 15%;
  }

  .icon_client {
    width: 30%;
  }

  #clients_icons {
    transform: translateY(-10%);
    margin-left: 10%;
    margin-right: 10%;
  }

  /**********/
  /***** FOOTER *****/
  #footer {
    top: 1950vw;
  }

  /**********/
}

/* Medium screens - TABLET  From 640 to 1024 pixel*/
@media only screen and (min-width: 40.060em) and (max-width: 64em) {
  .column {
    width: 100%;
    max-width: 100%;
  }

  .row_box {
    display: block;
    width: 100%;
  }

  .algo_btn {
    margin-top: 5%;
    border-radius: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .algo_btn a {
    font-size: 20px;
  }

  /****************/
  /****  MENU  ****/
  #menu_group {
    top: 0px;
    display: -webkit-inline-box;
    position: fixed;
  }

  #menu_login_item {
    display: block;
  }

  #algo_login_btn {
    display: none;
  }

  #algo_menu_btn {
    padding-top: 5px;
  }

  #menu_left_box {
    height: 55vw;
  }

  #menu_right_box {
    height: 55vw;
  }

  #close_menu_btn {
    padding-top: 4px;
    position: fixed;
    top: 0%;
    right: 0;
    background-color: #160f65;
    margin-right: 5%;
  }

  .menu_items_group {
    float: right;
    text-align: right;
    position: absolute;
    transform: translateY(-50%);
    right: 20%;
  }

  .menu_items {
    font-size: 200% !important;
    line-height: 150% !important;
  }

  #contact_menu {
    text-align: left;
    padding-right: 47%;
    padding-left: 15%;
  }

  /* BOX_LEFT_1 */
  #box_left_1 {
    height: 100vw;
  }

  #algo_logo {
    margin-top: -5%;
    margin-bottom: 5%;
    padding-left: 8%;
  }

  /****************/
  /* BOX_RIGHT_1 */
  #box_right_1 {
    height: 35vw;
  }

  /****************/
  /* BOX_RIGHT_2 */
  #box_right_2 {
    height: 135vw;
  }

  /****************/

  /***** ROW 1_BIS ******/
  #box_left_1_bis {
    height: 100vw;
  }

  #box_right_1_bis {
    height: 100vw;
  }

  /*********************/


  /* BOX_LEFT_2 */
  /* BOX_LEFT_2_1 */
  #box_left_2_1 {
    height: 40vw;
  }

  .icon_img {
    width: 100%;
  }

  #algo_txt_1 {
    padding-right: 25%;
  }

  /****************/
  /* BOX_LEFT_2_2 */
  #box_left_2_2 {
    height: 100vw;
  }

  .algo_video_squared {
    margin: 20%;
    width: 60%;
  }

  .box_contents {
    padding-left: 10%;
    padding-top: 2%;
    transform: translateY(0%);
  }

  .bold_txt {
    font-size: 210%;
    line-height: 160%;
  }

  .reg_txt {
    font-size: 185%;
    line-height: 160%;
  }

  .reg_txt_smaller {
    font-size: 165%;
    line-height: 155%;
  }

  #algo_email_btn {
    margin-top: 10%;
  }

  /****************/
  /* BOX_HORIZONTAL */
  #video_number_horizontal {
    font-size: 850%;
  }

  #box_horizontal {
    height: 50vw;
  }

  /*******************/
  /* box_left_4 */
  #box_left_4 {
    height: 100vw;
  }

  /****************/
  /* box_right_4 */
  /* box_right_4_1 */
  #box_right_4_1 {
    height: 40vw;
  }

  #algo_txt_2 {
    /*padding-right: 20%;
    padding-top: 5%;*/
    padding-right: 35%;
    padding-top: 15%;
  }

  /****************/
  /* box_right_4_2 */
  #box_right_4_2 {
    height: 80vw;
  }

  #algo_txt_3 {
    padding-right: 40%;
    padding-top: 0%;
    font-size: 270%;
    line-height: 120%;
  }

  #algo_txt_4 {
    padding-right: 15%;
    padding-top: 8%;
    font-size: 210%;
    line-height: 150%;
  }

  #illustration_3 {
    /*margin-top: -10%;*/
    margin-top: -25%;
    transform: translateY(-20%);
    float: right;
  }

  #illustraion_3_img {
    top: 77%;
    width: 25%;
    float: right;
    margin-right: 10%;
  }

  #casestudy_btn {
    margin-top: 5%;
  }

  /****************/
  /***** ROW 4_BIS ******/
  #box_left_4_bis {
    height: 100vw;
  }

  #box_right_4_bis {
    height: 100vw;
  }

  /*********************/
  /***** BOX 5 ****/
  #box_left_5_contents {
    height: 132vw;
  }

  #box_right_5 {
    height: 120vw;
  }

  .text_desc {
    line-height: 150%;
    font-size: 170%;
    word-spacing: 2px;
  }

  /***************/
  /* BOX 6 */
  #box_horizontal6 {
    height: 35vw;
  }

  #clients_icon_1 {
    width: 11%;
  }

  #clients_icon_2 {
    width: 11%;
  }

  #clients_icon_3 {
    width: 17%;
  }

  #clients_icon_4 {
    width: 12%;
  }

  #box_6_txt {
    padding-top: 10%;
  }

  /*********/
  /** BOX 7 **/
  #box_horizontal7 {
    height: 95vw;
  }

  .box_contents2 {
    padding-left: 10%;
    padding-top: 5%;
    padding-right: 10%;
  }

  #dashboard_balls_front {
    width: 70%;
    float: right;
  }

  /**********/
  /** BOX 8 **/
  #box_left_8 {
    height: 30vw;
  }

  #box_right_8 {
    height: 30vw;
  }

  .text_desc2 {
    padding-right: 20%;
    font-size: 160%;
    line-height: 140%;
  }

  .icon_div2 {
    transform: translateY(0%);
    width: 12%;
    right: 0%;
  }

  /**********/
  /***** FOOTER *****/
  #footer {
    top: 1521vw;
  }

  /**********/
}