@media(max-width:2100px){
    .developer_box .img1 {
        top: 36%;
        right: 28%;
    }
    .developer_box .img2 {
        top: 54%;
        right: 28%;
    }
    .art_taxt {
        top: 40px;
    }
}
@media(max-width:2200px){
    .developer_box .img1 {
        top: 37%;
        right: 29%;
    }
    .developer_box .img2 {
        top: 55%;
        right: 29%;
    }
}
@media(max-width:1600px){
    .specifications .row.justify-content-center.pt-5{
        margin-top: 7rem !important
    }
    .specifications{
        padding-top: 7rem
    }
}
@media(max-width:1199px){
    #page1,
    #page2,
    #page3,
    #page4{
        background-size: cover;
    }
    .header_items h3{
        font-size: 20px;
    }
    .developer_box .img1 {
        top: 46%;
        right: 8%;
    }
    .video_box video{
        width: auto;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
@media(max-width:991px){
    .container-fluid{
        padding-left: 15px;
        padding-right: 15px;
    }
    .header_items h6 {
        font-size: 20px;
    }
    .header_items h3 {
        font-size: 18px;
    }
    .floor_bg{
        background-position: center center;
    }
    .nav_arrow {
        width: 90px;
        bottom: 10%;
        left: 50%;
        transform: translateX(-50%);
    }
    .my-arrow i, .my-arrow i {
        font-size: 20px !important;
        width: 40px;
        height: 40px;
    }
    
    .slider_img_box p {
        color: #fff;
        position: static;
        margin-top: 10px;
    }
    .slider_text_box h2 {
        position: relative;
        right: 0;
        font-family: 'Brushield';
        font-size: 60px;
        top: 0;
        line-height: 1;
    }
    .slider_text_box h2 + h2 {
        top: 0;
        left: 65px;
    }
    .slider_text_box p {
        position: relative;
        left: 65px;
        top: 0;
        font-size: 20px;
    }
    .floor_bg2 .slider_text_box h2 {
        left: 0;
    }
    .floor_bg2 .slider_text_box h2 + h2 {
        top: 0;
        left: 80px;
    }
    .floor_bg2 .slider_text_box p {
        position: relative;
        left: 85px;
        top: 0;
    }
    .floor_bg2 .slider_text_box h2,
    .slider_text_box h2,
    .slider_text_box h2 + h2,
    .slider_text_box p ,
    .floor_bg2 .slider_text_box h2 + h2,
    .floor_bg2 .slider_text_box p{
        left: 0;
        text-align: center;
    }
    .slider_img_box {
        padding: 20px;
        text-align: center;
        backdrop-filter: blur(4px) saturate(200%);
        -webkit-backdrop-filter: blur(4px) saturate(200%);
        background-color: rgba(0, 0, 0, 0.58);
        border-radius: 12px;
        border: 1px solid rgba(209, 213, 219, 0.3);
        margin-bottom: 30px;
    }
    .slider_img_box p{
        padding-top: 10px;
        text-align: left;
    }
    .location_img,
    .floor_bg4 .location_img, .floor_bg5 .location_img, .floor_bg6 .location_img {
        position: absolute;
        bottom: 15px;
        width: 50px !important;
        right: 20px;
    }
    #page2{
        background-position: 28% 100%;
    }
    .specifications h3{
        font-size: 30px;
    }
    .slider_text_box {
        position: relative;
        top: 0;
    }
    .slider_text_box .pricing_text {
        position: absolute;
        top: -35px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }
    .slider_text_box .pricing_text h4{
        text-align: center;
    }
    #page4 .pricing_text {
        position: relative;
        bottom: -9px;
        left: 0;
        text-align: center;
    }
    #page4 .floor_bg3 .pricing_text, #page4 .floor_bg4 .pricing_text, #page4 .floor_bg5 .pricing_text, #page4 .floor_bg6 .pricing_text {
        position: relative;
        bottom: -12px;
    }
    
}
@media(max-width:767px){

    #menu{
        padding: 30px 0;
    }
    .header_items i {
        font-size: 14px;
        width: 30px;
        height: 30px;
    }
    .header_items h6,
    .header_items h3 {
        font-size: 14px;
    }
    .copyright_box p{
        font-size: 15px;
        text-align: center;
    }
    .video_box video{
        width: 100%;
        height: 100%;
    }
    #page3{
        background-position: 0% 100%
    }
    #page3 p{
        font-size: 14px;
    }
    #page-scroll .section{
        height: 100%;
    }
    .art_taxt {
        /* top: 40px; */
        top: 85px
    }
    .art_taxt h2,
    .art_living_box h2, .art_living_box h2 > span,
    .welcome_text_box h2, .welcome_text_box span {
        font-size: 50px;
    }
    .art_taxt span, .art_taxt h3 {
        font-size: 30px;
        top:-14px
    }
    .art_taxt h3 + h2 {
        top: -22px;
    }
    .art_taxt h3:last-child {
        top: -28px;
    }
    .art_living_box h2 > span{
        top: -7px;
    }
    .pricing_box{
        margin-top: 15px;
        top: 52px;
        position: relative;
    }
    .pricing_box h4 {
        font-size: 20px;
    }
    .welcome_box{
        padding: 20px;
        /* margin: auto; */
    }
    .welcome_box h3,
    .enquiry_popup h3 {
        font-size: 50px;
    }
    .welcome_box p,
    .enquiry_popup p {
        font-size: 16px;
        position: relative;
        top: -8px;
        left: 44px;
    }
    .welcome_box button{
        font-size: 16px;
    }
    .art_living_box{
        display: flex;
        flex-direction: column-reverse;
    }
    .art_living_box p{
        text-align: center !important;
    }
    .floor_plan_slider .owl-nav {
        left: 50%;
        transform: translateX(-50%);
        width: 95px;
    }
    .slider_text_box h2{
        font-size: 50px;
    }
    #page2 {
        background-size: cover;
        background-position: 16% 100%;
    }
    .floor_bg2 .slider_text_box p,
    .slider_text_box p{
        font-size: 15px;
        position: static;
        text-align: center;
        margin-top: 15px;
    }
    .floor_bg2 .slider_text_box h2 + h2 {
        top: 0;
        left: 0;
    }
    .floor_plan_slider .owl-prev, .floor_plan_slider .owl-next {
        width: 40px;
        height: 40px;
        font-size: 20px !important;
    }
    /* .location_img {
        position: absolute;
        bottom: 0;
        width: 50px !important;
        right: 0;
    } */
    .about_group_right{
        padding: 0 20px;
    }
    .slider_img_box p br,
    .about_group_right p br{ 
        display: none;
    }

    .developer_box .img1 {
        top: 25%;
        left: 15px;
        width: 150px;
    }
    .developer_box .img2 {
        top: 29%;
        left: 15px;
    }
    #home_enquiry .heading {
        font-size: 40px;
        margin-bottom: 45px;
    }
    #home_enquiry .heading strong {
        font-size: 25px;
    }
    .about_group_right p{
        font-size: 15px;
    } 
    .about_group_left img {
        width: 100%;
        max-width: 200px;
    }
    .welcome_box input::placeholder{
        font-size: 15px;
    }
    #pp-nav.right {
        right: 5px;
    }
    #pp-nav span, .pp-slidesNav span{
        width: 15px;
        height: 15px;
    }
    #pp-nav li, .pp-slidesNav li {
        width: 15px;
        height: 10px;
    }
    #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span,
    #fp-nav ul li a span, .fp-slidesNav ul li a span, #fp-nav ul li a span:hover, .fp-slidesNav ul li a span:hover {
        width: 15px !important;
        height: 15px !important;
        top: 0;
        left: 0;
    }
    #fp-nav ul li, .fp-slidesNav ul li{
        height: 15px;
    }
    #fp-nav ul{
        background: rgba(255, 255, 255, 0.35);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 50px;
        padding: 10px 0;
    }
    #fp-nav.fp-right {
        right: 10px;
    }
    
    .h-400{
        height: 400px;
    }
    .specifications {
        padding-top: 1rem;
    }
    .enquiry-button{
        padding: 10px;
        gap: 10px;
    }
    .enquiry-button img {
        width: 25px;
    }
    .igbc {
        position: absolute;
        bottom: 26px;
        right: 0;
        width: 100%;
        max-width: 80px;
    }
    #page4 .pricing_text h4{
        font-size: 15px;
    }
}
@media(max-width:575px){
    .header_items h6, .header_items h3 {
        font-size: 10px;
        word-wrap: break-word;
    }
    .header_items i {
        margin-right: 5px;
        font-size: 12px;
        width: 25px;
        height: 25px;
    }
    #menu li {
        margin-right: 20px;
    }
    #menu li:first-child::after {
        right: -12px;
    }
    #menu {
        padding: 15px 0;
    }
    #menu li:last-child {
        width: 100px;
    }
    #page3 {
        background-position: 26% 100%;
    }
    .art_taxt{
        /* top: 0; */
        top: 50px;
    }
    .pricing_box {
        margin-top: 10px;
    }
    .pricing_box h4 {
        font-size: 13px;
    }
    .pricing_box .booking_btn {
        width: 100px;
    }
    .art_taxt h2,
    .art_taxt h3{
        font-size: 35px;
    }
    .art_taxt span{
        font-size: 25px;
    }
    .art_taxt h3{
        top: 0;
    }
    .art_taxt h3 + h2 {
        top: 0;
    }
    .art_taxt h3:last-child{
        top: 0;
    }
    .welcome_box h3 {
        font-size: 30px;
    }
    .welcome_box p{
        font-size: 15px;
    }
    .welcome_box button{
        font-size: 13px;
        padding: 5px 20px;
    }
    .welcome_text_box span{
        left: 0;
    }
    .slider_text_box h2 {
        font-size: 30px;
    }
    .slider_img_box p {
        font-size: 14px;
    }
    .slider_text_box p {
        font-size: 13px;
        margin-top: 4px;
    }
    .welcome_text_box h2,
    .art_living_box h2,
    .art_living_box h2 > span {
        font-size: 35px;
    }
    .about_group_right p{
        font-size: 13px;
    }
    .art_living_box h2 > span{
        top: -5px
    }
    .enquiry-btn{
        padding: 5px;
    }
    .enquiry-btn .icon{
        width: 30px;
        height: 30px;
    }
    .enquiry-btn .icon i{
        font-size: 15px;
    }
    /* .location_img {
        position: absolute;
        bottom: -12px;
        width: 50px !important;
        right: 30px;
    } */
    #fp-nav.fp-right{
        right: 5px
    }
    .logo-black {
        width: 100%;
        max-width: 150px;
    }
    .group-img {
        width: 100%;
        max-width: 200px;
    }
    .specifications .row.justify-content-center.pt-5{
        margin-top: 3rem !important
    }
    
}
@media(max-width:400px){
    .art_taxt h2, .art_taxt h3 {
        font-size: 25px;
    }
    .art_taxt span {
        font-size: 18px;
    }
    .art_taxt {
        top: 80px;
    }
    .pricing_box h4 {
        font-size: 12px;
        top: 14px;
        position: relative;
    }
    .welcome_box {
        padding: 10px 15px;
        margin-top: 4rem
    }
    .pricing_box {
        top: 64px;
    }
    .sticky_list {
        height: 40px;
    }
    .mobile_sticky p{
        display: none;
    }
    .igbc {
        bottom: 20px;
    }
}