@media only screen and (max-width: 1024px) 
{
.content-section-label
{
      width: 100%;
      height: auto;           
      margin-top: 10px;
      background-color: #fff;  
}    
.content-section-label
.label-container
{     
      width: 100%;
      height: 250px;               
      padding: 10px 10px;        
}
.content-section-label
h5
{		            
      color: #222;      
      padding: 5px 0;      
      font-size: 50px;                  
      line-height: 0.8;
}
.content-section-label
h6
{               
      color: #222;
      margin: 1% 2%;    
      font-size: 12px;      
      padding: 10px 5px;      
}
.content-section-label
.title-paragraph::after 
{	    
      display: none;                    
}
}
@media only screen and (max-width: 370px) 
{
.content-section-label
h5
{		       
      font-size: 30px;                  
}
.content-section-label
h6
{                  
      font-size: 16px;            
}
}



@media only screen and (max-width: 1024px) 
{
.content-section-portfolio
{
      width: 100%;             
      height: auto;                       
}
.content-section-portfolio
.portfolio-container
{
      width: 100%;          
      height: 60vh;                    
      border-radius: 10px;      
      background-color: #25387c;                      
}
.content-section-portfolio
img
{
      width: 100%;
      height: auto;                  
}
.content-section-portfolio
.carousel-checkbox
{          
      width: 95%;
      height: 150px;
      bottom: -110%;          
}
.content-section-portfolio
.carousel-checkbox
li
{
      width: 50%;      
      padding: 10px;
      padding-left: 10px;       
}
.content-section-portfolio
.carousel-checkbox
h5
{                      
      color: #fff;
      font-size: 12px;                  
}
.content-section-portfolio
.carousel-checkbox
span
{                  
      color: #fff;      
      font-size: 14px;                             
}
}



@media only screen and (max-width: 1024px)
{
.carousel-checkbox
{          
      width: 98%;
      bottom: 2%; 
      height: auto;            
      border-radius: 20px;      
}
.carousel-checkbox
ul
li
{
      width: 50%;
      height: auto;      
      padding: 10px;                       
      border-right: none;   
}
.checkbox-b
{
      border-right: none;  
}
h5
{                      
      color: #000;
      font-size: 10px;                                 
      padding-top: 10px;      
}
span
{                      
      font-size: 12px;                       
}
.carousel-checkbox
{                
      backdrop-filter: blur(2.7px);
      -webkit-backdrop-filter: blur(2.7px);
      background: rgba(255, 255, 255, 0.09);      
}
.carousel-checkbox
h5
{        
      color: #fff;            
      font-size: 18px;            
      padding-top: 10px;      
}
.carousel-checkbox
span
{     
      color: #fff;                             
      font-size: 14px;     
}
.carousel-checkbox
img
{          
      width: 50px;
      height: auto;                  
      margin-right: 10px;            
}
}



@media only screen and (max-width: 1024px)
{
.content-section-box
{
      width: 100%;
      height: auto;      
      margin-top: 20px;      
}
.content-section-box
.box-container
{
      width: 95%;
      height: auto;  
      margin: 0 auto;
      display: block;           
      background-color: #fff;
}
.content-section-box
.box-a
{
      padding: 10px 0;
}
.content-section-box
.box-a
h5
{          
      font-size: 16px;              
      font-weight: 900;                                                         
      margin-left: 15px;
}
.content-section-box
.box-b
{     
      width: 95%;
      height: auto;
}
.content-section-box
p
{              
      color: #222;
      font-size: 13px;      
      margin-top: 10px;
      font-weight: 500;                 
      margin-left: 15px;        
}
}



