/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}

/* "lg" Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    nav .navbar .links li a {
        padding: 10px 2px;
    }
    .main-logo {
      width: 20%;
  }

.login-btn ul {
  margin-left: 0px;
}
}

/* "md" Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    nav .navbar{
        max-width: 100%;
        padding: 0 25px;
      }
    
      nav .navbar .logo a{
        font-size: 27px;
      }
      nav .navbar .links li{
        white-space: nowrap;
        padding: 0px;
      }
      nav .navbar .links li a{
        font-size: 15px;
      }
    .navbar .bx-menu{
      display: block;
    }
    nav .navbar .nav-links {
        position: fixed;
        top: 0;
        left: -100%;
        display: block;
        max-width: 270px;
        width: 100%;
        background: #00A750;
        line-height: 40px;
        padding: 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        transition: all 0.5s ease;
        z-index: 1000;
        height: 100vh;
        overflow: auto;
    }
    .navbar .nav-links .sidebar-logo{
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .sidebar-logo .logo-name{
      font-size: 25px;
      color: #fff;
    }
      .sidebar-logo  i,
      .navbar .bx-menu{
        font-size: 25px;
        color: #fff;
      }
    nav .navbar .links{
      display: block;
      margin-top: 20px;
      padding: 0px;
    }
    nav .navbar .links li .arrow{
      line-height: 40px;
    }
  nav .navbar .links li{
      display: block;
    }
  nav .navbar .links li .sub-menu{
    position: relative;
    top: 0;
    box-shadow: none;
    display: none;
  }
  nav .navbar .links li .sub-menu li{
    border-bottom: none;
  
  }
  .navbar .links li .sub-menu .more-sub-menu{
    display: none;
    position: relative;
    left: 0;
  }
  .navbar .links li .sub-menu .more-sub-menu li{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* .links li:hover .htmlcss-arrow,
  .links li:hover .js-arrow,
  .links li:hover .sectors-arrow,
  .links li:hover .arrow-5,
  .links li:hover .arrow-6{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  } */
    .navbar .links li .sub-menu .more-sub-menu{
      display: none;
    }
    .navbar .links li .sub-menu .more span{
      /* background: red; */
      display: flex;
      align-items: center;
      /* justify-content: space-between; */
    }
  
    .links li .sub-menu .more:hover .more-sub-menu{
      display: none;
    }
    nav .navbar .links li:hover .htmlCss-sub-menu,
    nav .navbar .links li:hover .js-sub-menu,
    nav .navbar .links li:hover .sub-menu-4,
    nav .navbar .links li:hover .sub-menu-5,
    nav .navbar .links li:hover .sub-menu-6
    {
      display: none;
    }
    .navbar .nav-links.show1 .links .htmlCss-sub-menu,
    .navbar .nav-links.show3 .links .js-sub-menu,
    .navbar .nav-links.show2 .links .more .more-sub-menu,
    .navbar .nav-links.show4 .links .sub-menu-4,
    .navbar .nav-links.show5 .links .sub-menu-5,
    .navbar .nav-links.show6 .links .sub-menu-6{
        display: block;
      }
      
    /* .navbar .nav-links.show1 .links .sub-menu{
        display: block;
      } */

      .navbar .nav-links.show1 .links .htmlcss-arrow,
      .navbar .nav-links.show3 .links .js-arrow,
      .navbar .nav-links.show4 .links .sectors-arrow,
      .navbar .nav-links.show5 .links .arrow-5,
      .navbar .nav-links.show6 .links .arrow-6{
          transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
  }
      /* .navbar .nav-links.show2 .links .more-arrow{
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
  } */
  nav .navbar .links li a {
    font-size: 13px;
    display: block;
    padding: 5px 10px;
    }

    .main-logo {
        padding-right: 20px;
    }
    .subscribe-part {
        text-align: left;
        padding-top: 30px;
    }

    .form-title {
        padding: 0px;
    }

    .form-title h4 {
        font-size: 20px;
    }

    .message-form input,
    .message-form textarea {
        padding: 6px;
    }

    .message-form button {
        padding: 8px 0px;
    }

    .bimstic-map iframe {
        height: 400px;
    }

    .slider-container .slider-img {
        height: 350px;
    }

    .slide-text {
        padding: 2px 20px;
    }
    .header-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 0;
    }
    .header-search-area {
      width: auto;
      position: relative;
  }
    .main-logo {
        display: none;
    }
    nav .navbar .links li .sub-menu{
        width: 100%;
    }
    .meeting-details-title h2 {
      font-size: 30px;
  }
  .media-archive-item a {
    font-size: 17px;
}
.newsletter-text button {
  padding: 4px 7px;
}
.newsletter-text a {
  font-size: 20px;
  padding: 0px 15px;
  margin-right: 4px;
  height: 35px;
}
.secretary-general-left-menu ul li a, .secretary-general-right-menu ul li a {
  font-size: 17px;
}
.security-title h2 {
  font-size: 24px;
}
}

