@font-face {
  font-family: Museo W03_300;
  src: url('../fonts/museo/museot.ttf');
}

body {
  background-color: #efece3;
}

#middle {
  width: 55.7%;
  background-color: #122c47;
  font-family: Museo W03_300;
  color: #d5b560;
  height: auto;
  text-align: center;
}

.content {
  display: flex;
}

.text {
  background: #333333;
  color: white;
  flex: 1;
  margin: 10px;
}

.image {
  flex: 2;
  margin: 1px;
  position: relative;
}

#ban-text {
  z-index: 2;
  position: absolute;
  right: 19.1%;
  top: 47%;
  width: 36.2% !important;
}

#ban-text2 {
  z-index: 2;
  position: absolute;
  right: 11.5%;
  top: 47%;
  width: 52.2% !important;
  position: absolute;
  z-index: 2;
  display: none;
}

#ban-text3 {
  z-index: 2;
  position: absolute;
  right: 11%;
  top: 47%;
  width: 52.2% !important;
  position: absolute;
  z-index: 2;
  display: none;
}

#ban-text4 {
  z-index: 2;
  position: absolute;
  right: 10%;
  top: 47%;
  width: 54.2% !important;
  position: absolute;
  z-index: 2;
  display: none;
}

#ban-text5 {
  z-index: 2;
  position: absolute;
  right: 10%;
  top: 46%;
  width: 54.2% !important;
  position: absolute;
  z-index: 2;
  display: none;
}

#ban-text6 {
  z-index: 2;
  position: absolute;
  right: 22.5%;
  top: 15%;
  width: 30.2% !important;
  position: absolute;
  z-index: 2;
  display: none;
}

#lib {
  position: relative;
}

#lib-text {
  position: absolute;
  z-index: 2;
  width: 16%;
  left: 50.5%;
  padding-top: 5.5%;
}


/*#ent{
  position: relative;
}
#ent-text{
    position: absolute;
    z-index: 2;
    width: 23%;
    left: 25.5%;
   padding-top: 5%;
}
*/


/*image slide2*/

.anim {
  position: relative;
  width: 18.03%;
  float: left;
  border: 1px solid transparent;
}

.anim img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}

.anim1 {
  position: relative;
  width: 18.03%;
  float: left;
  border: 1px solid transparent;
}

.anim1 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
  margin-left: 0rem !important;
}


/*anim3*/

.anim3 {
  position: relative;
  width: 36.99%;
  float: left;
  border: 1px solid transparent;
}

.anim3 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}


/*anim4*/

.anim4 {
  position: relative;
  width: 18.03%;
  float: left;
  border: 1px solid transparent;
}

.anim4 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}


/*anim5*/

.anim5 {
  position: relative;
  width: 17.9%;
  float: left;
  border: 1px solid transparent;
}

.anim5 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
  /*margin-left: -1rem !important;*/
}

.img-6 {
  width: 22.8% !important;
}









.container-fluid {
  /*padding-right: 0px !important;*/
  padding-left: 4% ;
  margin-right: auto !important;
  margin-left: auto !important;
  overflow: hidden;
}



/*image slide2*/
/*media 1440*/
@media only screen and (min-width: 1440px) and (max-width: 1919px)   {
  .back-wid
  { width: 74.2% !important;
    height: 99.78% !important;
  }
  .fix-size{
    width: 92% !important;
  }
  .wid-ro-co{
    width: 76.6% !important;
  }
  .img-7 {
    /*width: 70.777% !important;
    height: 100% !important;*/
    width: 100% !important;
    height: 100% !important;
    margin-left: 0.58rem !important;
  }
  .container-fluid{
    padding-left: 2.5% !important;
  }
  
  #ban-text6 {
    z-index: 2;
    position: absolute;
    right: 27%;
    top: 11%;
    width: 31.2% !important;
    display: none;
  }
  .img-6 {
    width: 100% !important;
  }
  .anim {
    width: 18.4% !important;
  }
  .anim1 {
    width: 18.4% !important;
  }
  .anim3 {
    width: 37.9% !important;
  }
  .anim4 {
    position: relative;
    width: 18.4%;
  }
  .anim5 {
    width: 18.433333% !important;
  }
  .anim6 {
    margin-top: 0.45rem !important;
    width: 48.97% !important;
  }
  .anim7 {
    margin-top: 0.45rem !important;
    width: 49.14% !important;
    margin-left: 0.56rem !important;
  }
  .r-btm {
    min-height: 31vh !important;
  }
  .membership-text {
    font-size: 75%;
    padding-left: 2.2% !important;
    padding-right: 3.55% !important;
  }
  .r-text-btm {
    margin-right: 2.2% !important;
    /* padding-left: 27px !important;
    padding-right: 60px !important; */
  }
  .row-mt {
    margin-top: 16.2% !important;
  }
}

@media only screen  and (min-width : 1441px) and (max-width: 1919px) 
{
  .container-fluid{
    padding-left: 3rem !important;
  }
  .anim {
    width: 18.4% !important;
  }
  .anim1 {
    width: 18.4% !important;
  }
  .anim3 {
    width: 37.799% !important;
  }
  .anim4 {
    width: 18.45% !important;
  }
  .row-mt {
    margin-top: 16.1% !important;
  }
  .anim5 {
    width: 18.35%!important;
  }
  .img-6 {
    width: 100% !important;
  }
  .img-7 {
    width: 100% !important;
    margin-left: 0.6rem !important;
    height: 99.55% !important;
  }
  .anim6 {
    margin-top: 0.45rem !important;
    width: 48.66% !important;
  }
  .anim7 {
    margin-top: 0.45rem !important;
    width: 48.92% !important;
    margin-left: 0.6rem !important;
  }

  .r-btm{
    width: 100.5% !important;
    min-height: 31vh !important;
  }




}
/*media query*/


