.bg-menu{
    background-color: rgba(0, 0, 0, 0.416);
}
.navbar-color{
    color: white;
    display: block;
    text-align: center;
}

.navbar-brand{
    color: white;   
    margin-left: 2%;
    font-size: 150%;

}
.navbar{
    height: 100px;
    font-size: 150%;
}

.Cimg{
    width: 100%;
    height: 100%    ;
}
.mlogo{
    display: none;
    height: auto;
    width: 10%;
    position: fixed;
    top: 2%;
    left: 2%;
    z-index: 10000000;
}
.mainLanding{
    width: 100%;
    height: 50%;
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    z-index: 1000;
}
.mainLandingL{
    width:30%;
    height: 100%;
    float: left;
    position: relative;
    left: 10%;
    background: url(../img/tbsservices.png) center center no-repeat;
    background-size:  auto 100%;
  background-color: rgba(255, 255, 255, 0.767);
  border-radius: 10%;

}
.mainLandingR{
    padding-top: 7%;
    width: 30%;
    height: 100%;
    position: relative;
    right: 10%;
    float: right;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.327);
    color: white;
    border-radius: 5%;
    box-shadow:1px 1px 1px white;
}
.aboutUs{
    width: 60%;
    height: auto;
    text-align: center;
    margin-top: 2%;
    margin-left: 23%;
}
.aboutUs p{
    font-size: 100%;
}
.aboutUsL{
    padding-top: 2%;
    padding-left: 2%;
    width: 50%;
    height: 390px;
    float: left;
    background-color: rgba(255, 255, 0, 0.368);
   
}

.aboutUsR{
    width: 50%;
    height: 390px;
    float: left; 
    overflow: hidden;
   
}
.aboutUsR img{
    height: 100%;
    width: auto;
}
.aboutUsBL{
    width: 50%;
    height: auto;
    float: left; 
    padding-top: 2%;
   background-color: whitesmoke;
}
.aboutUsBR{
    width: 50%;
    height: auto;
    float: left; 
    padding-top: 2%;
  color: white;
    background-color: rgba(0, 0, 0, 0.375);
}
.Packages{
    display: block;
    width: 100%;
    background-image: url('../img/packges/2.jpg');
    height: auto;   
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:  auto 140%;
    margin-bottom: 50px;
    
    color: white;
    text-align: center;
    float: left;
    margin: 0;
    padding: 0;
  
}
.Aubrey{
    height: auto;
    width: 100%;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
    font-size: 100%;
}
.aubrey_left{
    float: left;
    width: 57%;
    height: auto;
}

.aubrey_right{
    float: left;
    width: 40%;
    height: auto;
    margin-top: 8%;
}
.aubrey_right img{
    width: 80%;
    height: auto;
}
.courses_ul{
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
    text-align: center;
}
.course_item{
    width: 97%;
    margin: 1%;
    border: 1px white solid;
    border-radius: 15%;
    transition: 1s all;
    height: 30px;
    background-color: rgba(9, 9, 107, 0.308);
   
    
}
.course_item:hover{
    width: 97%;
    margin: 1%;
   box-shadow: 1px 1px 1px black;
    border-radius: 0%;
    background-color: rgb(4, 4, 49);
    
 
    
}

.course_item_blank{
    height: 30px;
    border: 1px transparent solid; 
    margin: 1%;
}

.courses_ul .course_item a{
    text-decoration: none;
    color: white;
  

}
.checked {
    color: orange;
  }
