@media screen and (max-width: 1000px)
{
.content-section-carousel
{
      width: 100%;
      height: auto;      
}      
.content-section-carousel
.carousel-container
{      
      width: 100%;      
      height: auto;           
}      
.content-section-carousel
.carousel-infinite
{             
      width: 100%;
      height: auto;               
      min-width: 120%;       
}    
.content-section-carousel
.carousel-button
{
      left: 2px;
      padding: 2px 2px;         
}
.content-section-carousel
button
{          
      padding: 10px;      
      font-size: 14px;      
}
.content-section-carousel
img 
{
      width: 100%;    
      height: 60vh;          
      max-width: 100%;
      object-fit: cover;
      border-radius: 40px;         
}
.content-section-carousel
.carousel-article
{           
      width: 60%;
      height: auto; 
}
.content-section-carousel
h5
{      
      font-size: 20px;      
}
.content-section-carousel
h6
{      
      font-size: 12px;      
}
.content-section-carousel
.carousel-overlay
{          
      width: 100%;
      height: auto;           
      border-radius: 40px;         
}
}
@media screen and (min-width: 768px) and (max-width: 1800px) 
{
.content-section-carousel
.carousel-infinite
{                   
      height: 80vh;      
      min-width: 70%;            
}
.content-section-carousel
img 
{
      width: 100%;    
      height: 80vh;                
}
.content-section-carousel
.carousel-overlay
{          
      width: 100%;
      height: 80vh;            
}
}


@media screen and (max-width: 1000px) 
{
.content-section-navigate
{
	  width: 100%;
	  height: auto;      	              
}
.content-section-navigate
.navigate-container
{
      width: 95%;
      height: 3vh; 
      margin: 0 auto;      
}
.content-section-navigate
p
{          
      font-size: 12px;       
}
.content-section-navigate
span 
{
	  font-size: 12px;       
}
}



@media screen and (max-width: 1000px) 
{
.content-section-spam
{
	width: 100%;
	height: auto;	  
      margin-top: 0;            
}
.content-section-spam
.spam-container
{
      width: 100%;
      height: auto;                  
      padding: 5% 5%;	    
      text-align: center;      
}
.content-section-spam
h6
{                  
      font-size: 22px;                               
}
.content-section-spam
p
{      
      font-size: 35px; 	  
}
.content-section-spam
span 
{
	font-size: 35px;       
}
}




@media screen and (max-width: 768px) 
{
.content-section-flexbox
{
      width: 100%;
      height: auto;
}
.content-section-flexbox
.flexbox-container
{
      width: 95%;   
      height: auto;                
}
.content-section-flexbox
.flexbox-article
{
      width: 100%; 
      height: auto;
      padding: 15px 40px;      
      border-radius: 35px;
      background-color: #f6f7f8;
}
.content-section-flexbox
.flexbox-article
h5
{     
      font-size: 15px;       
}
.content-section-flexbox
.flexbox-article
span
{          
      float: none;           
      font-size: 12px;        
}
.content-section-flexbox
.flexbox-box
{      
      gap: 0;
      height: 60vh;      
      margin-top: 10px;
      min-height: 10px;                         
}
.content-section-flexbox
.flexbox-item
{
      width: 90%; 
      height: 50vh;
}
.content-section-flexbox
.flexbox-background
{     
      width: 95%;
      height: 60vh;            
}
.content-section-flexbox
img 
{            
      width: 100%;
      height: auto;            
}
.content-section-flexbox
h6
{               
      font-size: 20px;      
}
.content-section-flexbox
.flexbox-context 
p 
{      
      font-size: 12px;      
}
}
@media (min-width: 769px) and (max-width: 1260px)
{      
.content-section-flexbox
.flexbox-box
{          
      width: 100%;
}
.content-section-flexbox
.flexbox-item
{
      width: 100%;       
}
.content-section-flexbox
.flexbox-background
{             
      height: 60vh;
      max-width: 100%;      
}
.content-section-flexbox
.flexbox-background > * 
{
      width: 100%;
      height: 100%;      
}    
}
@media (min-width: 1270px) and (max-width: 1910px)
{      
.content-section-flexbox
{
      margin-top: 50px;
}          
}



