@media only screen and (min-width:2000px) {
    .for-responsive{
        max-width: 1920px;
        margin: 0 auto;
    }
}
@media only screen and (max-width:1458px) {
    .column-a::after{
        width: 27%;
    }
    .faq-heading{
        font-size: 32px;
    }
    .faq .btn-link{
        font-size: 15px !important;
    }
}
@media only screen and (max-width:1199px) {
    .part-sec .contnt p{
        font-size: 13px !important;
    }
    .sec-2 .text-1 h2{
        font-size: 29px
    }
    .sec-2 .text p {
        font-size: 12px;
    }
    .sec-3 .section-part h3{
        font-size: 30px;
    }
    .sec-3 .section-part p{
        width: 103px;
        font-size: 15px
    }
    .sec-3 p{
        font-size: 16px;
    }
    .amenities-sec .amenities-text p{
        font-size: 14px !important;
    }
    .amenities-sec .amenities-text .list ul{
        margin-bottom: 5px;
        font-size: 14px !important;
    }
    .part-sec .head h3 {
        font-size: 17px;
    }
    .bkgrnd{
        height: 37px;
        top: -2.5px;
    }
    .part-sec .btn{
        font-size: 15px;
    }
    .sec-4 .title h2{
        font-size: 33px;
    }
    .faq .btn-link {
        font-size: 14px !important;
    }
    .card-body{
        font-size: 14px;
    }
        .part-sec .head h3 {
        font-size: 17px;
    }
    .part-sec .head{
        top: -3%;
    }
    .amenities-sec .arrow img {
        width: 14.4%;
    }
    .sec-5 .title-sec h3 {
        font-size: 22px;
        line-height: 33px;
        width: 53%;
        margin-bottom: 10px;
    }
    .sec-5 .title-sec p {
        font-size: 14px !important;
        margin-bottom: 10px;
    }
    .sec-5 .title-sec ul{
        font-size: 13px !important;
        margin-bottom: 0px;
    }
    .sec-5 .title-sec {
        padding: 15px 13px;
    }
    .amenities-sec .amenities-text {
        padding: 18px 30px;
    }
    .amenities-sec .amenities-text h3{
        font-size: 30px;
    }

    .sec-3 .sec-3-img{
        margin-left: -89px;
        margin-top: -242px;
    }
    .sec-3 .sec-3-img img{
        width: 325px;
    }
    .part{
        padding-right: 0%;
    }
    .footer .discription p{
        font-size: 14px;
    }
    .sec-3 p {
        font-size: 13px;
        line-height: 21px;
    }
  
}
@media only screen and (max-width:1120px){
    .sec-3 .sec-3-img {
        margin-left: -42px;
        margin-top: -235px;
    }
    .sec-3 .sec-3-img img{
        width: 280px;
    }
}
@media only screen and (max-width:1000px){
    .resp{
        flex-direction: column ;
    }
    .reverse{
        flex-direction: column-reverse !important;
    }
    .sec-3 .sec-3-img{
       display: none; 
    }
    .sec-2 .text-1{
        padding: 0px 0px;
    }
    
     .pdng::before{
        display: none;
    }
    .mrgn{
        margin-top: 60px;
    }
    .icon-sec{
        padding: 0px 0px;
    }
    .mrgnn{
        margin-top: 20px;
    }
    .part-sec .head {
        top: -6%;
    }
    .m-col{
        background-color: #e3e3e3;
    }
    .column-a{
        margin-top: 20px;
    }
    .sec-2 .text-1 h2{
        font-size: 30px;
        line-height: 35px;
    }
    .plan .title-sec h3{
        font-size: 19px !important;
        line-height: 33px !important;
        width: 22% !important;
        margin: 20px 0px;
    }
    .text-3 {
        margin-top: 20px !important;
    }
    .amenities-sec .arrow img{
        width: 12% !important;
    }
    .amenities-sec .arw-hills img{
        width: 12% !important;
    }
    .left-row , 
    .right-row{
        max-width: 100% !important;
    }
    .locationn-velora iframe{
        height: 450px;
    }
    .locationn-vida iframe{
        height: 430px;
    }
    .locationn-marina iframe{
        height: 450px;
    }
    .locationn-club iframe{
        height: 320px;
    }
    .inner-imgg{
        display: none;
    }
    .bdr{
        border: none;
    }
    .img-resp{
        display: none;
    }
    .banner .form {
        background: none;
        height: auto;
    }
    form{
        width: 100%;
    }
    .banner{
        height: fit-content;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .banner .banner-text{
        right: 0;
        top: 0;
        margin-top: 20px;
    }
    .banner .banner-text h1{
        font-size: 69px;
        margin-top: 14px;
    }
    .banner .banner-text h4{
        font-size: 45px;
        margin-bottom: 0px;
    }
    .banner-text h5{
        font-size: 15px;
    }
    .banner .banner-text h2{
        font-size: 30px;
    }
    .banner .banner-text p{
        font-size: 26px;
    }
}
@media only screen and (max-width:991px){
    .icon-sec .text h3{
        font-size: 22px;
    }

    .sec-2 .text-1 h2{
        line-height: 35px;
        margin-bottom: 20px;
        font-size: 27px !important;
    }
    .footer .discription p{
        font-size: 13px !important;
    }
    .bkgrnd{
        top: -3px;
    }
    .navbar-nav,
    .contact {
        display: none;
    }
    .part{
        display: none;
    }
    hr{
        display: none;
    }
    .navbar-toggler-icon{
        display: block !important;
    }
    .menu-toggle {
        display: flex;
        margin-right: 6%;
    }
    .contnt {
        min-height: 91%;
    }
    .social{
        margin-top: 13px;
    }
    .discription{
        padding: 30px 6px 0px 14px;
    }
}
@media only screen and (max-width:767px) {
  
    .banner .banner-text h1 {
        font-size: 61px;
        margin-top: 8px;
        margin-bottom: 22px;
    }
    .part-sec .contnt p {
        font-size: 14px !important;
    }
    .faq-heading{
        font-size: 29px;
    }
    .cnter{
        text-align: center;
    }
    .copyright .copy h3 {
        font-size: 14px;
    }
    .discription{
        padding: 10px 6px 0px 14px;
    }
    .social{
        justify-content: center;
        margin-top: 13px;
        margin-bottom: 25px;
        padding-left: 0px;
    }
    .banner .banner-text h4 {
        font-size: 38px;
        margin-bottom: 0px;
    }
    .banner-text h5 {
        font-size: 13px;
        width: 147px;
    }
    .contnt{
        min-height: 84%;
    }
    .banner .banner-text p {
        font-size: 24px;
    }
    .faq .btn-link {
        font-size: 14px !important;
    }
    .part-sec .head {
        top: -5%;
    }
    
    .sec-5 .title-sec h3 {
        font-size: 18px;
        width: 25%;
    }
  
    .sec-4 .title h2 {
        font-size: 30px;
        line-height: 10px;
    }
    th, td{
        padding: 9px 15px;
        font-size: 13px
    }
    .icon-sec .icon-heading h2 {
        font-size: 28px;
    }
    .border-icon{
        border: none;
    }
    .icon-sec .icon img {
        width: 100%;
        max-width: 92px;
    }
   
}
@media only screen and (max-width:575px) {
    .colr{
        background: none !important;
    }
    .borderrr{
        border: none;
    }
    th, td {
        padding: 9px 15px;
        font-size: 12px;
    }
    .icon-sec .icon img{
        margin: 0px;
    }
    .icon-sec .text h3{
        padding: 10px;
    }
    .pdng{
        padding: 20px;
    }
    .sec-5 {
        padding: 15px 0px;
    }
    .colrrr{
        background-color: #fbf7ed;
    }
  
    .banner .banner-text h4 {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .banner .banner-text h1 {
        font-size: 44px;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .banner-text h5 {
        font-size: 12px;
        width: 143px;
    }
    .banner .banner-text p {
        font-size: 22px;
        margin-bottom: 0px;
    }
    .footer .footer-wrapper h4{
        margin-bottom: 15px;
    }
    .part-sec .head {
        top: -4%;
    }
}
@media only screen and (max-width:475px){
    .sec-5 .title-sec h3 {
        font-size: 16px;
        width: 28%;
    }
    .copyright .copy h3 {
        font-size: 11px;
    }
    .banner .banner-text{
        background-color: #ffffff63;
    }
    .form-back{
        width: 100%;
    }
    .navbar-brand img {
        max-height: 48px;
    }
}
@media only screen and (max-width:380px){
    .sec-5 .title-sec h3 {
        font-size: 16px;
        width: 41%;
    }
}