@media screen and (max-width: 1000px)
{
.content-section-hero
{
      width: 100%;
      height: auto;          
}
.content-section-hero
.hero-background
{      
      width: 95%;
      height: 60vh;      
} 
.content-section-hero
h4
{          
      font-size: 30px;      
}
.content-section-hero
h5 
{            
      font-size: 15px;         
}     
}



@media screen and (max-width: 1000px)
{
.content-section-gallery
{
      width: 100%;
      height: auto;      
}
.content-section-gallery
.gallery-heading
{
      width: 90%;
      height: auto;
      display: block;            
}
.content-section-gallery
h5
{
      padding: 2% 2%;
      font-size: 25px;
}
.content-section-gallery
p
{
      padding: 2% 2%;
      font-size: 14px;
}
.content-section-gallery
.gallery-container
{
      width: 100%;
      height: auto;      		  
      margin-top: 5px;	  	  
}
.content-section-gallery
.gallery-navigation
{      
      width: 100%;                     
	height: auto;    	
}
.content-section-gallery
.gallery-list
{       
	margin-top: 5px;       	  
}
.content-section-gallery
.gallery-list:after 
{                    
      height: 100%;
	margin-top: 0;                  
      border-radius: 30px;
      background-color: #e9ebe8;     
}
.content-section-gallery
.navigation-button
{                 
      width: 100px;      
	height: 40px;
      font-size: 12px;             	
}     
.content-section-gallery
.navigation-button.active 
{
      color: #444;
} 
.content-section-gallery
.gallery-grid 
{          
      max-width: 95%;      
      grid-template-columns: 1fr;          
}
.content-section-gallery
.gallery-background
{     
      width: 90%;             
	height: auto;
	margin: 0 auto;
}
.content-section-gallery
img
{      
      width: 100%;
      height: auto;            
}
}
@media screen and (min-width: 768px)
{
.content-section-gallery    
.gallery-grid
{
      grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px)
{
.content-section-gallery    
.gallery-grid
{
      grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1440px)
{
.content-section-gallery    
.gallery-grid
{
      grid-template-columns: repeat(6, 1fr);
}
}



@media screen and (max-width: 768px)
{
.content-section-thumbnails
{
      width: 100%;
      height: auto;
}      
.content-section-thumbnails
.thumbnails-container
{
      width: 100%;
      height: auto;                     
}
}
@media screen and (min-width: 768px) 
{
.content-section-thumbnails
.thumbnails-container
{
      width: 100%;
      height: auto;                     
}      
.content-section-thumbnails
.thumbnails-box
{
      height: auto;
      grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px) 
{
.content-section-thumbnails  
.thumbnails-box
{
      grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1440px) 
{
.content-section-thumbnails       
.thumbnails-box
{
      grid-template-columns: repeat(6, 1fr);
}
}



@media screen and (max-width: 1000px)
{
.content-section-thumb
{
      width: 99%; 
      height: auto;      
	margin-top: 50px;
}
.content-section-thumb
.thumb-container
{      
      width: 99%;       
      padding: 10px;
      display: block;      
}
.content-section-thumb
.thumb-background
{      
      margin-bottom: 10px;
      flex-basis: calc(100% 5px);    
}
.content-section-thumb
img 
{
      width: 100%;
      height: 60vh;
      display: block;
      object-fit: cover;
      border-radius: 30px;
      background-position: center;
      background-repeat: no-repeat;
}      
}