@media screen and (max-width: 768px)
{
.content-section-complicate
{
      width: 100%;
      height: auto;      
      margin-top: 50px;
}
.content-section-complicate
.complicate-container
{
      width: 90%;      
      height: auto;
      padding: 0% 0%;      
}
.content-section-complicate
.complicate-item
{  
	width: 100%;
      height: auto;      
}
.content-section-complicate
h4
{	     
	font-size: 12px;	  
}
.content-section-complicate
h5
{
      font-size: 12px;      
}
.content-section-complicate
.complicate-article
{
      width: 100%;      
      margin-top: 10px;
      padding: 0px 10px;      
}
.content-section-complicate
h6
{
      font-size: 18px;      
}
.content-section-complicate
p
{
      font-size: 12px;            
      line-height: 1.0;
}
.content-section-complicate
.complicate-paragraph
{      
      padding: 20px 5px;
}
.content-section-complicate
span
{
      font-size: 12px;
}  
}



@media (min-width: 769px) and (max-width: 1366px)
{
.content-section-complicate
{
      width: 100%;
      height: auto;      
      margin-top: 50px;
}
.content-section-complicate
.complicate-container
{
      width: 90%;      
      height: auto;
      padding: 0% 0%;      
}
.content-section-complicate
.complicate-item
{  
	width: 100%;
      height: auto;      
}
.content-section-complicate
h4
{	     
	font-size: 12px;	  
}
.content-section-complicate
h5
{
      font-size: 12px;      
}
.content-section-complicate
.complicate-article
{
      width: 100%;            
      padding: 5px 15px;      
}
.content-section-complicate
h6
{
      font-size: 18px;      
      padding: 10px 0px;      
}
.content-section-complicate
p
{
      font-size: 12px;            
      line-height: 1.0;
}
.content-section-complicate
.complicate-paragraph
{      
      padding: 20px 5px;
}
.content-section-complicate
span
{
      font-size: 12px;
} 
}



@media screen and (max-width: 769px)
{
.content-section-complex
{
      width: 100%;
      height: auto;
      margin-top: 20px;      
}      
.content-section-complex
.complex-container
{          
      width: 95%;
      height: auto; 
}
.content-section-complex
.complex-a
{                 
      flex: auto;
      width: 100%;      
      height: auto;     
      border-radius: 30px 30px 0 0;
}   
.content-section-complex
.complex-a
.complex-article
{
      padding: 5%;      
}
.content-section-complex
.complex-a
h5
{
      padding: 5px 5px;      
      font-size: 0.8rem;
}
.content-section-complex
.complex-a
h6
{            
      padding: 5px 5px;      
      font-size: 0.8rem;
}
.content-section-complex
.complex-a
p
{
      font-size: 12px;      
}
.content-section-complex
.complex-b
{            
      flex: auto;
      width: 100%; 
      height: auto;     
      border-radius: 0 0 0 0;
}     
.content-section-complex
.complex-b
.complex-article
{
      padding: 5% 5%;
}
.content-section-complex
.complex-b
h5
{               
      padding: 10px 0px;
      font-size: 0.7rem;      
}
.content-section-complex
.complex-b
h6
{
      padding: 5px 0px;            
      font-size: 0.7rem;            
} 
.content-section-complex
.complex-b
p
{
      font-size: 12px;      
}
}
@media (min-width: 769px) and (max-width: 1366px)
{
.content-section-complex
{
      width: 100%;
      height: auto;
      margin-top: 20px;      
}      
.content-section-complex
.complex-container
{          
      width: 100%;
      height: auto; 
}
.content-section-complex
.complex-a
{          
      width: 100%;      
      height: auto;      
}   
.content-section-complex
.complex-a
.complex-article
{
      padding: 5%;      
}
.content-section-complex
.complex-a
p
{
      font-size: 12px;      
}
.content-section-complex
.complex-b
{            
      flex: auto;
      width: 100%; 
      height: auto;     
      border-radius: 0 0 0 0;
}     
.content-section-complex
.complex-b
.complex-article
{
      padding: 5% 5%;
}
.content-section-complex
.complex-b
p
{
      font-size: 12px;      
}
}