@media(max-width:767px){
    html{
        font-size:1rem !important;
    }
}
    
@media screen and (max-width: 615px){
    html {
        font-size: 0.7rem !important;
    }
    }
    
    @media screen and (max-width: 575px){
        html {
            font-size: 0.6rem !important;
        }
        }
        @media(max-width:767px){
            .home {
                margin-top: 0 !important;
            }
            .menu-wrapper {position: absolute;}
        .search-wrap {
            display: inline-block !important;
        }
        
        header .left-side {
            width: auto;
        }
        
    
        .header-home .event-details {
            display: none;
        }
        
        header.header-home {
            padding-top: 25px;
            padding-bottom: 25px;
            padding-left: 2.5rem;
    padding-right: 2.5rem;
        }
        
        .mobile-home-block {
            padding-left: 2.5rem;
    padding-right: 2.5rem;
        }
        
        .menu-wrapper {
            right: 4.375rem;
        }
    .api-wrap {
        max-width: 780px;
        margin: 0 auto;
        padding-left:4.375rem;
        padding-right:4.375rem;
    }
    
    .api-header {
        padding: 1.25rem 0px;
    }
    .api-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    
    .api-logo img {
        max-width: 68px;
    }
    .api-address-bar {
        padding: 1.25rem 0px 1.438rem;
        border-top: 2px solid #000;
    }
    
    .api-address-bar p {
        font-size: 1.25rem;
        letter-spacing: 1px;
        color: #000000;
        font-weight: bold;
        margin-bottom: 0;
        text-align: center;
    }
    .api-banner-head h2 {
        font-size: 2rem;
    letter-spacing: 2.5px;
    color: #fff;
    padding: 5px 0px;
    background: #d71a20;
    display: inline;
    line-height: 1.8em;
    font-family: 'Roboto Condensed', sans-serif;
    }
    
    .api-banner {
        position: relative;
    }
    
    .api-banner-head {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        
        padding:1.5rem;
    }
    .api-box-inner {
        display: flex;
        flex-wrap: wrap;
        margin-top: 1.875rem;
        margin-left: -10px;
            margin-right: -10px;
        margin-bottom: 0.4375rem;
    }
    
    .api-box-item {
        width: calc(50% - 1.25rem);
        padding:0.9375rem 1.25rem;
        position: relative;
        min-height: 10rem;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        margin-bottom: 1.875rem;
        margin-right:0.625rem;
        margin-left: 0.625rem;
        border-radius: 1.25rem;
        box-shadow: 1px 8px 31px -15px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 8px 31px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 8px 31px -15px rgba(0,0,0,0.75);
    }
    
    .api-box-item h2 {
      
        font-weight: 900;
        line-height: 1.25;
        margin-bottom: 0;
        font-size: 2rem;
    }
    
    .api-box-img {
        position: absolute;
        top: 1.25rem;
        right: 15px;
    }
    .brown{
       color: #c69f4c;
    }
    .white{
       color: #fff;
    }
    .red{color: #b11116;}
    .hotel-show-direction {
        display: flex;
        align-items: center;
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1.2;
        color: #b11116;
        text-transform: uppercase;
        justify-content: center;
        padding: 1.875rem 0px;
        border-top: 2px solid #000;
    }
    
    .direction-api {
        margin-right: 1.1875rem;
    }
    .direction-api img {
        max-width: 2.25rem;
    }
    .addres-api-footer {
        text-align: center;
        background-color: #000;
        padding-top: 0.875rem;
        padding-left: 4.375rem;
        padding-right: 4.375rem;
        padding-bottom: 0.875rem;
    }
    
    .addres-api-footer p, .addres-api-footer h4 {
        color: #fff;
        margin-bottom: 0;
    }
    
    .addres-api-footer h4 {
        font-size: 1.25rem;
        line-height: 1.1;
        font-family: Lato, sans-serif;
    }
    
    .addres-api-footer p {
        font-size: 0.9375rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
    }
    header .event-details {
        display: none;
    }
    header {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: static;
    }
    .api-banner img {
        min-height: 19.813rem;
        border-radius: 25px;
        display: block;
        height: auto;
        object-fit: cover;
    }
    .api-banner {
        position: relative;
        border-radius: 25px;
        overflow: hidden;
    }
    
    .hotel-show-direction a {
        display: flex;
        
        align-items: center;
        font-size: 1.25rem;
        color: #4bc1df;
    }
    .api-banner-head h2 {
        font-size: 2rem;
        font-weight: 900;
        background: transparent;
        font-family: "Montserrat";
    }
    }
   
    @media only screen and (max-width: 767px) {
        .desktop-home-footer {
            display:none;
        }
        .desktop-home-template {
            display:none;
        }
        section.sponsors.partners, .promotion {
            display: none;
        }
        .center-side {
            display: none;
        }
        .search-form-header {
            z-index: 999 !important;
        }
    }
    @media(min-width:768px){
        .mobile-home-template{
            display:none;
        }
    }
    .api-box-img img {
        max-width: 4.563rem;
        max-height: 3.125rem;
    }
    @media (max-width: 365px){
    .api-box-item h2 {
        font-size: 1.6rem;
    }}