/*-------------------------------(max-width:599px)---------------------------------*/
@media (max-width:599px) {
.top-area {
         /* center items horizontally on mobile */
        display: flex;
        flex-direction: column; /* stack items vertically */
        align-items: flex-start; /* align items to the start (left) */
    }

  .team h1{
    text-align: center;
  }

    .group-photo {
        margin-top: 20px; /* increase space between heading and image on mobile */
    }

  .group-photo img {
     width: 100%;
    }

  .home{
    /* fits image to the sreen */
    background: linear-gradient(to bottom, #46455581, #aba9bc6b),  url('/IMAGES/homesection_4.JPG');
    background-size: cover;
    background-repeat:no-repeat;
    background-position: center center;

  }
  
  .member-picture {
    width: 100%;
    text-align: center;
}

.member-info {
    width: 100%;
    text-align: center;
}
  .scroll-down .nav-bar {
    transform: translate3d(0,-100%,0);
    transition: all 200ms ease-in-out;
  }

  .scroll-up .nav-bar {
    background-color: #08122cf5 !important;
    transition: background-color 100ms ease-out;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
  }
  

  /*lOGO IMAGE*/
  .home .header .nav-bar .logo img {
    width: 90px;
    aspect-ratio: auto 90 / 73.5;
    height: 73.5px;
    object-fit: contain;
    padding: 10px 2px 7px 2px;
  }


  .Home-content{
    justify-content:center;
    align-items:center;
    text-align: center;
    width: 90%;
  }
 
  .Home-content .landing-content .main-heading p{
    line-height: 1.2;
    letter-spacing: 0.03rem;
    padding: 10px 0;
  }

  .Home-content .landing-content .main-heading .sub-heading{
    line-height: 1.55;
    letter-spacing: 0.035rem;
  }

 
  /* call-to-action */
  .call-to-action {
    padding: 10px 5px 10px 5px;
  }

  .call-to-action a {
    border-radius: 5px;
    padding: 12px 16px;
  }

  
  .about-us .intro{
    padding: 20px 5px 5px 5px;
  }

  .about-us .benefits{
    padding:5px 5px 20px 5px;
    display: block;

    -webkit-hyphens: auto;
    hyphens: auto;
    word-spacing: -0.02em;

  }

  .about-us .benefits .column{
    padding:8px;
  }

  /* about details */
  .details, .details .content-left, .details .content-right{
    display: block;
  }

  .details .content-left, .details .content-right{
    max-width: 100%;
    padding:20px;
  }

  .details .content-left .content-left-text, .details .content-right .content-right-text{
    display: block;
  }

  /* partners */

  .parnters-bar {
    min-height: 45vh;
    align-items:flex-start;

  }

  .parnters-bar .partners-logo {
    padding: 30px 10px 10px 10px;
  }

  .partners-logo .title-partners {
    padding: 10px;

  }

  .partners-logo  .title-partners h1{
    grid-gap: 8px;
    margin: 0;
    letter-spacing: 0.15rem; 
  }

  /*  styling the title */
  .partners-logo  .title-partners h1:before,
  .partners-logo  .title-partners h1:after {
      width: 20px;
      height: 3px;

  }

  .partners-wrap{
    align-items: center;
  }

  .partners-logos{
    flex-direction: column; 
  } 

  .partners-wrap .partners-logos img{
   width: 100%;
   object-fit:contain ;
   height: 150px;
  }

  /*simon info1 and Simon info 3*/

  .simon-info1 .simon1 .simon1-content .simon-info-title h1 {
    text-transform: uppercase;
    letter-spacing: 0.15rem; 
  }

  .simon-info1 .simon1 .simon1-content .simon1-body,
  .simon-info3 .simon3{
    flex-direction: column-reverse;
  }
  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-text-content,
  .simon-info3 .simon3 .simon3-text-content{
    max-width: 100%;
  }

  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-text-content .simon1-text,
  .simon-info3 .simon3 .simon3-text-content .simon3-text{
    justify-content: center;
    text-align:center;
    padding: 0;
  }

  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-image,
  .simon-info3 .simon3 .simon3-image{
    width: 100%;
  }

  /* Bluewave */
  .BW-info2 .BW2 .BW2-text-content {
    padding: 10px 0 35px 0;
  }

  .BW-info2 .BW2 .BW2-text-content .BW2-text{
    padding: 0 12px 24px 12px;
  }

  /* button more details */
  .BW-info2 .BW2 .BW2-text-content .BW2-text a{
    padding: 12px 15px;
    font-weight: 500;
    cursor: none;
    width: 55%;
  }

  /* Clients */

  .clients-1 .clients-content1 .container-title {
   
    padding: 12px 0 2px 0;
    margin: 10px 0 12px 0;
  }

  .clients-1 .clients-content1 .container-title h1{
    grid-gap: 10px;
    letter-spacing: 0.15rem; 
  }
  /* add this for the styling the title */

  .clients-1 .clients-content1 .container-title h1:before,
  .clients-1 .clients-content1 .container-title h1:after {
    width: 25px;
    height: 3px;
    
  }

  .clients-1 .clients-content1,
  .clients-2 .content-container,
  .clients-3 .content-container,
  .clients-4 .content-container,
  .clients-5 .content-container{
    max-width: 100%;
  }

  .clients-1 .clients-content1 .content-container,
  .clients-3 .content-container,
  .clients-5 .content-container{
    display: block;
  }
  
  .clients-1 .clients-content1 .content-container .boat-text,
  .clients-3 .content-container .boat-text,
  .clients-2 .content-container .boat-text,
  .clients-4 .content-container .boat-text,
  .clients-5 .content-container .boat-text{
    max-width: 100%;
  }

  .clients-1 .clients-content1 .content-container .boat-text p,
  .clients-2 .content-container .boat-text p,
  .clients-4 .content-container .boat-text p,
  .clients-3 .content-container .boat-text p,
  .clients-5 .content-container .boat-text p{
    text-align: center;
  }

  .clients-1 .clients-content1 .content-container .boat-text h2,
  .clients-2 .content-container .boat-text h2,
  .clients-4 .content-container .boat-text h2,
  .clients-3 .content-container .boat-text h2,
  .clients-5 .content-container .boat-text h2{
    text-align: center;
    margin: 5px;
  }


  .clients-2 .content-container,
  .clients-4 .content-container{
    flex-direction: column-reverse;
  }

  .clients-1 .clients-content1 .content-container .boat-image,
  .clients-2 .content-container .boat-image,
  .clients-4 .content-container .boat-image,
  .clients-3 .content-container .boat-image,
  .clients-5 .content-container .boat-image{
    max-width: 100%;
  }

  .clients-1 .clients-content1 .content-container .boat-image img,
  .clients-2 .content-container .boat-image img,
  .clients-4 .content-container .boat-image img,
  .clients-3 .content-container .boat-image img,
  .clients-5 .content-container .boat-image img{
    max-height: 240px;
  }

  /*testimonial */

  .testimonial-container img{
      display: none;
  }

  .testimonial-container h3 {
    padding: 20px 10px 2px 10px;
  }


  /* Contact */

  .maps{
    padding: 2px 0;
  }

  .contact .container .contact-content{
    padding: 8px 5px 15px 5px;
  }

  .contact .container .contact-content .content-top{
    padding:5px;
    height: unset;
  }

  .contact .container .contact-content .content-bottom{
    height: unset;
  }

  .contact .container .contact-content .content-bottom,
  .contact .container .contact-content .content-bottom .content-bot-left{
    display: block;
  }

  .contact .container .contact-content .content-bottom .content-bot-left .number, 
  .contact .container .contact-content .content-bottom .content-bot-left .email,
  .contact .container .contact-content .content-bottom .content-bot-right .address-content {
    display: block;
    padding: 0;
  }


  .contact .container .contact-content .content-bottom .content-bot-left .number,
  .contact .container .contact-content .content-bottom .content-bot-left .email{
    width: 100%;
  }

  .contact .container .contact-content .content-bottom .content-bot-right .address-content p{
    padding: 5.5px  5px 0 5px;
    text-align: center;
  }

  /* footer */
  .row{
    display: flex;
    width: 100%;
    justify-content: center;
   
  }

  .footer-links{
    margin: 7px 0 7px 0;
    transition: 0.5s;

    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 75%;
  }
  
  .footer-links li {
    text-align: center;
    padding:2.5%;
    flex-grow: 1;
    flex-basis: 20%;
  }
  .footer-links li a:hover{
    color: #161d46;
  }
  .footer .row:nth-child(2){
    text-align: center;
    padding: 0 20px 20px 25px;
  }

}

/*---------------(max-width:768px) and (orientation:landscape)---------------------*/
  @media  (max-width:768px) and (orientation:landscape) {
  .home{
    flex-direction: column;
    height: 100vh;
  }

  .home{
    background: linear-gradient(to bottom, #46455581, #aba9bc6b),  url('/IMAGES/homesection_4.JPG');
    background-size: cover;
    background-repeat:no-repeat; 
    background-position: center center;

  }
  
  /* LOGO IMAGE*/
  .home .header .nav-bar .logo img {
    width: 95px;
    aspect-ratio: auto 95 / 75;
    height: 75px;
    object-fit: contain;
    padding: 10px 2px 7px 2px;
  }

  .Home-content{
    padding: 30px 0 0 0;
    height: 100% !important;
  }

  .landing-content{
    justify-content:center;
    align-items: center;
    width: 100%;
  }

  .Home-content .landing-content .main-heading{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .Home-content .landing-content .main-heading p{
    font-size: 1.97rem;
    letter-spacing:0.06rem; 
    padding: 2px 0;
  }

  .Home-content .landing-content .main-heading .sub-heading{
    font-size:0.71rem ;
    letter-spacing:0.02rem;
    padding: 3px 3px 8px 3px !important;
  }

  .call-to-action a{
    font-size:0.71rem ;
    letter-spacing:0.02rem; 
    padding: 10px 12px !important;
  } 

  .testimonial-content{
    min-height: 100vh;  
  }

  .contact {
    min-height: 100vh;
    padding: 0;
  }

  .contact-content-sec{
    margin: 40px 0;  
  }

 
.contact .container .contact-content{
    padding:10px;
  }
  
  /* footer */
  .row {
  padding: 5px 5px 5px 5px;
  overflow: hidden;
  }
  .footer-links {
    justify-content: center;
    align-items: center;
  }

  .footer-links li a {
    text-align: center;
    padding: 0 22px 0 18px;
  }
}

/*--------(min-width:769px) and (max-width:915px) and (orientation:landscape)-------------------*/
@media only screen and (min-width:769px)and (max-width:915px) and (orientation:landscape) {
  

  /*lOGO IMAGE*/
  .home .header .nav-bar .logo img {
    width: 90px;
    height: 85px;
    object-fit: contain;
    padding: 10px 2px 10px 2px;
  }
  
  .home{
    /* fits image to the sreen */
    background: linear-gradient(to bottom, #46455581, #aba9bc6b),  url('/IMAGES/homesection_4.JPG');
    background-size: cover;
    background-repeat:no-repeat; 
    background-position: center center;

  }

  .Home-content{
    padding: 30px 0 0 0;
    height: 100% !important;
  }

  .Home-content .landing-content .main-heading {
    padding: 0 0 5px 0;
  }
  
  .Home-content .landing-content .main-heading p{
    font-size: 2.08rem !important;
    letter-spacing:0.06rem; 
    padding: 2px 0;
  }


  .Home-content .landing-content .main-heading .sub-heading{
    font-size:0.75rem !important;
    letter-spacing:0.015rem;
    padding: 1px 3px 5px 3px !important;
  }

  .call-to-action a{
    font-size:0.75rem !important;
    letter-spacing:0.01rem; 
    padding: 14px 18px !important;
  } 

  .testimonial-content {
    min-height: 100vh;
  }

  .contact {
    min-height: 100vh;
  }
}

/*-------------------------------(min-width:600px)---------------------------------*/
  @media (min-width:600px){

  .scroll-down .nav-bar {
    transform: translate3d(0,-100%,0);
    transition: all 200ms ease-in-out;
  }

  .scroll-up .nav-bar {
    background-color: #08122cf5 !important;
    transition: background-color 100ms ease-out;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
  }

  /* home page */
  .Home-content{
    justify-content:center;
    align-items: center;
    text-align: center;
  }

  
  .Home-content .landing-content .main-heading .sub-heading{
   line-height: 1.25;
}

  /*contact*/
  .contact .container .contact-content .content-bottom,
  .contact .container .contact-content .content-bottom .content-bot-left{
    display: block;

  }
}

/*------------------(min-width:600px) and (max-width:767px)------------------------*/
@media (min-width:600px) and (max-width:767px){


  /* LOGO IMAGE*/
   .home .header .nav-bar .logo img {
    width: 100px;
    aspect-ratio: auto 100 / 80;
    height:80px;
    object-fit: contain;
    padding: 10px 2px 7px 2px;
  }

  .Home-content .main-heading p{
    letter-spacing: 0.05rem;
  }

  .Home-content .main-heading .sub-heading{
    letter-spacing:0.015rem;
  }
  
  /* call-to-action */
  .call-to-action {
    padding: 10px 5px 10px 5px;
  }

  .call-to-action a {
    padding: 12px 15px;
  }

  /* About */
  .about-us .benefits{
    padding:5px 5px 25px 5px;
    display: block;
  }

  .about-us .benefits .column{
    padding:8px;
  }

   /* About Details */
   .details, .details .content-left, .details .content-right{
    display: block;
  }

   /* Parnters */
   .partners-wrap{
    align-items: center;
  }

  .partners-logos{
    flex-direction: column;
  } 

  .partners-wrap .partners-logos img{
    width: 100%;
    object-fit: contain;
    height: 150px;
 }

  /* Simon info1 and Simon info 3 */

  .simon-info1 .simon1 .simon1-content .simon1-body,
  .simon-info3 .simon3{
    flex-direction: column-reverse;
  }
  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-text-content,
  .simon-info3 .simon3 .simon3-text-content{
    max-width: 100%;
  }

  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-text-content .simon1-text,
  .simon-info3 .simon3 .simon3-text-content .simon3-text{
    justify-content: center;
    text-align:center;
    padding: 0;
  }

  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-image,
  .simon-info3 .simon3 .simon3-image{
    width: 100%;
  }
  /* BLUEWAVE info2 */

  .BW-info2 .BW2 .BW2-text-content {
    padding: 10px 0 35px 0;
  }

   /* button more details */
   .BW-info2 .BW2 .BW2-text-content .BW2-text a{
    padding: 12px 15px;
    font-weight: 500;
    cursor: none;
    width: 55%;
}

  /* clients */
  .clients-1 .clients-content1,
  .clients-2 .content-container,
  .clients-3 .content-container,
  .clients-4 .content-container,
  .clients-5 .content-container{
    max-width: 100%;
  }

  .clients-1 .clients-content1 .container-title{
    margin: 15px 10px 5px 10px;
  }


  .clients-1 .clients-content1 .content-container,
  .clients-3 .content-container,
  .clients-5 .content-container{
    display: block;
  }
  .clients-1 .clients-content1 .content-container .boat-image
  {
    max-width: 100%;
  }

  .clients-1 .clients-content1 .content-container .boat-text,
  .clients-3 .content-container .boat-text,
  .clients-2 .content-container .boat-text,
  .clients-4 .content-container .boat-text,
  .clients-5 .content-container .boat-text{
    max-width: 100%;
  }

  .clients-1 .clients-content1 .content-container .boat-text p,
  .clients-2 .content-container .boat-text p,
  .clients-4 .content-container .boat-text p,
  .clients-3 .content-container .boat-text p,
  .clients-5 .content-container .boat-text p{
    text-align: center;
    padding:0 12px 0 12px;
  }

  .clients-1 .clients-content1 .content-container .boat-text h2,
  .clients-2 .content-container .boat-text h2,
  .clients-4 .content-container .boat-text h2,
  .clients-3 .content-container .boat-text h2,
  .clients-5 .content-container .boat-text h2{
    text-align: center;
  }


  .clients-2 .content-container,
  .clients-4 .content-container{
    flex-direction: column-reverse;
  }

  .clients-2 .content-container .boat-image,
  .clients-4 .content-container .boat-image,
  .clients-3 .content-container .boat-image,
  .clients-5 .content-container .boat-image{
    max-width: 100%;
  }
  
  /* Contact */
  .contact .container .contact-content .content-bottom,
  .contact .container .contact-content .content-bottom .content-bot-left{
    display: block;

  }
  
  /* Testimonal */
  .wrapper {
    max-width: 75%;
    min-height:22.5rem;
  }

}

/*------------------ min-width:768px and max-width and (899px)---------------------*/
@media (min-width:768px) and  (max-width:899px) {

  /* LOGO IMAGE*/
  .home .header .nav-bar .logo img {
    width: 140px;
    /* aspect-ratio: auto 140 / 100; */
    height: 100px;
    object-fit: contain;
    padding: 12px 2px 6px 2px;
  } 

  .Home-content .landing-content .main-heading p{
    font-size: clamp(2.3rem, 2.55rem, 2.65rem) ; 
    letter-spacing: 0.04rem;
  }

  .Home-content .landing-content .main-heading .sub-heading{
  font-size: clamp(0.9rem, 0.95rem, 1.1rem);
  padding: 2px 5px 25px 5px;
  letter-spacing: 0.02rem;

  }

  /* Call-to-action */
  .call-to-action {
    padding: 18px 5px 10px 5px;
  }

  .call-to-action a {
    padding: 18px 25px;
    font-size: clamp(0.8rem, 0.9rem, 1.05rem);
   
  }


  /* About */
  .about-us .benefits{
    padding:5px 5px 25px 5px;
    display: block;
  }

  .about-us .benefits .column{
    padding:8px;
  }

  /* About details */
  .details, .details .content-left, .details .content-right{
    display: block;
  }


   /* Parnters */
   .partners-wrap{
    align-items: center;
  }

  .partners-logos{
      flex-direction: column;
  } 

  .partners-wrap .partners-logos img{
      width: 100%;
      object-fit: contain;
      height: 150px;
  }

   /* Simon info1 and Simon info 3 */
 
   .simon-info1 .simon1 .simon1-content .simon1-body,
   .simon-info3 .simon3{
     flex-direction: column-reverse;
   }
   .simon-info1 .simon1 .simon1-content .simon1-body .simon1-text-content,
   .simon-info3 .simon3 .simon3-text-content{
     max-width: 100%;
   }
 
   .simon-info1 .simon1 .simon1-content .simon1-body .simon1-text-content .simon1-text,
   .simon-info3 .simon3 .simon3-text-content .simon3-text{
     justify-content: center;
     text-align:center;
     padding: 0;
   }
 
   .simon-info1 .simon1 .simon1-content .simon1-body .simon1-image,
   .simon-info3 .simon3 .simon3-image{
     width: 100%;
   }


   .simon-info3 .simon3 .simon3-text-content{
    padding: 10px 10px 35px 10px;
  }

  .simon-info3 .simon3 .simon3-text-content p{
    margin: 8px 0 8px 0;
  }


   /* BLUEWAVE */
   .BW-info2 .BW2 .BW2-text-content {
    padding: 10px 0 40px 0;
  }

   .BW-info2 .BW2 .BW2-text-content .BW2-text a{
    padding: 12px 5px;
    font-weight: 500;
    cursor: none;
    width: 45%;
  }


  /* Clients */
  .clients-1 .clients-content1,
  .clients-2 .content-container,
  .clients-3 .content-container,
  .clients-4 .content-container,
  .clients-5 .content-container
  {
    max-width: 100%;

 }

  .clients-1 .clients-content1 .content-container .boat-image,
  .clients-2 .content-container .boat-image,
  .clients-3 .content-container .boat-image,
  .clients-4 .content-container .boat-image,
  .clients-5 .content-container .boat-image{
    max-width: 50%;
    padding: 10px 15px 10px 15px;
  }

  .clients-5 .content-container .boat-image{
    padding: 50px 0 0 0;
  } 
  

    .clients-1 .clients-content1 .content-container .boat-text,
    .clients-2 .content-container .boat-text,
    .clients-3 .content-container .boat-text,
    .clients-4 .content-container .boat-text,
    .clients-5 .content-container .boat-text{
      max-width:50%;
      padding: 10px 19px 10px 19px;
  }

  .clients-1 .clients-content1 .content-container .boat-text p,
  .clients-2 .content-container .boat-text p,
  .clients-4 .content-container .boat-text p,
  .clients-3 .content-container .boat-text p,
  .clients-5 .content-container .boat-text p{
      text-align: center;
  }

  .clients-1 .clients-content1 .content-container .boat-text h2,
  .clients-2 .content-container .boat-text h2,
  .clients-4 .content-container .boat-text h2,
  .clients-3 .content-container .boat-text h2,
  .clients-5 .content-container .boat-text h2{
      text-align: center;
  }
  .clients-4{
    min-height: 52vh;
  }

}

/*------------------------(min-width 900px and max-width 1199px)-------------------*/
@media (min-width: 900px) and (max-width:1199px){


  /* Nav-image */
  .home .header .nav-bar .logo img {
    width: 80px;;
    height: 80px;
    object-fit: contain;
    padding: 10px 2px 5px 2px;
  }

  .Home-content .landing-content .main-heading p{
    font-size: clamp(2.4rem, 2.68rem, 2.75rem);
    padding: 4.5px 0;
  }

  .Home-content .landing-content .main-heading .sub-heading {
    padding: 2px 5px 20px 5px;
    font-size: clamp(0.9rem, 1rem , 1.15rem);

  }

  .call-to-action {
    padding: 15px 5px 10px 5px;
  }

  .call-to-action a {
    padding: 16px 22px;
    font-size: clamp(0.8rem, 0.95rem , 1rem);
  }

  
  /* About */
  .about-us .benefits{
   padding:10px 10px 18px 10px;
   display: block;
  }

  .about-us .benefits .column{
  padding:12px;
  }

 
  /* About details */
  .details, .details .content-left, .details .content-right{
    display: block;
  }

  .details .content-left {
    padding:45px 30px 5px 30px;
  }
  

  /* Partner */
  .partners-wrap .partners-logos img{
    width: 100%;
    object-fit: contain;
    height: 150px;
  }
   
 
  /* Simon info1 and Simon info 3 */
  
  .simon-info1 .simon1 .simon1-content .simon-info-title h1 {
  padding: 18px;
  }

  
  .simon-info1 .simon1 .simon1-content .simon1-body,
  .simon-info3 .simon3{
    flex-direction: column-reverse;
  }
  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-text-content,
  .simon-info3 .simon3 .simon3-text-content{
    max-width: 100%;
  }

  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-text-content .simon1-text,
  .simon-info3 .simon3 .simon3-text-content .simon3-text{
    justify-content: center;
    text-align:center;
    padding: 12px 0 25px 0;

  }

  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-image,
  .simon-info3 .simon3 .simon3-image{
    width: 100%;
  }

  .simon-info3 .simon3 .simon3-text-content{
    padding: 10px 10px 20px 10px;
  }
  .simon-info3 .simon3 .simon3-text-content p{
    margin: 8px 0 8px 0;
  }

  /* BLUEWAVE*/
  .BW-info2 .BW2 .BW2-text-content .BW2-text{
    padding: 12px 0 35px 0;
  }

  .BW-info2 .BW2 .BW2-text-content .BW2-text a{
    padding: 12px 15px;
    width: 25%;
  }

  /* Clients */

  .clients-1 .clients-content1,
  .clients-2 .content-container,
  .clients-3 .content-container,
  .clients-4 .content-container,
  .clients-5 .content-container{
    max-width: 100%;
  }

  .clients-1 .clients-content1 .content-container .boat-image,
  .clients-2 .content-container .boat-image,
  .clients-3 .content-container .boat-image,
  .clients-4 .content-container .boat-image,
  .clients-5 .content-container .boat-image{
    max-width: 50%;
    padding: 10px 15px 10px 15px;
  }

  .clients-5 .content-container .boat-image{
    padding: 15px 0 0 0;
  } 

    .clients-1 .clients-content1 .content-container .boat-text,
    .clients-2 .content-container .boat-text,
    .clients-3 .content-container .boat-text,
    .clients-4 .content-container .boat-text,
    .clients-5 .content-container .boat-text{
      max-width:50%;
      padding: 10px 19px 10px 19px;
  }

  .clients-1 .clients-content1 .content-container .boat-text p,
  .clients-2 .content-container .boat-text p,
  .clients-4 .content-container .boat-text p,
  .clients-3 .content-container .boat-text p,
  .clients-5 .content-container .boat-text p{
      text-align: center;
  }

  .clients-1 .clients-content1 .content-container .boat-text h2,
  .clients-2 .content-container .boat-text h2,
  .clients-4 .content-container .boat-text h2,
  .clients-3 .content-container .boat-text h2,
  .clients-5 .content-container .boat-text h2{
      text-align: center;
  }
  .clients-4{
    min-height: 52vh;
  }

  /* Testimonal */
  .wrapper {
    max-width: 65%;
  }

  .contact-content-sec{
    margin: 35px 0 0 0 ;
  }

  .maps{
    height:275px; 
  }

}

/*--------------------------------(min-width 1200px)-------------------------------*/
@media (min-width: 1200px){

  /* Navbar */
  .header{
    background: none;
    box-shadow: none;
  }

  .home .header .nav-bar {
    justify-content: space-around;
  }

  .mobile-menu, .mobile-nav-toggle{
      display: none;
  }

  .mobile-menu.is-open{
    display: none;
    
  }

  .menu{
      display: flex;
      justify-content: space-around;
  }

  .menu a{
    font-size: clamp(0.3rem ,0.35rem + 1.5vw, 0.9rem);
  }

  /* Nav-image */
  .logo{
   
    padding: 0.2rem 0.5rem;
}
    /*Logo image*/
  .home .header .nav-bar .logo img{
    width: 120px;
    height: 100px;
    object-fit: contain;
    padding: 15px 2px 5px 2px;
  }

  /* Logo image Nav-bar upon scroll-down */
  .scroll-up .header .nav-bar .logo img{
     width: 110px;
     height: 80px;
     object-fit: contain;
     padding: 5px 5px 17px 5px;
  }

  .scroll-down .nav-bar {
    transform: translate3d(0,-100%,0);
    transition: all 200ms ease-in-out;
  }

  /* Nav-bar upon scroll-up */
  .scroll-up .nav-bar {
    height: 13vh;
    background-color: #161d46f8 !important;
    transition: background-color 300ms ease-out;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
    display: flex;
    justify-content: space-between;
    align-items: center;
  } 

  /* Content within nav-bar upon scroll-up*/
  .scroll-up .nav-bar .menu a{
    color:#fff;
    transition: 0.3s;
  }

  .scroll-up .nav-bar .menu a:hover{
    color: #437ecb;
  }


  /* Home-content container */
  .Home-content{
    display: flex;
    height: 17rem; 

  }

  /* shape container */
  .shape{
    flex: 0 0 .2%;
    width:2px;
    height: 100%;
    background-color: #ffff;
  }

  /* landing-content container*/
  .landing-content{
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    flex: 0 0 99.8%;
  }

  /* Main-heading design */
  .Home-content .landing-content .main-heading p{
    padding: 10px 0 16px 0;
    width: 100%;
    font-weight: 600;
    letter-spacing: 0.055rem;
    line-height: 1.1;
    padding: 0 25px 5px 20px;
    text-transform: uppercase;

   
  }

  /*subheading design */
  .Home-content .landing-content .main-heading .sub-heading{
    width: 100%;
    margin: 0;
    padding: 2px 5px 10px 20px;
    letter-spacing: 0.045rem;
    text-transform: capitalize;
    
  }

  /*call-to-action container */
  .call-to-action{
    padding: 20px 18px 18px 20px; 
  }

  /*call-to-action design*/
  .call-to-action a{
    padding: 16px 20px; 
    border-radius: 3px; 
  } 

  /* about-us */
  .about-us{
    display: flex;
    padding: 20px 2px 35px 2px;
  }

  .about-us .benefits{
    padding: 5px;
    flex-wrap: wrap;
    gap: 15px;
  }

  .about-us .benefits .column{
    padding: 1.5%;
    flex-grow: 1;
    flex-basis: 46%;
  }

  /* about */
  .details .content-right{
    padding: 40px 25px 40px 25px;
  }

  /* Partner */
  .parnters-bar {
    min-height: 45vh;
    align-items: flex-start;
  }

  .parnters-bar .partners-logo {
    padding: 25px 10px 35px 10px;
  }

  .partners-wrap .partners-logos li{
    max-height:350px;
    max-width: 350px; 
    padding: 20px;
  }

  /* ADJUST THIS IMAGE */
  .partners-wrap .partners-logos img{
    max-height:200px;
    max-width: 200px; 
  }

  /* clients */
  .clients-1{
    min-height: 45vh;
  }

  .clients-1 .clients-content1 .content-container .boat-text,
  .clients-2 .content-container .boat-text,
  .clients-4 .content-container .boat-text,
  .clients-3 .content-container .boat-text,
  .clients-5 .content-container .boat-text{
    text-align: center;
    justify-content: center;
    padding:10px 12px 10px 12px;
  }

  .clients-1 .clients-content1 .content-container .boat-text p,
  .clients-2 .content-container .boat-text p,
  .clients-4 .content-container .boat-text p,
  .clients-3 .content-container .boat-text p,
  .clients-5 .content-container .boat-text p{
    text-align: center;
    padding:0 12px 0 12px;
  }

  .clients-1 .clients-content1 .content-container .boat-text h2,
  .clients-2 .content-container .boat-text h2,
  .clients-4 .content-container .boat-text h2,
  .clients-3 .content-container .boat-text h2,
  .clients-5 .content-container .boat-text h2{
    text-align: center;
  }



  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-text-content,
  .simon-info3 .simon3 .simon3-text-content{
  padding: 15px 10px 30px 10px;
  }

  .simon-info1 .simon1 .simon1-content .simon1-body .simon1-image,
  .simon-info3 .simon3 .simon3-image{
  padding: 15px 10px 30px 10px;
}

  /* BLUEWAVE */
  .BW-info2 .BW2 .BW2-image{
    max-width: 100%;
    height: 60%;
    overflow:hidden;
    padding: 15px 10px 10px 10px;
  }

  .BW-info2 .BW2 .BW2-text-content {
    padding: 15px 0 25px 0;
  }


  .BW-info2 .BW2 .BW2-text-content .BW2-text{
    padding: 12px 0 45px 0;
    max-width: 68%;
  }

  .BW-info2 .BW2 .BW2-text-content .BW2-text a{
    padding: 15px 15px;
    width: 20%;
  }

   /* testimonal */
    .wrapper {
      max-width: 60%;
  }

  .contact{
    min-height: 95vh;
  }
  
  .contact-content-sec{
      margin:30px 0 0 0;
  }

  /* Contact */
  .contact .container .contact-content .content-bottom,
  .contact .container .contact-content .content-bottom .content-bot-left{
    display: flex;

  }
    

}

/*--------------------------------(Min-width 1900px)-------------------------------*/
@media (min-width: 1900px){

  /* Bluewave */
  .BW-info2 .BW2 .BW2-text-content .BW2-text{
    width: 70%;
    padding: 15px 0 40px 0;
  }
  
  .BW-info2 .BW2 .BW2-text-content .BW2-text a{
    padding: 12px 15px;
    width: 15%;
  }

  /* Clients */
  .clients-1 .clients-content1 .content-container{
    max-width: 95%;
   
  }
  .clients-2 .content-container,
  .clients-3 .content-container,
  .clients-4 .content-container,
  .clients-5 .content-container{
    max-width: 80%;
  }

  .clients-1 .clients-content1 .content-container .boat-image img,
  .clients-2 .content-container .boat-image img,
  .clients-3 .content-container .boat-image img,
  .clients-4 .content-container .boat-image img,
  .clients-5 .content-container .boat-image img{
    width:95%;
    padding: 4px;
  }

  .clients-1 .clients-content1 .content-container .boat-text{
    max-width:45%;
  }


  .clients-2 .content-container .boat-text,
  .clients-3 .content-container .boat-text,
  .clients-4 .content-container .boat-text,
  .clients-5 .content-container .boat-text{
    max-width:45%;
  }

  /* Testimonal */
  .wrapper {
      max-width: 50%;
  }


  /* Contact */
  .contact .container {
  max-width: 70%;
  }

}