@media screen and (max-width: 1024px) {
    #main-nav-toggle {
        top: 14px;
        left: inherit;
        right: 50px;
        padding-left: 0;
    }

}
    @media screen and (max-width: 780px) {

        h1 {
            font-size: 3rem;
        }

        .page-header .title {
            font-size: 3.5rem;
        }

       
        body .navbar:not(.navbar-transparent) .logo-small {
            height: 32px;
        }

        .grid-filter .d-flex {
            flex-direction: column;
        }

        .grid-filter .filter {
            margin: 0;
            margin-bottom: 15px;
        }

        .dates-prices .k-grid td, .dates-prices .k-grid th {
            padding: 5px;
            font-size: 11px;
            line-height: 16px;
        }


        body .navbar.navbar-transparent .logo-big img {
            max-height: 46px;
        }


        .standard-page .card-collapse .card-header a, .resort-description .card-collapse .card-header a, .activity-description .card-collapse .card-header a, .activity-detail .card-collapse .card-header a {
            font-size: 16px;
            line-height: 22px;
        }
    }

    /*small phones */
    @media screen and (max-width: 568px) {
        body .navbar.navbar-transparent .logo-big img {
            max-height: 36px;
        }

        .page-header .title {
            font-size: 2.5rem;
        }
    }

    @media screen and (min-width: 780px) {

        .sticky {
            position: absolute;
        }

        .carousel-item {
            padding: 20px 100px;
        }

        .col-lg-negative {
            margin-top: -130px;
        }

        .col-xl-negative {
            margin-top: -400px;
        }
    }