@media  screen and (max-width: 1200px) {
    #header{
        display: none;
    }

    #hamburger-nav{
        display: flex;
    }

    .home{
        height: 60vh;
        margin-bottom: 20%;
      
    }

    .home-sci{
        display: flex;
        flex-direction: row;
    }

    .home-sci a{
        margin: 5px 20px;
    }

    .btn{
       
        margin-left: 50%;
    }

   

    .home-img{
        display: none;
    }

    .home-img-2{
       margin-bottom: 10%;
       margin-left: 10%;
        
    }

   

    .sub-title{
        font-size: 40px;
        text-align: left;
    }

    .service-list{
        display: flex;
        flex-direction: column;
    }

    section{
        /* display: flex; */
        flex-direction: column;
        align-items: center;
        /* flex-wrap: wrap; */
        /* margin-bottom: 5%; */
    }

    .container1{
        width: 440px;
        height: 500px;
        /* padding: 75px 90px; */
       
        margin-right: 30%;
    }
    

   

    .top{
        position: fixed;
        bottom: 2.1rem;
        right: 4.5rem;
        cursor: pointer;
    }

    .radial-bars{
        padding-right: 10%;
    }

    .contact-text{
        padding: 55px 50px;
    }

    .contact-text h2{
        font-size: 40px;
        /* margin-bottom: 20px; */
    }

    .contact{
        display: flex;
        flex-direction: column;
    }
}