@media(max-width:990px)
{
    .menuarea
    {
        display: none;

    }
}

@media(min-width:990px)
{
    .mobile-menu-tag {
   display: none;
}
}
@media(min-width:991px) and (max-width:1200px)
{


.about-img {
    margin-bottom: 20px;
    float: none;
    object-fit: cover;
    width: 100%;

margin-top: 30px;
}


.a-bus-1 h1 {
    
    padding: 0px 14%;
}

.service-content {
    height: 30%;
    background-color: #000;
    padding: 15px 20px 15px 20px;
}

.ct-box {
    margin-right: 5px;
    float: left;
    width: 48%;
}








.buttonarea a {
width: 127px;

}
.menuarea > ul > li {
  
    padding: 0px 15px;
}

.buttonarea {

    padding: 0px 15px;
}
.btn2 {
    float: right;
    margin-left: 14px;
}
.logopart img {
    float: left;
    width: 226px;
}
.header-content h2 {
 
    font-size: 70px;
}
.header-content p {
 
    padding-right: 20%;
}
.banner2 h1 {

    padding: 0px 17%
}
.banner2 p {

    padding: 0px 9%
}
.card-content h3 {
    font-size: 17px;
}


.banner3 h1 {
    padding: 0px 0%;
}
.banner4 h1 {
    font-family: 'Instrument Sans', sans-serif;
    float: left;
    font-size: 42px;
}
.jelly-1 {
    position: absolute;
    width: 273px;
    right: 280px;
    top: -79px;
}
.b3-loop {
    padding-left: 55px;
}
.b3-loop2 {
    padding-right: 55px;
}
.star-2 {
        position: absolute;
        left: 83px;
        top: -154px;
    }
.diver-img {
    float: left;
    width: 450px;
            margin-top: 5%;

}
.why-ocean-text {
    float: left;
    width: 49%;
}
.why-ocean h2 {
    font-size: 36px;
}
.banner10 h1 {
    margin-bottom: 24px;
    font-size: 40px;
}
.dummy {
    font-size: 31px;
}
.social-icons img {
    width: 26px;
}
.copy
 {
    float: left;
    width: 60%;
}
.design
 {
    width: 40%;
}
.big-banner-text {

    font-size: 79px;
}
.diving-card{
    height: 197px;
}
.banner2 {
    height: 1115px;
}


.b3-card {
  
    height: 284px;
}
}


@media(min-width:991px) and (max-width:1024px)
{
    .banner3 img {
    position: absolute;
    right: 152px;
    top: -182px;
}
.ct-box {
    margin-right: 5px;
    float: left;
    width: 48%;
}
}





@media(min-width:768px) and (max-width:990px)
{    .ct-box {
        display: block;
        text-align: center;
        height: 240px;
        width: 49%;
    }
    .map-sec{
        margin-top: 30px;
    }
.contact-section2 h1 {

text-align: center;
width: 100%;
}
      .modal-dialog {
        max-width: 100% !important; 
    }
    .mod-right {
    width: 100%;
    float: left;
    padding: 30px 0px;
}
.about-img {
    margin-bottom: 20px;
    float: none;
    object-fit: cover;
    width: 100%;

margin-top: 30px;
}


.a-bus-1 h1 {
    font-size: 40px;
    padding: 0px 9%;
}

.service-content {
    height: 30%;
    background-color: #000;
    padding: 15px 20px 15px 20px;
}

.star-about {
    position: absolute;
    width: 131px;
    right: 57px;
    bottom: -60px;
}
.odometer {
    font-size: 31px;
}
.counter-box {
    flex: 1 1 200px;
    background: #f5f5f5;
    padding: 33px 8px;
}
.counter-title {
    font-size: 17px;
    font-family: "Instrument Sans", sans-serif;
    letter-spacing: -.5px;
}
.suffix {
    font-size: 31px;
}

.call-bg h1,
.call-bg h2 {
    margin-bottom: 24px;
    font-size: 37px;
}
.call-bg p {
    font-family: 'Instrument Sans', sans-serif;
    width: 100%;
}
#sub-page-intro p {
   
    padding: 0px 5%;
}

