<?php

/**

 * Template Name:Blogs Page

 *

 *

 */

 


get_header();

?>
<style>
    .blogs_section{
        padding-top:120px;
        padding-bottom:70px;
    }
    .blogs_heading  h1{
        text-align: center;
    color: #2E2B86;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 30px;
    padding: 30px 0;
    margin-top: 30px;
    }
    





/* SUb Media Start */


 

  @media (max-width: 300px) {
      

      #subNewsList .newsHeading-three {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 120%;
          color: #2E2B86;
          margin: 5px 0 3px 0;
          text-align: left;
      }

      #subNewsList .newsPara-one {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 12px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 5px;
          text-align: left;
          opacity: 0.3;
      }

      #subNewsList  .newsPara-two {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 2px;
          padding-right: 0px;
          text-align: left;
      }

      
  }

  @media (min-width: 301px) and (max-width: 600px) {
  

      #subNewsList .newsHeading-three {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 120%;
          color: #2E2B86;
          margin: 5px 0 3px 0;
          text-align: left;
      }

      #subNewsList .newsPara-one {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 12px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 5px;
          text-align: left;
          opacity: 0.3;
      }

      #subNewsList  .newsPara-two {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 2px;
          padding-right: 0px;
          text-align: left;
      }


  }

  @media (min-width: 601px) and (max-width: 900px) {
    

      #subNewsList .newsHeading-three {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 120%;
          color: #2E2B86;
          margin: 5px 0 3px 0;
          text-align: left;
      }

      #subNewsList .newsPara-one {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 12px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 5px;
          text-align: left;
          opacity: 0.3;
      }

      #subNewsList .newsPara-two {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 2px;
          padding-right: 20px;
          text-align: left;
      }


  }

  @media (min-width: 901px) and (max-width: 1028px) {

     

      #subNewsList .newsHeading-three {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 120%;
          color: #2E2B86;
          margin: 5px 0 3px 0;
          text-align: left;
      }

      #subNewsList  .newsPara-one {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 12px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 5px;
          text-align: left;
          opacity: 0.3;
      }

      #subNewsList  .newsPara-two {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 19px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 2px;
          padding-right: 3px;
          text-align: left;
      }

  
  }

  @media (min-width: 1029px) and (max-width: 1400px) {

     

      #subNewsList .newsHeading-three {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 120%;
          color: #2E2B86;
          margin: 5px 0 3px 0;
          text-align: left;
      }

      #subNewsList .newsPara-one {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 12px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 5px;
          text-align: left;
          opacity: 0.3;
      }

      #subNewsList .newsPara-two {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 19px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 2px;
          padding-right: 3px;
          text-align: left;
      }

    
  }

  @media (min-width: 1401px) and (max-width: 1440px) {
     

      #subNewsList  .newsHeading-three {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 120%;
          color: #2E2B86;
          margin: 5px 0 3px 0;
          text-align: left;
      }

      #subNewsList .newsPara-one {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 12px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 5px;
          text-align: left;
          opacity: 0.3;
      }

      #subNewsList .newsPara-two {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 2px;
          padding-right: 20px;
          text-align: left;
      }

    
  }

  @media (min-width: 1441px) {

#subNewsList .newsHeading-three {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 22px;
          line-height: 120%;
          color: #2E2B86;
          margin: 5px 0 3px 0;
          text-align: left;
         
      }

#subNewsList .newsHeading-three {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 22px;
          line-height: 120%;
          color: #2E2B86;
          margin: 5px 0 3px 0;
          text-align: left;
         
      }

    
      #subNewsList  .newsPara-one {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 5px;
          text-align: left;
          opacity: 0.3;
      }

      #subNewsList   .newsPara-two {
          font-family: 'Slippy', sans-serif;
          font-weight: 400;
          font-size: 22px;
          line-height: 140%;
          color: #6A6A6A;
          margin-bottom: 2px;
          padding-right: 56px;
          text-align: left;
      }

     
  }

  /* Sub Media End */
</style>

<section class="blogs_section">
    <div class="container-fluid">
        <div class="blogs_heading">
            <h1>
                Blogs
            </h1>
        </div>
    </div>
</section>




<section id="subNewsList" style="position: relative;z-index: 1; padding: 40px 0px" >
        <div class="container-fluid">
         <div class="col-xl-11 col-md-10 col-12 mx-auto">
             <div class="row">
                 <div class="col-xl-3 col-lg-6 col-md-6 col-12 mb-5">
                     <div class="card shadow border-0 px-2">
                         <img src="assets/images/card-image-1.png" class="img-fluid card-img-top mt-2 rounded"
                             style="height: 204px; object-fit: cover;">
                         <div class="card-body px-0 pt-1">
                             <a href="" style="text-decoration: none;">
                                 <h1 class="newsHeading-three">1st cyclotron build</h1>
                             </a>
                             <p class="newsPara-one">Posted on: 24 June, 23</p>
                             <p class="newsPara-two">Quisque suscipit fermentum netus nulla cras porttitor euismod nulla.
                             </p>
                         </div>
                     </div>
                 </div>
                 <div class="col-xl-3 col-lg-6 col-md-6 col-12 mb-5">
                     <div class="card shadow  border-0 px-2">
                         <img src="assets/images/card-image-1.png" class="img-fluid card-img-top mt-2 rounded"
                             style="height: 204px; object-fit: cover;">
                         <div class="card-body px-0 pt-1">
                             <a href="" style="text-decoration: none;">
                                 <h1 class="newsHeading-three">1st cyclotron build</h1>
                             </a>
                             <p class="newsPara-one">Posted on: 24 June, 23</p>
                             <p class="newsPara-two">Quisque suscipit fermentum netus nulla cras porttitor euismod nulla.
                             </p>
                         </div>
                     </div>
                 </div>
                 <div class="col-xl-3 col-lg-6 col-md-6 col-12 mb-5">
                     <div class="card shadow  border-0 px-2">
                         <img src="assets/images/card-image-1.png" class="img-fluid card-img-top mt-2 rounded"
                             style="height: 204px; object-fit: cover;">
                         <div class="card-body px-0 pt-1">
                             <a href="" style="text-decoration: none;">
                                 <h1 class="newsHeading-three">1st cyclotron build</h1>
                             </a>
                             <p class="newsPara-one">Posted on: 24 June, 23</p>
                             <p class="newsPara-two">Quisque suscipit fermentum netus nulla cras porttitor euismod nulla.
                             </p>
                         </div>
                     </div>
                 </div>
                 <div class="col-xl-3 col-lg-6 col-md-6 col-12 mb-5">
                     <div class="card shadow  border-0 px-2">
                         <img src="assets/images/card-image-1.png" class="img-fluid card-img-top mt-2 rounded"
                             style="height: 204px; object-fit: cover;">
                         <div class="card-body px-0 pt-1">
                             <a href="" style="text-decoration: none;">
                                 <h1 class="newsHeading-three">1st cyclotron build</h1>
                             </a>
                             <p class="newsPara-one">Posted on: 24 June, 23</p>
                             <p class="newsPara-two">Quisque suscipit fermentum netus nulla cras porttitor euismod nulla.
                             </p>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
        </div>
     </section>






<?php

get_footer();
