@media(min-width:1600px){
  .hover01 figure img{
    width: 100%;
  }
  .staycationSignatureLineWrap img, .staycationSignatureCurve img, .staycationSignatureCurve{
width: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .testCont{
    font-size: 18px;
    line-height: 30px;
  }
  .testwhiteBox{
    padding: 50px 40px;
  }
  .footerlink{
    font-size: 14px;
  }
  .footerlink ul li a{
    font-size: 14px;
  }
  .footeraddress, .footeremail, .footerno{
    font-size: 14px;
  }
.poolColorList div p{
  font-size: 12px;
}
}

@media only screen and (max-width: 1365px) {
  .container {
    padding: 0 5%;
  }

  .nav-links a {
    font-size: 16px;
  }

  nav ul li {
    margin-right: 15px;
  }

  .actionbluebtn {
    margin-left: 0;
    padding: 12px 11px;
  }

  .bannerTextArea,
  .formArea {
    width: 50%;
  }

  .waterdrop {
    top: -104px;
    right: unset;
    left: 0;
  }

  .whyBox {
    width: 46%;
  }
  .testCont{
    font-size: 14px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 1199px) {
  .container {
    padding: 0 5%;
  }

  .nav-links a {
    font-size: 16px;
  }

  nav ul li {
    margin-right: 5px;
  }

  .actionbluebtn {
    margin-left: 0;
    padding: 12px 11px;
  }

  .bannerTextArea,
  .formArea {
    width: 50%;
  }

  .waterdrop {
    top: -104px;
    right: unset;
    left: 0;
  }

  .whyBox {
    width: 100%;
    margin-right: 0;
  }

  .twoSection {
    flex-direction: column;
  }

  .whySection {
    width: 100%;
  }

  .achievementSection {
    width: 100%;
  }

  .testimonialsCont {
    flex-direction: column;
  }

  .testLeft {
    width: 100%;
  }

  .testRight {
    width: 100%;
  }

  .testislider {
    width: 100%;
  }

  .testwhiteBox {
    margin: 0;
    margin-bottom: 20px;
  }

  .footercolumn2 {
    width: 33%;
  }

  .footerlink ul li a {
    font-size: 13px;
  }

  .footerlink ul li {
    width: 100%;
  }

  .footeraddress,
  .footeremail,
  .footerno,
  .footerlink {
    font-size: 13px;
  }

  .socialIcons a {
    display: inline-block;
  }

  .quoteImg {
    right: 20px;
    top: -29px;
  }

  .umbrellaImg {
    position: absolute;
    bottom: 30%;
    left: -53px;
  }

  .aboutImgArea {
    position: absolute;
    top: -235px;
    right: -35px;
  }
  .inner-page-title.blog-details h2{
    font-size: 34px;
  }
  .inner-page-title ul li a,  .inner-page-title ul li{
    font-size: 20px;
  }
  .staycationSignatureLineWrap h1{
    font-size: 55px;
  }
  .column > div{
    width: 32%;
  }
}

@media only screen and (max-width: 991px) {
  .container {
    padding: 0 5%;
  }

  .nav-links a {
    font-size: 16px;
  }

  nav ul li {
    margin-right: 5px;
  }

  .actionbluebtn {
    margin-left: 0;
    padding: 10px;
    font-size: 7px;
}

  .bannerTextArea,
  .formArea {
    width: 50%;
  }

  .waterdrop {
    top: -104px;
    right: unset;
    left: 0;
  }

  .whyBox {
    width: 100%;
    margin-right: 0;
  }

  .twoSection {
    flex-direction: column;
  }

  .whySection {
    width: 100%;
  }

  .achievementSection {
    width: 100%;
  }

  .testimonialsCont {
    flex-direction: column;
  }

  .testLeft {
    width: 100%;
  }

  .testRight {
    width: 100%;
  }

  .testislider {
    width: 100%;
  }

  .testwhiteBox {
    margin: 0;
    margin-bottom: 20px;
  }

  .footercolumn2 {
    width: 33%;
  }

  .footerlink ul li a {
    font-size: 13px;
  }

  .footerlink ul li {
    width: 100%;
  }

  .footeraddress,
  .footeremail,
  .footerno,
  .footerlink {
    font-size: 13px;
  }

  .socialIcons a {
    display: inline-block;
  }

  .abountarea {
    flex-direction: column;
  }

  .swimmingimg,
  .swmmingimgcont,
  .mission,
  .vision {
    width: 100%;
    margin: 15px 0;
  }

  .swmmingimgcont {
    margin-top: 20px;
  }

  .missionvisioncont {
    flex-direction: column;
  }

  .happyCLients3Boxes {
    flex-direction: column;
  }

  .happyClientBox {
    width: 100%;
  }

  .whyChooseBoxContainer {
    flex-direction: column;
  }

  .whyChooseBox {
    width: 100%;
  }

  .swimmingimg img {
    width: 100%;
  }

  .aboutImgArea {
    position: absolute;
    top: -201px;
    right: 0;
  }

  .umbrellaImg {
    position: absolute;
    bottom: 139px;
    left: -41px;
    top: unset;
  }

  .abountarea {
    margin-top: 145px;
  }

  .blogPanel {
    flex-direction: column;
  }

  .blogleftpart,
  .blogrightpart {
    width: 100%;
  }

  .poolDetailsBox {
    margin-bottom: 64px;
    flex-direction: column;
}
.poolInfoRightSection {
  order: 2;
}
.fiberglassPools {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-direction: column;
}
.fiberglassPools {
  flex-direction: column;
}
.fiberglassPoolsImg{
  width: 100%;
}
.fiberglassPoolsInfo{
  width: 100%;
}
}

@media only screen and (max-width: 768px) {
  .nav-links {
    display: none;
    flex-direction: column;
    background-color: #333;
    position: absolute;
    top: 122px;
    /* Adjust as needed */
    left: 0;
    width: 100%;
    padding: 20px;
  }

  .nav-links.active {
    display: block;
    z-index: 9999;
    position: absolute;
    height: 100vh;
    top: 0;
  }

  .menu-toggle {
    display: block;
  }

  .menu-toggle i {
    color: #000;
    font-size: 24px;
  }

  .headerArea .menu-toggle .fa-bars {
    color: black;
  }

  nav ul li {
    display: block;
    text-align: center;
    padding: 8px 0;
  }

  .nav-links a {
    color: #fff;
  }

  .nav-links a i {
    position: absolute;
    right: 20px;
    top: 15px;
  }

  .actionbluebtn {
    margin-left: 0;
  }

  /* nav ul li:last-child{
        margin-top: 20px;
    } */
  .bannerCont {
    flex-direction: column;
  }

  .bannerTextArea {
    width: 100%;
  }

  .bannerTextArea {
    margin-top: 20px;
  }

  .formArea {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .twoSection {
    display: flex;
    flex-direction: column;
  }

  .whySection {
    width: 100%;
  }

  .whyBox {
    width: 100%;
    padding: 20px;
    margin-right: 0;
  }

  .achievementSection {
    width: 100%;
  }

  .achievementSection img {
    height: auto;
  }

  .achiContArea {
    height: auto;
    min-height: auto;
    padding: 40px 45px;
  }

  .testimonialsCont {
    flex-direction: column;
  }

  .testLeft {
    width: 100%;
  }

  .testRight {
    width: 100%;
  }

  .testislider {
    width: 100%;
  }

  .testwhiteBox {
    margin: 0 0 30px 0;
  }

  .footerBlock {
    flex-direction: column;
  }

  .footercolumn1 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .footercolumn2 {
    width: 100%;
    margin-bottom: 20px;
  }

  .footercolumn3 {
    width: 100%;
  }

  .waterdrop {
    top: 50px;
  }

  .dropdown-menu {
    width: 100%;
  }

  .dropdown-menu li a {
    color: black;
  }

  .dealImgcontArea {
    flex-direction: column;
  }

  .dealImgArea,
  .dealContArea {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  /* blog list page responsive start */
  .blogPanel {
    flex-direction: column;
  }

  .blogleftpart {
    width: 100%;
  }

  .blogrightpart {
    width: 100%;
  }

  .info,
  .info span {
    font-size: 22px;
  }

  .desktopview {
    display: none;
  }

  .mobileview {
    display: block;
  }

  .abountarea {
    flex-direction: column;
  }

  .swimmingimg,
  .swmmingimgcont,
  .mission,
  .vision {
    width: 100%;
    margin: 15px 0;
  }

  .swmmingimgcont {
    margin-top: 20px;
  }

  .missionvisioncont {
    flex-direction: column;
  }

  .happyCLients3Boxes {
    flex-direction: column;
  }

  .happyClientBox {
    width: 100%;
  }

  .whyChooseBoxContainer {
    flex-direction: column;
  }

  .whyChooseBox {
    width: 100%;
  }

  .quoteImg {
    right: 20px;
    top: -29px;
  }

  .topfooterimgarea img.footerlogo {
    width: 70%;
  }

  .aboutImgArea {
    position: absolute;
    top: -101px;
    right: -105px;
  }

  .aboutImgArea img {
    width: 50%;
  }

  .umbrellaImg {
    position: absolute;
    bottom: 52px;
    left: -22px;
    top: unset;
  }

  .umbrellaImg img {
    width: 50%;
  }

  .abountarea {
    margin-top: 56px;
  }

  .bloglistArea {
    flex-direction: column;
  }

  .bloglistBlcok {
    width: 100%;
  }
  .aquaTechnicsPool{
    flex-direction: column;
  }
  .aquaTechnicsPoolInfo {
    width: 100%;
}
.staycationSignatureLineWrap span{
  width: 90%;
}
.staycationSignatureLineWrap span p{
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
}
.aquaTechnicsPool{
  padding: 20px 0;
  gap: 25px;
}
.aquaTechnicsPoolInfo h2{
  font-size: 30px;
}
.aquaImage{
  width: 100%;
}
.modal-content{
  width: 95%;
}
.resp-tabs-container {
  margin-bottom: 27px;
}
.column > div{
  width: 48%;
}
.hover01 figure img{
  width: 100%;
}
}

@media only screen and (max-width: 567px) {
  .bannerL-text {
    font-size: 40px;
  }

  .heading {
    font-size: 36px;
  }
  .qheading {
    text-align: left;
  }
  .whysecCont {
    padding: 20px;
  }

  .whysecCont h1,
  .whysecCont h1 span {
    font-size: 27px;
    line-height: 46px;
  }

  .achiContArea {
    padding: 20px;
  }

  .achiContArea h1 {
    font-size: 27px;
  }

  .ourContArea {
    margin-top: 20px;
  }

  .ourContArea {
    width: 93%;
    gap: 15px;
  }

  .qnumber {
    font-size: 27px;
    text-align: left;
  }

  .testtimonialArea {
    padding: 20px 0;
  }

  .testheadingArea h1,
  .testheadingArea h1 span {
    font-size: 27px;
    line-height: 33px;
  }

  .testwhiteBox {
    padding: 30px 20px;
  }

  .testCont {
    color: #6e6e6e;
    font-size: 15px;
    line-height: 28px;
    margin-top: 15px;
  }

  .waterdrop {
    top: 8px;
    right: -8px;
    left: unset;
    /* width: 107px; */
  }

  .actionbluebtn {
    font-size: 12px;
  }

  .logo img {
    width: 100px;
    height: auto;
  }

  .dealText {
    padding-top: 0;

    gap: 18px;
  }

  .testiCont .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 4px;
    position: absolute;
    transform: translate(-50%, -50%);
    right: auto;
  }
  .inner-page-title h2{
    justify-content: center;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 16px;
  }
  .inner-page-title.blog-details h2{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .inner-page-title ul li{
    font-size: 16px;
    line-height: 16px;
  }
  .inner-page-title ul li a{
    font-size: 16px;
    line-height: 16px;
  }
  .authorbox{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .ourawardsArea{
    flex-direction: column;
  }
  .ourawardsleft {
    width: 100%;
}
  .deailArea {
    padding-bottom: 0;
  }
  .ourawardsright{
    width: 100%;
  }
  .certificationArea h2 {
    margin-bottom: 0;
}
.info{
  margin-top: 10px;
}
.staycationSignatureLineWrap h1{
  font-size: 18px;
  line-height: normal;
}
.poolSoSpecialArea{
  padding: 20px 20px;
}
.poolSoSpecialArea h2{
  font-size: 25px;
  line-height: normal;
}
.poolDetailsBox {
  margin-bottom: 24px;
  flex-direction: column;
}
.poolColorList div p {
  font-size: 12px;
  line-height: normal;
  margin-top: 12px;
}
.poolInfoRightSection{
  order: 2;
}
.fiberglassPools{
  flex-direction: column;
  gap: 0;
}
.fiberglassPoolsImg {
  width: 100%;
}
.fiberglassPoolsInfo {
  width: 100%;
}
.fiberglassPoolsInfo h5{
  font-size: 20px;
  line-height: normal;
}
.fiberglassPoolsInfo h4{
  font-size: 30px;
  line-height: normal;
}
.column > div{
  width: 100%;
}
.hover01 figure img{
  width: 100%;
}
.model-bar-container{
  flex-direction: column;
  gap: 15px;
}
.modalDimensionWrap{
  flex-direction: column;
  width: 100%;
}
.modal-dimension{
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  padding: 10px;
}
.modalPoolInfo {
  margin-top: 25px;
}
.modalPoolmoreInfo {
  flex-direction: column;
  gap: 15px;
}
.modalPoolmoreInfo ul {
  width: 100%;
}
.modalPollBluePrint{
  width: 100%;
}
h2.resp-accordion{
  font-size: 19px;
}
}



@media (max-width: 450px) {
  .waterdrop {
    top: 86px;
  }
}