@charset "UTF-8";
/* realJulianIglesias.com

Designed & Developed by A&M Media 
© A&M Media
=======================================*/
  @media only screen and (max-width:886px) {

    /* RESPONSIVE NAV */
   .top-menu { display:none; }
    .responsive-nav-container { display:block; }
    .overlay { height:100%; width:0; position:fixed; z-index:9999; left:0; top:0; background-color:rgb(0,0,0); background-color:rgba(0,0,0, 0.85); overflow-x:hidden; transition:0.2s;}
    .overlay-content { position:relative; top:25%; width:100%; text-align:center; margin-top:30px; }
    .overlay a { display:inline-block; border-bottom:solid 1px #00A79D; padding:4%; text-decoration:none; font-size:1.2em; color:#CBD4D8; transition:0.3s; }
    .overlay a:hover, .overlay a:focus { color:#f1f1f1; }
    .overlay a i { padding-right:4px; font-size:1em; }
    .overlay .closebtn { position:absolute; top:0; right:12px; font-size:50px; margin:0; border:none; }
    @media screen and (max-height: 450px) {
        .overlay a {font-size: 20px}
        .overlay .closebtn { font-size:50px; top:-10px; right:8px; }
        .overlay-content { top:10%; }
        .overlay a { padding:2%; } }
    .responsive-nav { width:100%; height:60px; background-color:#575959; color:#fff; margin-bottom:4%; }
      .responsive-nav span { float:right; padding:16px 20px 15px 15px; }
        .responsive-nav span i { font-size:30px; }
      .responsive-nav img { float:left; height:26px; padding:17px 17px 17px 20px; }
    }



  @media only screen and (max-width:768px) {

    /* PROFILE */
    .profile { box-sizing:border-box; width:100%; padding:8% 4%; }
    .profile header { padding-bottom:8%; }
    .profile header h4 { box-sizing: border-box; width: 100% !important; margin: 0 !important; }
    .profile-region { box-sizing:border-box; padding:6%; }
    .profile-row { box-sizing:border-box; width:100% !important; padding:1% 0 6% 0 !important; margin-bottom:6%; }
    .profile-row-2-col .profile-item, .profile-row-3-col .profile-item { box-sizing:border-box; width:100% !important; margin:0; padding-bottom:6%; }
    .profile-row .profile-row-header h5 { font-size:2.2em !important; }
    .profile-row-2-col h1 { font-size:.8em !important; line-height:1.2em; font-weight:600 !important; }


    /* LOGIN */
   .login h1 { font-size:2.6em; padding:4% 0 8% 0; }
   .login h4 { padding-bottom:9%; line-height:1.3em; }
   .login-start-buttons li { display:block; height:auto; width:90%; margin:3% 5% 6% 5%; }
   .login-start-buttons li h4 { padding-bottom:0; }
   .login-start-buttons li:last-child { margin-left:5%; }
   .login input[type="text"], .login input[type="password"] { margin-bottom:6%; }



    /* PEER */
    .peer header { padding-bottom:8%; }
    .peer header h2 { font-size:1.5em; }
    .peer-header h5 { padding:3% 0; }
    .peer-member-list { width:94%; padding:3%; margin:4% 0; }
    .peer-peformed-option { width:88%; padding:6%; margin-bottom:4%; }
      .peer-peformed-option h1 { font-size:1em; padding-bottom:4%; }
      .peer-peformed-option ul { padding-bottom:0; border:none; overflow:initial; }
      .peer-peformed-option label { padding:20px 0; font-size:.8em; }
      .peer-header input { width:100%; margin:0; padding:0; height:50px; }
      .peer-peformed-option li { float:none; display:block; width:100%; margin-right:0; height:50px;  margin-bottom:3%; }
      .peer-peformed-option li:last-child { margin-bottom:0; }
    .eval-legend { width:88%; padding:6%; margin-bottom:4%; }
      .eval-legend h2 { margin-bottom:4%; }
      .eval-legend li { float:none; margin-right:0; width:100%; margin-bottom:4%; }
      .eval-legend li:last-child { margin-bottom:0; }
      .legend-left { height: 42px; }
      .legend-right { height: 42px; }
    .peer-content-container { width:100%; padding:0; }
    .peer-content { width:100%; padding:0; }
    .peer-content-left { display:block; width:84%; padding:8% 8% 0 8%;  margin-right:0; }
    .peer-content-right { display:block; margin-top:0; width:88%; padding:6% 6% 6% 6%; }
    .peer-content-submit button { margin-bottom:6%; padding:6%; }


    /* PERFORMANCE */
     .performance header { margin-bottom:4%; }
       .performance header h4 { padding-bottom:4%; }
     .performance-progress { padding-top:4%; padding-bottom:4%; }
       .performance-progress h5 { padding-bottom:3%; }
       .performance-progress ul li { float:none; width:100%; display:block; margin-right:0; padding:2.4% 0; margin-bottom:2%; }
       .performance-progress ul li:last-child { margin-bottom:0; }
       .performance-progress ul li h1 { font-size:.7em; }
     .performance-content { margin-bottom:12%; }
       .performance-content h3 { padding:4% 0; margin:3% 0 0% 0; }
       .performance-content-header { width:88%; padding:6%; margin-bottom:4%; }
       .performance-content-three-col { float:none; display:block; width:100%; margin-right:0; }
       .performance-content-two-col { float:none; display:block; width:100%; }
       .strategic-planning-radio { padding:6%; }
     .sp-left { float:none; width:100%; margin-right:0; }
       .sp-left ul { padding-bottom:0; }
     .sp-right { float:none; width:100%; margin-right:0; }
       .sp-right ul { padding-top:0; }
     .accept-fields-name { float:none; width:100%; margin-right:0; margin-bottom:6%; }


    /* EXCELLENCE FORM */
     .excellence header { padding:4% 6%; font-size:1em; }
     .excellence form { width:88%; padding:6%; }
     .excellence-name { display:block; width:100%; margin-right:0; margin-bottom:8%; }
     .excellence-name input,.excellence-comment input { width:88%; padding:6%; font-size:1.3em; }
     .excellence .styled-select { height:68px; }
     .excellence-dept select { width:100%; height:68px; }
     .excellence-dept { display:block; width:100%; margin-left:0; float:none; }
     .excellence-comment { margin-bottom:8%; }
     .excellence-comment textarea { width:88%; padding:6%; }
     .excellence button { float:none; font-size:1.1em; padding:8% 0; margin:0; }


    /* MANAGER DASHBOARD */
    .dashboard-detail { margin-bottom:3%; }
    .dashboard-detail h3 { font-size:11px; }
    .dashboard-top-box { width:88%; padding:6%; }
      .dashboard-top-box .dashboard-name { float:none; text-align:center; padding-bottom:4%; margin-bottom:4%; border-bottom:1px solid #fff; }
        .dashboard-top-box .dashboard-name strong { margin:0; padding-bottom:6px; display:block; font-size:1.2em; }
      .dashboard-top-box .dashboard-session { float:none; display:block; text-align:center; font-size:.8em; }
    .dashboard-bottom-box { width:92%; padding:4%; }
      .dashboard-bottom-box .dashboard-demo { float:none; width:100%; margin:0 0 3% 0; }
      .dashboard-bottom-box .dashboard-peer { float:none; width:100%; margin:0 0 3% 0; }
      .dashboard-bottom-box .dashboard-eval { float:none; width:100%; margin:0; }
    .dashboard-send-hr a { padding:3% 0; }





  }