@media only screen and (max-width:999px) {
    body {

        padding: 0;
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        background-color:  rgb(248, 247, 247);
      }
  
      header {
          display: flex;
          flex-direction: column;
          background-color:#277DEAff;
          margin-bottom: 150px;
      }
  
      header .header1  {
         display: none;
      }
      header .search {
      display: none;
  
      }
  
      header .header1  i {
         color:white;
      }
  
      a {
          text-decoration: none;
      }
  
  
  
      header .header2 nav{
         width: 100%;
         z-index: 1;
          background-color:rgb(2, 96, 211);
          height: 40px;
          position: fixed;
          top: 32px;
  
      }
      ::-webkit-scrollbar {
          background-color:rgb(2, 96, 211);
          height: 1px;
       
      }
      nav ul {
          display: flex;
          overflow-x: scroll;
          width:auto;
          list-style-type: none;
          align-items: center;
          color:white;
  
      }
      nav ul .home {
          display: none;
      }
      nav ul #active {
           color: yellow;
      }
      header .header2 li a {
          color: white;
          font-size: 16px;
          padding-right:20px; 
       
  
      }
   
      .header2 .mobileMenu {
          display: flex;
          align-items: center;
          background-color:rgb(2, 96, 211);
          height: 40px;
          position: relative;
          top: -1px;
          position: fixed;
          z-index: 1;
          width: 100%;
      }
      .mobileMenu a {
          font-size: 25px;
          color:white;
          padding-left: 5%;
      }
  
      .mobileMenu {
          display: flex;
      }
       .mobileMenu img {
                    width: 35px;
                    margin-top: 20px;
                }
      .mobileMenu p {
          padding-left: 10px;
          color: white;
          position: relative;
          top: 3px;
          font-size: 16px;
          font-weight: 700;
          font-family: Arial, Helvetica, sans-serif;
      }
       
      .header2 a:hover {
          color: rgb(25, 37, 53);
      }
      /* CONTENT */
      .container {
        margin-bottom: 20px;
    }
      .news {
        display: flex;
        flex-direction: column;
        background-color: white;
        padding-bottom: 20px;
        margin-top: -60px;
        }
        .news .div {
        display: flex;
        justify-content: center;
        padding: 20px;
        }
        .div span {
        display: flex;
        justify-content: center;
        padding: 20px;
        }
        .h4 {
        font-weight: 700;
        text-align: center;
        color: rgb(32, 114, 214);
        }
        .news span {
        font-weight: 700;
        text-align: center;
        color: rgb(32, 114, 214);
        }
        .news .data {
        display: grid;
        grid-template-columns:repeat(1,1fr);
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 16px;
        justify-content: center;
        grid-gap: 20px;
        }
        .news .content {
        display: flex;
        background-color: rgb(248, 248, 248);
        flex-direction: column;
        text-align: center;
    
        }
        .content img {
        width: 100%;
        height: 210px;
        object-fit: cover;
        }
      .content .ctg {
        display:flex;
        justify-content:center;
      }
        .content .category {
        position: relative;
    
        top: 15px;
        background-color: rgb(32, 114, 214);
        color: white;
        font-weight: 700;
        padding: 3px;
        width: 30%;
        box-shadow: 1px 1px 3px rgb(189, 189, 189);
    
        }
        .content h1 {
        color: rgb(32, 114, 214);
        font-size: 120%;
        padding: 10px 0 10px 0;
        }
        .content h1:hover {
        color: rgb(5, 69, 153);
        }
        .content p {
        position: relative;
        font-size: 95%;
        top: -30px;
        padding: 0 10px 0 10px;
        overflow: hidden;
        word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }
        .content .info {
        position: relative;
        top: -20px;
        color: rgb(194, 194, 194);
        }
        /* FOOTER */
        footer {
            display: flex;
            align-items: center;
            padding: 40px;
            /* justify-content: space-between; */
            flex-direction: column;
            background-color:rgb(2, 96, 211);
            margin-top: 20px;
            }
            .footer_container {
            padding: 10px;
            display: flex;
            }
            .footer_container img {
            display: none;
            }
            .footer_content {
            display: flex;
            flex-direction: column;
            position: relative;
            left: -40px;
            }
            .footer_content ul  {
            display: none;
            flex-direction: column;
            list-style-type: none;
        
        
            }
            .footer_content li a {
        
            color: white;
            }
        
            .footer_content small {
            color: white;
            position: relative;
            right: -58px;
            }
            /* ------------ */
            .footer_mail  {
            display: flex;
            flex-direction: column;
            }
            .footer_mail form input {
            padding: 10px;
            border: none;
            outline: none;
            }
            .footer_mail strong {
            color: white;
            font-size: 18px;
            margin-bottom: 5px;
            }
            .footer_mail form .submit {
            background-color: gray;
            color: white;
            font-weight: 600;
            cursor: pointer;
            }
    
     
  
}