html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

* {
    outline: 0 !important;
}

@font-face {
    font-family: 'sgds-icons';
    src: url("/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/sgds-icons.ttf?742wbr") format("truetype"), url("/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/sgds-icons.woff?742wbr") format("woff"), url("/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/sgds-icons.svg?742wbr#sgds-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana';
    src: url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Verdana.woff2') format('woff2'),
        url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Verdana.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana';
    src: url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Verdana-Bold.woff2') format('woff2'),
        url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Verdana-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Helvetica.woff2') format('woff2'),
        url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Helvetica-Bold.woff2') format('woff2'),
        url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Helvetica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana';
    src: url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Verdana-BoldItalic.woff2') format('woff2'),
        url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Verdana-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Verdana';
    src: url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Verdana-Italic.woff2') format('woff2'),
        url('/Frontend-Assembly/MINDEF_NEXUS/assets/fonts/Verdana-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

/*Home*/
.navbar-item img {
    max-height: initial;
    height: auto;
}
.navbar-brand {
    padding: 0;
}
.sgds-masthead .is-text {
    font-family: 'Helvetica';
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.9px;
}
.sgds-masthead a {
    text-decoration: none;
    display: inline-block;
}
.sgds-masthead {
    padding: 7px 0;
}
.navbar-brand,
.navbar-tabs {
    min-height: auto;
}
.navbar-item img {
    width: 87%;
}
.navbar-nav > li > a {
    color: #000;
    font-family: 'Helvetica';
    font-size: 16px;
    text-transform: uppercase;
    padding: 0;
    letter-spacing: 1px;
    padding-left: 6px;
    padding-right: 6px;
}
.navbar-brand {
    height: auto;
    width: 20%;
    padding-left: 0;
}
.sticky .navbar-brand {
    padding: 5px 0;
}
.navbar-link {
    text-decoration: none !important;
    box-shadow: none;
    opacity: 0.75;
}
.navbar-link h6 {
    font-family: 'Helvetica';
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
}
.navbar-item,
.navbar-link {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    padding: 0;
    line-height: normal;
}
a.navbar-item.is-active,
a.navbar-link.is-active {
    color: #d90d19 !important;
    border-bottom: transparent;
}
.site-brand {
    width: 26.3%;
    float: left;
    padding-left: 6px;
}
.navbar-item.is-active a {
    color: #d90d19 !important;
}
.navbar {
    margin-bottom: 0;
    min-height: auto;
    border: none;
    width: 100%;
    top: 0;
    z-index: 9999;
    border-radius: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}
.sgds-container.top-header {
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}
.sticky {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.17);
    animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

.navbar-item {
    margin-right: 27px;
}
.navbar-item.is-stretched.news-pub {
    margin-right: 0;
}
.button.is-secondary,
.sgds-button.is-secondary,
.button.is-secondary.is-hovered,
.button.is-secondary:hover,
.sgds-button.is-secondary.is-hovered,
.sgds-button.is-secondary:hover {
    background-color: #d90d19;
    font-family: 'Helvetica';
    font-size: 16px;
}
.main-nav-container {
    width: 73.6%;
    float: left;
}
.col.has-text-centered-touch {
    padding: 0;
}
.sgds-container {
    max-width: 1200px;
    width: 1200px;
}
.navbar-width,
.sgds-container.top-header {
    width: 1250px;
    min-width: 1250px;
}
hr {
    background-color: #d90d19;
}
.footer-left a {
    display: inline-block;
}
a.navbar-item.is-active,
a.navbar-item:hover,
a.navbar-link.is-active,
a.navbar-link:hover {
    color: #d90d19;
}
a.navbar-link:focus,
a.navbar-item:focus {
    color: #000;
}
.navbar-last {
    margin-right: 0;
}
.sticky .navbar > .sgds-container {
    min-height: auto;
}
/*Banner*/
.banner-item-one{
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/home-banner.jpg);
}
.banner-item-two{
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/total-defence-banner.jpg);
}
.banner-item-three{
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/tdsandbox-banner.png);
}
.banner-item-four{
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/tdbadge-prog-banner.PNG);
}
.banner-item-five{
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/connexionsg-banner2.jpeg);
}
.banner-item-six{
  background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/sg101-banner.png);
}
.item-testimonial-one{
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/racial-riots.jpg);
}
.item-testimonial-two{
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/wong-foon.jpg);
}
.item-testimonial-three{
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/world-andrew.jpg);
}
.item-testimonial-four{
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/early-days-saf.jpg);
}
.item-testimonial-five{
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/flying-eagle.jpg);
}
.carousel-caption {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0;
    position: relative;
}
.banner-text h2 {
    font-size: 40px;
    font-family: 'Helvetica';
    font-weight: bold;
    padding-bottom: 20px;
    text-transform: uppercase;
    line-height: 50px;
}
.banner-text h3 {
    font-size: 35px;
    font-family: 'Helvetica';
    letter-spacing: 2px;
    color: #fff;
    text-align: left;
    line-height: 42px;
    font-weight: normal;
    width: 53%;
}
.banner-text {
    width: 95%;
    margin: 0 auto;
    text-align: left !important;
}
.know-more a {
    padding: 18px 22px;
    display: inline-block;
    background: #d90d19;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Helvetica';
    text-shadow: none;
    text-decoration: none;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
}
.carousel-indicators li {
    display: inline-block;
    width: 7px !important;
    height: 7px !important;
    margin: 1px 4px;
    text-indent: -999px;
    cursor: pointer !important;
    background-color: #fff;
    border: none !important;
    border-radius: 10px;
    opacity: 1 !important;
}
.carousel-indicators .active {
    width: 7px;
    height: 7px;
    margin: 1px 4px;
    background-color: #d90d19;
}
.know-more {
    padding-top: 30px;
}
body.home .carousel-inner .carousel-item {
    height: 673px;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: inset 0px 0px 0px 672px rgba(0, 0, 0, 0.4);
    padding-top: 155px;
    padding-bottom: 155px;
    background-position: top center;
}
.know-more a:hover,
.news-one a:hover,
.stay-tuned a:hover {
    transition: all .3s ease-in-out;
    background: #fff;
    color: #d90d19;
}
.line-horizontal {
    width: 13%;
    float: left;
    padding-top: 89px;
    margin-right: 41px;
}
.loong-text {
    width: 66%;
    float: left;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.loong-text p {
    font-size: 22px;
    font-family: 'Verdana';
    line-height: 38px;
    letter-spacing: 1px;
    color: #000;
    width: 93%;
    margin: 0 auto;
}
.leekuan-container .loong-text p {
    color: #af050b;
    width: 100%;
    text-align: justify;
}
.leekuan-container .loong-text h4 {
    color: #000;
    line-height: 30px;
}
.loong-text h4 {
    color: #af050b;
    font-size: 22px;
    font-family: 'Verdana';
    letter-spacing: 1px;
    padding-top: 7px;
    line-height: 30px;
}
.line-horizontal.right-line {
    margin-right: 0;
    float: right;
}
.loong-container,
.leekuan-container {
    clear: both;
    overflow: hidden;
    padding-top: 94px;
    padding-bottom: 97px;
}
section.leekuan-container {
    background: #ebebeb;
    padding-bottom: 100px;
}
span.line-top,
span.line-bottom {
    width: 145px;
    display: inline-block;
    height: 1px;
    background: #9e0a0a;
}
span.line-bottom {
    width: 120px;
    float: right;
    margin-top: 41px;
}
.line-horizontal.right-line span.line-bottom {
    float: left;
}
.initiatives-container {
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/initiatives-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 99px;
    padding-top: 100px;
    box-shadow: inset 0px 0px 0px 1357px rgba(0, 0, 0, 0.48);
}
.section-title {
    text-align: center;
}
.section-title h2 {
    font-size: 36px;
    font-family: 'Helvetica';
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.initiatives-col-one,
.initiatives-col-two,
.initiatives-col-three,
.initiatives-col-four

{
    clear: both;
    overflow: hidden;
    padding-top: 60px;
    text-align: center;
}

.initiatives-col-five
{
  clear: both;
  overflow: hidden;
  padding-top: 60px;
  text-align: center;

}

.initiatives-column-row h5 {
    font-size: 18px;
    font-family: 'Helvetica';
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 27px;
    width: 70%;
    margin: 0 auto;
}
.initiatives-column-row h5 a {
    display: inline-block;
    color: #fff;
    margin-top: 33px;
    text-decoration: none;
}
.initiatives-column-row img {
    border-radius: 50%;
    border-color: #fff;
    padding: 3px;
    height: 200px;
    background-color: #fff;
    transition: all .3s ease-in-out;
}
.initiatives-column-row img:hover {
    border: 3px dashed #fff;
    transition: all .3s ease-in-out;
    background: transparent;
}
section.resources-container {
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/resources-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 101px;
    padding-bottom: 99px;
}
span.cine-text {
    text-transform: lowercase;
}
.section-title p {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #fff;
    line-height: 26px;
    padding-top: 38px;
    text-align: justify;
    width: 95%;
    margin: 0 auto;
}
.resources-container .initiatives-column-row h5 {
    width: 100%;
}
section.structure-container,
section.our-partners-container {
    clear: both;
    overflow: hidden;
    padding-top: 101px;
    padding-bottom: 104px;
}
section.structure-container .section-title h2,
section.our-partners-container .section-title h2 {
    color: #d80d19;
    padding-bottom: 43px;
}
.structure-text {
    width: 100%;
    margin: 0 auto;
}
.structure-text a {
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #9e0a0a;
    text-decoration: none;
    line-height: normal;
    pointer-events: none;
    font-style: bold;
}
.story-text p {
    opacity: 0.78;
}
.structure-text p,
.story-text p {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    line-height: 28px;
    text-align: justify;
    padding-bottom: 23px;
    padding-left: 15px;
    padding-right: 15px;
}
.partners-text p,
.partners-list p {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: justify;
    padding-bottom: 23px;
}
.partners-list p {
    padding-top: 30px;
}
.partners-list a {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #cf4052;
}
.partners-text {
    width: 95%;
    margin: 0 auto;
}
.partners-list {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding-top: 44px;
}
.partners-list ul {
    clear: both;
    overflow: hidden;
}
.partners-list ul li {
    list-style: none;
    float: none;
    margin-left: 15px;
    width: auto;
    margin-bottom: 20px;
    height: 91px;
    display: inline-block;
}
.partners-list ul li span {
    color: #fff;
}
.partners-list ul li:nth-child(1),
.partners-list ul li:nth-child(4),
.partners-list ul li:nth-child(7),
.partners-list ul li:nth-child(10),
.partners-list ul li:nth-child(13),
.partners-list ul li:nth-child(16) {
    margin-left: 0;
}
.partners-list ul li:nth-child(5) {
    width: 418px;
    height: 71px;
    line-height: 71px;
}
.partners-list ul li:nth-child(5),
.partners-list-mobile h3 {
    width: 201px;
    height: 71px;
    line-height: 71px;
    color: #ffff;
    font-size: 36px;
    font-family: 'Helvetica';
}
.partners-list-mobile h3 {
    width: 100%;
    text-align: center;
    font-size: 32px;
    height: 50px;
    line-height: 50px;
}
.partners-list-mobile.mobile-view {
    width: 90%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    text-align: center;
}
.partners-list-mobile.mobile-view ul {
    padding-top: 20px;
}
.partners-list-mobile.mobile-view ul li {
    padding-bottom: 5px;
}
.partners-list-mobile.mobile-view ul li:nth-child(1n) {
    width: 30%;
    display: inline-block;
}
.partners-list-mobile.mobile-view ul li:nth-child(2n) {
    width: 30%;
    display: inline-block;
}
.story-text p {
    text-align: justify;
    padding-left: 0;
    padding-right: 0;
}
p.contact-nexus {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    text-align: center;
    line-height: 28px;
    letter-spacing: 1px;
    padding-top: 8px;
}
p.contact-nexus a {
    color: #af050b;
    text-decoration: none;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
}
p.contact-nexus a:hover,
.modal-body a:hover {
    color: #000;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
}
section.story-container {
    clear: both;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 76px;
    background: #ebebeb;
}
section.story-container .section-title h2 {
    color: #d80d19;
    padding-bottom: 39px;
    text-align: left;
}
.our-purpose-row {
    clear: both;
    overflow: hidden;
    padding: 0 20px;
}
.story-left {
    width: 48%;
    float: left;
}
.story-right {
    width: 48%;
    float: right;
    padding-top: 45px;
}
.story-right img {
    float: right;
}
.initiatives-ipad {
    display: none;
}
.initiatives-column-row.resources-col {
    padding-top: 49px;
}
.structure-draw {
    clear: both;
    overflow: hidden;
    padding-top: 149px;
}
.director-nexus {
    position: relative;
    width: 76%;
    margin: 0 auto;
}
.sub-nexus {
    width: 234px;
    text-align: center;
    position: relative;
    margin-left: 190px;
}
.director-plan-sub-nexus,
.director-community-sub-nexus {
    width: 100%;
    text-align: center;
    position: relative;
}
.director-plan-main {
    width: 69%;
    clear: both;
    overflow: hidden;
    padding-top: 74px;
    margin-left: 38px;
}
.sub-nexus h5,
.sub-nexus h6,
.director-plan-sub-nexus h5,
.director-community-sub-nexus h5 {
    padding: 10px;
    background: #c0504e;
    color: #fff;
    border-radius: 5px;
    font-family: 'Helvetica';
    position: relative;
    z-index: 10;
    font-size: 18px;
}
.director-plan span.icon-struct,
.director-plan-sub-nexus h5 {
    background: #99b959;
    font-size: 16px;
}
.director-community span.icon-struct,
.director-community-sub-nexus h5 {
    background: #4baac4;
    font-size: 16px;
}
.sub-nexus h6 {
    background: #f2e7e7;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
}
span.icon-struct {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    text-align: center;
    background: #be504b;
    border-radius: 50%;
    color: #fff;
    top: -25px;
    margin: 0 auto;
    left: 37%;
    z-index: 1;
}
span.sub-struct-icon img {
    position: relative;
    top: 15px;
}
span.icon-struct img {
    position: relative;
    top: 3px;
}
i.sgds-icon.sgds-icon-person {
    line-height: 45px;
    font-size: 24px;
    color: #fff;
}
.director-plan {
    width: 48%;
    float: left;
}
.director-community {
    width: 48%;
    float: right;
}
.director-plan-sub {
    position: relative;
    width: 431px;
    left: 240px;
    top: -35px;
    z-index: 1;
}
.director-plan-sub:before {
    content: "";
    width: 100%;
    height: 120px;
    border-top: 2px solid #c0504e;
    border-right: 2px solid #c0504e;
    position: absolute;
    top: 15px;
    right: 10px;
    border-left: 2px solid #c0504e;
}
.bottom-office-main {
    clear: both;
    overflow: hidden;
    height: auto;
}
.plans-office-research,
.plans-office-research-second {
    width: 460px;
    float: left;
    text-align: center;
    margin-right: 10px
}
span.director-line-one {
    display: inline-block;
    height: 60px;
    width: 2px;
    background: #9aba57;
    margin: 0 auto;
    position: relative;
    left: 0px;
}
.director-plan span.icon-struct {
    left: 43%;
}
.director-community span.icon-struct {
    left: 42%;
}
.director-line-one-seperate {
    width: 240px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.director-line-one-seperate:before {
    content: "";
    width: 238px;
    height: 50px;
    border-top: 2px solid #9aba57;
    border-right: 2px solid #9aba57;
    position: absolute;
    top: 0;
    right: -10px;
    border-left: 2px solid #9aba57;
}
.director-plans-office {
    width: 225px;
    float: left;
    background: #9aba57;
    border-radius: 10px;
    font-family: 'Helvetica';
    font-size: 16px;
}
.director-plans-office-sub-nexus {
    clear: both;
    overflow: hidden;
    display: table;
    width: 100%;
}
.director-research-office {
    width: 225px;
    float: right;
    background: #9aba57;
    border-radius: 10px;
    font-family: 'Helvetica';
    font-size: 16px;
}
.director-plans-office h5,
.director-research-office h5 {
    color: #fff;
    text-align: center;
    line-height: 24px;
    padding: 5px 18px;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}
.director-plans-office-one {
    padding-top: 50px;
}
.director-research-office span,
.director-plans-office span {
    width: 45px;
    float: left;
    height: 85px;
    background: #e0e0e0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.director-research-office-sub-nexus{
    clear: both;
    overflow: hidden;
    display: table;
    width: 100%;
}

.plans-office-research-last {
    width: 225px;
    float: right;
    padding-top: 60px;
}
.plans-office-research-last .director-plans-office {
    width: 100%;
    background: #4babc4;
}
.plans-office-research-second span.director-line-one {
    background: #4babc4;
    left: 28%;
}
.plans-office-research-second .director-line-one-seperate:before {
    border: 2px solid #4babc4;
    border-bottom: none;
}
.plans-office-research-second .director-plans-office,
.plans-office-research-second .director-research-office {
    background: #4babc4;
}
.bold-section
{
    font-weight: bold;
}
.resource-defence-list-row a {
    color: #d90d19;
}
section.milestones-container {
    clear: both;
    overflow: hidden;
    padding-top: 101px;
    padding-bottom: 90px;
    background: #ececec;
}
section.milestones-container .section-title h2 {
    color: #d80d19;
    padding-bottom: 46px;
}
.content-break-container {
    clear: both;
    overflow: hidden;
    padding-top: 94px;
    padding-bottom: 106px;
    background: #cf4052;
}
section.content-break-container .loong-text p {
    color: #fff;
    padding-bottom: 21px;
}
section.content-break-container span.line-top,
section.content-break-container span.line-bottom {
    background: #fff;
}
section.content-break-container .loong-text {
    width: 70%;
}
/*Footer*/
footer.footer-container {
    background: #232323;
    clear: both;
    overflow: hidden;
}
.footer-left {
    width: 50%;
    float: left;
    position: relative;
}
.footer-left img {
    display: inline;
}
h6.footer-logo {
    display: inline-block;
    position: absolute;
    top: 41.5%;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Helvetica';
    letter-spacing: 1px;
    color: #fff;
    padding-left: 16px;
}
.footer-top {
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.footer-right {
    width: 50%;
    float: right;
    text-align: right;
    padding-top: 45px;
}
.footer-right ul li,
.copyright-left ul li {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}
.footer-right ul li:last-child,
.copyright-left ul li:last-child {
    border: none;
}
.footer-right ul li a,
.copyright-left ul li a,
.copyright-right p {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Helvetica';
    letter-spacing: 1px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
}
.footer-right ul li a:hover,
.copyright-left ul li a:hover,
.breadcrumb-title a:hover {
    color: #d90d19;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
}
.copyright-left {
    width: 50%;
    float: left;
}
.copyright-right {
    width: 50%;
    float: right;
    text-align: right;
}
.copyright-left a[target="_blank"]:after {
    display: inline-block;
    font-family: sgds-icons;
    content: "\e95c";
    padding-left: 0.25rem;
    font-weight: 400;
}
.footer-bottom {
    clear: both;
    overflow: hidden;
    padding-top: 24px;
    padding-bottom: 24px;
}
.copyright-left ul li:first-child {
    padding-left: 0;
}

.footer-right ul li:last-child {
    padding-right: 0;
}
.navbar-toggle {
    background-color: #d90d19;
    border-radius: 0;
    pointer-events: none;
}
.navbar-toggle .icon-bar {
    background: #fff;
}
.mobile-view {
    display: none;
}
/*Scroll*/
#scroll {
    position: fixed;
    right: 10px;
    bottom: 95px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #d90d19;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 9999;
}
#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff;
}
#scroll:hover {
    background-color: #232323;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.main-navigation {
    clear: both;
    overflow: hidden;
    height: auto;
}
.teafields-site-search {
    display: none;
    background: #fff;
    padding-bottom: 10px;
}
.navbar-item.search-item {
    margin-right: 0;
}
.navbar-burger {
    cursor: pointer;
    height: 40px;
    position: relative;
    width: 40px;
    margin-left: auto;
    line-height: normal;
    background: #d90d19;
    top: 30px;
    right: 20px;
}
.navbar-burger span {
    background-color: #fff;
    display: block;
    height: 2px;
    left: calc(50% - 15px);
    position: absolute;
    transform-origin: center;
    transition-duration: 86ms;
    transition-property: background-color, opacity, transform;
    transition-timing-function: ease-out;
    width: 30px;
}
.navbar-burger span:nth-child(1) {
    top: calc(50% - 8px);
}
.navbar-burger span:nth-child(2) {
    top: calc(50% - 0px);
}
.navbar-burger span:nth-child(3) {
    top: calc(50% + 8px);
}
.navbar-burger:hover {
    background-color: #d90d19;
}
.navbar-burger.is-active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}
/*Milestones*/
.milstones-row {
    clear: both;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 30px;
    width: 84%;
    margin: 0 auto;
}
.milestone-steps ul {
    text-align: center;
}
.milestone-steps ul li {
    display: inline-block;
    margin-right: 10px;
    width: auto;
    text-align: center;
    height: auto;
    background-image: linear-gradient(to right, #fdc608, #f38915);
    line-height: normal;
    transform: rotate(0deg) skew(25deg);
    border-radius: 5px;
    position: relative;
    padding: 10px 48px;
}
.milestone-steps ul li span {
    font-weight: bold;
    display: block;
    font-size: 20px;
    font-family: 'Helvetica';
    color: #fff;
    transform: rotate(0deg) skew(-25deg);
}
.milestone-steps ul li img {
    transform: rotate(0deg) skew(-25deg);
}
.milestone-steps ul li img {
    position: absolute;
}
.milestone-steps ul li:nth-child(1n) img {
    right: 40px;
    top: 60px;
}
.milestone-steps ul li:nth-child(2n) img {
    top: -10px;
}
.milestone-steps ul li:nth-child(2n) img {
    top: -60px;
    left: 45px;
}
.milestone-steps ul li:nth-child(2) {
    background-image: linear-gradient(to right, #0ee726, #399135);
}
.milestone-steps ul li:nth-child(3) {
    background-image: linear-gradient(to right, #da1317, #941e1b);
}
.milestone-steps ul li:nth-child(4) {
    background-image: linear-gradient(to right, #c684cf, #84248a);
}
.milestone-steps ul li:nth-child(5) {
    background-image: linear-gradient(to right, #56b1f3, #3d6cbe);
}
.milestone-steps ul li:nth-child(6) {
    background-image: linear-gradient(to right, #ff9700, #ff7200);
    padding: 10px 10px;
}
.milestones-col {
    width: 33.33333%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    padding-bottom: 10px;
}
span.circle-line {
    width: 8px;
    height: 8px;
    background: #646464;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    left: 100px;
}
span.circle-line::before {
    content: '';
    position: absolute;
    top: 0;
    left: 3px;
    width: auto;
    height: 115px;
    z-index: 1;
    border: 1px dashed #656565;
}
.milestones-col h3 {
    font-family: 'Helvetica';
    color: #000;
    font-size: 26px;
    font-weight: bold;
}
.milestones-col p {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #646463;
    line-height: 24px;
    padding-top: 10px;
    width: 76%;
    word-spacing: normal;
    word-wrap: normal;
    letter-spacing: normal;
    padding-bottom: 10px;
    text-align: left;
}
.milestones-col h2 {
    font-size: 68px;
    color: #bb000d;
    font-family: 'Helvetica';
    font-weight: bold;
}
.milestones-col ul li {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #646463;
    line-height: 24px;
    word-spacing: normal;
    letter-spacing: 0px;
    text-align: left;
    padding-bottom: 10px;
    list-style: disc;
    width: 76%;
}
.news-focus-text a{
	color: #d90c19;
}
.news-focus-text a:hover{
	color: #000;
	text-decoration: none;
}
.milestones-col ul {
    padding-left: 15px;
}
.milestones-col:first-child {
    padding-top: 55px;
}
.milestones-col:first-child span.circle-line:before {
    height: 140px;
}
.milestones-col:nth-child(3) span.circle-line:before {
    height: 35px;
}
.milstones-row.bottom-milestone {
    padding-top: 120px;
}
.milstones-row.bottom-milestone .milestones-col:first-child {
    padding-top: 0;
}
.milstones-row.bottom-milestone {
    float: right;
    width: 82%;
}
.milstones-row.bottom-milestone span.circle-line {
    transform: rotate(180deg);
    left: 180px;
}
.milstones-row.bottom-milestone .milestones-col:first-child span.circle-line {
    left: 140px;
}
.milstones-row.bottom-milestone .milestones-col:nth-child(2) span.circle-line {
    left: 120px;
}
.milstones-row.bottom-milestone .milestones-col:nth-child(3) span.circle-line {
    left: 100px;
}
.milstones-row.bottom-milestone .milestones-col span.circle-line::before {
    height: 120px;
}
.milestones-col:nth-child(2) span.circle-line {
    left: 75px;
}
.milestones-col:nth-child(3) span.circle-line {
    left: 45px;
}
.modal {
    text-align: center;
}
p.nexus-milestone-text {
    color: #000;
    opacity: 1;
}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal-content {
    background-color: transparent;
    border-radius: 20px;
}
.modal-header {
    background: #d80d19;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 29px;
    position: relative;
}
.modal-body {
    background: #fff;
    padding: 39px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.modal-header .close {
    margin-top: 0;
    opacity: 1;
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.initiatives-pop-header h3 {
    font-size: 26px;
    font-family: 'Helvetica';
    color: #fff;
    text-transform: uppercase;
    line-height: 36px;
    letter-spacing: 1px;
    font-weight: bold;
}
.modal-body h4 {
    font-size: 22px;
    font-family: 'Helvetica';
    color: #000;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 1px;
    font-weight: bold;
    padding-bottom: 20px;
}
.modal-body p {
    font-size: 20px;
    font-family: 'Helvetica';
    color: #000;
    line-height: 30px;
    text-align: justify;
    opacity: 0.75;
    word-spacing: normal;
}
.modal-body a {
    color: #d80d19;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    font-family: 'Helvetica';
}
a.visit-site-link {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 30px;
}
/*Popup*/
.modal-dialog {
    width: 735px;
}
i.sgds-icon.sgds-icon-cross {
    background: #fff;
    color: #d90e19;
    border-radius: 50%;
    font-size: 24px;
    font-weight: bold;
    transition: all .4s ease;
}
/*Our Resources*/
.breadcrumb-banner {
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/our-resources-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 135px;
    padding-bottom: 140px;
    background-position: top center;
    box-shadow: inset 0px 0px 0px 363px rgba(0, 0, 0, 0.48);
}
.breadcrumb-banner.news-focus-banner {
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/news-focus-banner.jpg);
}
.breadcrumb-banner.resource-pack-banner {
    background-image: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/resource-pack-banner.jpg);
}
h2.page-title {
    font-family: 'Helvetica';
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.5px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.has-background-secondary {
    background-color: transparent !important;
}
.sgds-breadcrumb a {
    text-decoration: none;
}
.breadcrumb-title {
    text-align: center;
}
.sgds-breadcrumb ol,
.sgds-breadcrumb ul {
    flex-grow: initial;
    margin: 0 auto;
}
span.breadcrumb-line {
    width: 202px;
    height: 2px;
    background: white;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.breadcrumb-title a {
    font-family: 'Helvetica';
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
section.history-container,
section.news-focus-container,
section.resource-package-container {
    clear: both;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 3px;
}
.history-row .section-title h2,
.news-focus-row .section-title h2,
.resource-package-row .section-title h2 {
    color: #d90c19;
}
.history-row,
.news-focus-row,
.resource-package-row {
    clear: both;
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
}
body.oral-history .history-row {
    width: 100%;
}
.history-text a, .story-text a{
    color: #d90c19;
    text-decoration: none;
}
.history-text a:hover, .story-text a:hover{
    color: #000;
}
.history-text p,
.news-focus-text p,
.resource-package-text p {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    line-height: 28px;
    text-align: justify;
    opacity: 0.8;
    padding-bottom: 23px;
}
.history-text,
.news-focus-text,
.resource-package-text {
    padding-top: 45px;
    padding-bottom: 72px;
}
.resource-package-text.information-packages-text {
    padding-bottom: 20px;
}
.history-text {
    padding-left: 15px;
    padding-right: 15px;
}
.history-recordings h2 {
    padding-bottom: 50px;
}
.recordings-list h4 {
    text-transform: uppercase;
    padding: 13px 26px;
    background: #ededed;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    font-family: 'Helvetica';
    color: #d90c19;
    margin-bottom: 20px;
}
.news-issue-content h4 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    font-family: 'Helvetica';
    color: #d90c19;
    padding-bottom: 13px;
    padding-top: 13px;
}
.recording-content {
    position: relative;
}
.recording-content-text {
    position: absolute;
    top: 0;
    width: 78%;
    padding: 40px;
}
.recordings-list p {
    width: 90%;
    margin-left: 0px !important;
}
.recording-content-text h6 {
    position: relative;
    right: 11%;
}
h6.more-space-left-side {
    right: 24.3%;
}
.recording-content-text.right-postion p {
    margin-right: 0 !important;
    margin-left: auto !important;
}
.recording-content-text.right-postion h6 {
    right: 0;
}
.recordings-list p {
    font-size: 24px;
    font-family: 'Helvetica';
    color: #fff;
    line-height: 40px;
    text-align: justify;
    padding-top: 10px;
    margin: 0 auto;
}
.recording-content-text h6 {
    font-size: 24px;
    font-family: 'Helvetica';
    color: #fff;
    padding-top: 40px;
    text-align: right;
    line-height: 32px;
}
.recording-content-text span {
    font-size: 36px;
}
.right-postion {
    right: 0;
}
p.experience-text {
    color: #da0d19;
    padding-top: 0;
}
.recordings-list {
    padding-bottom: 33px;
}
.modal-open {
    overflow: hidden;
    padding-right: 0 !important;
}
.modal-open .modal {
    z-index: 9999;
    background: rgba(0, 0, 0, 0.27);
}
.structure-draw.mobile-view,
.milestones-view.mobile-view {
    width: 90%;
    margin: 0 auto;
    padding-top: 45px;
}
.milestones-view.mobile-view {
    padding-top: 0;
}
.news-issue-container {
    padding: 33px 0px 46px 0px;
    clear: both;
    overflow: hidden;
}
.bg-news-issue {
    background: #ffffff;
}
.news-issue-content ul li,
.resource-package-list ul li {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: justify;
    opacity: 0.8;
    clear: both;
    overflow: hidden;
}
.news-issue-content ul li::before,
.resource-package-list ul li::before {
    content: "•";
    vertical-align: middle;
    font-size: 20px;
    color: #d90c19;
    position: relative;
    top: 0;
    padding-right: 0;
    float: left;
}
.news-focus-text p {
    padding-bottom: 0;
}
.news-issue-content {
    width: 78%;
    float: left;
}
.col-download {
    width: 22%;
    float: left;
    padding-top: 13px;
}
.col-download a {
    color: #232323;
    text-decoration: none;
    display: inline-block;
    position: relative;
    top: -13px;
    transition: all .4s ease;
}
.col-download a:hover,
.resource-package-list-bg a:hover,
.resource-defence-text a:hover {
    color: #d90c19;
    transition: all .4s ease;
}
.col-download img {
    position: relative;
    top: 7px;
}
.resource-defence-list-row p {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: justify;
    opacity: 0.8;
    padding: 60px 0 98px 0px;
    font-weight: bold;
    font-style: italic;
}
.resource-defence-list-row.engagement-resource-list-row p {
    padding-top: 0;
    padding-bottom: 30px;
    font-weight: normal;
    font-style: normal;
}
.resource-defence-text a {
    color: #000;
    text-decoration: none;
}
.modal-body sup {
    font-size: 20px;
}
.col-download h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #202020;
    font-family: 'Helvetica';
    font-weight: bold;
    line-height: 25px;
}
.resource-package-list h4 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    font-family: 'Helvetica';
    color: #d90c19;
}
.resource-package-list-bg {
    padding: 12px 26px 2px 26px;
    background: #ededed;
    clear: both;
    overflow: hidden;
}
.resource-package-list-bg.bottom-resource-list {
    padding: 12px 26px 12px 26px;
}
.resource-package-list ul {
    padding: 9px 35px;
}
.resource-package-list {
    padding-bottom: 24px;
}
.resource-package-list-bg h4 {
    float: left;
}
.resource-package-list-bg p {
    float: right;
    padding: 0;
    opacity: 1;
}
.resource-package-list-bg a {
    font-size: 18px;
    text-transform: uppercase;
    color: #232323;
    font-family: 'Helvetica';
    font-weight: bold;
    line-height: 25px;
    text-decoration: none;
    position: relative;
    top: -12px;
    transition: all .4s ease;
}
.resource-package-list-bg img {
    position: relative;
    top: 8px;
}
.milestones-view-mobile {
    display: none;
}
a.navbar-item.is-active,
a.navbar-item:hover,
a.navbar-link.is-active,
a.navbar-link:hover {
    background-color: transparent;
}
.navbar-item img {
    max-height: none;
}
.sticky .navbar-item img {
    width: 87%;
}
.notfound-page-row {
    width: 85%;
    padding: 75px 0;
    margin: 0 auto;
}
.notfound-page-row h3 {
    font-family: "Helvetica";
    font-size: 34px;
    color: #d90d19;
    font-weight: bold;
    line-height: 46px;
    padding-bottom: 10px;
}
.notfound-page-row p {
    font-family: "Helvetica";
    font-size: 16px;
    color: #000;
    opacity: 0.8;
    padding-bottom: 6px;
}
.notfound-page-row h4 {
    font-family: "Helvetica";
    font-size: 24px;
    color: #000;
    opacity: 0.8;
    line-height: 40px;
    padding-bottom: 6px;
}
.banner-text sup {
    font-size: 22px;
}
.initiatives-col-three span,
.initiatives-pop-header span {
    text-transform: lowercase;
}
.news-issue-content ul li span,
.resource-package-list ul li span {
    width: 98%;
    float: left;
    padding-left: 10px;
}
.mobile-view {
    display: none;
}
body.oral-history .carousel-inner .carousel-item {
    height: 391px;
    background-position: center center;
}
.history-recordings.desktop-view {
    padding: 0 15px;
}
.director-icon,
.director-plan-icon,
.director-community-icon,
.director-plans-office-icon,
.director-research-office-icon,
.partnership-office-icon,
.community-office-icon,
.stakeholders-icon {
    width: 50px;
    height: 50px;
    display: block;
}
.director-icon {
    background: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/structure-icon.png) -36px -104px;
    vertical-align: middle;
}
.director-plan-icon,
.director-community-icon {
    background: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/structure-icon.png) 4px -104px;
    vertical-align: middle;
}
.director-plans-office-icon {
    background: url(/Frontend-Assembly/MINDEF_NEXUS/assets/images/structure-icon.png) -53px 2px;
    vertical-align: middle;
    margin-top: 15px;
}
.director-research-office-icon {
    background: url('/Frontend-Assembly/MINDEF_NEXUS/assets/images/structure-icon.png') -4px 2px;
    vertical-align: middle;
    margin-top: 15px;
}
.partnership-office-icon {
    background: url('/Frontend-Assembly/MINDEF_NEXUS/assets/images/structure-icon.png') -98px 2px;
    vertical-align: middle;
    margin-top: 15px;
}
.community-office-icon {
    background: url('/Frontend-Assembly/MINDEF_NEXUS/assets/images/structure-icon.png') -51px -45px;
    vertical-align: middle;
    margin-top: 15px;
}
.stakeholders-icon {
    background: url('/Frontend-Assembly/MINDEF_NEXUS/assets/images/structure-icon.png') -3px -48px;
    vertical-align: middle;
    margin-top: 15px;
}
.director-line-one-seperate.two:before{
    left: 103%;
    border: 2px solid #4babc4;
    border-left: none;
    border-bottom: none;
}
/*terms of use page and privacy statements page*/
.story-left.terms-of-use-section-full {
    width: 95%;
    float: none;
    margin: 0 auto;
}
.section-title.terms-of-use-section-title h2 {
    text-align: center !important;
}
.story-text.terms-of-use-section-contents ol li {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    line-height: 28px;
    text-align: justify;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    list-style: decimal;
}
.story-text.terms-of-use-section-contents ul li {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    line-height: 28px;
    text-align: justify;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    list-style: lower-alpha;
}
.story-text.terms-of-use-section-contents ul {
    padding-left: 20px;
    padding-bottom: 8px;
}
section#terms-of-uses-1 .section-title.terms-of-use-section-title h2 {padding-bottom: 5px !important;}
section#terms-of-uses-1 .section-title.terms-of-use-section-title p{padding-top: 0px;text-align: center;color: #000;padding-bottom: 40px;}
section#terms-of-uses, section#terms-of-uses-1 {
    background: #f7f7f7;
}
.story-text.terms-of-use-section-contents ul li, .story-text.terms-of-use-section-contents ol li{
opacity: 0.78;
}
section#terms-of-uses-1 .story-text.terms-of-use-section-contents ul, section#terms-of-uses-1 .story-text.terms-of-use-section-contents ol {
    padding-left: 56px;
    padding-bottom: 23px;
}
section#terms-of-uses-1 .story-text.terms-of-use-section-contents ul li:last-child, section#terms-of-uses-1 .story-text.terms-of-use-section-contents ol li:last-child{
padding-bottom: 0px;
}

section#terms-of-uses-1 .story-text.terms-of-use-section-contents p{
padding-left: 40px;
}
.story-text.terms-of-use-section-contents h2 {
    font-size: 24px;
    font-family: 'Helvetica';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 20px;
    padding-top: 20px;
}
ol.inner-order-list {
    padding-left: 20px;
    padding-bottom: 8px;
}
ol.inner-order-list li {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    line-height: 28px;
    text-align: justify;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    list-style: lower-alpha !important;
}
ol.terms-headings {
    padding-left: 36px !important;
    padding-bottom: 0px !important;
}
ol.terms-headings li {
    font-size: 24px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/*contactus page*/
.contactus-address {
    width: 358px;
    margin: 0 auto;
    background-color: rgba(218, 13, 25, 0.85);
    padding-left: 48px;
    padding-bottom: 33px;
}
.contactus-address h3 {
    font-size: 22px;
    font-family: 'Helvetica';
    font-weight: bold;
    color: #fff;
    padding-top: 47px;
    padding-bottom: 47px;
    text-shadow: 1px 1px 1px #000000;
}
.contactus-address ul li {
    font-family: 'Helvetica';
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}
.contactus-address ul li a{
    font-family: 'Helvetica';
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}
.contactus-address-head {
    padding-bottom: 4px;
}
.contactus-address-enquire ul li {
    padding-bottom: 12px;
}
section#contactus {
    background: #ffffff;
    padding-bottom: 0px;
}
.contactus-address-head ul li:before {
    content: "";
    position: absolute;
    font-family: 'sgds-icons' !important;
    left: 13px;
    font-size: 20px;
}
.contactus-address-head ul li {
    padding-left: 40px;
    position: relative;
    text-shadow: 1px 1px 1px #000000;
}
.contactus-address-enquire ul li {
    position: relative;
    padding-left: 40px;
    text-shadow: 1px 1px 1px #000000;
}
.contactus-address-enquire ul li:first-child::before {
    content: "";
    position: absolute;
    left: 13px;
    font-family: 'sgds-icons' !important;
    font-size: 20px;
}
.contactus-address-enquire ul li:last-child::before {
    position: absolute;
    left: 13px;
    font-family: 'sgds-icons' !important;
    font-size: 20px;
    content: "";
}
.section-title.terms-of-use-section-title.contactus-heading p {
    font-size: 16px;
    font-family: 'Helvetica';
    color: #000;
    text-align: center;
    padding-bottom: 45px;
    opacity: 0.75;
}
.section-title.terms-of-use-section-title.contactus-heading h2 {
    padding-bottom: 0px;
}
.contactus-page-inner {
    position: relative;
}
.contactus-page-map {
    position: absolute;
    width: 100%;
}
.contactus-address {
    position: absolute;
    left: 60%;
    top: 9%;
}
.contactus-page-inner {
    position: relative;
    overflow: hidden;
    clear: both;
    height: 512px;
}
.copyright-right.desktop-view p {
    line-height: 26px;
}
.copyright-left{
    padding-top: 17px;
}