@media screen and (max-width: 750px)
{
.content-section-mapping
{
      width: 100%;
      height: auto;
}
.content-section-mapping
.mapping-container
{          
      width: 100%;
      height: auto;
}    
.content-section-mapping
.mapping-box
{      
      width: 100%;         
      height: auto;        
      margin-top: -10px; 
}
.content-section-mapping
.mapping-item
{
      width: 100%;
      height: auto;
      margin: 0 auto;    
}
.content-section-mapping
.mapping-item
h4
{      
      padding: 2px;      
      font-size: 12px;      
}
.content-section-mapping
.box-a
{
      width: 100%;
      height: auto;      
}
.content-section-mapping
.box-b
{
      width: 100%;     
      height: auto;      
}
.content-section-mapping
.box-c
{
      width: 100%;     
      height: auto;      
}
.content-section-mapping
.mapping-box > * 
{      
      padding: 5px;     
      width: calc(100% / 1);
}
.content-section-mapping
img
{
      width: 100%;
      height: auto;
}
.content-section-mapping
.box-a
img
{
      margin-top: 40%;    
}
.content-section-mapping
.box-b
img
{
      margin-top: 50%;
}
.content-section-mapping
.box-c
img
{
      margin-top: 40%;
}
}
@media only screen and (min-width: 750px) and (max-width: 1000px)
{
.content-section-mapping
{
      width: 100%;
      height: auto;
}
.content-section-mapping
.mapping-container
{          
      width: 100%;
      height: auto;
}    
.content-section-mapping
.mapping-a
{      
      width: 100%;         
      height: 20vh;              
}
.content-section-mapping
.mapping-b
{      
      width: 100%;         
      height: auto;         
}
.content-section-mapping
.mapping-article
{
      width: 60%;
      height: auto;
      padding: 2% 8%; 
}
.content-section-mapping
h5
{      
      font-size: 45px;   
      padding: 10px 10px;     
}
.content-section-mapping
h6
{     
      font-size: 15px;      
      padding: 5px 10px;      
}
.content-section-mapping
.mapping-box
{
      width: 95%;
      height: auto;
      margin: 0 auto;    
}
.content-section-mapping
.box-a
{
      width: 100%;
      height: auto;      
}
.content-section-mapping
.box-b
{
      width: 100%;
      height: auto;      
}
.content-section-mapping
.box-c
{
      width: 100%;
      height: auto;      
}
.content-section-mapping
.mapping-box > * 
{      
      padding: 5px;     
      width: calc(150% / 1);
}
.content-section-mapping
img
{
      width: 100%;
      height: 60%;
}
.content-section-mapping
.box-a
img
{
      margin-top: 40%;    
}
.content-section-mapping
.box-b
img
{
      margin-top: 50%;
}
.content-section-mapping
.box-c
img
{
      margin-top: 40%;
}    
}
@media only screen and (min-width: 1000px) and (max-width: 1500px)
{
.content-section-mapping
.mapping-article
{
      width: 100%;            
}   
.content-section-mapping
h5
{      
      font-size: 60px;
      padding: 15px 5px;           
}       
}



