/* Media Query */

/* Mobile */

@media screen and (min-width: 350px) and (max-width: 576px){

    /* Navbar */
    .navbar .navbar-brand img,
    .navbar .navbar-toggler img{
        height: 30px !important;
    }

    /* Slider */
    .slider{
        height: 100vh;
        background-image: url(../Img/1-m.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .slider .s-img img{
        width: 60%;
        padding-right: 5%;
        padding-top: 35px;
    }
    .slider h1{
        font-size: 40px;
        padding-right: 5%;
    }

    /* About */
    .about{
        padding-top: 40px;
    }
    /* .about p{
        text-align: justify;
    } */

    /* Service */
    .service{
        padding-top: 40px;
    }

    /* Fix */
    .Fix-1{
        position: relative;
    }
    .Fix-1 h1{
        font-size: 50px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    /* Blog */
    .blog{
        padding-top: 30px;
    }

    /* Fix-2 */
    .fix-2{
        position: relative;
    }
    .fix-2 h1{
        font-size: 32px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    
}

/* Tablet */

@media screen and (min-width: 576px) and (max-width: 768px){

    /* Navbar */
    .navbar .navbar-brand img,
    .navbar .navbar-toggler img{
        height: 35px !important;
    }

    /* Slider */
    .slider{
        height: 100vh;
        background-image: url(../Img/1-t.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .slider .s-img{
        width: 80%;
    }
    .slider .s-img img{
        width: 100%;
        padding-right: 5%;
        padding-top: 35px;
    }
    .slider h1{
        font-size: 40px;
        padding-right: 5%;
    }
    /* ------- */
    

    /* About */
    .about{
        padding-top: 40px;
    }
    /* .about p{
        text-align: justify;
    } */

    /* Service */
    .service{
        padding-top: 40px;
    }

    /* Fix */
    .Fix-1{
        position: relative;
    }
    .Fix-1 h1{
        font-size: 50px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    /* Blog */
    .blog{
        padding-top: 30px;
    }

    /* Fix-2 */
    .fix-2{
        position: relative;
    }
    .fix-2 h1{
        font-size: 50px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    
}
/* Large */

@media screen and (min-width: 768px){

    /* Slider */
    .slider{
        height: 90vh;
    }
    
}
/* XLarge */

@media screen and (min-width: 991px) and (max-width: 1200px){

    /* Slider */
    .slider{
        height: 90vh;
    }
    .navbar-nav{
        padding-left: 30% ;
    }
    .nav-item{
        padding-left: 10px;
    }
    
}