﻿.hamburger-menu {
    display: none;
}

@media only screen and (max-width: 767px) {
    #allincall-chat-box {
        width: 100% !important;
        height: 100% !important;
        bottom: 0 !important;
        right: 0 !important;
    }

    #main_body {
        width: 100% !important;
    }

    #bannerRotator {
        width: 100% !important;
        height: auto !important;
        position: absolute !important;
        top: 0 !important;
    }

    #main_banner {
        width: 100% !important;
        height: auto !important;
        padding-top: 31% !important;
    }

    #bannerRotator ul li img {
        max-width: 100% !important;
        max-height: initial !important;
        height: auto !important;
    }

    #bannerRotator ul li .textdiv_title {
        font-size: 24px !important;
    }

    #bannerNav {
        margin: 33% 0 0 -50px !important;
        left: 50% !important;
    }

    #bannerRotator ul li .textdiv {
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
        margin: 5% 0 0 0 !important;
    }

    #home_page_sections_container {
        margin: 40px 10px 0 !important;
    }

    .home_page_section {
        width: 47% !important;
        margin: 0px 1% !important;
        margin-bottom: 10px !important;
    }

    #main_footer {
        width: 100% !important;
        z-index: auto !important;
    }

    #main_footer_inner_right {
        margin-bottom: 10px !important;
    }

    #main_footer_inner {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #logo {
        background-size: 100% 100% !important;
        width: 175px !important;
        height: 60px !important;
    }

    .hamburger-menu {
        position: absolute !important;
        right: 10px !important;
        top: 10px !important;
        display: block;
        cursor: pointer;
    }

        .hamburger-menu.active {
            background-color: transparent !important;
        }

        .hamburger-menu .bar1, .hamburger-menu .bar2, .hamburger-menu .bar3 {
            width: 30px !important;
            height: 3px !important;
            background-color: #333 !important;
            margin: 5px 0 !important;
            transition: 0.4s !important;
        }

        .hamburger-menu.active .bar1 {
            transform: rotate(-45deg) translate(-4px, 4px);
            -moz-transform: rotate(-45deg) translate(-4px, 4px);
            -webkit-transform: rotate(-45deg) translate(-4px, 4px);
            -o-transform: rotate(-45deg) translate(-4px, 4px);
            -ms-transform: rotate(-45deg) translate(-4px, 4px);
        }

        .hamburger-menu.active .bar2 {
            opacity: 0;
        }

        .hamburger-menu.active .bar3 {
            transform: rotate(45deg) translate(-8px, -8px);
            -moz-transform: rotate(45deg) translate(-8px, -8px);
            -webkit-transform: rotate(45deg) translate(-8px, -8px);
            -o-transform: rotate(45deg) translate(-8px, -8px);
            -ms-transform: rotate(45deg) translate(-8px, -8px);
        }

    #main_menu {
        display: none;
    }

        #main_menu.active {
            /*display: block !important*/;
        }

    .popupdiv .womenaticici, .popupdiv1 .beware {
        width: 96% !important;
        height: auto !important;
        box-sizing: border-box !important;
        margin: auto !important;
    }

        .popupdiv .womenaticici img, .popupdiv1 .beware img {
            width: 100% !important;
            height: auto !important;
        }

    #main_body_contents {
        z-index: initial !important;
    }

}

@media only screen and (max-width: 540px) {
    .home_page_section {
        width: 100% !important;
        margin: 0px 0% !important;
        margin-bottom: 10px !important;
    }

        .home_page_section:last-child {
            margin-bottom: 0px !important;
        }
}

@media only screen and (max-width: 350px) {
    #main_header {
        display: table !important;
        height: auto !important;
    }

    #logo {
        margin: auto !important;
        display: table !important;
        float: none !important;
    }

    #top_right {
        width: 100% !important;
        text-align: center !important;
        margin: 10px 0 !important;
    }
}
