﻿/*Mobile version Start*/

@media all and (min-width: 299px) and (max-width: 479px) {
    #navBar {
        display: inline-flex;
    }

    .navbar-collapse.in {
        background-color: black;
    }

    .formStyleBG {
        width: 100%;
        margin: 0px;
    }

    #TextBoxSearch {
        width: 80%;
    }

    .ulHeader > li {
        width: 100%;
    }

    .ulHeader {
        height: 278px;
    }

    .navbar-nav > li > a {
        padding: 0px;
        width: 80px;
    }

    #LoginButtonBG ,.logInBtn {
        width: 24%;
        margin: 0px !important;
        /*margin-left: 0px !important;*/
    }
    #LoginButtonBG, .logInLFBMR {
        width: 30%;
    }
    #CloseLoginFormButtonBG {
        width: 30%;
        float: right;
    }
    .openClose-buttons {
        padding-right: 10px;
        padding-left: 10px;
    }
    #bs-example-navbar-collapse-1{
        margin-top:10px;
        height:324px;
    }
    .form-group {
        padding-right: 5px;
    }

        .form-group > input {
            width: 102%;
        }

    .fadeInDown {
        height: 10%;
    }

    .text-center {
        width: 100%;
    }

    #home-carousel .item {
        height: 400px;
    }

    .col-xs-11 {
        width: 95%;
        margin-bottom: 40px;
    }

    #coreAreas ul.coreAreas {
        margin-top: 100px;
    }

    .text-center {
        width: 70% !important;
    }

    .pageLanguage {
        float: right!important;
        width: 50px!important;
    }
    .header-container-one {
        width: 50px;
    }
    #menu .nav{
        left:6%!important;
    }
}
/*Mobile version End*/
