/* start of menu css */

@media screen and (min-width: 420px) and (max-width: 992px) {
    .careers-bottom-block {
        padding: 0 20px 15px 20px;
    }
}

@media screen and (max-width: 850px) {
    li.last {
        width: 120px;
    }
}

@media screen and (max-width: 767px) {
    .search-bar-button {
        display: block;
        position: absolute;
        right: 60px;
        top: -60px;
        width: 60px;
        height: 60px;
        border: none;
        outline: none;
        background: url(../images/common/search-bar-button-b.png) no-repeat scroll center center transparent;
    }
    .search-bar-button.active {
        background: url(../images/common/search-bar-button-w.png) no-repeat scroll center center #d52e2d;
    }
    .mobile-search-bar {
        position: absolute;
        top: 4px;
        width: 80%;
        min-width: 270px;
        background: #cccccc;
        margin: 0 auto;
        right: 0;
        left: 0;
        padding: 20px 10px 10px;
        /*display: block;*/
    }
    .mobile-search-bar input[type="text"] {
        float: left;
        border: 1px solid #cccccc;
        color: #252525;
        padding: 9px 40px 9px 17px;
        background-color: #ffffff;
        position: relative;
        font-size: 1.167em;
        text-transform: capitalize;
        width: calc(100% - 60px);
    }
    /*.mobile-search-bar input[type="submit"] {*/
	.mobile-search-bar input[type="button"] {
        width: 45px;
        height: 36px;
        color: #ffffff;
        border: 0;
        font: 600 1.333em/1 'Titillium Web';
        background: url(../images/common/search-bar-button-b.png) no-repeat 50% 50%;
        text-indent: -999em;
        position: absolute;
        top: 20px;
        right: 10px;
        z-index: 3;
    }
    .mobile-menu-trigger {
        color: #ffffff;
        display: block;
        font-size: 14px;
        font-weight: bold;
        padding: 29px 28px 30px 20px;
        position: absolute;
        text-decoration: none;
        text-transform: uppercase;
        top: -60px;
        right: 0;
        height: 1px;
        width: 12px;
    }
    .mobile-menu-trigger.active {
        background: none repeat scroll 0 0 #d52e2d;
    }
    .mobile-menu-trigger.active .strip {
        transform: translate(-50%, -50%) rotate(135deg);
    }
    .mobile-menu-trigger.active .strip::before {
        top: 0;
        transform: rotate(85deg);
    }
    .mobile-menu-trigger.active .strip::after {
        opacity: 0;
    }
    .mobile-menu-trigger .strip {
        width: 20px;
        height: 3px;
        border-radius: 5px;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        background: #000000;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
    }
    .mobile-menu-trigger .strip::after, .mobile-menu-trigger .strip::before {
        content: '';
        height: 3px;
        border-radius: 5px;
        width: 20px;
        background: #000000;
        position: absolute;
    }
    .mobile-menu-trigger.active .strip, .mobile-menu-trigger.active .strip::after, .mobile-menu-trigger.active .strip::before {
        background: #ffffff;
    }
    .mobile-menu-trigger .strip::before {
        top: 8px;
    }
    .mobile-menu-trigger .strip::after {
        top: -8px;
    }
    .mobile-menu-trigger:hover {
        color: #fff;
    }
    .sm.sm-blue>li {
        width: 270px;
    }
    /*.sm.sm-blue > li:hover {
		    filter: brightness(90%);
		}*/
    .sm.sm-blue.mobile-menu-active {
        right: 0;
    }
    .sm.sm-blue.mobile-menu-active>li {
        width: 270px;
    }
    .main-nav {
        border-bottom: 4px solid #f94342;
        margin: 0 -10px;
    }
    .main-nav ul.sm li.contact-us {
        display: block;
    }
    .sm-blue a span.sub-arrow, .sm-blue ul a span.sub-arrow {
        border: 4px solid transparent;
        border-left-color: #FFF;
        border-image: none;
        content: "";
        border-style: solid;
        border-color: transparent transparent transparent #fff;
        border-width: 4px;
        margin-top: -4px;
        height: 0;
        position: absolute;
        right: auto;
        top: 50%;
        width: 0;
        left: 25px;
    }
    ul.sm-blue {
        position: fixed;
        top: 96px;
        right: -270px;
        max-height: 482px;
        overflow: auto;
        display: block;
        transition: all .3s;
        width: 270px;
        overflow-x: hidden;
    }
    ul.sm-blue ul {
        display: none;
        position: static !important;
        top: auto !important;
        left: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        border-right: none;
    }
    ul.sm-blue>li:first-child {
        border-top: none;
    }
    ul.sm-blue>li {
        border-top: 1px solid #ffffff;
        float: none;
    }
    ul.sm-blue>li>a, ul.sm-blue ul.sm-nowrap>li>a {
        white-space: normal;
    }
    ul.sm-blue iframe {
        display: none;
    }
    .sm-blue {
        background: transparent;
        position: relative;
        z-index: 9999;
        width: auto;
    }
    .sm-blue ul {
        border: 0;
        padding: 0;
        background: #fff;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 12em;
    }
    .sm-blue ul ul {
        background: rgba(100, 100, 100, 0.1);
        border-radius: 0;
    }
    /* Menu items
    ===================*/
    .sm-blue a {
        padding: 10px 5px 10px 30px !important;
        /* add some additional left padding to make room for the sub indicator */
        background: #bf2b2b !important;
        /* Old browsers */
        color: #fff !important;
        text-align: left;
    }
    .sm-blue ul a {
        background: transparent !important;
        color: #333333 !important;
        text-shadow: none !important;
        border-left: 2px solid transparent;
    }
    .sm-blue a.current {
        background: #bf2b2b !important;
        /* Old browsers */
        color: #fff !important;
    }
    .sm-blue ul ul a {
        border-left: 8px solid transparent;
    }
    .sm-blue ul ul ul a {
        border-left: 24px solid transparent;
    }
    .sm-blue ul ul ul ul a {
        border-left: 32px solid transparent;
    }
    .sm-blue ul ul ul ul ul a {
        border-left: 40px solid transparent;
    }
    .sm-blue>li:last-child>a.highlighted, .sm-blue>li:last-child>ul>li:last-child>a.highlighted, .sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted, .sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted, .sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted {
        border-radius: 0;
    }
    .sm-blue a.highlighted span.sub-arrow {
        border-color: #fff transparent transparent;
    }
    .sm-blue .sm-nowrap a span.sub-arrow, .sm-blue .sm-nowrap ul a span.sub-arrow {
        border-color: transparent transparent transparent #bf2b2b;
    }
    .sm-blue li {
        border-left: 0;
    }
    .sm-blue ul li {
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }
    .sm-blue ul li:first-child {
        border-top: 0;
    }
    .sm-blue ul a.has-submenu {
        background: #fff !important;
        color: #333 !important;
    }
    .sm-blue ul a.has-submenu:hover {
        background: #bf2b2b !important;
        color: #fff !important;
    }
    .sm-blue ul a.has-submenu:hover span.sub-arrow {
        border-color: transparent transparent transparent #ffffff;
    }
    .sm-blue ul a.has-submenu.highlighted {
        border-color: transparent transparent transparent #fff;
        border-left: none;
    }
    .last a {
        padding-right: 63px;
    }
    .sm-blue ul a:hover {
        background: none repeat scroll 0 0 #ccc !important;
        color: #fff !important;
    }
    .general-info {
        padding: 10px;
        background: none;
    }
    .general-info h3 {
        display: none;
    }
}