.PackagesFrame{
    width: 30%;
    height:auto;
    float: left;    
    margin: 1.5%;
}
.PackagesImg{
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    color: white;
}
.PackagesImg img{
    width: 100%;
    height: auto;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .PackagesBody{
    border: 1px white solid ;
  }
  .PackagesBookButton{
      width: 50%;
      height: auto;
      border-radius: 5%;
      background-color: rgb(4, 4, 46);
      color: white;
      margin-left: 22%;
      font-size: 150%;
      margin-top: 20px;
      
  }
  .PackagesBookButton{
    text-decoration: none;
  }
  .PackagesB{
      width: 100%;
      height: auto;
      margin-top: 2%;
      font-size: 200%;
  }
  .Services{
      width: 100%;
      height: auto;
      text-align: center;
  }
  .contactUs{
    width: 100%;
    text-align: center;
    height: auto;
    float: left;
    background: url(../img/packges/contact.jpg) center center no-repeat;
    background-size: 100% auto  ;
    color: white;
    margin-top: 7%;
}
.Form_c{
    width: 50%;
    float: left;
}
.ContactUs_right{
    width: 40%;
    float: left;
    text-align: center;
}
.ContactUs_right img{
    height: 50px;
    width: auto;
    margin: 1%;
}
.ContactUs_whatsapp{
    width: 100%;
    float: left;
    height: auto;
}
.contactInputContainer{
    width: 45%;
    height: auto;
    float: left;
    margin: 1%;
}
.contactInput{
    width: 100%;
    height: 50px;
    margin: 2%;
}
.submitBTN{
    width: 60%;
    height: 50px;
    margin: 7%;
    border-radius: 5%;
    background: #040947;
    color: blue;
    color: white;
    
}

.footer{
    height: auto;
    width: 100%;
    background: black;
    text-align: center;
    color: white;
    float: left;
  
}

.openMenuMobile{
   
    width: 50px;
    height: 50px;
    background: url(../img/menuBar.png) no-repeat center center;
    background-size: 100% auto;
    display: block;
position: fixed;
right: 2%;
top:1%;
    z-index: 1000;
   
}
.closeMenuMobile{
    margin-top: 1%;
    margin-right: 2%;
    width: 50px;
    height: 50px;
    background: url(../img/menuBarClose.png) no-repeat center center;
    background-size: 100% auto;
    display: none;
    float: right;
   
    
}
.img1{
    display: block;
}
.img1Mobile{
    display: none;
}
@media (orientation: portrait){
    .img1{
        display: none;
    }
    .img1Mobile{
        display: block;
    }
}

  @media only screen  and (max-width: 760px){
     .carousel{
         margin-top: 50px;
         height: 100vh;
     } 
  
     .navbar{
        height: 50px;
       background-color: black;
       color: white;
    }
    .carousel-item{
        height: 100vh;
    }

    .mainLandingL{
    width: 70%;
    height: 70%;
  
    position: relative;
    left: 15%;
    top: 0;
  
    background: url(../img/tbsservices.png) center center no-repeat;
    background-size:auto 100% ;
  background-color: rgba(255, 255, 255, 0.593);
  
}
.mainLandingR{
   display: none;
}  
.Cimg{
    height: 100%;
    width: auto;
}
.aboutUsL{
    padding-top: 2%;
    padding-left:0;
    width: 100%;
    height: 390px;
    float: left;
    background-color: rgba(255, 255, 0, 0.368);
   
}
.aboutUs p{
    font-size: 80%;
}
.Aubrey {
   font-size: 80%;
}
.aubrey_left{
    float: left;
    width: 100%;
    height: auto;
}

.aubrey_right{
    float: left;
    width: 100%;
    height: auto;
}

.aboutUsR{
    width: 100%;
    height: 390px;
    float: left; 
    overflow: hidden;
   
}
.aboutUsR img{
    height: 100%;
    width: auto;
}
.aboutUsBL{
    width: 100%;
    height: auto;
    float: left; 
    padding-top: 2%;
   background-color: whitesmoke;
}
.aboutUsBR{
    width: 100%;
    height: auto;
    float: left; 
    padding-top: 2%;
  color: white;
    background-color: rgba(0, 0, 0, 0.375);
}
.PackagesFrame{
    width:97%;
    height: auto;
    float: left;    
    margin: 1.5%;
}
.contactUs{
    width: 100%;
    text-align: center;
    height: auto;
    float: left;
    background: url(../img/packges/contact.jpg) center center no-repeat;
    background-size:auto 100%   ;
    color: white;
    margin-top: 7%;
}
.ContactUs_right{
    width: 100%;
    float: left;
    text-align: center;
}
.ContactUs_right img{
    height: 50px;
    width: auto;
    margin: 1%;
}
.Form_c{
    width: 100%;
    float: left;
}
.contactInputContainer{
    width: 95%;
    height: auto;
    float: left;
    margin: 0;
}
.navbar-nav{
    background-color: black;
}
.mlogo{
 width: 30%;
}
  }