#sub-page-intro h6 {

    padding: 0px 0%;
}











.buttonarea a {
width: 127px;

}
.menuarea > ul > li {
  
    padding: 0px 15px;
}

.buttonarea {

padding: 0px 15px;

margin-top: 12px;
}
  .menu-img {
        /* width: 29px; */
        margin-top: 23px !important;
    }
.btn2 {
    float: right;
    margin-left: 14px;
}
.logopart img {
    float: left;
    /* width: 226px; */
}
.header-content h2 {
 
font-size: 64px;
 
line-height: 72px;
}
.header-content p {
 
padding-right: 24%;
}
.banner2 h1 {

padding: 0px 7%;
}
.banner2 p {

padding: 0px 0%;
}
.card-content h3 {
    /* font-size: 17px; */
}


.banner3 h1 {
    padding: 0px 0%;
    font-size: 30px;
}
.banner4 h1 {
    font-family: 'Instrument Sans', sans-serif;
    float: left;
    font-size: 30px;
}
.jelly-1 {
    position: absolute;
    width: 214px;
    right: 226px;
    top: -74px;
}
.b3-loop {
    padding-left: 55px;
}
.b3-loop2 {
    padding-right: 55px;
}
.star-2 {
        position: absolute;
        left: 83px;
        top: -154px;
    }
.diver-img {
    float: none;
    width: 450px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 50px;
}
.why-ocean-text {
    float: left;
    width: 100%;
    text-align: center;
}
.why-ocean h2 {
    font-size: 36px;
}
.banner10 h1 {
    margin-bottom: 24px;
    font-size: 30px;
    /* padding-right: 42%; */
    text-align: center;
    width: 100%;
    padding: 0px 13%;
    letter-spacing: -.5px;
}
.dummy {
    width: 100%;
    font-size: 31px;
}
.social-icons img {
    width: 26px;
}
.copy
 {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.design
 {
    width: 100%;
    text-align: center;
}
.big-banner-text {

font-size: 62px;
}
.bo-3 {
    float: left;
    width: 100%;
    height: 1px;
    margin-top: 35px;
}
.diving-card{
    height: 197px;
}
.banner2 {
    height: 1433px;
}


.b3-card {
  
    height: 284px;
}
.content-wrapper {
   
height: 650px;
   
bottom: -48px;
   
/* display: flex; */
   
/* align-items: center; */
   
/* justify-content: center; */
}
.slide{

    height: 650px;
}
    .slide .item {
    height: 650px;
}
.slider-ban .item .slide-image {
    height: 650px;
}
@keyframes oceanZoom {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.05); /* Reduced zoom from 1.15 to 1.05 */
  }
  100% {
    transform: scale(1);
  }
}
.banner3 img {
    position: absolute;
    right: 102px;
    top: -197px;
}
.insta-title h1 {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 32px;
    margin-top: 14px;
}
.banner5 {
    float: left;
    width: 100%;
    padding: 49px 0px;
}
.why-ocean {
    width: 100%;
    float: left;
    padding: 20px 0px 100px 0px;
}
.feature-box img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
}
.banner10 h2 {
    text-align: center;
}
.button-wrapper2 {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.f-logo {
    width: 271px;
}
.logo-right {
    width: 203px;
    float: right;
}
.ftr-h1 {
    float: left;
    text-align: center;
    display: block;
}
.text-left {
    width: 100%;
    float: left;
    display: block;
    align-items: center;
    text-align: center !important;
}
.ftr-btn1 {
    float: none;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
}
.small-text {
    text-align: center;
}
.phone{
    text-align: center;
}
.email{
    text-align: center;
    margin-bottom: 30px;
}
.social-icons {
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}
.address {
    font-family: 'Instrument Sans', sans-serif;
    text-align: right;
    font-size: 16px;
}
.footer-title {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 28px;
}
  .service-content h2,
  .service-content h3 {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 16px;
    margin: 0;
    line-height: 1.4;
    text-align: center;
}

}


















