@media only screen and (min-width: 1024px) and (max-width: 1400px)
{
    .nav-list a span{
        font-size: 16px;
    }
    .nav-list{
        padding: 0 7px;
    }

}
/* NAVIGATION BAR START */
@media only screen and (max-width: 1024px){
    .navigation-bar{
        display: none;
    }
    .checkbtn{
        display: block;
        line-height: 85px;
    }
    .main-header{
        height: 100px;
    }
    .responsive-top-padding{
        padding-top: 100px;
    }
    .hero-section{
        margin-top: 90px;
    }
    #check:checked ~ .responsive-nav-wrapper{
        display: block;
        background-color: #fff;
        z-index: 100;
    }

}
    /* NAVIGATION BAR END */
@media only screen and (width <= 768px){
    .walk-section{
        height: auto;
        min-height: 400px;    
    }
    .walk-section-inside{
        top: 0;
        left: 0;
        transform: none;
    }
    .walk-video {
        height: 80%;
    }

    .bkh-heading h1{
        font-size: 250%;
        line-height: 100%;
    }
    h1.dft-h1{
        font-size: 35px;
        padding:20px 0;
        letter-spacing: -1px;
    }
    
}

@media only screen and (min-width: 1024px) and (max-width: 1280px){
    .z-order-col-content{
        padding: 8%;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .z-order-col-content{
        padding: 7%;

    }
    .z-order-col-content h1{
        font-size: 50px;
        line-height: 100%;

    }
    .z-order-col-img .empty-space{
        height: 250px;
    }
    h1.dft-h1{
        font-size: 45px;
        padding:25px 0;
        letter-spacing: -3px;
    }

}
@media only screen and (min-width: 100px) and (max-width: 768px){
    .z-order-col-content{
        padding-top: 5%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 7%;
    }
    .z-order-col-content h1{
        font-size: 45px;
        line-height: 100%;

    }
    .z-order-col-img .empty-space{
        height: 100px;
    }
}

@media only screen and (min-width: 1024px){
    .construction-updates-img{
        margin-top: -125px;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1366px){
    .hero-section-hero-text, .blog-hero-text{
        font-size: 45px;
        width: 70%;
        margin: 0 auto;
        line-height: 50px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .blog-hero-text, .hero-section-hero-text{
    font-size: 42px;
    width: 70%;
    margin: 0 auto;
    line-height: 56px;
    }
    .hero-slider-text{
    font-size: 50px;
    margin: 0 auto;
    line-height: 56px;
    }
    .hero-section .lead{
        font-size: 18px;
        line-height: 28px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        text-transform: none;
    }
}
@media only screen and (max-width: 767px){
    .blog-hero-text,.hero-section-hero-text{
    font-size: 32px;
    width: 80%;
    margin: 0 auto;
    line-height: 46px;}
    .hero-slider-text{
        font-size: 40px;
        margin: 0 auto;
        line-height: 46px;}
    .hero-section .lead{
        color: rgb(255, 255, 255);
        font-size: 16px;
        line-height: 26px;
        font-family: Ubuntu;
        font-style: normal;
        font-weight: 300;
        letter-spacing: 0px;
        text-transform: none;
    }
}




/* SMALL SCREEN START*/
@media only screen and (max-width: 576px){
    .footer-items {
        text-align: center;
    }
    h2.dft-h2{
        font-size: 28px;
    }
    .about-section, .about-sg, .about-sh{
        padding-top: 50px;
        padding-bottom: 50px;
      
    } 
    .about-section h2 {
        text-align: center;
    } 
    button{
        text-align: center;

    }
    .unique-features {
        padding-top: 50px;
        padding-bottom: 50px;
      
    }
    .unique-features h2{
        text-align: center;
    }
    .unique-features h3{
        margin-bottom: 10px;
    }
    .sm-cente-btn{
        text-align: center;
    }
    .goto-arrow i{
        font-size: 30px;
   
    }
    .p-t90-b60{
        padding-top: 60px;
        padding-bottom: 40px;
    }
    h1.dft-h1{
        font-size: 30px;
        padding:20px 0;
        letter-spacing: -2px;
    }
    .portfolio-item p{
        line-height: 1.938em;
        text-align: left;
        
    }
    


}
/* SMALL SCREEN END*/
/* MEDIUM SCREEN START*/
@media only screen and (max-width: 768px){
    h2.dft-h2{
        text-align: center;

    }

}
/* MEDIUM SCREEN END*/
@media only screen and (max-width: 992px){
    h3.dft-h3{
        font-size: 18px;
    }
}
/* LARGE SCREEN START*/
@media only screen and (max-width: 1200px){
    
}
@media only screen and (max-width: 1400px){
    .about-section, .about-sg, .about-sh{
        padding-top: 80px;
        padding-bottom: 54px;
      
    } 
    
}
/* LARGE SCREEN END*/
/* EXTRA LARGE SCREEN START */
@media only screen and (min-width: 1400px){
    
}
/* EXTRA LARGE SCRENN END*/