@media (max-width: 450px) {


    :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:100vh;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding: 0;
      }
      
      .headerbg{
        width:100%;
        height:100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        overflow: hidden;
      }
      
      .blur_himg{
        filter:blur(3px);
        position:absolute;
        z-index:0;
        height: 100%;
        object-fit: cover;
      }
      .himg{
        opacity: 0;
        transition: opacity 0.4s ease-out;
        z-index:1;
        height: 100%;
        object-fit: cover;
      }
      
      
      .mkfmheaderlogo{
      filter: invert(100) brightness(2);
      position:absolute;
      z-index:2;
      }
      
      
      
      
      
      
      
      
      .container{
        
      }
      
      .resholder{
        margin:auto;
        width:100%;
      }
      
      
      

      .lefty{
        display: none!important;
      }

      .righty{
        display: none!important;
      }
      
      
      
      
      
      
      
      .leftcard{
        width:100%;
        display:flex;
        justify-content: center;
        align-items: center;
        height:95vh;
        }

        .hourscard{
            height:initial!important;
        }
        
        .rightcard{
        width:80%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        }
      
        .gall{
          width:100%!important;
        }
      
        .slidercontainer{
          border-radius:0px!important;
        }
        .sliderlining{
          border-radius:0px!important;
        }
      
      
      
      
      
      
      #map{
        
        width: 100%;
        height:100%;
      
      }
      
      
      
      
      .main_text{
        display: flex;
        width: 100%;
        justify-content: space-around;
        align-items: center;
        flex-flow: column-reverse;
        gap:3rem;
        margin-top: 4rem;
      }
      
      .text_box{
        font-weight: 400;
        line-height: 1.8rem;
        display:flex;
        flex-direction: column;
        gap: 2.4rem;
        margin-bottom: 1rem;
      }
      
      
      
      
      .galleries{
        display: flex;
        width: 100%;
        justify-content: space-around;
        margin: 5rem 0 1rem;
        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 4rem;
        background-image: url("./img/wooden-plank-textured-background-material_53876-31378.jpeg");
        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;
      }
      
      
      
    







}