/* ============ desktop view ============ */

@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }

    /* Custom CSS to handle transition of navbar on scroll in large screen mode */
    .fixed-top {
        height: 75px;
        transition: 500ms linear;
    }
    
    .fixed-top.scrolled {
        background-color: rgb(24, 69, 75, 1)!important;
        height: 50px;
        transition: 500ms linear;
    }
      
    .fixed-top.scrolled .nav-link {
        color:#fff;
    }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
  .navbar-toggler {
    border: 0px;
  }
}	
/* ============ small devices .end// ============ */

.scroll-to-top {
    position:fixed;
    right:1rem;
    bottom:1rem;
    display:none;
    width:2.75rem;
    height:2.75rem;
    text-align:center;
    color:#fff;
    background:rgba(90,92,105,.5);
    line-height:46px
   }
   .scroll-to-top:focus,
   .scroll-to-top:hover {
    color:#fff
   }
   .scroll-to-top:hover {
    background:#5a5c69
   }
   .scroll-to-top i {
    font-weight:800
   }
   @-webkit-keyframes growIn {
    0% {
     transform:scale(.9);
     opacity:0
    }
    100% {
     transform:scale(1);
     opacity:1
    }
   }
   @keyframes growIn {
    0% {
     transform:scale(.9);
     opacity:0
    }
    100% {
     transform:scale(1);
     opacity:1
    }
   }
   .animated--grow-in,
   .sidebar .nav-item .collapse {
    -webkit-animation-name:growIn;
    animation-name:growIn;
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-timing-function:transform cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1);
    animation-timing-function:transform cubic-bezier(.18,1.25,.4,1),opacity cubic-bezier(0,1,.4,1)
   }
   @-webkit-keyframes fadeIn {
    0% {
     opacity:0
    }
    100% {
     opacity:1
    }
   }
   @keyframes fadeIn {
    0% {
     opacity:0
    }
    100% {
     opacity:1
    }
   }
   .animated--fade-in {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-timing-function:opacity cubic-bezier(0,1,.4,1);
    animation-timing-function:opacity cubic-bezier(0,1,.4,1)
   }