.home-about-section{position: relative; padding: 1rem 0;}
.home-about-section .container{ max-width:1022px; }

.home-about-media{display: flex;}
.home-about-image {width: 250px; height: 386px; position: relative; overflow: hidden; border: 4px double gray; }
.home-about-image img {width: 100%; height: 100%; object-fit: cover; }


.home-about-content h2 {font-size: large; font-family: Verdana; color:var(--black); font-style: normal; font-weight: bold; }
.home-about-content p {font-size: medium; font-family: Verdana;line-height: normal; color: var(--black); font-style: normal; font-weight: bold; }
.home-about-content p.textblue{color: var(--blue);}




.home-staff-section{position: relative; padding: 1rem 0;}
.home-staff-section .container{ max-width:1022px; }
 .home-staff-card {display: flex ; border: 2px solid white; gap:20px; padding:2px; margin-bottom:10px; }


.home-staff-image {width: 224px; height: 300px; position: relative; overflow: hidden; border: 4px double gray; }
.home-staff-image img {width: 100%; height: 100%; object-fit: cover; }
.home-staff-content {flex: 1;     padding: 8px 0;}
.home-staff-content h2{font-size: large; font-family: Verdana; color:var(--white); font-style: normal; font-weight: bold; padding:0; margin:0 0 10px 0; }

.home-staff-content p {color: white; font-size: medium; font-family: Verdana; font-style: normal; font-weight: bold; }


.home-men-image{width: 100%; height: 500px; position: relative; overflow: hidden; border: 4px double gray; }
.home-men-image img {width: 100%; height: 100%; object-fit: cover; }


.home-women-image{width: 100%; height: 975px; position: relative; overflow: hidden; border: 4px double gray; }
.home-women-image img {width: 100%; height: 100%; object-fit: cover; }

.home-products-image{width: 100%; height: auto; position: relative; overflow: hidden; border: 4px double gray; }
.home-products-image img {width: 100%; height: 100%; object-fit: cover; }


.home-hairloss-content h2 {font-size: large; font-family: Verdana; color:var(--white); font-style: normal; font-weight: bold; }
.home-hairloss-content p {font-size: medium; font-family: Verdana;line-height: normal; color: var(--white); font-style: normal; font-weight: bold; }



.home-locations-image{width: 100%; height: 300px; position: relative; overflow: hidden; border: 4px double gray; }
.home-locations-image img {width: 100%; height: 100%; object-fit: cover; }

.locations-action {text-align: center; }
.locations-action a{color: #fff}


/*----------------------------
   responsive      
----------------------------*/


@media only screen and (min-width : 480px) {
 
}
@media only screen and (min-width : 768px) {
}
@media only screen and (min-width : 992px) {




}
@media only screen and (min-width : 1200px) {
}
@media only screen and (max-width : 1199px) {
}
@media only screen and (max-width : 991px) {

} 
@media only screen and (max-width : 767px) {
.home-staff-section .container,
.home-about-section .container{ max-width:100%; }

.home-men-image,
.home-women-image,
.home-products-image,
.home-locations-image{ height: auto;}  
img.hairloss1,
img.hairloss2 {width: 100%; height: 100%; margin: 0 0 10px 0px; }

.home-staff-card {flex-direction: column; }
.home-staff-image {width: 100%; height: auto; }

.header-navigation ul.navbar-nav {width: 100%; background: #766c97; padding: 12px; border-radius: 5px; }
.header-navigation .navbar-nav > li {margin-bottom: 10px; }

}
 
@media only screen and (max-width : 480px) {
  

}