/* SMall Desktop*/
@media screen and (min-width:1200px) and (max-width:1365px){
   

}



/*iPad Landscape */
@media screen and (min-width:992px) and (max-width:1199px){
    
     
}









@media only screen and (max-width: 768px) {
    h1, h2, .newlobby-section h1 {
        font-size: 40px;
        /*line-height: 46px;*/
    }
    h3 {
        font-size: 75px;
    }
    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .navbar-nav {
        gap: 0px;
        margin: 0;
    }
    .navbar-nav li {
        border-bottom: 1px solid #09454c;
    }
    .logo-header-block {
        padding: 0;
    }
    .navbar {
        background-color: #dce4e4 !important;
        border-bottom: 2px solid;
    }
        
    .mobile-logo {
        display: block;
        padding-bottom: 0;
        padding-top: 0;
    }
    .logo-header-block {
        display: none;
    }
    .header-blank {
        display: none;
    }
    /*Menu Shrink*/
    nav.navbar img {
        transition: all 0.3s ease;
        width: 50px;
    }

    nav.navbar.shrink img {
        width: 50px;
        transition: all 0.3s ease;
    }
    nav.navbar.shrink .logo-header-block {
        padding: 0;
    }
    .elevating-section:before, .onestop-section:before, .urban-pulse-section:before {
        width: 65px;
    }
    .footer-btn .btn {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
    }
/*Menu Shrink*/

    .bg-img {
        margin-top: 80px;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 10px;
        height: 30px;
        opacity: 9 !important;
    }

    .upcoming-section .pr-5, .upcoming-section .pl-5 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .small-text {
        margin-bottom: 0px;
    }
    .connect-with-section .contact-detail-block {
        margin-bottom: 30px;
    }
    .connect-with-section h1 {
        margin-bottom: 30px;
    }
    .connect-with-section .contact-detail-block .address-name, .connect-with-section .contact-detail-block .mobile-number, .connect-with-section .contact-detail-block .mail-id {
        font-size: 13px;
    }
    .footer-block {
        text-align: center;
    }
    .footer-block img {
        margin-bottom: 50px;
    }
    .footer-block .copyright-text {
        margin: 0;
    }
        .cousins-logo-block {
        align-items: center;
        text-align: center;
    }
        .footer-btn {
    justify-content: space-evenly;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 50px;
}
    .onestop-section ul li strong {
        width: 70px;
    }

    .onestop-section ul li.one-time:before, .onestop-section ul li.five-time:before{
        width: 50%;
            right: 15%;
            top: 18px;
    }
    .onestop-section ul li.two-time:before{
        width: 50%;
            right: 15%;
            top: 18px;
    }
    .onestop-section ul li.three-time:before{
        width: 50%;
            right: 15%;
            top: 18px;
    }
    .onestop-section ul li.four-time:before{
                width: 17%;
            right: 15%;
            top: 18px;
    }

    .number-of-fllor-section .col-lg-4 {
            margin-bottom: 60px;
    }
    .number-of-fllor-section .col-lg-4:last-child {
        margin-bottom: 0;
    }
    .footer-block .property-management {
        flex-direction: column;
        padding: 20px;
        text-align: left;
        gap: 20px;
    }
    .footer-block .property-management strong {
        font-size: 24px;
    }
    .footer-block .property-management span {
        font-size: 28px;
    }

        
}


@media screen and (min-width:768px) and (max-width:991px){
    .navbar-nav {
            justify-content: space-around;
        }
    .navbar-nav {
        gap: 0px;
        margin: 0;
    }
    .navbar-nav li {
        border-bottom: 1px solid #09454c;
    }
    .logo-header-block {
        padding: 0;
    }
    .navbar {
        background-color: #dce4e4 !important;
        border-bottom: 2px solid;
    }
        
    .mobile-logo {
        display: block;
        padding-bottom: 0;
        padding-top: 0;
    }
    .logo-header-block {
        display: none;
    }
    .header-blank {
        display: none;
    }
    .bg-img {
        /*margin-top: 160px;*/
        margin-top: 112px;
    }
    /*Menu Shrink*/
    nav.navbar img {
        transition: all 0.3s ease;
        width: 70px;
    }

    nav.navbar.shrink img {
        width: 50px;
        transition: all 0.3s ease;
    }
    nav.navbar.shrink .logo-header-block {
        padding: 0;
    }
    .connect-with-section .contact-detail-block {
        margin-bottom: 30px;
    }
    .connect-with-section .contact-detail-block:last-child {
        margin-bottom: 0px;
    }
    .connect-with-section h1 {
        margin-bottom: 30px;
    }
    .cousins-logo-block {
        align-items: center;
        text-align: center;
    }
/*Menu Shrink*/
    .elevating-section:before, .onestop-section:before, .urban-pulse-section:before {
    width: 65px;
    }
    .upcoming-section .container {
            max-width: 760px;
    }
       
        
       .footer-btn .btn {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
        width: auto;
    }
    .footer-block .copyright-text {
        margin: 20px 0 0 0;
        text-align: center;
    }

    
}



