/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #events .event-carousel::after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 25%;
        height: 100%;
        z-index: 2;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 53%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 53%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 53%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#00ffffff', GradientType=1);
    }
    
    #events .event-carousel::before {
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        width: 25%;
        height: 100%;
        z-index: 2;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 47%, rgba(255, 255, 255, 0.85) 100%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 47%, rgba(255, 255, 255, 0.85) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 47%, rgba(255, 255, 255, 0.85) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#d9ffffff', GradientType=1);
    }
    #menu-area .dropdown-submenu:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        max-height: 999px;
      }
    
  
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   
}
/* Extra large devices (large desktops, 1300px and up) */
@media (min-width: 1300px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  #contact-us .contact-form .map-area{
    margin-top: 31px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  #contact-us .contact-details .contact-detail-box{
    margin-bottom: 25px;
    height: auto;
  }
  .aboutsection .aboutimg {
    height: 263px !important;
}
  .aboutsection .aboutimg img {
    height: 216px !important;
}
  .aboutsection .aboutimg::before {
    top: 22%;
}
  .speaker-message .speaker-wrap{
    max-width: 100%;
  }
  #menu-area .navbar-brand img {
    width: 77px;
}
#menu-area .nav-item a i.fa {
display: none;
}
.story-area {
margin: 0;
}
#menu-area .nav-item::after {
display: none;
}
#menu-area .dropdown-toggle::before {
position: absolute;
display: block;
top: 25px;
left: -24px;
width: 11px;
height: 1px;
content: "";
border: none;
background-color: #000000;
}
#menu-area .dropdown-toggle::after {
position: absolute;
display: block;
top: 20px;
left: -23px;
width: 1px;
height: 11px;
content: "";
border: none;
background-color: #000000;
transition: all 200ms linear;
}
#menu-area .dropdown-submenu .dropdown-toggle::before {
position: absolute;
display: block;
top: 15px;
left: -15px;
width: 11px;
height: 1px;
content: "";
border: none;
background-color: #ffffff;
}
#menu-area .dropdown-submenu .dropdown-toggle::after {
position: absolute;
display: block;
top: 10px;
left: -14px;
width: 1px;
height: 11px;
content: "";
border: none;
background-color: #ffffff;
transition: all 200ms linear;
}
#menu-area .dropdown-toggle[aria-expanded="true"]::after {
transform: rotate(90deg);
opacity: 0;
}
#menu-area .dropdown-menu {
padding: 0 !important;
background-color: transparent;
box-shadow: none;
transition: all 200ms linear;
max-height: 300px;
overflow: auto;
}
#menu-area .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
margin-top: 10px !important;
margin-bottom: 20px !important;
}
#menu-area .nav-fill .nav-item {
text-align: left;
padding-left: 1.5rem;
}
#menu-area .navbar .nav {
flex-wrap: nowrap;
justify-content: flex-start !important;
flex-direction: column;
max-height: 350px;
overflow: auto;
}
#menu-area .navbar .nav .d-flex {
max-height: 300px;
overflow: auto;
}
#header-area.sticky #menu-area .navbar .navbar-brand img {
transform: scale(1);
top: 0;
}
#header-area.sticky #menu-area .nav-link {
padding: 5px 0 !important;
}
#menu-area .dropdown-menu {
padding: 0 15px !important;
}
#header-area.sticky #menu-area {
background-color: #ffffff;
}
#header-area.sticky #menu-area .navbar {
background-color: #ffffff;
}
#header-area.sticky #menu-area .nav-link {
color: #000000;
}
#menu-area .navbar .navbar-nav {
flex-wrap: nowrap;
justify-content: flex-start !important;
flex-direction: column;
max-height: 350px;
overflow: auto;
}
#menu-area i {
display: none;
}
#menu-area li.nav-item {
margin-bottom: 10px;
}
#menu-area li.nav-item:last-child {
margin-bottom: 0;
}
    .enquiry-image .image{
        margin-bottom: 20px;
    }
    .enquiry-image {
        padding-right: 0;
    }
    .enquiry-warp{
        margin: 0;
    }
    .enquiry-image .image img {
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 10px;
    }
    .enquiry-warp::before{
        display: none;
      }
      .enquiry-image h2{
        display: none;
      }
  #menu-area .nav-item a i.fa {
    display: none;
  }
  #menu-area .navbar-brand img {
    width: 186px;
}
#menu-area .nav-item a i.fa {
display: none;
}
.story-area {
margin: 0;
}
#menu-area .nav-item::after {
display: none;
}
#menu-area .dropdown-toggle::before {
position: absolute;
display: block;
top: 25px;
left: -24px;
width: 11px;
height: 1px;
content: "";
border: none;
background-color: #000000;
}
#menu-area .dropdown-toggle::after {
position: absolute;
display: block;
top: 20px;
left: -23px;
width: 1px;
height: 11px;
content: "";
border: none;
background-color: #000000;
transition: all 200ms linear;
}
#menu-area .dropdown-submenu .dropdown-toggle::before {
position: absolute;
display: block;
top: 15px;
left: -15px;
width: 11px;
height: 1px;
content: "";
border: none;
background-color: #ffffff;
}
#menu-area .dropdown-submenu .dropdown-toggle::after {
position: absolute;
display: block;
top: 10px;
left: -14px;
width: 1px;
height: 11px;
content: "";
border: none;
background-color: #ffffff;
transition: all 200ms linear;
}
#menu-area .dropdown-toggle[aria-expanded="true"]::after {
transform: rotate(90deg);
opacity: 0;
}
#menu-area .dropdown-menu {
padding: 0 !important;
background-color: transparent;
box-shadow: none;
transition: all 200ms linear;
max-height: 300px;
overflow: auto;
}
#menu-area .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
margin-top: 10px !important;
margin-bottom: 20px !important;
}
#menu-area .nav-fill .nav-item {
text-align: left;
padding-left: 1.5rem;
}
#menu-area .navbar .nav {
flex-wrap: nowrap;
justify-content: flex-start !important;
flex-direction: column;
max-height: 350px;
overflow: auto;
}
#menu-area .navbar .nav .d-flex {
max-height: 300px;
overflow: auto;
}
#header-area.sticky #menu-area .navbar .navbar-brand img {
transform: scale(1);
top: 0;
}
#menu-area .nav-link {
  padding: 9px 0 0 !important;
  font-size: 14px;
}
#header-area.sticky #menu-area .nav-link {
padding: 5px 0 !important;
}
#menu-area .dropdown-menu {
padding: 0 15px !important;
}
#header-area.sticky #menu-area {
background-color: #ffffff;
}
#header-area.sticky #menu-area .navbar {
background-color: #ffffff;
}
#header-area.sticky #menu-area .nav-link {
color: #000000;
}
#menu-area .navbar .navbar-nav {
flex-wrap: nowrap;
justify-content: flex-start !important;
flex-direction: column;
max-height: 350px;
overflow: auto;
}
#menu-area i {
display: none;
}
#menu-area li.nav-item {
margin-bottom: 10px;
}
#menu-area li.nav-item:last-child {
margin-bottom: 0;
}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
  .news-updates-list .marquee-inner marquee ul li a {
    font-size: 14px;
}
  .marquee-title span {
    font-size: 13px;
}
  .marquee-title h2 {
    font-size: 14px;
}
  .marquee-title {
    width: 100%;
    flex-direction: column;
    padding: 9px 14px 10px;
}
  .marquee-area .container{
    flex-direction: column;
}
  .accordion .card .card-body p {
    font-size: 14px;
    line-height: 23px;
}
  .accordion .card .card-header {
    font-size: 14px;
}
  .widget-gallery .gallery-btn i {
    font-size: 14px;
}
  #contact-us{
    padding: 40px 0;
  }
  #contact-us .contact-form .form-area h2.section-heading {
    font-size: 16px;
    margin-bottom: 4px;
  }

  #contact-us .contact-form .form-area {
    padding: 24px 17px 33px;
  }

  #contact-us .contact-details .contact-detail-box a,
  #contact-us .contact-details .contact-detail-box p {
    font-size: 14px;
  }

  #contact-us .contact-details .contact-detail-box h4 {
    font-size: 14px;
    margin: 22px 0 15px;
  }

  #contact-us .contact-details .contact-detail-box img {
    max-width: 38px;
  }

  /* #contact-us .contact-details .contact-detail-box {
    height: auto;
  } */
  .mission-area .left-area.right{
    margin-top: 33px;
  }
  .mission-area .left-area .mybox .smalltxt{
    font-size: 14px;
    line-height: 23px;
  }
  .mission-area .left-area h3{
    font-size: 17px;
  }
  .mission-area .left-area{
    padding: 28px 15px 22px 15px;
  }
  .aboutsection .aboutimg {
    margin-bottom: 30px;
}
  .breadcrumbs-area{
    padding: 38px 0;
  }
  .breadcrumbs-area .breadcrumbs-content ul li{
    font-size: 14px;     
}
.breadcrumbs-area .breadcrumbs-content ul li a{
    font-size: 14px;
}
.breadcrumbs-area .breadcrumbs-content h1{
    font-size: 17px;
}
  #footer-area .social-links li i{
    width: 38px;
    height: 38px;
  }
  #footer-area .footer-bottom .copy-right{
    margin-top: 0;
  }
  #footer-area .footer-bottom .copy-right p{
    font-size: 14px;
    line-height: 23px;
  }
  #footer-area .footer-area-inner-content .quick-links li i{
    font-size: 13px;
  }
  #footer-area .footer-area-inner-content .quick-links li a{
    font-size: 14px;
  }
  #footer-area .footer-area-inner-content h4{
    font-size: 17px;
  }
  #footer-area .footer-area-inner-content {
    margin-bottom: 20px;
}
  #footer-area .footer-area-inner-content .logo-area img {
    max-width: 96px;
}
  #footer-area{
    padding-top: 33px;
  }
  .client-name h5{
    font-size: 16px;
  }
  .client-box .client-img{
    margin: 13px 0 0;
  }
  .client-content p{
    font-size: 14px;
    line-height: 24px;
  }
  .client-box .client-content h6{
    font-size: 16px;
  }
  .client-box{
    padding: 15px;
  }
  .blog.blog-new .blog-content .blog-item{
    margin-bottom: 9px;
  }
  .blog.blog-new .blog-content p{
    font-size: 14px;
    line-height: 22px;
  }
  .blog-content .blog-title{
    font-size: 15px;
    margin-bottom: 6px;
  }
  .blog.blog-new .blog-content .blog-item li a{
    font-size: 13px;
  }
  .blog{
    padding: 12px;
  }
  .member-area1 .member-info:hover .over-layer .cstm-btn-2{
    padding: 8px 17px;
  }
  .member-area1 .member-info .over-layer h6{
    font-size: 15px;
  }
  .member-area1 .member-info .over-layer h4{
    font-size: 15px;
  }
  .member-area1 .member-info .pic-area h3{
    font-size: 14px;
    padding: 13px 0;
  }
  .member-area1 .member-info .pic-area img{
    height: 270px;
  }
  .post-card .content .nav-btn a i{
    font-size: 12px;
  }
  .post-card .content .nav-btn a{
    width: 38px;
    height: 38px;
  }
  .post-card .content .desc{
    font-size: 14px;
    line-height: 22px;
  }
  .post-card .content .title{
    font-size: 15px;
    line-height: 23px;
  }
  .speaker-message .speaker-wrap .speaker-info .quote-area .quote-testimonial-content{
    font-size: 14px;
    line-height: 23px;
  }
  .speaker-info .quote-area img.quote-first{
    width: 17px;
    height: 17px;
  }
  .speaker-info .quote-area .heading h3{
    font-size: 18px;
    text-align: center;
  }
  .speaker-info .quote-area{
    width: 100%;
    margin-top: 15px;
  }
  .speaker-info .user-area .position-area p.sec{
    font-size: 13px;
    line-height: 22px;
  }
  .speaker-info .user-area .position-area h3{
    font-size: 16px;
    margin: 14px 0 2px 0;
  }
  .speaker-info .user-area img{
    width: 140px;
    height: 140px;
    margin: 0;
    border-width: 5px 5px 5px 5px;
  }
  .speaker-info .user-area{
    width: 100%;
    text-align: center;
  }
  .speaker-message{
    padding: 30px 5px 30px 5px;
  }
  .speaker-message .speaker-wrap .speaker-info{
    flex-direction: column;
  }
  .enquiry-content p {
    line-height: 23px;
    font-size: 14px;
    margin-top: 6px;
}
  .cstm-btn-2{
    font-size: 11px;
  }
  #menu-area .navbar-brand ul li.title {
    font-size: 1.5rem;
  }
  #menu-area .navbar-brand ul li {
    font-size: 0.675rem;
  }
    .section {
        padding: 30px 0;
    }
    .heading h2 {
        font-size: 18px;
        line-height: 33px;
    }

    .carousel-caption{
      left: 44%;
        padding: 0;
        /* display: none; */
      }
      .carousel-caption h3{
        font-size: 13px;
        margin-bottom: 5px;
      }
      .carousel-caption p{
        font-size: 14px;
        margin-bottom: 4px;
      }
    #banner .carousel-inner .carousel-item img{
        width: 100%;
        height: 152px !important;
        object-fit: cover;
      }
    #menu-area .navbar-brand ul li.title {
        font-size: 1.5rem;
      }
      #menu-area .navbar-brand ul li {
        font-size: 0.675rem;
      }
}
@media (max-width: 576px) {
    .carousel-caption .cstm-btn-2{
      padding: 6px 2px;
    }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
  .widget-gallery .gallery-btn i {
    width: 43px;
    height: 43px;
}
  .widget-gallery .gallery-thumb img {
    height: 180px;
}
  .mission-area .left-area .left-pic img{
    width: 56px;
  }
  .client-name h6{
    font-size: 13px;
  }
  .rating i.filled{
    font-size: 11px;
  }
  .blog.blog-new .blog-content .blog-item li svg{
    width: 12px;
    height: 12px;
  }
  .blog.blog-new .blog-image .date{
    font-size: 12px;
  }
  .swiper-button-next:after{
    font-size: 9px;
  }
  .swiper-button-prev:after{
    font-size: 9px;
  }
  .img-scale-animate img.slider-pic {
    height: 215px !important;
}
  .swiper-button-prev {
    width: 34px;
    height: 34px;
    left: -2%;
}
.swiper-button-next {
  right: 0%;
  width: 34px;
  height: 34px;
}
}
@media(max-width: 320px) {

}