﻿@media only screen and (min-width:991px) and (max-width:1199px) {
    .email-cont > h5, .email-cont > p {
        display: none
    }

    .email_span {
        font-size: 13px
    }

    .logo {
        width: 230px
    }

    .enquery-cont {
        margin-right: 30px
    }

    .icon-cont {
        padding: 0
    }
}

@media only screen and (min-width:769px) and (max-width:990px) {
    .bc_div h1 {
        font-size: 40px
    }

    .mr-20 {
        margin-right: 0
    }

    .ml-40 {
        margin-left: 0
    }

    #main-menu > ul > li ul::before {
        display: none
    }

    .bc_div {
        top: 60px
    }

    #inner_sli_div {
        height: 220px
    }

    .bc_div ul {
        padding: 1px 14px 4px;
        margin: -25px auto
    }

    .bc_div svg {
        font-size: 12px
    }

    .bc_div a {
        font-size: 15px;
        letter-spacing: .5px
    }

    h6.title {
        font-size: 16px
    }

    h2.sub_title {
        font-size: 28px
    }

    .abt_div p {
        font-size: 16px
    }

    .button {
        width: 130px;
        font-size: 16px;
        padding: 10px
    }

    .ssm > .fac_cnt {
        margin-top: -200px
    }

    .fac_div .mt-100 {
        margin-top: 0 !important;
        margin-bottom: 30px
    }

    .email-cont > h5, .email-cont > p {
        display: none !important
    }

    .logo {
        width: 230px
    }

    .enquery-cont {
        margin-right: 30px
    }

    .icon-cont {
        padding: 0
    }

    .MobileMenubar {
        display: inline-block;
        padding: 10px;
        background-color: #111c58 !important;
        border-color: #111c58 !important;
    }

    .closebtn {
        display: inline-block
    }

    .Navbartoggle > img {
        width: 30px
    }

    .closebtn {
        position: fixed;
        right: 0;
        z-index: 999;
        height: 100%;
        width: 0;
        top: 0;
        display: inline-block;
        padding: 0;
        background-color: #202020f7
    }

    .navbar_header {
        width: 0;
        right: -100%;
        position: fixed;
        left: auto;
        height: 100%;
        overflow: auto;
        background-color: #2e1c65;
        top: 0;
        bottom: 0;
        z-index: 999
    }

        .navbar_header > ul {
            padding: 5px;
            list-style: none;
            margin: 0;
            width: 100%;
            height: auto;
            display: inline-block;
            position: relative;
            background-color: #2e1c65
        }

    #main-menu > ul > li ul > li > a {
        color: #444;
        padding: 8px 0 8px 24px;
        border-bottom: 1px solid #00000017
    }

    #main-menu > ul > li ul > li:last-child > a {
        border-bottom: none
    }

    .closebtn > img {
        margin: 10px
    }

    .navbar_header > ul > li ul > li a::before {
        content: '';
        position: absolute;
        top: 22px;
        left: 5px;
        width: 12px;
        height: 2px;
        background: #444
    }

    .navbar_header > ul > li {
        position: relative;
        float: left;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    #main-menu > ul > li > a {
        padding-left: 12px;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        white-space: nowrap;
        letter-spacing: .5px
    }

    #main-menu > ul {
        padding: 4px 0 4px 6px
    }

    .menu-fluid {
        padding: 0
    }

    .navbar_header > ul > li ul {
        width: 100% !important;
        display: block;
        border-radius: 4px 0 4px 4px;
        background: #fff !important;
        opacity: 1 !important;
        top: 0 !important;
        visibility: visible !important;
        margin-top: 10px;
        position: relative !important;
        transform: translateY(0) !important;
        z-index: auto !important
    }

        .navbar_header > ul > li ul > li a {
            color: #2e1c65
        }
}

@media only screen and (max-width: 991px) {
    .inp_fld label > span {
        padding: 10px 10px 10px 30px;
    }

    .rig_div_icn {
        display: none;
    }
}