@media screen and (max-width: 767px) 
{
.content-section-tier
{
      width: 100%;
      height: auto;         
}    
.content-section-tier
.tier-container
{      
      width: 100%;
      height: auto;
      display: inline;
}    
.content-section-tier
.tier-a
{
      width: 100%;
      height: auto;
}
.content-section-tier
.tier-a
.tier-article
{      
      width: 80%;        
      float: none;
      height: auto;      
      padding: 20px;
      margin-left: 5%;
}
.content-section-tier
h4
{         
      font-size: 25px;
      margin-top: 10px;      
}
.content-section-tier
.tier-article
p
{          
      padding: 5px 0;
      font-size: 14px;            
}
.content-section-tier
.tier-b
{
      width: 100%;
      height: auto;
}  
.content-section-tier
.tier-b
img
{
      width: 100%;
      height: auto;            
}
.content-section-tier
.tier-c
{
      width: 100%;
      height: auto;
}  
.content-section-tier
.tier-c
.tier-conext
{
      top: 25%;
      width: 80%;                  
      height: auto;
      padding: 20px;
      margin-left: 5%;
}
}
@media screen and (min-width: 766px) and (max-width: 1200px) 
{
.content-section-tier
{
      width: 100%;
      height: auto;      
}    
.content-section-tier
h3
{      
      font-size: 50px;            
      padding-bottom: 30px;                
}
.content-section-tier
h3
span
{
      font-size: 40px;      
}
.content-section-tier
.tier-container
{      
      width: 100%;
      height: 40vh;      
}     
.content-section-tier
.tier-a
{                 
      height: auto;                             
}    
.content-section-tier
.tier-a
.tier-article
{
      top: 5%;
      width: 80%;                 
}    
.content-section-tier
h4
{          
      font-size: 15px;      
}    
.content-section-tier
.tier-article
p
{                 
      font-size: 13px;      
}
.content-section-tier
.tier-b
{                 
      height: auto;                             
}    
.content-section-tier
img
{
      width: 90%;
      height: auto;            
}
.content-section-tier
.tier-heading
{        
      top: 25%;            
      width: 50%;
      font-size: 20px;            
      text-align: center;
}
.content-section-tier
.tier-c
{                 
      height: auto;                             
}    
.content-section-tier
.tier-c
.tier-conext
{
      top: 5%;
      width: 80%;                 
}
.content-section-tier
.tier-conext
p
{                 
      font-size: 13px;      
}
}
@media screen and (min-width: 1200px) and (max-width: 1800px) 
{
.content-section-tier
{
      width: 100%;
      height: auto;      
}    
.content-section-tier
.tier-container
{      
      width: 100%;     
      height: 120vh;       
}    
.content-section-tier
.tier-a
{                 
      width: 35%;
      height: auto;                             
} 
.content-section-tier
.tier-a
.tier-article
{
      top: 15%;
      width: 80%;                  
}   
.content-section-tier
h4
{          
      font-size: 30px;      
}    
.content-section-tier
.tier-b
{                
      width: 50%; 
      height: auto;                             
}    
.content-section-tier
.tier-background
{
      width: 90%;
      height: 90%;    
      margin: 0 auto;
}
.content-section-tier
img
{
      width: 90%;
      height: auto;            
}
.content-section-tier
.tier-heading
{        
      top: 20%;      
      left: none;
      width: 50%;
      text-align: center;                       
}
.content-section-tier
.tier-c
{                 
      width: 35%; 
      height: auto;                             
}   
.content-section-tier
.tier-c
.tier-conext
{
      top: 15%;
      width: 80%;                  
      height: auto;
      position: relative;
} 
}



