@media (max-width:1100px){
    .container-lft{
        width: 100%;
    }
    .main-container{
        padding: 120px 50px;
    }
    .read-more{
        padding: 50px;
    }
    .interior{
        padding: 50px ;
    }
    .service-card-title{
        min-width: 300px;

    }
    .service{
        padding: 80px 50px;
    }
    .statistic{
        padding: 80px 50px;
    }
    .map{
        padding: 50px;
    }
    .about{
        padding: 50px;
    }
    .contact{
        padding: 50px;
    }
    .map-item{
        aspect-ratio: 2/1;
    }
    footer{
        padding: 50px;
    }
}
@media (max-width:1000px) {
    /* Navitation css Start  */
    .nav-rht {
        display: none;
    }

    .nav-rht.active {
        display: block;
    }

    .nav-top {
        display: flex;
        background: #fff;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        padding: 10px 0;
    }

    .nav-heading {
        padding-left: 15px;
    }

    .nav-close {
        color: #333333;
        font-size: 30px;
        font-weight: 600;
        cursor: pointer;
        padding-right: 15px;
    }

    .navbar-toggle {
        display: block;
    }

    .nav-links {
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
    }

    .nav-links{
        display: flex;
        flex-direction: column;
        /* justify-content: space-between; */
        align-items: center;
        background-color: #333333;
        background: rgba(0, 0, 0, .9);
        position: fixed;
        z-index: 10;
        row-gap: 30px;
        right: 0%;
        left: 0%;
        top: 170px;
        /* width: 70%; */
        height: calc(100vh - 170px);
    }
    /* Navitation css End  */
    .foot-content{
        min-width: 300px;
        margin-bottom: 30px;
    }
    .foot-container{
        flex-wrap: wrap;
    }
}
@media (max-width:800px){
    .main-container{
        padding: 100px 30px;
    }
    .read-more{
        padding: 50px 30px;
    }
    .interior{
        padding: 50px 30px;
    }
    .service{
        padding: 50px 30px;
    }
    .statistic{
        padding: 50px 30px;
    }
    .map{
        padding: 30px;
    }
    .about{
        padding: 30px;
    }
    .contact{
        padding: 30px;
    }
    footer{
        padding: 30px;
    }
    .read-container{
        flex-wrap: wrap;
    }
    .interior-container{
        flex-direction: column;
    }
    .statistic-container{
        flex-direction: column-reverse;
    }
    /* .service-card-title{
        flex: 1;
    } */
}
@media (max-width:500px){
    .main-container{
        padding: 50px 20px;
    }
    .read-more{
        padding: 30px 20px;
    }
    .interior{
        padding: 50px 20px;
    }
    .service{
        padding: 30px 10px;
    }
    .statistic{
        padding: 50px 20px;
    }
    .map{
        padding: 30px 20px;
    }
    .about{
        padding: 30px 20px;
    }
    .contact{
        padding: 30px 20px;
    }
    .map-item{
        aspect-ratio: 2/1.4;
    }
    footer{
        padding: 30px;
    }
    h1{
        font-size: 50px;
        line-height: 59px;
    }
    .heading-2{
        font-size: 35px;
        line-height: 45px;
    }
    .header-button{
        flex-direction: column;
    }
    /*.bg-1{*/
    /*    background: url(../images/service-1.jpg) no-repeat;*/
    /*    background-size: cover;*/
    /*    background-position: center; */
    /*    color: #fff;*/
    /*    text-shadow: #000 1px 0 10px;*/
    /*}*/
    /*.bg-2{*/
    /*    background: url(../images/service-2.jpg) no-repeat;*/
    /*    background-size: cover;*/
    /*    background-position: center; */
    /*    color: #fff;*/
    /*    text-shadow: #000 1px 0 10px;*/
    /*}*/
    /*.bg-3{*/
    /*    background: url(../images/service-3.jpg) no-repeat;*/
    /*    background-size: cover;*/
    /*    background-position: center; */
    /*    color: #fff;*/
    /*    text-shadow: #000 1px 0 10px;*/
    /*}*/
    /*.bg-4{*/
    /*    background: url(../images/service-4.jpg) no-repeat;*/
    /*    background-size: cover;*/
    /*    background-position: center; */
    /*    color: #fff;*/
    /*    text-shadow: #000 1px 0 10px;*/
    /*}*/
    /*.bg-5{*/
    /*    background: url(../images/service-5.jpg) no-repeat;*/
    /*    background-size: cover;*/
    /*    background-position: center; */
    /*    color: #fff;*/
    /*    text-shadow: #000 1px 0 10px;*/
    /*}*/
    .left{
        width: 100%;
    }
    .right{
        width: 0%;
    }
}