@media only screen and (min-width:569px) and (max-width:768px) {
    #main-menu > ul > li ul::before {
        display: none
    }

    .bc_div h1 {
        font-size: 35px
    }

    .bc_div {
        top: 60px
    }

    #inner_sli_div {
        height: 220px
    }

    .bc_div ul {
        padding: 1px 14px 4px;
        margin: -25px auto
    }

    .bc_div svg {
        font-size: 8px
    }

    .bc_div a {
        font-size: 14px;
        letter-spacing: .5px
    }

    .foo_div .ml-40 {
        margin-left: 0
    }

    .logo-area .col-md-3.col-sm-6 {
        margin: 0 auto
    }

    .ssm > .fac_cnt {
        margin-top: -200px
    }

    .fac_div_cnt p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical
    }

    .top_hea_add {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        line-height: 28px
    }

    .top_hea_soc {
        text-align: center !important
    }

    .top-header ul {
        line-height: 28px
    }

    .logo {
        width: 250px;
        margin: 0 auto
    }

    .email-cont > h5, .email-cont > p {
        display: none !important
    }

    .enquery-cont {
        margin-bottom: -8px;
        margin-top: 16px;
        margin-right: 30px
    }

    .icon-cont {
        padding: 0
    }

    .apply-btn {
        margin-top: 18px
    }

    .fac_div .mt-100 {
        margin-top: 0 !important;
        margin-bottom: 30px
    }

    .men_div_cnt_par {
        width: calc(100% - 10%);
        margin-top: 20px
    }

        .men_div_cnt_par strong::before {
            content: '';
            position: absolute;
            left: 0;
            top: 14px;
            width: 30px;
            height: 2px;
            background-color: #111942
        }

    .abt_div_img {
        width: 100%;
        margin: 0 0 30px 0 !important
    }

        .abt_div_img > img {
            border-radius: 30px !important
        }

    .feed_img {
        margin-top: 50px
    }

    .gal_div_cnt {
        height: 240px
    }

    .gal_div .row {
        padding-right: 0
    }

    .h6.title {
        font-size: 15px
    }

    h2.sub_title {
        font-size: 25px
    }

    .button {
        width: 115px;
        font-size: 14px;
        padding: 10px
    }

    .abt_div p, .fac_cnt_div p, .men_div_cnt_par p {
        font-size: 15px
    }

    .men_div_cnt_par strong {
        font-size: 17px
    }

    .foo_div_tit {
        font-size: 20px
    }

    .foo_div_cnt ul > li > a, .foo_div_cnt ul > li > span {
        font-size: 14px
    }

    .foo_div_tit::after, .foo_div_tit::before {
        height: 3px
    }

    .copy_cnt {
        font-size: 14px;
        letter-spacing: .5px
    }

    .mr-20 {
        margin-right: 0
    }

    .MobileMenubar {
        display: inline-block;
        padding: 10px;
        background-color: #111c58 !important;
        border-color: #111c58 !important;
    }

    .closebtn {
        display: inline-block
    }

    .Navbartoggle > img {
        width: 30px
    }

    .closebtn {
        position: fixed;
        right: 0;
        z-index: 999;
        height: 100%;
        width: 0;
        top: 0;
        display: inline-block;
        padding: 0;
        background-color: #202020f7
    }

    .navbar_header {
        width: 0;
        right: -100%;
        position: fixed;
        left: auto;
        height: 100%;
        overflow: auto;
        background-color: #2e1c65;
        top: 0;
        bottom: 0;
        z-index: 999
    }

        .navbar_header > ul {
            padding: 5px;
            list-style: none;
            margin: 0;
            width: 100%;
            height: auto;
            display: inline-block;
            position: relative;
            background-color: #2e1c65
        }

    #main-menu > ul > li ul > li > a {
        font-size: 14px;
        color: #2e1c65;
        font-weight: 500;
        padding: 8px 0 8px 24px;
        border-bottom: 1px solid #00000017
    }

    #main-menu > ul > li ul > li:last-child > a {
        border-bottom: none
    }

    .closebtn > img {
        margin: 10px
    }

    .navbar_header > ul > li ul > li a::before {
        content: '';
        position: absolute;
        border-bottom: 2px dashed #2e1c65;
        top: 22px;
        left: 6px;
        width: 12px;
        height: 2px
    }

    .navbar_header > ul > li {
        position: relative;
        float: left;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    #main-menu > ul > li > a {
        padding-left: 12px;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        white-space: nowrap;
        letter-spacing: .5px
    }

    #main-menu > ul {
        padding: 4px 0 4px 6px
    }

    .menu-fluid {
        padding: 0
    }

    .navbar_header > ul > li ul {
        width: 100% !important;
        display: block;
        border-radius: 4px 0 4px 4px;
        background: #fff !important;
        opacity: 1 !important;
        top: 0 !important;
        visibility: visible !important;
        margin-top: 10px;
        position: relative !important;
        transform: translateY(0) !important;
        z-index: auto !important
    }

        .navbar_header > ul > li ul > li a {
            color: #2e1c65
        }
}