@media screen and (max-width: 768px) 
{
.content-section-flexcontainer
{
      width: 100%;
      height: auto;
}      
.content-section-flexcontainer
.flexcontainer-container
{
      width: 100%;            
      height: auto;
}
.content-section-flexcontainer
h5
{                
      font-size: 12px;   
      font-weight: 600;   
      padding-bottom: 10px;
}
.content-section-flexcontainer
.flexcontainer-box
{      
      width: 99%;
      height: auto;
      margin: 0 auto;
      display: block;            
}
.content-section-flexcontainer
.flexcontainer-a
{
      width: 100%;
      height: auto;            
}
.content-section-flexcontainer
.flexcontainer-b
{
      width: 100%;
      height: auto;      
      padding: 10px 0;
}
.content-section-flexcontainer
.flexcontainer-b
h5
{      
      top: 45%;      
      width: 100%;                 
      font-size: 20px;      
      text-align: center;
}
.content-section-flexcontainer
img 
{
      width: 100%;
      height: 50vh;             
}
}
@media screen and (min-width: 769px) and (max-width: 1360px) 
{
.content-section-flexcontainer
.flexcontainer-container
{
      width: 100%;
      height: auto;      
}
.content-section-flexcontainer
.flexcontainer-box
{      
      width: 95%;
      height: 90vh;       
}
.content-section-flexcontainer
h5
{          
      padding-bottom: 5px;
}
.content-section-flexcontainer
.flexcontainer-a
{
      width: 75%;
      height: auto;
}
.content-section-flexcontainer
.flexcontainer-b
{
      width: 25%;
      height: auto;
}
.content-section-flexcontainer
img 
{
      width: 100%;
      height: 80vh;            
}
}
@media screen and (min-width: 1360px) and (max-width: 1800px) 
{
.content-section-flexcontainer
.flexcontainer-container
{
      width: 98%;
      height: auto;      
}
.content-section-flexcontainer
.flexcontainer-box
{      
      width: 100%;
      height: 100vh;     
}
.content-section-flexcontainer
.flexcontainer-a
{
      width: 65%;
      height: auto;
}
.content-section-flexcontainer
.flexcontainer-b
{
      width: 35%;
      height: auto;
}
.content-section-flexcontainer
.flexcontainer-b
h5
{      
      top: 30%;      
      width: 50%;                 
      font-size: 30px;      
}
.content-section-flexcontainer
img 
{
      width: 100%;
      height: 80vh;            
}
}



@media screen and (max-width: 1000px)
{
.content-section-modal
{
      width: 100%;
      height: auto;            
}
.content-section-modal
.modal-container
{      
      width: 100%;          
      height: auto;           
      padding-top: 50px;                   
}
.content-section-modal
.modal-container
h4
{           
      font-size: 40px;            
}
.content-section-modal
.modal-container
p
{          
      font-size: 12px;      
}
.content-section-modal
button
{	  	
	width: 80%;	
      margin: 10px;      	
      padding: 15px;
}
.content-section-modal
.modal-article
{
      height: auto;                  
}
.content-section-modal
.modal-article
h5
{          
      font-size: 15px;      
}
.content-section-modal
.modal-article
h6
{                       
      font-size: 12px;            
}
.content-section-modal
.modal-article
hr
{
      margin: 10px 0;
}   
.content-section-modal
.modal-article
span
{           
      font-size: 10px;            
}  
.content-section-modal
.modal-box 
{          
      width: 100%;
      height: auto;            
}
.content-section-modal
.modal-banner 
{      
      width: 100%;   
      height: auto;             
}
.content-section-modal
.modal-box
h5
{            
      width: 80%;
      padding: 20px 0;
      font-size: 30px;      
      text-align: center;
}
.content-section-modal
.modal-box
h5
span
{            
      width: 80%;
      padding: 20px 0;
      font-size: 12px;      
      text-align: center;
}
.content-section-modal
.modal-banner
img
{      
      width: 100%;
      height: auto;      
      object-fit: cover;
      border-radius: 5px;      
}
.content-section-modal
.modal-context
{          
      width: 100%;
      height: 80vh;         
      box-shadow: 0px -10px 10px -10px #bbb;              
} 
.content-section-modal
.modal-cirlce
{     
      width: 100%;     
      height: 45vh;            
      margin-top: 40px;            
}
.content-section-modal
.modal-cirlce:before,
.content-section-modal
.modal-cirlce:after 
{
      width: 80vw;
      height: 80vw;            
}
.content-section-modal
.modal-cirlce
img
{
      width: 80vw;
      height: 80vw;      
      padding: 5px;      
}
.content-section-modal
.modal-span 
{          
      font-size: 15px;           
      padding: 5px 10px;      
}
.content-section-modal
.modal-arrow
{     
      width: 25px;
      height: 25px;                      
}
.content-section-modal
.modal-body
{
      width: 100%;      
      height: auto;
      padding: 10px;      
}
.content-section-modal
.modal-info
{
      width: 100%;
      height: auto;            
}
.content-section-modal
.modal-info
h1
{
      padding: 20px 0;
      font-size: 25px;      
}
.content-section-modal
.modal-background
{
      width: 200px;   
      height: auto;             
      display: block;   
      margin: 0 auto;
      margin-top: 20px;                  
}
.content-section-modal
.modal-background
img 
{
      width: 100%;           
      height: auto;            
}
.content-section-modal
.modal-box
h6
{         
      font-size: 12px;      
      margin-top: 10px;         
}
.content-section-modal
.modal-box
p
{      
      width: 90%;
      margin: 0 auto;
      font-size: 12px;      
      line-height: 1.8;      
}
.content-section-modal
.modal-thumbnails
{      
      width: 90%;            
      height: auto;
      margin: 0 auto;
      display: block;  
      margin-top: 10px;          
}
.content-section-modal
.modal-thumbnails
img 
{
      width: 100%;
      margin: 5px;
      height: auto;                    
}
.content-section-modal
.modal-infinite
{      
      width: 100%;      
      max-width: 100%;
      margin-top: 20px;      
}
.content-section-modal
.infinite-item
{             
      height: 300px;      
      min-width: 200px;      
      margin-right: 10px;      
}
.content-section-modal
.modal-infinite
button
{                
      font-size: 10px;
      width: fit-content;
      border-radius: 15px;                        
}
}
@media (min-width: 1200px) and (max-width: 1800px) 
{
.content-section-modal
{
      width: 100%;
      height: auto;    
}    
.content-section-modal
.modal-container
{
      width: 100%;
      height: auto; 
}      
}



