/* ---------------------------------- */
/* ------------- GRID --------------- */
/* ---------------------------------- */
.col-1-med {
  width: 100%;
  width: calc(100% - var(--gridSpacing));
}

.col-2-med, .contentImgRow .item, .cartThumb.category, .cartThumb.item,
.blog-widget .blog-widget-article,
.table-to-div .col-2 {
  width: 50%;
  width: calc(50% - var(--gridSpacing));
}



.col-3-med, .table-to-div .col-3 {
  width: 33.333%;
  width: calc(33.333% - var(--gridSpacing));
}


#menu {
  font-size: .9em;
}

#banner .logo {
  width: 180px;
}

  #menu nav {
  padding: 0 220px;
}

.basicFrame .butImage {
  padding-bottom: 300px;
}

h3.style-two {
  font-size: 1.4em;
}

.enquiryForm .enqHeader {
  font-size: 1.4em;
}

h1.xl {
  font-size: clamp(2.8em, 4.4vw, 5em);
}

h1, h2.style-two {
  font-size: 2.8em;
  margin: .2em 0;
}

h2 {
  font-size: 2.2em;
  margin: .3em 0;
}

.carouselWrap {
margin-bottom:15px;
}

h1.xl {
  margin: calc(1vw + .2em) 0;
}


.table-to-div.outline .item {
  padding-left: 20px;
  padding-right: 20px;
}

.table-to-div.outline .item p:last-child:not(.paraBtn, .style-one):has(a:only-child) a {
 padding: 10px 20px;
}

.siteBottom .container {
  padding: 0 8vw;
}

  .accordion:not(.readMoreAccordian) {
    width: calc(100% + 16vw);
    margin-left: calc(0px - 8vw);
  }

  .accordion .leftIt>tbody>tr>td:first-child {
    width:8vw;
  }

.table-to-div.outline.packages .item {
padding: 35px 20px 20px;
}

 section[class*="M_full"] + section .textSection .siteContent:has(.packages:first-child) .packages:first-child {
  margin-top: calc(0px - 8vw - 50px);
}

