/* To center Navbar on page */

/* Screen 320px */
@media (min-width: 320px) {
  .callout {
    left: 10px;
  }
}

/* screen 360px */
@media(min-width:360px) {
  .callout {
    left: 30px;
  }
}
/* Screen 375px */
@media (min-width: 375px) {
  .callout {
    left: 20px;
  }
}

/* Screen 384px */
@media(min-width: 384px) {
  .callout {
    left: 40px;
  }
}

/* Screen 412px */
@media(min-width: 412px) {
  .callout {
    left: 15%;
  }
}

/*Screen 425px */
@media (min-width: 425px) {
  .callout {
    left: 40px;
  }

}

/*Screen 428px */
@media(min-width: 428px) {
  .callout{
    left: 60px;
  }
}

/*Screen 768px */
@media (min-width: 768px) {
    .navbar-nav {
      float: none;
      margin: 0 auto;
      display: table;
      table-layout: fixed;
    }
    .callout {
      left: 200px;
    }
    #timeLine .lineDot:after {
        display: none;
     }
    .social-icon-bar {
      display: none;
    }
  }

/* Screen 800px */
@media(min-width: 800px) {
  .callout {
    left: 250px;
    top: 100px;
  }
}

/* Screen 810px */
@media(min-width: 810px) {
  .callout {
    left: 250px;
    top: 100px;
  }
}
  /* Screen 1024px */
  @media (min-width: 1024px) {
    .callout {
      left: 300px;
    }
  }

/* Screen 1280px */
@media(min-width:1280px) {
  .callout {
    left: 500px;
  }
}

  /*screen 1440px */
  @media (min-width: 1440px) {
    .callout {
      left: 500px;
    }
  }

  /* Screen 2560px */
  @media(min-width: 2560px) {
    .callout {
      left: 40%;
    }
  }




  /*
  @media (max-width: 991px) {
    #timeLine .items {
      margin-top: 60px;
    }
  }
  
  @media (max-width: 768px) {
    #timeLine .items .descr {
      margin-bottom: 15px;
    }
  }
  @media (max-width: 768px) {
    #timeLine .items .item:not(:last-child) {
     /*  border-bottom: 1px solid #E5E5E5;
      padding: 0 0 20px;
      margin: 0 0 25px; 
    }
  }
  @media (max-width: 768px) {
    #timeLine {
      padding: 60px 0 60px;
    }
  }
*/


/* Hide the line on mobile version */
  @media screen and (max-width: 768px) {
    #timeLine .lineDot:after {
        display: none;
     }
.social-icon-bar {
  display: none;
}

  }