@media only screen and (min-width:320px) and (max-width:568px) {
    .foo_div .ml-40 {
        margin-left: 0
    }

    .mr-20 {
        margin-right: 0
    }

    #back-top {
        left: 20px;
        right: auto;
        z-index: 999
    }

    .close_btn {
        top: auto;
        z-index: 9999;
        bottom: 50px
    }

    .email_span {
        font-size: 12px
    }

    .news_div {
        text-align: center;
        padding: 5px 0
    }

    #main-menu > ul > li ul::before {
        display: none
    }

    .bc_div h1 {
        font-size: 26px
    }

    .bc_div {
        top: 20px
    }

    #inner_sli_div {
        height: 150px
    }

    .bc_div ul {
        padding: 1px 14px 4px;
        margin: -34px auto
    }

    .bc_div svg {
        font-size: 8px
    }

    .bc_div a {
        font-size: 12px;
        letter-spacing: .5px
    }

    .top_hea_add {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        line-height: 28px
    }

    .top_hea_soc {
        text-align: center !important
    }

    .top-header ul {
        line-height: 28px
    }

    .logo {
        width: 250px;
        margin: 0 auto
    }

    .email-cont > h5, .email-cont > p {
        display: none !important
    }

    .enquery-cont {
        margin-bottom: -8px;
        margin-top: 12px;
        margin-right: 30px
    }

    .icon-cont {
        padding: 0
    }

    .apply-btn {
        margin-top: 18px;
        margin-left: 0
    }

    .fac_div .mt-100 {
        margin-top: 0 !important;
        margin-bottom: 30px
    }

    .men_div_cnt_par {
        width: calc(100% - 10%);
        margin-top: 20px
    }

        .men_div_cnt_par strong::before {
            content: '';
            position: absolute;
            left: 0;
            top: 14px;
            width: 30px;
            height: 2px;
            background-color: #111942
        }

    .abt_div_img {
        width: 100%;
        margin: 0 0 30px 0 !important
    }

        .abt_div_img > img {
            border-radius: 30px !important
        }

    .feed_img {
        margin-top: 50px
    }

    .gal_div_cnt {
        height: 240px
    }

    .gal_div .row {
        padding-right: 0
    }

    .h6.title {
        font-size: 15px
    }

    h2.sub_title {
        font-size: 25px
    }

    .button {
        width: 115px;
        font-size: 14px;
        padding: 10px
    }

    .abt_div p, .fac_cnt_div p, .men_div_cnt_par p {
        font-size: 15px
    }

    .men_div_cnt_par strong {
        font-size: 17px
    }

    .foo_div_tit {
        font-size: 20px
    }

    .foo_div_cnt ul > li > a, .foo_div_cnt ul > li > span {
        font-size: 14px
    }

    .foo_div_tit::after, .foo_div_tit::before {
        height: 3px
    }

    .copy_cnt {
        font-size: 14px;
        letter-spacing: .5px
    }

    .MobileMenubar {
        display: inline-block;
        padding: 10px;
        background-color: #111c58 !important;
        border-color: #111c58 !important;
    }

    .closebtn {
        display: inline-block
    }

    .Navbartoggle > img {
        width: 30px
    }

    .closebtn {
        position: fixed;
        right: 0;
        z-index: 999;
        height: 100%;
        width: 0;
        top: 0;
        display: inline-block;
        padding: 0;
        background-color: #202020f7
    }

    .navbar_header {
        width: 0;
        right: -100%;
        position: fixed;
        left: auto;
        height: 100%;
        overflow: auto;
        background-color: #2e1c65;
        top: 0;
        bottom: 0;
        z-index: 999
    }

        .navbar_header > ul {
            padding: 5px;
            list-style: none;
            margin: 0;
            width: 100%;
            height: auto;
            display: inline-block;
            position: relative;
            background-color: #2e1c65
        }

    #main-menu > ul > li ul > li > a {
        color: #2e1c65;
        padding: 8px 0 8px 24px;
        border-bottom: 1px solid #00000017;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .5px
    }

    #main-menu > ul > li ul > li:last-child > a {
        border-bottom: none
    }

    .closebtn > img {
        margin: 10px
    }

    .navbar_header > ul > li ul > li a::before {
        content: '';
        position: absolute;
        border-bottom: 2px dashed #2e1c65;
        top: 22px;
        left: 6px;
        width: 12px;
        height: 2px
    }

    .navbar_header > ul > li {
        position: relative;
        float: left;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    #main-menu > ul > li > a {
        padding-left: 12px;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        white-space: nowrap;
        letter-spacing: .5px
    }

    #main-menu > ul {
        padding: 4px 0 4px 6px
    }

    .menu-fluid {
        padding: 0
    }

    .navbar_header > ul > li ul {
        width: 100% !important;
        display: block;
        border-radius: 4px 0 4px 4px;
        background: #fff !important;
        opacity: 1 !important;
        top: 0 !important;
        visibility: visible !important;
        margin-top: 10px;
        position: relative !important;
        transform: translateY(0) !important;
        z-index: auto !important
    }

        .navbar_header > ul > li ul > li a {
            color: #2e1c65
        }
}