/* "sm" Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .login-btn ul li a {
        display: inline-block;
    }

    .login-btn {
        text-align: center;
    }
    .login-btn ul {
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 0px;
    }

    .national-single-flag {
        width: 40px;
        height: 28px;
        margin-right: 6px;
    }

    /* start:: slider section */
    .slide-text {
        padding: 0;
    }

    .slider-container .slider-img {
        height: 200px;

    }
    .slider-container .slider-img img {
        height: 200px;
        object-fit: cover;
    }

    .slide-text p {
        font-size: 14px;
    }

    /* start:: meeting section */
    .meeting-card-body {
        height: 400px;
    }

    .meeting-card-date {
        padding: 10px 0px;
    }

    .meeting-card-info p {
        font-size: 14px;
    }

    .meeting-event-title {
        padding-bottom: 20px;
    }

    .meeting-event-title h2 {
        font-size: 24px;
    }

    .meeting-card-body {
        height: 360px;
    }

    .newsletter-section {
        padding: 0px 0px;
    }

    .useful-link-title {
        padding: 6px 33px;
    }

    .useful-link-title h4 {
        margin-bottom: 0px;
    }

    .bimstic-map iframe {
        height: auto;
    }

    /* start:: footer section */
    .footer-area {
        text-align: center;
    }

    .footer-info {
        padding-bottom: 20px;
    }

    .footer-copyright p {
        font-size: 14px;
    }

    .subscribe-part {
        padding-top: 20px;
        text-align: center;
    }

    .subscribe-part button {
        padding: 7px 17px;
    }

    .social-icon-container {
        background: white;
        padding: 20px 0px;
    }

    .footer-copyright p {
        font-size: 14px;
    }

    .social-icon .fa-facebook-f,
    .social-icon .fa-youtube,
    .social-icon .fa-twitter,
    .social-icon .fa-linkedin-in,
    .social-icon .fa-instagram {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .header-wrapper {
      flex-direction: column-reverse;
    }
    .header-search-area input {
      width: auto;
  }
  .slider-btn span {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.megamenu-container{
  width: auto;
}
.megamenu-container .first-contant{
  width: auto;
}
.megamenu-container .second-contant{
  width: auto;
}
.meeting-details-title h2 {
  font-size: 23px;
}
.meeting-details-title h4 {
  font-size: 18px;
}
.meeting-details-title h5 {
  font-size: 18px;
}
.media-archive-item h6 {
  font-size: 16px;
}
.about-bimstec-content p {
  line-height: 24px;
}
.about-bimstec-country-cart {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 20px 10px;
  height: 100%;
}
.about-bimstec-page-title h3, .secretary-general-title h3 {
  padding-bottom: 30px;
  font-size: 22px;
}
.publication-item-text{
  margin-bottom: 20px;
}
.security-blog-item-img img {
  height: auto;
}
.security-section {
  padding: 50px 0px;
}
.security-title h2 {
  font-size: 22px;
}

}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .subscribe-body {
    bottom: 30px;
    right: 10px;
    width: auto;
    height: auto;
    padding: 10px;
    left: 10px;
}
.privacy-policy {
  flex-direction: column;
}
.privacy-policy a {
  display: block;
  padding: 10px ;
}
.footer-left-information-item span {
  font-size: 13px;  
  text-align: left;
}
.meeting-and-event-title h2 {
  font-size: 27px;
}
.meeting-and-event-container {
  padding: 20px 10px;
}
.media-and-event-item h5 a {
  font-size: 15px;
}
.media-and-event-item p span {
  font-size: 16px;
}
.media-and-event-item p {
  font-size: 15px;
}
.meeting-details-title h2 {
  font-size: 18px;
}
.media-archive-item a {
  font-size: 16px;
}
.member-state-flag {
  padding: 10px;
}

}



@media (max-width:370px){
    nav .navbar .nav-links{
    max-width: 100%;
  } 
  }


/* XX-Large devices (larger desktops)
 No media query since the xxl breakpoint has no upper bound on its width */