@media screen and (min-width:340px) and (max-width:420px){

    .header-blank {
        display: none;
    }

    .cousins-logo-block {
        align-items: center;
        text-align: center;
    }

}


@media screen and (min-width:681px) and (max-width:770px){
    .onestop-section ul li.one-time:before{
        width: 68%;
        right: 10%;
    }
    .onestop-section ul li.two-time:before{
        width: 76%;
        right: 10%;
    }
    .onestop-section ul li.three-time:before{
        width: 40%;
        right: 10%;
    }
    .onestop-section ul li.four-time:before{
        width: 49%;
        right: 10%; 
    }
    .onestop-section ul li.five-time:before{
        width: 66%;
        right: 10%;
    }
}


@media screen and (min-width:601px) and (max-width:680px){
   .onestop-section ul li.one-time:before{
        width: 64%;
        right: 11%;
    }
    .onestop-section ul li.two-time:before{
        width: 72%;
        right: 11%;
    }
    .onestop-section ul li.three-time:before{
        width: 31%;
        right: 11%;
    }
    .onestop-section ul li.four-time:before{
        width: 42%;
        right: 11%; 
    }
    .onestop-section ul li.five-time:before{
        width: 61%;
        right: 11%;
    }
}


@media screen and (min-width:561px) and (max-width:600px){
   .onestop-section ul li.one-time:before{
        width: 62%;
        right: 12%;
    }
    .onestop-section ul li.two-time:before{
        width: 72%;
        right: 12%;
    }
    .onestop-section ul li.three-time:before{
        width: 26%;
        right: 12%;
    }
    .onestop-section ul li.four-time:before{
        width: 37%;
        right: 12%; 
    }
    .onestop-section ul li.five-time:before{
        width: 58%;
        right: 12%;
    }
}




@media screen and (min-width:511px) and (max-width:560px){
   .onestop-section ul li.one-time:before{
        width: 58%;
        right: 13%;
    }
    .onestop-section ul li.two-time:before{
        width: 68%;
        right: 13%;
    }
    .onestop-section ul li.three-time:before{
        width: 20%;
        right: 13%;
    }
    .onestop-section ul li.four-time:before{
        width: 32%;
        right: 13%; 
    }
    .onestop-section ul li.five-time:before{
        width: 54%;
        right: 13%;
    }
}


@media screen and (min-width:471px) and (max-width:520px){
   .onestop-section ul li.one-time:before{
        width: 55%;
        right: 15%;
    }
    .onestop-section ul li.two-time:before{
        width: 66%;
        right: 15%;
    }
    .onestop-section ul li.three-time:before{
        width: 18%;
        right: 15%;
    }
    .onestop-section ul li.four-time:before{
        width: 28%;
        right: 15%; 
    }
    .onestop-section ul li.five-time:before{
        width: 52%;
        right: 15%;
    }
}


@media screen and (min-width:431px) and (max-width:470px){
    .onestop-section ul li.one-time:before{
        width: 45%;
        right: 18%;
    }
    .onestop-section ul li.two-time:before{
        width: 60%;
        right: 18%;
    }
    .onestop-section ul li.three-time:before{
        width: 1%;
        right: 18%;
    }
    .onestop-section ul li.four-time:before{
        width: 12%;
        right: 18%; 
    }
    .onestop-section ul li.five-time:before{
        width: 42%;
        right: 18%;
    }
}

@media screen and (min-width:401px) and (max-width:430px){
    .onestop-section ul li.one-time:before{
        width: 44%;
        right: 18%;
    }
    .onestop-section ul li.two-time:before{
        width:58%;
        right: 18%;
    }
    .onestop-section ul li.three-time:before{
        width: 12%;
        right: 18%;
    }
    .onestop-section ul li.four-time:before{
        width: 10%;
        right: 18%; 
    }
    .onestop-section ul li.five-time:before{
        width: 40%;
        right: 18%;
    }
}

@media screen and (min-width:371px) and (max-width:400px){
        .onestop-section ul li.one-time:before, .onestop-section ul li.five-time:before{
        width: 33%;
        right: 20%;
    }
    .onestop-section ul li.two-time:before{
        width: 54%;
        right: 20%;
    }
    .onestop-section ul li.three-time:before, .onestop-section ul li.four-time:before{
        width: 5%;
        right: 20%;
    }
}

@media screen and (min-width:340px) and (max-width:370px){
    .onestop-section ul li.one-time:before, .onestop-section ul li.five-time:before{
        width: 33%;
        right: 20%;
    }
    .onestop-section ul li.two-time:before{
        width: 54%;
        right: 20%;
    }
    .onestop-section ul li.three-time:before{
        width: 0%;
        right: 20%;
    }
    .onestop-section ul li.four-time:before{
        display: none;  
    }
}