/*MEDIA QUERY START MAX 480  -------------------------------- */

@media screen and (max-width: 480px) {

  .page-title-01 h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
}

 
  .list-normal {
    width: 100%;
    margin: 0px 0px 4px 0px;
    padding: 0px;
  }
  .list-normal li {
    font-size: 18px;
    line-height: 55px;

  }

  


/*FOOTER START*/
  
.footer {
  padding: 20px 8%;
}
.footer .footer-in h5 {
  font-size: 20px;
  font-weight: 300;
  line-height: 40px;  
}

.footer .footer-in .quicklink li { 
  padding: 10px;
}

.footer .footer-in .location p {
  line-height: 16px;
  font-size: 16px;
}

.footer-copyrights {
  padding: 5px 0px 20px 0px;
 }



 .homepagelayout {
  width: 100%;
  padding: 16px 4% 20px 4%;
}

 .page-layout { width: 100%; padding: 20px 3% 20px 2%; }
 .pagelayout { width: 100%; padding: 15px 3% 20px 3%; }
 
 .patalu-pagelayout { width: 100%; padding: 15px 3% 30px 3%; }
    
    
    .left-center { text-align: center; }
    .left-right { text-align: right; }
    .right-center { text-align: center; }
    .right-left { text-align: left; }
    .center-left { text-align: left; }
    .center-right { text-align: right; }
    
    
    .tr01 { clear: both; width: 100%; }
.tr01 .td01 { width: 100%; padding: 1%; }
.tr02 { clear: both; width: 100%; display: grid; grid-template-rows: auto; grid-template-columns: 100%; gap:0%; }
.tr02 .td02 { width: 100%;padding: 1%;  }
.tr03 { clear: both; width: 100%; display: grid; grid-template-rows: auto; grid-template-columns: 100%; gap: 0%; padding: 5px 0px 5px  0px;  margin: 5px auto; }
.tr03 .td03 { width: 100%; padding: 1%; }
.tr04 { clear: both; width: 100%; display: grid;  grid-template-rows: auto; grid-template-columns: 100%;  gap: 0%; }
.tr04 .td04 { width: 100%; padding: 1%; }
.tr05 { clear: both; width: 100%; display: grid; grid-template-rows: auto; grid-template-columns: 100%; gap: 0%; }
.tr05 .td05 { width: 100%; padding: 1%; }
.tr06 { clear: both; width: 100%; display: grid; grid-template-rows: auto;     grid-template-columns: 100%;  gap: 0%; }
.tr06 .td06 { width: 98%; padding: 1%; }

    .tr07 { display: grid; grid-template-rows: auto auto; grid-template-columns: 100%; gap: 0%; }
    .tr08 { display: grid; grid-template-rows: auto auto; grid-template-columns: 100%; gap: 0%; }
    .tr09 { display: grid; grid-template-rows: auto auto; grid-template-columns: 100%; gap: 0%; }
    .tr10 { display: grid; grid-template-rows: auto auto; grid-template-columns: 100%; gap: 0%; }
    .tr11 { display: grid; grid-template-rows: auto auto; grid-template-columns: 100%; gap: 0%; }
    .tr12 { display: grid; grid-template-rows: auto auto; grid-template-columns: 100%; gap: 0%; }
    
    /*COLUMNS CODE START ////////////////////////// */


    
    .tr-25-50-25 { display: grid; grid-template-rows: auto auto auto; grid-template-columns: 100%; gap: 0%; }
    .tr-left60 { display: grid; grid-template-rows: auto auto; grid-template-columns: 100%; gap: .5%;}
    .tr-left75 { display: grid; grid-template-rows: auto auto; grid-template-columns: 100%; gap: .5%; }
     
    
    .ads {
      width: 100%;
      margin: 20px 0px;

  }

    
    .page-title-02 {
      padding: 80px 2px 20px 2px;
    }
    .page-title-02 h2 {
      font-size: 26px;
      line-height: 40px;  

    }
    

    .sectiontitle-03 h3 {
      font-size: 26px;
    line-height: 40px;
  }

  .parallax .parallax-in h2 {
    font-size: 32px;
    line-height: 62px;
}
.parallax .parallax-in h2 span {
  font-size: 28px;
  line-height: 50px;
}

 

    
    .footer {
        width: 100%;
        background-color: #0B071A;
        padding: 10px 2%;
        color: #fff;
        text-align: center;
      }
      .footer .footer-in {
        width: 100%;
      }


      
