/*Article Mobile Styles */

@media (max-width:767px) {
    
    .table-row *{
    display:flex;
    flex-direction:column;
    position: relative;
    float: none;
    clear: both;
    height:auto;
width:auto;
}
    
    
    #wrapper {
    width: 100% !important;
}

table tr:nth-child(1) {
    display: flex;
    flex-direction: column;
    width: 100%;
}

table tr:nth-child(2) td {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.headlinetext2{
    height:auto !important;
}

table tr:nth-child(5) td {
   font-size:18px;
    padding:5px;
    display:flex;
    flex-direction:column;
}
 

.diylist {
    font-size: 18px;
    padding-left: 0px;
    line-height: 1.8;
}


.style8{
    font-size:18px !important
}
#nav  {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    margin: initial;
}
  
#diybanner{
    width:100%;
    aspect-ratio: 970 / 297;
    background-size: contain;
    max-width: 100%;
    height: auto;
}

#ads {
    display:none;
}
  
tr {
    display: flex;
    flex-direction: column;
}

table {
    display: flex;
    flex-direction: column;
} 

table > * {
    display: flex;
    flex-direction: column;
}

img {
    display: flex;
    flex-direction: column; 
    height: auto;
}

table table {
    display: block; 
    text-align: left;
    float: left;
    height: auto;
    width: 100%;
}
  
p img {
    display: block;
    width: 100%;
}

.headlinetext1 {
    font-size: 24px;
}

#homebanner {
    width: 100%;
    aspect-ratio: 97 / 15;
    height: auto;
}

#middlenav {
    margin: 0;
    padding: 0;
}

#homebanner img {
    width: 100%;
}

.textstandard img {
    width: 100%;
}

.textstandard {
    width: 100%;
}

tr td {
    width: 100%;
    height:auto !important;
}}