@media(min-width:576px) and (max-width:767px)
{


          .modal-dialog {
        max-width: 100% !important; 
    }
   #sub-page-intro {
    float: left;
    width: 100%;
    padding-top: 65px;
    padding-bottom: 30px;
}
    .service-content h2,
    .service-content h3 {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 16px;
    margin: 0;
    line-height: 1.4;
    text-align: center;
}

.service-card {

    height: 296px;
    }


.about-img {
    margin-bottom: 20px;
    float: none;
    object-fit: cover;
    width: 100%;

margin-top: 30px;
}


.a-bus-1 h1 {
    font-size: 40px;
    padding: 0px 0%;
}

.service-content {
    /* font-size: 31px !important; */
    height: 30%;
    background-color: #000;
    padding: 15px 20px 15px 20px;
    display: flex;
    justify-content: center;
}
    .star-about {
        position: absolute;
        width: 102px;
        right: 57px;
        bottom: -50px;
    }
.odometer {
    font-size: 31px;
}
.counter-box {
margin-bottom: 20px;    background: #f5f5f5;
    padding: 33px 8px;
}
.counter-title {
    font-size: 17px;
    font-family: "Instrument Sans", sans-serif;
    letter-spacing: -.5px;
}
.suffix {
    font-size: 31px;
}

.call-bg h1,
.call-bg h2 {
    margin-bottom: 24px;
    font-size: 37px;
}
.call-bg p {
    font-family: 'Instrument Sans', sans-serif;
    width: 100%;
}
#sub-page-intro p {
   
    padding: 0px 0%;
}

#sub-page-intro h6 {

    padding: 0px 0%;
}

.ab-ban1 h3 {
    letter-spacing: -1.5px;
    font-size: 39px;
     margin-bottom: 56px;
}

.ab-ban1 {
    padding-top: 176px;
}

.contact-section2 h1 {
text-align: center;
}
.map-sec iframe{
    border: 0;
    height: 349px;
}
.map-sec
{
    margin-top: 40px;
}

.contact {
padding-bottom: 0px;
}















.buttonarea a {
width: 127px;

}
.menuarea > ul > li {
  
    padding: 0px 15px;
}

.buttonarea {

padding: 0px 15px;

margin-top: 12px;
}
  .menu-img {
        /* width: 29px; */
        margin-top: 23px !important;
    }
.btn2 {
    float: right;
    margin-left: 14px;
}
.logopart img {
    float: left;
    /* width: 226px; */
}
.header-content h2 {
 
font-size: 58px;
 
line-height: 72px;
}
.header-content p {
 
padding-right: 24%;
}
.banner2 h1 {

padding: 0px 0%;

font-size: 35px;
}
.banner2 p {

padding: 0px 0%;
}
.card-content h3 {
    font-size: 17px;
}


.banner3 h1 {
    padding: 0px 0%;
    font-size: 28px;
}
.banner4 h1 {
    font-family: 'Instrument Sans', sans-serif;
    float: left;
    font-size: 39px;
    text-align: center;
}
.jelly-1 {
    position: absolute;
    width: 214px;
    right: 29px;
    top: -74px;
}
.b3-loop {
    padding-left: 20px;
}
.b3-loop2 {
    padding-right: 20px;
}
.star-2 {
        position: absolute;
        left: 25px;
        top: -140px;
    }