section.resource-package-container.others-sections a {
    font-size: 16px;
    font-family: 'Helvetica';
}
section.resource-package-container.others-sections a:hover {
    text-decoration: none;
    box-shadow: none;
    color: #000;
}
p.list-paragraph {
    padding-left: 20px;
}
section.resource-package-container.others-sections {
    padding-top: 50px;
    padding-bottom: 99px;
}
section.resource-package-container.neresources-main-sections{
    padding-bottom: 0px;
}

/*Responsive*/
@media (min-width: 1400px){
.contactus-page-inner{width: 1349px;margin: 0 auto;}
}

@media (min-width:1100px) and (max-width: 1349px) {
    .recordings-list p{width: 100%;}
    h6.more-space-left-side {right: 20.3% !important;}
    .recording-content-text h6{right: 0%;}
    .layout-978 {width: 95%;margin: 0 auto;}
    .site-brand {width: 23%;}
    .main-nav-container {width: 77%;}
    .safti-units-list .row {margin: 0 auto;}
    .navbar-brand {width: 15%;}
    .navbar-item,
    .navbar-link {font-size: 16px;}
    .navbar-item {margin-right: 20px;}
    .navbar-item.is-stretched.navbar-last {margin-right: 0px;}
    .sgds-container,
    .navbar-width,
    .sgds-container.top-header {width: 95%;min-width: 95%;max-width: 95%;}
    .publications-left,
    .publications-right {height: 330px;}
    .publications-image img {height: 100%;}
    #scroll {bottom: 190px;}
    .publications-details p {font-size: 16px;line-height: 30px;}
    .director-plan-main {width: 72%;}
    span.circle-line {left: 80px;}
    .director-plan-sub:before {right: 5px;}
    span.director-line-one {left: 6px;}
    .plans-office-research-second span.director-line-one {left: -33px;}
    .partners-list {width: 60%;}
    span.circle-line::before {height: 115px;}
    .milestones-col:first-child span.circle-line:before {height: 120px;}
    .structure-text p,
    .story-text p,
    .partners-text p,
    .partners-list p,
    .section-title p {font-size: 16px;}
    .banner-text h3 {width: 56%;}
    .history-row {width: 90%;}
}

