@media (min-width: 1400px) and (max-width: 1599.98px) {}

@media (max-width: 1200px) {
    img {
        max-width: 100%;
        height: auto
    }

    .menu-Bar {
        display: block;
        top: 0px
    }

    .menuWrap.open {
        display: flex;
        left: 0px
    }

    .menuWrap {
        position: fixed;
        left: -210%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #0f4c97;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        transition: all 0.4s ease;
        z-index: 3;
        width: 100vw
    }

    ul.menu li {
        display: block
    }

    ul.menu li a {
        margin-bottom: 10px;
        padding: 0;
        display: block;
        text-align: center;
        margin-bottom: 15px;
        padding-right: 0px;
        margin-right: 0px;
        color: #fff;
        font-size: 15px;
        text-transform: capitalize
    }

    .logo img {
        max-width: 50%
    }

    .container {
        position: relative
    }

    header .main-header ul.menu>li {
        display: block;
        margin: 0px;
        padding: 0
    }

    header .main-header ul.menu>li a {
        color: #fff
    }

    header .main-header ul.menu>li a:before {
        display: none
    }
}

/* ipad pro */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* ipad mini */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* mob view */
@media (max-width: 767px) {}