@media only screen and (max-width: 1600px) {
  table {
    display: block;
    overflow-x: auto;
    width: 100%;
    /*white-space: nowrap;*/
  }
}
 
 @media only screen and (max-width: 1200px) { }

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

    .navbar {
        padding: 0.5rem 1rem;
    }
 }

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

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

    table {
        display: block;   
        width: 100%;
        overflow-x: auto;
    }
 }

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


  /* For dropdown menu */

 @media only screen and (min-width: 992px) {
 	.sub-menu {
 		position: absolute;
 		top: 100%;
 		left: 0;
 		right: -15px;
         height: calc(100vh - 73px);
 		z-index: 10;
 		opacity: 0;
 		visibility: hidden;
 		padding: 1rem 1rem 2rem;
 		background-color: #092651;
 		/*animation: viewMenu 0.8s ease-in-out forwards;*/
 	}
 	.sub-menu ul {
 		padding-left: 0;
 	}
 	.sub-menu-wrap {
 		/* display: flex;
 		justify-content: space-around; */
         /* padding: 0 15px; */
 	}
 	.sub-menu li {
 		list-style: none;
 		padding: 0.5rem 0;
     	/* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
 	}
 	.sub-menu li a {
 		text-decoration: none;
 		color: #fff;
 		display: block;
         line-height: 20px;
 	}
 	.nav-item:hover .sub-menu {
 		perspective: 1000px;
 		opacity: 1;
 		visibility: visible;
 		animation: viewMenu 0.3s ease-in-out forwards;
 	}
 	.nav-item:hover .sub-menu li {
 		opacity: 1;
 		visibility: visible;
 		/*animation: viewMenu 0.8s ease-in-out forwards;*/
 	}
 	/* .sub-menu li:hover {
 		background-color: #fff;
 	} */
 	.sub-menu li a:hover {
 		color: #f8cbc7 !important;
 	}
 	@keyframes viewMenu {
 		0% {
 			opacity: 0;
 			/*transform: rotateX(-90deg);*/
 			transform: scaleY(0);
 			transform-origin: top;
 		}
 		100% {
 			opacity: 1;
 			/*transform: rotateX(0deg);*/
 			transform: scaleY(1);
 			transform-origin: top;
 		}
 	}
 	.hidden-menu, .hidden-menu2 {
 		display: none;
 	}
 }

 @media only screen and (max-width: 991px) {
 	.dropdown-nav {
 		position: relative;
 	}
 	.nav-item {
 		border-bottom: 1px solid #d4d4d4;
 	}
 	.customNav .nav-item {
 		margin-left: 0;
 	}
 	.nav-item:hover {
 		background-color: rgba(0, 0, 0, 0.1);
 	}
 	.nav-link, .customNav .nav-link {
 	    line-height: calc(50px - 1rem);
 	}
 	.customNav .nav-link {
 		padding-left: 15px;
 	}
 	.dropdown-nav-link {
 		width: 90%;
 	}
 	.hidden-menu, .hidden-menu2 {
 		position: absolute;
 		top: 7px;
 		right: 20px;
     	color: #fff;
 	    width: 35px;
 	    height: 35px;
 	    background-color: #012c56;
 	    text-align: center;
 	    line-height: 35px;
 	    border-radius: 50%;
 	    cursor: pointer;
 	}
 	.sub-drop, .sub-menu {
 		position: absolute;
 		opacity: 0;
 		visibility: hidden;
 	}
 	.sub-menu-small {
 		position: static;
 		list-style: none;
 		z-index: 10;
 		opacity: 1;
 		visibility: visible;
 		padding: 0;
 		width: 100%;
 	}
 	.sub-menu-small li {
 		padding: 0.5rem 1rem 0.5rem 2rem;
 		/*background: linear-gradient(to bottom, #014b95 80%, #00386f);*/
 		background-color: #014b95;
     	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 	}
 	.sub-menu-small li a {
 		text-decoration: none;
 		color: #fff;
 		display: block;
 	}
 	.sub-menu-small li:hover {
 		/*background: linear-gradient(to bottom, #fff 80%, #4e0806);*/
 		background-color: #fff;
 	}
 	.sub-menu-small li:hover a {
 		color: #151515;
 	}
 	@keyframes viewMenu {
 		0% {
 			opacity: 0;
 			transform: rotateX(-90deg) ;
 			transform-origin: top;
 		}
 		100% {
 			opacity: 1;
 			transform: rotateX(0);
 		}
 	}
 }

 /* End dropdown menu */