@media (min-width: 1025px) and (max-width: 1119px) {
    .recordings-list p{width: 100%;}
    h6.more-space-left-side {right: 18.3% !important;}
    .recording-content-text h6{right: 0%;}
    .layout-978 {width: 95%;margin: 0 auto;}
    .site-brand {width: 21%;}
    .main-nav-container {width: 79%;}
    .navbar-nav > li > a {font-size: 16px;}
    .safti-units-list .row {margin: 0 auto;}
    .navbar-nav > li {padding-left: 41px;}
    h3.banner-title {font-size: 44px;}
    .banner-links ul li {width: 190px;}
    .safti-units-list h5 {font-size: 18px;}
    .course-title h6 {font-size: 18px;}
    .navbar-brand {width: 15%;}
    .navbar-item {margin-right: 18px;}
    .navbar-item,
    .navbar-link {font-size: 16px;}
    .navbar-item:last-child {margin-right: 0px;}
    .navbar-item.is-stretched.navbar-last {margin-right: 0px;}
    .sgds-container,
    .navbar-width,
    .sgds-container.top-header {width: 95%;min-width: 95%;max-width: 95%;}
    .navbar-link h6 {font-size: 16px;}
    .publications-details h4 {font-size: 18px;line-height: 24px;}
    .publications-details p {font-size: 16px;line-height: 24px;}
    #scroll {bottom: 190px;}
    .publications-details a {font-size: 16px;}
    .partners-list {width: 83%;}
    .milestones-view-mobile {display: block;}
    .milestones-view-desktop {display: none;}
    .structure-text p,
    .story-text p,
    .partners-text p,
    .partners-list p,
    .section-title p {font-size: 16px;}
    .resource-package-list h4,
    .resource-package-list-bg a {font-size: 16px;}
    .news-issue-content ul li,
    .resource-package-list ul li {font-size: 16px;padding-bottom: 5px;line-height: 23px;}
    .banner-text h3 {font-size: 30px;}
    .banner-text h2 {font-size: 32px;}
    .banner-text h3 {width: 80%;}
    .footer-right ul li a,
    .copyright-left ul li a,
    .copyright-right p {font-size: 16px;}
    .recordings-list p,.recording-content-text h6  {font-size: 22px;line-height: 32px;}
    .history-row {width: 90%;}
}