.diver-img {
    float: none;
    width: 450px;


    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 50px;
}
.why-ocean-text {
    float: left;
    width: 100%;
    text-align: center;
}
.why-ocean h2 {
    font-size: 39px;
}
.banner10 h1 {
    margin-bottom: 24px;
    font-size: 39px;
    /* padding-right: 42%; */
    text-align: center;
    width: 100%;
    padding: 0px 0%;
    letter-spacing: -.5px;
}
.dummy {
    width: 100%;
    font-size: 31px;
}
.social-icons img {
    width: 26px;
}
.copy
 {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.design
 {
    width: 100%;
    text-align: center;
}
.big-banner-text {

font-size: 49px;

letter-spacing: -1px;
}
.bo-3 {
    float: left;
    width: 100%;
    height: 1px;
    margin-top: 35px;
}
.diving-card{
    height: 197px;
}
.banner2 {
    height: 1396px;
}


.b3-card {
  
    height: 284px;
}
.content-wrapper {
   
/* height: 550px; */
   
/* bottom: -79px; */
   
/* display: flex; */
   
/* align-items: center; */
   
/* justify-content: center; */
}
.slide{

    height:700px;
}
    .slide .item {
    height:700px;
}
.slider-ban .item .slide-image {
    height: 700px;
    object-position: right;
}
@keyframes oceanZoom {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.05); /* Reduced zoom from 1.15 to 1.05 */
  }
  100% {
    transform: scale(1);
  }
}
.banner3 img {
    position: absolute;
    right: 102px;
    top: -171px;
    width: 123px;
}
.insta-title h1 {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 39px;
    margin-top: 14px;
    text-align: center;
    width: 100%;
    margin-bottom: 27px;
}
.banner5 {
    float: left;
    width: 100%;
    padding: 49px 0px;
}
.why-ocean {
    width: 100%;
    float: left;
    padding: 20px 0px 100px 0px;
}
.feature-box img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
}
.banner10 h2 {
    text-align: center;
}
.button-wrapper2 {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.f-logo {
    float: none;
    width: 271px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 38px;
}
.logo-right {
    width: 203px;
    float: right;
}
.ftr-h1 {
    float: left;
    text-align: center;
    display: block;
}
.text-left {
    width: 100%;
    float: left;
    display: block;
    align-items: center;
    text-align: center !important;
}
.ftr-btn1 {
    float: none;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
}
.small-text {
    text-align: center;
}
.phone{
    text-align: center;
}
.email{
    text-align: center;
    margin-bottom: 30px;
}
.social-icons {
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}
.address {
    font-family: 'Instrument Sans', sans-serif;
    text-align: center;
    font-size: 20px;
}
.footer-title {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 28px;
    text-align: center;
}
.card-content {
    position: absolute;
    inset: 0;
    padding: 22px 15px 31px 15px;
}
.up-arw {
    display: none;
}
.banner4 h2 {
    text-align: center;
    width: 100%;
}
.insta-profile {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 25px;
    float: right;
    margin-top: 6px;
    width: 100%;
}

.artrades-sec {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.style-diff {
    text-align: center !important;
    margin-bottom: 20px !important;
}
.footer-cnct {
    margin-top: 30px;
}
   
    .counterup-section {
    padding: 100px 0px 70px 0px;
}
.vision-item {
    text-align: center;
}
.counterup-container {
    display: block;
}
.call-bg {
    float: left;
    width: 100%;
}

.cta-btn {
    display: flex
;
}
.button-wrapper{
    float: left;
    width: 100%;
}
}






















@media(min-width:450px) and (max-width:575px)
{
    #sub-page-intro {
    float: left;
    width: 100%;
    padding-top: 65px;
    padding-bottom: 34px;
}
.ct-box {display: block;text-align: center;height: auto;width: 100%;}
.ct-box h4 {
float: left;
width: 100%;
text-align: center;
}

    .service-img {
    width: 100%;
    height: 80%;
}
.service-card {
align-items: center;
justify-content: center;
}
    .a-bus1-1 p {
    text-align: justify;
}
    .menu-img {
        width: 29px;
        margin-top: 37px !important;
    }

.counterup-section {
    padding: 100px 0px 70px 0px;
}
.vision-item {
    text-align: center;
}
.counterup-container {
    display: block;
}
.call-bg {
    float: left;
    width: 100%;
}

.cta-btn {
    display: flex
;
}
.button-wrapper{
    float: left;
    width: 100%;
}
.about-img {
    display: none;
    margin-bottom: 20px;
    float: none;
    object-fit: cover;
    width: 100%;
    margin-top: 30px;
}


.a-bus-1 h1 {
    font-size: 35px;
    padding: 0px 0%;
    margin-bottom: 20px;
}

.service-content {
    height: 30%;
    background-color: #000;
    padding: 15px 20px 15px 20px;
}
    .star-about {
        position: absolute;
        width: 102px;
        right: 7px;
        bottom: -50px;
    }
.odometer {
    font-size: 45px !important;
}
.counter-box {
    flex: 1 1 200px;
    background: #f5f5f5;
    padding: 33px 8px;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.counter-title {
    font-size: 17px;
    font-family: "Instrument Sans", sans-serif;
    letter-spacing: -.5px;
}
.suffix {
    font-size: 45px;
    position: relative;
    top: 1px;
}

.call-bg h1,
.call-bg h2 {
    margin-bottom: 24px;
    font-size: 37px;
    text-align: center;
}
.call-bg p {
    font-family: 'Instrument Sans', sans-serif;
    width: 100%;
    text-align: center;
}
#sub-page-intro p {
   
    padding: 0px 0%;
}

#sub-page-intro h6 {
        font-size: 38px;
    padding: 0px 0%;
}

