html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.container {
    padding: 0
}

/* --- UPDATED TEXT STYLES (Matching style1.css) --- */
html,
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000;
    background: #fff;
}

a {
    text-decoration: none;
    color: inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 800;
    text-transform: uppercase;
    color: #303030;
}

p {
    font-size: 0.875em;
    color: #5A5A5A;
    line-height: 1.6em;
}

img {
    max-width: 100%
}

section{
    background-color: #fff;
    padding-top: 20px;
}

.bg-white{
    background-color: #fff;
}

.container1 {
    width: 33.33%;
    float: left
}

.wd-100 {
    width:100%!important;
}

.logo {
    padding: 5px 30px;
    width: 21%;
}

.logo a {
    text-transform: uppercase;
    color: #303030;
    font-weight: 200;
    font-size: 1.6em;
}

.item1 {
    width: 100%;
    float: none;
    text-align: center;
    font-size: 24px
}

footer {
    padding: 20px;
    background-color: #2980b9;
    color: white;
    text-align: center;
}

.text-center {
    text-align: center
}

/* --- UPDATED TABLE STYLES (Matching style1.css) --- */

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 10px;
    width: 98%; /* Matched style1 */
    margin-left: auto;
    margin-right: auto;
}

/* General Table Header and Cells */
th, td {
    border: 1px solid #000; /* Matched style1 black border */
    text-align: center;
    vertical-align: middle;
}

th {
    background-color: #E8E8E8; /* Matched style1 header gray */
    font-size: 14px;
    /* font-weight: bold; */
    padding: 5px;
}

td {
    font-size: 14px; /* Matched style1 font size */
    padding: 5px;
    color: #000;
}

/* Specific Classes to override defaults if needed */
.table {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
}

.tableno {
    width: 90%; /* Kept your original width preference here */
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
    margin-top: 10px;
}

.tableno th {
    border: 1px solid #000;
    background-color: #E8E8E8;
}

.tableno td {
    border: 1px solid #000;
    padding: 2px;
}

/* Helper class for that specific Teal background used in style1 headers */
tr.teal-header th, tr.teal-header td, .bg-header {
    background-color: #3FD5BA !important;
}

/* Helper class for the Cream background used in style1 */
tr.cream-row td, .bg-cream {
    background-color: #ffffff !important; /* Hex for cream */
}


/* --- NAVIGATION & LAYOUT (Kept from your style.css) --- */

.home-midnav .row .col-md-4 {
    margin: 7px 0 0;
    padding: 0 3.5px;
}
/* .home-midnav .row .col-md-4:nth-last-child(1), .home-midnav .row .col-md-4:nth-last-child(2), .home-midnav .row .col-md-4:nth-last-child(3) {
    margin-bottom: 20px;
} */
.midnav {
    border: solid #dedede;
    border-width: 0 2px 0 2px;
}
.midnav .col-md-2 {
    padding: 0;
    background: #dedede;
}

.midnav .col-md-2 img{
    width: 98%;
}
span.divider {
    height: 1px;
    background: #303030;
    display: inline-block;
    width: 40%;
    margin: 0;
    padding: 0;
    margin-bottom: 4px;
}

/* --- MEDIA QUERIES (Kept from your style.css) --- */

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  /* CSS */
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  /* CSS */
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  /* CSS */
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* CSS */
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

  .on-phone-no-padding {
    padding: 0 !important;
  }
  .tableno {
    width: 90%;
  }
    .tableno {
    margin-top: 0 !important;
  }

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .on-phone-no-padding {
        padding: 0 !important;
    }
    .tableno {
        width: 90%;
    }
    .tableno {
        margin-top: 0 !important;
    }
    .logo {
        padding: 20px 0;
        width: 67%;
    }
    .home-midnav .row .col-xs-3 {
        padding: 0;
        margin: 0!important;
    }
    .home-midnav {
        border: solid #dedede;
        border-width: 0 2px 0 2px;
    }
    .home-midnav .col-xs-3 {
        padding: 0;
        background: #dedede;
    }

    .home-midnav .col-xs-3 img{
        width: 98%;
    }
    .fb-like.mb-fb-btn {
        margin-top: -45px!important;
        padding: 0!important;
    }
}