@media(max-width:767px) {
    .main_header .navbar-brand img {
        width: 67%;
    }

    .navbar-toggler {
        padding: 5px 9px;
        font-size: 1.25rem;
        line-height: 1;
        margin: 11px 0px;
        background-color: transparent;
        border: 1px solid black;
        border-radius: 0.25rem;
    }

    .main_header .navbar-brand {
        padding: 0;
        margin: 0;
        width: 53%;
    }

    .footer .footer_links ul li a {
        word-break: break-all;
    }

    .banner_background {
        padding: 30px 0px;
    }

    .all_total_items {
        width: 100%;
    }

    .images1 {
        display: none;
    }

    .benefit {
        width: 100%;

    }

    .benefit_section_icon {
        width: 18%;
        height: 65px;
        padding: 15px;
    }

    .benefit_section_content {
        width: 82%;
    }

    .benefit_section_content h2 {
        font-size: 17px;
    }

    .esmart_area_map_content {
        height: auto;
    }

    .date {

        margin-top: 5px;
    }

    .benefits {
        padding-bottom: 0;
    }

    .contact_info {
        padding-top: 0;
    }

    .heading1 p {
        width: 100%;
    }

    .copy_right p {
        text-align: center;
        margin-top: 20px;
    }

    .text_center {
        text-align: center;
    }

    .main_header .navbar-nav .nav-link {
        padding: 10px 27px;
    }

    .navbar-collapse {
        margin-bottom: 20px;
    }

    .main_header .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }

    .main_header .navbar-nav.second {

        margin-top: 19px;
    }

    .esmart_area_map h2 {
        text-align: center;
        color: #D0011B;
        position: relative;
        font-weight: 900;
        font-size: 25px;
        line-height: 39px;
        text-transform: uppercase;
        border-bottom: 2px dotted;
    }

    .loginmodal {

        top: 34px;
    }

    .complaint_form .nav-tabs .nav-link {

        padding: 15px 38px;
    }

    .complaint_form .tab-content {

        padding: 25px;
    }

    .page_title h1 {
        font-size: 24px;
        font-weight: 800;
    }
}

@media (min-width:767px) and (max-width:1023px) {
    .main_header .navbar-brand {
        padding: 0;
        display: block;
        margin: 0;
        width: 178px;
    }

    .navbar-toggler {
        padding: 2px 5px;
        margin-right: 17px;
        display: block !important;
        font-size: 1.25rem;
        position: absolute;
        right: 10px;
        top: 1px;
        line-height: 1;
        background-color: transparent;
        border: 1px solid black;
        border-radius: 0.25rem;
    }

    .navbar {
        width: 100%;
        display: unset;
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: column;
    }

    .main_header {
        border-bottom: 2px solid #D0011B;
        padding: 11px 0px;
    }

    .navbar-expand-md .navbar-collapse {
        display: none !important;
    }

    .collapse.show {
        display: block !important;
    }
    .images1{
        display: none;
    }.all_total_items {
        width: 100%;
        margin-left: auto;
       
    display: table;
    }.banner_background {
        
    background-position-x: 44%;
    }.benefit {
        width: 73%;
       
    }
}