.ab-ban1 h3 {
    letter-spacing: -1.5px;
    font-size: 39px;
     margin-bottom: 56px;
}

.ab-ban1 {
    padding-top: 176px;
}

.contact-section2 h1 {
text-align: center;
        font-size: 38px;
}

.map-sec iframe{
    border: 0;
    height: 349px;
}
.map-sec
{
    margin-top: 40px;
}

.contact {
padding-bottom: 0px;
}










    
.menuarea > ul > li {
  
    padding: 0px 15px;
}
.buttonarea {

padding: 0px 15px;

margin-top: 18px;
}
.buttonarea a {width: 118px;height: 40px;}

  .menu-img {
        /* width: 29px; */
        margin-top: 23px !important;
    }
.btn2 {
    float: right;
    margin-left: 14px;
}
.logopart img {
    float: left;
    width: 226px;
}
.header-content h2 {
 
font-size: 52px;
 
line-height: 61px;
 
TEXT-ALIGN: CENTER;
}
.header-content p {
 
padding-right: 0PX;
 
TEXT-ALIGN: CENTER;
 
color: #fff;
}
.banner2 h1 {

padding: 0px 0%;

font-size: 35px;
}
.banner2 p {

padding: 0px 0%;
}
.card-content h3 {
    font-size: 17px;
}


.banner3 h1 {
    padding: 0px 0%;
    font-size: 28px;
}
.banner4 h1 {
    font-family: 'Instrument Sans', sans-serif;
    float: left;
    font-size: 39px;
    text-align: center;
}
.jelly-1 {
    position: absolute;
    width: 179px;
    right: 15px;
    top: -60px;
}
.b3-loop {
    padding-left: 20px;
}
.b3-loop2 {
    padding-right: 20px;
}
.star-2 {
        position: absolute;
        left: 9px;
        top: -145px;
        width: 179px;
    }
.diver-img {
    float: none;
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 50px;
}
.why-ocean-text {
    float: left;
    width: 100%;
    text-align: center;
}
.why-ocean h2 {
    font-size: 39px;
}
.banner10 h1 {
    margin-bottom: 24px;
    font-size: 35px;
    /* padding-right: 42%; */
    text-align: center;
    width: 100%;
    padding: 0px 0%;
    letter-spacing: -.5px;
}
.dummy {
    width: 100%;
    font-size: 31px;
}
.social-icons img {
    width: 26px;
}
.copy
 {
    padding: 0px 9%;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
    line-height: 24px;
}
.design
 {
    width: 100%;
    text-align: center;
}
.big-banner-text {

font-size: 40px;

letter-spacing: -1px;
}
.bo-3 {
    float: left;
    width: 100%;
    height: 1px;
    margin-top: 35px;
}
.diving-card{
     height: 206px; 
    WIDTH: 89%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    margin-bottom: 20px;
}
.banner2 {
    height: 1961px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    background-size: cover;
    background-position-y: 103px;
    background-color: #000;
}


.b3-card {
  
    height: 284px;
}
.content-wrapper {
   
height:750px;
   
bottom: 0;
   
/* display: flex; */
   
/* align-items: center; */
   
/* justify-content: center; */
}

.header-content {
    top: -95px;
}
.slide{

height: 750px;
}
    .slide .item {
    height: 750px;
}
.slider-ban .item .slide-image {
    height: 750px;
    object-position: right;
}

