@media screen and (max-width: 1400px) {
    /*.registerContainer .blueBox { min-height: 640px; padding-bottom: 80px; }
    .registerContainer .whiteBox { min-height: 1136px; }
    .registerContainer .blueBox { width: 37%; }
    .registerContainer table tr td { }
    .registerContainer table tr td { height: 37px; max-height: 37px; min-height: 37px; }
    .registerContainer .corporate table tr td { height: 39px; }
    .registerContainer .corporate { width: 30%; }*/
    .form .three select { width: 200px; }
    .form .five select { width: 126px; }
}


@media screen and (min-width: 768px) and (max-width: 1280px) {
    /*.standartForm { width: 80%; }*/
    .form .four input { width: 115px; }
    .form .four select { width: 115px; }
    .form .four .referenceNo { width: 90px !important; }
    .form .four .smallInput { width: 100px !important; }
    .whiteBox table th, th a { font-size: 15px; }
    .whiteBox table td { font-size: 13px; }
    .startDateContainer { clear: both; }
}

@media screen and (max-width: 768px) {
    .standartForm textarea, .standartForm input[type="text"], .standartForm select { width: 100%; }
    .overflow768 { overflow-x: scroll; width: 100%; }
    .startDateContainer { clear: none !important; }
    .blockDiv768, .blockDiv768 div { display: block !important; }
        .blockDiv768 select { width: 101% !important; }
    .companyDetail768 .greyBox .form select { width: 230px; }
    table div.detailPager { width: 395px; }
        table div.detailPager li a { width: 22px; height: 22px; line-height: 23px !important; font-size: 11px; }
    .rgPager .displayingItemInfo { font-size: 11px; }
    .experiencesblueBtn { float: right; margin: 10px 0 !important; }
    #pCompany table { width: 102%; }
        #pCompany table .rgMasterTable tbody tr:hover, table tbody tr:hover { background: none; }
    #pCompany > .RadComboBox { width: 100% !important; }
    .standartForm span.remark { width: auto; display: block; }
    .memberLeftButn { float: right !important; margin-right: 5px !important; }
}


@media screen and (min-width: 481px) and (max-width: 768px) {
    #menu ul li a { padding: 13px 0 0 7px; min-width: 111px; font-size: 12px; }
        #menu ul li a span { font-size: 14px !important; }
        #menu ul li a#job { margin: 0; }
    #menu ul li #dashboard { padding-left: 3px; padding-right: 4px; }
    .whiteBox .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    .whiteBox * html .cf { zoom: 1; }
    .whiteBox *:first-child + html .cf { zoom: 1; }
    /*.whiteBox table { width: 100%; border-collapse: collapse; border-spacing: 0; }
    .whiteBox th, .whiteBox td { margin: 0; vertical-align: top; }
    .whiteBox th { text-align: left; }
    .whiteBox table { display: block; position: relative; width: 100%; }
    .whiteBox thead { display: block; float: left; }
    .whiteBox tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .whiteBox thead tr { display: block; }
    .whiteBox th { display: block; text-align: right; }
    .whiteBox tbody tr { display: inline-block; vertical-align: top; }
    .whiteBox td { display: block; min-height: 1.25em; text-align: left; }*/
    .arrange p { }
        .arrange p:nth-child(3) { margin-top: 3px !important; }
    .form .three input { width: 128px; }
    .form .three select { width: 137px; }
    .form .four input { width: 119px; }
    .form .four select { width: 132px; }
    .form .four .remark, .form .five .remark { width: 77%; }
    .form .four .darkBlueBtn { margin-top: 17px; }
    .form .five input { width: 119px; }
    .form .five select { width: 132px; }
    #content .tabsGeneral .ui-tabs-nav li { width: 167px; margin: 0 0 0 4px !important; }
        #content .tabsGeneral .ui-tabs-nav li:first-child { margin: 0 !important; }
    .companyCheckbox { margin-top: 15px !important; }
    .jobPage .whiteBox > div hgroup { width: 310px; }
    .jobPage .darkBigBlueBtn { float: right !important; }
    .jobId + .darkBlueBtn { float: right !important; }
    a.detailBack { margin-top: -100px; }
    .expertContactDetail .darkBlueBtn { float: right !important; }
    .whiteBox .columEight table { width: 95%; }
        .whiteBox .columEight table th a { font-size: 13px; }
        .whiteBox .columEight table tr td { font-size: 12px; }
    /* sort out borders */
    .whiteBox th { border-bottom: 0; border-left: 0; }
    .whiteBox td { border-left: 0; border-right: 0; border-bottom: 0; }
    .whiteBox tbody tr { border-left: 1px solid #babcbf; }
    .jobPage .clearRow { margin-top: 10px !important; }
    #content .detailId hgroup h2 { font-size: 21px; }
    .ExBtn { margin: 20px -7px 0 0 !important; }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .overflowTable { overflow: scroll; }
    #container .r480 { margin-top: 0 !important; }
    .overflowTableCompany { overflow-x: scroll; width: 100%; padding: 0 0 15px 0 !important; margin: 0 !important; }
    #content .tabsGeneral .ui-tabs-nav li a { font-size: 13px; width: auto; line-height: normal; }
    #content .tabsGeneral .ui-tabs-nav li { width: 98px; white-space: normal; margin: 0; }
    .detailBack { margin-top: -103px !important; }
    .searchListExpert p { width: 70%; }
    #container .expertContactDetail .darkBlueBtn { font-size: 17px; margin: 0; padding: 15px 20px; }
    .form input.ruFileInput[type="file"] { width: 65px; }
    #fileUpload .ruFakeInput, #profilePhoto .ruFakeInput { width: 210px !important; }
    .jobPage .whiteBox > div hgroup { width: 250px; }
    .jobPage .whiteBox > div div p { text-align: left; }
    .jobId hgroup { width: 80%; }
    .jobId { width: 320px; margin-bottom: 10px; }
        .jobId + .print480 { float: left !important; margin-top: 8px; padding: 7px 0; }
    #content div.updatedDate h3, #content div.updatedDate h4 { font-size: 13px; }
    .subscriptionFormR .form input[type="text"], .subscriptionFormR .form select { width: 230px; }
    .jobPage .clearRow { margin-top: 10px !important; }
        .jobPage .clearRow .darkBigBlueBtn { margin-top: 10px; float: left !important; font-size: 19px; }
    #content .expertDetail + .redText { margin: 0; float: none !important; }
    #menu ul li a { min-width: 124px; }
        #menu ul li a#company { margin: 0; }
        #menu ul li a#job { margin: 0; }
    .expertDetail table tr th { font-size: 13px; }
    .expertDetail table tr td { font-size: 12px; }
    .arrange p { margin: 0 0 7px 0; }
        .arrange p:nth-child(3) { margin-top: 3px !important; }
    .companySearch480 { margin-right: 19px; }
    #content .detailId hgroup h2 { font-size: 21px; }
    .companyReferences .companyRefRow { font-size: 12px; }
    .arrangeSelect480 { float: left !important; }
    .jobId hgroup h2 { font-size: 22px !important; }
}

@media (max-width: 619px) {
    .jobPage .whiteBox > div div { clear: both; float: left; }
    .whiteBox .columEight { overflow: scroll; }
    .whiteBox .columFize { overflow: scroll; }
}