/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

    .navbar-bramd{
        padding: 1rem;
    }

    html{
        font-size: 50% !important;
        overflow-x: hidden ;
    }

    .header{
        min-height: 450px;
    }

    .header .carousel__header{
        font-size: 3rem;
    }

    .header .carousel__description{
        font-size: 1.6rem;
        margin: 20px 0 25px 0;
    }

    .navbar-brand img{
        max-width: 12rem;
    }

    .gallery__single{
        background-size: 150%;
    }

    .header .carousel-control-prev span i, 
    .header .carousel-control-next span i{
        font-size: 4rem !important;
        opacity: .7;
    }
 }


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

    .services__name{
        margin-bottom: 3rem;
    }

    .services{
        padding: 3.4rem 0;
    }

    .blog__box{
        margin-bottom: 6rem;
        text-align: center;
    }

    .services__form{
        transform: translateY(0);
        margin-top: 6rem;
        position: inherit;
    }
 }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 


    .services__form{
        padding: 1.5rem 1.5rem;
    }

    /* Font size */

    html{
        font-size: 56%;
    }

    .services__name{
        font-size: 1.5rem;
    }

    .header .carousel__header{
        font-size: 4.5rem;
    }

    .header .carousel__description{
        font-size: 2rem;
    }

    .header .carousel-control-prev span i, 
    .header .carousel-control-next span i{
        font-size: 5rem;
    }

    .nav-item{
        margin-left: 0;
    }

    .nav-mail{
        display: none;
    }

    .navbar-toggler-icon{
        height: 3rem !important;
        width: 3rem !important;
    }

 }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 


    /* Navbar */

    .nav-link{
        font-size: 2rem;
    }

    /* Font size */

    html{
        font-size: 60%;
    }

 }