.responsive{
    width: 100% !important;
    height: auto !important;
}
/* table css*/
th {
    border: 0.3px solid #b3b3b3;
    padding: 7px;
    color: #3d3d3d;
    font-family: Roboto,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
}
td {
    border: 0.3px solid #b3b3b3;
    padding: 7px;
    font-family: GibsonW04-Regular,Arial;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
}

table
{
    
    border-spacing: 0;
    border-collapse: collapse;
    overflow-x:auto;
   
}

/*tr:nth-child(even){background-color: #f2f2f2;}

tr:hover {background-color: #ddd;}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}*/

p{
    margin-top: 10px;
    color: #555;
    font-family: GibsonW04-Regular,Arial;
    font-size: 13px;
    line-height: 20px;

   
}

.openlink {
    position: relative;
    padding: 6px 19px;
    border: none;
    text-align: center;
    outline: none;
    font-weight: 600;
    background: #fbd104;
    box-shadow: 0 1px 1px 0 rgb(185 178 147);
    border-radius: 17px;
    cursor: pointer;
    color: #514f4f;
    display: inline-block;
    margin: 5px 0;
    font-size: 13px;
}

strong
{
    color: #3d3d3d;
    font-family: GibsonW04-Regular,Arial;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
}



h1
{

  
    
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #373737;
    line-height: 22px;
     font-family: Roboto,Arial,sans-serif;

}

h2
{
   
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
     font-size: 20px;
    color: #373737;
    line-height: 22px;
     font-family: Roboto,Arial,sans-serif;

}
h3
{
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #373737;
    line-height: 22px;
     font-family: Roboto,Arial,sans-serif;

}
h4
{
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
     font-size: 20px;
    color: #373737;
    line-height: 22px;
    font-family: Roboto,Arial,sans-serif;

}
h5
{
   font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
     font-size: 20px;
    color: #373737;
    line-height: 22px;
     font-family: Roboto,Arial,sans-serif;

}
h6
{
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #373737;
    line-height: 22px;
     font-family: Roboto,Arial,sans-serif;

}

ul {

   
    margin-top: 10px;
    list-style: inside;
}

ol {
   
   margin-top: 10px;
   list-style-type: none;
   list-style: inside;
}

ul li
{
    margin-top: 10px;
    color: #555;
    font-family: GibsonW04-Regular,Arial;
    font-size: 13px;
    line-height: 20px;
    list-style-type: disc;
}

ol li 
{
    margin-top: 10px;
    color: #555;
    font-family: GibsonW04-Regular,Arial;
    font-size: 13px;
    line-height: 20px;
    list-style-type: decimal;
}
/* faq css */


@media (min-width: 992px) and (max-width: 1400px)
{
        table
        {
            width: 100%;
            overflow-x:auto;
            margin: 20px auto;

         }
         h1, h2, h3 , h4 ,h5 , h6
        {
            font-size: 18px;
        }
         
   
}



@media (min-width: 480px) and (max-width: 991px)
{
    table
    {
     
       overflow-x:auto;
       width: 100%;
       margin: 20px auto;
       
    }

    h1, h2, h3 , h4 ,h5 , h6
    {
        font-size: 17px;
    }

    
}

/* 
  ##Device = Low Resolution Tablets, Mobiles
  ##Screen = B/w 320px to 767px
*/

@media (min-width: 320px) and (max-width: 767px) {
   table
    {
     
       overflow-x:auto;
       width: 100%;
       margin: 20px auto;
       
    }
    td{
        border: 1px solid rgb(179, 179, 179);
    }
    h1, h2, h3 , h4 ,h5 , h6
    {
        font-size: 16px;
    }

}