@keyframes oceanZoom {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.05); /* Reduced zoom from 1.15 to 1.05 */
  }
  100% {
    transform: scale(1);
  }
}
.banner3 img {
    position: absolute;
    right: 31px;
    top: -142px;
    width: 123px;
}
.insta-title h1 {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 39px;
    margin-top: 14px;
    text-align: center;
    width: 100%;
    margin-bottom: 27px;
}
.banner5 {
    float: left;
    width: 100%;
    padding: 49px 0px;
}
.why-ocean {
    width: 100%;
    float: left;
    padding: 20px 0px 100px 0px;
}
.feature-box img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
}
.banner10 h2 {
    text-align: center;
}
.button-wrapper2 {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.f-logo {
    float: none;
    width: 271px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 38px;
}
.logo-right {
    width: 203px;
    float: right;
}
.ftr-h1 {
    float: left;
    text-align: center;
    display: block;
}
.text-left {
    width: 100%;
    float: left;
    display: block;
    align-items: center;
    text-align: center !important;
}
.ftr-btn1 {
    float: none;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
}
.small-text {
    text-align: center;
}
.phone{
    text-align: center;
}
.email{
    text-align: center;
    margin-bottom: 30px;
}
.social-icons {
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}
.address {
    font-family: 'Instrument Sans', sans-serif;
    text-align: center;
    font-size: 20px;
}
.footer-title {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 28px;
    text-align: center;
}
.card-content {
    position: absolute;
    inset: 0;
    padding: 22px 15px 31px 15px;
}
.up-arw {
    display: none;
}
.banner4 h2 {
    text-align: center;
    width: 100%;
}
.insta-profile {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 25px;
    float: right;
    margin-top: 6px;
    width: 100%;
}

.artrades-sec {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.style-diff {
    text-align: center !important;
    margin-bottom: 20px !important;
}
.footer-cnct {
    margin-top: 30px;
}

.ban2-a {
    float: left;
    width: 100%;
    margin-bottom: 38px;
}
.banner4 {
    background-position-x: 15%;
background-size: cover;
    padding: 119px 0px 50px 0px;
}
.gal-img {
    height: 246px;
}
    .medabout-img {
  
    height:500px;
}
}





























@media (max-width:449px)
{
    .medabout-img {
  
    height: 350px;
}
.service-content h2,
.service-content h3 {
text-align: center;
}

  #sub-page-intro {
    float: left;
    width: 100%;
    padding-top: 65px;
    padding-bottom: 34px;
}
.ct-box {
    display: block;text-align: center;height: auto;width: 100%;

}
.ct-box h4 {
float: left;
width: 100%;
text-align: center;
}

    .service-img {
    width: 100%;
    height: 80%;
}
.service-card {
align-items: center;
justify-content: center;
}
    .a-bus1-1 p {
    text-align: justify;
}
    .menu-img {
        /* width: 29px; */
        /* margin-top: 32px !important; */
    }

.counterup-section {
    padding: 100px 0px 70px 0px;
}
.vision-item {
    text-align: center;
}
.counterup-container {
    display: block;
}
.call-bg {
    float: left;
    width: 100%;
}

.cta-btn {
    display: flex
;
}
.button-wrapper{
    float: left;
    width: 100%;
}
.about-img {
    display: none;
    margin-bottom: 20px;
    float: none;
    object-fit: cover;
    width: 100%;
    margin-top: 30px;
}


.a-bus-1 h1 {
    font-size: 35px;
    padding: 0px 0%;
    margin-bottom: 20px;
}

.service-content {
    height: 30%;
    background-color: #000;
    padding: 15px 20px 15px 20px;
}
    .star-about {
        position: absolute;
        width: 102px;
        right: 7px;
        bottom: -50px;
    }
.odometer {
    font-size: 45px !important;
}
.counter-box {
    flex: 1 1 200px;
    background: #f5f5f5;
    padding: 33px 8px;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.counter-title {
    font-size: 17px;
    font-family: "Instrument Sans", sans-serif;
    letter-spacing: -.5px;
}
.suffix {
    font-size: 45px;
    position: relative;
    top: 1px;
}

.call-bg h1,
.call-bg h2 {
    margin-bottom: 24px;
    font-size: 31px;
    text-align: center;
}
.call-bg p {
    font-family: 'Instrument Sans', sans-serif;
    width: 100%;
    text-align: center;
}
#sub-page-intro p {
   
    padding: 0px 0%;
}

#sub-page-intro h6 {
        font-size: 38px;
    padding: 0px 0%;
}

