/* header */
@media screen and (max-width:768px) {
header .logo {
        height: 80px!important;
        width: auto;
        padding-left: 30px;
    }
    header .hometext{
        padding-top: 2% !important;
    }
    #loginform{
 padding: 2% !important;
    }

}



@media (max-width: 990px) {
    .offcanvas-body .nav-link:not(.btn-sm) {
        color: #000 !important;
    }
}

/* index page */
@media screen and (max-width:576px) {
        #immersive {
                margin-bottom: 4%;
                margin-top: 2% !important;
            }
        
            #immersive img {
                height: 200px;
                width: 100%;
                
         }
}


@media screen and (min-width:992px) {
    .imgrow{
        display: flex;
        justify-content: center;
        flex-basis: 50%;
        
    }
    
}
@media screen and (max-width:320px) {
    .imgrow {
        display: flex;
        justify-content: center;
        

    }

}

/* contact-page */

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

    iframe {
            height: 200px;
            width: 100%;
            margin-bottom: 4%;
            
        }
        #video{
            margin-top: 3%;
        }
    
}



/* footer */
@media screen  and (max-width: 776px) {
     .imgfooter{
        padding: 0;
     }   

     .footera{
        align-items: start !important;
     }

         #footerlogo img {
             height: 80px;
             width: auto;
             margin-bottom: 20px;
             padding-left: 20px;
         }
         
    }


        @media screen and ( max-width: 576px) {
#footerlogo img {
    margin-right:auto ;
       
        height: 80px;
        width: auto;
        margin-bottom: 20px;
    }
        }

/* view all images   in home page */
 
@media (max-width: 576px)  {
    #villasrow img {
        height: 250px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    #villasrow img {
        height: 280px;
    }
}

/* Normal Desktop: 768px to 992px */
@media (min-width: 768px) and (max-width: 992px) {
    #villasrow img {
        height: 300px;
    }
}

/* Large Desktop (above 992px) */
@media (min-width: 992px) {
    #villasrow img {
        height: 400px;
    }
}