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

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

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

@media only screen and (max-width: 1024px) {
    /* Cursor */
    html,
    *:hover {
        cursor: initial;
    }
    a:hover,
    a *:hover,
    .clickable:hover {
        cursor: pointer;
    }
    .cursor {
        display: none;
    }
    .footer-inner-holder.block-33 {
        width: 100%;
    }
    .home-top {
        min-height: initial;
    }
}

@media only screen and (max-width: 1366px) and (orientation:landscape) {
    /* Cursor */
    html,
    *:hover {
        cursor: initial;
    }
    a:hover,
    a *:hover,
    .clickable:hover {
        cursor: pointer;
    }
    .cursor {
        display: none;
    }
}

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

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

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

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

@media only screen and (max-width: 767px) {
    /*NEW*/
    .works-holder .work-row .full-width .feat-project-div-holder {
        width: 100%;
        margin: 0 0 15px;
    }
    .feat-project-div-holder {
        margin: 0 0 15px;
    }
    /**/
    .services-grid-inner {
        background: none !important;
    }
    .services-grid-inner {
        border-bottom: 0;
    }
    .work-row .block-33,
    .work-row .block-50,
    .team-member.block-33,
    .blog-post-holder .block-33 {
        width: 100%;
    }
    .work-row {
        padding: 0;
    }
    .footer-holder .block-50 {
        width: 100%;
    }
    .footer-holder .copyright {
        left: 0;
        padding: 0 20px;
        font-size: 14px;
    }
    .copyright {
        top: 100%;
        bottom: initial;
    }
    .header-info-holder {
        width: 290px;
        margin-right: 0;
    }
    .menu-buttons {
        /* width: 80px; */
        width: 160px;
        height: 100px;
    }
    .home-services .abs-lt {
        position: relative;
    }
    .footer-top-row br {
        display: initial;
    }
    /* Fonts */
    p,
    a,
    div,
    li,
    body,
    button,
    input,
    select,
    optgroup,
    textarea {
        font-size: 16px;
        line-height: 20px;
    }
}

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

@media only screen and (max-width: 600px) {
    #the-video1_html5 {
        margin-top: -15rem;
    }
    .controls {
        top: 50%!important;
    }
    .header-info-holder {
        display: none!important;
    }
    .home-middle {
        padding-top: 40px;
    }
    .home-services {
        padding-bottom: 20px;
    }
    .home-services {
        padding: 50px 0;
    }
}

@media only screen and (max-width: 560px) {
    #the-video1_html5 {
        margin-top: -15rem;
    }
    .box-link strong {
        font-size: 2.2rem;
    }
    .controls {
        top: 50%!important;
    }
    .home-top {
        min-height: 550px;
    }
    .footer-top-row .fs-32 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 460px) {
    .box-link strong {
        font-size: 2rem;
    }
    .controls {
        top: 50%!important;
    }
    .home-top {
        min-height: 500px;
    }
    #main-header {
        height: 45px;
    }
    .menu-buttons {
        /* width: 65px; */
        width: 120px;
        height: 80px;
    }
    .home-top-intro,
    .home-middle {
        padding-top: 50px;
    }
    .fs-37 {
        font-size: 22px;
    }
}

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

@media only screen and (max-width: 380px) {
    .home-top {
        min-height: 450px;
    }
    .gutter {
        margin: 0 10px;
    }
    .footer-top-row .fs-32 {
        font-size: 20px;
    }
}