@media screen and (max-width: 1680px){
    /*Header Section Start*/
    .navbar-brand {
        padding-right: 30px;
        margin-right: 12px;
    }
    .navbar-nav .nav-link {
        padding: 0 10px !important;
    }
    /*Banner Section Start*/
    .banner_add h5 {
        font-size: 24px;
    }
    .banner_add p{
        font-size: 22px;
    }
    .banner_ttl {
        margin: 0 auto 75px;
    }
}
@media screen and (max-width: 1600px){
    /*Header Section Start*/
    .navbar-brand img {
        max-height: 40px;
    }
    .navbar-nav .nav-link {
        font-size: 15px;
    }
       .nav_contact .call .call_icon {
        width: 38.5px;
        height: 38.5px;
        line-height: 38.5px;
    }
    .nav_contact .call {
        font-size: 15px;
        gap: 12px;
    }
    .nav_contact .call .call_icon img {
        width: 17px;
    }
    .main-btn{
        padding: 6px 8px;
    }
    /*Overview Section Start*/
    .about_review_left {
        width: calc(50% - 0px);
    }

}
@media screen and (max-width: 1499px){
    /*Header Section Start*/
    .nav_contact .call span {
        display: none;
    }
    .nav_contact .call .call_icon {
        margin-right: 0;
    }
   .nav_contact {
        gap: 6px;
    }
    /*Specification Section Start*/
    .speci_info p {
        white-space: normal;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1374px;
    }
}

