@media (min-width: 1401px) {
  .container { max-width: 1200px;}
  .banner-wraper .container { max-width: 85%;}
  .inner-banner .container { max-width: 920px;}
}

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
   .banner-text h1 { font-size: 38px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   body { padding-top: 108px;}
   .main-menu > ul > li { margin-right: 15px;}
   .header-main-block .border-btn { padding: 11px 25px;}
   .logo { width: 200px;}
   .banner-text { max-width: 560px;}
   .banner-text h1 { font-size: 38px;}
   
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   body { padding: 0;}
   h1 { font-size: 34px; line-height: 1.3;}
   h2 { font-size: 30px; line-height: 1.3;}
   h3 { font-size: 24px; line-height: 1.3;}
   section { padding: 50px 0;}

   .header { position: static;}
   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
   .mobile-menu .menu-toggle { display:block; z-index:1;  top: -61px; right:10px;}
   .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;}

   .header { padding: 0;}
   .banner-wraper { padding: 50px 0;}
   .banner { min-height: 400px; height: auto; position: relative; justify-content: end;}
   .banner-item { min-height: 400px; position: relative; justify-content: end;}
   .banner-item::after { content: ''; width: 100%; height: 100%; display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(86, 130, 89, 0.808) 66.81%); position: absolute; left: 0; bottom: 0;}
   .technological-resources { margin-top: 50px;}
   .resources-left p { margin-bottom: 15px;}
   .primary-btn,
   .border-btn { padding: 14px 30px;}

   .header-top-block { display: none;}
   .header-main-block .border-btn { display: none;}
   .our-features-block .services-card-body h3 { font-size: 24px; margin-bottom: 15px;}
   .banner-text h1 { line-height: 1.1; font-size: 30px;}
   .resources-card { margin-left: 10px;}
   .services-card { padding: 30px 20px;}
   .services-card-body .icon { margin-bottom: 15px;}
   .services-card-body h3 { margin-bottom: 15px;}
   .industries-main h3 { font-size: 24px;}
   .home-about-right h2 span { font-size: 24px;}

   .footer-services ul li, .footer-links ul li { margin-bottom: 10px;}
   .about-services-img { text-align: center;}
   .simple-listing ul li { font-size: 14px;}
   
 }
 


 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
  h1 { font-size: 28px !important; line-height: 1.1 !important;}
  h2 { font-size: 24px !important; line-height: 1.1 !important;}
  p { font-size: 14px;}
  section { padding: 35px 0;}

  .banner { display: block; min-height: auto;}
  .banner-wraper { background: #4363ad !important; position: static; padding: 15px 5px;}
  .banner-wraper::before { display: none;}
  .banner-text h1 { font-size: 16px !important; color: #ffffff; line-height: 1.3 !important; font-weight: 600;}
  .services-card { padding: 20px;}
  .services-card-body h3 { margin-bottom: 10px;}
  .industries-main { padding: 25px; margin-top: 0;}
  .industries-main ul li { margin-bottom: 3px; font-size: 14px;}
  .resources-card h4 { font-size: 22px;}
  .resources-card { padding: 20px;}
  .resources-card h3 { font-size: 34px;}
  .footer-services ul li a, .footer-links ul li a { font-size: 14px;}
  .footer-contact ul li { margin-bottom: 15px;}
  .footer-services ul li, .footer-links ul li { margin-bottom: 0;}
  
  .group-companies { margin: 0; padding: 20px;}
  .group-companies h5 { font-size: 20px;}
  .accordian-style1 .accordion-item { font-size: 14px; font-weight: 500; padding: 8px 15px;}
  .commen-listing ul li { font-size: 14px;}
  .contact-map iframe { height: 250px;}
  

}

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


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