@media (max-width: 1108px){

    /* slider media  and nav */
    nav{
        padding: 2px 20px;
    }

   /* start about */
   .about-bx .about-inner{
    display: block;
    }
    .about-bx .about-inner .about-left{
        width: 100%;
    }
    .about-bx .about-inner .about-right{
        width: 100%;
        padding-top:10px ;
    }
    .about-bx .about-inner .about-right p{
        padding-top: 10px;
    }
    /* coding for project/services  */

}



@media screen and (min-width:992px){
    /* slider media  and nav */
    /* .slider-img img{
        height: 650px !important;
    } */
    .menu-btn{
        display: none;
    }
    .appart-row .appart-cols .bg-img-Sec img{
        height: 350px;
    }
}

@media screen and (max-width:991px){
    .container-90{
        width: 95%;
        margin: 0 auto;
    }
/* slider media  and nav */
    .slider-img img{
        height: 350px ;
    }
    .navigation-items a{
      display: block;  
    }
    .navigation{
        display: none;
    }
    .navigation-items a{
        margin-bottom: 40px;
    }
    nav .showNav{
        display: block ;
        position: absolute;
        padding: 20px;
        background-color: #333;
        top: 0;
        left: 0;
        width: 60%;
        height: 110vh;
        z-index: 900;
        -webkit-animation: scale-up-hor-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	    animation: scale-up-hor-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }
    nav .showNav .navigation-items a{
        -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    }

    /* coding for about us  */
    .work-exp-inside{
        display: block;
     }
    .work-exp-inside .exp-col{
        padding-bottom: 50px;
     }
    .bgTab-content{
        width: 90%;
    }
     /* coding for service/project   */
     .appart-cols , .layout-crd-col{
        margin-bottom: 30px;
     }
    
    
}

/*=====================*/
@media (max-width: 560px){
    /* slider media  and nav */
    nav .brand{
        font-size: 1rem;
    }
    .home .content h1{
        font-size: 3em;
        line-height: 60px;
    }
    nav .showNav{
        height: 120vh;
    }
    .slider-img img{
        height: 250px !important;
    }
    /* coding for about us  */
    /* coding for service/project   */
    .bgTab-content h2{
        font-size: 17px;
    }
}
/*=====================*/