/*end of menu css*/


/* Note: Design for a max-width of 959px */

@media only screen and (max-width: 959px) {
    #footer {
        padding: 10px 0;
    }
    #footer p, .copyright-info p, .footer-link-date {
        text-align: center;
    }
    #footer .top, #footer .bottom {
        display: block;
    }
    .copyright-info p {
        padding: 10px;
    }
    .copyright-info {
        float: none;
    }
    .footer-link-date {
        float: none;
    }
    .footer-link-date a {
        text-align: center;
    }
    .mobile-element {
        display: none;
    }
    .error-page-nav {
        display: none;
    }
    .pagination-fullview {
        display: block;
    }
    .vacancies ul li {
        background: url("../images/common/bullet-round-red.jpg") no-repeat 0 12px;
        background-size: 15px;
    }
    .inner-banner ul li {
        height: auto;
    }
}


/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        padding: 0 4px;
    }
    #main-content {
        width: 66%;
        padding: 0 10px;
    }
    .side-bar {
        width: 30%;
    }
    .side-bar-right {
        width: 170px;
    }
    .side-bar-news {
        width: 25%;
    }
    #mid-content {
        width: 370px;
    }
    #mid-content .content {
        padding: 0 20px;
    }
    .search-block input[type="text"] {
        width: 264px;
    }
    .highlight-navigation ul li a {
        width: 190px;
    }
    .careers-bottom-block>img {
        max-width: 100%;
    }
    .billboard-content-right p:last-child {
        display: none;
    }
    .news-search div>select, .date-range select {
        margin-right: 5px;
    }
    .news-search-box input[type="text"] {
        width: 75%;
    }
    .news-container #main-content {
        width: 69%;
    }
    .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
        margin-right: -3px;
    }
    ul.sm ul {
        border-right: 4px solid #fff;
    }
    .inner-banner {
        height: auto;
        overflow: hidden;
    }
}


