@media (min-width: 992px) and (max-width: 1399px) {

}



@media (min-width: 992px) {
    /**** start ****/

    /* start hero */

    #hero {
        background-attachment: fixed;
    }

    #hero.index>div:first-child {
        margin-top: 20vh;
    }
    
    #hero.index>div:nth-child(2) {
        margin-bottom: 13vh;
    }

    /* koniec hero */

    /* start slider */

    #slider {
        margin-top: -4vh;
        background-image: linear-gradient(#00000000 0%, #00000000 4vh, #000000FF 4vh , #000000FF 100%);
    }
    
    .slide:nth-child(even) {
        transform: translateY(-8vh);
    }

    .slide:nth-child(odd) {
        transform: translateY(-4vh);
    }

    .slider-container {
        padding-top: 10vh;
    }

    /* koniec slider */

    /* start about-us */

    #about-us {
        padding-top: 4vh !important;
    }

    /* koniec about-us */

    /* start our-services */

    #our-services>div {
        padding: 3rem 0 !important;
    }

    #our-services-header {
        position: absolute;
        top: 50vh;
        left: 0;
        z-index: -2;
        height: 100%;
        width: 100%;
    }

    #our-services-header>div {
        position: sticky;
        top: 50vh;
        transform: translateY(-50%);
    }

    #our-services-header .square {
        display: none;
    }

    /* koniec our-services */

    /* start team */

    .team-member {
        padding: 5rem 0 4rem 0;
    }

    #team-photo img {
        -webkit-mask-image: linear-gradient(to right,
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%);
        mask-image: linear-gradient(to right,
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    /* koniec team */

    /* start qa */

    /* koniec qa */

    /**** koniec index ****/

    /**** start works ****/

    /* start hero.works */

    #hero.works {
        height: 75vh;
        background-position: center center;
    }

    #hero.works>div:first-child {
        margin-top: auto;
        margin-bottom: 2rem;
    }

    /**** koniec works ****/
}