.login{
    background-image: url("http://localhost/dentaldemo/public/assets/images/home/intro2.jpg");
    width: 100%;
    height: 400px;
    background-attachment: fixed;
    background-size: cover;
    margin-bottom: 10px;

}
.card-body{
    margin-top: 100px;
    text-align: right;

}
.head{
    background-color: #a7d7e1;
    color: white;
}
.head a{
    color: white;

}
.mob{
    display: none;
}

.head a:hover{
    text-decoration: none;
    background-color: red;
    background-size: cover;
    background-image: url("http://localhost/dentistfouadclinic/public/assets/images/home/reviews/1614725183.PNG");
    resize: both;
}
.nav-item{
    margin: auto;
    margin-left: 10px;
    padding-right: 50px;
}
.nav-item a:hover{

}
.dropdown-menu .nav-link{
    background-color: white;
    color: #3b7cfb;
    font-size: 15px;
}
.mobile{
    display: none;
}

footer {
    width: 98%;
    color: white;
    text-align: center;
    background-color: white;
    margin: auto;
    border: solid 4px blue;
    border-radius: 20px;

}

.footer .container .right-side{
    background-color: white;
    width: 100%;height: 100%;float: right;margin: auto
}
 .right-side .social{
    float: right;width: 30%;
     color: blue;

 }
.right-side .contact{
    width: 30%; height:90%;float: left;
    color: black;


}
.right-side .slogan{
    width: 40%; height:90%;float: right;
    color: #0b7cc5;
    border-right: 2px solid blue;
    border-left: 2px solid blue;
    border-radius: 20px;

}
.right-side .slogan i{
    color: #0c84d1;


}
 .blue-grey
{
color: blue;
}




.footer  i{
    width: 70px;
    font-size: 25px;

}



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

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

}

@media only screen and (max-width: 600px) {
}



@media only screen and (max-width: 768px) {
    .head{
        background-color: #a7d7e1;
        color: white;
    }
    .head a{
        color: white;

    }

    .head a:hover{
        text-decoration: none;
        background-color: red;
        background-size: cover;
        background-image: url("http://localhost/dentistfouadclinic/public/assets/images/home/reviews/1614725183.PNG");
        resize: both;
    }
    .nav-item{
        margin: auto;
        margin-left: 1px;
        padding-right: 10px;
        display: none;
    }
    .mob{
        display: block;
    }
    .nav-item a:hover{

    }
    .dropdown-menu .nav-link{
        background-color: white;
        color: #3b7cfb;
        font-size: 15px;
    }
    .mobile{
        display: none;
    }


    .mobile{
    display: flex;
}
    footer {
        width: 100%;
        color: white;
        text-align: center;
        background-color: #a7d7e1;
        margin: auto;

    }

    .footer .container .right-side{
        background-color: #a7d7e1;
        width: 100%;height: 100%;float: right;margin: auto
    }
    .right-side .social{
        float: right;width: 100%;
        color: blue;
        border-right: 2px solid blue;
        border-left: 2px solid blue;        border-radius: 20px;

    }
    .right-side .contact{
        width: 100%; height:90%;float: left;
        color: black;
        border-right: 2px solid blue;
        border-left: 2px solid blue;        border-radius: 20px;


    }
    .right-side .slogan{
        width: 100%; height:90%;float: right;
        color: #0b7cc5;
        border-right: 2px solid blue;
        border-left: 2px solid blue;        border-radius: 20px;

    }
    .blue-grey
    {
        color: blue;
    }



    .footer .container .left-side{
        background-color: red;
        width: 100%;height: 100%;float: left;margin: auto
    }
    .footer  i{
        width: 70px;
        font-size: 25px;

    }



}

@media screen and (max-width: 992px) {

}
@media only screen and (orientation: landscape){

}