@media screen and (max-width: 1399px) {
    .toggle-logo{
        display: block;
    }
    nav.navbar.navbar-expand-xxl .navbar-collapse.show {
        visibility: visible;
        opacity: 1;
    }
    nav.navbar.navbar-expand-xxl .navbar-collapse {
        z-index: 999;
        background-color: var(--white);
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        transition: all 750ms ease-in-out;
    }
    .box {
        display: grid;
        grid-template-columns: var(--width-left, auto) var(--width-right, auto);
    }
    .navbar-collapse.collapse.show .toggle-logo {
        margin-top: 0;
        visibility: visible;
        opacity: 1;
        top: 0px;
        overflow-y: scroll;
    }
    .toggle-logo {
        width: 50%;
        background: var(--brown);
        padding: 40px;
        float: left;
        height: 100vh;
        margin-top: -100px;
        transition: all 750ms ease-in-out;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        opacity: 0;
        top: -50%;
        position: relative;
        z-index: 1;
    }
    .navbar-collapse.collapse.show ul.navbar-nav {
        margin-bottom: 0;
        visibility: visible;
        opacity: 1;
        bottom: 0px;
    }
    ul.navbar-nav {
        background-color: var(--white);
        padding: 40px;
        height: 100vh;
        margin-bottom: -100px;
        transition: all 450ms ease;
        gap: 20px;
        opacity: 0;
        bottom: -50%;
        position: relative;
        transition: all 750ms ease-in-out;
        z-index: 1;
        overflow-y: scroll;
        display: flex;
        flex-wrap: nowrap;
    }
    ul.menu-contact{
        padding: 50px 0;
    }
    .menu-contact h4{
         color: #fff;
        font-size: 18px;
        font-weight: 400;
    }
    .menu-contact  a,
    .menu-contact  p {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
    }
    .menu_social_icon {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 50px;
    }
    .menu_social_icon a img.social_icon{
        filter: invert(1);
    }
    .menu-number{
        display: grid;
        gap: 2px;
    }
    .navbar-collapse.collapse.show  ul.navbar-nav {
        margin-bottom: 0;
    }
    .nav_contact {
        margin-right: 12px;
    }
    .navbar-nav .nav-link {
        font-size: 25px;
        line-height: 1.6;
        padding: 0 26px !important;
    }
    .light_logo{
        max-width: 250px;
    }
    /*toggler*/
    .navbar-toggler.inner_toggle {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 36px;
        height: 36px;
        padding: 0;
        border: none;
        z-index: 3;
        background-color: #4e341429;
        transition: all 450ms ease;
    }
    .navbar-toggler {
        background-color: transparent;
        position: absolute;
        right: 12px;
        width: 38.5px;
        height: 38.5px;
        padding: 0;
        z-index: 3;
    }
    .navbar-toggler:focus,
    .navbar-toggler.inner_toggle:focus {
        box-shadow: none;
    }
    .navbar-toggler-icon {
        background-image: none;
    }
    .navbar-toggler span.line1,
    .navbar-toggler span.line2,
    .navbar-toggler span.line3{
        position: absolute;
        content: "";
        width: 70%;
        height: 3px;
        background: var(--brown);
        transition: all 450ms ease;
        border-radius: 6px;
    }
    .navbar-toggler span.line1 {
        top: 20%;
        left: 15%;
    }
    .navbar-toggler span.line2{
        top: calc(50% - 1.5px);
        left: 15%;
        width: 50%;
    }
    .navbar-toggler span.line3{
        bottom: 20%;
        left: 15%;
    }
    .navbar-toggler:hover span.line2{
        width: 70%;
    }
    /*inner toggler*/
    .navbar-toggler.inner_toggle span.line1,
    .navbar-toggler.inner_toggle span.line3{
        position: absolute;
        content: "";
        width: 80%;
        height: 3px;
        background: var(--brown);
    }
    .navbar-toggler.inner_toggle span.line3 {
        transform: translate(-50%, -50%) rotate(-45deg);
        top: 50%;
        left: 50%;
    }
    .navbar-toggler.inner_toggle span.line1 {
        transform: translate(-50%, -50%) rotate(45deg);
        top: 50%;
        left: 50%;
    }
    /*Banner Section Start*/
    .banner_add h5 {
        font-size: 22px;
    }
    .banner_add p{
        font-size: 20px;
    }
    .banner_ttl {
        margin: 0 auto 75px;
    }
    .banner_info {
        transform: translate(calc(-50% - 3px), -50%);
        border-left: 6px solid #E2D4B9;
    }
    /*Overview Section Start*/
    .main_ttl_box h3 {
        font-size: 34px;
    }
    .main_ttl_box.overview_box {
        padding-bottom: 38.7%;
    }
    /*Featured Section Start*/
    .featured_owl .item {
        padding: 60px 20px 41.5px;
    }
    /*Layout Plan Section Start*/
    #accordionPlan .accordion-button {
        padding: 8px 8px 8px 60px;
        max-width: 300px;
        font-size: 26px;
    }
    #accordionPlan .accordion-button::before {
        width: 28px;
        height: 28px;
    }
    #accordionPlan .accordion-item {
        gap: 90px;
    }
    /*Footer Section Start*/
    .contact_box p {
        white-space: normal;
    }
    .main_location {
        gap: 30px;
    }
    .contact_us h4 {
        font-size: 16px;
    }
    .contact_info ul li a,
    .contact_info .email_text {
        font-size: 17px;
    }
    .contact_box {
        min-width: auto;
    }
}

