.sub-navigation {
    background: white;
    border-bottom: 1px solid #dadce0;
}


.sub-navigation.active {
  position: fixed;
  top: 13%;
  width: 100%;
  /* z-index: 999; */
  padding-top: 8px;
}
.sub-navigation {
  
  top: 13%;
  width: 100%;
   z-index: 99;
}

.sub-navigation ul {
  margin: 0;
  padding: 1rem 0;
  display: flex;
  justify-content:center;
}

.sub-navigation ul li {
  list-style-type: none;
  /* margin: 0 2rem; */
}
.sub-navigation ul li a{
	padding:15px;
	margin:10px;
}
.sub-navigation ul li a.active {
   padding:15px;
   border-bottom:2px solid #e24d2d;
   padding-bottom: 20px;
}
.sub-navigation ul li a:hover {
   padding:15px;
   border-bottom:2px solid #e24d2d;
   padding-bottom: 20px;
}
.active ~ #first{padding-top:200px !important}

.active ~ #second{padding-top:200px !important}

.active ~ #fifth{padding-top:200px !important}

.active ~ #sixth{padding-top:200px !important}
@media (max-width: 1366px){
	.sub-navigation.active {
   position: fixed;
    top: 84px !important;
    width: 100%;
    z-index: 999;
    padding-top: 16px !important;
    padding-bottom: 5px;
    background: #ffdfdf;
}
}
@media (max-width: 576px){
.sub-navigation{
	display:none;
}
}

 @media (min-width: 1920px){
.sub-navigation.active {
	 top: 9% !important;
}
}