.ab-ban1 h3 {
    letter-spacing: -1.5px;
    font-size: 39px;
     margin-bottom: 56px;
}

.ab-ban1 {
    padding-top: 176px;
}

.contact-section2 h1 {
text-align: center;
        font-size: 38px;
}

.map-sec iframe{
    border: 0;
    height: 349px;
}
.map-sec
{
    margin-top: 40px;
}

.contact {
padding-bottom: 0px;
}



























.buttonarea {

padding: 0px 5px;

margin-top: 16px;
}
.buttonarea a {width: 108px;height: 35px;}

  .menu-img {
        width: 25px !important;
        margin-top: 22px !important;
    }
.btn2 {
    float: right;
    margin-left: 14px;
}
.logopart img {
    float: left;
    width: 185px;
}
.header-content h2 {
 
font-size: 39px;
 
line-height: 48px;
 
TEXT-ALIGN: CENTER;
 
letter-spacing: -1.5px;
}
.header-content p {
 
padding-right: 0PX;
 
TEXT-ALIGN: CENTER;
 
color: #fff;
}
.banner2 h1 {

padding: 0px 0%;

font-size: 29px;
}
.banner2 p {

padding: 0px 0%;
}
.card-content h3 {
    font-size: 17px;
}


.banner3 h1 {
    padding: 0px 0%;
    font-size: 28px;
}
.banner4 h1 {
    font-family: 'Instrument Sans', sans-serif;
    float: left;
    font-size: 35px;
    text-align: center;
}
.jelly-1 {
    position: absolute;
    width: 179px;
    right: 15px;
    top: -60px;
}
.b3-loop {
    padding-left: 15px;
    PADDING-RIGHT: 15px;
}
.b3-loop2 {
    padding-right: 15px;
    padding-left: 15px;
}
.star-2 {
        position: absolute;
        left: 9px;
        top: -145px;
        width: 179px;
    }
.diver-img {
    float: none;
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 50px;
}
.why-ocean-text {
    float: left;
    width: 100%;
    text-align: center;
}
.why-ocean h2 {
    font-size: 27px;
}
.banner10 h1 {
    margin-bottom: 24px;
    font-size: 25px;
    /* padding-right: 42%; */
    text-align: center;
    width: 100%;
    padding: 0px 0%;
    letter-spacing: -.5px;
}
.dummy {
    width: 100%;
    font-size: 23px;
}
.social-icons img {
    width: 26px;
}
.copy
 {
    padding: 0px 3%;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
    line-height: 24px;
}
.design
 {
    width: 100%;
    text-align: center;
}
.big-banner-text {

font-size: 27px;

letter-spacing: -1px;
}
.bo-3 {
    float: left;
    width: 100%;
    height: 1px;
    margin-top: 35px;
}
.diving-card{
     height: 206px;
     WIDTH: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
     float: none;
     margin-bottom: 20px;
}
.banner2 {
    height: 2047px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    background-size: cover;
    background-position-y: 103px;
    background-color: #000;
}


.b3-card {
  
    height: 284px;
}
.content-wrapper {
   
height:770px;
   
bottom: 0;
   
/* display: flex; */
   
/* align-items: center; */
   
/* justify-content: center; */
}