@media only screen and (min-width: 1920px) {
  .container-fluid{
    width: 100% ;
  }
  .back-wid
  {
    width: 75.1% !important;
    height: 101.99% !important;
     float:left;
  }
  .logo-wid
  {
    width:24.23% !important;
   
  }
  .r-btm {
    min-height: 33vh !important;
  }
  .img-1 {
    width: 18.9% !important;
  }
  .img-2 {
    width: 19.2% !important;
  }
  .img-3 {
    width: 39.4% !important;
    position: relative;
  }
  #lib-text {
    position: absolute;
    z-index: 2;
    width: 10%;
  }
  .img-4 {
    width: 19.2% !important;
  }
  .img-5 {
    width: 18.9% !important;
  }
  .img-6 {
    width: 100% !important;
  }
  .img-7 {
    /*width: 70.8999% !important;
    height: 99.99% !important;
    margin-left: 0.6rem !important;*/
    width: 99.9% !important;
    height: 97.99% !important;
    margin-left: 0.6rem !important;
  }
  /*ban text new anim*/
  #ban-text {
    z-index: 2;
    position: absolute;
    right: 19%;
    width: 36.2% !important;

  }
  /*ban text-2*/
  #ban-text2 {
    z-index: 2;
    position: absolute;
    right: 15%;
    width: 44.2% !important;
    display: none;
  }
  #ban-text3 {
    z-index: 2;
    position: absolute;
    right: 15%;
    width: 44.2% !important;
    display: none;
  }
  #ban-text4 {
    z-index: 2;
    position: absolute;
    right: 15%;
    width: 44.2% !important;
    display: none;
  }
  #ban-text5 {
    z-index: 2;
    position: absolute;
    right: 15%;
    width: 44.2% !important;
    top: 47% !important;
    display: none;
  }
  #ban-text6 {
    z-index: 2;
    position: absolute;
    right: 22%;
    top: 14%;
    width: 31.2% !important;
    display: none;
  }
  .membership-text {
    /*margin-top: 17.3% !important;*/
   /* margin-right: 5.5% !important;*/
    font-size: 105% !important;
    font-family: Museo W03_300;
    padding-right: 4.45% !important;
  }
  /*anim media query*/
  .anim {
    position: relative;
    width: 18.4%;
    float: left;
    border: 1px solid transparent;
  }
  .anim img {
    position: absolute;
    opacity: 0;
    transition: opacity .5s ease-in !important;
    width: 100% !important;
  }
  .anim1 {
    position: relative;
    width: 18.4%;
    float: left;
    border: 1px solid transparent;
  }
  .anim1 img {
    position: absolute;
    opacity: 0;
    transition: opacity .5s ease-in !important;
    width: 100% !important;
    margin-left: 0rem !important;
  }
  /*anim3*/
  .anim3 {
    position: relative;
    width: 37.88%;
    float: left;
    border: 1px solid transparent;
  }
  .anim3 img {
    position: absolute;
    opacity: 0;
    transition: opacity .5s ease-in !important;
    width: 100% !important;
  }
  /*anim4*/
  .anim4 {
    position: relative;
    width: 18.4%;
    float: left;
    border: 1px solid transparent;
  }
  .anim4 img {
    position: absolute;
    opacity: 0;
    transition: opacity .5s ease-in !important;
    width: 100% !important;
  }
  /*anim5*/
  .anim5 {
    margin-right: 0.54rem !important; 
    position: relative;
    width: 18.368%;
    float: left;
    border: 1px solid transparent;
  }
  .anim5 img {
    position: absolute;
    opacity: 0;
    transition: opacity .5s ease-in !important;
    width: 100% !important;
  }
  /*anim6*/
  .anim6 {
    margin-top: 0.5rem !important;
    position: relative;
    /*width: 46.98% !important;*/
    width: 49.6% !important;
    float: left;
    border: 1px solid transparent;
  }
  .anim6 img {
    position: absolute;
    opacity: 0;
    transition: opacity .5s ease-in !important;
    width: 100% !important;
  }
  .anim7 {
    position: relative;
    /*width: 46.98% !important;*/
    width: 49.75% !important;
    margin-left: 0.51rem !important;
    float: left;
    border: 1px solid transparent;
  }
  .anim7 img {
    position: absolute;
    opacity: 0;
    transition: opacity .5s ease-in !important;
    width: 100% !important;
  }
  .img-6 {
    /*width: 22.944% !important;*/
    width: 100% !important;
  }

  .row {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }

  .r-text-btm {
    margin-right: 4% !important;
    /* padding-left: 22px !important;
    padding-right: 82px !important; */
  }

}

@media only screen and (min-width: 1921px) {
  .fix-size{
    width: 100% !important;
  }
}

/*@media only screen and (max-width: 1024px) and (max-height: 768px) {
  .img-5{
    height: 96.2% !important;
  }
  */
@media only screen and (height: 1366px) {
  .img-5{
    height: 68% !important;
  }
  }

/*anim media query*/

/*.mob-1 {
  position: relative;
  width: 18.03%;
  float: left;
  border: 1px solid transparent;
}

.mob-1 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}

.mob-2 {
  position: relative;
  width: 18.03%;
  float: left;
  border: 1px solid transparent;
}

.mob-2 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}*/








/*image 6 */

.container-fluid {

  margin-top: 0.5rem !important;

}


/*=====media query========*/


/*page load*/

/*.pre-load * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none ! !important;
  -o-transition: none !important;
}
*/

/*img-6*/

.img-6 {
  width: 18.3%;
}


/*img7 */

.img-7 {
  right: 5%;
  margin-left: 0.6rem;
  width: 70.2%;
}


/*anim 6*/

.anim6 {
  position: relative;
  width: 44.99%;
  float: left;
  border: 1px solid transparent;
}

.anim6 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}


/*anim7*/

.anim7 {
  position: relative;
  width: 44.99%;
  float: left;
  border: 1px solid transparent;
}

.anim7 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}


/*row margin top*/

.row-mt {
  margin-top: 16.02%;
}


/*membership text*/

.membership-text {
  /*  margin-top: 14.5%;*/
  font-size: 60%;
  /*padding-left: 1.99% !important;*/

  /*margin-right: 5.5%;*/
  padding-right: 4.25% ;
  color: gray;
  font-family: Museo W03_300;
}

.membership-text a {
  text-decoration: none;
  font-family: Museo W03_300;
  color: gray !important;
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
  .container-fluid{
    margin-top: 0.5rem !important;
    width: 94% !important;
  }
  .logo-wid{
    width: 24.0% !important;
  }
  .back-wid{
    width: 74.6% !important;
  }
  .membership-text {
  /*  margin-top: 14.5%;*/
  font-size: 60%;
  padding-left: 1.99% !important;
  }
  .img-6 {
    width: 100% !important;
  }
  .img-7 {
    width: 100% !important;
    height: 100% !important;
    margin-left: 0.6rem !important;
  }

  .wid-ro-co{
    width: 74.6% !important;
  }
  .anim6 {
    width: 49.3%;
    margin-top: 0.45rem !important;
  }
  .anim7 {
    margin-top: 0.45rem !important;
    width: 49.45%;
    margin-left: 0.48rem !important;
  }
  .anim5 {
    width: 18.1% !important;
  }
  .row-mt {
    margin-top: 15.77% !important;
  }
  .membership-text {
    font-size: 75%;
    margin-right: 0%;
    padding-right: 4.99% !important;
    color: gray;
    font-family: Museo W03_300;
  }
  .r-btm {
    min-height: 33vh !important;
  }
  .r-text-btm {
    margin-right: 4% !important;
    /* padding-left: 27px !important;
    padding-right: 67px !important; */
  }
}


/*
1440*/