/* Note: Design for a width of 768px  and below*/

@media only screen and (max-width: 767px) {
    #main-content {
        margin: 0;
        padding: 0;
        width: auto;
        border: 0;
        float: none;
    }
    .side-bar-right {
        width: 100%;
        margin-top: 20px;
    }
    .innerpage-careers-container .side-bar {
        display: none;
    }
    .error-page-nav {
        display: block;
    }
    .error-container {
        margin: 0 -10px;
        border: 0;
        padding: 20px 20px 20px 10px;
    }
    #footer {
        border-top: 0;
        background: #ffffff;
        padding-top: 0;
    }
    #header {
        padding-top: 0;
        background: #ffffff;
    }
    .header-right {
        display: none;
    }
    .breadcrumbs {
        display: none;
    }
    .mobile-element {
        display: block;
    }
    .billboard, .billboard .bx-wrapper .bx-viewport {
        background-color: transparent;
    }
    .inner-banner .bx-wrapper {
        margin-bottom: 15px;
    }
    .inner-banner .bx-wrapper .bx-pager.bx-default-pager a {
        width: 5px;
        height: 5px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #303030;
    }
    .inner-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .inner-banner .bx-wrapper .bx-pager.bx-default-pager a.active {
        background-color: #abadac;
    }
    .inner-banner .bx-controls {
        bottom: 20px;
        right: 0;
        width: 100%;
    }
    .inner-banner .bx-wrapper .bx-pager {
        text-align: center;
        right: 0;
    }
    .billboard-content-right p {
        display: none;
    }
    .billboard-content-right {
        padding: 0;
    }
    .highlight-navigation {
        margin-top: 10px;
    }
    .highlight-navigation ul li a {
        color: #ffffff;
        text-align: left;
        display: block;
        padding: 10px 5px 10px 12px;
        height: auto;
        width: auto;
        font-size: 1.167em;
    }
    .highlight-navigation ul li {
        border-right: none;
        float: none;
        height: auto;
        margin: 0 auto;
        width: 95%;
        background: url("../images/common/bdr-right-hightlight-responsive.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    }
    .highlight-navigation ul li:first-child {
        border-right: none;
        border-top: none;
    }
    .highlight-navigation ul {
        padding: 0;
    }
    .news-container .side-bar {
        width: 193px;
        margin: 0 0 0 10px;
    }
    .social-share a {
        padding: 0;
    }
    .general-info .list-one li {
        background-image: url("../images/common/bullet-round-red.jpg");
        background-repeat: no-repeat;
        background-position: 95% 5px;
        background-color: #fff;
        padding-left: 0;
        padding-top: 3px;
        padding-bottom: 3px;
        background-size: 15px;
        box-shadow: 0 2px 2px #ccc;
    }
    .list-one li {
        width: 100% !important;
        box-sizing: border-box;
    }
    .general-info .list-one li:hover {
        background: url("../images/common/bullet-round-red.jpg") no-repeat scroll 95% 5px #fff;
        background-size: 15px;
    }
    .general-info .list-one li a {
        background: #ffffff;
        padding-left: 15px;
        color: #333333;
    }
    .general-info .list-one li a:hover {
        background: #ffffff;
        padding-left: 15px;
        color: #333333;
    }
    .general-info .list-one li:hover a {
        background: #ffffff;
        color: #333333;
    }
    #logo img {
        height: auto;
        max-width: 100%;
        width: 63%;
    }
    .content-education-left {
        float: none;
        width: 100%;
    }
    .flex-control-paging li a {
        border-radius: 26px;
        height: 10px;
        width: 10px;
    }
    .flex-control-nav {
        bottom: 21px;
    }
    .view-available-position {
        display: block;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .open #menu-button a:hover {
        background: #b92827;
    }
    .content-education-right h2 {
        display: none;
    }
    .content-education-right p {
        display: none;
    }
    .content-education-right {
        padding: 0;
        float: none;
        width: 100%;
    }
    .content-education-right .list-one a {
        margin-right: 0;
    }
    .billboard-content-left, .billboard-content-right {
        float: none;
        width: 100%;
    }
    .billboard-content-right h2 {
        padding: 4px 0 0 0;
        margin-top: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
    .innerpage-container .side-bar {
        display: none;
    }
    .innerpage-careers-container #mid-content .back-to-top {
        display: none;
    }
    .innerpage-careers-container #mid-content .social-share-bottom {
        display: none;
    }
    .executive-atdmin-content {
        border-bottom: none;
    }
    #mid-content .content {
        padding: 0;
    }
    .executive-atdmin-content h1 {
        font-size: 2.1em;
    }
    .executive-atdmin-top img {
        text-align: center;
    }
    #main-content table tr th, #main-content table tr td {
        padding: 10px;
    }
    .search-block input[type="submit"] {
        padding: 6px 23px 7px 23px;
    }
    .search-block label, .date-range label {
        padding-bottom: 10px;
        margin-right: 50px;
    }
    .date-range div:first-child>label {
        margin-right: 25px;
    }
    .news-container .side-bar-news {
        display: none;
    }
    .episode-block {
        border-top: 1px solid #cccccc;
        border-left: none;
        float: none;
        padding-left: 0;
        width: 100%;
        clear: both;
        overflow: hidden;
        padding-bottom: 20px;
        padding-top: 20px;
        background: none;
    }
    .episode-block:first-child {
        border-top: none;
    }
    .episode-block a {
        float: left;
        width: 146px;
        margin-right: 10px;
    }
    .episode-block div {
        float: left;
        width: 195px;
    }
    .episode-block div h5 {
        margin: 0;
    }
    hr {
        display: none;
    }
    .table-of-content {
        padding: 10px 10px 0;
    }
    .table {
        width: 100%;
        overflow: auto;
    }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        bottom: -32px;
    }
    .event-info h3 {
        background: url("../images/inner/event-infobg.png") no-repeat scroll 1% 45% rgba(0, 0, 0, 0);
    }
    .list-one {
        background: none;
        width: 100%;
    }
    .search-block input[type="text"] {
        background: none;
        margin: 0 10px 0 0;
        padding: 10px 10px 10px 25px;
        width: 288px;
    }
    .content-careers {
        padding-bottom: 20px;
    }
    #contain-title h1 {
        margin-bottom: 0;
    }
    .news-container {
        padding-bottom: 0;
        border: 0;
    }
    #mid-content {
        width: 100%;
        margin: 0;
    }
    .search-result h2 {
        background: #2e2e2e;
        margin-left: -10px;
        padding-left: 20px;
    }
    .search-result {
        background: none;
        padding-top: 10px;
    }
    body {
        background: #FEFBF6;
    }
    .view-available-position a {
        padding: 9px 31px;
    }
    .innerpage-careers-container .side-bar-right .content {
        border: 1px solid #efece8;
    }
    .pagination-fullview {
        display: none;
    }
    .pagination-mobile-view {
        display: block;
    }
    .content-education {
        border-top: none;
    }
    .side-bar-right .back-to-top {
        display: block;
    }
    .social-share-bottom {
        display: none;
    }
    ul.sm-blue a span.sub-arrow {
        display: block;
    }
    /*.show-shadow {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        height: 100%;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 3;
    }*/
    .rdpCurrentPage {
        border: 0;
    }
    .inner-banner ul li {
        height: auto;
    }
    .inner-banner {
        height: auto;
        overflow: hidden;
    }
    ul.org-chart ul li {
        padding-left: 20px;
    }
    .show-shadow {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        height: 100%;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 3;
    }
}