@media only screen and (max-width: 1024px)
{
.content-section-global
{
      width: 95%;
      height: auto;           
      margin-top: 20px;
      background-color: #fff; 
}
.content-section-global
.global-container-a
{
      width: 100%;
      height: auto;      
}
.content-section-global
.global-container-b
{
      width: 100%;
      height: auto;
}  
.content-section-global
.global-box 
{
      width: 99%;      
      height: auto; 
      display: block;
      border-radius: 30px;	         
      border: 1px solid #999;        
}
.content-section-global
.global-item
{      
      width: 100%;
      height: 400px;      
      padding-left: 30px;
}
.content-section-global
h5
{                
      font-size: 40px;      
      color: #25387c;
      padding: 5px 5px;
      font-weight: 800;                
}
.content-section-global
p
{
      width: 95%;            
      font-size: 13px;    
      font-weight: 500;        
      padding: 10px 10px;      
}     
.content-section-global
span 
{            
      font-size: 50px;
      padding-left: 40%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1900px)  
{
.content-section-global
{
      width: 98%;
      height: auto;                 
      box-shadow: none;
}
.content-section-global
.global-container-a
{
      width: 100%;
      height: auto;      
}
.content-section-global
.global-container-b
{
      width: 100%;
      height: auto;      
}
}



@media screen and (max-width: 1024px)
{
.content-section-table
{
      width: 100%;
      height: auto; 
      margin-top: 10px;
}
.content-section-table
.table-container-a
{
      width: 100%;
      height: auto;      
}    
.content-section-table
.table-container-a
.table-box
{                      
      margin-top: 0;
      display: block;      
}    
.content-section-table
.table-container-a
.table-item
{
      margin: 0 0 2px;
}
.content-section-table
.table-container-a
.table-item::after 
{      
      top: 8px;
      right: calc(100% + 4px);
}
.content-section-table
.table-container-a
.table-background
{
      width: 98%;
      height: 60px;      
}
.content-section-table
.table-container-a
h5
{                       
      font-size: 12px;            
}
.content-section-table
.table-container-a
p
{          
      font-size: 12px;      
}
.content-section-table
.table-container-b
{
      width: 100%;
      height: auto;      
}    
.content-section-table
.table-container-b
.table-box
{                
      display: block;      
}    
.content-section-table
.table-container-b
.table-item
{
      margin: 0 0 2px;
}
.content-section-table
.table-container-b
.table-item::after 
{      
      top: 8px;
      right: calc(100% + 4px);
}
.content-section-table
.table-container-b
.table-background
{
      width: 98%;
      height: 60px;      
}
.content-section-table
.table-container-b
h5
{                       
      font-size: 12px;            
}
.content-section-table
.table-container-b
p
{          
      font-size: 12px;      
}
.content-section-table
li
{
      font-size: 0;
}
}



@media only screen and (max-width: 1024px)
{
.content-section-timetable
{
      width: 100%;
      height: auto;      
      margin-top: 10px;
}      
.content-section-timetable
.timetable-container
{                 
      width: 90%;
      height: 60vh;     
      overflow-x: hidden
}
.content-section-timetable
.timetable-box
{           
      left: 1%;
      width: 100%;            
}
.content-section-timetable
.timetable-item
{                 
      margin: 0 15px;
      max-width: 40%;             
}
.content-section-timetable
.timetable-article
{      
      width: 140px;
      height: 120px;      
}
.content-section-timetable
.timetable-dots
{     
      margin-top: -22px;
}
.content-section-timetable
h5
{              
      padding: 5px;  
      font-size: 15px;            
      padding-top: 10px;      
}
.content-section-timetable
p
{      
      margin: 5px;            
      font-size: 15px;      
}
}
@media only screen and (min-width: 1024px) and (max-width: 1880px) 
{
.content-section-timetable
.timetable-box
{                 
      width: auto;            
}
.content-section-timetable
.timetable-container
{                 
      width: 100%;
      height: 60vh;           
}
.content-section-timetable
.timetable-line
{          
      position: static;
}
.content-section-timetable
.timetable-dots
{     
      margin-top: -20px;         
}
}



@media only screen and (max-width: 1024px)
{
.column-head-a
{                
      width: 90%;    
      font-size: 18px; 
      line-height: 1.5;
}
.column-head-b
{
      width: 90%;         
      font-size: 14px;       
}      
.content-section-column
{
      width: 90%;
      height: auto;      
      margin: 0 auto;      
}      
.content-section-column
.column-container-a
{
      width: 100%;
}
.content-section-column
.column-container-a
.column-item
{                 
      padding: 30px;      
      border-radius: 0;
      background-color: #f9f9f9;      
}
.content-section-column
.column-item
{          
      flex-basis: 50%;            
}
.content-section-column
.column-top
{
      margin-top: 0;
}
}