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


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


@media only screen and (max-width : 1600px) {
    .banner-txt {
        position: absolute;
        bottom: 315px;
        right: 0;
        left: 0px;
        z-index: 10;
        color: white;
        font-family: Work Sans;
    }

}


@media only screen and (max-width : 1366px) {
    .banner-txt {
        position: absolute;
        bottom: 230px;
        right: 0;
        left: 0px;
        z-index: 10;
        color: white;
        font-family: Work Sans;
    }
}

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

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


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


@media only screen and (max-width : 414px) {
    .img-logo {
        width: 64%;
        margin-top: 16px;
    }
    nav.main-navigation ul.nav-list {
        /* margin-top: 10px; */
        font-size: 8px;
        margin: 11px -2px 0px -290px;
        padding: 0;
        list-style: none;
        position: relative;
        text-align: right;
    }
    .nav-list li.nav-list-item {
        display: inline-block;
        line-height: 40px;
        margin-left: -15px;
        margin-top: -16px;
    }
    a.navbar-brand {
        float: left;
        /* height: 50px; */
        /* padding: 15px 15px; */
        font-size: 18px;
        /* line-height: 20px; */
        text-decoration: none;
        /* color: orangered; */
        font-family: cursive;
        font-weight: 700;
    }
    .vl {
        border-left: 4px solid #E2362D;
        height: 356px;
        margin-top: 54%;
        display: none;
    }
}

@media only screen and (max-width : 375px) {
    .img-logo {
        width: 35%;
    }
    nav.main-navigation ul.nav-list {
        /* margin-top: 10px; */
        font-size: 8px;
        margin: 11px -2px 0px -290px;
        padding: 0;
        list-style: none;
        position: relative;
        text-align: right;
    }
    .nav-list li.nav-list-item {
        display: inline-block;
        line-height: 40px;
        margin-left: -15px;
        margin-top: -16px;
    }
    a.navbar-brand {
        float: left;
        /* height: 50px; */
        /* padding: 15px 15px; */
        font-size: 18px;
        /* line-height: 20px; */
        text-decoration: none;
        /* color: orangered; */
        font-family: cursive;
        font-weight: 700;
    }
    .vl {
        border-left: 4px solid #E2362D;
        height: 356px;
        margin-top: 54%;
        display: none;
    }
}

@media only screen and (max-width : 360px) {
    .img-logo {
        width: 35%;
    }
    nav.main-navigation ul.nav-list {
        /* margin-top: 10px; */
        font-size: 8px;
        margin: 11px -2px 0px -290px;
        padding: 0;
        list-style: none;
        position: relative;
        text-align: right;
    }
    .nav-list li.nav-list-item {
        display: inline-block;
        line-height: 40px;
        margin-left: -15px;
        margin-top: -16px;
    }
    a.navbar-brand {
        float: left;
        /* height: 50px; */
        /* padding: 15px 15px; */
        font-size: 18px;
        /* line-height: 20px; */
        text-decoration: none;
        /* color: orangered; */
        font-family: cursive;
        font-weight: 700;
    }
    .vl {
        border-left: 4px solid #E2362D;
        height: 356px;
        margin-top: 54%;
        display: none;
    }
}