/*Resize*/
@media (min-width:1025px) and (max-width:1090px) {
    .publications-details h4 {font-size: 16px;line-height: 20px;}
    .publications-details p {font-size: 16px;line-height: 25px;}
    .publications-details a {font-size: 16px;}
    .partners-list {width: 67%;}
    .recording-content-text {padding: 20px;}
}

@media (min-width:1091px) and (max-width:1240px) {
    .partners-list {width: 65%;}
    .milestones-view-mobile {display: block;}
    .milestones-view-desktop {display: none;}
    .navbar-brand {width: 13%;}
    .navbar-item {margin-right: 8px;}
    .navbar-item:last-child {margin-right: 0px;}
}

@media (min-width:768px) and (max-width:1024px) {
    .copyright-left{padding-top: 0px;}
    .footer-bottom{padding-bottom: 24px;}
    .recordings-list p{width: 100%;}
    .recording-content-text h6{right: 0%;}
    .layout-978 {width: 95%;}
    .site-brand,
    .main-nav-container {width: 100%;float: none;text-align: center;}
    .main-nav-container {padding-top: 25px;padding-bottom: 25px;}
    .banner-content {width: 90%;}
    .navbar-nav > li {padding-left: 21px;}
    .navbar-nav > li > a {font-size: 16px;}
    .main-text,
    .courses-container .main-text,
    p.courses-text {width: 100%;}
    .col-courses {height: auto;width: 50%;}
    .vision-mission {width: 100%;}
    .safti-units-list .col-sm-3 {width: 50%;}
    .safti-units-list .row {margin: 0 auto;padding-bottom: 15px;display: block;}
    .publications-left,
    .publications-right,
    .publications-image,
    .publications-details {width: 100%;}
    .publications-details {padding-bottom: 20px;}
    .publications-right {margin-top: 35px;}
    .publications-list {width: 50%;}
    .copyright-right {padding-top: 15px;}
    .copyright-right p {padding-bottom: 15px;}
    .copyright-right p:last-child {padding-bottom: 0;}
    .copyright-left,
    .copyright-right {width: 100%;float: none;text-align: left;}
    .sgds-container,
    .navbar-width,
    .sgds-container.top-header {width: 100%;min-width: 100%;}
    .navbar-brand {width: 100%;padding-left: 0;}
    div#mainnav-4 {padding-top: 15px;margin-bottom: 23px;box-shadow: none !important;}
    .navbar-item,
    .navbar-link {display: block;margin-right: 0;}
    .safti-units-list .col-sm-3 {width: 50%;}
    .safti-units-list h5 {font-size: 18px;}
    .sgds-masthead .sgds-container {padding-left: 0;padding-right: 0;}
    .navbar-item,
    .navbar-link {padding: 7px;}
    .story-right img {float: none;}
    .history-row,
    .news-focus-row,
    .resource-package-row {width: 95%;}
    .banner-text h3 {font-size: 30px;}
    .banner-text h2 {font-size: 32px;}
    .banner-text h3 {width: 80%;}
    .partners-list {width: 86%;}
    .news-issue-content ul li,
    .resource-package-list ul li {line-height: 22px;padding-bottom: 5px;}
    .milestones-view-mobile {display: block;}
    .milestones-view-desktop {display: none;}
    .structure-draw {padding-top: 90px;width: 90%;margin: 0 auto;}
    .milestones-view {width: 90%;margin: 0 auto;}
    .footer-right {float: none;clear: both;padding-top: 15px;}
    .footer-left{width: 100%;text-align: left;}
    .footer-right ul li, .copyright-left ul li{display: block;text-align: left;border-right: none;padding: 0;}
    .sgds-container {width: 95%;min-width: 95%;}
    .contactus-address{left: 50%;}
    .footer-left a {padding-left: 0;}
}

