body{
     font-family:Arial,Helvetica,sans-serif;
     width:100% 
}
 #header{
     height:150px;
     width:75%;
     background-color:#ab183d;
     margin-top:5px;
     border:1px solid #000 
}
 #head-title{
     padding-top:40px;
     font-weight:700;
     font-size:45px;
     color:#fff 
}
 #heading{
     background-color:#ab183d;
     height:40px;
     color:#fff;
     font-weight:700;
     font-size:25px 
}
 #menu ul{
     list-style-type:none;
     margin:0;
     padding:0;
     width:75%;
     margin-top:-1px 
}
 #menu ul li{
     display:inline;
     float:left;
     background-color:#000;
     height:40px 
}
 #menu ul li{
     display:inline;
     float:left;
     display:block 
}
 #menu ul li a{
     display:block;
     width:100px;
     color:#fff;
     padding-top:4px 
}
 #box1{
     height:800px;
     width:300px;
     border:1px;
     border-style:groove;
     border-color:#360;
     background-color:#fff;
     border:2px solid #d2691e 
}
 #box2{
     height:300px;
     width:300px;
     border:1px;
     border-style:groove;
     border-color:#360;
     background-color:#fff;
     border:2px solid #d2691e 
}
 #box2{
     height:290px;
     width:300px;
     border:1px;
     border-style:groove;
     border-color:#360;
     background-color:#fff;
     border:2px solid #d2691e 
}
 table td{
     width:25% 
}
 #post ul li a{
     line-height:1.8px 
}
 #marquee1{
     width:75% 
}
 #image1{
     height:60px;
     width:245px;
     background-color:#868a08;
     font-size:20px;
     color:#fff;
     font-weight:700 
}
 #image1 a{
     height:60px;
     width:245px;
     background-color:#868a08;
     font-size:20px;
     color:#fff;
     font-weight:700;
     text-decoration:none 
}
 #image2{
     height:60px;
     width:245px;
     background-color:#0404b4;
     font-size:x-large;
     color:#fff;
     font-weight:700 
}
 #image2 a{
     height:60px;
     width:245px;
     background-color:#0404b4;
     font-size:x-large;
     color:#fff;
     font-weight:700;
     text-decoration:none 
}
 #image3{
     height:60px;
     width:245px;
     background-color:#fb5e03;
     font-size:x-large;
     color:#fff;
     font-weight:700 
}
 #image3 a{
     height:60px;
     width:245px;
     background-color:#fb5e03;
     font-size:x-large;
     color:#fff;
     font-weight:700;
     text-decoration:none 
}
 #image4{
     height:60px;
     width:245px;
     background-color:#8c0101;
     font-size:x-large;
     color:#fff;
     font-weight:700 
}
 #image4 a{
     height:60px;
     width:245px;
     background-color:#8c0101;
     font-size:x-large;
     color:#fff;
     font-weight:700;
     text-decoration:none 
}
 #image5{
     height:60px;
     width:245px;
     background-color:#fb0303;
     font-size:20px;
     color:#fff;
     font-weight:700 
}
 #image5 a{
     height:60px;
     width:245px;
     background-color:#fb0303;
     font-size:20px;
     color:#fff;
     font-weight:700;
     text-decoration:none 
}
 #image6{
     height:60px;
     width:245px;
     background-color:#0b610b;
     font-size:20px;
     color:#fff;
     font-weight:700 
}
 #image6 a{
     height:60px;
     width:245px;
     background-color:#0b610b;
     font-size:20px;
     color:#fff;
     font-weight:700;
     text-decoration:none 
}
 #image7{
     height:60px;
     width:245px;
     background-color:#ff00bf;
     font-size:20px;
     color:#fff;
     font-weight:700 
}
 #image7 a{
     height:60px;
     width:245px;
     background-color:#ff00bf;
     font-size:20px;
     color:#fff;
     font-weight:700;
     text-decoration:none 
}
 #image8{
     height:60px;
     width:245px;
     background-color:#0080ff;
     font-size:20px;
     color:#fff;
     font-weight:700 
}
 #image8 a{
     height:60px;
     width:245px;
     background-color:#0080ff;
     font-size:20px;
     color:#fff;
     font-weight:700;
     text-decoration:none 
}
 #facebook{
     align:center;
     border:1px groove;
     width:70%;
     height:37px;
     width:350px;
     background-color:#0000a0;
     font-size:x-large;
     font-color:#fff;
     font-weight:700 
}
 #view{
     padding-top:4px;
     font-size:18px;
     font-weight:700;
     color:#0000a0 
}
 #view a{
     padding-top:4px;
     font-size:18px;
     font-weight:700;
     margin-left:180px;
     color:#0000a0;
     text-decoration:none 
}
 #matter{
     color:red;
     font-size:17px;
     text-align:center 
}
 #wrap{
     width:75%;
     height:50px;
     margin:0;
     z-index:99;
     position:relative;
     background-color:#000 
}
 .navbar li{
     float: left;
     text-align: center;
     list-style: none;
     padding: 15px 30px;
     margin: 0;
     font-size: 14px;
     font-weight: bold;
     font-family: poppins;
     text-transform: uppercase;
}
 .navbar a{
     padding:18px 0;
     xborder-left:1px solid #fff;
     xborder-right:1px solid #000;
     text-decoration:none;
     color:#ffffff;
     display:block 
     font-size: 15px;
}
 .navbar li ul{
     display:none;
     height:auto;
     margin:0;
     padding:0;
     color:#fff 
}
 .navbar li:hover ul{
     display:block 
}
 .navbar li ul li{
     background-color:#000;
     height:55px;
     margin-top:-8px 
}
 .navbar li ul li a{
     border-left:1px solid #1f5065;
     border-right:1px solid #1f5065;
     border-top:1px solid #74a3b7;
     border-bottom:1px solid #1f5065 
}
 .navbar li ul li a:hover{
     xbackground-color:#366b82 
}
 .menu{
     background: #7B3F00;
}
 .navbar li a:hover{
     color: #ffffff;
}
 .navbar{
     margin: 0;
}