@media only screen and (max-width: 1365px) and (min-width: 1245px)
{
  .wid-ro-1
  {
    width: 97% !important;
  }
  .membership-text{
    padding-right: 5.25% !important;
  }
  .back-wid{
  width: 75.5% !important;
  height: 101.5% !important;
  }
  .logo-wid{
    width:24.3% !important;
  }
  .wid-ro-co{
    width: 75.6% !important;
  }
  .anim6{
        width: 48.55%;
        margin-top: 0.45rem !important;
  }
  .anim7{
        width: 48.55%;
        margin-top: 0.45rem !important;
  }
  .img-6 {
    width:100% !important;
  }
  .img-7 {
    width: 100%;
    height: 98% !important;
    margin-left: 0.6rem !important;
  }
  .anim5 {
    width: 18.06%;
  }
  .r-btm {
    min-height: 31vh !important;
  }
  .r-text-btm{
        margin-right: 3.7% !important; 
        /* padding-left: 27px !important;
        padding-right: 84px !important; */
  }

  


}
@media only screen and (min-width: 993px) and  (max-width: 1243px)
{
  .img-6 {
    width: 98% !important;
  }
  .img-7 {
    right: 5%;
    margin-left: 0.6rem !important;
    width: 100% !important;
    height: 99% !important;
  }
  .wid-ro-co{
    width: 77.2% !important;
  }
  .anim6 {
    width: 46.4% !important;
  }
  .anim7 {
    width: 46.4%;
  }
  .r-btm{
    min-height: 22vh !important;
    width: 103% !important;
  }
  .log-wid{
    width: 23.1% !important;
  }
  .back-wid{
    width: 72.2% !important;
    float: left;
    height: 101%;

  }
  .r-text-btm{
    padding-top: 60px !important;
    /* padding-left: 30px !important;
    padding-right: 68px !important; */
}

}
@media only screen and (min-width: 2724px) {
  .fix-size{
    width: 73% ;
  }
  }

@media only screen and (min-width: 1527px) and (max-width: 1442px){
    .r-btm{
      min-height: 28vh !important;
    }

}


/*mobile View ===============================================================================================================================================================================================*/
/*footer logo */
.footer-logo1 {
    width: 20%;
    margin-left: 0% !important;
}
.footer-logo2 {
    width: 14%;
    margin-left: 16%;
}

.footer-logo3 {
    padding-top: 2% !important;
    width: 25%;
    margin-left: 15%;
}

.footer-font1{
 font-size: 80% !important;
}
.footer-font2{
  font-size: 80% !important
}
.footer-font3{
      font-size: 79% !important;
}


/*footer logo*/
.mob-row-top {
  /*margin-top: 36.3% !important;*/
      /*margin-top: 36.55% !important;*/
  margin-top: 36.15% !important;
}

.mob-img-top-7 {
  margin-top: 50% !important;
}



/*image 1*/

.anim-mob {
  width: 65.63% !important;
  position: relative;
  /* float: left;*/
  border: 1px solid transparent;
}

.anim-mob img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}

.mob-img-1 {
  width: 65.3% !important;

}
.ban-mob-height
{
  min-height: 96.5% !important;
}

.anim-mob-2 {
  width: 31.999% !important;
  position: relative;
  /* float: left;*/
  border: 1px solid transparent;
}

.anim-mob-2 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}

.anim-mob-3 {
  width: 32.0% !important;
  position: relative;
  /* float: left;*/
  border: 1px solid transparent;
}

.anim-mob-3 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}

.anim-mob-4 {
  width: 65.46% !important;
  position: relative;
  border: 1px solid transparent;
}

.anim-mob-4 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}

.anim-mob-5 {
  width: 31.89999% !important;
  position: relative;
  border: 1px solid transparent;
}

.anim-mob-5 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}

.anim-mob-6 {
  width: 46.2% !important;
  position: relative;
  border: 1px solid transparent;
}

.anim-mob-6 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}

.anim-mob-7 {
  width: 46.2% !important;
  position: relative;
  border: 1px solid transparent;
}

.anim-mob-7 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}

.anim-mob-8 {

  width: 87.7% !important;
  /*width: 87.88% !important;*/
  position: relative;
  border: 1px solid transparent;
  margin-left: 1.45rem !important;
}

.anim-mob-8 img {
  position: absolute;
  opacity: 0;
  transition: opacity .5s ease-in !important;
  width: 100% !important;
}

.row-mar-top {
  margin-top: 50.2% !important;
  min-height: 18vh !important;
}

.anim-mob-6-divider {
  width: 66.4% !important;
}

.mob-img-2 {
  margin-right: 0.6rem !important;
  width: 31.6% !important;
}

.mob-img-3 {
  width: 96.3% !important;
}

.mob-img-5 {
  width: 92% !important;
}

.mob-img-6 {
  width: 97% !important;
}

.mob-img-7 {
  width: 90% !important;
}

.mob-top {
  margin-top: 36% !important;
}

.cont-mob {
  overflow: hidden !important;
}

.mob-text1 {
  z-index: 2;
  position: absolute;
  right: 17%;
  top: 38%;
  width: 33.2% !important;
}

.mob-text2 {
  z-index: 2;
  position: absolute;
  right: 13%;
  top: 39%;
  width: 39.2% !important;
  display: none;
}

.mob-text3 {
  z-index: 2;
  position: absolute;
  right: 13%;
  top: 40%;
  width: 40.2% !important;
  display: none;
}

.mob-text4 {
  z-index: 2;
  position: absolute;
  right: 10.5%;
  top: 39%;
  width: 45.2% !important;
  display: none;
}
.mob-text5 {
    z-index: 2;
    position: absolute;
    right: 11.5%;
    top: 19%;
    width: 45.2% !important;
    display: none;
}


.anim4-mob {
  margin-top: 36.333% !important;
}

.membership-mob-text {
  text-align: center;
  font-size: 60%;
  margin-bottom: 3%;
  color: gray;
  font-family: Museo W03_300;
 /* margin-top: 4% ;*/
  margin-top: 0%;
  font-size: 59%;
}

.membership-mob-text a {
  text-decoration: none;
  font-family: Museo W03_300;
  color: gray !important;
}
@media only screen and (min-height:800px)  and (max-height: 900px ) and (orientation :portrait){
  .container-fluid{
    padding-right: 2.26% !important;
  }
/*.landscape-font-text
{
  display: none !important;
}*/
.footer-font1 {
    font-size: 100% !important;
}
.footer-font2 {
    font-size: 100% !important;
}
.membership-mob-text{
  margin-top: 0% !important;
}
.mob-img-2 {
    margin-right: 0.6rem !important;
    width: 31.64% !important;
}
.mem-top{
  margin-top: -1rem!important;

}
.anim-mob-2 {
    width: 31.8% !important;
}

.row-mar-top {
  min-height: 20vh !important;
  margin-top: 49.4% !important;
}
.anim-mob-8 {
    width: 90.8% !important;
}
.mob-row-top {
    margin-top: 35.5% !important;
}
.anim4-mob {
    margin-top: 35.1% !important;
}

}
@media only screen and (min-width:700px) and (max-width: 760px) and (orientation :landscape){


.membership-mob-text{
  margin-top: 19% !important;
}
.anim-mob-6 {
    width: 46.2% !important
}
.anim-mob-7 {
    width: 46.2% !important
}
.mob-row-top{
      margin-top: 35.77% !important;
}
.anim4-mob {
    margin-top: 35.3% !important;
}
.row-mar-top {
    margin-top: 50% !important;
    }
.anim-mob-8 {
    width: 89.77% !important;
    margin-left: 1.4rem !important
  }

}

