@media only screen and (max-width: 768px) {
    .logo{
        height: 25px;
        width: 100%;
    }
    .menu-bar{
        display: block;
        }
    .reset-body{
        width: 100%;
        display: block;
    }
    .menu ul{
        display: none;
    }
    .header {
        padding: 15px 20px;
    }
    .reset-body{
        transform: unset;
        width: 100%;
        display: block;
    }
    .img-section{
width: unset;
padding: 50px;
    }
    .img-outer{
        height: unset;
        width: 100%;
        display: block;
    }
    .form-section{
        width: 100%;
    }
    .form-container {
        border: none;
        border-radius: unset;
        box-shadow: none;
        padding: 20px 30px;
    }
    .form-container h2{
        margin: 30px 0px;
        white-space: nowrap;
    }
    .popup-content{
        width: 90%;
    }
    .form-container h2{
font-size: 14px;
    }
    footer{
        position: absolute;
        top:unset !important;
        /* bottom: 0px; */
    }
    .mobile-break {
        display: inline-block;
        line-break: auto;
        text-wrap: wrap;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black;
    }

        .tooltip .tooltiptext {
            visibility: hidden;
            /*width: 120px;*/
            background-color: #fff;
            color: black;
            text-align: center;
            border-radius: 10px;
            padding: 5px 0;
            /* Position the tooltip */
            position: absolute;
            z-index: 1;
            min-width: 75px;
            max-width: 300px;
            width: 255px;
            font-size: 12px;
            margin: -57px 0px 0px -132px;
            border: 1px solid black;
        }

        .tooltip:hover .tooltiptext {
            visibility: visible;
        }
    .inputgrp {
        display: flex;
    }
   
  }