@media screen and (max-width: 600px) 
{
.content-section-news
{
      width: 100%;
      height: auto;      
}
.content-section-news
.news-container
{
      width: 100%;
      height: auto;      
}
.content-section-news
.news-article
{
      width: 100%;
      height: auto;      
      padding-top: 0;            
}
.content-section-news
.news-article
h4
{      
      font-size: 10px; 
      line-height: auto;   
      padding-top: 10px;   
}
.content-section-news
.news-article
h5
{          
      font-size: 45px;     
      padding-top: 70px;          
}
.content-section-news
.news-flex
{
      width: 100%;
      height: auto;        
}
.content-section-news
.news-flex
img 
{
      width: 80%;     
      height: auto;                
}
.content-section-news
.news-paragraph
{
      width: 100%;
      padding: 40px;      
}
.content-section-news
.news-paragraph
img
{
      width: 60px;
      height: auto;      
}
.content-section-news
.news-paragraph
.paragraph-a
{     
      margin-top: 10px;
}
.content-section-news
.news-paragraph
.paragraph-b
{          
      margin-top: 40px;
}
.content-section-news
.news-paragraph
p
{
      width: 100%;            
      font-size: 15px;            
}
}
@media screen and (min-width: 600px) and (max-width: 1440px) 
{
.content-section-news
.news-article
{
      width: 100%;
      height: 40vh;            
}
.content-section-news
.news-flex
img 
{
      width: 45%;     
      height: auto;                
}
.content-section-news
.news-paragraph
img
{
      width: 70px;
      height: auto;      
}
.content-section-news
.news-paragraph
.paragraph-a
{     
      margin-top: 20px;
}
.content-section-news
.news-paragraph
.paragraph-b
{          
      margin-top: 60px;
}
}



