@media(max-width:1600px){ 
  .zigzag-bottom-img.zigzag-images-right-img {
      left: -41%;
  }
  .contentWrapper{
    width: 70%;
  }
  .contetTop, .contetBottom {
      margin: 0 auto;
      width: 100%;
  }
}

@media(max-width:1536px){ 
/*  .contetTop, .contetBottom {
      margin: 0 auto;
      width: 65%;
  }*/
  .zigzag-bottom-img.zigzag-images-right-img {
    left: -56%;
  }
  .zigzag-bottom-img.zigzag-images-left-img {
    left: -30%;
  }
}
@media(max-width:1440px){
/*  .contentWrapper{
    width: 70%;
  }
  .contetTop, .contetBottom {
      margin: 0 auto;
      width: 100%;
  }*/
  .zigzag-top-img {
    width: 80%;
    height: fit-content;
    padding-top: 14%;
  } 
  .zigzag-bottom-img {
    width: 68%;
  }
  .zigzag-images-right .zigzag-images-right-img {
      left: -38%;
  }
}

@media(max-width:1366px){
  .zigzag-images-right .zigzag-images-right-img {
    left: -26%;
  }
  .zigzag-title,  
  .zigzag-title a {
    font-size: 1.8rem;
  }
  .zigzag-text{
    font-size: 14px;
  }
  .hand-icon {
    bottom: -5px;
    font-size: 12px;
  }
  .contetBottom {
    width: 100% !important;
  }
  .contentWrapper {
            margin-top: 20px;
        gap: 70px;
        margin-bottom: 85px;
        width: 75%;
  }
  .floating-form-btn {
    width: 70px;
  }
  .heroContent .logo img {
    width: 300px;
  }
}
/*ENDS 1366px*/


@media(max-width:1280px){
  .zigzag-images-right .zigzag-images-right-img {
    left: -34%;
  }
  .floating-form-btn {
    width: 70px;
  }
}

@media(max-width:1200px){
  .contetBottomContent span.line {
    display: none;
    width: 1px;
    background-color: #fff;
  }
  .heroContent .logo img {
    width: 300px;
  }
  .zigzag-images-right .zigzag-images-right-img {
      left: -41%;
  }
  .contentWrapper {
      width: 50%;
      margin-top: 50px;
  }
}

@media(max-width:1180px){
  .padding-top-big {
    padding-top: 8%;
  }
  /*.contetBottom a img {
    width: 70%;
    padding: 15px 0px 0px 20px;
  }*/
  .contetTop, .contetBottom {
    margin: 0 auto;
    width: 80%;
  }
}

@media(max-width:1024px){
  .contetBottom {
    width: 80%;
  }
  .contetBottom a img {
    width: 100%;
    padding: 15px 0px 0px 0px;
  }
  .contentWrapper {
      margin-top: 10%;
  }
  .heroBanner {
    height: auto;
  }
  .contetBottomContent span.line {
    display: none;
  }
}
/*1024 ends*/

@media (max-width: 991px) {
  .contetBottomContent {
    top: 0;
    display: flex;
  }
  .contetBottomContent a {
    width: 100%;
    display: inline-flex;
  }
  .line-mobile {
    display: none;
  }
  .green-image{
    width: 100%;
    height: 70px;
  }
  .contetBottomContent.contetBottomMobile.position-absolute {
    padding-top: 5px;
  }
  /*.contetBottom a img {
      width: 70%;
      padding: 10px 0px 0px 20px;
  }*/
}
/*991 ends*/

@media (max-width: 768px) {
    .contentWrapper {
        margin-top: 3%;
    }
    .footer-logo img {
        width: 100%;
    }
    .footer-social ul {
        padding-left: 0px;
    }
}    
/*768 ends*/