/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .search-block input[type="text"] {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        margin: 0 10px 0 0;
        padding: 10px 10px 10px 25px;
        width: 307px;
    }
    #logo a img {
        width: 92px;
    }
}


/* Note: Design for a width of 480px  and below*/

@media only screen and (max-width: 479px) {
    .container {
        width: auto;
    }
    #main-content {
        width: 310px;
        border: none;
        float: none;
    }
    .innerpage-container #main-content {
        width: auto;
    }
    .side-bar {
        width: 177px;
    }
    .view-available-position a {
        padding: 9px 67px;
    }
    .highlight-navigation ul {
        margin: 0;
        padding: 0;
    }
    .search-block input[type="text"] {
        margin: 0 10px 0 0;
        width: 153px;
        background-image: none;
    }
    .search-block input[type="submit"] {
        padding: 6px 14px 7px;
        float: right;
    }
    .executive-atdmin-top img:first-child {
        float: none;
        width: auto;
    }
    .rdpNumPart {
        padding: 0 12px;
    }
    .innerpage-container {
        margin-bottom: 0;
    }
    .news-container #main-content {
        width: 100%;
        padding-top: 5px;
    }
    .search-result {
        background: none;
        padding-top: 0;
    }
    .episode-block a {
        width: 135px;
    }
    .episode-block div {
        width: 143px;
    }
    .contact-bar a {
        font: 600 14px/1 'Titillium Web';
        padding: 45px 2px 5px;
        width: 65px;
    }
    .inner-main-content {
        width: 290px;
    }
    .primary-one-registration img {
        width: auto;
        padding-bottom: 10px;
    }
    #contain-title {
        padding-left: 0;
    }
    #mid-content {
        margin: 0;
    }
    #mid-content .content {
        padding: 0;
    }
    .careers-bottom-block h5 {
        width: 253px;
    }
    .careers-bottom-block {
        border-left: none;
        padding: 23px 0;
        width: 100%;
        border-top: 1px solid #cbc9c5;
        margin: 0;
        background: none;
    }
    .careers-bottom-block img {
        float: left;
        margin-right: 10px;
    }
    .careers-bottom-block h5 {
        display: block;
        width: 284px;
        margin-top: 60px;
    }
    .error-container {
        padding: 20px 10px;
    }
    #logo a img {
        width: 92px;
    }
    .footer-link-date a {
        display: inline-block;
    }
    ul.org-chart ul li {
        padding-left: 10px;
    }
    ul.org-chart .vcard .title {
        width: 205px;
    }
    .general-info li {
        box-shadow: 0 1px 1px #CCC;
    }
    .list-one li {
        padding-left: 25px;
    }
    #footer .ico-container {
        width: 25%;
    }
}


