/*==========  Desktop First  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .head_bg .mnu_line .logo {
    text-align: center; }
  .logo_img a {
    background: transparent url('../img/logo.png') no-repeat center center; }
  footer .logo a {
      color: #588792; }
  .head_bg .content_head .scroll_bottom {
    padding-top: 20%; }
  #portfolio .container-fluid #box_img .w1 {
    width: 39.4%; }
  #portfolio .container-fluid #box_img .w2 {
    width: 19%; }
  #portfolio .container-fluid #box_img .w3 {
    width: 39.6%; }
  #portfolio .container-fluid #box_img .w4 {
    width: 39.6%; }
  #portfolio .container-fluid #box_img .w5 {
    width: 19%; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 640px) {
  #portfolio .grid-item {
    width: 100%;
    margin: 0 0 10px 0; }
  .head_bg .content_head {
    margin: -10em 0 0 0;
    top: 50%; }
    .head_bg .content_head .content_name .name {
      font-size: 3rem; }
      .head_bg .content_head .content_name .hello {
        font-size: 1.4rem; }
    .head_bg .content_head .content_prof p {
      font-size: 1.9rem;
      margin: 10px 0; }
    .head_bg .content_head .content_download p a {
      font-size: 1.3rem;
      padding: 10px 20px;
      -webkit-box-shadow: 0px -3px 0px 0px #96811c inset;
              box-shadow: 0px -3px 0px 0px #96811c inset; }
  footer .logo {
    text-align: center; }
  footer p {
    text-align: center; }
  .copyright p{
    text-align: center; } 
    .scroll_bottom .arrows {
      bottom: -35px; } 
    form .textarea_block input {
      width: 100px;
      padding: 5px;
      font-size: 1.4rem; } }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  /**/ }

/*==========  Mobile First  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /**/ }

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /**/ }

@media only screen and (min-width: 1600px) {
  .head_bg .content_head .scroll_bottom {
    padding-top: 17%; } }