.overflow{overflow: hidden;}


@media (min-width: 1401px) {
  .container { max-width: 1200px;}
}

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
  
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
  
}
 
@media (min-width:1600px) and (max-width: 1800px) { 

   footer::before {
   
      margin: -170px 0 0 0;
    }
 }

 @media (min-width:1200px) and (max-width: 1366px) { 

   footer::before {
      margin: -137px 0 0 0;
    }
    .newsletter-inner{font-size: 25px;padding: 28px;}
    .subscribe-pra p{font-size: 22px;}

    .mani-banner {
      background-position: 44% 0;
    }
    
 }




 @media (min-width:1367px) and (max-width: 1599px) { 

   footer::before {
   
      margin: -145px 0 0 0;
    }
    .inner-footer {
      padding: 175px 0 0 0;
    }
    .inner-footer {
      padding: 175px 0 0 0;
    }
 }

 











 @media (min-width:992px) and (max-width: 1199px) { 

 
 section {
   padding: 45px 0;
 }
 h1{font-size: 40px;}
 h2{font-size: 35px;}
 h3 {
   font-size: 28px;
 }
 .newsletter-inner h3, .newsletter-inner p{margin-bottom: 10px;}
 .about-block p, .subscribe-pra p{font-size: 18px;}
.mani-banner h1{font-size: 32px;}
.mani-banner h4{font-size: 28px;}

.mani-banner{height: 700px;background-position: 62% 0;}
.rail h4{font-size: 28px;}

.services-slider {
   margin: 10px 0 0 0;
 }
 .core-values h2{text-align: left;}

 .values-card-outer {
   margin: 35px 0 0 0;
 }
 .services-card-style1{padding: 30px;}
 .title-card{padding: 22px 25px;margin: -110px auto 0;}
 .about-block{background-size: cover;
   background-position: -162px 0;}

   .newsletter-inner {
      background: var(--secondary-color);
      padding: 25px;
      border-radius: 20px;
      margin: 0;
      position: relative;
      z-index: 9999;
      width: 100%;
      display: block;
      align-items: center;
    }
    
    .subscribe-hed, .subscribe-pra{width: 100%;}

    .inner-footer {
      padding: 42px 10px 0 10px;
    }

    footer{margin: 0;}
    footer::before{display: none;}
    .newsletter-inner{margin:20px 0;}
    .core-values .col{margin-bottom: 10px;}
    .inner-footer{text-align: left;}
    .contact-info-footer{margin-bottom:25px;}
    .contact-info-footer .contant-text{padding: 0 0 0 50px; text-align: left;}
    .contact-info-footer .icon{position: absolute; margin: 0px auto 10px;}
    a.menu-toggle span.line{height: 1px;}

    .contant-text h5{font-size: 17px;}
    .copyright{margin: 35px 0 0 0;}
    .review-card{padding: 20px;}
    .review-pic img{width: 65px !important;}

    .inner-values{text-align: left; margin: 0px auto;}
    .title-card h4{font-size: 20px;}
    .partners-logo{margin: 25px auto 0;}
   }

/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {

   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
   .mobile-menu a.menu-toggle { display:block; z-index:1;  top: -60px; right:10px; background:var(--secondary-color);}
   .mobile-menu ul.menu-list{display:none;}
   .mobile-menu > ul > li > span { display:none;}
   .mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
   .mobile-menu > ul > li > a.active { color: #fff;}
   .header-right { margin-right: 50px;}
   .mobile-menu > ul.menu-list { padding: 10px 0;}
   .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
   .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}

   /* Menu Second Level 21-01-2021 */
   .mobile-menu ul.menu-list > li > ul{padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}
   /* Menu Second Level END 21-01-2021 */

   .mega-drop { padding: 0 15px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a; border-radius: 0px;}
   .mobile-menu ul > li > a { font-weight: 400;}
   .drop-links > li > a { font-size: 14px;}
   .drop-links li a:before { position: static; display: inline-block; margin-right: 20px;}







   section {
      padding: 45px 0;
    }
    h1{font-size: 40px;}
    h2{font-size: 35px;}
    h3 {
      font-size: 28px;
    }
    .newsletter-inner h3, .newsletter-inner p{margin-bottom: 10px;}
    .about-block p, .subscribe-pra p{font-size: 18px;}
   .mani-banner h1{font-size: 32px;}
   .mani-banner h4{font-size: 28px;}

   .mani-banner{height: 700px;background-position: 62% 0;}
   .rail h4{font-size: 28px;}

   .services-slider {
      margin: 10px 0 0 0;
    }
    .core-values h2{text-align: left;}

    .values-card-outer {
      margin: 35px 0 0 0;
    }
    .services-card-style1{padding: 30px;}
    .title-card{padding: 22px 25px;margin: -110px auto 0;}
    .about-block{background-size: cover;
      background-position: -162px 0;}

      .newsletter-inner {
         background: var(--secondary-color);
         padding: 25px;
         border-radius: 20px;
         margin: 0;
         position: relative;
         z-index: 9999;
         width: 100%;
         display: block;
         align-items: center;
       }
       
       .subscribe-hed, .subscribe-pra{width: 100%;}

       .inner-footer {
         padding: 42px 10px 0 10px;
       }

       footer{margin: 0;}
       footer::before{display: none;}
       .newsletter-inner{margin:20px 0;}
       .core-values .col{margin-bottom: 10px;}
       .inner-footer{text-align: left;}
       .contact-info-footer{margin-bottom:25px;}
       .contact-info-footer .contant-text{padding: 0 0 0 50px; text-align: left;}
       .contact-info-footer .icon{position: absolute; margin: 0px auto 10px;}
       a.menu-toggle span.line{height: 1px;}

       .contant-text h5{font-size: 17px;}
       .copyright{margin: 35px 0 0 0;}
       .review-card{padding: 20px;}
       .review-pic img{width: 65px !important;}

       .inner-values{text-align: left; margin: 0px auto;}
       .title-card h4{font-size: 20px;}
       .partners-logo{margin: 25px auto 0;}



       .about-banner img.side-img {
        right: 0;
        position: relative;
      }



 }
 


 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   section {
      padding: 45px 0;
    }
    h3 {
      font-size: 28px;
    }


    .card-style2 .inner-card ul li{font-size: 20px; margin-top: 10px; background: url(../img/arrow-right.svg), rgb(52,70,6);
      background: linear-gradient(270deg, rgba(52, 70, 6, 0.726) 0%, rgba(52,70,6,1) 100%);-webkit-border-top-left-radius: 15px;
      -webkit-border-radius: 15px;

 }

 .card-style3 .inner-card ul li{font-size: 20px; margin-top: 10px; background: rgb(1,111,92);
  background: linear-gradient(270deg, rgba(1, 111, 93, 0.815) 0%, rgba(1,111,92,1) 100%);
  -webkit-border-top-left-radius: 15px;
  -webkit-border-radius: 15px;

}

