@media only screen and (max-width: 1024px) 
{
.content-section-trigger
{  
      width: 100%;      
      height: auto;      
}
.content-section-trigger
.trigger-container
{
      width: 100%;      
      height: 50vh;                  
}
.content-section-trigger
.trigger-background
{
      width: 180px;
      padding: 1px;
      height: 300px;      
}
.content-section-trigger
.trigger-background:nth-child(2n) 
{
      width: 180px;
      height: 300px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 1600px)
{
.content-section-trigger
{  
      width: 100%;      
      height: auto;      
}
.content-section-trigger
.trigger-container
{
      width: 100%;      
      height: 40vh;      
}
.content-section-trigger
.trigger-box
{      
      height: 40vh;      
}
}



@media only screen and (max-width: 1024px) 
{
.content-section-flexbox
{
      width: 100%;
      height: auto;      
}
.content-section-flexbox
.flexbox-container
{            
      width: 100%;       
      height: 110vh;
      display: block;
      background-color: #f9f9f9;      
}
.content-section-flexbox
.flexbox-background
{      
      width: 100%;            
      padding-left: 10px;      
}      
.content-section-flexbox
img 
{
      width: calc( 90% / 2 ); 
}
}




@media only screen and (max-width: 1024px) 
{
.content-section-flex
{
      width: 100%;
      height: auto;       
      background-color: #f9f9f9;      
}
.content-section-flex
.flex-container
{      
      width: 100%;
      height: auto;                        
}
.content-section-flex
ul 
{                
      width: 100%;
      height: auto;            
      padding-left: 30px;
}
.content-section-flex
li 
{                           
      width: 10%;            
      height: 140px;            
}
.content-section-flex
p
{            
      width: 100%;         
      height: auto;      
      padding: 10px;                 
}
.content-section-flex
img 
{      
      width: 100%;
      height: auto;       
}
}
@media only screen and (max-width: 1910px) and (min-width: 1024px)  
{
.content-section-flex
.flex-padding
{
      padding-top: 50px;
}      
.content-section-flex
.flex-container
{      
      width: 95%;
      height: 70vh;                  
}
.content-section-flex
li 
{          
      width: 200px;            
      height: 200px;                 
}
}