@charset "utf-8";
/* CSS Document */


.box_intro_about{
position:relative;
z-index:1;
border:0px dashed #FF9900;
height: auto;
margin-top:120px;
margin-bottom:40px;
}



.box_partner_about{
position:relative;
z-index:1;
border:0px dashed #FF9900;
height: auto;
background:#f0f5fd; 

}

.micro_kon{
width:100%;
margin-left:auto;
margin-right:auto;
border:0px dashed #FF0000;
position:relative;

}

/* ---------------------------------------------Box */


.box_about_BBa{
  border:0px dashed #FF0000;
  position:relative;
}


.box_about_AAb{
border:0px dashed #FF0000;
position:relative;
}


.box_about_AAba{
min-height:200px;
position:relative;
padding-top:20px;
border:1px dashed #FF0000;
}

.mgl5{margin-left:5%;}

.mgb20{margin-bottom:20px;}








/* Responsive */
 /* Media Query for Mobile Devices */
@media all and (max-width: 480px) {

.box_slider_about{
margin-top:0px;
height:150px;
overflow:hidden;

}

.box_intro_about{
border:0px dashed #FF9900;
height: auto;
margin-top:40px;
margin-bottom:40px;

}

.mgl5{margin-left:0;}

.mgb20{margin-bottom:0;}
}
          
        /* Media Query for low resolution  Tablets, Ipads */
@media all and (min-width: 481px) and (max-width: 767px) {

.box_slider_about{
margin-top:0px;
height:150px;
overflow:hidden;

}

.box_intro_about{
border:0px dashed #FF9900;
height: auto;
margin-top:40px;
margin-bottom:40px;

}

.mgl5{margin-left:0;}
.mgb20{margin-bottom:0;}
}
          
        /* Media Query for Tablets Ipads portrait mode */
@media all and (min-width: 768px) and (max-width: 1024px){


.box_slider_about{
margin-top:0px;
height:150px;
overflow:hidden;

}

.box_intro_about{
border:0px dashed #FF9900;
height: auto;
margin-top:40px;
margin-bottom:40px;

}

.mgl5{margin-left:0;}

.mgb20{margin-bottom:20px;}


}
          
        /* Media Query for Laptops and Desktops */
@media all and (min-width: 1025px) and (max-width: 1280px){
}
          
        /* Media Query for Large screens */
@media all and (min-width: 1281px) {
}
		
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  margin: .5em 0 .75em;
}

table tr {
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-top:none;
  border-left:none;
  border-right:none;


}

table th {
background-color: #d8f8fe;
border: 1px solid #ddd;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: .625em;
	background-color: #d8f8fe;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
	border-top:none;
	border-left:none;
	border-right:none;
	
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    
    
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}