.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; }