sigit_design/assets/css/nav.css

.secMain.secMainNav {
  background: white;
  height: 65px;
  justify-content: center;
}

.secMain.secMainNav::-webkit-scrollbar {
  height: 10px;
}

.secMainNavInside {
  width: 100%;
  display: grid;
  grid-template-columns: 0.75fr 1.5fr 0.75fr;
  grid-gap: 25px;
  height: 100%;
  padding: 0px 0;
}

@media (max-width: 768px) {
  .secMainNavInside {
    grid-template-columns: 0.75fr 0fr 2.25fr;
    grid-gap: 10px;
  }
}

.secMainNavInsideSec {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.secMainNavInsideSecLeft {
  width: 100%;
  justify-content: center;
  min-width: 100px;
}

.secMainNavInsideSecMid {
}

.secMainNavInsideSecRight {
}

.linkMain.secMainNavInsideSecLeftLink {
  display: flex;
  flex-direction: column;
}

.linkMain.secMainNavInsideLeftLink {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.secMainNavInsideLeftLinkImg {
  width: 100%;
  height: 50px;
}

.secMainNavInsideSecLeftInside {
}

.secMainNavInsideSecMidInside {
}

.secMainNavInsideSecRightInside {
  width: 100%;
  display: flex;
  flex-direction: row;
  grid-gap: 10px;
  justify-content: end;
}

@media (max-width: 768px) {
  .secMainNavInsideSecRightInside {
    display: none;
  }
}

.btnMain.secMainNavInsideSecRightInsideBtn {
}

.btnMain.secMainNavInsideSecRightInsideBtnBurger {
}

.secMainNavInsideSecRightInside.secMainNavInsideSecRightInsideMobile {
  display: none;
}

@media (max-width: 768px) {
  .secMainNavInsideSecRightInside.secMainNavInsideSecRightInsideMobile {
    display: flex;
  }
}

.secMainNavMobile {
  transition: ease 0.4s;
  position: fixed;
  top: 0;
  right: 0;
  left: 100%;
  bottom: 0;
  background: white;
  z-index: 10;
  overflow: auto;
  display: none;
  flex-direction: column;
}

.secMainNavMobile.secMainNavMobileShow {
  transition: ease 0.4s;
  display: flex;
  left: 0%;
}

.secMainNavMobileTop {
  padding: 8px 10px;
}

.secMainNavMobileMid {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  overflow: auto;
  border-top: solid 1px rgba(0,0,0,0.05);
  border-bottom: solid 1px rgba(0,0,0,0.05);
  padding: 15px;
  flex-grow: 1;
}

.secMainNavMobileBot {
  padding: 15px;
  display: flex;
  flex-direction: row;
  grid-gap: 15px;
}

.btnMain.secMainNavMobileMidBtn {
  padding: 15px;
  background: rgba(76,130,163,0);
  color: #4c82a3;
  justify-content: start;
}