.css-accordion__label {
    font-size: 18px;
    padding: 10px 8px;
    font-weight: 500; 
  }
  
  
  .clear0-10 { clear: both; height: 10px; }
  .clear0-20 { clear: both; height: 20px; }
  .clear0-30 { clear: both; height: 30px; }
  .clear0-40 { clear: both; height: 40px; }
  .clear0-50 { clear: both; height: 50px; }
  .clear0-60 { clear: both; height: 60px; }
  .clear0-70 { clear: both; height: 70px; }
  .clear0-80 { clear: both; height: 80px; }
  .clear0-90 { clear: both; height: 90px; }
  .clear0-100 { clear: both; height: 100px; }
  .clear10-0 { clear: both; height: 0px; }
  .clear20-0 { clear: both; height: 0px; }
  .clear30-0 { clear: both; height: 0px; }
  .clear40-0 { clear: both; height: 0px; }
  .clear50-0 { clear: both; height: 0px; }
  .clear60-0 { clear: both; height: 0px; }
  .clear70-0 { clear: both; height: 0px; }
  .clear80-0 { clear: both; height: 0px; }
  .clear90-0 { clear: both; height: 0px; }
  .clear100-0 { clear: both; height: 0px; }

  .clear60-20 { clear: both; height: 20px; }


  .hide-display {
    display:none ;
  }
  


  .youtube {
    width: 100%;
    height: fit-content;
  }
  .youtube iframe {
    width: 100%;
    min-height: 220px;
  }
  

    }
    /*




    
    
       
    /*MEDIA QUERY ENDMAX 480  END -------------------------------- */
    

    


























    
    
    /*MEDIA QUERY START FROM 481 and MAX 767 START -------------------------------- */
    @media screen and (min-width: 481px) and (max-width: 768px)  {


      .sectiontitle-04 {
        color: #333333;
          margin-top: 0;
          margin-bottom: 0;
          text-align: center;
      }
      .sectiontitle-04 span {
        color: #086AD8;
      }
    
    
      
     
      .sectiontitle-04 h3 {
        display: block;
        font-size: 35px;
        line-height: 70px;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
    }
    
    



      .page-layout { width: 100%; padding: 6px 3%;  }
      .pagelayout { width: 100%; padding: 6px 3%; }
    
      .tr02 { display: grid; grid-template-rows: auto;  grid-template-columns: 50% 50%;  }
      .tr03 { display: grid; grid-template-rows: auto;  grid-template-columns: 33.3% 33.3% 33.3%;  }
      .tr04 { display: grid; grid-template-rows: auto auto; grid-template-columns: 50% 50%;   }
      .tr06 { display: grid; grid-template-rows: auto auto auto; grid-template-columns: 33.3% 33.3% 33.3%; }
      .tr08 { display: grid; grid-template-rows: auto auto auto auto; grid-template-columns: 50% 50%; }
      .tr10 { display: grid; grid-template-rows: auto auto auto auto  auto; grid-template-columns: 50% 50%; }
      .tr12 { display: grid; grid-template-rows: auto auto auto; grid-template-columns: 50% 50%;  }
      .tr-left60 { display: grid; grid-template-rows: auto auto; grid-template-columns: 100%; }  
 
      

.sectiontitle-04 h3 {
  display: block;
  font-size: 30;
  line-height: 60px;
}

        }
    
/*MEDIA QUERY START FROM 481 and MAX 767 END -------------------------------- */
    
    















    

        /*MEDIA QUERY START FROM 769 and MAX 1024 START  -------------------------------- */
@media screen and (min-width: 769) and (max-width: 1024px) {

      .parallax .parallax-in h2 span {
        font-size: 30px;
        line-height: 60px;
      }

      
.sectiontitle-04 {
  color: #333333;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.sectiontitle-04 span {
  color: #086AD8;
}





.sectiontitle-04 h3 {
    
  font-size: 22px;
  line-height: 42px; 
}

      

    }
    /*MEDIA QUERY START FROM 769 and MAX 1024 END  -------------------------------- */







            /*MEDIA QUERY START FROM 1025 and MAX 1200 START  -------------------------------- */
            @media (min-width: 1025px) and (max-width: 1200px) {

              .parallax .parallax-in h2 span {
                font-size: 30px;
                line-height: 60px;
              }
              

              .sectiontitle-04 h3 {
    
                font-size: 26px;
                line-height: 48px; 
            }

        
            }
            /*MEDIA QUERY START FROM 1025 and MAX 1200 END  -------------------------------- */












/*MEDIA QUERY START FROM 1025 and MAX 1200 START  -------------------------------- */
       
@media (min-width: 1201px) {


  
.sectiontitle-04 {
  color: #333333;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.sectiontitle-04 span {
  color: #086AD8;
}




.sectiontitle-04 h3 {
  display: block;
  font-size: 35px;
  line-height: 70px;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}



.parallax .parallax-in h2 span {
                            font-size: 30px;
                            line-height: 60px;
                 }

.tr02 { clear: both; width: 100%; display: grid; grid-template-rows: auto; grid-template-columns: 50% 50%; gap:0%; }
.tr02 .td02 { width: 100%;padding: 1%;  }
                     
 
                    
   }


     
    
    .width100 {
      width: 100%;
    }
  
    
 
    
    
    
 /*MEDIA QUERY START FROM 1201 Large  -------------------------------- */
   


    /* responsive devices
    320px — 480px: Mobile devices.
481px — 768px: iPads, Tablets.
769px — 1024px: Small screens, laptops.
1025px — 1200px: Desktops, large screens.
1201px and more — Extra large screens, TV.
    */