/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #740F0A;
	font-weight: bold;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}


a:link { color:#740F0A; text-decoration:none; font-weight:bold}
a:active { color:#000000; text-decoration:underline; font-weight:bold}
a:visited { color:#000000; text-decoration:underline; font-weight:bold}
a:hover { color:#0000ff; text-decoration:underline; font-weight:bold}


h1 {
	font-family: Arial;
	font-size:15px;
	color:#330000;
	background-color:#FFFFCC;
	text-align: left;
}
h2 {color: #0000CC ; font-size:11pt; font-family:Arial, Helvetica, sans-serif;}


.text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; align:Justify;}

a.res:link { color:#000000; text-decoration:none; font-weight:normal}
a.res:active { color:#000000; text-decoration:underline; font-weight:normal}
a.res:visited { color:#740F0A; text-decoration:none; font-weight:normal}
a.res:hover { color:#0000ff; text-decoration:underline; font-weight:normal}

.padding_left10{padding-left:10px}

@media screen and (max-width:768px){

body{
      font-size: 20px;
    }
    html{
      line-height: 1.5 !important;
    }
    
    a, button {
  /* padding: 10px; */
  font-size: 12px; /* make text larger if needed */
  /* margin: 8px; */
}
.table{
  width: 100% !important;
  overflow-x: auto !important;
}

html>body>table>tbody>tr>td>table>tbody>tr:nth-child(4)>td>table>tbody>tr>td:first-child>table>tbody>tr{
  /*display: flex;*/
  /*width: 100vw;*/
} 
html>body>table>tbody>tr>td>table>tbody>tr:nth-child(4)>td>table>tbody>tr>td:first-child>table>tbody>tr>td:first-child{
  display: none !important;
  flex-basis: 0;
}
html>body>table>tbody>tr>td>table>tbody>tr:nth-child(4)>td>table>tbody>tr>td:first-child>table>tbody>tr>td:nth-child(2){
  flex-basis: 100%;
 
}
html>body>table>tbody>tr>td>table>tbody>tr:nth-child(4)>td>table>tbody>tr>td:first-child>table>tbody>tr>td:last-child{

  display: none !important;
  flex-basis: 0;
}



    tr{
       display: flex; 
       width: 100vw; 
      box-sizing: border-box !important;
    }
    img{
      height: auto !important;
      width: 100% !important;
    }
    tbody{
      width: 100vw;
      box-sizing: border-box;
       
    }
    /* html>body>table>tbody>tr>td>table>tbody>tr>td>table>tbody ~ tr{
      display: flex;
      flex-direction: column;
    } */
    html > body > table > tbody > tr > td > table > tbody>tr:nth-child(3) {
  display: none;
 
} 
html>body>table>tbody>tr>td>table>tbody>tr:nth-child(4)>td>table>tbody>tr {
  display: flex;
   flex-direction: column;
}
 

html>body>table>tbody>tr>td>table>tbody>tr:nth-child(4)>td>table>tbody>tr>td:first-child{
    order: 2;
}
html>body>table>tbody>tr>td>table>tbody>tr:nth-child(4)>td>table>tbody>tr>td:last-child{
    order: 1;
    width: 100% !important;
}
body > table{
  /* padding-right: 0 2rem; */
  margin: 0 auto;
}
td.text{
    font-size:14px;
    padding: 0 1.5rem !important;
}
.style4{
    /*font-size:16px;*/
    font-weight: 700;
    width:100%;
}
.padding_left10{
     padding-left:0;
}
table {
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
}

html>body>table>tbody>tr>td>table>tbody>tr:nth-child(4)>td>table>tbody>tr>td:last-child>table>tbody>tr tr table tr{
    display:revert-layer;
}

}