@media screen and (max-width: 768px)
{
.content-section-pattern
{
      width: 100%;
      height: auto;      
}
.content-section-pattern
h5
{
      width: 90%;            
      padding: 10px 0;
      font-size: 20px;            
}
.content-section-pattern
.pattern-container 
{      
      height: auto;      
      display: block;           
      max-width: 100%;                  
}
.content-section-pattern
.pattern-item 
{          
      width: 90%;
      height: auto;      
      margin: 0 auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) 
{
.content-section-pattern
.pattern-container 
{      
      height: auto;                  
      max-width: 100%;            
}
.content-section-pattern
.pattern-item 
{          
      width: 20%;
      height: auto;            
}
}
@media screen and (min-width: 1290px) and (max-width: 1800px) 
{
.content-section-pattern
.pattern-container 
{      
      height: auto;                  
      max-width: 90%;            
}
.content-section-pattern
.pattern-item 
{          
      width: 20%;
      height: auto;            
}
}



@media screen and (max-width: 768px)
{
.content-section-catalogue
{
      width: 100%;
      height: auto;
      background-color: transparent;
}      
.content-section-catalogue
.catalogue-container
{          
      width: 95%;
      height: auto; 
}
.content-section-catalogue
.catalogue-a
{                 
      flex: auto;
      width: 100%;            
}   
.content-section-catalogue
.catalogue-a
h5
{           
      font-size: 18px;
}
.content-section-catalogue
.catalogue-a
h6
{          
      font-size: 15px;
      font-weight: 600;
}
.content-section-catalogue
.catalogue-a
p
{
      font-size: 13px;      
}
.content-section-catalogue
.catalogue-b
{            
      flex: auto;
      width: 100%;      
      border-radius: 0 0 0 0;
}     
.content-section-catalogue
.catalogue-b
h5
{               
      font-size: 18px;
}
.content-section-catalogue
.catalogue-b
h6
{
      font-size: 15px;
      font-weight: 600;
} 
.content-section-catalogue
.catalogue-b
p
{
      font-size: 13px;      
}
}
@media only screen and (min-width: 768px) and (max-width: 1660px)  
{
.content-section-catalogue
.catalogue-container
{          
      width: 90%;
      height: auto; 
}          
}



@media screen and (max-width: 768px)
{
.content-section-accordion
{
      width: 100%;
      height: auto;      
}
.content-section-accordion
.accordion-container
{
      width: 95%;
      height: auto;            
}
.content-section-accordion
h5 
{      
      font-size: 12px;      
}
.content-section-accordion
.accordion-list
{     
      padding: 5px 5px;      
}
.content-section-accordion
a 
{      
      font-size: 15px;  
      text-indent: 10px; 
}
.content-section-accordion 
a:after 
{
      
      width: 8px;      
      height: 8px;                        
}
.content-section-accordion
p 
{          
      width: 100%;
      font-size: 12px;
      padding: 5px 10px 10px;
}
}
@media (min-width: 768px) and (max-width: 1440px)
{
.content-section-accordion
.accordion-container
{
      width: 90%;
      height: auto;            
}   
.content-section-accordion
p 
{                            
      font-size: 13px;            
}   
}
@media (min-width: 1440px) and (max-width: 1800px)
{
.content-section-accordion
.accordion-container
{
      width: 95%;
      height: auto;            
}      
}



@media screen and (max-width: 760px)
{
.content-section-testimonial
{
      width: 100%;      
      height: auto;      
}
.content-section-testimonial
.testimonial-container
{
      width: 100%;
      height: auto;
}
.content-section-testimonial
h5 
{          
      font-size: 12px;         
      padding-top: 10px;          
}
.content-section-testimonial
.testimonial-box
{
      width: 100%;
      height: auto;
      margin: 0 auto;     
      margin-top: 10px;     
}
.content-section-testimonial
.testimonial-avatar
{
      padding: 15px 0;
}
.content-section-testimonial
img 
{
      width: 50px;
      height: 50px;              
}
.content-section-testimonial img:hover, 
.content-section-testimonial img.active 
{      
      width: 62px;
      height: 62px;      
}
.content-section-testimonial
.testimonial-article
{
      width: 90%;      
      height: auto;
      margin: 0 auto;
      padding: 10px 0;    
      text-align: justify;        
}
.content-section-testimonial
h6
{                
      padding: 10px 0;
      font-size: 12px;          
}
.content-section-testimonial
p 
{      
      padding: 5px 0;
      font-size: 14px;            
}
}
@media (min-width: 760px) and (max-width: 1800px)
{
.content-section-testimonial
.testimonial-container
{
      width: 100%;
      height: 45vh;
}      
.content-section-testimonial
h5 
{          
      padding-top: 40px;      
}    
.content-section-testimonial
.testimonial-article
{
      width: 80%;            
}      
}



@media screen and (max-width: 1000px) 
{
.content-section-brochure
{
      width: 100%;
      height: auto;      
}
.content-section-brochure
.brochure-container
{
      width: 100%;
      height: 30vh;            
}
.content-section-brochure
.brochure-background
{          
      width: 100%;
      height: auto;      
}
.content-section-brochure
img
{
      width: 180px;
      height: auto;        
}
.content-section-brochure
.brochure-article
{
      width: 100%;        
}
.content-section-brochure
h5
{     
      padding-top: 0; 
      font-size: 15px;                  
}
.content-section-brochure
p
{      
      font-size: 12px;            
}
.content-section-brochure
.brochure-button
{
      width: 100%;      
}
.content-section-brochure
li
{	  	      	  
      margin: 5px;
	width: 160px;
	height: 50px;	        
}
.content-section-brochure
.button-path
{	  
	  padding: 5px;   	          
	  font-size: 12px;	    	    
}
.content-section-brochure
i
{	  	        
      font-size: 10px;  	  	          
}
}
@media (min-width: 1000px) and (max-width: 1800px)
{
.content-section-brochure
.brochure-container
{
      width: 100%;
      height: 70vh;
}   
.content-section-brochure
.brochure-article
{
      width: 100%;
      height: 15vh;           
}  
.content-section-brochure
h5
{          
      padding-top: 20px;
}
.content-section-brochure
.brochure-button
{
      width: 100%;
      height: 15vh;      
} 
}


@media screen and (max-width: 1200px)
{
.content-section-banner
{
      width: 100%; 
      height: auto;      
}
.content-section-banner
.banner-container
{      
      width: 100%;           
      height: 35vh;      
}
.content-section-banner
.banner-article
{	  	  
	width: 85%;
      height: auto;                          
      display: block;
      text-align: center;
}
.content-section-banner
.article-a
{          
      font-size: 14px;      
}
.content-section-banner
.article-b
{      
      font-size: 14px;      
}
.content-section-brochure
.brochure-background
{          
      width: 100%;
      height: auto;      
}
.content-section-banner
img 
{
      width: 100%;      
      margin-top: 10px;
      object-fit: contain;      
} 
.content-section-banner
h6
{           
      padding: 5px;
      font-size: 15px;      
      margin-top: 25px;
}
}
@media (min-width: 1200px) and (max-width: 1560px)
{
.content-section-banner
.banner-container
{      
      width: 100%;           
      height: 100vh;      
} 
.content-section-banner
.banner-article
{	  	  
	width: 18%;      
      height: 20vh;
}
.content-section-banner
.article-a
{          
      font-size: 18px;      
}
.content-section-banner
.article-b
{      
      font-size: 18px;      
}
.content-section-banner
img 
{
      width: 100%;
      max-width: 100%;
      max-height: 100vh;               
}     
}
@media (min-width: 1560px) and (max-width: 1800px)
{
.content-section-banner
.banner-container
{      
      width: 100%;           
      height: 100vh;      
} 
.content-section-banner
img 
{
      width: 100%;                 
      max-width: 100%;
      max-height: 100vh;                
}     
}