﻿@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)
{
    .sb-toggle-right
    {
        background-image: url(/Images/System/menu/menu@2x.png);
        -moz-background-size: 50px 100px;
        -ie-background-size: 50px 100px;
        -o-background-size: 50px 100px;
        -webkit-background-size: 50px 100px;
        background-size: 50px 100px;
    }
}
/*social media links*/
.social-media-share
{
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    left: 50%;
    margin-left: 540px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 90px;
    z-index: 2;
}

.social-media-share li
{
    clear: left;
    float: left;
    list-style: none;
    margin-bottom: 10px;
    text-align: center;
}

@media screen and (max-width: 1180px)
{
    .social-media-share
    {
        background: none;
        border: none;
        display: block;
        left: 0;
        margin: 0;
        padding: 15px 0 0;
        position: static;
        top: 0;
    }

    .social-media-share li
    {
        clear: none;
        margin-bottom: 0;
        padding-right: 10px;
        text-align: left;
    }

    .social-media-share li .email-share
    {
        float: left;
        margin-top: 43px;
    }
}
/* slider L */
@media screen and (min-width: 801px) and (max-width: 1020px)
{
    .is-home-page .bxslider li.sld-winner
    {
        background-image: url(/images/slider/recruiter-awards-winner-home-xl.jpg);
    }

    .bxslider li.sld-winner
    {
        background-image: url(/images/slider/recruiter-awards-winner-followup-xl.jpg);
        position: relative;
        text-align: center;
    }

    .bxslider li.sld-01
    {
        background-image: url(/images/slider/MP_Web_images_05-xl.jpg);
    }

    .bxslider li.sld-02
    {
        background-image: url(/images/slider/MP_Web_images_03-xl.jpg);
    }

    .bxslider li.sld-03
    {
        background-image: url(/images/slider/MP_Web_images_02-xl.jpg);
    }

    .bxslider li.sld-04
    {
        background-image: url(/images/slider/MP_Web_images_04-xl.jpg);
    }

    .bxslider li.sld-05
    {
        background-image: url(/images/slider/MP_Web_images_01-xl.jpg);
    }
}

/* slider M */
@media screen and (min-width: 601px) and (max-width: 800px)
{
    .is-home-page .bxslider li.sld-winner
    {
        background-image: url(/images/slider/recruiter-awards-winner-home-l.jpg);
    }

    .bxslider li.sld-winner
    {
        background-image: url(/images/slider/recruiter-awards-winner-followup-l.jpg);
        position: relative;
        text-align: center;
    }

    .bxslider li.sld-01
    {
        background-image: url(/images/slider/MP_Web_images_05-l.jpg);
    }

    .bxslider li.sld-02
    {
        background-image: url(/images/slider/MP_Web_images_03-l.jpg);
    }

    .bxslider li.sld-03
    {
        background-image: url(/images/slider/MP_Web_images_02-l.jpg);
    }

    .bxslider li.sld-04
    {
        background-image: url(/images/slider/MP_Web_images_04-l.jpg);
    }

    .bxslider li.sld-05
    {
        background-image: url(/images/slider/MP_Web_images_01-l.jpg);
    }
}

/* slider S */
@media screen and (max-width: 600px)
{
    .is-home-page .bxslider li.sld-winner
    {
        background-image: url(/images/slider/recruiter-awards-winner-home-m.jpg);
    }

    .bxslider li.sld-winner
    {
        background-image: url(/images/slider/recruiter-awards-winner-followup-m.jpg);
        position: relative;
        text-align: center;
    }

    .bxslider li.sld-01
    {
        background-image: url(/images/slider/MP_Web_images_05-m.jpg);
    }

    .bxslider li.sld-02
    {
        background-image: url(/images/slider/MP_Web_images_03-m.jpg);
    }

    .bxslider li.sld-03
    {
        background-image: url(/images/slider/MP_Web_images_02-m.jpg);
    }

    .bxslider li.sld-04
    {
        background-image: url(/images/slider/MP_Web_images_04-m.jpg);
    }

    .bxslider li.sld-05
    {
        background-image: url(/images/slider/MP_Web_images_01-m.jpg);
    }
}

/* slide menu */
.sb-slidebar
{
    background: #252538;
}

.sb-slidebar .bit_nav
{
    left: 0;
    right: auto;
    top: 50px;
    width: 100%;
}

.sb-slidebar .bit_nav > li
{
    float: none;
}

