#themeSection{
    display: flex;
    justify-content: center;
}
.middle-div{
    width: 45%;
}
.middle-div a{
    text-decoration: none;
}

.footer{
    background-color: rgb(0, 92, 250);
    color: white ;
}
.footer-icon{
    color: white;
    margin: 0 8px;
    transition: 200ms ease-in-out    ;
}
.footer-icon:hover{
    transform: scale(1.9);
}
.navbar{
    background-color:#007bff
}
.middle-div a{
    color: white;
    transition: 200ms ease-in-out;
}

@media (max-width:720px){
  .middle-div{
    display:none !important;
  }
  #whatsapp{
    display: none !important;
  }
}


.theme1{
    display: flex;
    width: 5vw;
    padding: 2px 3px;
    justify-content: space-around;
    /* border: 2px solid blue; */
    /* border-radius: 25px; */
    /* font-size: 100%; */
    border-top: 2px solid red;
    border-bottom: 2px solid red;
    color: #fff;
}
.theme2{
    display: flex;
    width: 5vw;
    padding: 2px 3px;
    justify-content: space-around;
    /* border: 2px solid blue; */
    /* border-radius: 25px; */
    /* font-size: 100%; */
    border-top: 2px solid red;
    border-bottom: 2px solid red;
}

.theme1 div{
    font-size:1vw;
}
.theme2 div{
    font-size:1vw;
}

.theme1.active{
    background-color: blue;
    color: white;
}
.theme2.active{
    background-color: blue;
    color: white;
}

.resHead{
    display: none;
}



/* button responsive */

@media (max-width :480px){

    .resHead{
        display: flex;
        background-color: white;
        width: 13%;
        justify-content: center;
        border-radius: 20px;

    }


    .responsive{
        display: flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        justify-content: space-between;
        width: 90%;
    }

    .responsive h1{
        display: contents;
    }

    #footer div{
        display: flex !important;
        justify-content: center !important
    }

    .middle-div{
        display: none !important;
        position: absolute;
        background-color: white;
        color: blue;
        top: 2px;
        right: 0;
        width: 34%;
        /* display: flex; */
        flex-direction: column;
        align-items: flex-start;
        height: 168%;
        padding-left: 2%;
    }
    
    .middle-div a{
        color: blue;
    }
}