.card-style4 .inner-card ul li{background: rgb(3,68,82);
  background: linear-gradient(270deg, rgba(3, 68, 82, 0.774) 0%, rgba(3,68,82,1) 100%);
  -webkit-border-top-left-radius: 15px;
  -webkit-border-radius: 15px;
} 



    .card-style2 .inner-card h3{font-size: 35px;}
    .card-style2 .inner-card ul li{font-size: 16px;}
    .inner-service{padding: 120px 0 20px;}
    .newsletter-inner h3, .newsletter-inner p{margin-bottom: 10px;}
    .about-block p, .subscribe-pra p{font-size: 18px;}
   .mani-banner h1{font-size: 28px;}
   .mani-banner h4{font-size: 20px;}

   .mani-banner{height: 700px;background-position: 62% 0;}
   .rail h4{font-size: 28px;}

   .services-slider {
      margin: 10px 0 0 0;
    }
    .core-values h2{text-align: center; line-height: normal;}

    .values-card-outer {
      margin: 35px 0 0 0;
    }
    .services-card-style1{padding: 30px;}
    .title-card{padding: 22px 25px;margin: -110px auto 0;}
    .about-block{background-size: cover;
      background-position: -162px 0;}

      .newsletter-inner {
         background: var(--secondary-color);
         padding: 25px;
         border-radius: 20px;
         margin: 0;
         position: relative;
         z-index: 9999;
         width: 100%;
         display: block;
         align-items: center;
       }
       
       .subscribe-hed, .subscribe-pra{width: 100%;}

       .inner-footer {
         padding: 42px 10px 0 10px;
       }

       footer{margin: 0;}
       footer::before{display: none;}
       .newsletter-inner{margin:20px 0;}
       .core-values .col{margin-bottom: 10px;}
       .inner-footer{text-align: center;}
       .contact-info-footer{margin-bottom:25px;}
       .contact-info-footer .contant-text{padding: 0px;}
       .contact-info-footer .icon{position: relative; margin: 0px auto 10px;}
       a.menu-toggle span.line{height: 1px;}

       .contant-text h5{font-size: 17px; text-align: center;}
       .copyright{margin: 35px 0 0 0;}
       .review-card{padding: 20px;}
       .review-pic img{width: 65px !important;}

       .inner-values{text-align: center; margin: 0px auto;}
       .title-card h4{font-size: 20px;}
       .partners-logo{margin: 25px auto 0;}


       .about-banner img.side-img {
        right: 0;
        position: relative;
      }

      .about-banner h2 {
        color: var(--dark-blue);
        line-height: normal;
      }
      .about-banner{height: auto;}
      .banner-title{width: 100%;}
  .mob-spc-p-1{padding: 0;}
  .card-style2 .inner-card{padding: 25px;}

    .announcement .scorling{padding: 10px 20px;} 
    .announcement h5{font-size: 18px;}
    .announcement .head img {
      width: 30px;
      margin-right: 10px;
    }
    .announcement {
      width: 100%;
    }
       
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {

}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (min-width:320px) and (max-width:480px) { 

}