@media only screen and (min-width:1025px) and (max-width:10000px){
  /* first_screen */
  section .first_screen{
      height:620px;
  }
  /* About */
  section .about .about_wrap>h2{
    margin-top:-20px;
  }

}

/*Tablet Portrait size to standard 960*/
@media only screen and (min-width:768px) and (max-width:1024px){
  /* Navi Title */
  header .navi .navi_wrap .navi_title>i{
      font-size: 2em;
      margin:1.5% 0 1.5% 15%;
}
  header .navi .navi_wrap .navi_title>a>p{
      font-size: 1.5em;
  }

  /* Navi_Menu */
  header .navi .navi_wrap .navi_menu{
    padding:5%;
  }
  header .navi .navi_wrap .navi_menu .first_navi_menu>a>p{
      font-size: 2em;
  }
  header .navi .navi_wrap .navi_menu .first_navi_menu>a>h3{
      font-size: 3em;
  }
  header .navi .navi_wrap .navi_menu .second_navi_menu>a>p{
      font-size: 2em;
  }
  header .navi .navi_wrap .navi_menu .second_navi_menu>a>h3{
      font-size: 3em;
  }
  header .navi .navi_wrap .navi_menu .third_navi_menu>a>p{
      font-size: 2em;
  }
  header .navi .navi_wrap .navi_menu .third_navi_menu>a>h3{
      font-size: 3em;
  }

  /* First_Screen */
  section .first_screen{
      height:550px;
  }
  section .first_screen .first_screen_wrap>h2{
      font-size: 3.5em;
      margin-top:30%;
  }
  section .first_screen .first_screen_wrap>p{
      width:60%;
      font-size: 2em;
      text-align: center;
      margin:0 auto 10%;
  }
  section .first_screen .first_screen_wrap .navi_title>i{
    font-size: 2.5em;
  }
  section .first_screen .first_screen_wrap .navi_title>a>p{
    font-size: 2.5em;
  }

  /* About me */

  section .about .about_wrap>h2{
    font-size: 4em;
  }
  section .about .about_wrap .about-row .col-sm-4 .process_img>img{
    width:100%;
  }
  section .about .about_wrap .about-row .col-sm-4>p{
    margin-left: 15%;
    font-size: 1.3em;
    margin-top:-10px;
  }
  section .about .about_wrap .about-row .col-sm-4>h3{
    font-size:2em;
    margin-top:-10px;
  }
  /* My projects*/
  section .projects .projects_wrap>h2{
    padding:1%;
    font-size: 4em;
  }
  section .projects .projects_wrap .projects_row{
    overflow:hidden;
  }

  section .projects .projects_wrap .projects_row .project_box>a>h2{
    font-size: 1.3em;
  }
  section .projects .projects_wrap .projects_row .thumbnail{
    height:340px;
  }

  /* Footer */
  footer .footer_wrap .website_skills{
    position:relative;
    display: inline-block;
    font-size:1em;
  }
  footer .footer_wrap .personal_info{
    position:relative;
    display: inline-block;
    font-size:1em;
  }
}


/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width:375px) and (max-width:767px){
/* Navi Title */
header .navi .navi_wrap .navi_title>i{
    font-size: 1.5em;
    margin:1.5% 0 1.5% 15%;
    cursor:pointer;
  }
header .navi .navi_wrap .navi_title>a>p{
    font-size: 1.5em;
}

/* Navi_Menu */
header .navi .navi_wrap .navi_menu{
  padding:15%;
}
header .navi .navi_wrap .navi_menu .first_navi_menu>a>p{
    font-size: 1em;
}
header .navi .navi_wrap .navi_menu .first_navi_menu>a>h3{
    font-size: 2em;
}
header .navi .navi_wrap .navi_menu .second_navi_menu>a>p{
    font-size: 1em;
}
header .navi .navi_wrap .navi_menu .second_navi_menu>a>h3{
    font-size: 2em;
}
header .navi .navi_wrap .navi_menu .third_navi_menu>a>p{
    font-size: 1em;
}
header .navi .navi_wrap .navi_menu .third_navi_menu>a>h3{
    font-size: 2em;
}

/* First_Screen */
section .first_screen{
    height:500px;
}
section .first_screen .first_screen_wrap>h2{
    font-size: 1.5em;
    margin-top:60%;
}
section .first_screen .first_screen_wrap>p{
    width:60%;
    font-size: 1em;
    text-align: center;
    margin:0 auto 10%;
    color:#fff;
}
section .first_screen .first_screen_wrap .navi_title>i{
  font-size: 1.5em;
}
section .first_screen .first_screen_wrap .navi_title>a>p{
  font-size: 1.5em;
}

/* About me */

section .about .about_wrap>h2{
  font-size: 3em;
}
section .about .about_wrap .about-row .col-sm-4 .process_img>img{
  width:50%;
}
section .about .about_wrap .about-row .col-sm-4>p{
  margin-left: 15%;
  font-size: 1.3em;
  margin-top:-10px;
}
section .about .about_wrap .about-row .col-sm-4>h3{
  font-size:1.5em;
  margin-top:-10px;
}
/* My projects*/
section .projects .projects_wrap>h2{
  padding:5%;
  font-size: 3em;
}
section .projects .projects_wrap .projects_row{
  margin:0 10%;
  overflow:hidden;
}
section .projects .projects_wrap .projects_row .project_box{
  width:100%;
}
section .projects .projects_wrap .projects_row .project_box>a>h2{
  font-size: 1.5em;
}
section .projects .projects_wrap .projects_row .thumbnail{
    height:auto;
}
section .projects .projects_wrap .projects_row .thumbnail>img{
    width:100%;
}

/* Footer */
footer .footer_wrap .website_skills{
  display: block;
  font-size:1em;
  margin:10%;
  text-align: center;
}
footer .footer_wrap .personal_info{
  display: block;
  width:100%;
  font-size:1em;
  margin:0  0 10% 0;
}

}