/* MEDIA QUERY */
@media(min-width:240px){
    header::before{
        left: -74px;
        width: 88%;
    }
    .navbar-brand img{
        width: 120px;
    }
    header .nav-item .nav-link{
        color: #5bbafc;
        font-size: 14px !important;
    }
    header .nav-item{
        padding-left: 5px !important;
    }
    .about .about-img .about-item img {
        width: 192px;
        height: 200px;
    }
    .about .about-img .about-inner img {
        width: 150px;
        height: 150px;
        right: -11px;
        top: 45%;
    }
    .banner .banner-content{
        padding-left: 20px;
    }
    .banner .owl-carousel .carousel-img .banner-content h2{
        font-size: 20px;
    }
    .banner .owl-carousel .carousel-img .banner-content p{
        font-size: 12px;
    }
    .about-hospital img{
        width: 150px;
    }
    footer .footer-img img{
        width: 30%;
    }
    .copyright p{
        font-size: 12px;
    }
}
@media(min-width:280px){
    .about .about-img .about-item img {
        width: 214px;
        height: 226px;
    }
    .about .about-img .about-inner img {
        width: 155px;
        height: 155px;
        right: -8px;
        top: 47%;
    }
    header::before {
        left: -87px;
        width: 81%;
    }
}
@media(min-width:320px){
    .about .about-img .about-inner img{
        top: 52%;
    }
    .about .about-img .about-item img{
        width: 253px;
        height: 265px ;
    }
    header::before {
        left: -90px;
        width: 73%;
    }
}
@media(min-width:360px){
    .banner .owl-carousel .carousel-img .banner-content p{
        font-size: 12px;
        padding-right: 20px;
    }
    .banner .owl-carousel .carousel-img .banner-content h2{
        font-size: 32px;
    }
    .banner .owl-carousel .carousel-img img{
        height: 500px;
    }
    .about .about-img .about-item img{
        width: 280px;
        height: 280px;
    }
    .about .about-img .about-inner img{
        top: 45%;
        width: 190px;
        height: 190px;
        right: 0px;
    }
    header::before {
        left: -87px;
        width: 72%;
    }
    .navbar-brand img{
        width: 150px;
    }
}
@media(min-width:380px){
    .about .about-img .about-inner img{
        top: 43%;
    }
    header::before {
        width: 68%;
    }
}
@media(min-width:460px){
    .about .about-img .about-inner img{
        width: 220px;
        height: 210px;
        right: 10px;
        top: 48%;
    }
    .about .about-img .about-item img{
        width: 340px;
        height: 340px;
    }
    header::before {
        left: -89px;
        width: 57%;    
    }
    header .nav-item .nav-link{
        font-size: 15px !important;
    }
    .copyright p {
        font-size: 13px;
    }
}
@media (min-width:575px){
    .copyright{
        font-size: 11px;
        padding-top: 6px;
    }
    header::before{
        display: block;
        left: -84px;
        width: 45%;
    }
    .about .about-img .about-inner img{
        right: 66px;
    }
    .goog-te-gadget .goog-te-combo{
        color: #5bbafc;
    }
    header .nav-item .nav-link{
        color: #5bbafc !important;
    }
}
@media (min-width:576px){
    .banner .owl-carousel .carousel-img{
        background-position: left;
    }  
    .copyright{
        font-size: 11px;
        padding-top: 6px;
    }
    .contact{
        background-position: right;
    }
    header::before {
        width: 46%;
        left: -91px;    
    }
    header .nav-item .nav-link, .google-link{
        color: #5bbafc !important;
    }
    .product-content h6{
        font-size: 15px;
    }
}
@media(min-width:600px){
    .about .about-img .about-inner img{
        top: 50%;
    }
}
@media(min-width:712px){
    .about .about-img .about-inner img{
        right: 18%;
        top: 49%;
    }
    header::before {
        width: 38%;
        left: -89px;    
    }
}
@media (min-width:768px){
    .banner .owl-carousel .carousel-img .banner-content h2{
        font-size: 50px;
    }
    .banner .owl-carousel .carousel-img .banner-content p{
        font-size: 15px;
    }
    footer .footer-img img{
        width: 50%;
    }
    .copyright{
        font-size: 14px;
    }
    .about .about-img .about-item img {
        width: 350px;
        height: 340px;
    }
    .about .about-img .about-inner img{
        width: 220px;
        height: 220px;
        top: 49%;
        right: 17%;
    }
    header .nav-item .nav-link, .google-link{
        color: #5bbafc !important;
    }
    header::before {
        left: -88px;
        width: 34%;
    }
    .product-content h6{
        font-size: 15px;
    }
    .product-content p{
        font-size: 14px;
    }
    
}
@media(min-width:912px){
    .about .about-img .about-inner img{
        width: 250px;
        height: 245px;
        top: 46%;
        right: 20%;
    }
    .about .about-img .about-item img{
        width: 400px;
        height: 360px;
    }
    header::before {
        left: -89px;
        width: 29%;
    }
}
@media (min-width:992px){
    header::before{
        width: 32%;
    }
    .navbar-brand img{
        width: 150px;
    }
    header .nav-item .bi-cart{
        color: #ffffff;
    }
    header .nav-item span{
        background-color: #ffffff;
    }
    .about .about-img .about-inner img{
        right: 0;
    }
    footer .footer-img img{
        width: 70%;
    }
    .banner .owl-carousel .carousel-img img{
        height: 100vh;
    }
    header .nav-item .nav-link{
        color: #fff !important;
        font-size: 16px !important;
    }
    .goog-te-gadget .goog-te-combo{
        color: #ffffff;
    }
    
}  
@media (min-width:1200px){
    .container{
        max-width: 1100px;
    }
    .navbar-brand img{
        width: 170px;
    }
    .banner .owl-carousel .carousel-img{
        background-position: center;
    }
    .banner .banner-content{
        padding-left: 60px;
    }
    .contact form{
        padding-top: 0;
    }
    .about .about-img .about-inner img{
        right: 40px;
    }
    .about .about-img .about-inner img {
        right: 88px;
    }
    .product-content h6{
        font-size: 16px;
    }
    .product-content p{
        font-size: 15px;
    }
    footer .footer-img img{
        width: 65%;
    }
}
@media(min-width:1250px){
    .banner .banner-content{
        padding-left: 80px;
    }
}
@media(min-width:1300px){
    .container{
        max-width: 1200px;
    }
    .banner .banner-content{
        padding-left: 50px;
    }
}
@media(min-width:1350px){
    .container{
        max-width: 1250px;
    }
    .banner .banner-content{
        padding-left: 60px;
    }
}
@media (min-width:1400px){
    .container{
        max-width: 1300px;
    }
    header::before {
        width: 24%;
    }
    .about .about-img .about-item img{
        width: 440px;
        height: 400px;
    }
    .about .about-img .about-inner img{
        right: 22%;
        width: 280px;
        height: 270px;
        top: 44%;
    }
    footer .about-hospital p, footer .contact-us ul li p, footer .contact-us ul li i{
        font-size: 15px;
    }
    footer .footer-img img{
        width: 55%;
    }
    .copyright p{
        font-size: 13px;
    }
    .product-content h6{
        font-size: 18px;
    }
    .product-content p{
        font-size: 15px;
    }
    
}
@media(min-width:1450px){
    .banner .banner-content{
        padding-left: 90px;
    }
}
@media (min-width: 1500px){
    .container{
        max-width: 1400px;
    }
    .banner .banner-content{
        padding-left: 60px;
    }
    .about .about-img .about-inner img{
        right: 117px;
        width: 300px;
        height: 300px;
        top: 45%;
    }
    .banner .owl-carousel .carousel-img img, .banner .owl-carousel .carousel-img:before{
        height: 100vh;
    }
    
}
@media(min-width:1550px){
    .banner .banner-content{
        padding-left: 80px;
    }
}
@media (min-width: 1600px){
    .container{
        max-width: 1500px;
    }
    footer .footer-img img{
        width: 48%;
    }
    .banner .banner-content{
        padding-left: 60px;
    }
    .about .about-img .about-inner img{
        right: 25%;
        top: 41%;
    }
    .about .about-img .about-item img{
        width: 450px;
    }
    .contact-img img{
        height: 330px;
    }
}
@media(min-width:1650px){
    .banner .banner-content{
        padding-left: 80px;
    }
}
@media (min-width: 1700px){
    .container{
        max-width: 1600px;
    }
    .banner .banner-content{
        padding-left: 60px;
    }
    .about .about-img .about-inner img{
        top: 42%;
        right: 16%;
        width: 350px;
        height: 350px;
    }
    .about .about-img .about-item img{
        width: 500px;
        height: 500px;
    }
    .about-content h3{
        font-size: 32px !important;
    }
    .about-content p:nth-child(2), :nth-child(3){
        font-size: 18px;
    }
    header::before {
        width: 21%;
    }
    .product-content h6{
        font-size: 20px;
    }
    .product-content p{
        font-size: 17px;
    }
    .copyright p{
        font-size: 15px;
    }
    footer .about-hospital p, footer .contact-us ul li p, footer .contact-us ul li i{
        font-size: 16px;
    }
}
@media(min-width:1750px){
    .banner .banner-content{
        padding-left: 80px;
    }
}
@media (min-width: 1800px){
    .container{
        max-width: 1700px;
    }
    .banner .banner-content{
        padding-left: 60px;
    }
}
@media(min-width:1850px){
    .banner .banner-content{
        padding-left: 80px;
    }
}
@media(min-width:1900px){
    .banner .banner-content{
        padding-left: 110px;
    }
    .banner .owl-carousel .carousel-img .banner-content h2{
        font-size: 55px;
    }
    .banner .owl-carousel .carousel-img .banner-content p{
        font-size: 17px;
    }
}
@media(max-width:576px){
    .contact-img img{
        height: 320px;
    }
}