@media only screen and  (max-width: 350px) and (min-width: 320px)   {
    #left {
        width: 275px;
    }
    .counter_gone {
       
        margin-top: -1rem;
      }

}
@media only screen and  (max-width: 400px) and (min-width: 350px)   {
    .counter_gone {
       
        margin-top: 2rem;
      }
    #our_services_drop {
        left: -40rem;
        width: 22rem;
    }
    #left {
        width: 319px;
       
    }
    .left_container_most {
      
        margin-left: 10px;
       
    }
}

@media only screen and  (max-width: 500px) and (min-width: 400px)   {
    .counter_gone {
       
        margin-top: 2rem;
      }
    #our_services_drop {
        left: -40rem;
        width: 25rem;
 
    }
    #left {
        width: 381px;
       
    }
    .left_container_most {
      
        margin-left: 10px;
       
    }
  
}
@media only screen and  (max-width: 500px) and (min-width: 300px)   {
 
    .services {
        margin-top: 33rem;
    }
    .center {
        margin-top: 28rem;
    }

    .private {
        margin-top: 23px;
    }

    /* .map-section {
        margin-left: -1rem;
        margin-top: 3rem;
        width: 100%;
        margin-top: 2rem;
        padding: 12px;
    } */
    .map-section {
        /* margin-left: -1rem; */
        margin-top: 3rem;
        width: 92%;
        /* margin: auto; */
        margin-top: 2rem;
        /* padding: 12px; */
    }
    iframe{
        width: 109%;
    }

    #formm {
        width: 94vw;
        margin-top: 0px;
    }
    #formm button[type="submit"] {
        cursor: pointer;
        width: 50%;
    }
}

@media only screen and  (max-width: 800px) and (min-width: 500px)   {

    .carousel-item img {
        height: 21rem !important;
    }
    
    #contact {
        background: #F9F9F9;
        padding: 25px;
        /* margin: 150px 0; */
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%), 0 5px 5px 0 rgb(0 0 0 / 24%);
        position: absolute;
        z-index: 1;
        top: 42px;
        right: 27px;
        width: 39vw;
        /* max-width: 768px; */
        padding: 2vw;
        display: flex;
        flex-direction: column;
        border-radius: 5px;
        height: 364px;
    }

    #contact input[type="text"]{
        padding: 15px;
    }
    #contact select{
        padding: 10px;
    }

    #contact input[type="email"]{
        padding: 15px;
    }
    .private {
       
        height: 20rem;
    }

    #contact h3 {
        display: block;
        
    font-size: 24px;
    margin-top: -4px;

    }
   
   
    .center {
        margin-top: 1rem;
    }

    .private {
        margin-top: 23px;
    }
 
    #formm button[type="submit"] {
        cursor: pointer;
        width: 50%;
    }
    #card2 {
        width: 168px;
    }
    #cards {
        width: 201px;
    }
   #left{
    width: 119px;
    margin-top:251px;
   }
    
   

}

@media only screen and  (max-width: 1000px) and (min-width: 800px)   {
 
    #card2 {
        width: 168px;
    }
    #cards {
        width: 201px;
    }
   #left{
    width: 150px;
   }

   
}

@media only screen and  (max-width: 1200px) and (min-width: 1000px)   {
    .w-100 {
       
        height: 24rem;
    }
    #card2 {
        width: 200px;
    }
    #cards {
        width: 230px;
    }
   #left{
    width: 170px;
   }
}
@media only screen and  (max-width: 1450px) and (min-width: 1300px)   {
    .map-section {
        /* margin-left: 23rem; */
        margin-top: 3rem;
    }
}


@media only screen and  (max-width: 1600px) and (min-width: 1400px)   {
    .left_container_most {
        margin-left: 95px;
    }
}

@media only screen and  (max-width: 1700px) and (min-width: 1600px)   {
    .threethree {
     
        padding: 90px;
    }
    .left_container_most {
        margin-left: 169px;
    }
}
@media only screen and  (max-width: 2000px) and (min-width: 1700px)   {
    .threethree {
     
        padding: 120px;
    }
    .left_container_most {
        margin-left: 319px;
    }
}