@media (min-width:961px) and (max-width:1024px) {
    .partners-list {width: 75%;}
    .story-left,
    .story-right {width: 100%;float: none;}
    .story-right img {float: none;}
    .story-right {text-align: center;}
    .mobile-view {display: none;}
    .recording-content-text {padding: 25px;}
    .recordings-list p, .recording-content-text h6{font-size: 22px;line-height: 32px;}
}

/*Ipad*/
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .site-brand {width: 22%;}
    .main-nav-container {width: 78%;}
    .navbar-nav > li {padding-left: 28px;}
    .navbar-nav > li > a {font-size: 16px;}
    .banner-content {width: 85%;}
    .safti-units-list .row {padding-bottom: 55px;}
    .safti-units-list h5 {font-size: 16px;}
    .course-title h6 {font-size: 18px;}
    .publications-details p {font-size: 16px;line-height: 24px;}
    .publications-details h4 {font-size: 18px;}
    .publications-details a {font-size: 16px;}
    .copyright-right p {padding-bottom: 10px;}
    .copyright-right p:last-child {padding-bottom: 0;}
    .navbar-item {margin-right: 0;}
    .navbar-item,
    .navbar-link {font-size: 16px;padding: 6px;}
    .navbar-link h6 {font-size: 16px;}
    .navbar-brand {width: 15%;}
    .col.has-text-centered-touch {padding-left: 15px;}
    div#mainnav-4 {padding-top: 23px;}
    .safti-units-list .col-sm-3 {width: 25%;}
    .sgds-masthead .sgds-container {padding-left: 15px;padding-right: 15px;}
    button#search-toggle {height: 4.25em;}
    .partners-list {width: 66%;}
    .mobile-view,
    .navbar-end {display: none;}
    .recording-content-text {padding: 30px;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .site-brand,
    .main-nav-container {width: 100%;float: none;text-align: center;}
    .main-nav-container {padding-top: 25px;padding-bottom: 25px;}
    .banner-content {width: 70%;}
    .navbar-nav > li {padding-left: 21px;}
    .navbar-nav > li > a {font-size: 16px;}
    .main-text,
    .courses-container .main-text,
    p.courses-text {width: 100%;}
    .col-courses {height: auto;width: 50%;}
    .vision-mission {width: 100%;}
    .safti-units-list .col-sm-3 {width: 50%;}
    .safti-units-list .row {margin: 0 auto;padding-bottom: 15px;}
    .publications-left,
    .publications-right,
    .publications-image,
    .publications-details {width: 100%;}
    .publications-details {padding-bottom: 20px;}
    .publications-right {margin-top: 35px;}
    .publications-list {width: 50%;}
    .copyright-right {padding-top: 15px;}
    .copyright-right p {padding-bottom: 15px;}
    .copyright-right p:last-child {padding-bottom: 0;}
    .desktop-view {display: none;}
    .mobile-view {display: block;}
    .copyright-left,
    .copyright-right {width: 100%;float: none;text-align: center;}
    .navbar-brand {width: 100%;}
    div#mainnav-4 {padding-top: 90px;margin-bottom: 23px;}
    .navbar-item,
    .navbar-link {display: block;margin-right: 0;}
    .sgds-masthead .sgds-container {padding-left: 0;padding-right: 0;}
    .banner-text h2 {font-size: 32px;line-height: 40px;}
    .partners-list ul li:nth-child(6) {width: 201px;}
    .partners-list ul li:nth-child,
    .partners-list ul li:nth-child(12) {height: 70px;line-height: 70px;}
    .partners-list ul li:nth-child(1),
    .partners-list ul li:nth-child(5),
    .partners-list ul li:nth-child(12) {margin-left: 15px;}
    .partners-list ul li:nth-child(odd) {margin-left: 0;}
    .partners-list {width: 58%;}
    .resource-package-list h4 {font-size: 16px;}
    .resource-package-list-bg a {font-size: 16px;}
    .resource-package-list-bg p {float: right;padding-top: 0;}
    .resource-package-list-bg h4 {float: left;}
    .initiatives-column-row .col {padding-bottom: 30px;}
    .initiatives-column-row h5 a {margin-top: 10px;}
    .initiatives-desktop {display: none;}
    .initiatives-ipad {display: block;}
    .recordings-list p,
    .recording-content-text h6 {font-size: 16px;line-height: 25px;}
    .recording-content-text {padding: 15px;width: 75%;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .layout-978 {width: 95%;}
    .navbar > .sgds-container {width: 97%;margin: 0 auto;min-width: 97%;}
    .sgds-container {width: 95%;min-width: 95%;}
    .footer-bottom {padding-bottom: 24px;}
    #scroll {bottom: 60px;}
    .banner-content {width: 90%;}
    .banner-text h3 {width: 100%;}
    .navbar-item,
    .navbar-link {padding: 6px;}
    span.line-top,
    span.line-bottom {width: 90px;}
    .story-left,
    .story-right {width: 100%;float: none;}
    .story-right {text-align: center;}
    .story-right img {float: none;}
    .modal-open .modal{padding-right: 0px !important;}
}

@media (max-width:960px) and (min-width:768px) {
    .resource-package-list-bg h4 {float: none;}
    .resource-package-list-bg p {float: none;padding-top: 15px;}
    .site-brand,
    .main-nav-container {width: 100%;float: none;text-align: center;}
    .main-nav-container {padding-top: 25px;padding-bottom: 25px;}
    .banner-content {width: 90%;}
    .navbar-nav > li {padding-left: 21px;}
    .navbar-nav > li > a {font-size: 16px;}
    .main-text,
    .courses-container .main-text,
    p.courses-text {width: 100%;}
    .col-courses {height: auto;width: 50%;}
    .vision-mission {width: 100%;}
    .safti-units-list .col-sm-3 {width: 50%;}
    .safti-units-list .row {margin: 0 auto;padding-bottom: 15px;}
    .publications-left,
    .publications-right,
    .publications-image,
    .publications-details {width: 100%;}
    .publications-details {padding-bottom: 20px;}
    .publications-right {margin-top: 35px;}
    .publications-list {width: 50%;}
    .copyright-right {padding-top: 15px;}
    .copyright-right p {padding-bottom: 15px;}
    .copyright-right p:last-child {padding-bottom: 0;}
    .desktop-view {display: none;}
    .mobile-view {display: block;}
    .copyright-left,
    .copyright-right {width: 100%;float: none;text-align: left;}
    .navbar-brand {width: 100%;}
    div#mainnav-4 {padding-top: 15px;margin-bottom: 23px;box-shadow: none !important;}
    .navbar-item,
    .navbar-link {display: block;margin-right: 0;}
    .sgds-masthead .sgds-container {padding-left: 0;padding-right: 0;}
    .banner-text h2 {font-size: 32px;line-height: 40px;}
    .partners-list ul li:nth-child(6) {width: 201px;}
    .partners-list ul li,
    .partners-list ul li:nth-child(6) {height: 70px;line-height: 70px;}
    .partners-list ul li:nth-child(1),
    .partners-list ul li:nth-child(5),
    .partners-list ul li:nth-child(8) {margin-left: 15px;}
    .partners-list ul li:nth-child(odd) {margin-left: 0;}
    .partners-list {width: 58%;}
    .resource-package-list h4 {font-size: 16px;}
    .resource-package-list-bg a {font-size: 16px;}
    .resource-package-list-bg p {float: right;padding-top: 0;}
    .resource-package-list-bg h4 {float: left;}
    .initiatives-column-row .col {padding-bottom: 30px;}
    .initiatives-column-row h5 a {margin-top: 10px;}
    .initiatives-col-one,
    .initiatives-col-two,
    .initiatives-col-three {padding-top: 30px;}
    .story-left,
    .story-right {width: 100%;float: none;}
    .story-right img {float: none;}
    .story-right {text-align: center;}
    p.contact-nexus {padding: 0 15px;}
    .partners-list-mobile.mobile-view {width: 59%;}
    .initiatives-desktop {display: none;}
    .initiatives-ipad {display: block;}
    .initiatives-column-row .col {padding-bottom: 30px;width: 50%;float: left;height: 333px;}
    .initiatives-column-row.initiatives-ipad {clear: both;overflow: hidden;padding-top: 30px;}
    .initiatives-column-row h5 {font-size: 16px;width: 90%;}
    .row:not(.is-desktop) {display: block;}
    .navigation-container.sticky .navbar-burger {top: 20px;}
    .navbar-brand {width: 100%;}
    .recordings-list p,
    .recording-content-text h6 {font-size: 16px;line-height: 25px;}
    .recording-content-text {padding: 15px;width: 75%;}
    .recording-content-text h6 {padding-top: 15px;}
}

@media (min-width:420px) and (max-width:767px) {
    .sticky {position: static;}
}

@media (min-width:668px) and (max-width:767px) {
    .partners-list-mobile.mobile-view {width: 64%;}
}

/*Mobile*/
@media only screen and (max-width:767px) {
    .modal-open .modal{padding-right: 0px !important;}
    ol.terms-headings li {font-size: 24px !important;text-transform: uppercase;letter-spacing: 1px;text-align: left !important;padding-top: 20px;}
    ol.terms-headings li h2{font-size: 22px;}
    ol.terms-headings{padding-left: 10px !important;}
    h6.more-space-left-side {right: 0%;}
    .recordings-list p{width: 100%;}
    .recording-content-text h6{right: 0%;}
    .recordings-list p {margin-left: auto !important;}
    .layout-978 {width: 95%;}
    .banner-content {width: 90%;float: none;}
    .banner-text h3 {width: 100%;font-size: 24px;line-height: 34px;}
    .main-nav-container {padding-top: 42px;padding-bottom: 42px;}
    .banner-text h2 {font-size: 30px;line-height: 40px;}
    h3.banner-title {font-size: 38px;letter-spacing: 2px;}
    .banner-links ul li {width: 50%;}
    body.home .carousel-inner .carousel-item {padding-top: 90px;}
    .main-text {width: 100%;}
    .vision-mission,
    .mission-col,
    .vision-col {width: 100%;height: auto;}
    .vision-col {margin-top: 35px;}
    .safti-units-list .row {padding-bottom: 0;}
    .safti-units-list .col-sm-3 {padding-bottom: 20px;}
    .courses-container .main-text,
    p.courses-text,
    .news-col,
    .events-col {width: 100%;}
    .events-col,
    .publications-right {margin-top: 35px;}
    .col-courses {width: 100%;height: auto;}
    .publications-left,
    .publications-right,
    .publications-image,
    .publications-details {width: 100%;}
    .publications-details {padding-bottom: 20px;}
    .footer-left,
    .footer-right {float: none;width: 100%;}
    .footer-right {padding-top: 15px;text-align: center;padding-left: 25px;}
    .copyright-left,
    .copyright-right {width: 100%;float: none;text-align: center;}
    .footer-right ul li a,
    .copyright-left ul li a,
    .copyright-right p {font-size: 16px;}
    .copyright-right {padding-top: 15px;}
    .copyright-right p {padding-bottom: 15px;}
    .copyright-right p:last-child {padding-bottom: 0;}
    .desktop-view {display: none;}
    .mobile-view {display: block;}
    .course-title h6 {font-size: 16px;}
    .about-content {padding-left: 0;padding-right: 0;}
    .footer-left {position: static;text-align: left;padding-left: 20px;}
    h6.footer-logo {position: relative;top: -25px;}
    .main-nav-container {display: none;}
    .navbar-brand {width: 100%;padding-left: 0;}
    .sgds-container,
    .navbar-width,
    .sgds-container.top-header {width: 100%;min-width: 100%;max-width: 100%;}
    .sgds-masthead .sgds-container {padding-left: 0;padding-right: 0;}
    div#mainnav-4 {padding-top: 0px;margin-bottom: 0;box-shadow: none;}
    .navbar-item,
    .navbar-link {display: block;margin-right: 0;padding: 7px;}
    #scroll {bottom: 30px;}
    .line-horizontal {padding-top: 0;width: 100%;float: none;}
    span.line-top,
    span.line-bottom {display: block;margin: 0 auto;}
    span.line-bottom {float: none;margin-bottom: 15px;position: relative;top: 10px;}
    .loong-text {width: 100%;float: none;padding-top: 30px;padding-bottom: 30px;}
    .loong-text p,
    .leekuan-container .loong-text p {width: 95%;text-align: justify;}
    .line-horizontal.right-line,
    .line-horizontal.right-line span.line-bottom {margin: 0 auto;float: none;}
    .story-left,
    .story-right {width: 100%;float: none;padding: 0;}
    .story-right {padding-top: 15px;text-align: center;}
    .story-right img {float: none;}
    .partners-text {width: 90%;}
    .partners-list ul li {float: none;margin-left: 0;margin-right: 0;}
    .partners-list ul li:nth-child(6) {width: 201px;margin-left: auto;margin-right: auto;}
    .section-title h2 {font-size: 30px;line-height: 38px;}
    .section-title p,
    .structure-text {width: 90%;}
    p.contact-nexus {padding-left: 15px;padding-right: 15px;line-height: 30px;}
    .initiatives-column-row .col {width: 100%;margin-bottom: 30px;min-width: 100% !important;}
    .modal-dialog {width: 95%;margin: 0 auto;}
    .history-row,
    .news-focus-row,
    .resource-package-row {width: 90%;}
    .news-issue-content,
    .col-download {width: 100%;float: none;}
    .col-download {padding-top: 30px;}
    .resource-package-list-bg h4 {float: none;}
    .resource-package-list-bg p {float: none;padding-top: 15px;}
    .initiatives-column-row h5 a {margin-top: 15px;}
    .banner-text sup {font-size: 18px;}
    .initiatives-col-one,
    .initiatives-col-two,
    .initiatives-col-three {padding-top: 30px;}
    .news-issue-content ul li,
    .resource-package-list ul li {line-height: 24px;padding-bottom: 5px;}
    .resource-package-list ul {padding: 9px 21px;}
    .news-issue-content ul li span,
    .resource-package-list ul li span {width: 95%;}
    .desktop-view {display: none;}
    .mobile-view {display: block;}
    .initiatives-column-row {padding-top: 30px;}
    .milestones-view-mobile {display: block;width: 90%;margin: 0 auto;}
    .milestones-view-desktop {display: none;}
    .structure-draw {padding-top: 90px;}
    .navbar-burger {top: 13px;}
    .initiatives-pop-header h3 {font-size: 18px;line-height: 28px;}
    .navbar > .sgds-container {min-height: auto;}
    .recording-content-text {position: static;padding: 15px;width: 100%;}
    .recording-content-text h6,
    .recordings-list p {color: #000;opacity: 0.8;font-size: 18px;line-height: 28px;}
    section#terms-of-uses-1 .section-title.terms-of-use-section-title p{padding-bottom: 0px;}
    section#terms-of-uses-1 .story-text.terms-of-use-section-contents p {padding-left: 0px;}
    .story-text.terms-of-use-section-contents h2{line-height: 32px;font-size: 24px;}
    section#terms-of-uses-1 .story-text.terms-of-use-section-contents ul, section#terms-of-uses-1 .story-text.terms-of-use-section-contents ol{padding-left: 20px;}
    ol.terms-headings li {padding-top: 0px;}
    .contactus-page-map{position: static;}
    .contactus-page-inner{height: auto;}
    .contactus-address{position: static;padding-left: 25px;width: 100%;}
    .footer-bottom{padding-bottom: 24px;}
    .copyright-left {padding-top: 0px;}
    .footer-right ul li, .copyright-left ul li{text-align: left;padding-left: 25px;display: block;padding: 0;border-right: none;margin-bottom: 15px;}
    .copyright-left, .copyright-right{padding-left: 25px;text-align: left;}
    p.list-paragraph {padding-left: 0px;}
    section.resource-package-container.neresources-main-sections ul li, section.resource-package-container.neresources-main-sections ul li a, section.resource-package-container.neresources-main-sections ul li p {
    text-align: left;}
    section.resource-package-container.others-sections ul li, section.resource-package-container.others-sections ul li a, section.resource-package-container.others-sections ul li p {
    text-align: left;}

}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    .courses-column {width: 70%;margin: 0 auto;}
    .course-title {border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
    .partners-list-mobile.mobile-view {width: 65%;}
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) {
    .course-title {border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) {
    h4.top-bar-title {font-size: 16px;}
    h3.banner-title {font-size: 30px;}
    .banner-links ul li a {font-size: 16px;height: 50px;line-height: 50px;}
    h2.main-title {font-size: 32px;}
    h6.footer-logo {font-size: 16px;}
    .footer-right ul li a,
    .copyright-left ul li a,
    .copyright-right p {font-size: 16px;}
    .sgds-masthead .is-text {font-size: 16px;}
    .course-title {border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}
    .banner-text h3 {font-size: 20px;line-height: 30px;}
}

.navbar-brand {
    margin-right: 0;
}

a:not(.breadcrumb-banner a):not(.main-navigation a):not(.initiatives-column-row a):not(.footer-home a):not(.know-more a):not(.footer-container a):visited {
    color: #551A8B !important;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: unset;
    }
}

.modal-dialog button.close{
    background-color: transparent;
    border: 0;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: none;
    }
}