*{
    margin:0;
    padding:0;
}

.map{
    width: 400px;
    height: 200px;
    margin-left: 110px;
    margin-top: 1rem;
}

.menua{
    text-decoration: none;
    color: black;
    padding: 6px;
    border-radius: 3px;
}

.menua:hover{
    background: red;
    color: white;
}

#bluespan{
    color: blue;
}

.menu {
    display: flex;
    padding-top: 1rem;
    padding-left: 7rem;
}
.lia {
    margin-top: 18px;
        margin-left: 21px;
        font-family: 'Noto Sans KR', sans-serif;
        position: relative;    
        list-style: none;
    }
    
    #logo {
        margin-right: 3rem;
        position: relative;
    }

    .lines1{
        margin: auto;
            display: none;
            padding-bottom: 2px;
            background-color: red;
            padding: 5px;
            border-radius: 10px;
        }
        
        .line1{
            width:33px;
            background-color: white;
            height: 4px;
            border-radius: 2rem;
            margin:3px 3px
        }
    

        .menubar{
            display: flex;
        }


        .linksh1{
            font-family: 'Cabin', sans-serif;
            text-align: center;
            background-color: red;
            padding: 5px;
            font-size: 30px;
            text-decoration: underline;
        }
     .links   li{
            list-style:decimal;
            padding: 2px;
            
        }
        a{
            text-decoration: none;
        }

        .links{
            margin-left: 2rem;
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

        




        .contactinfo{
            color: white;
            margin-top: -5rem;
            background: url(./contact\ page.jpg);
            background-attachment: fixed;
        }
        
        .contactdetails{
            display: flex;
            padding-bottom: 3rem;
        }
        
        
        img#afterbannerimage {
        
        z-index: 2;
            margin-bottom: 5rem;
            width: 11%;
            margin-top: -11rem;
            margin-left: 16rem;
        }
        
        .locationimg{
            border-radius: 1rem;
        }
        .nameofoffice{
            display: flex;
        flex-direction: column;
            list-style: none;
            margin-top: 3rem;
        }
        #lihyd{
            font-size: 22px;
            margin-left: 144px;
            font-family: 'Ubuntu', sans-serif;
        }
        
        #lichit{
            font-size: 22px;
            list-style: none;
            margin-left: 144px;
            font-family: 'Ubuntu', sans-serif;
        }
        
        .location{
            display: flex;
                margin-left: 102px;
                margin-top: 27px;
          
        }
        
        
            .poflocation {
                font-size: 16px;
                margin-left: 13px;
                margin-top: 11px;
                font-family: 'Roboto', sans-serif;
            }

            html{
                scroll-behavior: smooth;
            }

            .menu{
                background-color: white;
                z-index: 2;
                
            }
          
        
            .contactdetails{
                display: flex;
                padding-bottom: 3rem;
            }
        
            p#pofcopyright {
                text-align: center;
            font-size: 20px;
            background:black;
            background-size: cover;
            padding-top: 10px;
            padding-bottom: 10px;
            color: white;
            font-family: 'Roboto', sans-serif;
            }
            .chittor{
                margin-top: -25px;
            }
            #servicetext{
                text-align: center;
                font-size: 50px;
                margin-top: 7rem;
                margin-bottom: 1rem;
                font-family: 'Cabin', sans-serif;
                padding-top: 1rem;
                padding-top: 2rem;
            }
            
        #h1offices {
            font-size: 30px;
            margin-left: 9rem;
            font-family: 'Ubuntu', sans-serif;
        }
    
        .ourteamflex{
            display: flex;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
    
       .bluespan{
            color: blue;
        }

        @media(max-width:1404px){
            #logo {
                margin-left: -5rem;
                width: 25%;
            }
        }

        @media(max-width:1352px){
            .menu {
                flex-direction: column;
                padding-left: 0px;
            }
            #logo {
                display: block;
                margin: auto;
            }
        
            .menubar{
                margin:auto;
                margin-top: -1rem;
            }
        }

        @media(max-width:980px){
            .menubar {
                flex-direction: column;
                margin: inherit;
            }
        
            #logo{
                width: 41%;
            }

            
    .lia{
        margin-top: 0px;
      background: red;
        padding: 5px;
        border: 1px solid beige;
        margin-left: 0px;
    }
    .menua{
        color: white;
    }

    .lines1{
        display: block;
        margin-bottom: 3px;
    }

    .hiddenbar{
      opacity: 0;
      display: none;
  }

  .heightbar{
    height: 20px;
  }

  .linksh1{
      margin-top: 5px;
  }

  poflocation{
    font-size: 11px;
} 

#lihyd{
    font-size: 17px;
    margin-left: 62px;
}
#lichit{
    margin-left: 62px;
    font-size: 17px;
}
#chittor{
    font-size: 17px;
    margin-bottom: 0rem;
}

p#pofcopyright{
    font-size: 10px;
}

.hyderabad {
    margin-left: -5rem;
    

}

        }


        @media(max-width:1074px){
            .contactdetails{
                flex-direction: column;
            }
            #servicetext{
                padding-top: 0px;
             }
                
        .hyderabad{
            padding-bottom: 3rem;
        }
            .chittor{
                margin-bottom: 1rem;
            }
            #lihyd{
                padding-top: 20px;
            }
            #h1offices{
                display: none;
            }
            .vijayawada {
                margin-bottom: -5rem;
            }
        }

        @media(max-width:476px){
            .map{
                width: 60%;
            }

            #servicetext{
                font-size: 30px;
                padding-top: 10px;
            }

            .linksh1{
                font-size: 25px;
            }
        }