@media only screen and (min-width: 321px) and (max-width: 600px) {

    .navbar.navbar-inverse {
        display: flex;
        height: auto !important;
        overflow: hidden !important;
        padding-bottom: 20px;
    }
    
    .controlSaved
    {
        padding:0px !important;
    }
    .mobileMenu {
        width: 0px;
    }

    .mobileDisplay {
        width: 100% !important;
        position: relative !important;
    }

    .input-inline-fixedwidth-mobile {
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    .lblMobile {
        display: contents;
    }

    .divWarningMobile {
        text-align: initial !important;
        margin-left: 16px;
    }

    .container-fluid-mobile {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .controlMobile {
        width: 275px !important;
        margin-bottom: 4px;
    }

    .lblMobile {
        margin-top: 5px;
    }

    .SplitRight {
        width: 100% !important;
        float: left !important;
    }

    .SplitLeft {
        width: 100% !important;
    }

    .navbar {
        margin-bottom: 0px !important;
    }

    .MenuItemER {
        width: 50% !important;
        position: absolute !important;
    }

    .controlControl {
        margin-left: 0 !important;
        margin-top: 11px !important;
    }

    .mainDivMobile {
        margin-left: 16px !important;
    }

    .lblProfileField {
        width: 100px !important;
        font-size: x-small;
        white-space: normal;
    }

    .panel-profile {
        width: 100% !important;
    }

    .tableClass {
        width: 100% !important;
        overflow-x: auto !important;
        display: flex;
        margin-top: 0px !important;
    }

    .lblJfd {
        margin-top: 0px !important;
    }

    .panel-profile {
        width: 100% !important;
    }

   .jobFamilyMobile {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .columMobile {
        padding: 0 !important;
    }

    .panel-heading-vac {
        height: 291px !important;
    }
   
    .DetailsBoxContentMobile {
        width: 311px !important;
    }

    .left-half {
        width: 246px !important;
    }

    .accordianMobile {
        Width: 246px !important;
    }

    .right-half {
        width: 100% !important;
        float: left !important;
    }
    .vacMobile
    {
        width:100% !important;
        
    }

    .accordionContentMobile {
        width: 246px !important;
    }

    .GenericPopup {
        width: 300px !important;
    }

    .newWidth {
        width: 233px !important;
    }

    .panel-application {
        width: auto !important;
    }

    .panel-application-right {
        width: auto !important;
        float:left;
    }
    .btnBackMobile {
        margin-top: 10px !important;
    }
}

@media screen and (min-width: 800px) {
    .newWidth {
        width: 213px !important;
    }
    .right-half {
        margin-top: 23px;
        width: 47% !important;
    }
   
    
}

/*for Galaxy Fold
*/
@media only screen and (max-width: 320px)
{
    .controlMobile
    {
        width:220px !important;
    }

    .navbar.navbar-inverse {
        display: flex;
        height: auto !important;
        overflow: hidden !important;
        padding-bottom: 20px;
    }
    .panel-profile {
        width: 100% !important;
    }
    .input-inline-fixedwidth
    {
        width:203px !important;
        margin-top:5px;
    }
    .label-inline-fixedwidth {
        width: 203px !important;
    }
    .jobFamilyMobile {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .navbar.navbar-inverse {
        display: flex;
        height: auto !important;
        overflow: hidden !important;
        padding-bottom: 20px;
    }

    .mobileDisplay {
        width: 102% !important;
        position: relative !important;
    }

    .input-inline-fixedwidth-mobile {
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    .lblMobile {
        display: contents;
    }

    .divWarningMobile {
        text-align: initial !important;
        margin-left: 16px;
    }

    .container-fluid-mobile {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .lblMobile {
        margin-top: 5px;
    }

    .SplitRight {
        width: 100% !important;
        float: left !important;
    }

    .SplitLeft {
        width: 100% !important;
    }

    .navbar {
        margin-bottom: 0px !important;
    }

    .MenuItemER {
        width: 65% !important;
        position: absolute !important;
    }

    .controlControl {
        margin-left: 0 !important;
        margin-top: 11px !important;
    }

    .mainDivMobile {
        margin-left: 16px !important;
    }

    .lblProfileField {
        width: 100px !important;
        font-size: x-small;
        white-space: normal;
    }

    .panel-profile {
        width: 100% !important;
    }

    .tableClass {
        width: 100% !important;
        overflow-x: auto !important;
        display: flex;
        margin-top: 0px !important;
    }

    .lblJfd {
        margin-top: 0px !important;
    }

    .panel-profile {
        width: 100% !important;
    }

   .jobFamilyMobile {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .columMobile {
        padding: 0 !important;
    }

    .panel-heading-vac {
        height: 312px !important;
    }
   
    .DetailsBoxContentMobile {
        width: 247px !important;
    }

    .left-half {
        width: 246px !important;
    }

    .accordianMobile {
        Width: 214px !important;
    }

    .right-half {
        width: 100% !important;
        float: left !important;
    }

    .accordionContentMobile {
        width: 246px !important;
    }

    .GenericPopup {
        width: 300px !important;
    }

    .paraMobile {
        font-size: 1.2em !important;
    }
    .fileUploadMobile
    {
        width:100% !important;
    }
    
    .btnGraphicMobile
    {
        margin-left:0px !important;
        margin-top:5px;
    }
    .imgMobile
    {
        max-width:219px !important;
    }
    .vacFormTxtMobile
    {
        width:150px;
    }
    .controlControlMobile
    {
        width:0px;
    }
    .question
    {
        height:125px;
    }
    .displayTxtMobile
    {
        width:90px !important;
    }
    .mobileMenu {
        width: 0px !important;
    }
    
    .panel-application
    {
        width:100% !important;
    }
    .panel-application-right {
        width: 100% !important;
        float: left;
    }
    .input-inline-fixedwidth-checkbox
    {
        width:0px !important;
    }
    .lblVisibleMobile
    {
        float:none !important;
       padding-right:0px !important;
    }
    .panel-vacancies-small
    {
        width:100% !important;
    }
    .btnBackMobile
    {
        margin-top:10px !important;
    }
    .container-fluid
    {
        padding-left:9px !important;
    }
    .btnViewApplicationMobile {
        margin-top: 5px !important;
    }
    .controlSaved {
        padding: 0px !important;
    }
}

/*for iPad Air
*/
@media only screen and (width: 820px) and (height: 1180px) {
    .vacMobile
    {
        width:100% !important;
    }
    .panel-heading-vac
    {
        height:310px !important;
    }
    .btnBackMobile {
        margin-top: 10px !important;
    }
    .panel-profile
    {
        width:100% !important;
    }
    .input-inline-fixedwidth-mobile {
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
    .mobileDisplay {
        width: 100% !important;
        position: relative !important;
    }
    .MenuItemER {
        width: 50% !important;
        position: absolute !important;
    }
    .tableClass {
        width: 100% !important;
        overflow-x: auto !important;
        display: flex;
        margin-top: 0px !important;
        float:left !important;
    }
    .label-inline-fixedwidth
    {
        width:276px !important;
    }
    .input-inline-fixedwidth
    {
        margin-top:5px !important;
    }
    .right-half {
        width: 100% !important;
        float: left !important;
    }
    .left-half
    {
        width:246px !important;
    }
    .Page
    {
        min-width:0px !important;
    }
    .controlControl {
        margin-left: 281px !important;
        margin-top: -30px !important;
    }
}