@media (max-width: 992px){
 
  .nav-toggle{ display:inline-flex; }

 
  .jw-nav-links{
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 10px);
    display: grid;
    gap: 14px;
    padding: 16px;
    border-radius: 16px;
    background: rgba(7, 12, 22, .92);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 20px 55px rgba(0,0,0,.35);

    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
  }

  .nav-check:checked ~ .jw-nav-links{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .jw-menu{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .jw-link{
    width: 100%;
    padding: 10px 8px;
  }

  .jw-link::after{ display:none; }

  .jw-nav-right{
    width: 100%;
    justify-content: space-between;
    align-items:center;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.12);
  }

  /* hero becomes stacked */
  .jw-hero-title {
    font-size:45px;
  }
  .jw-hero-sub , .jw-hero-cta{
    font-size: 18px;
  }
  .jw-hero-grid{
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .jw-hero-content{
    padding: 56px 0 28px;
    max-width: 720px;
  }

  .jw-hero-media{
    height: 360px;
    margin-bottom: 22px;
  }

  .jw-hero-img{
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
  }

  .jw-hero-media::before,
  .jw-hero-media::after{
    display:none; /* orbit hidden on small screens (clean) */
  }

  .jw-hero .jw-hero-grid::after{
    display:none;
  }

  .fancyCircle img {
    display: none;
  }
  .jw-about, .jw-products{
    margin-top: 0;
  }
  .jw-about-title, .jw-products-title, .jw-why-title, .jw-news-title, .jw-world-title, .jw-contact-title, 
  .jw-about2-title, .jw-mvv-title, .jw-ship-title, .jw-cta-bg-title, .jw-prodintro-title, .jw-seaservices-title,
   .jw-how-title, .jw-tnk-title, .jw-included-title,.jw-mores-title, .js-vac-title,.jw-touch-title, .js-requesthead-title, .js-news-title, .jw-news-single-title{
    font-size: 35px;
  }

  .jw-news-grid {
    padding: 40px 0;
  }

  .jw-hero {
    min-height: 65dvh;
  }
.jw-included{
  padding-bottom: 40px;
}
.jw-stats-connect-grid{
  grid-template-columns: auto;
}

.jw-why.nayawala {
  padding: 0;
  margin-top: 40px;
}

.jw-touch {
  padding-bottom: 100px;
}

.jw-stat-connect {
  margin-top: 40px;
}

.jw-stats-connect {
  padding-top: 0;
  padding-bottom: 40px;
}

.js-career-acc {
  padding: 30px 0;
}
.js-career-title {
  font-size: 20px;
}

.js-vac {
  padding: 40px 0;
}
  .jw-about-content{
    margin-bottom: 40px;
  }
.jw-included-list {
  padding-top: 40px;
}
.fancyTop img {
  display: none;
}
  .jw-tnk {
    padding: 40px 0;
  }
  .jw-seaservices-left {
    padding:40px 15px;
  }
  .jw-how-item-text {
    max-width: unset;
  }
  .jw-cta-bg {
    border-radius: 0;
    padding: 0;
  }
  .jw-prodintro{
    padding: 30px 0;
  }
  .jw-prodintro-img{
    height: 350px;
  }
   .jw-seaservices-mid-img {
    height: 550px;
    object-fit: cover;
    object-position: center bottom;
   }
   .jw-seaservices-right {
    padding: 20px;
   }
   .jw-how {
    padding: 40px 0;
   }
  .jw-ship-icons {
    margin-top: 0;
  }
  .jw-about2 {
    padding: 40px 0;
  }
  .jw-ship-top{
    margin-bottom: 80px;
  }
.jw-mvv {
  padding: 40px 0 40px;
}
  .jw-products-mid-img {
    height: 500px;
     object-position: top center;
  }
.jw-contact {
  padding-bottom: 40px;
  padding-top: 20px;
}
  .jw-stats-grid {
    grid-template-columns: unset;
  }
  .jw-news-head {
    padding-left: unset;
  }

  .jw-contact-title {
    margin-bottom: 40px;
  }

  .jw-footer-top, .jw-footer-top-right, .jw-footer-bottom ,.jw-footer-right{
    flex-direction: column;
  }
  .jw-footer-nav {
    flex-direction: column;
    margin-top: 20px;
  }
  .jw-footer-bottom {
    margin-top: 20px;
  }

  .jw-news {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .jw-why-inner {
    padding: 30px;
  }
  .jw-why {
    padding: 0;
    position: relative;
    isolation: isolate;
  }
  .jw-sacc {
    padding-top: 10px;
  }

  .jw-sacc-title {
    font-size: 20px;
  }



   /* keep header as 2 columns always */
   .jw-sacc-head{
    display: grid !important;
    grid-template-columns: 1fr 34px !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    gap: 14px !important;
  }
 
  .jw-sacc-item[open] .jw-sacc-head{
    grid-template-columns: 1fr 34px !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    column-gap: 14px !important;
  }

 
  .jw-sacc-title{
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
  }


  .jw-sacc-ico{
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    margin-top: 4px;
  }

 
  .jw-sacc-desc{
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin-top: 12px !important;
    max-width: 100% !important;
  }

  .jw-sacc-item[open] .jw-sacc-desc{
    display: block;
  } 
  .jw-sacc-ico{
    align-self: flex-start;   
    margin-top: 4px;       
  }

  .jw-products-right {
    padding:  60px 15px;
  }
  .jw-acc-title {
    font-size: 20px;
  }
  .jw-acc-ico {
    height: 30px;
    width: 30px;
  }
  .jw-products-left{
    padding: 30px 15px;
  }


   
.jw-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
   background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.5) 45%,
    rgba(0, 0, 0, 0.5) 100%
  );  
}

.jw-stats {
  padding-top: 40px;
}

  .jw-why::after{
      content: "";
    border-radius:   26px 26px 0 0;
  position: absolute;
  inset: 0;
  z-index: 1;
   background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.5) 45%,
    rgba(0, 0, 0, 0.5) 100%
  );  
  }

  .jw-world{
    position: relative;
    height: 55vh;
  }

  .jw-world::after {
          content: "";
 
  position: absolute;
  inset: 0;
  z-index: 1;
   background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.7) 45%,
    rgba(0, 0, 0, 0.7) 100%
  );  
  }

  .jw-cta-bg {
    margin-top: 40px;
  }


.abouthead {
  height: 30vh;
}
 
.jw-pagehead {
  height: 100%;
}

.jw-news-nav {
  display: none;
}

  .jw-tnk-point {
    
    margin-top: 30px;
  }
}