@media only screen and (max-width: 500px) {
  
  body {
    width: 100%;
   }
   
    footer .footer {
      height: 120px;
      margin: auto;
    }

    .about,
    .home,
    .services,
    .benefit,
    .contact,
    .rates,
    .testimonials {
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        padding: 20px;     
        padding-bottom: 40px;
    }

/*HOME*/

    .plofileImgText {
      padding-top: 15px;
      line-height: 24px;
      display: grid;
    }

    .plofileText {
      width: 80%;
      margin: auto;
      font-size: 16px;
        word-spacing: 5px;
    }

.plofileImg {
    margin: 20px auto;
   background-image: url("../assets/img/plofileImg.svg");
   background-size: contain;
   background-repeat: no-repeat;
   height: 178px;
   width: 33%;
}

/*SERVICES*/
    .rowFirst,
    .rowSecond {
      width: 100%;
      justify-content: center;
      padding: 15px;
      display: table;
    }

    .containerSwedish,
    .containerPrenatal, 
    .containerHotstone,
    .containerLymphatic,
    .containerBodyExfoliation,
    .containerFacial {
      position: relative;
      /*box-shadow: 2px 2px 2px #888888;*/
      /*height: 268px;*/
      width: 100%;
      margin: 0;
    }

    #myImg,
    #myImg2,
    #myImg3,
    #myImg4,
    #myImg5,
    #myImg6 {
        cursor: pointer;
        transition: 0.3s;
        width: 100%;
        margin: auto;
        display: flex;
    }

    .mapContainer {
      display: none;
    }

    .location {
      display: block;
    }

    .benefitsSwedish,
    .benefitsPrenatal,
    .benefitsPostnatal,
    .benefitsLymphatic,
    .benefitsHotstone,
    .benefitsExfoliation,
    .benefitsDeadSeaSalt,
    .benefitsFacial {
        margin: auto;
        width: 90%;
    }

    .benefitsSwedishTitle,
    .benefitsPrenatalTitle,
    .benefitsPostnatalTitle,
    .benefitsLymphaticTitle,
    .benefitsHotstoneTitle,
    .benefitsExfoliationTitle,
    .benefitsDeadSeaSaltTitle,
    .benefitsFacialTitle {
        text-align: center;
    }

    .benefitsSwedishText,
    .benefitsPrenatalText,
    .benefitsPostnatalText,
    .benefitsLymphaticText,
    .benefitsHotstoneText,
    .benefitsExfoliationText,
    .benefitsDeadSeaSaltText,
    .benefitsFacialText {
    margin: auto;
    list-style: none;
    width: 100%;
}

/*CONTACT*/

    .backgroundImg {
      width: 100%;
      background-image: url("../assets/img/bed.jpg");
      background-size: cover;
    }

    .formContainer {
      display: table;
      width: 100%;
    }
    .columnRight,
    .columnLeft {
      width: 100%;
      background-color: rgba(255, 255, 255, 0.8);
      margin: 40px 0;
    }

    .columnRightContainer,
    .columnLeftContainer {
      width: 100%;
    }

/*RESERVATION*/
    
    .reservationFormContainer {
      width: 90%;
    }

    .reservationContainer {
      width: 100%;
      margin: auto;
      display: table;
      border-top: 0.5px solid;
    }
    
    .reservationNote {
    text-align: center;
    width: 90%;
    margin: auto;
    font-size: 18px;
}

/*RATE*/

    .rates {
      width: 100%;
    }
    
    .containerRatesImg {
      display: none;
    }
    
    .quote {
      width: 200px;
    }
    
    .containerTable {
      width: 100%;
    }

/*TESTIMONIALS*/

    .rowTopLeft,
    .rowSecondRight,
    .rowThirdLeft,
    .rowFourthRight {
      display: none;
    }

    .rowTopRight,
    .rowSecondleft,
    .rowThirdRight,
    .rowFourthleft  {
      width: 100%;
      padding: 0 1em;
    }
    

} /*closing tag for @media only screen and (max-width: 500px)*/

@media only screen and (max-width: 845px) {
  
    .about,
    .home,
    .services,
    .benefit,
    .contact,
    .rates,
    .testimonials {
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        padding: 20px;
        
        padding-bottom: 40px;
    }

  /*HOME*/
    .victoriaMap iframe,
    .victoriaMap object,
    .victoriaMap embed,
    .happytreeMap iframe,
    .happytreeMap object,
    .happytreeMap embed,
    .southShoreMap iframe,
    .southShoreMap object,
    .southShoreMap embed  {
      width:160px; 
      height: 200px;
      margin: auto; 
    }
  
.plofileImg {
   background-image: url("../assets/img/plofileImg.svg");
   background-size: contain;
   background-repeat: no-repeat;
}

  /*SERVICES*/
    .rowFirst,
    .rowSecond {
      width: 100%;
      display: block;
      justify-content: center;
      margin: auto;
    }
 
    .containerSwedish,
    .containerPrenatal, 
    .containerHotstone,
    .containerLymphatic,
    .containerBodyExfoliation,
    .containerFacial {
      position: relative;
      width: 100%;
      margin: 0;
      box-shadow: none;
      background-size: cover;
    }
    
    .modal-imgSwedish {
      background-image: url("../assets/img/Swedish.jpg");
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      height: 300px;
    }
    
    .modal-imgSwedish,
    .modal-imgPrenatal,
    .modal-imgHotstone,
    .modal-imgLymphatic,
    .modal-imgBodyExfoliation,
    .modal-imgFacial {
      width: 500px;
      background-size: cover;
      background-repeat: no-repeat;
      height: 200px;
      text-align: center;
      margin: auto;
    }

    /*CONTACT*/

      .backgroundImg {
      width: 100%;
      max-width: 100%;
      height: auto;
      background-image: url("../assets/img/bed.jpg");
      background-size: cover;
    }

    .formContainer {
      display: table;
      width: 100%;
    }
    .columnRight,
    .columnLeft {
      width: 100%;
      background-color: rgba(255, 255, 255, 0.8);
      margin: 40px 0;
    }

    .columnRightContainer,
    .columnLeftContainer {
      width: 100%;
    }
    
    .quote {
      font-size: 25px;
      top: 37%;
    }
    

    
} /*closing tag for @media only screen and (max-width: 845px)*/

@media only screen and (min-width: 846px) and (max-width: 907px) {

    .modal-imgSwedish,
    .modal-imgPrenatal,
    .modal-imgHotstone,
    .modal-imgLymphatic,
    .modal-imgBodyExfoliation,
    .modal-imgFacial {
      background-size: cover;
      background-repeat: no-repeat;
    }
    
    .victoriaMap iframe,
    .victoriaMap object,
    .victoriaMap embed,
    .happytreeMap iframe,
    .happytreeMap object,
    .happytreeMap embed,
    .southShoreMap iframe,
    .southShoreMap object,
    .southShoreMap embed  {
      width:250px; 
      height: 200px;
      margin: auto; 
    }
} /*closing tag for  @media only screen and (max-width: 907px)*/