@media only screen and (min-width:650px) and (max-width: 700px) and (orientation :landscape){
.anim-mob-8 {
    width: 88.2% !important;
  }
  .anim-mob-6 {
    width: 46% !important;
  }
  .anim-mob-7 {
    width: 46% !important;
  }

}
@media only screen and (width:360px) and (orientation :portrait){
  .mob-row-top {
    margin-top: 36.7% !important;
}
.membership-mob-text {
  margin-top: 2%;
  }
  .anim-mob-8 {
    width: 86.56% !important;
  }
}
@media only screen and (width:568px) and (orientation : landscape){
  .anim4-mob {
    margin-top: 36.537% !important;
  }
  .anim-mob-8 {
    width: 86.1% !important;
  }
  .mob-row-top {
   margin-top: 36.755% !important;
  }
  .anim-mob-6{
    width: 45.666% !important;
  }
  .anim-mob-7{
    width: 45.666% !important;
  }
}

/*@media only screen and (min-height: 610px) and (orientation :portrait){

  .footer-font1 {
    font-size: 70% !important;
}
 .footer-font2 {
    font-size: 86% !important;
}
.anim-mob-8 {
    width: 88.02% !important;
    }
 .footer-font3 {
    font-size: 80% !important;
}
  .mob-row-top {
    margin-top: 36.1% !important;
  }
  .anim-mob-6 {
    width: 46.1% !important;
  }
  .anim-mob-7 {
    width: 46.1% !important;
  }
  .anim-mob-8 {
    width: 88.8% !important;
  }
  .row-mar-top {
    margin-top: 50.2% !important;
  }
  .anim4-mob {
    margin-top: 36.3% !important;
  }
  .mob-row-top {
    margin-top: 36.11% !important;
  }
  .anim4-mob {
    margin-top: 36.1% !important;
  }


}*/
@media only screen and (width: 320px) and  (orientation :portrait){
.footer-font1 {
    font-size: 70% !important;
}
.container-fluid{
  padding-right: 3.7% !important;
  padding-left: 3.9% !important;

}
.footer-font2 {
    font-size: 73% !important;
}

.anim-mob {
    width: 65.4% !important;
}
.anim-mob-3 {
  width: 32.0% !important;
}
.mob-img-1 {
 width: 65.35% !important;
}
.anim-mob-4 {
  width: 65.31% !important;
}
.anim-mob-2 {
  width: 31.9% !important;
}
.anim-mob-6 {
  width: 45% !important;
}
.anim-mob-7 {
  width: 45% !important;
}
.anim-mob-8 {
  /*width: 88.1% !important;*/
  width: 85.999% !important;
}
.row-mar-top {
  margin-top: 49.69% !important
}
.anim4-mob {
  margin-top: 36.78% !important;
}
.mob-row-top {
  margin-top: 37.3% !important;
}


}
@media only screen and (width: 360px) and (height: 544px) and  (orientation :portrait){
.anim-mob-8 {
    width: 85.998% !important;
}
}
/*@media only screen and (min-width: 375px) and  (orientation :portrait){
  .anim-mob-8 {
      width: 85.66% !important;
  }
  .mob-row-top {
    margin-top: 37% !important;
  }
  
  .anim-mob-4 {
    width: 65.07% !important
  }
  .mob-img-2 {
    margin-right: 0.6rem !important;
    width: 31.7% !important;
  }

  .anim-mob-3 {
    width: 31.988% !important;
  }
  .anim-mob-2 {
    width: 31.8% !important;
  }
 .anim-mob-8 {
    width: 84.66% !important;
  }
  .anim-mob-6 {
    width: 45.2% !important;
    }
    .anim-mob-7 {
    width: 45.2% !important;
  }
  .footer-font1 {
    font-size: 70% !important;
  }
  .footer-font2 {
    font-size: 70% !important;
  }

}*/
@media only screen  and (min-height: 460px) and (max-height: 580px ) and (orientation : portrait){
   .iphone.cont-mob {
    width: 77% !important;
    margin-top: 0.6rem !important;
    padding-right: 2.9% !important;
  }
  .iphone .anim-mob {
    width: 64.63% !important;
  }
  .iphone .anim-mob-3 {
    width: 31.6% !important;
  }
  .iphone .anim-mob-3 {
    width: 31.6% !important;
  }
  .iphone .mob-row-top{
    margin-top: 37.8% !important;
  }
  .iphone .mob-img-1 {
    width: 64.38% !important;
  }
  .iphone .mob-img-2 {
    width: 31.2% !important;
  }
  .iphone .anim-mob-2 {
    width: 31.47% !important;
  }
  .iphone .m-top{
    margin-top: 0.593rem !important;
  }
  .iphone .anim-mob-4 {
    width: 64.3% !important;
  }
  .iphone .anim-mob-5 {
    width: 31.73% !important;
  }
  .iphone .anim-mob-6 {
    width: 44% !important;
  
  }
  .iphone .anim-mob-7 {
    width: 44% !important;
  }
  .iphone .row-mar-top {
    margin-top: 49.67% !important;
  }
  .iphone .anim-mob-8 {
    width: 84.3% !important;
  }
  .iphone .membership-mob-text {
    font-size: 47%;
  }
  .iphone .anim4-mob {
    margin-top: 37.5% !important;
  }
  .iphone .row-mar-top {
    min-height: 15vh !important;
  }
  .iphone .footer-font1{
    font-size: 65% !important;
  }
  .iphone .footer-font1{
    font-size: 65% !important;
  }
  
}

