/*
      Responsive
*/

/* mobile */

@media (max-width: 624px) {
  .container {
    width: 100%;
    padding: 0;
  }
  .container-nav {
    width: 100%;
  }

  .col-md-12 { margin-left: 25%; }
  .col-sm-12 { margin-left: 16.7%;width: 67%; }
  .col-md-9 { margin-left: 25%; }
  .col-xs-6 { width: 75%; }
  .col-xs-3 { width: 33.5%; }
  .footer .col-xs-3 { width: 100%; }

  ._mgn-block-01 { margin-left: 33.5%; }
  #blog ._mgn-block-01 { margin-left: 33.5%; }

  .l-menu { top: 5%; }
  .l-menu li { margin-bottom: 18px; }
 
  ._rsp { display: none;}
  ._line:nth-child(2) { left: 25% !important; }
  ._line:nth-child(3) { left: 50% !important; }
  ._line:nth-child(4) { left: 75% !important; }

    .header ._legendHr { margin-top: 10px; margin-bottom: 40px; }
    .header h1 { font-size: 41px !important;}
    .header legend { font-size: 15px; }

    legend { font-size: 8px; margin-bottom: 15px; }
    ._rsp-link { font-size: 13px; }

    h1 { font-size: 31px !important; }
    ._link-p { font-size: 12px !important; }
    #punshline h2 { font-size: 22px; }
    ._subtitle { font-size: 22px; margin-bottom: 30%; }
    p { margin-right: 15%; }
    ._credits p { margin-right: 0;text-align: center; }
    ._details p { margin-right: 0;text-align: center; }
    #punshline { text-align: left; width: 80%; font-size: 16px; }

    #_rsp-avatar0 { display: none; }
    #_rsp-avatar1 { display: block; }
    #_rsp-block-inline { display: inline-block; }
    #_rsp-block-r { float: right; }
    ._rsp-mobile { display: block; }
    ._rsp-web { display: none; }

    ._avatarLeft { width: 45%; }
    ._avatarLeftHr { width: 25%; }

    ._avatarRight { width: 45%; margin-left: 11%; }
    /* header */

    #header_nav .logo { margin: 20px auto !important; }
    ._logo-full { display:none; }
    ._logo-mobile { display:block;width: 25%; margin: 0 auto;}

    #header_nav .contact a { width: 115px!important;font-size: small !important; text-align: left; }
    #header_nav .contact a:hover { width: 115px!important; }
    #header_nav .contactHr { margin-top: 5px!important; margin-left: 11px!important; height: 5px!important; }

    /* section header */
    .header .img-bg { top: 30px; }

    /* Page - home */
    ._content { left: 25.333333%; }

    .ibg-bg { 
      background-size: 60% !important;
      background-position: 90% 33% !important;
      background-repeat: no-repeat !important;
      width: 100% !important;
      height: 100% !important;
    }
    /* animation and tiret */

    ._avatarLeftHr { width: 25%; height: 7px; }
    ._avatarRightHr { height: 7px; }
    ._titleHr { height: 7px; }

    /* nav blog */

    #nav-blog {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg); /* Safari/Chrome */
        -moz-transform: rotate(0deg); /* Firefox */
        -o-transform: rotate(0deg); /* Opera */
        -ms-transform: rotate(0deg); /* IE 9 */
    }
    #nav-blog {
        position: inherit;;
        width: 100%;
        /* right: 69.8%; */
        /* top: 300px; */
    }
    ._init-m { margin-left: 0px; }
    #nav-blog ._uperline {
        width: 100%;
    }

    /****** client ****/

    #clients .col-xs-6 { width: 50%; }
    #clients #_rsp-block-r { float: left; }
    #clients .col-sm-12 { margin-left: 24.7%; }

    /****** blog ******/

    .block-rdmore { margin-right: 15px; }
    ._bg-blue { background-size: 100%; }

    ._rsp-m-item-blog {
      float: left;
      width: 33.666% !important;
    }


    /****** header ******/

    #header figure {
      width: 50%;
      top: 15%;
    }

    #menuToggle {
      left: 420px;
    }

    .m-social hr {
  		border-top: 1px solid #919191;
      width: 80px;
      margin: 20px 10px;
      padding: 0;
  	}
}

@media (min-width: 624px) {
    #_rsp-avatar0 { display: block; }
    #_rsp-avatar1 { display: none; }
    ._rsp-web { display: block; }
    ._rsp-mobile { display: none; }

    ._logo-full { display:block; }
    ._logo-mobile { display:none; }
}

/* Blog */

#blog .zone-desc-r, .zone-desc-r {
    margin-left: 25% !important;
}

/* end mobile */