/* *** Mobile *** */


/* Desktop screen */

@media only screen and (min-width: 1040px) {
    .mobile-backpack{display: none !important;}
    .mobile-header-search{display:none !important;}
	#socialMedia img.qr-code {display: none;}
}


 /* Tablet screen */

 @media only screen and (max-width: 1039px) {
     #content{margin-top:20px;}
     #aspnetForm {margin:auto;width:100% !important;}
    .page-header {width:100% !important;}
    #skipContentAnchor {display:none;}
    .activateResumeAlert .alert {width:100%;}

    body{
        background-color: white !important;min-width:320px !important;
    }
    .seeker-menu, .sidebar, .header-menu, .search-bar-container {
        display:none;
    }
    .quickLinks .layout > div.links, .quickLinks.layout div.links {
        width: 135px;
    }
    .quickLinks .layout > div.links li, .quickLinks.layout > div.links li {
        width: 100%;
    }
    .quickLinks {
        padding-left: 10px; padding-right: 10px; white-space: normal;
    }

    .quickLinks div.links ul {
        padding-left: 0px;
    }

    div.quickLinks {
        padding-left: 0px;padding-right: 0px;
    }
    div.quickLinkHeader {
        padding-right: 10px;
    }
    .header-menu-mobile {
        display: inline; 
        visibility: visible;
    }

    .mm-menu{ 
        width: 200px;
		z-index:0;
    }

    .doc.mm-page {
    background: none;
    }

    html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom {
        left: 200px;
    }

    .ismobileheader {
        /*background: none repeat scroll 0 0 #777; */
	
        background: #cecbcb url('https://securemedia.applygovt.com/id/mgs/6914/navButtonGradient.png') left top repeat-x;
	

        box-sizing: border-box;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        height: 78px;
        line-height: 40px;
        padding: 28px 68px 30px 10px;
        top: 3px;
        position: absolute;
        width: 78px;
        border-right: 1px solid #ccc;
    }

    .ismobileheader a
    {
	    background: center center no-repeat transparent;
	    background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
        background-size: 30px;
	    display: block;
	    width: 78px;
	    height: 78px;
	    position: absolute;
	    top: 0px;
	    left: 0px;
    }

     .layout {width:100%;}

    .header-logo {height: 72px;left: 100px;margin-top: 10px;position: absolute;text-indent: -2000%;top: 0;width: 64px;}

    html.mm-background .mm-page {
        background: inherit;
    }
    /*Header part*/
    .defaultShowBig{display:none !important;}
    #searchcol2{display:none !important;}
    .livechat{display:none !important;}
    .mobile-header-search{display:none !important;margin: auto !important;width: 130px;color: #5e5e5e !important;position: absolute !important;left: 43%;top: 20px;text-align: center;}


    /* Hidden parts */

    .insights_wrapper {display:none !important;}
    #search_results_pagebody #searchcol1 {width:100%; margin: 0;}

    .resultscounttop .pager {margin-top:10px;width: 100%;/*background:#eee;border-top: 1px solid #ccc;*/padding:10px 14px;}

    table.resultscount td {padding-bottom:0;}
    table.resultscount {margin-bottom:0;}
    .pager .pageNumbers {float: right;margin-left:10px;}
    table.resultscount td {position:relative;}
    .saveButton {position:absolute;right:14px;top:10px;}
    table.resultscount .cssDisplayInlineBlock {display:block;padding-bottom:10px;margin-left:14px;}

    .resultscounttop .sort {position: absolute;right: 14px;top: 43px;margin-right:0;margin-top:0;}
    .signInButtonMainMobile { position: absolute;right: 10px;width: 130px;text-align: center;}
    .backpackButtonBackpackPage {position: absolute;right: 10px;width: 130px;text-align: center;}
	#socialMedia img.qr-code {display: none;}

    /* Advanced Search */
    #search_toggle_adv { text-align: left; margin-left: 15px; }

    .jobTitle {padding:0 0 15px 0;flex-basis:100%;order:1;}
    .resultsGrid {padding:10px;}
    .jobRow {padding:15px;display:flex;}
    .companyLink, .mapViewLink, .actionsLink {line-height:20px;margin-bottom:5px;display:inline-block;}
    .mapViewLink {margin-left:2px;padding-left:20px;}
    .jobDescription {order:2;margin-top:0;margin-bottom:25px;flex-basis:100%;}
    .sr_date {order:3;}
    .sr_company {order:4;}
    .sr_location {order:5;}

    #search2017 .page-main-header {
        flex-direction: column;
        border-bottom:0;
    }

    .jobContentHeader {
        margin-bottom: 10px;
    }

    .filterLinks {
        float: right;
        display: flex;
        justify-content: space-between;
        margin-bottom:15px;
    }


    #search2017 input {
        width: inherit;
    }

    #search2017 .main {
        margin: 10px;
    }

    #search2017 .basic-search {
        display: block;
    }

        #search2017 .basic-search .container {
            margin: 0;
        }

        #search2017 .basic-search input[type=text] {
            width: inherit;
        }

    #search2017 .advanced-area {
        display: block;
    }

    #search2017 #filterText {
        width: inherit;
    }

    #search2017 .first-column {
        width: inherit;
        display: block;
        margin-right: 0;
    }

    #search2017 .middle-column {
        width: inherit;
    }

    #search2017 .middle-column select {
        width: 100%;
    }

    #search2017 .advanced-search-button {
        height: 90px;
        width: inherit;
        justify-content: space-between;
    }

        #search2017 .advanced-search-button .avoid-scam {
            display: inherit;
            margin-bottom: 0;
        }

    #search2017 .selected-industry li {
        width: inherit;
    }

    .resumeWidth20, .resumeWidth10x, .resumeWidth15, .resumeWidth50 .resumeWidth33 {
        width: 100%;
        text-align: left;
    }
    


}



 /* Mobile screen */

 @media only screen and (max-width: 767px) {

    .searchresRowHeader {display:none;}
    .srdivHeader {display:block;font-weight:bold;padding-bottom:5px !important;}
    #searchresults .searchresRow div {padding: 0px;}
    #searchresults .searchresRow > div {padding: 15px 14px 15px 15px;}
    #searchresults div.workkey-info { width: 120px; }
    #searchresults .workkey-label { width: 120px; height: 130px; color:#0d51ab;}
        #searchresults .workkey-label > div { margin-top: 10px; margin-left: 0; color:#0d51ab;}
    #searchresults div.workkey-info dl { position: relative; height: 40px; }
    #searchresults div.workkey-info dt { position: absolute; width: 100px; }
    #searchresults div.workkey-info dd { position: absolute; right: 0; top: 20px; }
    .searchresRowDiv1 {width:100%;float:none;}
    .searchresRowDiv2 {width:24%;float:left;}
    .searchresRowDiv3, .searchresRowDiv4 {width:38%;float:left;}
    .pager .pageNumbers {float: left;margin-left: 0;margin-top: 10px;width:100%;}

    /* Job Detail */

    #jobdetailwrapper {padding:0px 10px;margin:0;width:100%;}
    #jobsummarywrapper {width:100%;margin-bottom:20px;}
    #jobdescriptionwrapper {width:100%;}
    #searchresults .wks_toggle_enabled { height: 120px; }

    .content404 {padding:0 10px;}
 }


/* Extra Small screen */
 @media only screen and (max-width: 479px) {
     #aspnetForm {margin:auto;min-width:320px;max-width:100% !important;width:auto;padding: 0;}
    .page-header {min-width:320px;max-width:100% !important;width:auto;}
    .page-footer {min-width:320px; width:100%;}
    .button-alt.with-backpack-icon {margin-left: 0px !important;}
    .mobile-header-search {left: 0;margin: 0 10px !important;text-align: center !important;top: 90px;width: 95%;}
    .resultscounttop .sort {float: left;margin-left: 14px;margin-top: 0;position:static;left:0;top:0;}
 }