@media only screen  and (min-height: 580px) and (max-height: 594px ) and (orientation : portrait){
   .cont-mob {
    width: 83% !important;
    margin-top: 0.6rem !important;
    padding-right: 3.5% !important;
    padding-left: 3.5% !important;
  }
  .anim-mob {
    width: 64.63% !important;
  }
  .anim-mob-3 {
    width: 31.6% !important;
  }
  .anim-mob-3 {
    width: 31.6% !important;
  }
  .mob-row-top{
    margin-top: 37.7% !important;
  }
  .mob-img-1 {
    width: 64.1% !important;
  }
  .mob-img-2 {
    width: 31.2% !important;
  }
  .anim-mob-2 {
    width: 31.47% !important;
  }
  .m-top{
    margin-top: 0.593rem !important;
  }
   .anim-mob-4 {
    width: 64.5% !important;
  }
  .anim-mob-5 {
    width: 31.7% !important;
  }
  .anim-mob-6 {
    width: 44% !important;
  
  }
  .anim-mob-7 {
    width: 44.01% !important;
  }
  .row-mar-top {
    margin-top: 49.5% !important;
  }
  .anim-mob-8 {
    width: 84.2% !important;
  }
  .membership-mob-text {
    font-size: 47%;
  }
  .anim4-mob {
    margin-top: 37.5% !important;
  }
  .row-mar-top {
    min-height: 15vh !important;
  }
  .footer-font1{
    font-size: 75% !important;
  }
  
  .mem-top{
    margin-top: 0.32rem !important; 
  }
  
}

@media only screen and (min-width:765px) and  (orientation :portrait){
  .container-fluid{
   width: 67% !important;
  }
  .membership-mob-text {
    margin-top: 6% !important;
  }
  .landscape-font-text
  {
    display: none !important;
  }
}
/*@media only screen and (min-height: 600px) and (max-height: 650px)
{
  .iphone .anim-mob-3 {
    width: 31.988% !important;
  }
  .iphone .anim-mob-2 {
    width: 31.9% !important;
  }
  .iphone.cont-mob {
    width: 93% !important;
    margin-top: 0.6rem !important;
  }

}*/

@media only screen and (height: 635px) and  (orientation :portrait){
  
  .footer-logo1{
    width: 16% ;
    margin-left: 10% !important;
  }
  .footer-logo2{
   width: 12%;
  }
  .footer-logo3{
    width: 21%
  }
  .membership-mob-text
  {
    font-size: 63% ;
    margin-top: 2% !important;
  }
  .mem-top{
    margin-top: 0rem !important;
  }

  }
  @media only screen and (height: 730px) and  (orientation :portrait){
  .anim-mob-8 {
    width: 88.088% ;
  }
  .footer-logo1{
    width: 16% ;
    margin-left: 10% !important;
  }
  .footer-logo2{
   width: 12%;
  }
  .footer-logo3{
    width: 21%
  }
  .membership-mob-text
  {
    font-size: 63% ;
    margin-top: -3% !important;
  }
  .mem-top{
    margin-top: 0rem !important;
  }

  }



@media only screen  and (width: 320px) and (height:  568px) and (orientation: portrait) {
  .mob-row-top {
    margin-top: 37.4% !important;
  } 
  .anim4-mob {
    margin-top: 37.5% !important;
  }
  .anim-mob-6-divider {
    width: 64.4% !important;
  }
  .anim-mob-6 {
    width: 46.09% !important;
  }
  .anim-mob-7 {
    width: 46.5% !important;
  }
  .row-mar-top {
    margin-top: 51.5% !important;
  }

    }
