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

header {
    background-color:white;
    width: auto;
/*    margin: 31px;*/
    padding: 0px;
    }
.header-logo{
      width: 341px;
    margin: 0 60px;
  }
/* Nav styling begin */

.menu 
    {
        display: none;
    }
.menu-mobi {
    overflow: hidden;
    background-color: #ffff;
    }
    
.menu-mobi a{
    display: inherit;
    font-family: 'Roboto Slab';
    font-size: 14pt;
    color: #737374;
    text-decoration-line: none; 
    padding: 5px 5px;
    }
 
.menu-mobi a:active {
    background-color:lightpink;
    
    }    
    
.sub-menu-mobi{
        border: none;
        outline: none;
        background:#ffff;
        text-align: center;
        padding-left: 0px;
        
    
    }

.sub-menu-item-mobi{
    display: none;
   }

.show {
     display: block;   
    }

    .responsive > li{
        display: block;
    }  
    
.icon {
    display: block;
    color: #737374;
    }

/* Nav styling end */
    
/*Gallery styling begin*/


.gallery {
    padding-bottom: 10px;
    margin-top: 50px;
    max-width: 436px;
}
    .container {
        max-width:460px;
    }
.img-container {
    padding-bottom: 10px;
    padding-right: 0px;
    display: inline-block;
    max-width: 460px;
    margin-left: 50px;
}

.img-container img {
    width: 335px;
            
  }
.img-container:hover {
    transform: scale(1.05);
}

.img-container-hover title:active {
    transform: scale(1.05);
}
.img-content-hover {
    display: none;
    position: absolute;
    background: #FFFF;
    padding: 5px;

}

/*Gallery styling end*/
    .about{
        height: 840px;
        
    }    
.about-content{
    width: 300px;
    font-size-adjust: 14pt;
    text-align: center;
    margin-left: 52px;
    } 
    
.about-container{
        width: 400px;
    }

.about-img-container {
        float: none;
        padding: none;
        margin-left: 48px;
        
    }
/*Footer styling start*/

footer {
    background-color: #F0EFF0;
    padding: 20px;
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 13px;
    color: #737374;
    width: 420px;
        
 }

.foot-icon {
    width: 30px;
    height: 30px;
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
}
/*Footer styling end*/
}
    
@media only screen and (min-width: 481px) and (max-width: 769px) {
    
header {
    background-color:white;
    padding: 25px 25px;
    margin-left: 35
        px;
    width: 640px;
    }
    
.menu  {
        width:405;
    

    }
    
.sub-menu-item-mobi{
    display: none;
   }
    
.gallery {
    width: 720px;
    margin: 22px;
    margin-right: 5px;
    }

.img-container img {
    width: 347px;
}
    .about{
        height: 384px;
    }

.about-content{
    width: 710px;
    font-size-adjust: 14pt;
    } 
    
.about-container{
        width: 714px;
    }
p{
    font-size: 14px;
    }

footer {
        
    width:714px;
    }