@media screen and (max-width: 1199px){
    /*Header Section Start*/
    nav.navbar {
        margin: 12px 22px 0;
        padding: 18px 28px 18px 28px;
    }
    /*Banner Section Start*/
    .banner_info {
        top: 55%;
    }
    .banner_ttl {
        margin: 0 auto 40px;
    }
    .banner_add h5 {
        font-size: 16px;
    }
    .banner_add p{
        font-size: 14px;
    }
    .reg_no {
        bottom: 18px;
        right: 18px;
        left: 22px;
    }
    .reg_no p {
        font-size: 12px;
    }
    /*Overview Section Start*/
    .about_rivew_part {
        padding: 80px 0;
    }
    .main_ttl_box h3 {
        font-size: 30px;
        margin: 26px 0 20px;
    }
    #overview_sec::after {
        max-width: 535px;
    }
    .about_rivew_part .about_review_left {
        padding-top: 0;
    }
    .about_rivew_part .about_review_left {
        padding-right: 30px;
    }
    .about_review_left {
        width: calc(50% - 0px);
    }
    /*Featured Section Start*/
    .main_ttl_box.fea_ttl_box {
        padding-left: 60px;
    }
    .featured_owl_box {
        padding-bottom: 50px;
    }
    .owl-theme .owl-nav {
        margin-top: 20px;
    }
    .fea_sec {
        padding: 80px 0;
    }
    .owl-carousel.featured_owl .owl-nav button.owl-next img, .owl-carousel.featured_owl .owl-nav button.owl-prev img {
        width: 30px;
    }
    .owl-carousel.featured_owl .owl-nav button.owl-prev::after {
        left: -10px;
        width: 26px;
        height: 26px;
    }
    .owl-carousel.featured_owl .owl-nav button.owl-next::after {
        width: 26px;
        height: 26px;
        right: -9px;
    }
    .owl-theme .owl-nav::after {
        width: calc(100% - 95px);
    }
    .owl-theme .owl-nav {
        margin: 10px auto 0;
        width: 80%;
    }
    .featured_owl .item .featured_icon img {
        max-height: 60px;
    }
    .featured_owl .item h4 {
        margin-top: 30px;
    }
    .glry_sec {
        padding: 80px 0 100px;
    }
    .main_ttl_box.glry_ttl_box.text-center h3 {
        margin: 20px 0 40px;
    }
    .featured_owl .item:hover .featured_icon::after {
        top: -10px;
    }
    .featured_icon::after {
        width: 80px;
        height: 80px;
    }
    /*Gallery Section Start*/
    .owl-carousel.glry_owl .owl-nav button.owl-next img, .owl-carousel.glry_owl .owl-nav button.owl-prev img {
        width: 30px;
    }
    .owl-carousel.glry_owl .owl-nav button.owl-prev::after {
        left: -10px;
        width: 26px;
        height: 26px;
    }
    .owl-carousel.glry_owl .owl-nav button.owl-next::after {
        width: 26px;
        height: 26px;
        right: -9px;
    }
    /*Layout Plan Section Start*/
    #accordionPlan .accordion-button {
        padding: 8px 8px 8px 60px;
        max-width: 250px;
        margin-bottom: 22px;
        font-size: 22px;
    }
    #accordionPlan .accordion-button::before {
        width: 26px;
        height: 26px;
    }
    #accordionPlan .accordion-item {
        gap: 60px;
    }
    .layout_sec {
        padding: 80px 0 190px;
    }
    /*Specification Section Start*/
    .specifi_sec {
        padding: 80px 0;
    }
    .speci_con_box {
        padding: 30px 34px 30px 34px;
        min-height: 190px;
        gap: 24px;
    }
    /*Footer Section Start*/
    .brochure_sec {
        padding: 120px 0 400px;
    }
    .contact_box {
        padding: 20px;
    }
    /*Enquiry Form Start*/
    form.rq_model_form {
        padding: 40px 0px;
        overflow: hidden;
    }
    .modal-dialog {
        max-width: 70%;
        margin: 1.75rem auto;
    }
}
@media screen and (max-width: 991px){
    #overview_sec, #amenities_id, #gallery_id, #layout_plan_id, #specification_id {
    scroll-margin-top: 50px;
    }
    /*Overview Section Start*/
    .about_rivew_part {
        padding: 60px 0 0;
    }
    .about_rivew_part {
        display: grid;
        justify-content: center;
    }
    .about_rivew_part .about_review_left {
        position: static;
        width: 100%;
        padding: 0 50px;
    }
    .about_rivew_part .about_review_right {
        width: 100%;
        padding: 20px 50px 0;
    }
    .swiper{
        position: relative;
        width: 100%;
        bottom: 0;
        object-fit: cover;
        height: 100%;
    }
    .main_ttl_box.overview_box {
        padding-right: 0;
        padding-bottom: 0;
    }
    /*Featured Section Start*/
    .fea_sec {
        padding: 60px 50px;
    }
    .main_ttl_box.fea_ttl_box {
        padding-left: 0;
    }
    .fea_img_box img {
        width: 100%;
        max-width: 100%;
        max-height: 600px;
    }
    .owl-carousel.featured_owl .owl-stage-outer {
        margin-left: 0;
    }
    .featured_owl_box {
        padding-bottom: 0;
    }
    .main_ttl_box.fea_ttl_box {
        max-width: 650px;
    }
    .glry_sec {
        padding: 60px 0 85px;
    }
    .main_ttl_box.glry_ttl_box.text-center h3 {
        margin: 14px 0 30px;
    }
    /*Gallery Section Start*/
    .owl-item.active .item .glry_img a .gallery-btn {
        width: 45px;
        height: 45px;
    }
    .owl-item.active .item .glry_img a .gallery-btn::after {
        background-size: 27px;
    }
    .zoom-animate {
        border: 4px solid var(--white);
    }
    /*Layout Plan Section Start*/
    .layout_sec{
        padding: 60px 0 80px;
    }
    .main_ttl_box.layout_ttl_box h3 {
        white-space: normal;
        margin: 14px 0 30px;
    }
    #accordionPlan .accordion-button {
        padding: 6px 6px 6px 40px;
        max-width: 200px;
        margin-bottom: 20px;
        font-size: 20px;
    }
    #accordionPlan .accordion-button::before {
        width: 22px;
        height: 22px;
        left: 8px;
    }
    #accordionPlan .accordion-item {
        gap: 30px;
    }
    #accordionPlan .accordion-button::after {
        width: 30px;
        height: 11px;
        background-size: 30px;
    }
    /*Specification Section Start*/
    .specifi_sec {
        padding: 60px 0;
    }
    .main_ttl_box.speci_ttl_box h3 {
        margin: 16px 0 40px;
    }
    .specifi_content {
        margin-left: 50px;
    }
    .speci_con_box .speci_icon {
        padding: 10px;
    }
    #brochure_id, #location_id {
        scroll-margin-top: 60px;
    }
    .specifi_img {
        margin-right: 0;
        margin-left: 12px;
    }
    .specifi_content {
        margin-left: 12px;
        max-width: 100%;
        margin-right: 0;
    }
    /*Footer Section Start*/
    .main_location {
        flex-direction: column;
        gap: 24px;
    }
    .contact_box {
        width: 100%;
    }
    .contact_bordr {
        border-bottom: 1px solid #ffffff80;
    }
    .contact_box {
        padding: 20px 40px;
    }
    .container.footer_bg {
        padding: 55px 50px 30px;
    }
    footer {
        padding: 0 0 37px;
    }
    .footer_bottom {
        padding: 20px 0 16px;
    }  
    /*Enquiry Form Start*/
    .main_ttl_box.enquiry_form_ttl h3 {
        font-size: 26px;
    }
    form.rq_model_form .form-control {
        padding: 12px 14px;
    }
    .enquiry_modal .modal-content::before{
        display: none;
    }  
}
@media screen and (max-width: 767px){
    #overview_sec, #amenities_id, #gallery_id{
        scroll-margin-top: 60px;
    }
    #layout_plan_id, #specification_id {
        scroll-margin-top: 70px;
    }
    /*Header Section Start*/
    nav.navbar.scrolled {
        padding: 18px 28px 18px 0px;
    }
    nav.navbar {
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 18px 28px 18px 0px;
    }
    .enqry_icon img {
        width: 19px;
        display: block;
        transition: all 450ms ease;
    }
    .main-btn:hover .enqry_icon img {
       filter: invert(100%) sepia(218%) saturate(0%) hue-rotate(203deg) brightness(100%) contrast(100%);
    }
    .main-btn .btn-wrap .text-one span, .main-btn .btn-wrap .text-two span{
        display: none;
    }
    .main-btn.form_btn {
        padding: 10px 15px;
    }
    header {
        position: relative;
        padding-bottom: 0;
    }
    /*Banner Section Start*/
    #banner_sec {
      padding-top: 50px;
    }
    .main_ttl_box h3 {
        font-size: 24px;
    }
    .reg_no {
        bottom: 12px;
        right: 30px;
        left: 30px;
    }
    .main_ttl_box h2 {
        padding: 6px 28px;
    }
    .banner_info {
        top: 45%;
    }
    .banner_bg_img img {
        max-height: 500px;
    }
    .banner_info {
        transform: translate(calc(-50% - 0px), -50%);
        border-left: 0;
    }
    .banner_ttl {
        margin: 0 auto 60px;
    }
    /*Overview Section Start*/
    .about_rivew_part {
        padding: 50px 0 0;
    }
    .owl-carousel.overview_owl.owl-theme{
        margin-bottom: 70px;
    }
    /*Featured Section Start*/
    .fea_sec {
        padding: 50px 50px;
    }
    .featured_owl .item {
        padding: 50px 20px 41.5px;
    }
    .owl-carousel.featured_owl.owl-theme .owl-nav {
        margin-top: 10px;
    }
    /*Gallery Section Start*/
    .glry_img img{
        min-height: 270px;
    }
    .glry_sec {
        padding: 50px 0;
    }
    .owl-carousel.glry_owl.owl-theme .owl-nav {
        margin-top: -40px;
    }
    /*Layout Plan Section Start*/
    .layout_sec{
        padding: 40px 0;
    }
    #accordionPlan .accordion-button {
        max-width: 170px;
        margin-bottom: 14px;
        font-size: 16px;
    }
    div#accordionPlan {
        padding-top: 20px;
    }
    #accordionPlan .accordion-item {
        gap: 20px;
    }
    /*Specification Section Start*/
    .specifi_img {
        margin-left: 0;
    }
    .specifi_content {
        margin-left: 0;
    }
    .specifi_sec {
        padding: 40px 0;
    }
    .main_ttl_box.speci_ttl_box h3 {
        margin: 16px 0 30px;
    }
    .specifi_sec .container-fluid {
        padding-left: 12px;
    }
    .specifi_img img {
        min-height: 300px;
    }
    /*Footer Section Start*/
    .location_map_popup iframe {
        width: 90%;
        height: 80%;
        margin-top: 20px;
    }
    .location_map_popup {
        padding-top: 20px;
    }
    .location_map_popup .close_btn {
        position: absolute;
        top: 15px;
        right: 20px;
    }
    .contact_info ul {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
    .contact_info ul li {
        border-right: none;
    }
    .contact_us {
        margin: 22px 0 0;
    }
    .contact_us h4{
         margin-bottom: 12px;
    }
    footer {
        padding: 0 0 26px;
    }
    .footer_bottom {
        padding: 14px 0 12px;
    }
    .brochure_sec {
        padding: 80px 0 340px;
    }
    .footer_bg {
        margin-top: -285px;
    }
    .toggle-logo {
        display: none;
    }
    .contact_info {
        gap: 26px;
    }
    .main_location {
        gap: 8px;
    }
    .main_ttl_box.footer_ttl_box {
        padding: 20px 0 21px;
    }
    .prasta_icon,
    .tripur_icon {
        height: 70px;
    }
    .ven_icon_box {
        margin: 20px 0 20px;
    }
    .contact_box {
        padding: 26px;
    }
    .container.footer_bg {
        padding: 45px 50px 30px;
    }
    .social_icon {
        height: 18px;
    }
    /*Enquiry Form Start*/
    .modal-body {
        padding: 0;
    }
    .main_ttl_box.enquiry_form_ttl h3 {
        font-size: 22px;
        margin: 14px 0 0;
    }
    form.rq_model_form {
        padding: 30px 0px;
    }
    /*Thanks Page*/
    .brochure_sec.thanks_brochure_sec .main_ttl_box h3 {
        font-size: 40px;
    }
    .brochure_sec.thanks_brochure_sec .main_ttl_box p {
        white-space: normal;
    }
}

