.nav{
   
   padding: 0px;
   margin: 0px;
   width: 100%;
  
}
body{
    background-color: #dddcdc;
    padding: 0 ;
    margin: 0;
    
}


.btncolor{

    background-color:rgb(193, 192, 192);
    padding: 0px;
    width: 100%;
   
   }

.top-Photo{
    display: flex;

}

.logo-Photo{
    flex: 1;
    width: 100%;
    height: 850px;
    object-fit: cover;
    object-position:center;
    
    
    
}
.up{
   text-transform: uppercase;
}

.top-Photo2{
    
    display: flex;
    justify-content: space-around;
/*     flex-direction: row-reverse; */
    background-color:rgb(172, 168, 168);
    
    
}


#top{
   
    color: black;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Philosopher', sans-serif;
    padding: 20px;
    margin-left: 35px;
}

#top:hover{
    color:#F1F6F9;
}

#name{
    font-size: 20px;
    font-family: 'Philosopher', sans-serif;
}



#photosize{
 height:65vh;
   
/*     height: 400px; */
/*     width: 420px; */
}


.new{
    display: flex;
    justify-content: space-evenly;
/*     flex-direction: row-reverse; */
    background-color:rgb(172, 168, 168);
    
    
}

.malimonenko-photo{
    align-self: center;
    margin-top: 10px;
}

h1{
    color: #333333;
    font-family: 'Philosopher', sans-serif;
    font-size: 58px;
}

h2{
    color:  #333333;
    font-family: 'Philosopher', sans-serif;
}

.p2{
    font-family: 'Philosopher', sans-serif;
    font-size: 25px;
    color:rgb(133, 128, 128);
    
}

.p2:hover{
    color: #F1F6F9;
}

.p3{
    align-self: center;
    margin-top: 15px;
   
    color: #333333;
    font-family: 'Philosopher', sans-serif;
    font-size: 30px;
}
.header{
    color: rgb(219, 212, 212);
    font-family: 'Philosopher', sans-serif;
    font-size: 40px;

}
.p3:hover{
    color: #F1F6F9;
}

h5,h4,li{
    color: #333333;
    font-size: 20px;
    font-family: 'Philosopher', sans-serif;
   
}
p{
    font-family: 'Philosopher', sans-serif;
    font-size: 15px;
    color:rgb(133, 128, 128);
    
}
.heading{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.map{
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.address1{
    flex: 1;
}

.address2{
    color:  #333333;
    font-family: 'Philosopher', sans-serif;
    font-size: 25px;
}


.workingHours{
    background-image: url(https://cdn.glitch.global/776211be-4630-47aa-8c63-6e1c8a344c31/%D1%84%D0%BE%D0%BD.jpg?v=1686166410551);

    /* background-color:rgb(172, 168, 168); */

}

.container{
    display: flex;
    justify-content: space-around;
 
}

.pricing{
    display: flex;
    flex-direction: column;
/*     margin: 20px; */
    }

.underline{
    border-bottom:#dddcdc;
 }

.cont{
    padding: 5px;
    

}

.icons{
    display: flex;
    justify-content: space-around;
    background-color:rgb(172, 168, 168);
    padding: 30px;
    
}
.mb-2{
    border-radius: 50%;
}

.right{
    display: flex;
    font-family: 'Philosopher', sans-serif;
    margin-left: 10px;
}

.p4{
    color: #333333;
}

.par{
    color: #333333;
    font-size: 15px;
    font-family: 'Philosopher', sans-serif;
    text-align: left;

    }



td,th{
    padding: 10px;
    border-bottom: 1px solid rgb(67, 66, 66); 
}

table {
   
   text-indent: initial;

}

hr {
    border: 1px solid  color rgb(172, 168, 168);
}

 .phone{
    display: flex;
    

}



.white,a{
    color: #333333;
    font-family: 'Philosopher', sans-serif;
    font-size: 20px;
    text-decoration: none;
}
a:hover{
    color: #F1F6F9;
}
.white:hover{
    color: #F1F6F9;
}


.btn1{
    display: flex;
   
}

.btn-fix{
    bottom:30px;
    text-transform: uppercase;
    right: 20px;
    background-color: #c0b9b9;
    position: fixed;
    border:none;
    border-radius: 100%;
    padding: 15px;
    font-family: 'Philosopher', sans-serif;
    color: #333333;
    font-size: 15px;
   
   
    
}

@media all and (max-width: 800px){
  
  
  .malimonenko-photo {
    width:300px;
  }

h1{
   font-size: 30px;
  }

  .p2{
    margin-top: 10px;
    font-size: 15px;
    }
  
  .p3{
     font-size: 20px;
  }
    
    
  .address2{
    font-size: 15px;
     margin-top: 10px;
    
}
  
  
  
  p{
    font-size: 15px;
    
  }

.col{
        display: flex;
        align-self: center;
        
    }
    

    .top-Photo{
        display: flex;
        flex-direction: column-reverse;
        
    
    
}

.top-Photo2{
    display: flex;
    align-self: center;
  
}

.doctors-group{
 width: 50vh;

}

.new{
    align-self: center;
    display: flex;
    flex-direction: column-reverse;
  }

#photosize{
    align-self: center;
/*     height: 500px; */
/*     width: 370px; */
}
}

@media all and (max-width: 500px){

   
.container{
    align-self: center;
    display: flex;
    flex-direction: column;
}

.par{
    color: #333333;
    font-size: 10px;
    font-family: 'Philosopher', sans-serif;
    text-align: left;

    }
  

   .col{
    display: flex;
    flex-direction: column-reverse;
     margin-top:3px;
    
}

  .new{
        align-self: center;
        display: flex;
        flex-direction: column-reverse;
       
}
.container{
    align-self: center;
    display: flex;
    flex-direction: column;
}
  #photosize{
    align-self: center;
    height: 500px;
    width: 320px;
}
  
   
}