/********** General **********/
a {
   transition: all .3s ease-in-out !important;
}
.hide-on-desktop {
   display: none;
}
/********** General End **********/


/********** Header **********/
.navbar .nav-item.active .nav-link::before {
   width: 25px;
}
/********** Header End **********/


/********** Projects **********/
body .project-info {
   left: 0px;
   padding-left: 40px;
   padding-right: 40px;
}
body .project-link {
   z-index: 2;
}
body .project-link.right {
   right: 10px;
   left: auto;
}
/********** Projects End **********/


/********** 1199px and below **********/
@media (max-width: 1199px) {
   /***** Header *****/
   .hide-on-desktop {
      display: block;
   }
   /***** Header End *****/
}
/********** 1199px and below End **********/


/********** 991px and below **********/
@media (max-width: 991px) {
   /***** Header *****/
   body .navbar {
      padding-top: 15px;
      padding-bottom: 15px;
   }
   body .navbar .nav-item.active .nav-link,
   body .navbar .nav-item:hover .nav-link,
   body .navbar.fixed-top .nav-item.active .nav-link,
   body .navbar.fixed-top .nav-item:hover .nav-link {
      color: #4565ff;
   }
   /***** Header End *****/
}
/********** 991px and below End **********/


/********** 767px and below **********/
@media (max-width: 767px) {
   /***** Header *****/
   /* body #menu .container {
      display: block;
   }
   body #menu a.navbar-brand img {
      max-height: 40px;
   }
   body .navbar-toggle {
      margin-top: 18px;
   }
   body .navbar-default .navbar-toggle .icon-bar {
      background-color: #ddd;
   } */
   /***** Header End *****/
}
/********** 767px and below End **********/