.sb-slidebar .bit_nav li a, .sb-slidebar .bit_nav > li a
{
    border-bottom: none;
    padding: 16px 10px;
}

.sb-slidebar .bit_nav-dropdown-menu
{
    background: #252538;
    display: block !important; /* keeps second level open */
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    width: 100%;
}
/* TEMP  HIDE SUBMENU FOLDERS */
.sb-slidebar .bit_nav-dropdown-menu
{
    display: none !important;
}

.sb-slidebar .bit_nav-dropdown-menu li a
{
    border-bottom: none;
    padding: 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sb-slidebar .bit_nav-dropdown-submenu > .bit_nav-dropdown-menu
{
    display: none !important; /* keeps third level hidden */
}

.sb-slidebar .bit_nav-dropdown-submenu > a:after
{
    border: none;
}
/* GENERAL */
textarea
{
    -webkit-appearance: none;
    border-radius: 0;
}

.contentWrapperNextJobApplication .form-default input[type="radio"]
{
    -webkit-appearance: radio;
}

.threeColumnsColumnWrapperFirst .contentRightPanelWrapper.right, .threeColumnsColumnWrapper .contentRightPanelWrapper.right
{
    float: left;
}

/* BLOG */
.blogItemLeaveCommentNameInput
{
    width: 100% !important;
}

.Default.reWrapper
{
    min-width: initial !important;
}

.Default.RadEditor .reContentCell
{
    border: none;
}

@media screen and (max-width: 1180px)
{
    .logo
    {
        top: 15px;
        width: 90px;
    }
}

@media screen and (max-width: 1020px)
{
    body *, body:before, body:after
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .is-home-page .quickSearchWrapper, .quickSearchWrapper
    {
        height: 80px;
    }

    .middle
    {
        margin: 0;
        padding: 0 15px;
        width: 100%;
    }

    .resultWrapperClass
    {
        padding-right: 0;
        width: auto;
    }

    .rightSubmenuWrapper
    {
        float: none;
        width: auto;
    }

    .job-details
    {
        padding-right: 0;
        width: auto;
    }

    .rightSubmenuWrapper
    {
        clear: both;
        padding: 20px 0 0 0;
    }

    .social-media-wrapper
    {
        padding: 8px 15px;
    }

    .bottomWrapper
    {
        padding: 20px 15px;
    }

    .sectionNextRightMenu
    {
        padding-right: 0;
        width: auto;
    }

    .majorplayers-app-wrapper div a
    {
        clear: left;
        margin: 10px 0 0 20px;
    }

    .majorplayers-app-wrapper div img
    {
        margin-right: 0;
    }
}



@media screen and (max-width: 1000px)
{
    .contentWrapperNextJobApplication .inner
    {
        background: none;
    }

    .contentWrapperNextJobApplication .form-default input[type="text"], .form-default input[type="text"]
    {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 20px;
        line-height: 20px;
    }

    .form-default textarea
    {
        width: 275px;
    }
}

@media screen and (max-width: 1040px)
{
    #sb-site
    {
        box-shadow: 0 0 5px rgba(0, 0, 0, 1);
    }

    body .RadMenu_Default
    {
        display: none;
    }

    .bit_nav
    {
        display: none;
    }

    .sb-slidebar .bit_nav
    {
        display: block;
    }

    .sb-toggle-right
    {
        background: url("/Images/System/menu/menu.png") no-repeat top left;
        display: inline-block;
        height: 50px;
        position: absolute;
        right: 5px;
        text-indent: -9999em;
        top: 15px;
        width: 50px;
    }

    .sb-toggle-right.active
    {
        background: url("/Images/System/menu/menu.png") no-repeat bottom left;
    }

    /*.menu-wrapper
    {
        position: fixed;
    }*/


    .phonenumber
    {
        right: 65px;
    }

    .is-home-page .logo
    {
        height: auto;
        left: 15px;
        top: 15px;
        width: 90px;
    }

    .is-home-page .header, .is-home-page .bx-wrapper, .is-home-page .home-slider
    {
        height: auto;
    }

    .is-home-page .bxslider li, .is-home-page .home-slider
    {
        height: 294px;
    }

    .is-home-page .quickSearchWrapper, .quickSearchWrapper
    {
        bottom: 0;
        height: auto;
        padding: 25px 15px 15px;
        top: auto;
        width: 100%;
    }

    .label-jobs
    {
        margin-top: -4px;
    }

    .label-jobs br
    {
        display: none;
    }

    .label-jobs a:before
    {
        content: " ";
    }

    .label-jobs a:link, .label-jobs a:visited, .label-jobs a:active
    {
        display: inline;
    }

    .bottomTextWrapper.right
    {
        clear: left;
        float: none;
        padding-top: 10px;
    }

    .contentWrapperNextJobApplication .inner
    {
        background: none;
    }

    .contentWrapperNextJobApplication .box-border-box
    {
        clear: left;
        float: none;
        padding-left: 0;
        padding-bottom: 65px;
    }

    .mail-to-friend .box-border-box
    {
        padding-right: 0;
        width: 100%;
    }

    .bxslider li.sld-special div
    {
        left: 20px;
        right: 20px;
        top: 20px;
        width: auto;
    }

    .bxslider li.sld-special span
    {
        font-size: 24px;
    }

    .bxslider li.sld-special a
    {
        font-size: 24px;
        margin-top: 10px;
    }
    /**********************************
        JOB Application form
**********************************/

    .contentWrapperNextJobApplication
    {
        width: 100%;
    }

    .jobApplyHeaderLeft, .jobApplyHeaderRight
    {
        width: 100%;
    }

    .apply-outer-wrapper .box-border-box
    {
        width: 100%;
    }

    .form-default li.upload-cv-images
    {
        margin: 0;
    }

    .TextBoxNormal
    {
        display: block;
    }

    .contentWrapperNextJobApplication .form-default input[type="text"]
    {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 20px;
        line-height: 20px;
    }

    .jobApplyJobTitle, .jobApplyJobDetailsContent, .jobApplyTopWrapper
    {
        width: 100%;
    }
}

@media screen and (min-width: 1041px)
{

    .sb-slide, #sb-site
    {
        min-height: initial !important; /*disable small navigation*/
        transform: none !important; /*disable small navigation*/
        -webkit-transform: none !important; /*disable small navigation*/
        -ms-transform: none !important; /*disable small navigation*/
    }
}

@media screen and (max-width: 800px)
{
    a.b1, a.b2, a.b3, a.b4, a.b5, .readMoreLink, .blogSubmitCommentButton
    {
        font: 400 14px/26px arial,helvetica,sans-serif !important;
    }

    .label-jobs
    {
        float: none;
        margin: 0;
    }

    .label-jobs a:link, .label-jobs a:visited, .label-jobs a:active
    {
        margin-top: 0;
    }

    .is-home-page .quickSearchWrapper, .quickSearchWrapper
    {
        height: auto;
        padding: 15px 15px;
    }

    .landing-left, .landing-right
    {
        float: none;
        padding-top: 80px;
        width: 100%;
    }

    .landing-right
    {
        padding-top: 0;
    }

    .recruiters-slider
    {
        padding-bottom: 80px;
    }

    .landing .career-video
    {
        padding: 0 20px 0 0;
        width: 50%;
    }
    /* RESPONSIVE VIDEO */
    .video-wrapper-16-9
    {
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        z-index: 0;
    }

    .video-wrapper-16-9 object, .video-wrapper-16-9 embed, .video-wrapper-16-9 iframe, .video-wrapper-16-9 img
    {
        border: 0;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
    }

    .jobSearchSubmenuWrapper, .nextContentWrapperJobSearch, .submenuWrapperNextRightMenu, .nextContentWrapperRightMenu
    {
        float: none;
        width: auto;
    }

    .nextContentWrapperRightMenu
    {
        margin-top: 40px;
    }

    .jobSearchSubmenuHeader
    {
        display: none;
    }

    .b2.refine-search-toggle
    {
        display: inline-block;
        margin-bottom: 40px;
    }

    .b2.refine-search-toggle.active:before
    {
        content: "close ";
    }

    .refine-search-toggle-container
    {
        display: none;
    }

    .nextSubMenuWrapper
    {
        display: none;
    }

    .nextContentWrapperRightMenu
    {
        margin-top: 0;
    }

    .threeColumnsColumnWrapper
    {
        margin-left: 0;
        width: 45%;
    }

    .threeColumnsColumnWrapperFirst
    {
        margin-left: 0;
        margin-right: 10%;
        width: 45%;
    }

    #BlogItemListWrapper
    {
        width: auto;
    }

    .contentWrapperNextJobApplication
    {
        width: 100%;
    }

    .jobApplyHeaderLeft, .jobApplyHeaderRight
    {
        width: 100%;
    }

    .apply-outer-wrapper .box-border-box
    {
        width: 100%;
    }

    .form-default li.upload-cv-images
    {
        margin: 0;
    }

    .form-default label
    {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0;
        width: auto;
    }

    .form-default table
    {
        width: 100%;
    }

    .TextBoxNormal.file-upload, .TextBoxNormal
    {
        display: block;
    }

    .contentWrapperNextJobApplication .form-default input[type="text"], .form-default input[type="text"], .form-default textarea
    {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        width: 100%;
    }

    .contentWrapperNextJobApplication .form-default input[type="radio"], .form-default input[type="radio"]
    {
        border-radius: inherit;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .jobApplyJobTitle, .jobApplyJobDetailsContent, .jobApplyTopWrapper
    {
        width: 100%;
    }

    .form-default .attention
    {
        margin: 0;
    }

    .apply-wrapper
    {
        width: 100%;
    }

    .filename-label
    {
        margin-left: 0;
        padding-top: 0;
    }

    .slogan
    {
        display: none;
    }
}

@media screen and (max-width: 720px)
{
    .social-media-wrapper .right
    {
        float: left;
    }

    .nextContentWrapperJobDetails .social-media-buttons
    {
        clear: left;
        float: left;
        margin-bottom: 20px;
    }

    .bxslider li.sld-special span
    {
        display: none;
    }

    .bxslider li.sld-special a
    {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px)
{
    body
    {
        font-family: arial,helvetica,sans-serif !important;
        font-size: 14px;
    }

    .OverlayDiv
    {
        margin-left: -150px;
        width: 300px;
    }

    .award-overlay, .is-home-page .award-overlay
    {
        display: none !important;
    }

    .landing .left, .quickSearchContentWrapper .text
    {
        float: none;
    }

    .key-word-text-box
    {
        float: none;
        margin-bottom: 10px;
    }

    .quickSearchContentWrapper input.text
    {
        width: 100%;
    }

    .quickSearchContentWrapper .dropdown, .email-alerts-frequency .dropdown
    {
        clear: both;
        float: none;
        margin: 0 0 10px;
    }

    .quickSearchWrapper .quickSearchGoButton:link, .quickSearchWrapper .quickSearchGoButton:visited, .quickSearchWrapper .quickSearchGoButton:active
    {
        clear: both;
        display: block;
        padding: 0 15px;
        text-align: center;
        width: 100%;
    }

    .landing-left
    {
        padding-top: 0;
    }

    .landing .panel
    {
        padding-right: 0;
        padding-top: 20px;
        width: auto;
    }

    .recruiters-slider
    {
        margin-right: 0;
        padding-bottom: 50px;
    }

    .is-home-page .twitter-panel
    {
        padding-right: 0;
        padding-top: 20px;
        width: auto;
    }

    .quickSearchContentWrapper .dropdown select, .email-alerts-frequency .dropdown select
    {
        width: 100% !important;
    }

    .threeColumnsColumnWrapper, .threeColumnsColumnWrapperFirst
    {
        float: none;
        margin-right: 0;
        width: auto;
    }

    .threeColumnPanelContentWrapper
    {
        height: auto;
        margin-bottom: 20px;
    }

    .jobs-sub-logo
    {
        display: none;
    }

    .threeColumnsColumnWrapper, .threeColumnsColumnWrapperFirst
    {
        margin-left: 0;
        width: auto;
    }

    .salary-survey-page
    {
        height: auto !important;
        width: auto !important;
    }

    .salary-survey-page *
    {
        height: auto !important;
        left: 0 !important;
        position: static !important;
        top: 0 !important;
        width: auto !important;
    }

    .survey-tabs-wrapper a.index:link, .survey-tabs-wrapper a.index:visited, .survey-tabs-wrapper a.index:hover
    {
        position: static;
    }

    .survey-data th, .survey-data td
    {
        width: auto;
    }

    .nextContentContentWrapperRightMenu table td
    {
        display: table-cell;
    }

    .social-media-wrapper a span
    {
        display: none;
    }

    .social-media-wrapper a.mp-app:before
    {
        content: "MP";
        content: "MP ";
        float: left;
        margin-right: 4px;
    }

    .social-media
    {
        clear: both;
        float: none;
        padding-top: 10px;
    }

    .sectionNextRightMenu.left
    {
        float: none;
    }

    .sectionNextRightMenu.left img
    {
        height: auto;
        max-width: 100%;
    }
}

@media screen and (max-width: 450px)
{
    .social-media-wrapper .right
    {
        float: none;
    }

    .social-media-wrapper
    {
        padding: 15px;
    }

    .result-page-label
    {
        display: none;
    }

    .social-media-wrapper a:nth-child(3)
    {
        margin-right: 0;
    }

    .actionWrapper a.b1, .actionWrapper a.b2, .actionWrapper a.b3, .actionWrapper a.b4, .actionWrapper a.b5
    {
        margin-bottom: 20px;
    }

    .bottomWrapper a:link, .bottomWrapper a:visited, .bottomWrapper a:active
    {
        float: left;
    }

    select
    {
        width: auto !important;
    }

    .TextBoxNormal
    {
        width: 100% !important;
    }

    .salary-survey-index li
    {
        float: none;
        margin-right: 0;
    }

    .salary-survey-index a:link, .salary-survey-index a:visited, .salary-survey-index a:active
    {
        display: block;
        float: none;
        width: auto;
    }

    .salary-survey-index br
    {
        display: none;
    }

    .salary-survey-page img
    {
        width: 100% !important;
    }

    .survey-tabs a:link, .survey-tabs a:active, .survey-tabs a:visited
    {
        font-size: 12px;
        margin-left: 0;
        padding: 0 3px;
    }

    .apply-outer-wrapper table td
    {
        display: block;
    }

    .is-news-item .follow-wrapper, .is-blog-item .follow-wrapper
    {
        padding-top: 140px;
    }

    .is-news-item .social-media-share, .is-blog-item .social-media-share
    {
        left: 50%;
        margin-left: -100px;
        position: absolute;
        top: 20px;
        width: 210px;
    }

    .nextContentTitleWrapperRightMenu
    {
        margin-bottom: 10px;
    }

    .BlogItemReturnToIndex
    {
        text-align: left;
    }

    #BlogItemContentText img, #BlogItemContentText iframe
    {
        height: auto !important;
        margin-bottom: 10px;
        width: 100% !important;
    }
}

@media screen and (min-width: 601px)
{
    .quickSearchContentWrapper .dropdown select
    {
        width: auto !important;
    }

    .award-overlay, .is-home-page .award-overlay
    {
        left: 50%;
        margin-left: -140px;
        top: 115px;
        width: 280px;
    }
}

@media screen and (min-width: 801px)
{
    .refine-search-toggle-container, .subMenuContentWrapper
    {
        display: block !important; /* force submenu to be open */
    }
}

@media screen and (min-width: 941px)
{
    .is-home-page .award-overlay
    {
        left: 380px;
        margin-left: 0;
        top: 130px;
        width: auto;
    }

    .award-overlay
    {
        left: 50%;
        margin-left: -190px;
        top: 180px;
        width: 380px;
    }
}

@media screen and (min-width: 1021px)
{
    .custom-select .custom-text
    {
        width: 194px !important;
    }
}

/**********************************
	Email Alert Sign-up
**********************************/
@media screen and (max-width: 601px)
{
    .tabsHeaderTopWrapper
    {
        clear: both;
        float: none;
    }

    .tabsHeaderWrapper.right
    {
        float: none;
    }

    .sortBy
    {
        padding: 0 0 10px;
    }

    .email-alerts-form td
    {
        display: block;
        padding-right: 0;
    }

    .email-alerts-frequency .custom-select .custom-text
    {
        width: 100% !important;
    }

    .email-alerts-address
    {
        padding-bottom: 10px;
        padding-right: 0;
    }

    .emailAlertsWrapper .submit
    {
        width: 100%;
    }
}

@media screen and (max-width: 1020px)
{
    .emailAlertsWrapper
    {
        max-width: none;
    }
}

/* Menu */
@media screen and (min-width: 940px) and (max-width: 1185px)
{
    .menu-wrapper
    {
        font-size: 20px;
    }

    .bit_nav
    {
        padding-left: 90px;
    }

    .bit_nav > li > a
    {
        padding: 0 8px;
    }
}
/* Major Award Form */
@media screen and (min-width: 501px)
{
    .major-award-form .form-default label
    {
        width: 150px;
    }

    .major-award-form .form-default input[type="text"]
    {
        width: 300px;
    }

    .major-award-form select
    {
        display: inline-block;
        width: 310px;
    }

    .major-award-form .TextBoxNormal, .major-award-form .TextBoxNormal.file-upload
    {
        display: inline-block;
    }
}
