﻿@media(max-width:1200px) {
    .menu-bar ul.navbar-nav > li {
        padding: 3px 12px;
    }
    .queryAuthentication .captcha_width {
        width: 95px;
    }
    .page_title h2 {
        font-weight: bold;
        font-size: 25px;
    }
    .blp_list li {
        width: 100%;
    }
        .content {
        background: var(--content-bg);
        padding: 50px 0px 50px 0px;
    }
    .subscribe {
        margin-top: 0px;
        background-color: var(--subscribe-bg);
    }

    .subscribe_position {
        margin-top: 0px;
    }

    .subscribe-form {
        position: relative;
        padding: 25px;
        top: 0px;
    }

        .subscribe-form h3 {
            display: inline-block;
            font-size: 20px;
            float: right;
            width: 85%;
        }

        .subscribe-form .fa {
            font-size: 26px;
            line-height: 34px;
        }
}
@media(max-width:1024px) {
    .menu-bar ul.navbar-nav > li {
        padding: 3px 12px;
    }
    .subscribe-form h3 {
        display: inline-block;
        font-size: 25px;
        float: right;
        width: 194px;
    }
    .social-media{
        padding:0px;
    }
        /*.social-media a {
            padding: 5px 10px;
        }*/
    .scrollDown {
        font-family: FontAwesome;
    }
    .chart {
        width: 350px;
        height: 325px;
    }
    .logo-bar{
        padding:0px;
    }
    .bee_logo {
        order: 1;
        padding: 10px 10px;
    }
    .gigw_row {
        background: #f2f5e9;
    }
    .gigw_strip {
        line-height: 30px;
        float: left;
    }
    .loginDropdown ul{
        width:100%;
    }
    .btn-track{
        margin-right:15px;
    }
    .language .btn, li.cog-dropdown .btn {
        font-size: 14px !important;
        border: 0px;
        color: #000;
        padding: 0px;
    }
    .queryAuthentication .captcha_width {
        width: 114px;
    }
    
    .top_bar li {
        display: inline-block;
        padding: 0px !important;
        border-right: 1px solid #0000003b;
    }
        .top_bar li > a  {
            padding: 0px 10px !important;
        }
        .top_bar li > .btn {
            padding: 0px 25px 0px 10px !important;
        }
    .menu-bar .dropdown-toggle::after {
        position: absolute;
        top: 22px;
        right: 13px;
    }
    .scrollDown i {
        display:block;
        transform:rotate(90deg);
    }
    .dropdown-toggle::after {
        position: absolute;
        top: 16px;
        right: 5px;
    }
    .humburger-ico {
        position: absolute;
        right: 10px;
        top: 4px;
        z-index: 1024;
        display: block;
    }

        .humburger-ico i {
            font-size: 25px;
            color: var(--black);
        }

            .top_bar .cog-dropdown {
                padding-left: 5px;
                padding-right: 17px;
            }
    .hide-toggle-icon .dropdown-toggle::after {
        display: none;
    }
}

    @media(max-width:992px) {
        ul.navbar-nav {
            width: 100%;
        }
        
        .loginDropdown {
            width: 100%;
        }
        .page_title {
            border-top: 1px solid #ebe3e3;
            margin-top: 5px;
        }
            .page_title h2 {
                font-weight: bold;
                font-size: 20px;
            }
        a.btn_download {
            padding: 10px 12px;
        }
        .starRatingLeft, .starRatingRight {
            width: 100px !important;
        }
        .ticket .title_img {
            display: block;
            margin-right: 10px;
        }
        .menu-bar .login_btn {
            width: 100%;
            text-align: left;
        }
        .news {
            font-size: 16px;
            text-align: center;
        }
        .building-rating h2 {
            font-size: 23px;
            text-align: center;
            color: #000;
            margin-top: 20px;
        }
        .gigw_strip {
            line-height: 30px;
        }

        .btn_download {
            font-size: 14px;
        }

        .card-content {
            height: 108px;
        }
        .general_info h4 {
            font-size: 18px;
        }

        .general_info h5 {
            font-size: 16px;
        }
        

            .humburger-ico i {
                font-size: 25px;
                color: var(--black);
            }

        .more-menu-wrapper li {
            display: block;
        }

        .closemenu {
            position: fixed;
            right: 0px;
            top: 0px;
            background: var(--close-bg);
            color: var(--text-white);
            border: 0;
            text-align: center;
            font-size: 22px;
            line-height: 23px;
            vertical-align: bottom;
            padding: 4px 20px;
            cursor: pointer;
            z-index: 9;
        }
        .loginBox {
            width: 100%;
        }
        .menu-bar {
            width: 85%;
            position: fixed;
            left: 0px;
            top: 0px;
            height: 100%;
            background: var(--menu-bg);
            z-index: 99;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            -webkit-transition: all .35s ease-in-out;
            transition: all .35s ease-in-out;
            overflow-x: scroll;
        }

            .menu-bar.animating {
                -webkit-transform: translate3d(0, 0, 0) !important;
                transform: translate3d(0, 0, 0) !important;
            }
        .content {
            background: var(--content-bg);
            padding: 50px 0px 50px 0px;
        }
        .subscribe {
            margin-top: 0px;
            background-color: var(--subscribe-bg);
        }

        .subscribe_position {
            margin-top: 0px;
        }

        .subscribe-form {
            position: relative;
            padding: 25px;
            top: 0px;
        }

            .subscribe-form h3 {
                display: inline-block;
                font-size: 20px;
                float: right;
                width: 94%;
            }

            .subscribe-form .fa {
                font-size: 26px;
                line-height: 20px;
            }

        footer {
            padding: 50px 0px 0px 0px;
        }
        .menu-bar ul.navbar-nav > li {
            padding: 0px;
        }

            .menu-bar ul.navbar-nav > li:hover {
                background: none !important;
            }

            .menu-bar ul.navbar-nav > li a {
                padding: 10px 15px;
            }

                .menu-bar ul.navbar-nav > li a:hover {
                    background-color: var(--darkBlue);
                }
        .login-panel {
            padding: 50px 0px 55px 0px;
        }

        .login_back {
            display: none;
        }

        .login_form {
            height: 400px;
        }
        .top_bar .web-skip {
            display: block;
        }

        .top_bar .mobile-skip {
            display: none;
        }

        .skip-content {
            font-family: FontAwesome;
        }
    }


    @media(max-width:767px) {
        .content {
            background: var(--content-bg);
            padding: 50px 0px 50px 0px;
        }
        .title_img{
            display:none;
        }
        .chart {
            width: 400px;
            height: 300px;
        }
        .starRatingLeft, .starRatingRight{
            width:75px !important;
        }
        .ticket .title_img {
            display: block;
            margin-right: 10px;
        }
      
        a.btn_download {
            padding: 10px 12px;
           
        }
            .page_title {
            border-top: 1px solid #ebe3e3;
            margin-top: 5px;
            padding: 30px 0px;
        }
            .page_title h2 {
                font-weight: bold;
                font-size: 20px;
            }
        /*.logo-bar .container {
            width: 100%;
            max-width: 100%;
        }*/

       
       

        .top_bar .cog-dropdown {
            padding-left: 5px;
            padding-right: 17px;
        }

        .top_bar .social-media {
            padding-right: 5px;
        }
        .loginBox {
            width: 100%;
        }
        .loginDropdown {
            width: 100%;
        }
        .menu-bar .login_btn {
            width: 100%;
            text-align: left;
        }
        .logo {
            width: 300px;
        }
        .general_info h4 {
            font-size: 18px;
        }

        .general_info h5 {
            font-size: 16px;
        }
        .building-rating h2 {
            font-size: 23px;
            text-align: center;
            color: #000;
            margin-top: 20px;
        }
        
        .bee_logo {
            order: 1;
        }

        .news {
            font-size: 16px;
            text-align: center;
        }

        .gigw_strip {
            line-height: 30px;
            float: left;
        }

        .btn_download {
            font-size: 14px;
        }

        .card-content {
            height: 108px;
        }

       
        .more-menu-wrapper li {
            display: block;
        }

        .closemenu {
            position: fixed;
            right: 24px;
            top: 0px;
            background: var(--close-bg);
            color: var(--text-white);
            border: 0;
            text-align: center;
            font-size: 22px;
            line-height: 23px;
            vertical-align: bottom;
            padding: 4px 20px;
            cursor: pointer;
            z-index: 9;
        }

        .menu-bar {
            width: 85%;
            position: fixed;
            left: 0px;
            top: 0px;
            height: 100%;
            background: var(--menu-bg);
            z-index: 99;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            -webkit-transition: all .35s ease-in-out;
            transition: all .35s ease-in-out;
            overflow-x: scroll;
        }
        ul.navbar-nav {
            width: 100%;
        }
      
        
        .menu-bar .login_btn {
            width: 100%;
            text-align: left;
        }
       .top_bar .dropdown-menu {
            left: auto !important;
            top: 7px !important;
            right: -15px;
        }

        .image_slider .owl-prev, .image_slider .owl-next {
            width: 20px;
            height: 20px;
            top: 34%;
        }
         
            .menu-bar.animating {
                -webkit-transform: translate3d(0, 0, 0) !important;
                transform: translate3d(0, 0, 0) !important;
            }

        .subscribe {
            margin-top: 0px;
            background-color: var(--subscribe-bg);
        }

        .subscribe_position {
            margin-top: 0px;
        }

        .subscribe-form {
            position: relative;
            padding: 25px;
            top: 0px;
        }

            .subscribe-form h3 {
                display: inline-block;
                font-size: 20px;
                float: right;
                width: 93%;
            }

            .subscribe-form .fa {
                font-size: 26px;
                line-height: 20px;
            }
        .session_information ul li {
            width: 45%;
            height: 100px;
        }

        .blp_list li {
            width: 100%;
        }
        .chapter_information ul li {
            display: inline-block;
            width: 47%;
            height: 158px;
        }
        footer {
            padding: 75px 0px 0px 0px;
        }
        .menu-bar ul.navbar-nav > li {
            padding: 0px;
        }

            .menu-bar ul.navbar-nav > li:hover {
                background: none !important;
            }

            .menu-bar ul.navbar-nav > li a {
                padding: 10px 15px;
            }

                .menu-bar ul.navbar-nav > li a:hover {
                    background-color: var(--darkBlue);
                }
        .login-panel {
            padding: 50px 0px 55px 0px;
        }

        .login_back {
            display: none;
        }

        .login_form {
            height: 430px;
        }
        .hide-toggle-icon .dropdown-toggle::after{
            display:none;
        }
        .top_bar .web-skip {
            display: block;
        }

        .top_bar .mobile-skip {
            display: none;
        }

        .skip-content {
            font-family: FontAwesome;
        }
    }


    @media(max-width:480px) {
        .ticket .title_img {
            display: block;
            margin-right:10px;
        }

        .title_img{
            display:none;
        }
        .top_bar li {
            display: inline-block;
            padding: 7px 10px;
        }
        .top_bar .cog-dropdown{
            padding-left:5px;
            padding-right:17px;
        }
        .top_bar .social-media{
            padding-right:5px;
        }
        
        .page_title h2 {
            font-weight: bold;
            font-size: 20px;
        }
        .page_title{
            padding:30px 0px;
        }
        ul.navbar-nav {
            width: 100%;
        }
        .starRatingLeft, .starRatingRight {
            width: 50px !important;
        }
        .chart {
         width:350px;
         height:300px;
         margin-bottom:10px;
        }
         
        .menu-bar .dropdown-toggle::after {
            position: absolute;
            top: 22px;
            right: 25px;
        }
        .loginDropdown  {
            width: 100%;
        }
        .general_info h4{
            font-size:18px;
        }
        .general_info h5{
            font-size:16px;
        }
        .loginDropdown .dropdown-toggle::after {
            right: 10px;
        }
                .menu-bar .login_btn {
                width: 100%;
                text-align: left;
            }
        .top_bar .dropdown-menu {
            left: auto !important;
            top: 2px !important;
            right: -15px;
        
        }
        .image_slider .owl-prev, .image_slider .owl-next {
            width: 20px;
            height: 20px;
            top: 34%;
        }
        .building-rating h2 {
            font-size: 23px;
            text-align: center;
            color: #000;
            margin-top: 20px;
        }
        .loginBox{
            width:100%;
        }
        .logo {
            width: 250px;
        }

        .bee_logo {
            order: 1;
        }

        .humburger-ico {
            position: absolute;
            right: 10px;
            top: 6px;
            z-index: 1024;
            display: block;
        }

            .humburger-ico i {
                font-size: 20px;
                color: var(--black);
            }

        .closemenu {
            position: fixed;
            right: 0px;
            top: 0px;
            background: var(--close-bg);
            color: var(--text-white);
            border: 0;
            text-align: center;
            font-size: 20px;
            line-height: 22px;
            vertical-align: bottom;
            padding: 4px 20px;
            cursor: pointer;
            z-index: 9;
        }

        .menu-bar.sticky {
            width: 85%;
        }

        .menu-bar {
            width: 85%;
            position: fixed;
            left: 0px;
            top: 0px;
            height: 100%;
            background: var(--menu-bg);
            z-index: 99;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            -webkit-transition: all .35s ease-in-out;
            transition: all .35s ease-in-out;
            overflow-x: scroll;
        }

            .menu-bar.animating {
                -webkit-transform: translate3d(0, 0, 0) !important;
                transform: translate3d(0, 0, 0) !important;
            }

        

        .logo-bar {
            padding: 0px 0px;
        }

        footer {
            padding: 15px 0px 0px 0px;
        }

        .subscribe {
            margin-top: 0px;
            background-color: var(--subscribe-bg);
        }

        .subscribe_position {
            margin-top: 0px;
        }

        .subscribe-form {
            position: relative;
            padding: 25px;
            top: 0px;
        }

            .subscribe-form h3 {
                
                display: inline-block;
                font-size: 20px;
                float: right;
                width: 91%;
            }

            .subscribe-form .fa {
                font-size: 26px;
                line-height:20px;
            }

        footer .copyright .visitor-count {
            text-align: center;
        }
        .chapter_information ul li {
            display: inline-block;
            width: 100%;
            height: auto;
        }
        .session_information ul{
            padding-left:0px;
        }
        .session_information ul li {
            width: 100%;
            height: auto;
        }
        .promotional_function ul li::before {
            margin: 0px 10px 0px 0px
        }
        .content h3{
            padding:10px 0px;
        }
        .menu-bar ul.navbar-nav > li {
            padding: 0px;
            border-bottom: 1px solid #fdfdfd2e;
        }
        .menu-bar ul.navbar-nav > li:hover {
            background: none !important;
        }
        .menu-bar ul.navbar-nav > li a {
            padding: 10px 15px;
        }
        .menu-bar ul.navbar-nav > li a:hover {
            background-color: var(--darkBlue);
           
        }
        .login-panel {
            padding: 50px 0px 55px 0px;
        }
        .login_back {
            display: none;
        }
        .login_form {
            height: 430px;
        }
        .top_bar .web-skip {
            display: block;
            text-decoration: none;
            line-height: 23px;
            font-size: 14px;
        }
        .top_bar  .mobile-skip {
            display: none;
        }
        .skip-content {
            font-family: FontAwesome;
        }
        }