.header-content {
    top: -103px;
}
.slide{

height: 770px;
}
    .slide .item {
    height: 770px;
}
.slider-ban .item .slide-image {
    height: 770px;
    object-position: right;
}
@keyframes oceanZoom {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.05); /* Reduced zoom from 1.15 to 1.05 */
  }
  100% {
    transform: scale(1);
  }
}
.banner3 img {
    position: absolute;
    right: 31px;
    top: -142px;
    width: 123px;
}
.insta-title h1 {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 35px;
    margin-top: 14px;
    text-align: center;
    width: 100%;
    margin-bottom: 27px;
}
.banner5 {
    float: left;
    width: 100%;
    padding: 49px 0px;
}
.why-ocean {
    width: 100%;
    float: left;
    padding: 20px 0px 100px 0px;
}
.feature-box img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
}
.banner10 h2 {
    text-align: center;
}
.button-wrapper2 {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.f-logo {
    float: none;
    width: 271px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 38px;
}
.logo-right {
    width: 155px;
    float: right;
}
.ftr-h1 {
    float: left;
    text-align: center;
    display: block;
}
.text-left {
    width: 100%;
    float: left;
    display: block;
    align-items: center;
    text-align: center !important;
}
.ftr-btn1 {
    float: none;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
}
.small-text {
    text-align: center;
}
.phone{
    text-align: center;
}
.email{
    text-align: center;
    margin-bottom: 30px;
}
.social-icons {
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}
.address {
    font-family: 'Instrument Sans', sans-serif;
    text-align: center;
    font-size: 20px;
}
.footer-title {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 28px;
    text-align: center;
}
.card-content {
    position: absolute;
    inset: 0;
    padding: 22px 15px 31px 15px;
}
.up-arw {
    display: none;
}
.banner4 h2 {
    text-align: center;
    width: 100%;
}
.insta-profile {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 25px;
    float: right;
    margin-top: 6px;
    width: 100%;
}

.artrades-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.style-diff {
    text-align: center !important;
    margin-bottom: 20px !important;
}
.footer-cnct {
    margin-top: 30px;
}

.ban2-a {
    float: left;
    width: 100%;
    margin-bottom: 38px;
}
.banner4 {
    background-position-x: 23%;
    background-size: cover;
    padding: 119px 0px 65px 0px;
}
.gal-img {
    height: 246px;
}

    .banner4 h1 br{
display: none;
}
    .insta-title h1 br{
display: none;
}
.feature-box {
    width: 100%;
}
.panel1 img{
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;


}


.panel1 {
   
    padding: 25px 15px;
}
.b10-1 {
    float: left;
    width: 100%;
    text-align: center;
}
}

@media(min-width:767px)
{
    .medabout-img{
        display: none;
    }
     .about-img{
        display: block;
    }
}

@media(max-width:767px)
{


.mod-right{
    display: none;
}
.mod-new {
    width: 100%;
    float: left;
    padding: 40px 0px;
}
    .morebtn button {
width: 197px;
    }
    .jelly-counter {
    position: absolute;
    width: 171px;
    right: 0px;
    top: -75px;
}
        .call-bg 
        {
            text-align: center;
        }
    .ab-ban1 h2 {
    display: table;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
    .ab-ban1 h3 {
text-align: center;
    }
.ab-ban1 a {
    text-align: center;
float: none;
}

    .medabout-img{
        display: block;
    }
     .about-img{
        display: none;
    }
    .vision-item{
        text-align: center;
    }
}




@media(min-width:575px)
{
    .mob{
        display: none !important;
    }
     .desk{
        display: block !important;
    }
}

@media(max-width:575px)
{
    .footer-content {
    width: 100%;
    float: left;
    font-family: 'Instrument Sans', sans-serif;
    margin-bottom: 0px;
}
    .call-action {
 
    background-attachment: scroll !important; /* Changed from fixed */
}
    .ab-ban1 {
        background-position-x: right;
    }
    .mob{
        display: block !important;
    }
     .desk{
        display: none !important;
    }

    .log-sec {
    width: 100%;
    float: left;
    /* background-color: #111; */
     padding: 52px 15px !important; 
}
}

@media(max-width:370px)
{
        .logopart img {
        float: left;
        width: 156px !important;
        margin-top: 5px;
    }
}


@media(min-width:1200px) and (max-width:1415px)
{

    .big-banner-text {
    line-height: 94px;
    float: left;
    text-align: center;
    font-size: 96px;

}
}


.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    font-family: 'Instrument Sans', sans-serif !important;
}