/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
    
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (max-width: 768px) {
    .profile img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        padding: 10px;
        border: 2px solid #1c145fb8;
        background: transparent;
        object-fit: cover;
    }
    .presedent-with-contact-form .presedent-bg .text {
      padding-top: 80px;
      padding-bottom: 0;
      padding-left: 0;
  }
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    .lang {
      align-items: center;
    }
    .contact-info,
    .nav-sub-menu {
      float: left !important;
    }
    .hero-wrapper ,
    .welcome-wrapper {
      width: 100%;
    }
    .footer-item img {
      width: 135px !important;
    }
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    #hero {
      height: 200px !important;
    }
    #hero .carousel-item {
      height: 200px !important;
      background-size: cover !important;
      background-position: center;
    }
    .hero-welcome-container {
      flex-direction: column;
    }
    .owl-carousel img {
      height: auto !important;
    }
    .nav-sub-menu ul li {
      margin-left: 0;
      margin-right: 10px;
    }
    .contact-info {
      text-align: center;
      width: 100%;
      /* display: none; */
    }
    .nav-sub-menu {
      margin: auto;
    }
    .lang {
      margin-bottom: 15px;
    }
    #topbar .contact-info .icofont-phone {
        padding-left: 10px;
    }
    .hero-wrapper,
    .welcome-wrapper {
      width: 100% !important;
      float: inherit;
    }
    .welcome-wrapper {
      padding: 0px;
    }
    #hero h2 {
      font-size: 16px;
      margin: 0;
    }
    #hero p {
      font-size: 14px;
    }
    #hero .carousel-content{
      /* height: unset;  */
      padding-left: 50px;
      padding-right: 50px;
    }
    #hero .carousel-control-next-icon, #hero .carousel-control-prev-icon{
      font-size: 30px;
    }
    .custom-about-us{
      padding: 15px;
      font-size: 16px !important;
      text-align: left;
      padding-bottom: 20px;
      padding-top: 20px;
    }
    .section-heading.title {
        font-size: 18px;
    }
    .btn-grad{
      font-size: 12px;
      padding: 5px 10px;
    }
    .section-title h2 {
      font-size: 20px;
    }
    .committee .media img {
        width: 100%;
    }
    .featured {
        padding: 5px;
    }
    .text-ticker {
      height: 25px;
    }
    .text-ticker .image {
      height: 25px;
      line-height: 25px;
    }
    .text-ticker .image:after {
      border-left: 12px solid white;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .text-ticker .image:before {
      right: -12px;
      border-left: 12px solid #f122a8;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }
    .text-ticker marquee a {
      line-height: 25px;
    }

    .footer-item img {
      margin-top: 0px;
      padding-top: 0px !important;
      width: 150px !important;
    }
    .footer-top {
      padding: 30px 0 !important;
    }
    #pride-slide .owl-item, #committee-slide .owl-item {
      margin: 15px 0px;
    }
    .img-fluid-80 {
      width: 70% !important;
      margin: auto;
    }
    .attorney-details {
      padding: 0 !important;
      margin: 0 !important;
    }
    .btn-squared-green {
      width: 40px;
      height: 40px;
      font-size: 20px;
      position: absolute;
      right: 15px;
      bottom: 25px;
    }
    .committee-member-name {
      font-size: 17px;
    }
    .committee-member-designation {
      font-size: 15px;
    }
  }

  @media(max-width: 991px){
    #myCarousel .carousel-item h4 {
        font-size: 1.3rem;
        line-height: 1.27;
    }
    #myCarousel .carousel-item .mask img {
        aspect-ratio: 16 / 8;
    }
    #myCarousel .carousel-item {
        height: 100%;
        min-height: 450px;
    }
    .carousel-control-next, .carousel-control-prev {
        top: 40%;
    }
    .content-slider{
      padding: 15px;
      /* background:url(images/c-bg.jpeg) center center no-repeat; background-size:cover; */
    }
      #myCarousel .carousel-item p {
        font-size: .95rem;
    }
      #myCarousel .carousel-item a {
        padding: 5px 15px;
        border-radius: 10px 0;
    }
  }