@media only screen and (max-width: 1600px) {

#home_flex_alt > span > div {
    width: 50%;
    position: relative;
    padding: 100px !important;
}

}
@media only screen and (max-width: 1440px) {
    
    
    .wrapper{max-width:90%;}
    
    
}


@media only screen and (max-width: 1024px) {
    
    #top_bar{display:none;}
    
    #menu {
        width: 85%;
         position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
    }
    #mobile_menu > img{position: absolute;
bottom: 30px;
left: 50%;
        width:200px;
        display:block;
transform: translateX(-50%);}
    
    #menu > span{display:block; margin-top:40px;}
    #menu > span a{font-size:18px; margin-bottom:20px; display:block;}
 #menu a {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    margin-left: 0;
    margin-bottom: 15px;
     display:block;
}
    
    #menu_open, #menu_close {
        display: block !important;
        position: absolute;
        top: 8px;
        right: 15px;
        width: 50px;
        height: 50px;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    #mobile_menu{width:100%; height:100%; position:fixed; background:#fff; z-index: 99; left:0; top:0;}
    
	.gform_footer.before {
    width: 100%;
    margin-top: 20px !important;
    float: left;
}
    
    
    .latest_passes > span{
           display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px; /* Adjust the gap between grid items as needed */
    }
    .gform-body.gform_body {
    width: 100%;
    display: inline-block;
    float: left;
}
    
    #foot_2 a, .footer_block{width:100%!important; text-align:left!important;}
    
    #prices .wrapper > span > div{padding-bottom:20px;}
    
    #prices .wrapper > span > div p {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 0;
}
    
    #header  #menu{display:none;}
    
    #top_banner > span.text {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0);
    z-index: 2;
    color: #fff;
    width: 100%;
    text-align: center;
}
    
    
    #home_flex_alt > span {
    display: flex;
    align-content: stretch;
    flex-direction: column;
}
    
    #home_flex_alt > span > div.pic{height:260px;order:0!important;}
    #home_flex_alt > span > div {
    width: 50%;
    position: relative;
    padding: 25px 25px 50px 25px!important;
}
    
    #home_flex_alt > span > div {
    width: 100%;
    position: relative;
    padding: 25px;
}
    #home_icons {
    width: 100%;
    float: left;
    padding: 40px 30px 150px 30px;
    background: #efefef;
    position: relative;
    text-align: center;
}
    
    #top_banner .text > span a:first-child, #top_banner .text > span a:last-child{width:100%;}
    
    
        #top_banner > span.text {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0);
        z-index: 2;
        color: #fff;
        width: 100%;
        text-align: center;
        float: left;
        padding: 80px 25px;
    }
    
    #top_banner p {
    font-size: 20px;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.6);
}
    
    #top_banner h1 {
    font-size: 45px;
    font-weight: 600;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.6);
}
    
    
    #opening {

    padding: 0 25px 50px 25px;
}
    
    #opening .wrapper {
    text-align: center;
    max-width: 900px;
    margin-top: -50px;
}
    #home_icons .wrapper > span {
    width: 100%;
    float: left;


    grid-gap: 30px;
    display: grid;
    grid-template-columns: 1fr;
}
    
}