.desktop-nav-bg {
    width: 100%;
    height: 65px;
    background-color: rgb(185, 185, 185);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}


/* nav end */

/* D menu Start */
.desktop-menu-bg {
    width: 50px;
    height: 350px;
    background-color: #6a0000;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 95px;
    margin-left: 5%;
    border-radius: 20px;
    z-index: 99999;
}

.dmanu-1 {
    width: 100%;
    height: 70px;
    border-radius: 15px 15px 0px 0px;
}
.dmenu-i {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dmenu-t {
    width: 100%;
    height: 30px;
    width: 100%;
    height: 40%;
    color: white;
    text-align: center;
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    margin-top: -3px;
}
.dmi1 {
    width: 32px;
}

.dmanu-2 {
    width: 100%;
    height: 70px;
}

.dmenu-i2 {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dmi12{
    width: 25px;
}

.dmanu-3 {
    width: 100%;
    height: 70px;
}

.dmi13 {
    width: 42px;
    margin-top: 10px;
}

.dmenu-t3 {
    width: 100%;
    height: 30px;
    width: 100%;
    height: 40%;
    color: white;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    margin-top: 0px;
}

.dmanu-4 {
    width: 100%;
    height: 70px;
}

.dmi14 {
    width: 27px;
    margin-top: 5px;
}

.dmanu-5 {
    width: 100%;
    height: 70px;
    border-radius: 0px 0px 15px 15px;

}

.gape1px {
    width: 100%;
    height: 0.1px;
    background-color: rgb(196, 196, 196);
}


.click1 {
    background-color: #02788a;
}


/* D menu End */







@media screen and (max-width: 992px) {
    .desktop-nav-bg {
        display: none;
   }
   }
   @media screen and (max-width: 992px) {
    .desktop-menu-bg {
        display: none;
   }
   }

   @media screen and (max-width: 3760px) {
    .desktop-menu-bg {
        margin-left: 30%;
   }
   }
   @media screen and (max-width: 3550px) {
    .desktop-menu-bg {
        margin-left: 29%;
   }
   }
   @media screen and (max-width: 3350px) {
    .desktop-menu-bg {
        margin-left: 28%;
   }
   }
   @media screen and (max-width: 3250px) {
    .desktop-menu-bg {
        margin-left: 26%;
   }
   }
   @media screen and (max-width: 2950px) {
    .desktop-menu-bg {
        margin-left: 24%;
   }
   }
   @media screen and (max-width: 2750px) {
    .desktop-menu-bg {
        margin-left: 22%;
   }
   }
   @media screen and (max-width: 2550px) {
    .desktop-menu-bg {
        margin-left: 20%;
   }
   }
   @media screen and (max-width: 2350px) {
    .desktop-menu-bg {
        margin-left: 18%;
   }
   }

   @media screen and (max-width: 2230px) {
    .desktop-menu-bg {
        margin-left: 16%;
   }
   }

   @media screen and (max-width: 2080px) {
    .desktop-menu-bg {
        margin-left: 14%;
   }
   }

   @media screen and (max-width: 1960px) {
    .desktop-menu-bg {
        margin-left: 12%;
   }
   }

   @media screen and (max-width: 1860px) {
    .desktop-menu-bg {
        margin-left: 10%;
   }
   }

   @media screen and (max-width: 1780px) {
    .desktop-menu-bg {
        margin-left: 8%;
   }
   }

   
   @media screen and (max-width: 1690px) {
    .desktop-menu-bg {
        margin-left: 6%;
   }
   }
   @media screen and (max-width: 1600px) {
    .desktop-menu-bg {
        margin-left: 3%;
   }
   }
   @media screen and (max-width: 1550px) {
    .desktop-menu-bg {
        margin-left: 1%;
   }
   }