@media (max-width: 992px) {
    .who_we_work_wrapper .coffee-card img {
    height: 300px !important;
}
   }
   @media (max-width: 767px) {
    .MB-15-imgae .coffee-section img{
        margin-bottom:15px !important;
    }
            .something-for-everyone-wrapper .coffee-section .coffee-card {
    height: 200px;
}
section.who_we_work_wrapper.my-5{
    margin:0px !important;
}
            .something-for-everyone-wrapper .coffee-section .coffee-card img{
    height: 100% !important;
  
}
       .navigation_column,
       .navigation_column .container,
       .navigation_column .col-md-12,
       .navigation_column nav {
           position: inherit !important;
       }

       a.button.hidden-lg.hidden-md.hidden-sm {
           color: #222222;
           font-size: 23px;
       }


       #navbar-collapse {
           margin-top: 8px;
           z-index: 99;
           left: 16px;
       }

       .navigation_column .text-center {
           text-align: left;
       }

       .nav-bar .navbar-nav li a {
           color: #000 !important;
           text-align: left;
       }

       .header .logo img {
           height: 83px;

       }

       .contact-info a {
           color: #fff;
           text-decoration: none;
           display: block;
       }

       .nav-bar .navbar-header {
           display: flex;
           align-items: center;
           justify-content: end;
       }

       .row.navigation_column {
           margin-right: 0;
           padding-left: 15px;
           padding-right: 15px;
       }

       .contact-info a {
           color: #fff;
           text-decoration: none;
           display: block;
           font-size: 13px;
           font-weight: normal;
       }

       .nav-bar {
           background-color: transparent;

       }

       .nav-bar .container {
           width: 100%;
       }

       .navigation_column {
           display: flex;
           align-items: baseline;
       }

       #navbar-collapse {
           position: absolute;
           width: 100%;
           background: #fff;
       }

   

       .coffee-card img {
           height: auto !important;
       }

       .explore_coffee_section .coffee-card img {

           height: auto !important;

       }

       .coffee-card video {
           height: auto !important;
       }

       .header .contact-info {
           display: block;
           text-align: left;
           margin-top: 10px;
           padding-left: 15px;
           padding-right: 15px;
       }

       .nav-bar .navbar-nav {
           text-align: center;
       }

       .header .logo {
           text-align: right;
           display: block;
           margin-bottom: 10px;
       }

       ul.nav.navbar-nav {
           display: block;
       }

       .coffee-card-overlay {
           font-size: 18px;
        white-space: normal;
        width:100px;
       }

       .coffee-card:hover img {
           transform: scale(1.05);
       }

       /* Center text on mobile */

       .footer .col-sm-4 {
           text-align: center !important;
           margin-bottom: 25px;
       }

       .coffee-section .col-md-3:last-child,
       .coffee-section .col-md-6:last-child {
           padding-bottom: 0;
       }
/* 
       .coffee-section .col-md-3,
       .coffee-section .col-md-6 {
           padding-bottom: 30px;
       } */

       .header .contact-info span {
           display: none;
       }
/* 
       .coffee-card {
           min-height: 230px;
       } */

       .navbar-toggle .icon-bar {
           border: 1px solid #FFF !important
       }

       .contact-info h3 {
           margin-bottom: 14px;
               color: #959292;
       }

       .contact-info i {
          font-size: 16px;
        padding-right: 10px;
        float: left;
        margin-bottom: 10px;
       }

       .social-icons i {
           float: none;
           padding: 0;
       }
       .order-3{order:3;align-items: center !important;align-self: center !important;}
       .order-2{order:1;align-items: center !important;align-self: center !important;}
       .order-1{order:2;align-items: center !important;align-self: center !important;}
       .footer-top{gap: 5px}
       .coffee-footer{padding: 10px}
   }

   @media (max-width: 890px) {
       .contact-info p {

           font-size: 12px !important;
           margin-bottom: 10px;

       }
   }
      @media (max-width: 575px) {
       .who_we_work_wrapper .orange_image_wrapper .coffee-card {
    height: 100% !important;
    margin: 15px 0px 0px 0px;
}
 .who_we_work_wrapper .orange_image_wrapper .coffee-card img{
    height:100% !important;
}
   }