/* 
  ##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 (min-width: 768px) and (max-width: 1024px) {
    
    
    
  }
  
  /* 
    ##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 (max-width: 768px) {
    #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 {
      display: none;
    }
    .nav-sub-menu {
      margin: auto;
    }
    .lang {
      margin-bottom: 15px;
    }
    #topbar .contact-info .icofont-phone {
        padding-left: 0px;
    }
    .hero-wrapper,
    .welcome-wrapper {
      width: 100% !important;
      float: inherit;
    }
    .welcome-wrapper {
      padding: 0px;
    }
    #hero h2 {
      font-size: 20px;
    }
    .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 red;
      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;
    }
  }