/********** Template CSS **********/
/********** fix position **********/
.flt-left {
  float: left;
}
.flt-right {
  float: right;
}
.txt-aliceblue {
  color: aliceblue;
}
.txt-white {
  color: #fff;
}
.txt-align-left {
  text-align: left;
}
.txt-align-right {
  text-align: right;
}
.txt-align-center {
  text-align: center;
}
.txt-align-justify {
  text-align: justify;
}
.border-bottom-white {
  border-bottom: 5px solid #ffffff !important;
}
.font-large {
  font-size: large;
}
.margin-TB12px {
    margin: 0 12px;
}
.margin-R12px {
    margin-right: 12px;
}
/********** fix position **********/
/********** @media Start **********/
@media (min-width: 850px) {
  .mystyle .rounded-circle {
    border-radius: 0% !important;
  }
}
@media (max-width: 850px) {
  .mystyle h6, .mystyle .h6 {
    font-size: 0.7rem;
  }
}
@media (max-width: 578px) {
  .mystyle h6, .mystyle .h6 {
    font-size: 1rem;
  }
}
@media (max-width: 421px) {
  .callus {
    font-size: 0.8rem;
  }
}
@media (max-width: 508px) {
  .for508 a, img {
    width: 77%;
  }
  .for508 img {
    width: 100%;
  }
  .for508 button {
    width: 35px;
    padding: 0px;
  }
  .for508 span {
    width: 1em;
    height: 1em;
  }
  .hero-header {
    background-size: contain;
  }
  .for508container .text-primary {
    color: #ffffff !important;
  }
  .for508container .py-5 {
    padding-top: 15rem !important;
    padding-bottom: 0.1rem !important;
  }
  .mb-5.for508container {
    margin-bottom: 1rem !important;
  }
  .for508amenities .mystyle h6, .mystyle .h6 {
    font-size: 0.7rem;
  }
}
@media (max-width: 1100px) {
  .navbar-light .navbar-nav .nav-link {
    font-size: 14px;
  }
}
/********** @media End **********/
.pddingtop10per .mt-auto {
  margin-top: 20% !important;
}
.top90per .team-carousel .owl-nav {
  position: absolute;
  padding: 0 45px;
  width: 100%;
  height: 45px;
  top: calc(90% - 22.5px);
  left: 0;
  display: flex;
  justify-content: space-between;
  margin-top: 58px;
}
.email-bt {
  background: transparent;
  border: none;
  color: #939494;
  width: 100%;
  height: auto;
  font-size: 16px;
  border-bottom: 1px solid #939494;
}
.massage-bt {
  background: transparent;
  border: none;
  color: #939494;
  width: 100%;
  height: 100px;
  font-size: 16px;
  padding: 70px 20px 0px 0px;
  border-bottom: 1px solid #939494;
  padding-left: 0px;
}
.form-group {
  margin-bottom: 1rem;
}
.callus {
  padding: 10px 20px;
  background: #fff;
  color: #25D366;
  text-decoration: none;
  border-radius: 8px;
  width: 85%;
  text-align: center;
  display: block;
}
.contactdiv {
  display: table;
  width: 100%;
}
.contactdiv > div {
  width: 50%;
  padding: 30px;
  text-align: center;
}
.myBody #home-my .text-primary {
  color: #fff !important;
}
.myBody .text-primary {
  color: #bf136b !important;
}
.myBody .bg-dark {
  background-color: #342d6d !important;
}
.myBody .bg-dark .text-primary {
  color: #5da626 !important
}
.myBody .bg-dark .border-secondary {
  border-color: #5da626 !important
}
.btn-primary.myBtn {
  background-color: #bf136b;
  border-color: #fff;
}
#contactus.bg-primary, #Amenities-my.bg-primary {
  background-color: #bf136b !important;
}
#Amenities-my h1 {
  color: #fff !important;
}
#contactus h3 {
  color: #fff;
}
#service-my .btn-primary {
  background-color: #bf136b;
  border-color: #bf136b;
}
#service-my .btn-primary:hover {
  color: #fff;
  ]