@media (min-width: 450px) and (max-width: 900px) {

  :root{
    --highlight:cubic-bezier(0,-1.04,1,2.02);
    --pop:cubic-bezier(0,-1.04,1,2.02);
  }
  
  html {
    scroll-behavior:smooth; 
    background-color:#ffffff;      
  }
  body{
   overflow-x: hidden;
  }
  
  
  
  
  .header{
    width:100%;
    height:80vh;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 5rem 0rem;
  }
  
  .headerbg{
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius:17px;
    position: relative;
    overflow: hidden;
  }
  
  .blur_himg{
    height: 125%;
    filter:blur(3px);
    position:absolute;
    z-index:0;
  }
  .himg{
    height: 125%;
    opacity: 0;
    transition: opacity 0.4s ease-out;
    z-index:1;
  }
  
  .mkfmheaderlogo{
  filter: invert(100) brightness(2);
  position:absolute;
  z-index:2;
  }
  
  
  
  
  
  
  
  
  .container{
    
  }
  
  .resholder{
    margin:auto;
    width:80%;
  }
  
  
  
  
  
  
  
  
  
  
  
  .leftcard{
    width:80%;
    display:flex;
    justify-content: center;
    align-items: center;
    height:70vh;
  }
    
  .hourscard{
    height:initial!important;
    padding:7rem 0;
  }

  .rightcard{
    width:80%;
    display:flex;
    flex-direction: column;
    justify-content: center;
  }
  
  
  
  
  
  
  
  
  
  #map{
    
    width: 100%;
    height:100%;
  
  }
  
  
  
  
  .main_text{
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    flex-flow: column-reverse;
    gap:3rem;
  }
  
  .text_box{
    font-weight: 400;
    line-height: 1.8rem;
    display:flex;
    flex-direction: column;
    gap: 2.4rem;
  }
  
  
  
  
  .galleries{
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin:7rem 0 3rem;
    flex-flow: column-reverse;
    align-items: center;
  }
  
  
  .hours_box{
    width:350px;
    border-radius: 12px;
    padding:2.5rem;
    margin-top:-1rem;
  }
  
  .hours_box > p{
    font-weight: 400;
    margin-bottom: 1.5rem;
  }
  .hours_box > span{
    display: flex;
    width: 100%;
    font-weight: 400;
    justify-content: space-between;
    margin: 0.4rem 0;
  }
  
  
  
  
  
  .fbframeholderthing{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 5rem;
    background-image: url("./img/wooden-plank-textured-background-material_53876-31378.jpeg");
    border-radius: 17px;
    margin-bottom: 3rem;
    background-size: cover;
  }
  
  
  .widget_holder{
    position: relative;
    z-index: 2;
    width: 500px;
    /*
    filter:drop-shadow(-20px 0px 50px gray);
    */
    overflow:visible;
  }
  
  .fb-page{
    opacity:1;
    border-radius:9px!important;
    overflow: hidden!important;
    box-shadow: 0px 0px 60px #000000b8;
    margin:-2px -2px;
  }
  
  
  






}