@media (max-width: 767px) {
  .bannerButton {
    bottom: 30px;
    gap: 20px;
    padding-left: 15px;
    left: 0;
  }

  .bannerButton a {
    font-size: 14px;
  }
  .logoImg img {
    width: 100px;
  }
  .heroContent h1 {
    font-size: 30px;
  }
  p.unlock {
    font-size: 18px;
  }
  .iconBox p {
    color: #000;
    font-size: 12px;
  }
  p span.lifestyle {
    font-size: 14px;
  }
  form#form1 .form-control {
    width: auto !important;
    text-align: center;
    display: grid;
    font-size: 12px;
  }
  form#form1 span#basic-addon1 {
    font-size: 12px;
  }
  form#form1 input#name.form-control,
  input#city_id.form-control {
    width: 100% !important;
    display: block;
  }
  .contentTopRight {
    margin:0 auto;
  }
  .contentTopRight img {
    width: 50px;
  }
  .contentWrapper {
    gap: 35px;
    margin-bottom: 55px;
  }
  form#form1 .form-control {
    padding: 10px;
  }
  .contetBottomContent a img {
    /*width: 100px;
    padding: 10px 0px 0px 10px;*/
        width: auto;
        padding: 0px;
  }
  .contetBottomContent {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
  }
.contetBottom {
        width: 90%;
    }
  .contetBottomContent a {
    /*min-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;*/
    position: relative;
    z-index: 1;

            width: 50%;
        /*height: 70px !important;
        padding: 10px;*/
        display: flex;
        float: left;
  }
    .contetBottomContent.contetBottomMobile.position-absolute {
        padding-top: 5px;
        display: block;
        width: 100%;
    }
  .line-mobile {
    width: 100%;
    position: absolute;
    top: 49%;
    left: 53%;
    transform: translate(-50%, -50%);
    text-align: center;
  }

  .line-mobile img {
    width: 85%;
  }

  .heroBanner img.bannerImg {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    object-fit: cover;
  }
  .mob-only-div{
    display: block;
  }
  .desk-only-div{
    display: none;
  }
  .zigzag-section {
    padding: 20px 0px;
  }
  .zigzag-images-right .zigzag-images-right-img {
      left: -45%;
  }  
  .heroBanner {
      height: 100vh;
      height: calc(var(--vh, 1vh)* 80);
  }
  .footer-logo, .footer-social {
    text-align: center;
  }
  .footer-social h4.footer-social-title {
    padding: 0px;
  }
  .footer-social ul {
    padding: 0px;
    display: inline-flex;
  }
  .footer-details {
    padding-top: 30px;
    text-align: center;
  }
/*  .single-zigzag-left-banner .zigzag-images {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .single-zigzag-left-banner .zigzag-images .zigzag-top-img {
      float: right;
  }*/
    .zigzag-section.single-zigzag-left-banner .zigzag-bottom-img {
    left: -10%;
  }
  .zigzag-section.single-zigzag-left-banner .zigzag-top-img {
    margin-left: 15%;
  }
  .zigzag-section.single-zigzag-left-banner .zigzag-title.padding-top-big {
    padding-top: 27%;
  }
  .contentWrapper {
      margin-top: 18%;
      width: 100%;
  }
  .line-mobile {
      display: block;
  }
  .green-image {
    width: 100%;
    height: auto;
  }
   .footer-logo img {
      width: 50%;
  }
  .floating-form-btn {
      /*top: auto;
      bottom: 0%;*/
      right: -20px;

    top: 0;
    bottom: auto;

  }
  div#quinn-card-1 {
    padding: 10px 0px 0px;
  }
  .heroContent .logo {
    padding: 40px 15px 15px 15px;
  }
  .zigzag-top-img {
    height: 300px;
  }
}
/*********767px ENDS*****/

@media (max-width: 991px) {
  .bannerButton {
    left: 30px;
  }
}

@media (min-width: 1200px) {
  .heroBanner img.bannerImg {
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    object-fit: cover;
  }
  .heroBanner {
    align-items: center;
    display: block;
  }
  .contetBottomContent {
    top: 0;
    gap: 20px;
    justify-content: center;
    width: 100%;
    top: 50%;
/*    padding: 5px 50px 15px;*/
    transform: translateY(-50%);
  }
  .contetBottomContent img {
/*    width: 100px;*/
  }
  .contetBottomContent a {
    display: flex;
    align-items: center;
  }
  .contetBottomContent span.line {
    display: block;
    width: 1px;
    background-color: #fff;
    display: none;
  }

}

@media (min-width: 1600px) {
  .container {
    max-width: 1600px;
  }
}