@media only screen and (width: 375px) and (height:  667px) and (orientation: portrait) {

  .anim-mob-6-divider {
    width: 65.9% !important;
  } 
  .mem-top{
    margin-top: 2rem !important;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1020px) and (orientation: portrait) {
  .row-mar-top {
    margin-top: 49.05% !important;
  }
  .anim-mob-3{
   width: 31.9% !important; 
  }
  .anim-mob-5{
   width: 31.97% !important; 
  }
  .mob-img-2 {
    margin-right: 0.6rem !important;
       width: 31.777% !important;;
  }
  .ban-mob-height {
    min-height: 99.5% !important;
  }

  .anim-mob-6 {
    width: 46.6% !important;
    position: relative;
    border: 1px solid transparent;
  }
  .banner-mob-wid{
    width: 65.2% !important;
  }
  .anim-mob-7 {
    width: 46.6% !important;
    position: relative;
    border: 1px solid transparent;
  }
  .mob-img-1{
    width: 65.46% ;
    height: 100.3% !important;
  }
  .anim-mob-2 {
   width: 31.9% !important;
  }
  .mob-row-top {
    margin-top: 34.99% !important;
  }
  .anim4-mob {
    margin-top: 34.88% !important;
  }
  .anim-mob-8 {
    width: 90.8% !important;
    position: relative;
    margin-left: 6.2% !important;
    border: 1px solid transparent;
    margin-top: 0.8% !important;
  }
  .membership-mob-text {
    margin-top: 1% !important;
    margin-bottom: 3%;
    text-align: center;
    font-size: 80%;
    font-weight: 400;
    color: gray;
    font-family: Museo W03_300;
  }
  .footer-logo1{
    width: 13% ;
    margin-left: 11%  !important;
  }
  .footer-logo2{
    width: 9%;
    
  }
  .footer-logo3{
    width: 18%;
    padding-top: 0% !important;
  }
  .footer-font1 {
    font-size: 80% !important;
  }
  .footer-font3{
    font-size: 86% !important;
  }
}
@media only screen and (min-width: 658px) and (max-width:700px) and (orientation:portrait)
{
  .container-fluid{
    width: 70% !important;
  }
  .membership-mob-text{
        font-size: 80% !important; 
  }
}
@media only screen and (width: 1024px) and (min-height: 659px) and (orientation: landscape) {
.container-fluid{
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  margin-left: 0% !important;
  margin-top: 1.5rem !important;
}
.anim{
  margin-left: 2.8% !important;
  width: 18.4% !important;
}
.anim1 {
    margin-left: 0.277rem !important;
    width: 18.4%;
}
.anim3 {
    margin-left: 0.277rem !important;
    width: 37.8%;
    }
.anim4 {
    margin-left: 0.277rem !important;
    width: 18.4%
  }
.row-mt {
    margin-top: 15.8999%;
}
.anim5 {
    margin-left: 2.8% !important;
    margin-right: 0.277rem !important;
    width: 18.4% !important;
  }
.wid-ro-co {
  width: 75.2% !important;
}
.image{
  width: 84% !important;
}
.logo-wid{
      width: 24.8% !important;

}
.img-6 {
    width: 98% !important;
}
.back-wid {
  width: 75.3% !important;
}
.img-7{
  margin-left: 0.37rem !important;
}
.anim6 {
    width: 48.4% !important;
    margin-top: 0.277rem !important;

}
.anim7 {
  width: 48.47% !important;
  margin-left: 0.277rem !important;
  margin-top: 0.277rem !important;
}
.membership-text{
    padding-left: 3.5% !important;
    padding-right: 3.25% !important;
    margin-top: 2% !important;
}

}

/*===============*/


/*@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1366px) 
  {
  .membership-text {
    margin-top: 15.5%;
    font-size: 75%;
    margin-right: 5.5%;
    color: gray;
    font-family: Museo W03_300;
  }

  .anim6{
    margin-top: 0.25rem !important;

  }
  .anim7{
    margin-top: 0.25rem !important;
    margin-left: 0.5rem !important;
  }
  .img-7 {
    right: 5%;
    margin-left: 0.6rem;
    width: 70.8%;
  }

}*/
/*@media (orientation: landscape) {
 body {
  display: none;
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
}*/

@media only screen and (min-height: 630px)  and (max-height: 650px)and (orientation:portrait){

  .container-fluid{
    width: 91% ;
    padding-right: 2.9% !important;
    /*margin-top: 0rem !important;*/
  }
  .row-mar-top {
    min-height: 15vh !important;
  }
  .mob-row-top{
    margin-top: 36.77% !important;
  }
  .anim4-mob {
    margin-top: 36.44% !important;
  }
  .anim-mob-8 {
    width: 86.2% !important;
  }
  .anim-mob-2 {
    width: 31.95% !important;
  }
}

@media only screen and (min-width: 550px) and (max-width: 740px) and (orientation: portrait){

.anim-mob-8 {
    width: 90.8% !important;
}
.membership-mob-text {
    margin-top: 7% !important;
    font-size: 88%;
}
.footer-font1 {
    font-size: 83% !important;
}
 .footer-logo1 {
    width: 17%;
    margin-left: 9% !important;
  
}
.footer-logo2 {
    width: 12%;
  }
.footer-logo3 {
    width: 21%
  }
.anim4-mob {
    margin-top: 35.3% !important;
}
.anim-mob-2 {
    width: 31.99% !important;
    }
.mob-row-top {
    margin-top: 35.3% !important;
}
.anim-mob-6-divider {
    width: 65.7% !important;
}
.mob-img-1 {
    width: 65.15% !important;
}
.anim-mob-6 {
    width: 46.77% !important;
}
.anim-mob-7 {
    width: 46.77% !important;
}
.anim-mob-8 {
    width: 91.4% !important;
}
.row-mar-top {
    margin-top: 50.1% !important;
}


}

.footer-icon
{
  margin-top: -1% !important;
}

@media only screen and (min-height:700px) and (max-height: 740px) and (orientation: portrait){

  .row-mar-top {
    min-height: 16vh !important;
  }
  .anim4-mob {
    margin-top: 36.44% !important;
  }
  .mob-row-top {
    /* margin-top: 36.3% !important; */
    /* margin-top: 36.55% !important; */
    margin-top: 36.5% !important;
  }
  .anim-mob-7 {
    width: 45.5% !important;
  }
  .anim-mob-6 {
    width: 45.5% !important;
  }
  .anim-mob-4 {
    width: 65.47% !important;
  }
  .mob-img-2 {
    margin-right: 0.63rem !important;
    width: 31.67% !important;
  }
  .mob-img-1 {
    width: 65.5% !important;
  }
  .anim-mob-8 {
    width: 87.44% !important;
  }
  .container-fluid{
    width: 93% ;
    /*change*/
    padding-right: 2.9% !important;
}
.membership-mob-text
{
  margin-top: 3% !important;
}
.anim-mob-8 {
  width: 87.3% !important;
}
.anim-mob-5 {
  width: 31.98% !important;
}


}

@media only screen and (min-height: 610px) and (max-height: 630px) and (orientation :portrait){

    .container-fluid {
      width: 81% !important;
    }

    .anim-mob {
      width: 64.6% !important;
    }
    .anim-mob-3 {
      width: 31.55% !important;
    }

  .mob-img-2 {
    margin-right: 0.6rem !important;
    width: 31.21% !important;
  }
  .mob-img-2 {
    width: 31.21% !important;
  }
  .anim-mob-5 {
    width: 31.62% !important;
  }
  .anim-mob-6-divider {
    width: 66.4% !important;
  }
  .anim-mob-2 {
    width: 31.5% !important
  }

  .footer-font1 {
    font-size: 70% !important;
}
 .footer-font2 {
    font-size: 70% !important;
}
.anim-mob-8 {
    width: 88.02% !important;
    }
 .footer-font3 {
    font-size: 80% !important;
}
  .mob-row-top {
    margin-top: 36.5% !important;
  }
 .anim-mob-6 {
    width: 44.6% !important;
  }
  .anim-mob-7 {
    width: 44.6% !important;
  }
  .mem-top{
    margin-top: 0.2rem !important;
  }
  .anim-mob-8 {
    width: 85.33% !important;
  }
  .row-mar-top {
    margin-top: 49.4% !important;
  }
  .anim4-mob {
    margin-top: 36% !important;
  }
  .mob-img-1 {
    width: 64.55% !important;
  }
  .m-top{
    margin-top: 0.56rem !important;
  }

}
.landscape-font-text{
  font-family: Museo W03_300;
  text-align: center;
  font-size: 100% !important;
  height: 27em;
  display: flex;
  align-items: center;
  justify-content: center }
.landscape-font-text p {
  margin: 0;
}



@media only screen and (min-width: 420px) and (max-width: 460px) and (max-height: 740px ) and (orientation: portrait){
.container-fluid {
  width: 86% !important;
}

.row-mar-top {
    margin-top: 50% !important;
}
.anim4-mob {
    margin-top: 36% !important;
}
.anim-mob-8 {
  width: 88% !important;
}
.mem-top{
  margin-top: 0.5rem !important;
}
.mob-img-1 {
  width: 65.479% !important;
}
.mob-row-top{
  margin-top: 36.3% !important;
}
}


@media only screen and (min-height: 530px) and (max-height: 560px) and (orientation: portrait){
.container-fluid{
  width:81% !important ;
  padding-right: 2.9% !important;
}
.mem-top{
  margin-top: 0.6rem !important;
}
.anim-mob {
   width: 64.9% !important;
 }
.anim-mob-3 {
   width: 31.43% !important;
}
.mob-img-2{
  width: 31.48% !important;
}
.footer-font1 {
   font-size: 70% !important;
}
.footer-font2 {
   font-size: 70% !important;
}
.anim-mob-4{width: 65.3% !important;
}
.row-mar-top {
   min-height: 15vh !important;
}
.anim-mob-5 {
   width: 31.999999% !important;
 }
 .anim4-mob {
   margin-top: 37.5% !important;
}
.anim-mob-2 {
   width: 31.999% !important;
}
.mob-row-top {
  margin-top: 37.38% !important;
}
.anim-mob-8 {
  width: 84.5% !important;
}
.anim-mob-6 {
  width: 45% !important;
}
.anim-mob-7 {
  width: 45% !important;
}

}
@media only screen and (min-height: 651px) and (max-height: 700px) and (orientation: portrait){

.cont-mob{
  /*83*/
  padding-right: 2.9% !important;
  width: 89% !important;
}
.anim-mob-6 {
    width: 46.2% !important;
}
.anim-mob-7 {
    width: 46.2% !important;
}
.mob-row-top{
  margin-top: 36.7% !important;
}
.anim-mob-8 {
  /*85.2*/
  width: 89.3% !important;
  margin-left: 1.3rem !important;
}
.mem-top{
  margin-top: 0.5rem !important;
}
}
@media only screen and (min-height : 500px) and (max-height: 520px ) and (orientation : portrait){
  .cont-mob{
    
    padding-left: 3.9% !important;
  }
  .container-fluid {
    width: 77% !important;
    margin-top: 0.6rem !important;
  }
  .anim-mob {
    width: 63.7% !important;
  }
 
  .mob-img-2 {
    width: 31% !important;
  }
  .mob-img-1 {
    width: 63.3% !important;
    height: 103% !important;
  }
  .anim-mob-2 {
    width: 31.4% !important;
  }
  .anim-mob-4 {
    width: 64.3% !important;
  }
  .anim4-mob {
    margin-top: 37.44% !important;
  }
  .anim-mob-5 {
    width: 31.5% !important;
  }
  .anim-mob-6-divider {
    width: 66.5% !important;
  }
  .anim-mob-6 {
    width: 43.6% !important;
  }
  .anim-mob-7 {
    width: 43.6% !important;
  }
  .row-mar-top {
    margin-top: 48.99% !important;
  }
  .anim-mob-8 {
    width: 82.55% !important;
  }
  .mem-top{
    margin-top: 0% !important;
  }
  .membership-mob-text {
    margin-top: 0%;
    padding-left: 8px !important;
  }
  .anim-mob-3 {
    width: 31.3% !important;
  }
  .mob-row-top {
    margin-top: 37.2% !important;
  }
  .footer-font1 {
    font-size: 63% !important;
  }
  .footer-font2 {
    font-size: 63% !important;
  }


}
/*ipad*/

@media only screen and (width: 1024px) and (height:  1296px) and (orientation: portrait)
{

.container-fluid {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

}
.anim {
  margin-left: 1.5rem !important;
  width: 18.5% !important;
}
.anim1 {
    margin-left: 0.3rem !important;
    width: 18.5% !important;
}
.anim3 {
    margin-left: 0.3rem !important;
    position: relative;
    width: 38.27%;
}
.anim4 {
    margin-left: 0.3rem !important;
    position: relative;
    width: 18.5%;
}
.row-mt {
    margin-top: 16.02% !important;
}
.anim5 {
  margin-left: 1.5rem !important;
    position: relative;
    margin-right: 0.3rem !important;
    width: 18.5%;
}
.wid-ro-co {
    width: 77.2% !important;
}
.wid-ro-1{
  width: 100% !important;
}
.image{
  width: 84% !important;
}
.logo-wid{
width: 24.365% !important;
}
.back-wid{
  width: 74.2% !important;
  height: 101% !important;
  margin-left: -0.2rem !important;
}
.r-btm {
    min-height: 15vh !important;
    width: 103% !important;
}
.anim6 {
    margin-top: 0.2rem !important;
    width: 47.8% !important;
}
.anim7 {
    margin-top: 0.2rem !important; 
    margin-left: 0.2rem !important;
    width: 47.8%;
}

.membership-text{
  padding-left: 3.3% !important;

}




}
@media only screen and (width: 1024px) and (height:  1292px) and (orientation: portrait)
{

.container-fluid {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

}
.anim {
  margin-left: 1.5rem !important;
  width: 18.5% !important;
}
.anim1 {
    margin-left: 0.3rem !important;
    width: 18.5% !important;
}
.anim3 {
    margin-left: 0.3rem !important;
    position: relative;
    width: 38.27%;
}
.anim4 {
    margin-left: 0.3rem !important;
    position: relative;
    width: 18.5%;
}
.row-mt {
    margin-top: 16.02% !important;
}
.anim5 {
  margin-left: 1.5rem !important;
    position: relative;
    margin-right: 0.3rem !important;
    width: 18.5%;
}
.wid-ro-co {
    width: 77.2% !important;
}
.wid-ro-1{
  width: 100% !important;
}
.image{
  width: 84% !important;
}
.logo-wid{
width: 24.365% !important;
}
.back-wid{
  width: 74.2% !important;
  height: 101% !important;
  margin-left: -0.2rem !important;
}
.r-btm {
    min-height: 15vh !important;
    width: 103% !important;
}
.anim6 {
    margin-top: 0.2rem !important;
    width: 47.8% !important;
}
.anim7 {
    margin-top: 0.2rem !important; 
    margin-left: 0.2rem !important;
    width: 47.8%;
}

.membership-text{
  padding-left: 3.3% !important;

}




}

@media only screen and (width: 1366px) and (height: 954px) and  (orientation: landscape) 
{
  .r-btm {
    min-height: 22vh !important;
  }
  .membership-text
  {
    padding-left: 2.5% !important;
    padding-right: 5.5% !important;
  }
}

@media only screen and (max-width: 1439px) and (min-width: 1366px) and (height: 950px) and (orientation : landscape)
{  
  .r-btm {
    min-height: 22vh !important;
  }
}



@media only screen and (width: 1112px) and (height: 698px) and (orientation: landscape) {
.container-fluid{
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  margin-left: 0% !important;
  margin-top: 1.5rem !important;
}
.r-btm{
  min-height: 23vh !important;
}
.anim{
  margin-left: 2.8% !important;
  width: 18.4% !important;
}
.anim1 {
    margin-left: 0.277rem !important;
    width: 18.4%;
}
.anim3 {
    margin-left: 0.277rem !important;
    width: 37.8%;
    }
.anim4 {
    margin-left: 0.277rem !important;
    width: 18.4%
  }
.row-mt {
    margin-top: 15.8999%;
}
.anim5 {
    margin-left: 2.8% !important;
    margin-right: 0.277rem !important;
    width: 18.4% !important;
  }
.wid-ro-co {
  width: 75.2% !important;
}
.image{
  width: 84% !important;
}
.logo-wid{
      width: 24.8% !important;

}
.img-6 {
    width: 98% !important;
}
.back-wid {
  width: 75.3% !important;
}
.img-7{
  margin-left: 0.37rem !important;
}
.anim6 {
    width: 48.4% !important;
    margin-top: 0.277rem !important;

}
.anim7 {
  width: 48.47% !important;
  margin-left: 0.277rem !important;
  margin-top: 0.277rem !important;
}
.membership-text{
    padding-left: 3.5% !important;
    padding-right: 3.25% !important;
    margin-top: 2% !important;
}

}

/*mobile view End ==========================================================================================================================================================================================*/
@media only screen and (min-width: 2024px) and (max-width: 2600px) 
{
  .membership-text
  {
        padding-right: 5.45% !important;
  }
}

@media (max-width: 375px) { 
  /* welcome to bay club */
  .mob-text1 { 
    z-index: 2;
    position: absolute;
    right: 18%;
    top: 24%;
    width: 33.2% !important;
  }
  
  /* for business, sports & le */
  .mob-text2 {
    z-index: 2;
    position: absolute;
    right: 13.5%;
    top: 24.5%;
    width: 39.2% !important;
  }
  
  .mob-text3 {
    z-index: 2;
    position: absolute;
    right: 13.5%;
    top: 24.9%;
    width: 40.2% !important;
  }
  
  .mob-text4 {
    z-index: 2;
    position: absolute;
    right: 12.4%;
    top: 24.5%;
    width: 45.2% !important;
  }
  .mob-text5 {
      z-index: 2;
      position: absolute;
      right: 11%;
      top: 21%;
      width: 45.2% !important;
  }
}

@media (min-width: 390px) { 
  /* welcome to bay club */
  .mob-text1 { 
    z-index: 2;
    position: absolute;
    right: 16.5%;
    top: 22%;
    width: 33.2% !important;
  }
  
  /* for business, sports & le */
  .mob-text2 {
    z-index: 2;
    position: absolute;
    right: 12.5%;
    top: 22%;
    width: 39.2% !important;
  
  }
  
  .mob-text3 {
    z-index: 2;
    position: absolute;
    right: 12.5%;
    top: 22.5%;
    width: 40.2% !important;
  
  }
  
  .mob-text4 {
    z-index: 2;
    position: absolute;
    right: 11%;
    top: 22%;
    width: 45.2% !important;
  
  }
  .mob-text5 {
      z-index: 2;
      position: absolute;
      right: 10%;
      top: 19.5%;
      width: 45.2% !important;
  }
}

@media (min-width: 393px) { 
  /* welcome to bay club */
  .mob-text1 { 
    z-index: 2;
    position: absolute;
    right: 16.5%;
    top: 22%;
    width: 33.2% !important;
  }
  
  /* for business, sports & le */
  .mob-text2 {
    z-index: 2;
    position: absolute;
    right: 12.5%;
    top: 22%;
    width: 39.2% !important;
  
  }
  
  .mob-text3 {
    z-index: 2;
    position: absolute;
    right: 12.5%;
    top: 22.5%;
    width: 40.2% !important;
  
  }
  
  .mob-text4 {
    z-index: 2;
    position: absolute;
    right: 11%;
    top: 22%;
    width: 45.2% !important;
  
  }
  .mob-text5 {
      z-index: 2;
      position: absolute;
      right: 10%;
      top: 19.5%;
      width: 45.2% !important;
  }
}

@media (min-width: 414px) { 
  /* welcome to bay club */
  .mob-text1 { 
    z-index: 2;
    position: absolute;
    right: 17%;
    top: 22%;
    width: 33.2% !important;
  }
  
  /* for business, sports & le */
  .mob-text2 {
    z-index: 2;
    position: absolute;
    right: 12.5%;
    top: 22%;
    width: 39.2% !important;
  
  }
  
  .mob-text3 {
    z-index: 2;
    position: absolute;
    right: 12.5%;
    top: 22.5%;
    width: 40.2% !important;
  
  }
  
  .mob-text4 {
    z-index: 2;
    position: absolute;
    right: 11%;
    top: 22%;
    width: 45.2% !important;
  
  }
  .mob-text5 {
      z-index: 2;
      position: absolute;
      right: 12%;
      top: 19.5%;
      width: 45.2% !important;
  }
}

@media (min-width: 412px) { 
  .mob-text5 {
      z-index: 2;
      position: absolute;
      right: 10%;
      top: 19.5%;
      width: 45.2% !important;
  }
}

@media (min-width: 540px) { 
  /* welcome to bay club */
  .mob-text1 { 
    z-index: 2;
    position: absolute;
    right: 18%;
    top: 32.5%;
    width: 33.2% !important;
  }
  
  /* for business, sports & le */
  .mob-text2 {
    z-index: 2;
    position: absolute;
    right: 13.5%;
    top: 33%;
    width: 39.2% !important;
  
  }
  
  .mob-text3 {
    z-index: 2;
    position: absolute;
    right: 13.5%;
    top: 33.5%;
    width: 40.2% !important;
  
  }
  
  .mob-text4 {
    z-index: 2;
    position: absolute;
    right: 12%;
    top: 34%;
    width: 45.2% !important;
  
  }
  .mob-text5 {
      z-index: 2;
      position: absolute;
      right: 12%;
      top: 28.5%;
      width: 45.2% !important;
  }
}

@media (min-width: 768px) { 
  /* welcome to bay club */
  .mob-text1 { 
    z-index: 2;
    position: absolute;
    right: 27%;
    top: 22.5%;
    width: 23% !important;
  }
  
  /* for business, sports & le */
  .mob-text2 {
    z-index: 2;
    position: absolute;
    right: 24.5%;
    top: 23%;
    width: 28% !important;
  }
  
  .mob-text3 {
    z-index: 2;
    position: absolute;
    right: 23.5%;
    top: 23.5%;
    width: 28% !important;
  }
  
  .mob-text4 {
    z-index: 2;
    position: absolute;
    right: 23%;
    top: 23%;
    width: 31% !important;
  }
  .mob-text5 {
      z-index: 2;
      position: absolute;
      right: 22%;
      top: 20%;
      width: 32% !important;
  }
}

@media (min-width: 820px) { 
  /* welcome to bay club */
  .mob-text1 { 
    z-index: 2;
    position: absolute;
    right: 27%;
    top: 21%;
    width: 23% !important;
  }
  
  /* for business, sports & le */
  .mob-text2 {
    z-index: 2;
    position: absolute;
    right: 24.5%;
    top: 21.5%;
    width: 28% !important;
  }
  
  .mob-text3 {
    z-index: 2;
    position: absolute;
    right: 25%;
    top: 21.5%;
    width: 28% !important;
  }
  
  .mob-text4 {
    z-index: 2;
    position: absolute;
    right: 23%;
    top: 21.5%;
    width: 31% !important;
  }
  .mob-text5 {
      z-index: 2;
      position: absolute;
      right: 22%;
      top: 18%;
      width: 32% !important;
  }
}

@media (min-width: 912px) { 
  /* welcome to bay club */
  .mob-text1 { 
    top: 20%;
    width: 21% !important;
  }
  
  /* for business, sports & le */
  .mob-text2 {
    top: 20.5%;
  }
  
  .mob-text3 {
    top: 20.5%;
  }
  
  .mob-text4 {
    top: 20.5%;
  }
  .mob-text5 {
      right: 23%;
      top: 17.5%;

  }
}

.row>*{
  padding-right: 0;
  padding-left: 0;
}