/* Note: Design for a width of 360px  and below*/

@media only screen and (min-width: 360px) and (max-width: 478px) {
    .social-share a {
        padding: 0;
        margin: 0;
    }
    #contain-title {
        padding-left: 0;
    }
    .search-block input[type="text"] {
        width: 192px;
    }
    .view-available-position a {
        padding: 9px 31px;
    }
    .contact-bar a {
        padding: 45px 8px 12px;
    }
    .primary-one-registration img {
        display: block;
        float: none;
    }
    .error-container {
        padding: 20px 10px;
    }
    .search-block input[type="submit"] {
        padding: 6px 20px 7px;
        float: right;
    }
}

@media only screen and (max-width: 320px) {
    .search-result {
        background: none;
        padding-top: 0;
    }
}


/* Note:media for high defination device */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    .words-of-encouragement ul li {
        background: url("../images/common/bullet-round-red-retina.png") no-repeat 0 4px;
        background-size: 15px;
    }
    .vacancies ul li {
        background: url("../images/common/bullet-round-red-retina.png") no-repeat 0 12px;
        background-size: 15px;
    }
    .call {
        background: url("../images/common/call.png") no-repeat 50% 28%;
        background-size: 33px;
    }
    .email {
        background: url("../images/common/email.png") no-repeat 50% 30%;
        background-size: 28px;
    }
    .address {
        background: url("../images/common/address.png") no-repeat 50% 27%;
        background-size: 19px;
    }
    .feedback {
        background: url("../images/common/feedback.png") no-repeat 50% 27%;
        background-size: 29px;
    }
    .back-to-top a {
        background: #f5f0e3 url("../images/common/back-to-top-arrow-retina.png") no-repeat 0 50%;
        background-size: 26px;
    }
    #sitemap-content ul li {
        background: url("../images/inner/sitemap-bullet-retina.png") no-repeat 5px 9px;
        background-size: 6px;
    }
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    .general-info .list-one li {
        background: url("../images/common/bullet-round-red-retina.png") no-repeat 95% 5px / 15px;
        background-size: 15px;
    }
}

@media screen and (min-width: 767px) and (max-width: 920px) {
    .side-bar-right {
        float: left;
        width: 30%;
        margin-top: 20px;
        clear: left;
    }
    #mid-content {
        float: right;
        width: 64%;
    }
}

@media screen and (max-width: 373px) {
    .innerpage-content div[style*="background: #eeeeee"] {
        float: none !important;
    }
}