@media screen and (max-width: 575px){
    #gallery_id, #layout_plan_id, #specification_id {
        scroll-margin-top: 60px;
    }
    /*Overview Section start*/
    .about_rivew_part .about_review_left {
        padding: 0 12px;
    }
    .about_rivew_part .about_review_right {
        padding: 12px 12px 0;
    }
    /*Header Section Start*/
    .navbar-brand img {
        max-height: 32px;
    }
    .nav_contact .call .call_icon {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
    .nav_contact .call .call_icon img {
        width: 15px;
    }
    .main-btn.enqry_btn{
        padding: 6px;
    }
    .enqry_icon img {
        width: 17px;
    }
    .navbar-toggler-icon {
        background-size: 30px;
    }
    .navbar-toggler.inner_toggle {
        width: 30px;
        height: 30px;
    }
    /*Banner Section Start*/
    #banner_sec {
       margin-bottom: 0;
    }
    .reg_no p {
       font-size: 13px;
    }
    .reg_no {
        bottom: 12px;
        right: 12px;
        left: 12px;
    }
    .banner_bg_img img {
        max-height: 350px;
    }
    /*Overview Section Start*/
    .about_rivew_part {
        padding: 40px 0 0;
    }
    .main_ttl_box h3 {
        font-size: 22px;
        margin: 18px 0 14px;
    }
    .main_ttl_box p {
        font-size: 15px;
    }
    .main_ttl_box.glry_ttl_box.text-center h3 {
        margin: 14px 0 22px;
    }
    /*Featured Section Start*/
    .main_ttl_box.fea_ttl_box h3 {
        margin: 14px 0 14px;
    }
    .owl-carousel.featured_owl .owl-stage-outer {
        padding: 10px 0;
    }
    .main_ttl_box.fea_ttl_box {
        padding: 0;
    }
    .fea_sec {
        padding: 40px 12px;
    }
    /*Gallery Section Start*/
    .glry_img img{
        min-height: 230px;
    }
    .glry_sec {
        padding: 40px 0;
    }
    /*Layout Plan Section Start*/
    #accordionPlan .accordion-item {
        display: block;
    }
    #accordionPlan .accordion-body {
        position: relative;
        margin-bottom: 20px;
    }
    #accordionPlan .accordion-button {
        max-width: 100%;
        margin-bottom: 14px;
        border-radius: 5px;
    }
    div#accordionPlan {
        padding-top: 0;
    }
    /*Specification Section Start*/
    .speci_info p {
        font-size: 15px;
    }
    .speci_info h4 {
        font-size: 18px;
    }
    .speci_con_box {
        padding: 30px;
        min-height: 180px;
    }
    .specifi_sec .container-fluid {
        padding-left: 12px;
    }
    /*Footer Section Start*/
    .container.footer_bg {
        padding: 55px 12px 30px;
    }
    .contact_box {
        padding: 26px;
    }
    .footer_bottom ul li {
        border-right: none;
    }
    .main_location {
        gap: 8px;
    }
    .contact_info {
        gap: 30px;
    }
    .social_icon {
        height: 20px;
    }
    .footer_bottom ul {
        flex-direction: column;
        gap: 6px;
        align-items: center;
    }
    .main_ttl_box.footer_ttl_box {
        padding: 30px 0 18px;
    }
    /*Enquiry Form Start*/
    .modal-dialog {
        max-width: 95%;
    }
    .enquiry_modal .modal-content {
        padding: 20px 20px;
    }
    #accordionPlan .accordion-collapse.collapse .plan_img img{
        transform: translateY(00px);
    }
}
@media (min-width: 576px) {
    /*Enquiry Form Start*/
    .modal-dialog {
        max-width: 80%;
        margin: 1.75rem auto;
    }
}
@media screen and (max-width: 450px){
    /*Header Section start*/
    .navbar-nav .nav-link {
        font-size: 22px;
        padding: 0 16px !important;
    }
    /*Banner Section start*/
    .banner_info {
        top: 39%;
    }
    .banner_ttl {
        margin: 0 auto 40px;
    }
    /*Specification Section Start*/
    .speci_con_box {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        padding: 26px;
    }
    /*Footer Section Start*/
    a.pdf_img_box {
        flex-direction: column;
    }
    ul.navbar-nav {
        padding: 40px 24px;
    }
}
@media screen and (max-width: 380px){
    #brochure_id, #location_id {
        scroll-margin-top: 60px;
    }
    /*Header Section Start*/
    .navbar-brand {
        padding-right: 12px;
    }
    .navbar-brand img {
        max-height: 29px;
    }
    .nav_contact {
        margin-right: 4px;
    }
    .navbar-toggler {
        right: 4px;
    }

}