body{overflow-x:hidden; margin:0; padding:0;}
.center-tables table td{width:auto;}
.center-tables table td .table-center{margin-right:15px; margin-left:15px;}
.center-tables #heading > div a{color:#fff; text-decoration:none;}
.center-tables #heading #view a{color:inherit;}
#header, #wrap, #marquee1{max-width: 1010px; width:auto;}
#image1, #image2, #image3, #image4, #image5, #image6, #image7, #image8{margin: 2px; width: 98.5%;}
h1.heading {
    background:;
    color: #fff;
    padding: 6px;
    font-size: 1.5em;
}
table.box-data {max-width:1000px; width:100%;}
.footer-col a {
  color: rgba(0,0,0,0.75);
}

footer{float:none;
    width: 74%;
    text-align: center;
    display: block;
    margin: 0 auto;}

.footer-content-wrapper {
  width: 100%;
  margin: 1em auto;
  padding: 2% 0;
}

.footer-col {
  display: inline-block;
  padding: 0.5em 0.1em 0.5em 1em;
  box-sizing: border-box;
  
}
.footer-col:nth-child(4) {
  border: none;
}

.ta-l {
  text-align: left;
}
.flt {
  float: left;
}

.flt:nth-child(4):after {
   content: " "; 
   visibility: hidden; 
   display: block; 
   height: 1em; 
   clear: both;
}

.large-25 {
  width: 25%;
}
.large-50 {
  width: 50%;
}
.col-3-display{display: flex; flex-wrap:wrap;}
.col-3-display a{display:inline-block;
  width: 33%;}
.footer-col a {
  display: block;
  text-decoration: none;
  margin: 0.3em 0;
  font-size: 13px;
  margin: 0 0 10px;
}
.footer-content-wrapper h3{font-size: 1.3rem;}
@media (max-width: 550px) {
  .small-50 {
    width: 50%;  
  }
  .footer-col:nth-child(2) {
    border: none;
  }
  #header{width:100%;}

}

@media (max-width: 300px) {
  .tiny-100 {
    width: 100%;
  }
  .footer-col { 
    border: none;
  }
}
#sunny{
    background-color: rgb(3,76,49);
    height:160px;
}
#write{
    padding:25px;
    color:white;
    font-size:60px;
    font-weight: 10px;
}
.logo1{
    float:left;
    padding:0px;
    margin:0px;
}
 .header{

    background-color: #f7f7f7;

    padding: 10px;

  }

  .xheader-top{

    border: 3px solid #16b3d7;

  }

  .header-top ul li{

        list-style: none;

      float: left;

      padding: 5px;

  }

  .header-top ul li {

  padding: 0 20px;

  }

  .fa-facebook-square  {

    font-size: 25px;

        xpadding: 10px 0;
            color: #ffffff;

  }

  .fa-instagram{

    font-size: 25px;

        xpadding: 10px 0;
            color: #ffffff;

  }

  .fa-telegram{

      font-size: 25px;

          xpadding: 10px 0;
              color: #ffffff;

  }

  .navbar{

    xpadding-top: 50px !important;

  }

  #write{

    color: #004c2d;

      font-size: 65px;

      padding: 0px;

      font-family: Young serif;

      font-weight: 600;

      margin: 0;

      text-align: center;

  }

  #write h1{

    color: #004c2d;

    font-size: 52px;

    xpadding: 22px 0px;

    font-family: Young serif;

    font-weight: 600;

    margin: 0;

  }

   #write h2{

    font-weight: 600;



   }

  .header-top{

    background:#7b3f00; 
        padding: 5px;


  }
.top-navbar  li p {
color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.content_area {
    float: none;
    width: 74%;
    text-align: center;
    display: block;
    margin: 0 auto;
    border: 2px solid #d2691e;
    
    
}
.content_area h2{
    margin-top:20px;
    margin-bottom:20px;
     font-size: 18px;  
}
.content_area p {
    padding: 15px;
    margin: 0;
     font-size: 18px;  
}
.heading {
    background: #green;
    color: #fff;
    padding: 6px;
    width: 200%;
   font-size: 18px;  
}
#font{
     font-size: 30px;
    color: #fff;
    background-color: green;

}
.tables{
     font-size: 26px;
    font-weight: 600;
    border: 2px solid #ab183d;
}
 @media (max-width:767px;
) {
     #header{
         width:100% 
    }
}