/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Courgette');
body{padding:0px;margin:0px;font-family: 'Saira', sans-serif;font-size:14px;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}
.clearDiv{clear:both;}
p{line-height:25px;}
a{text-decoration:none;}

#headerContainer{background-color:#1055A0;}
#headerDiv{width:85%;margin:auto;text-align:center;}
#logoDiv{float:left;}
#logoDiv img{width:50%;float:left;}
#clockDiv{float:left;margin-left:47%;margin-top:-10%;}
.hrow {font-weight:bold;color: #FFFFFF;font-size:20px;}
.htd{color:#FFFFFF;}
#socialDiv{float:right;margin-top:-6.5%;}
#menuDivContainer{background-color:#fff000;}
#menuDiv{width:80%;margin:auto;}
#cssmenu h3{color:#555555;}
#bannerDiv{}
#bannerDiv img{width:100%;border-bottom:5px solid #1055A0 }
#mainDiv{width:85%;margin:auto;}
#topBody{text-align:center;margin-top:50px;}
#topBody h1{color:#1055A0;font-size:40px;font-weight:normal;}
.clr{color:#DAA51E;font-weight:600;font-family: 'Courgette', cursive;font-size:18px;}
#midBody{margin-top:50px;}
/*.serviceDivHex{width:22%;margin-right:2%;float:left;border-top-right-radius:20px;border-bottom-left-radius:20px;background-color:yellow;height:50px;padding-bottom:5%;}
.serviceDivHex:nth-child(4){margin-right:0px;}*/
.serviceDivHex h1{text-align:center;font-size:36px;color:#FFF;}
#serviceDiv{text-align:center;}
.serviceBox{ width: 20%;
   height: 220px;
   background: yellow; 
   -moz-border-radius: 50%; 
   -webkit-border-radius: 50%; 
   border-radius:50%;;
   float:left;margin-right:1.5%;padding:10px;}
.serviceBox img{width: 100%;
   height: 220px; 
   -moz-border-radius: 50%; 
   -webkit-border-radius: 50%x; 
   border-radius:50%;}
.serviceBox:nth-child(4){margin-right:0px;}
.serviceBox h1{color:#1055A0;font-weight:normal;height:40%;}
#down-triangle1 { 
   width: 0; 
   height: 0;
   border-top: 40px solid yellow;
   border-left: 30px solid transparent; 
   border-right: 30px solid transparent;
   margin-left:38%; 
}
#btmBody{margin-top:250px;text-align:left;}
#btmLeft{width:47%;float:left;margin-right:6%;background-color:#000000;height:750px}
#btmLeft img{width:100%;}
#btmLeft h2{color:#FFF;text-align:center;}
#btmLeft p{color:#fff;padding:15px;line-height:25px;text-align:justify;}
.btn1{background-color:#1055A0;width:95%;height:30px;border-radius:5px;border-style:none;color:#fff;margin-bottom:10px;}
#btmRight{width:47%;float:right;background-color:#000000;}
#btmRight ul,li{color:#FFF;}
#btmRight img{width:100%;}
#btmRight h2{color:#FFF;text-align:center;}
#btmRight p{color:#fff;padding:15px;line-height:25px;text-align:justify;margin-bottom:30px;}
#footerDivContainer{margin-top:25px;color:#FFF;background-color:#1055A0;border-top:5px solid #FFFF00;}
#footerDiv{width:85%;margin:auto;}
.serviceBox2{width:32%;float:left;margin-right:2%;}
.serviceBox2:nth-child(3){margin-right:0px;}
.serviceBox2 h2{font-weight:normal;padding:5px;}
.serviceBox2 p{margin-left:15px;}
.serviceBox2 a{text-decoration:none;color:#FFF;}
.serviceBox2 a:hover{cursor:pointer;color:#000}
#btmFooter{width:85%;margin:auto;border-top:2px solid #999999; }
#leftbtmFooter{float:left;padding:10px;}
#rightbtmFooter{float:right;padding:10px;}

#servContent{margin-top:5px;}
#servContent h1{color:#1055A0;font-size:40px;}
#servContent h2{color:#1055A0;font-size:28px;}
#servContent h3{color:#1055A0;font-size:18px;}
.hdcntr{text-align:center;}

#carContent{margin-top:5px;}
#carContent h1{color:#1055A0;font-size:40px;}
#carContent h2{color:#1055A0;font-size:28px;}
#carContent h3{color:#1055A0;font-size:18px;}

#markContent {margin-top:5px;}
#markContent h1{color:#1055A0;font-size:40px;}
#markContent li{color:#9900CC;font-size:20px;}
#markContent li:hover{color:#1055A0;font-size:20px;cursor:pointer;}

#prContent {margin-top:55px;}
#prContent h1{color:#1055A0;font-size:40px;}
#prContent li{color:#1055A0;font-size:20px;}
#prContent li>p{color:#000;font-size:18px;}
#prContent h4{color:#9900cc;}

#vmContent {margin-top:5px;text-align:center;}
#vmContent h1{color:#1055A0;font-size:40px;text-align:}
#vmContent h2{color:#1055A0;font-size:26px;text-align:center}
#vmContent h3{color:#9900CC;font-size:20px;text-align:center;}
#vmContent p{color:#000;font-size:16px;text-align:center;}

#vmContent li{color:#000;font-size:16px;}

#enContent {margin-top:5px;text-align:center;}
#enContent h1{color:#1055A0;font-size:40px;}
#enContent h3{color:#000;;font-size:20px;text-align:left;margin-left:35px;}
#enqDiv{width:50%;border:5px solid #FFFF00;margin:auto;padding:10px;}
.enqBtn{border-style:none;border-radius:10px; padding:5px;width:150px;margin-bottom:20px;color:#FFF;background-color:#1055A0 ;font-size:16px;}
.enqBtn:hover{color:#FFF;  cursor:pointer;background-color: rgba(0, 179, 0, 0.7);color:#000000;}
.textClass2{width:90%;line-height:35px;margin-bottom:15px;border:1px solid #1055A0;}

#cnContent {margin-top:5px;text-align:center;}
#cnContent h1{color:#1055A0;font-size:40px;}
#cnContent p{color:#000;;font-size:16px;font-family:Ebrima;}

#crContent {margin-top:5px;text-align:center;}
#crContent h1{color:#1055A0;font-size:40px;}
#crContent h2{color:#1055A0;font-size:26px;text-align:left;}
#crContent p{color:#000;;font-size:18px;text-align:left;}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

body{padding:0px;margin:0px;font-family: 'Saira', sans-serif;font-size:14px;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}
.clearDiv{clear:both;}
p{line-height:25px;}
a{text-decoration:none;}

#headerContainer{background-color:#1055A0;}
#headerDiv{width:auto;margin:auto;text-align:center;}
#logoDiv{float:none;margin-top:25px;}
#logoDiv img{width:100%;}
#clockDiv{float:none;margin-left:-1%;}
.hrow {font-weight:bold;color: #FFFFFF;font-size:12px;}
.htd{color:#FFFFFF;font-size:12px;}
#socialDiv{float:none;margin-top:5%;}
#menuDivContainer{background-color:#fff000;}
#menuDiv{width:auto;margin:auto;}
#cssmenu h3{color:#555555;}
#bannerDiv{}
#bannerDiv img{width:100%;border-bottom:5px solid #1055A0; }
#mainDiv{width:auto;margin:auto;}
#topBody{text-align:center;margin-top:2%;}
#topBody h1{color:#1055A0;font-size:20px;font-weight:normal;}
.clr{color:#DAA51E;font-weight:600;font-family: 'Courgette', cursive;font-size:18px;}
#midBody{margin-top:50px;}
/*.serviceDivHex{width:22%;margin-right:2%;float:none;border-top-right-radius:20px;border-bottom-left-radius:20px;background-color:yellow;height:50px;padding-bottom:5%;}
.serviceDivHex:nth-child(4){margin-right:0px;}
.serviceDivHex h1{text-align:center;font-size:36px;color:#FFF;}*/
#serviceDiv{text-align:center;}
.serviceBox{ width: auto;
   height: 220px;
   background: yellow; 
   -moz-border-radius: 50%; 
   -webkit-border-radius: 50%; 
   border-radius:50%;;
   float:none;margin-right:1.5%;padding:10px;margin-bottom:60%;}
.serviceBox img{width: 100%;
   height: 220px; 
   -moz-border-radius: 50%; 
   -webkit-border-radius: 50%x; 
   border-radius:50%;}
.serviceBox:nth-child(4){margin-right:0px;}
.serviceBox h1{color:#1055A0;font-weight:normal;height:30%;}
#down-triangle1 { 
   width: 0; 
   height: 0;
   border-top: 40px solid yellow;
   border-left: 30px solid transparent; 
   border-right: 30px solid transparent;
   margin-left:38%; 
}
#btmBody{margin-top:-1%;text-align:center;}
#btmLeft{width:100%;float:none;background-color:#000000;}
#btmLeft img{width:100%;height:auto}
#btmLeft p{color:#fff;line-height:25px;text-align:justify;}
.btn1{background-color:#1055A0;width:95%;height:30px;border-radius:5px;border-style:none;color:#fff;margin-bottom:10px;}
#btmRight{width:auto;float:none;background-color:#000000;height:auto;}
#btmRight img{width:100%;}
#btmRight p{color:#fff;line-height:25px;text-align:justify;}
#footerDivContainer{margin-top:25px;color:#FFF;background-color:#1055A0;border-top:5px solid #FFFF00;}
#footerDiv{width:auto;margin:auto;}
.serviceBox2{width:auto;float:none;margin-right:2%;}
.serviceBox2:nth-child(3){margin-right:0px;}
.serviceBox2 h2{font-weight:normal;padding:5px;}
.serviceBox2 p{margin-left:15px;}
.serviceBox2 a{text-decoration:none;color:#FFF;}
.serviceBox2 a:hover{cursor:pointer;color:#000}
#btmFooter{width:85%;margin:auto;border-top:2px solid #999999; }
#leftbtmFooter{float:none;padding:10px;}
#rightbtmFooter{float:none;padding:10px;}

#servContent{margin-top:5px;}
#servContent h1{color:#1055A0;font-size:40px;}
#servContent h2{color:#1055A0;font-size:28px;}
#servContent h3{color:#1055A0;font-size:18px;}
.hdcntr{text-align:center;}

#carContent{margin-top:5px;}
#carContent h1{color:#1055A0;font-size:40px;}
#carContent h2{color:#1055A0;font-size:28px;}
#carContent h3{color:#1055A0;font-size:18px;}

#markContent {margin-top:5px;}
#markContent h1{color:#1055A0;font-size:40px;}
#markContent li{color:#9900CC;font-size:20px;}
#markContent li:hover{color:#1055A0;font-size:20px;cursor:pointer;}

#prContent {margin-top:-1%;;}
#prContent h1{color:#1055A0;font-size:40px;}
#prContent li{color:#1055A0;font-size:20px;}
#prContent li>p{color:#000;font-size:18px;}
#prContent h4{color:#9900cc;}

#vmContent {margin-top:5px;}
#vmContent h1{color:#1055A0;font-size:40px;text-align:center;}
#vmContent h2{color:#1055A0;font-size:26px;text-align:center}
#vmContent h3{color:#9900CC;font-size:20px;text-align:center;}
#vmContent p{color:#000;font-size:16px;}
#vmContent li{color:#000;font-size:16px;}

#enContent {margin-top:5px;text-align:center;}
#enContent h1{color:#1055A0;font-size:40px;}
#enContent h3{color:#000;;font-size:16px;text-align:center;margin-left:-5%;}
#enqDiv{width:auto;border:5px solid #FFFF00;margin:auto;padding:10px;}
.enqBtn{border-style:none;border-radius:10px; padding:5px;width:150px;margin-bottom:20px;color:#FFF;background-color:#1055A0 ;font-size:16px;}
.enqBtn:hover{color:#FFF;  cursor:pointer;background-color: rgba(0, 179, 0, 0.7);color:#000000;}
.textClass2{width:90%;line-height:35px;margin-bottom:15px;border:1px solid #1055A0;}

#cnContent {margin-top:5px;text-align:center;}
#cnContent h1{color:#1055A0;font-size:40px;}
#cnContent p{color:#000;;font-size:16px;font-family:Ebrima;}

#crContent {margin-top:5px;text-align:center;}
#crContent h1{color:#1055A0;font-size:40px;}
#crContent h2{color:#1055A0;font-size:26px;text-align:left;}
#crContent p{color:#000;;font-size:18px;text-align:left;}


}


    .metal-table-container {
        width: 100%;
        overflow-x: auto; /* MOBILE RESPONSIVE */
        background: #fff;
        padding: 10px;
        border-radius: 6px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    /* UNIQUE TABLE */
    .metal-table {
        width: 100%;
        border-collapse: collapse;
        min-width: 1200px; /* keeps structure on desktop */
    }

    /* UNIQUE HEADER */
    .metal-table th {
        background: #3F51B5;
        color: white;
        text-align: left;
        padding: 10px;
        font-size: 16px;
        border: 1px solid #ddd;
    }

    /* UNIQUE TD */
    .metal-table td {
        padding: 8px 10px;
        border: 1px solid #ccc;
        background: #fff;
        font-size: 14px;
    }

    .metal-table tr:nth-child(even) td {
        background: #f7f7f7;
    }

    /* MOBILE */
    @media (max-width: 600px) {
        .metal-table th,
        .metal-table td {
            font-size: 13px;
            padding: 6px;
        
        }