

body{
	font-family: 'Nevo', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, p, span {
     font-family: 'Nevo';
}

ul {
    list-style-position: outside !important;
    padding-left: 30px;
}


/* ######### GLOBAL ######### */
/* --- 3D Button */
.qode-3d-button-holder .qode-btn.qode-btn-icon .qode-btn-text {
    padding-right: 30px;
    padding-left: 60px;
}
.qode-3d-button-holder .qode-btn.qode-btn-icon .qode-button-v2-icon-holder {
    border-left: none;
}
.qode-3d-button-holder .qode-btn.qode-btn-icon .qode-button-v2-icon-holder .qode-button-v2-icon-holder-inner {
    padding: 0 20px;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!! TARGET FOR IOS FOR HOVERBOX !!!!!!!!!!!!!!!!!!!!!!!!! */
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
/* Homepage - Our Core Competencies */
.our-core-competencies-row .vc-hoverbox-block.vc-hoverbox-back  {
    display: none;
}
.our-core-competencies-row .vc-hoverbox-back {
    transform: none;
}

/* Constructions */
.constructions-hoverbox-row .occ-box2 .vc-hoverbox-block.vc-hoverbox-back,
.constructions-hoverbox-row .occ-box3 .vc-hoverbox-block.vc-hoverbox-back,
.constructions-hoverbox-row .occ-box4 .vc-hoverbox-block.vc-hoverbox-back  {
    display: none;
}
.constructions-hoverbox-row .occ-box02 .vc-hoverbox-back,
.constructions-hoverbox-row .occ-box03 .vc-hoverbox-back,
.constructions-hoverbox-row .occ-box04 .vc-hoverbox-back {
    transform: none;
}

/* Development */
.development-hoverbox-row .occ-box1 .vc-hoverbox-block.vc-hoverbox-back,
.development-hoverbox-row .occ-box3 .vc-hoverbox-block.vc-hoverbox-back,
.development-hoverbox-row .occ-box4 .vc-hoverbox-block.vc-hoverbox-back  {
    display: none;
}
.development-hoverbox-row .occ-box01 .vc-hoverbox-back,
.development-hoverbox-row .occ-box03 .vc-hoverbox-back,
.development-hoverbox-row .occ-box04 .vc-hoverbox-back {
    transform: none;
}
/* Investment */
.investment-hoverbox-row .occ-box1 .vc-hoverbox-block.vc-hoverbox-back,
.investment-hoverbox-row .occ-box2 .vc-hoverbox-block.vc-hoverbox-back,
.investment-hoverbox-row .occ-box4 .vc-hoverbox-block.vc-hoverbox-back  {
    display: none;
}
.investment-hoverbox-row .occ-box01 .vc-hoverbox-back,
.investment-hoverbox-row .occ-box02 .vc-hoverbox-back,
.investment-hoverbox-row .occ-box04 .vc-hoverbox-back {
    transform: none;
}
/* Services */
.services-hoverbox-row .occ-box1 .vc-hoverbox-block.vc-hoverbox-back,
.services-hoverbox-row .occ-box2 .vc-hoverbox-block.vc-hoverbox-back,
.services-hoverbox-row .occ-box3 .vc-hoverbox-block.vc-hoverbox-back  {
    display: none;
}
.services-hoverbox-row .occ-box01 .vc-hoverbox-back,
.services-hoverbox-row .occ-box02 .vc-hoverbox-back,
.services-hoverbox-row .occ-box03 .vc-hoverbox-back {
    transform: none;
}

/* --- Investor Relations --- */
.ir-client-logo-row .vc-hoverbox-block.vc-hoverbox-back  {
    display: none;
}
.ir-client-logo-row .vc-hoverbox-back  {
    display: none;
}
}



/* ######### HEADER ######### */
.scroll_header_top_area.page_header.scrolled .q_logo img:not(.dark) {
     display: none;
}

.scroll_header_top_area.page_header.scrolled .q_logo img.dark {
     opacity: 1 !important;
}

ul#menu-navigation-menu li.menu-item .second li.menu-item  {
    transition: ease all .3s;
}

ul#menu-navigation-menu li.menu-item .second li.menu-item:hover  {
    background-color: #f7b708;
}

.scrolled ul#menu-navigation-menu .underline_dash {
    background-color: #f7b708 !important;
}

.mobile_menu_button span:hover, .side_menu_button>a:hover {
    opacity: 1;
}
header .mobile_menu_button i.qode_icon_font_awesome.fa.fa-bars {
    background-color: #171536;
    padding: 10px;
    border-radius: 5px;
    color: white;
    font-size: 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR HEADER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1051px) and (max-width: 1100px) {
nav.main_menu > ul > li > a {
    font-size: 14px;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1050px) {
nav.main_menu > ul > li > a {
    font-size: 14px;
    padding: 0 15px;
}
}

@media only screen and (min-width: 821px) and (max-width: 1000px) {
.mobile_menu_button {
    float: right;
}
.logo_wrapper {
    left: 15%;
}
}

@media only screen and (min-width: 769px) and (max-width: 820px) {
.mobile_menu_button {
    float: right;
    margin: 0 10% 0 0;
}
.logo_wrapper {
    left: 15%;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    left: 15%;
}
}

@media only screen and (min-width: 661px) and (max-width: 767px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    left: 15%;
}
}

@media only screen and (min-width: 601px) and (max-width: 660px) {
.mobile_menu_button {
    float: right;
    margin: 0 10% 0 0;
}
.logo_wrapper {
    height: 100px!important;
    left: 45%;
}
.logo_wrapper {
    left: 18%;
}
}

@media only screen and (min-width: 581px) and (max-width: 600px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    left: 20%;
}
}

@media only screen and (min-width: 481px) and (max-width: 580px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    height: 100px!important;
    left: 20%;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
.mobile_menu_button {
    float: right;
    margin: 0 10% 0 0;
}
.logo_wrapper {
    height: 100px!important;
    left: 30%;
}
}

@media only screen and (min-width: 321px) and (max-width: 420px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    height: 100px!important;
    left: 30%;
}
}

@media only screen and (max-width: 320px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    height: 100px!important;
    left: 35%;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### HOMEPAGE ######### */
/* Title */
.qode-hm-item {
    max-width: 1920px !important;
}

.grey-moving-text p {
    color: #f7f7f7;
    font-size: 100px;
    font-weight: 300;
}

/* --- Our Core Competencies --- */
.our-core-competencies-row {
    padding-top: 200px;
    padding-bottom: 100px;
}
.title-h2 h2 {
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-row {
    margin-top: -96px;
    margin-bottom: 70px !important;
}


/* Box 01 */
.occ-inner-row .occ-box01 .vc-hoverbox-block.vc-hoverbox-back {
    background-image: url('/core-files/uploads/2018/08/occ-1a-2.jpg');
}

/* Box 02 */
.occ-inner-row .occ-box02 .vc-hoverbox-block.vc-hoverbox-back {
    background-image: url('/core-files/uploads/2018/08/occ-box02b.jpg');
}

/* Box 03 */
.occ-inner-row .occ-box03 .vc-hoverbox-block.vc-hoverbox-back {
    background-image: url('/core-files/uploads/2018/08/occ-box2a.jpg');
}

/* Box 04*/
.occ-inner-row .occ-box04 .vc-hoverbox-block.vc-hoverbox-back {
    background-image: url('/core-files/uploads/2018/08/occ-box04b.jpg');
}

/* --- Property Highlights --- */
.property-highlights-row {
    padding-top: 100px;
    padding-bottom: 100px;
}

.property-highlights-row .qode_content_slider .flex-control-nav li {
    width: 12px;
    height: 12px;
}

.property-highlights-row .wpb_single_image .vc_single_image-wrapper {
-webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
-o-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
-ms-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}

.property-highlights-row .ph-title h3 {
    color: #fff;
}

.property-highlights-row .ph-title p {
    color: #fff;
    margin-top: 10px;
}

/* Position the text on slider */
.property-highlights-row .qode_content_slider_item.flex-active-slide .ph-title {
    left: 29%;
    position: relative;
    z-index: 9999;
    top: 90px;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .wpb_single_image {
    margin-top: -50px;
}

/* Position button to be aligned with slider, change rect button to slanted */
.property-highlights-row .qode-3d-button-holder {
    opacity: 1;
    float: right;
    right: 25%;
    margin-top: -40px;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

.rev-btn.rev-withinicon.ph-button {
    font-weight: 600;
}
.rev-btn.rev-withicon.ph-button i {
    font-size: 30px !important;
    margin-left: 70px !important;
    vertical-align: middle;
}

/* --- Event Highlights --- */
.event-highlights-row {
    padding-top: 100px;
    padding-bottom: 200px;
}

.event-highlights-row {
    display:none !important;
}

.eh-latest-post .latest_post_holder.boxes.two_columns.one_row li {
     width: 100%;
     display: flex;
     vertical-align: middle;
     justify-content: center;
     justify-items: center;
     background-color: transparent;
} 

/* Image box */
.eh-latest-post .boxes_image {
    width: 39%;
    display: inline-block;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -ms-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}
.eh-latest-post .latest_post_holder.boxes .boxes_image a:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* Excerpt box */
.eh-latest-post .latest_post {
    width: 50%;
    display: inline-block;
    background-color: #191838;
    padding: 55px 100px !important;
    margin-left: -88px;
    -webkit-clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0% 100%);
    -o-clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0% 100%);
    -ms-clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0% 100%);
    clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0% 100%);
}
.eh-latest-post h3.latest_post_title.entry_title a {
    color: #40a836 !important;
    font-weight: 600;
    transition: ease all .3s;
}
.eh-latest-post h3.latest_post_title.entry_title a:hover {
    color: #f7b708 !important;
}
.eh-latest-post .latest_post_holder.boxes>ul>li .latest_post p.excerpt {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.8px;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 22px;
}
.eh-latest-post .date_hour_holder {
    background-color: transparent !important;
    color: #1a8ece;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR HOMEPAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* --- Slider ------------------------------------ */
@media only screen and (min-width: 481px) {
.homeslider-mobile {
    display: none;
}
}
@media only screen and (max-width: 480px) {
.homeslider-desktop {
    display: none;
}
}

/* ---Our Core Competencies ------------------------------------ */
@media only screen and (min-width: 1500px) { 
.occ-inner-row .vc_column-inner  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 350px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-left: -101px;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
-webkit-clip-path: polygon(28% 0, 100% 0, 72% 100%, 0 100%);
-o-clip-path: polygon(28% 0, 100% 0, 72% 100%, 0 100%);
-ms-clip-path: polygon(28% 0, 100% 0, 72% 100%, 0 100%);
clip-path: polygon(28% 0, 100% 0, 72% 100%, 0 100%);
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 23px !important;
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 11%;
    padding-right: 25%;
}
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 10px;
}

/* Position everything to be in the center */
.occ-inner-row .section_inner_margin.clearfix {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 1201px) and (max-width: 1499px) { 
.occ-inner-row .vc_column-inner  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 350px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-left: -96px;
}

.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
     width: 40%;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
     -webkit-clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
     -o-clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
     -ms-clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
     clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 23px !important;
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 13%;
    padding-right: 25%;
}
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 10px;
}

/* Position everything to be in the center */
.occ-inner-row .section_inner_margin.clearfix {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) { 
.occ-inner-row .vc_column-inner  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 280px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-left: -84px;
}

.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
     width: 40%;
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 20px !important;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
     -webkit-clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
     -o-clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
     -ms-clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
     clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 43%;
    padding-left: 13%;
    padding-right: 27%;
}
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 10px;
}

/* Position everything to be in the center */
.occ-inner-row .section_inner_margin.clearfix {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 801px) and (max-width: 1000px) {
.occ-inner-row .vc_column-inner  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
     width: 40%;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 280px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-left: -81px;
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 20px !important;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
    -webkit-clip-path: polygon(31% 0, 100% 0, 69% 100%, 0 100%);
    -o-clip-path: polygon(31% 0, 100% 0, 69% 100%, 0 100%);
    -ms-clip-path: polygon(31% 0, 100% 0, 69% 100%, 0 100%);
    clip-path: polygon(31% 0, 100% 0, 69% 100%, 0 100%);
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 17%;
    padding-right: 29%;
}

.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 10px;
}

/* Position everything to be in the center */
.occ-inner-row .section_inner_margin.clearfix {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 769px) and (max-width: 800px) { 
.occ-inner-row .vc_column-inner  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
     width: 30%;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 250px !important;
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 20px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-left: -70px;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
    -webkit-clip-path: polygon(29% 0, 100% 0, 71% 100%, 0 100%);
    -o-clip-path: polygon(29% 0, 100% 0, 71% 100%, 0 100%);
    -ms-clip-path: polygon(29% 0, 100% 0, 71% 100%, 0 100%);
    clip-path: polygon(29% 0, 100% 0, 71% 100%, 0 100%);
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 14%;
    padding-right: 25%;
}

.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 10px;
}

/* Position everything to be in the center */
.occ-inner-row .section_inner_margin.clearfix {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) { 
.our-core-competencies-row {
    padding-top: 100px;
    padding-bottom: 50px;
}

.occ-inner-row .vc_column-inner  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
     width: 40%;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 250px !important;
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 18px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-left: -70px;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
    -webkit-clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
    -o-clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
    -ms-clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
    clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 17%;
    padding-right: 29%;
}

.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 10px;
}

/* Position everything to be in the center */
.occ-inner-row .section_inner_margin.clearfix {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
.occ-inner-row .vc_column-inner  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
     width: 40%;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 250px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-left: -70px;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
    -webkit-clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
    -o-clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
    -ms-clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
    clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 17%;
    padding-right: 29%;
}

.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 10px;
}

/* Position everything to be in the center */
.occ-inner-row .section_inner_margin.clearfix {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 631px) and (max-width: 700px) { 
.occ-inner-row .vc_column-inner  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
     width: 40%;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 250px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-left: -103px;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
    -webkit-clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
    -o-clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
    -ms-clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
    clip-path: polygon(33% 0, 100% 0, 67% 100%, 0 100%);
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 17%;
    padding-right: 29%;
}

.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 10px;
}

/* Position everything to be in the center */
.occ-inner-row .section_inner_margin.clearfix {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 601px) and (max-width: 630px) { 
.our-core-competencies-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

.title-h2 h2 {
    font-size: 30px;
}

/* Set background position to bottom center */
.occ-inner-row .occ-box01 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box01 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box02 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box02 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box03 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box03 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box04 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box04 .vc-hoverbox-block.vc-hoverbox-back {
     background-position: bottom center;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 500px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-top: 2%;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
    -webkit-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
    -o-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
    -ms-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
    clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 11%;
    padding-right: 25%;
}

.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 10px;
}
}

@media only screen and (min-width: 481px) and (max-width: 600px) {
.our-core-competencies-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

.title-h2 h2 {
    font-size: 30px;
}

/* Set background position to bottom center */
.occ-inner-row .occ-box01 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box01 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box02 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box02 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box03 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box03 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box04 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box04 .vc-hoverbox-block.vc-hoverbox-back {
     background-position: bottom center;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 380px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-top: 2%;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
    -webkit-clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
    -o-clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
    -ms-clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
    clip-path: polygon(27% 0, 100% 0, 73% 100%, 0 100%);
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 11%;
    padding-right: 25%;
}

.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 10px;
}
}

@media only screen and (min-width: 351px) and (max-width: 480px) { 
.our-core-competencies-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

.title-h2 h2 {
    font-size: 22px;
}

/* Set background position to bottom center */
.occ-inner-row .occ-box01 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box01 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box02 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box02 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box03 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box03 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box04 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box04 .vc-hoverbox-block.vc-hoverbox-back {
     background-position: bottom center;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 300px !important;
}

.occ-box02, .occ-box03, .occ-box04 {
    margin-top: 2%;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
    -webkit-clip-path: polygon(26% 0, 100% 0, 74% 100%, 0 100%);
    -o-clip-path: polygon(26% 0, 100% 0, 74% 100%, 0 100%);
    -ms-clip-path: polygon(26% 0, 100% 0, 74% 100%, 0 100%);
    clip-path: polygon(26% 0, 100% 0, 74% 100%, 0 100%);
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 11%;
    padding-right: 25%;
}

.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 10px;
}
}

@media only screen and (max-width: 350px) {
.our-core-competencies-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

.title-h2 h2 {
    font-size: 22px;
}

/* Set background position to bottom center */
.occ-inner-row .occ-box01 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box01 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box02 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box02 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box03 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box03 .vc-hoverbox-block.vc-hoverbox-back,
.occ-inner-row .occ-box04 .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .occ-box04 .vc-hoverbox-block.vc-hoverbox-back {
     background-position: bottom center;
}

.occ-inner-row .vc-hoverbox-inner {
    min-height: 300px !important;
}

.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
    margin-top: 2%;
    padding-left: 15px;
    padding-right: 15px;
}

/* Clip Path */
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front,
.occ-inner-row .vc-hoverbox-block.vc-hoverbox-back {
    -webkit-clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
    -o-clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
    -ms-clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
    clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
}

.occ-inner-row .vc-hoverbox-block.vc-hoverbox-front h2 {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* Position text and image in the back at the bottom */
.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner {
    margin-top: 50%;
    padding-left: 11%;
    padding-right: 25%;
}

.occ-inner-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner p:nth-child(2) {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 10px;
}
} /* end our core competencies ------------------------------------ */

/* --- Property Highlights ------------------------------------ */
/* Title */
@media only screen and (min-width: 1621px) {
/* slider */
.ph-slider-mobile {
    display: none;
}
}

@media only screen and (min-width: 1421px) and (max-width: 1620px) {
.property-highlights-row .qode_content_slider_item.flex-active-slide .ph-title {
    left: 25%;
}
/* slider */
.ph-slider-mobile {
    display: none;
}
}

@media only screen and (min-width: 1121px) and (max-width: 1420px) {
.property-highlights-row .qode_content_slider_item.flex-active-slide .ph-title {
    left: 21%;
}
.property-highlights-row .qode-3d-button-holder {
    right: 15%;
}
/* slider */
.ph-slider-mobile {
    display: none;
}
}

@media only screen and (min-width: 901px) and (max-width: 1120px) {
.property-highlights-row .qode_content_slider_item.flex-active-slide .ph-title {
    left: 16%;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
}
/* slider */
.ph-slider-mobile {
    display: none;
}
.ph-slider-desktop .ph-slider-title .ph-title-bold {
    font-size: 22px !important;
}
}

@media only screen and (min-width: 784px) and (max-width: 900px) {
.property-highlights-row .qode_content_slider_item.flex-active-slide .ph-title {
    left: 16%;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
}
/* slider */
.ph-slider-mobile {
    display: none;
}
.ph-slider-desktop .ph-slider-title .ph-title-bold {
    font-size: 20px !important;
}
.ph-slider-desktop .ph-slider-desc .ph-description td {
    font-size: 14px !Important;
    line-height: 20px !important;
}
.ph-slider-desktop .ph-slider-button {
     left: 62% !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 783px) {
.property-highlights-row .qode_content_slider_item.flex-active-slide .ph-title {
    left: 16%;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
}
/* slider */
.ph-slider-mobile {
    display: none;
}
.ph-slider-desktop .ph-slider-title .ph-title-bold {
    font-size: 18px !important;
}
.ph-slider-desktop .ph-slider-desc .ph-description td{
    font-size: 13px !important;
    line-height: 18px !important;
}
.ph-slider-desktop .ph-slider-button {
     left: 62% !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .ph-title {
    left: 16%;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
}
/* slider */
.ph-slider-mobile {
    display: none;
}
.ph-slider-desktop .ph-slider-title .ph-title-bold {
    font-size: 18px !important;
}
.ph-slider-desktop .ph-slider-desc .ph-description td {
    font-size: 13px !important;
    line-height: 18px !important;
}
.ph-slider-desktop .ph-slider-button {
     left: 62% !important;
}
}

@media only screen and (min-width: 631px) and (max-width: 767px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .ph-title {
    left: 16%;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
}
/* slider */
.ph-slider-desktop {
    display: none;
}
.ph-slider-mobile .ph-slider-title .ph-title-bold {
    font-size: 23px !important;
}
.ph-slider-mobile .ph-slider-desc .ph-description td {
    font-size: 13px !important;
    line-height: 18px !important;
}
.ph-slider-desktop .ph-slider-button {
    top: 290px !important;
     left: 58% !important;
}
}

@media only screen and (min-width: 601px) and (max-width: 630px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row .ph-title {
    left: 5% !important;
    top: 50px !important;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .wpb_single_image {
    margin-top: 0;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
}
.property-highlights-row .qode_content_slider .flex-control-nav {
    text-align: center;
    margin-top: 10px;
}
/* slider */
.ph-slider-desktop {
    display: none;
}
.ph-slider-mobile .ph-slider-title .ph-title-bold {
    font-size: 23px !important;
}
.ph-slider-mobile .ph-slider-desc .ph-description td {
    font-size: 13px !important;
    line-height: 18px !important;
}
.ph-slider-desktop .ph-slider-button {
    top: 290px !important;
     left: 58% !important;
}
}

@media only screen and (min-width: 521px) and (max-width: 600px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row .ph-title {
    left: 5% !important;
    top: 50px !important;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .wpb_single_image {
    margin-top: 0;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
}
.property-highlights-row .qode_content_slider .flex-control-nav {
    text-align: center;
    margin-top: 10px;
}
/* slider */
.ph-slider-desktop {
    display: none;
}
.ph-slider-desktop .ph-slider-title .ph-title-bold {
    font-size: 21px !important;
}
.ph-slider-desktop .ph-slider-desc .ph-description td {
    font-size: 14px !Important;
    line-height: 17px !important;
    margin-top: 5px !important;
}
.ph-slider-desktop .ph-slider-button {
    top: 74% !important;
     left: 58% !important;
}
.ph-slider-desktop .ph-slider-button .ph-button {
    padding: 14px 30px !important;
}
.ph-slider-mobile .ph-slider-desc .ph-description td {
    font-size: 14px !important;
    line-height: 17px !important;
    margin-top: 5px !important;
}
}

@media only screen and (min-width: 481px) and (max-width: 520px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row  .ph-title {
    left: 5% !important;
    top: 50px !important;
}
.property-highlights-row .ph-title h3 {
    font-size: 25px;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .wpb_single_image {
    margin-top: 0;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
    margin-top: -10px;
}
.property-highlights-row .qode_content_slider .flex-control-nav {
    text-align: center;
    margin-top: 10px;
}
/* slider */
.ph-slider-desktop {
    display: none;
}
.ph-slider-desktop .ph-slider-title .ph-title-bold {
    font-size: 21px !important;
}
.ph-slider-desktop .ph-slider-desc .ph-description {
    font-size: 14px !Important;
    line-height: 17px !important;
    margin-top: 8px !important;
}
.ph-slider-desktop .ph-slider-button {
    top: 69% !important;
    left: 56% !important;
}
.ph-slider-desktop .ph-slider-button .ph-button {
    padding: 14px 30px !important;
}
}

@media only screen and (min-width: 441px) and (max-width: 480px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row  .ph-title {
    left: 5% !important;
    top: 50px !important;
}
.property-highlights-row .ph-title h3 {
    font-size: 25px;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .wpb_single_image {
    margin-top: 0;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
    margin-top: -10px;
}
.property-highlights-row .qode_content_slider .flex-control-nav {
    text-align: center;
    margin-top: 10px;
}
/* slider */
.ph-slider-desktop {
    display: none;
}
.ph-slider-mobile .ph-slider-desc .ph-description td {
    font-size: 15px !important;
    margin-top: 5px !important;
}
/*
.ph-slider-mobile .ph-slider-title .ph-title-bold {
    font-size: 16px !important;
}
.ph-slider-mobile .ph-slider-button {
    left: 150px !important;
}
.ph-slider-mobile .ph-slider-button .ph-button {
    font-size: 16px !important;
    line-height: 22px !important;
    padding: 13px 30px !important;
}
.ph-slider-mobile .ph-slider-button .ph-button i {
    font-size: 15px !important;
    margin-left: 20px !important;
}*/
}

@media only screen and (min-width: 401px) and (max-width: 440px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row  .ph-title {
    left: 5% !important;
    top: 50px !important;
}
.property-highlights-row .ph-title h3 {
    font-size: 25px;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .wpb_single_image {
    margin-top: 0;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
    margin-top: -10px;
}
.property-highlights-row .qode_content_slider .flex-control-nav {
    text-align: center;
    margin-top: 10px;
}
/* slider */
.ph-slider-desktop {
    display: none;
}
.ph-slider-mobile .ph-slider-desc .ph-description td {
    font-size: 14px !important;
    margin-top: 5px !important;
}
}

@media only screen and (min-width: 376px) and (max-width: 400px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row  .ph-title {
    left: 5% !important;
    top: 50px !important;
}
.property-highlights-row .ph-title h3 {
    font-size: 25px;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .wpb_single_image {
    margin-top: 0;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
    margin-top: -10px;
}
.property-highlights-row .qode_content_slider .flex-control-nav {
    text-align: center;
    margin-top: 10px;
}
/* slider */
.ph-slider-desktop {
    display: none;
}
.ph-slider-mobile .ph-slider-desc .ph-description td {
    font-size: 13px !important;
    margin-top: 5px !important;
}
}

@media only screen and (min-width: 354px) and (max-width: 375px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row  .ph-title {
    left: 5% !important;
    top: 50px !important;
}
.property-highlights-row .ph-title h3 {
    font-size: 25px;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .wpb_single_image {
    margin-top: 0;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
    margin-top: -10px;
}
.property-highlights-row .qode_content_slider .flex-control-nav {
    text-align: center;
    margin-top: 10px;
}
/* slider */
.ph-slider-desktop {
    display: none;
}
.ph-slider-mobile .ph-slider-desc .ph-description td {
    font-size: 11px !important;
    line-height: 15px !important;
    margin-top: 5px !important;
}
}

@media only screen and (min-width: 321px) and (max-width: 353px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row  .ph-title {
    left: 5% !important;
    top: 50px !important;
}
.property-highlights-row .ph-title h3 {
    font-size: 25px;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .wpb_single_image {
    margin-top: 0;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
    margin-top: -10px;
}
.property-highlights-row .qode_content_slider .flex-control-nav {
    text-align: center;
    margin-top: 10px;
}
/* slider */
.ph-slider-desktop {
    display: none;
}
.ph-slider-mobile .ph-slider-desc .ph-description td {
    font-size: 11px !important;
    line-height: 15px !important;
    margin-top: 5px !important;
}
}

@media only screen and (max-width: 320px) {
.property-highlights-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.property-highlights-row .ph-title {
    left: 1% !important;
    top: 40px !important;
    padding: 5px;
}
.property-highlights-row .ph-title h3 {
    font-size: 25px;
}
.property-highlights-row .qode_content_slider_item.flex-active-slide .wpb_single_image {
    margin-top: 0;
}
.property-highlights-row .qode-3d-button-holder {
    right: 5%;
    margin-top: -10px;
}
.property-highlights-row .qode_content_slider .flex-control-nav {
    text-align: center;
    margin-top: 10px;
}
/* slider */
.ph-slider-desktop {
    display: none;
}
.ph-slider-mobile .ph-slider-desc .ph-description td {
    font-size: 10.5px !important;
    line-height: 14px !important;
}
}
 /* end property highlights ------------------------------------ */


/* Event Highlights ------------------------------------ */
@media only screen and (min-width: 1201px) and (max-width: 1499px) {
.eh-latest-post .boxes_image {
    width: 60%;
    display: inline-block;
    -webkit-clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);
    -o-clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);
    -ms-clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);
    clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);
}
.eh-latest-post .latest_post {
    width: 50%;
    display: inline-block;
    background-color: #191838;
    padding: 55px 100px !important;
    margin-left: -88px;
    -webkit-clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);
    -o-clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);
    -ms-clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);
    clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);
}
.eh-latest-post .latest_post_holder.boxes>ul>li .latest_post p.excerpt {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 22px;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
.eh-latest-post .boxes_image {
    width: 60%;
}
.eh-latest-post .latest_post_holder.boxes>ul>li .latest_post p.excerpt {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 22px;
}
.eh-latest-post .latest_post {
    padding: 35px 80px !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
.latest_post_holder.boxes .boxes_image a img {
    height: 307px;
    width: 543px;
    max-width: 543px;
}
.eh-latest-post .boxes_image {
    width: 50%;
    display: inline-block;
    -webkit-clip-path: polygon(24% 0, 100% 0%, 76% 100%, 0% 100%);
    -o-clip-path: polygon(24% 0, 100% 0%, 76% 100%, 0% 100%);
    -ms-clip-path: polygon(24% 0, 100% 0%, 76% 100%, 0% 100%);
    clip-path: polygon(24% 0, 100% 0%, 76% 100%, 0% 100%);
}
.eh-latest-post .latest_post {
    width: 50%;
    display: inline-block;
    background-color: #191838;
    padding: 55px 100px !important;
    margin-left: -88px;
    -webkit-clip-path: polygon(16% 0, 100% 0%, 84% 100%, 0% 100%);
    -o-clip-path: polygon(16% 0, 100% 0%, 84% 100%, 0% 100%);
    -ms-clip-path: polygon(16% 0, 100% 0%, 84% 100%, 0% 100%);
    clip-path: polygon(16% 0, 100% 0%, 84% 100%, 0% 100%);
}
.eh-latest-post .latest_post {
    padding: 35px 110px !important;
}
.eh-latest-post .latest_post_holder.boxes>ul>li .latest_post p.excerpt {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 20px;
}
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
.event-highlights-row {
    padding-top: 50px;
    padding-bottom: 100px;
    background-position: 70% center !important;
}
.eh-latest-post .latest_post_holder.boxes.two_columns.one_row li {
    width: 100%;
    display: block;
    vertical-align: middle;
    justify-content: unset;
    justify-items: unset;
    background-color: transparent;
}
.eh-latest-post .boxes_image {
    width: 100%;
    display: block;
    -webkit-clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
    -o-clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
    -ms-clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
    clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
}
.latest_post_holder.boxes .boxes_image a img {
    vertical-align: top;
    width: 610px;
}
.eh-latest-post .latest_post {
    width: 60%;
    display: block;
    background-color: #191838;
    padding: 55px 120px !important;
    margin-left: 0;
    margin-top: -50px;
    -webkit-clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
    -o-clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
    -ms-clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
    clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
}
.eh-latest-post .latest_post_holder.boxes>ul>li .latest_post p.excerpt {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 20px;
}
}

@media only screen and (min-width: 481px) and (max-width: 600px) {
.event-highlights-row {
    padding-top: 50px;
    padding-bottom: 100px;
    background-position: 70% center !important;
}
.eh-latest-post .latest_post_holder.boxes.two_columns.one_row li {
    width: 100%;
    display: block;
    vertical-align: middle;
    justify-content: unset;
    justify-items: unset;
    background-color: transparent;
}
.eh-latest-post .boxes_image {
    width: 100%;
    display: block;
    -webkit-clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
    -o-clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
    -ms-clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
    clip-path: polygon(18% 0, 100% 0%, 82% 100%, 0% 100%);
}
.latest_post_holder.boxes .boxes_image a img {
    vertical-align: top;
    width: 610px;
}
.eh-latest-post .latest_post {
    width: auto;
    display: block;
    background-color: #191838;
    padding: 40px 70px 40px 100px !important;
    margin-left: 0;
    margin-top: -50px;
    -webkit-clip-path: polygon(22% 0, 100% 0%, 78% 100%, 0% 100%);
    -o-clip-path: polygon(22% 0, 100% 0%, 78% 100%, 0% 100%);
    -ms-clip-path: polygon(22% 0, 100% 0%, 78% 100%, 0% 100%);
    clip-path: polygon(22% 0, 100% 0%, 78% 100%, 0% 100%);
}
.eh-latest-post .latest_post_holder.boxes>ul>li .latest_post p.excerpt {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 20px;
}
}

@media only screen and (max-width: 480px) {
.event-highlights-row {
    padding-top: 50px;
    padding-bottom: 100px;
    background-position: 70% center !important;
}
.eh-latest-post .latest_post_holder.boxes.two_columns.one_row li {
    width: 100%;
    display: block;
    vertical-align: middle;
    justify-content: unset;
    justify-items: unset;
    background-color: transparent;
}
.eh-latest-post .boxes_image {
    width: 100%;
    display: block;
    -webkit-clip-path: none;
    -o-clip-path: none;
    -ms-clip-path: none;
    clip-path: none;
}
.latest_post_holder.boxes .boxes_image a img {
    vertical-align: top;
    width: 610px;
}
.eh-latest-post .latest_post {
    width: auto;
    display: block;
    background-color: #191838;
    padding: 30px !important;
    margin-left: 0;
    -webkit-clip-path: none;
    -o-clip-path: none;
    -ms-clip-path: none;
    clip-path: none;
}
.eh-latest-post .latest_post_holder.boxes>ul>li .latest_post p.excerpt {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 20px;
}
}
/* end event highlights ------------------------------------ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end */


/* ######### ABOUT US ######### */
/* Title header */
.aboutus-row {
    padding-top: 200px;
}

/* Our Goals */
.ourgoals-row{
   padding-top: 200px;
}

.aboutus-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.aboutus-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.aboutus-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Description */
.aboutus-desc-row1 .aboutus-desc01 {
    left: -14%;
    top: 80px;
    position: relative;
}
.aboutus-desc-row2 {
    padding-top: 100px;
    padding-bottom: 200px;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 80px;
    position: relative;
    padding-left: 25px;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: -5%;
    position: relative;
}

/* Our Brand Name */
.ourbrandname-desc .ourbrandname-desc01{
    left: -14%;
    top: 120px;
    position: relative;
}

.ourbrandname-desc{
    padding-bottom: 200px;
}

/* Our Logo */
.ourlogo-desc .ourlogo-desc01{
    top: 80px;
    position: relative;
    padding-left: 25px;
}

.ourlogo-desc{
    padding-bottom: 200px;
}
.ourlogo-desc .ourlogo-desc-col1{
     left: 11%;
    z-index: 99999;
}

/* Our History */
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 11%;
    z-index: 99999;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR OUR HISTORY */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1751px) {
.aboutus-mobile {
    display: none;
}
}

@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.aboutus-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
.aboutus-mobile {
    display: none;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.aboutus-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
.aboutus-mobile {
    display: none;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.aboutus-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}

/* Our History */
.aboutus-desc-row1 .aboutus-desc01 {
    left: -10%;
    top: 0;
    position: relative;
    padding-right: 20px;
}
.aboutus-desc-row2 {
    padding-top: 50px;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 50px;
    position: relative;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 9%;
}
.aboutus-mobile {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: -5%;
    position: relative;
}

/* Our Brand Name */
.ourbrandname-desc .ourbrandname-desc01{
    left: -10%;
    top: 0;
    position: relative;
    padding-right: 20px;
}

/* Our Logo */
.ourlogo-desc .ourlogo-desc-col1{
     left: 9%;
}
.ourlogo-desc .ourlogo-desc01{
    top: 50px;
    position: relative;
    padding-left: 0;
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.aboutus-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Our History */
.aboutus-desc-row1 .aboutus-desc01 {
    left: -10%;
    top: 0;
    position: relative;
    padding-right: 20px;
}
.aboutus-desc-row2 {
    padding-top: 50px;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 50px;
    position: relative;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 9%;
}
.aboutus-mobile {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: -5%;
    position: relative;
}

/* Our Brand Name */
.ourbrandname-desc .ourbrandname-desc01{
    left: -10%;
    top: 0;
    position: relative;
    padding-right: 20px;
}

/* Our Logo */
.ourlogo-desc .ourlogo-desc-col1{
     left: 9%;
}
.ourlogo-desc .ourlogo-desc01{
    top: 50px;
    position: relative;
    padding-left: 0;
}

}

@media only screen and (min-width: 1121px) and (max-width: 1240px) {
/* Title header --- */
.aboutus-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Our History */
.aboutus-desc-row1 .aboutus-desc01 {
    left: -10%;
    top: 0;
    position: relative;
    padding-right: 20px;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 9%;
}
.aboutus-mobile {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: -5%;
    position: relative;
}

/* Our Brand Name */
.ourbrandname-desc .ourbrandname-desc01{
    left: -10%;
    top: 0;
    position: relative;
    padding-right: 20px;
}


/* Our Logo*/
.ourlogo-desc .ourlogo-desc-col1{
     left: 9%;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-left: 0;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title header --- */
.aboutus-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Our History */
.aboutus-desc-row1 .aboutus-desc01 {
    left: -10%;
    top: 0;
    position: relative;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 9%;
}
.aboutus-mobile {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: -5%;
    position: relative;
}

/* Our Brand Name */
.ourbrandname-desc .ourbrandname-desc01{
    left: -10%;
    top: 0;
    position: relative;
}

/* Our Logo */
.ourlogo-desc .ourlogo-desc-col1{
     left: 9%;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-left: 0;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.aboutus-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 30%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Our History */
.aboutus-desc-row1 .aboutus-desc01 {
    left: -10%;
    top: 0;
    position: relative;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 9%;
}
.aboutus-mobile {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: -5%;
    position: relative;
}

/* Our Brand Name */
.ourbrandname-desc .ourbrandname-desc01{
    left: -10%;
    top: 0;
    position: relative;
}

/* Our Logo */
.ourlogo-desc .ourlogo-desc-col1{
     left: 9%;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-left: 0;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.aboutus-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* Our History */
.aboutus-desc-row1 .aboutus-desc01 {
    left: -12%;
    top: 0;
    position: relative;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 6%;
}
.aboutus-mobile {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: -5%;
    position: relative;
}

/* Our Brand Name */
.ourbrandname-desc .ourbrandname-desc01{
    left: -12%;
    top: 0;
    position: relative;
}

/* Our Logo */
.ourlogo-desc .ourlogo-desc-col1{
     left: 6%;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-left: 0;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.aboutus-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Our History */
.aboutus-desc-row1 .aboutus-desc01 {
    left: -12%;
    top: 0;
    position: relative;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 6%;
}
.aboutus-mobile {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: -5%;
    position: relative;
}

/* Our Brand Name */
.ourbrandname-desc .ourbrandname-desc01{
    left: -12%;
    top: 0;
    position: relative;
}

/* Our Logo */
.ourlogo-desc .ourlogo-desc-col1{
     left: 6%;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-left: 0;
}
}

@media only screen and (min-width: 701px) and (max-width: 768px) {
/* Title header --- */
.aboutus-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Our Goals */
.ourgoals-row{
   padding-top: 100px;
   padding-bottom: 50px;
}

/* Our History */
.aboutus-row {
    padding-top: 100px;
    /*padding-bottom: 50px;*/
}
.aboutus-desc-row1 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row1 .aboutus-desc01 {
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 0;
    z-index: 99999;
}
.aboutus-desc-row2 {
    padding-top: 30px;
    padding-bottom: 100px;
}
.aboutus-desc-row2 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
.aboutus-desktop {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Brandname */

.ourbrandname-desc .vc_col-sm-6 {
    width: 100%;
}
.ourbrandname-desc .ourbrandname-desc01{
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}

/*Our Logo*/
.ourlogo-desc .ourlogo-desc-col1{
     left: 0;
     z-index: 99999;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.aboutus-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}


/* Our Goals */
.ourgoals-row{
   padding-top: 100px;
   padding-bottom: 50px;
}

/* Our History */
.aboutus-row {
    padding-top: 100px;
    padding-bottom: 50px;
}
.aboutus-desc-row1 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row1 .aboutus-desc01 {
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}
.aboutus-desc-row2 {
    padding-top: 30px;
    padding-bottom: 100px;
}
.aboutus-desc-row2 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 0;
    z-index: 99999;
}
.aboutus-desktop {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Brand Name */
.ourbrandname-desc .ourbrandname-desc01{
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}
.ourbrandname-desc{
    padding-bottom: 100px;
}

/* Our Logo */
.ourlogo-desc{
    padding-bottom: 100px;
}
.ourlogo-desc .ourlogo-desc-col1{
     left: 0;
     z-index: 99999;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.aboutus-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 30px;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Our Goals */
.ourgoals-row{
   padding-top: 100px;
   padding-bottom: 0;
}

/* Our History */
.aboutus-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.aboutus-desc-row1 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row1 .aboutus-desc01 {
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}
.aboutus-desc-row2 {
    padding-top: 30px;
    padding-bottom: 100px;
}
.aboutus-desc-row2 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 0;
    z-index: 99999;
}
.aboutus-desktop {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Brand Name */
.ourbrandname-desc{
    padding-bottom: 100px;
}

.ourbrandname-desc .ourbrandname-desc01{
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Logo */
.ourlogo-desc{
    padding-bottom: 100px;
}
.ourlogo-desc .ourlogo-desc-col1{
     left: 0;
     z-index: 99999;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.aboutus-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 30px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}


/* Our Goals */
.ourgoals-row{
   padding-top: 100px;
   padding-bottom: 0;
}

/* Our History */
.aboutus-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.aboutus-desc-row1 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row1 .aboutus-desc01 {
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}
.aboutus-desc-row2 {
    padding-top: 30px;
    padding-bottom: 100px;
}
.aboutus-desc-row2 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 0;
    z-index: 99999;
}
.aboutus-desktop {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Brand Name */
.ourbrandname-desc{
    padding-bottom: 100px;
}

.ourbrandname-desc .ourbrandname-desc01{
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Logo */
.ourlogo-desc{
    padding-bottom: 100px;
}
.ourlogo-desc .ourlogo-desc-col1{
     left: 0;
     z-index: 99999;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.aboutus-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 90%;
    font-size: 30px;
    line-height: 45px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}


/* Our Goals */
.ourgoals-row{
   padding-top: 70px;
   padding-bottom: 0;
}

/* Our History */
.aboutus-row {
    padding-top: 70px;
    padding-bottom: 0;
}
.aboutus-desc-row1 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row1 .aboutus-desc01 {
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}
.aboutus-desc-row2 {
    padding-top: 30px;
    padding-bottom: 70px;
}
.aboutus-desc-row2 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 0;
    z-index: 99999;
}
.aboutus-desktop {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Brand Name */
.ourbrandname-desc{
    padding-bottom: 70px;
}
.ourbrandname-desc .ourbrandname-desc01{
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Logo */
.ourlogo-desc{
    padding-bottom: 70px;
}
.ourlogo-desc .ourlogo-desc-col1{
     left: 0;
     z-index: 99999;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.aboutus-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Our Goals */
.ourgoals-row{
   padding-top: 70px;
   padding-bottom: 0;
}

/* Our History */
.aboutus-row {
    padding-top: 70px;
    padding-bottom: 0;
}
.aboutus-desc-row1 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row1 .aboutus-desc01 {
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}
.aboutus-desc-row2 {
    padding-top: 30px;
    padding-bottom: 70px;
}
.aboutus-desc-row2 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 0;
    z-index: 99999;
}
.aboutus-desktop {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Brand Name */
.ourbrandname-desc{
    padding-bottom: 70px;
}
.ourbrandname-desc .ourbrandname-desc01{
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Logo */
.ourlogo-desc{
    padding-bottom: 70px;
}
.ourlogo-desc .ourlogo-desc-col1{
     left: 0;
     z-index: 99999;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.aboutus-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}


/* Our Goals */
.ourgoals-row{
   padding-top: 70px;
   padding-bottom: 0;
}

/* Our History */
.aboutus-row {
    padding-top: 70px;
    padding-bottom: 0;
}
.aboutus-desc-row1 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row1 .aboutus-desc01 {
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}
.aboutus-desc-row2 {
    padding-top: 30px;
    padding-bottom: 70px;
}
.aboutus-desc-row2 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 0;
    z-index: 99999;
}
.aboutus-desktop {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Brand Name */
.ourbrandname-desc{
    padding-bottom: 70px;
}
.ourbrandname-desc .ourbrandname-desc01{
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Logo */
.ourlogo-desc{
    padding-bottom: 70px;
}
.ourlogo-desc .ourlogo-desc-col1{
     left: 0;
     z-index: 99999;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.aboutus-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.aboutus-header-title h2 {
    left: 10%;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 60%;
    font-size: 23px;
    line-height: 35px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}

/* Our Goals */
.ourgoals-row{
   padding-top: 70px;
   padding-bottom: 0;
}

/* Our History */
.aboutus-row {
    padding-top: 70px;
    padding-bottom: 0;
}
.aboutus-desc-row1 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row1 .aboutus-desc01 {
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}
.aboutus-desc-row2 {
    padding-top: 30px;
    padding-bottom: 70px;
}
.aboutus-desc-row2 .vc_col-sm-6 {
    width: 100%;
}
.aboutus-desc-row2 .aboutus-desc01 {
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
.aboutus-desc-row2 .aboutus-desc-col1 {
    left: 0;
    z-index: 99999;
}
.aboutus-desktop {
    display: none;
}

/* Our Goals */
 .ourgoals-desc-row1 .ourgoals-desc-column1{
    left: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Brand Name */
.ourbrandname-desc{
    padding-bottom: 70px;
}
.ourbrandname-desc .ourbrandname-desc01{
    left: 0;
    top: 0;
    position: relative;
    padding-top: 30px;
}

/* Our Logo */
.ourlogo-desc{
    padding-bottom: 70px;
}
.ourlogo-desc .ourlogo-desc-col1{
     left: 0;
     z-index: 99999;
}
.ourlogo-desc .ourlogo-desc01{
    top: 0;
    position: relative;
    padding-top: 30px;
    padding-left: 0;
}
}
/* end media query ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### MILESTONE ######### */
/* Milestones */
.milestone-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.ms-left-inner-row:not(:first-child) {   /* --- left */
    padding-top: 150px;
}
.ms-left-inner-row .year-image {
    margin-top: -210px;
}
.ms-left-inner-row .legend-img {
    width: 10%;
    display: inline-block;
    vertical-align: middle;
}
.ms-left-inner-row .ms-desc {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}
.ms-left-inner-row:nth-child(even) {
    padding-left: 200px;
}

.milestone-left-inner-row:not(:first-child),
.milestone-right-inner-row {
    padding-top: 70px;
}
.milestone-left-inner-row {
    background-position: center left !important;
}
.milestone-right-inner-row {
    background-position: center right !Important;
}
.milestone-desc {
    margin-top: -20px;
}
.milestone-desc p {
    padding-top: 30px;
    padding-bottom: 10px;
}
.milestone-desc p img {
    vertical-align: middle;
    padding-right: 20px;
}
.milestone-right-inner-row .milestone-desc {
    padding-left: 120px; 
}

/* 2004 */
.box-2004-desc {
    margin-top: -140px;
}

/* 1995 */
.box-1995-desc-02,
.box-1995-desc-03 {
    margin-top: -140px;
}

/* 1990 */
.box-1990-desc {
    margin-top: -140px;
}

/* 1989 */
.box-1989-desc {
    margin-top: -140px;
}

/* Legends */
.our-milestone-legends {
    padding-top: 0;
    padding-bottom: 200px;
}
.our-milestone-legends .our-milestone-legends-col {
    background-color: #fff;
    border: solid 1px rgba(26, 25, 56, 0.2);
    padding: 30px;
}
.our-milestone-legends h3 {
    text-align: center;
    margin-bottom: 50px !important;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child) {
    border-right: solid 1px rgba(26, 25, 56, 0.05);
}
.our-milestone-legends-inner-row1 .wpb_column,
.our-milestone-legends-inner-row2 .wpb_column {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}


/* ######### MILESTONE (active) ######### */
.history-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.history-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.history-header-title h2 {
    left: 81px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* 2005 */
.history-row-2005 {
   padding-top: 200px;
   padding-bottom: 100px;
}
.history-row-2005 .history-desc.history-left {
    margin-left: 28%;
    margin-top: -100px;
}

/* 2004 */
.history-row-2004 {
   padding-top: 100px;
   padding-bottom: 100px;
}
.history-row-2004 .history-desc.history-right {
    margin-top: -200px;
    margin-right: 28%;
}

/* 2001 */
.history-row-2001 {
    padding-top: 60px;
    padding-bottom: 100px;
}
.history-row-2001 .history-desc.history-left {
    margin-left: 28%;
    margin-top: -120px;
}

/* 1998 */
.history-row-1998 {
    padding-top: 80px;
    padding-bottom: 100px;
}
.history-row-1998 .history-desc.history-right {
    margin-top: -100px;
    margin-right: 28%;
}

/* 1997 */
.history-row-1997 {
    padding-top: 80px;
    padding-bottom: 100px;
}
.history-row-1997 .history-desc.history-left {
    margin-left: 28%;
    margin-top: -100px;
}

/* 1996 */
.history-row-1996 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.history-row-1996 .history-desc.history-right {
    margin-top: -100px;
    margin-right: 28%;
}

/* 1995 */
.history-row-1995 {
    padding-top: 80px;
    padding-bottom: 100px;
}
.history-row-1995 .history-desc.history-left {
    margin-left: 28%;
    margin-top: -120px;
}

/* 1990 */
.history-row-1990 {
    padding-top: 80px;
    padding-bottom: 100px;
}
.history-row-1990 .history-desc.history-right {
    margin-top: -160px;
    margin-right: 28%;
}

/* 1989 */
.history-row-1989 {
    padding-top: 70px;
    padding-bottom: 200px;
}
.history-row-1989 .history-desc.history-left {
    margin-left: 28%;
    margin-top: -140px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR MILESTONE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title Header */
.history-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title Header */
.history-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}

/* Milestone */
.ms-left-inner-row:nth-child(even) {
    padding-left: 130px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title Header */
.history-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Milestone */
.ms-left-inner-row:nth-child(even) {
    padding-left: 130px;
}
.ms-left-inner-row .year-image {
    margin-top: -180px;
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title Header */
.history-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Milestone */
.ms-left-inner-row:nth-child(even) {
    padding-left: 80px;
}
.ms-left-inner-row .year-image {
    margin-top: -180px;
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title Header */
.history-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Milestone */
.ms-left-inner-row:nth-child(even) {
    padding-left: 90px;
}
.ms-left-inner-row .year-image {
    margin-top: -180px;
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title Header */
.history-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Milestone */
.ms-left-inner-row:nth-child(even) {
    padding-left: 90px;
}
.ms-left-inner-row .year-image {
    margin-top: -180px;
}

/* 2004 */
.grey-bg-left.box-2004 {
    display: none;
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1995 */
.row-1995 .grey-bg-left:nth-child(4),
.row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1990 */
.row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1989 */
.row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title Header */
.history-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Milestone */
.ms-left-inner-row:nth-child(even) {
    padding-left: 40px;
}
.ms-left-inner-row .year-image {
    margin-top: -170px;
}

/* 2004 */
.grey-bg-left.box-2004 {
    display: none;
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1995 */
.row-1995 .grey-bg-left:nth-child(4),
.row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1990 */
.row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1989 */
.row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title Header */
.history-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 30%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Milestone */
.ms-left-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-left-inner-row .year-image {
    margin-top: -170px;
}

/* 2004 */
.grey-bg-left.box-2004 {
    display: none;
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1995 */
.row-1995 .grey-bg-left:nth-child(4),
.row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1990 */
.row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1989 */
.row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 40px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title Header */
.history-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* Milestone */
.ms-left-inner-row:nth-child(even) {
    padding-left: 90px;
}
.ms-left-inner-row .year-image {
    margin-top: -150px;
}

/* 2004 */
.grey-bg-left.box-2004 {
    display: none;
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1995 */
.row-1995 .grey-bg-left:nth-child(4),
.row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1990 */
.row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1989 */
.row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title Header */
.history-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Milestone */
.ms-left-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-left-inner-row .year-image {
    margin-top: -150px;
}

/* 2004 */
.grey-bg-left.box-2004 {
    display: none;
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1995 */
.row-1995 .grey-bg-left:nth-child(4),
.row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1990 */
.row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1989 */
.row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title Header */
.history-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 100px;
    padding-bottom: 50px;
}

/* Milestone */
.milestone-row {
    padding-top: 150px;
}
.ms-left-inner-row:nth-child(even) {
    padding-left: 80px;
}
.ms-left-inner-row .year-image {
    margin-top: -140px;
}
.ms-left-inner-row:not(:first-child) {
    padding-top: 130px;
}
.ms-text-description {
    padding-bottom: 30px;
}
.ms-left-inner-row .legend-img {
    width: 10%;
    display: inline-block;
    vertical-align: top;
}
.ms-left-inner-row .ms-desc {
    width: 89%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 22px;
}

/* 2017,2015, 2013,2011 */
.ms-text-description.vc_custom_1534137744494,
.ms-text-description.vc_custom_1534134386567,
.ms-text-description.vc_custom_1534134988636,
.ms-text-description.vc_custom_1534135821907 {
    padding-top: 5px;
}

/* 2005 */
.ms-text-description.vc_custom_1534136294928 .legend-img {
    width: 12%;
}
.ms-text-description.vc_custom_1534136294928 .ms-desc {
    width: 87%;
}

/* 2004 */
.row-2004 .grey-bg-left:nth-child.grey-bg-left.box-2004 {
    display: none;
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* 1995 */
.row-1995 .grey-bg-left:nth-child(4),
.row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* 1990 */
.row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
/* 1989 */
.row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title Header */
.history-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 100px;
    padding-bottom: 50px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row3 .wpb_column {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.milestone-row {
    padding-top: 150px;
}
.ms-left-inner-row:nth-child(even) {
    padding-left: 40px;
}
.ms-left-inner-row .year-image {
    margin-top: -140px;
}
.ms-left-inner-row:not(:first-child) {
    padding-top: 130px;
}
.ms-text-description {
    padding-bottom: 30px;
}
.ms-left-inner-row .legend-img {
    width: 10%;
    display: inline-block;
    vertical-align: top;
}
.ms-left-inner-row .ms-desc {
    width: 89%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title Header */
.history-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 100px;
    padding-bottom: 50px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row3 .wpb_column {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.milestone-row {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-left-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-left-inner-row .year-image {
    margin-top: -140px;
}
.ms-left-inner-row:not(:first-child) {
    padding-top: 130px;
}
.ms-text-description {
    padding-bottom: 40px;
}
.ms-left-inner-row .legend-img {
    width: 10%;
    display: inline-block;
    vertical-align: top;
}
.ms-left-inner-row .ms-desc {
    width: 85%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title Header */
.history-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 30px;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 100px;
    padding-bottom: 50px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row3 .wpb_column {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.milestone-row {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-left-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-left-inner-row:not(:first-child) {
    padding-top: 110px;
}
.grey-bg-left {
    display: none;
}
.ms-left-inner-row .year-image {
    margin-top: 0;
}
.ms-left-inner-row .legend-img {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-left-inner-row .ms-desc {
    width: 75%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
}
/* 2017, 2015, 2013, 2011 */
.ms-text-description.vc_custom_1534137744494,
.ms-text-description.vc_custom_1534134386567,
.ms-text-description.vc_custom_1534134988636,
.ms-text-description.vc_custom_1534135821907 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 20px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
}
/* 2005 */
.ms-text-description.vc_custom_1534136294928 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 40px;
    padding-top: 20px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
/* 2004 */
.ms-text-description.vc_custom_1534136239161 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    background-size: 300% !important;
    padding-bottom: 75px;
    padding-top: 30px;
    padding-right: 20px;
    margin-top: -18px;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 130px;
    padding-top: 0;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
/* 2001, 2000, 1999, 1998 */
.ms-text-description.vc_custom_1534136351898,
.ms-text-description.vc_custom_1534136413189,
.ms-text-description.vc_custom_1534136693584,
.ms-text-description.vc_custom_1534137638040 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 70px;
    padding-top: 20px;
    padding-right: 20px;
    background-size: 320% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
/* 1997 */
.ms-text-description.vc_custom_1534136738934 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 20px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
}
/* 1996 */
.ms-text-description.vc_custom_1534136782777 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 70px;
    padding-top: 20px;
    padding-right: 20px;
    background-size: 320% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
/* 1995 */
.ms-text-description.vc_custom_1534136842772 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 10px;
    padding-right: 20px;
    background-size: 320% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 30px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
/* 1990 */
.ms-text-description.vc_custom_1534136928711 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 30px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 0;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
/* 1989 */
.ms-text-description.vc_custom_1534137013672 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 50px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 0px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 30px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* 1985 */
.ms-text-description.vc_custom_1534137047456 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title Header */
.history-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 30px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 100px;
    padding-bottom: 50px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row3 .wpb_column {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.milestone-row {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-left-inner-row:nth-child(even) {
    padding-left: 0;
}
.grey-bg-left {
    display: none;
}
.ms-left-inner-row .year-image {
    margin-top: 0;
}
.ms-left-inner-row:not(:first-child) {
    padding-top: 110px;
}
.ms-text-description {
    padding-bottom: 70px;
}
.ms-left-inner-row .legend-img {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-left-inner-row .ms-desc {
    width: 75%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
}
/* 2017, 2015, 2013, 2011 */
.ms-text-description.vc_custom_1534137744494,
.ms-text-description.vc_custom_1534134386567,
.ms-text-description.vc_custom_1534134988636,
.ms-text-description.vc_custom_1534135821907 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 20px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
}
/* 2005 */
.ms-text-description.vc_custom_1534136294928 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 40px;
    padding-top: 20px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
/* 2004 */
.ms-text-description.vc_custom_1534136239161 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    background-size: 300% !important;
    padding-bottom: 75px;
    padding-top: 30px;
    padding-right: 20px;
    margin-top: -18px;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 130px;
    padding-top: 0;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
/* 2001, 2000, 1999 */
.ms-text-description.vc_custom_1534136351898,
.ms-text-description.vc_custom_1534136413189,
.ms-text-description.vc_custom_1534136693584,
.ms-text-description.vc_custom_1534137638040 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 70px;
    padding-top: 20px;
    padding-right: 20px;
    background-size: 320% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
/* 1997 */
.ms-text-description.vc_custom_1534136738934 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 20px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
}
/* 1996 */
.ms-text-description.vc_custom_1534136782777 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 70px;
    padding-top: 20px;
    padding-right: 20px;
    background-size: 320% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
/* 1995 */
.ms-text-description.vc_custom_1534136842772 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 10px;
    padding-right: 20px;
    background-size: 320% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 30px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
/* 1990 */
.ms-text-description.vc_custom_1534136928711 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 30px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 0;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
/* 1989 */
.ms-text-description.vc_custom_1534137013672 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 50px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 0px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 30px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* 1985 */
.ms-text-description.vc_custom_1534137047456 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title Header */
.history-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 90%;
    font-size: 30px;
    line-height: 45px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 70px;
    padding-bottom: 50px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row3 .wpb_column {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.milestone-row {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-left-inner-row:nth-child(even) {
    padding-left: 0;
}
.grey-bg-left {
    display: none;
}
.ms-left-inner-row .year-image {
    margin-top: 0;
}
.ms-left-inner-row:not(:first-child) {
    padding-top: 110px;
}
.ms-text-description {
    padding-bottom: 70px;
}
.ms-left-inner-row .legend-img {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-left-inner-row .ms-desc {
    width: 74%;
    display: inline-block;
    line-height: 22px;
    height: 0px;
    vertical-align: middle;
}
/* 2017, 2015, 2013, 2011 */
.ms-text-description.vc_custom_1534137744494,
.ms-text-description.vc_custom_1534134386567,
.ms-text-description.vc_custom_1534134988636,
.ms-text-description.vc_custom_1534135821907 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 50px;
    padding-top: 0px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
}
/* 2005 */
.ms-text-description.vc_custom_1534136294928 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 110px;
    padding-top: 20px;
    padding-right: 4px;
    background-size: 460% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 86.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 86.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 86.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 86.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534136294928 .ms-desc {
    width: 69%;
}
/* 2004 */
.ms-text-description.vc_custom_1534136239161 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    background-size: 670% !important;
    padding-bottom: 175px;
    padding-top: 20px;
    padding-right: 40px;
    margin-top: 0;
    -webkit-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 200px;
    padding-top: 0;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 700% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
}
/* 2001, 2000, 1999, 1998 */
.ms-text-description.vc_custom_1534136351898,
.ms-text-description.vc_custom_1534136413189,
.ms-text-description.vc_custom_1534136693584,
.ms-text-description.vc_custom_1534137638040 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 150px;
    padding-top: 10px;
    padding-right: 30px;
    background-size: 560% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
}
/* 1997 */
.ms-text-description.vc_custom_1534136738934 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 20px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
}
/* 1996 */
.ms-text-description.vc_custom_1534136782777 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    background-size: 410% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
}
/* 1995 */
.ms-text-description.vc_custom_1534136842772 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 110px;
    padding-top: 10px;
    padding-right: 20px;
    background-size: 460% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 60px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 130px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 520% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
}
/* 1990 */
.ms-text-description.vc_custom_1534136928711 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 90px;
    padding-top: 20px;
    padding-right: 24px;
    margin-top: 0;
    background-size: 430% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 150px;
    padding-top: 20px;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 600% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
}
/* 1989 */
.ms-text-description.vc_custom_1534137013672 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 0px;
    background-size: 410% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 60px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 410% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 89.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 89.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 89.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 89.5% 100%, 0% 100%);
}
/* 1985 */
.ms-text-description.vc_custom_1534137047456 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 150px;
    padding-top: 20px;
    padding-right: 30px;
    margin-top: 0px;
    background-size: 600% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title Header */
.history-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 70px;
    padding-bottom: 100px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row3 .wpb_column {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.milestone-row {
    padding-top: 100px;
    padding-bottom: 50px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-left-inner-row:nth-child(even) {
    padding-left: 0;
}
.grey-bg-left {
    display: none;
}
.ms-left-inner-row .year-image {
    margin-top: 0;
}
.ms-left-inner-row:not(:first-child) {
    padding-top: 110px;
}
.ms-text-description {
    padding-bottom: 70px;
}
.ms-left-inner-row .legend-img {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-left-inner-row .ms-desc {
    width: 73%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
}
/* 2017, 2015, 2013, 2011 */
.ms-text-description.vc_custom_1534137744494,
.ms-text-description.vc_custom_1534134386567,
.ms-text-description.vc_custom_1534134988636,
.ms-text-description.vc_custom_1534135821907 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 50px;
    padding-top: 0px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
}
/* 2005 */
.ms-text-description.vc_custom_1534136294928 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 110px;
    padding-top: 20px;
    padding-right: 4px;
    background-size: 460% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 86.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 86.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 86.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 86.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534136294928 .ms-desc {
    width: 69%;
}
/* 2004 */
.ms-text-description.vc_custom_1534136239161 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    background-size: 670% !important;
    padding-bottom: 175px;
    padding-top: 20px;
    padding-right: 40px;
    margin-top: 0;
    -webkit-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 0;
    height: 300px;
    padding-top: 0;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 750% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
}
/* 2001, 2000, 1999, 1998 */
.ms-text-description.vc_custom_1534136351898,
.ms-text-description.vc_custom_1534136413189,
.ms-text-description.vc_custom_1534136693584,
.ms-text-description.vc_custom_1534137638040 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 170px;
    padding-top: 10px;
    padding-right: 30px;
    background-size: 610% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
}
/* 1997 */
.ms-text-description.vc_custom_1534136738934 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 20px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 93.5% 100%, 0% 100%);
}
/* 1996 */
.ms-text-description.vc_custom_1534136782777 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 100px;
    padding-top: 20px;
    padding-right: 20px;
    background-size: 460% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
}
/* 1995 */
.ms-text-description.vc_custom_1534136842772 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 130px;
    padding-top: 10px;
    padding-right: 20px;
    background-size: 510% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 390% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 150px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 570% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
}
/* 1990 */
.ms-text-description.vc_custom_1534136928711 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 110px;
    padding-top: 20px;
    padding-right: 24px;
    margin-top: 0;
    background-size: 490% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 87.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 210px;
    padding-top: 20px;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 740% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
}
/* 1989 */
.ms-text-description.vc_custom_1534137013672 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 100px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 0px;
    background-size: 470% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 460% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 89.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 89.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 89.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 89.5% 100%, 0% 100%);
}
/* 1985 */
.ms-text-description.vc_custom_1534137047456 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 180px;
    padding-top: 20px;
    padding-right: 30px;
    margin-top: 0px;
    background-size: 670% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title Header */
.history-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 70px;
    padding-bottom: 100px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row3 .wpb_column {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.milestone-row {
    padding-top: 100px;
    padding-bottom: 50px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-left-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-left-inner-row .year-image {
    margin-top: -170px;
}
.ms-left-inner-row:not(:first-child) {
    padding-top: 110px;
}
.grey-bg-left {
    display: none;
}
.ms-left-inner-row .year-image {
    margin-top: 0;
}
.ms-text-description {
    padding-bottom: 70px;
}
.ms-left-inner-row .legend-img {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-left-inner-row .ms-desc {
    width: 73%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 22px;
}
/* 2017, 2015, 2013, 2011 */
.ms-text-description.vc_custom_1534137744494,
.ms-text-description.vc_custom_1534134386567,
.ms-text-description.vc_custom_1534134988636,
.ms-text-description.vc_custom_1534135821907 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 50px;
    padding-top: 0px;
    padding-right: 5px;
    background-size: 300% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 91.5% 100%, 0% 100%);
}
/* 2005 */
.ms-text-description.vc_custom_1534136294928 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 120px;
    padding-top: 20px;
    padding-right: 20px;
    background-size: 540% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534136294928 .ms-desc {
    width: 69%;
}
/* 2004 */
.ms-text-description.vc_custom_1534136239161 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    background-size: 740% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    padding-bottom: 185px;
    padding-top: 20px;
    padding-right: 40px;
    margin-top: 0;
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 0;
    height: 340px;
    padding-top: 0;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 1440% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 77.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 77.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 77.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 77.5% 100%, 0% 100%);
}
/* 2001, 2000, 1999, 1998 */
.ms-text-description.vc_custom_1534136351898,
.ms-text-description.vc_custom_1534136413189,
.ms-text-description.vc_custom_1534136693584,
.ms-text-description.vc_custom_1534137638040 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 210px;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 820% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 78.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 78.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 78.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 78.5% 100%, 0% 100%);
}
/* 1997 */
.ms-text-description.vc_custom_1534136738934 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 40px;
    padding-top: 20px;
    padding-right: 5px;
    background-size: 360% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 90.5% 100%, 0% 100%);
}
/* 1996 */
.ms-text-description.vc_custom_1534136782777 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 130px;
    padding-top: 20px;
    padding-right: 30px;
    background-size: 550% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
}
/* 1995 */
.ms-text-description.vc_custom_1534136842772 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 180px;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 720% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 80px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 450% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 200px;
    padding-top: 20px;
    padding-right: 37px;
    margin-top: 20px;
    background-size: 800% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 78.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 78.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 78.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 78.5% 100%, 0% 100%);
}
/* 1990 */
.ms-text-description.vc_custom_1534136928711 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 130px;
    padding-top: 20px;
    padding-right: 24px;
    margin-top: 0;
    background-size: 620% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 210px;
    padding-top: 20px;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 800% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
}
/* 1989 */
.ms-text-description.vc_custom_1534137013672 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 130px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 0px;
    background-size: 610% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 83.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 83.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 83.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 83.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 110px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 550% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
}
/* 1985 */
.ms-text-description.vc_custom_1534137047456 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 210px;
    padding-top: 20px;
    padding-right: 40px;
    margin-top: 0px;
    background-size: 820% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 76.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 76.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 76.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 76.5% 100%, 0% 100%);
}
}

@media only screen and (max-width: 320px) {
/* Title Header */
.history-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 10%;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 23px;
    line-height: 35px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 5%;
    padding-right: 5%;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row3 .wpb_column {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.milestone-row {
    padding-top: 100px;
    padding-bottom: 50px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-left-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-left-inner-row:not(:first-child) {
    padding-top: 110px;
}
.grey-bg-left {
    display: none;
}
.ms-left-inner-row .year-image {
    margin-top: 0;
}
.ms-text-description {
    padding-bottom: 70px;
}
.ms-left-inner-row .legend-img {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-left-inner-row .ms-desc {
    width: 53%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px;
}
/* 2017, 2015, 2013, 2011 */
.ms-text-description.vc_custom_1534137744494,
.ms-text-description.vc_custom_1534134386567,
.ms-text-description.vc_custom_1534134988636,
.ms-text-description.vc_custom_1534135821907 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 70px;
    padding-top: 0px;
    padding-right: 5px;
    background-size: 460% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
}
/* 2005 */
.ms-text-description.vc_custom_1534136294928 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 130px;
    padding-top: 20px;
    padding-right: 20px;
    background-size: 640% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534136294928 .ms-desc {
    width: 50%;
}
/* 2004 */
.ms-text-description.vc_custom_1534136239161 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    background-size: 980% !important;
    padding-bottom: 225px;
    padding-top: 20px;
    padding-right: 40px;
    margin-top: 0;
    -webkit-clip-path: polygon(0 0, 100% 0%, 72.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 72.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 72.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 72.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304499531 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 0;
    height: 410px;
    padding-top: 0;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 1440% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 66.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 66.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 66.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 66.5% 100%, 0% 100%);
}
/* 2001, 2000, 1999, 1998 */
.ms-text-description.vc_custom_1534136351898,
.ms-text-description.vc_custom_1534136413189,
.ms-text-description.vc_custom_1534136693584 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 220px;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 900% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 73.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 73.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 73.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 73.5% 100%, 0% 100%);
}
/* 1998 */
.ms-text-description.vc_custom_1534137638040 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 110px;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 580% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 81.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 81.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 81.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 81.5% 100%, 0% 100%);
}
/* 1997 */
.ms-text-description.vc_custom_1534136738934 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 40px;
    padding-top: 20px;
    padding-right: 5px;
    background-size: 440% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
}
/* 1996 */
.ms-text-description.vc_custom_1534136782777 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 140px;
    padding-top: 20px;
    padding-right: 30px;
    background-size: 720% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
}
/* 1995 */
.ms-text-description.vc_custom_1534136842772 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 150px;
    padding-top: 10px;
    background-size: 720% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 79.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304733060 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 60px;
    padding-top: 20px;
    margin-top: 20px;
    background-size: 530% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 88.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534304742398 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 220px;
    padding-top: 20px;
    padding-right: 30px;
    margin-top: 20px;
    background-size: 940% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 75.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 75.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 75.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 75.5% 100%, 0% 100%);
}
/* 1990 */
.ms-text-description.vc_custom_1534136928711 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 110px;
    padding-top: 20px;
    padding-right: 24px;
    margin-top: 0;
    background-size: 620% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305098101 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 210px;
    padding-top: 20px;
    padding-right: 30px;
    margin-top: 20px;
    background-size: 910% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 75.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 75.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 75.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 75.5% 100%, 0% 100%);
}
/* 1989 */
.ms-text-description.vc_custom_1534137013672 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
     padding-bottom: 130px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 0px;
    background-size: 690% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 80.5% 100%, 0% 100%);
}
.ms-text-description.vc_custom_1534305115314 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 110px;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background-size: 640% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 85.5% 100%, 0% 100%);
}
/* 1985 */
.ms-text-description.vc_custom_1534137047456 {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 240px;
    padding-top: 20px;
    padding-right: 30px;
    margin-top: 0px;
    background-size: 1020% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 72.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 72.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 72.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 72.5% 100%, 0% 100%);
}
}
/* end media query ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ------------------------------------------------------------------------------------------ */
/* ######### MILESTONE (4) ######### */
.history-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.history-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.history-header-title h2 {
    left: 81px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* Milestones */
.ms-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.ms-row.vc_custom_1535098767771 {
    background-size: contain !important;
    background-position: center 10% !important;
}
.ms-inner-row:not(:first-child) {   /* --- left */
    padding-top: 150px;
}
.ms-inner-row .year-image {
    margin-top: -210px;
}
.ms-inner-row .legend-img {
    width: 10%;
    display: inline-block;
    vertical-align: middle;
}
.ms-inner-row .ms-desc {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}
.ms-inner-row:nth-child(even) {
    padding-left: 200px;
}


/* 2004 */
.desktop-row-2004 .ms-desc-desktop:nth-child(5) {
    margin-top: -140px;
}

/* 1995 */
.desktop-row-1995 .ms-desc-desktop:nth-child(5),
.desktop-row-1995 .ms-desc-desktop:nth-child(7) {
    margin-top: -140px;
}

/* 1990 */
.desktop-row-1990 .ms-desc-desktop:nth-child(5) {
    margin-top: -140px;
}

/* 1989 */
.desktop-row-1989 .ms-desc-desktop:nth-child(5) {
    margin-top: -140px;
}

/* Legends */
.our-milestone-legends {
    padding-top: 0;
    padding-bottom: 200px;
}
.our-milestone-legends .our-milestone-legends-col {
    background-color: #fff;
    border: solid 1px rgba(26, 25, 56, 0.2);
    padding: 30px;
}
.our-milestone-legends h3 {
    text-align: center;
    margin-bottom: 50px !important;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-right: solid 1px rgba(26, 25, 56, 0.05);
}
.our-milestone-legends-inner-row1 .wpb_column,
.our-milestone-legends-inner-row2 .wpb_column,
.our-milestone-legends-inner-row3 .wpb_column {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}


/* 2005 */
.history-row-2005 {
   padding-top: 200px;
   padding-bottom: 100px;
}
.history-row-2005 .history-desc.history-left {
    margin-left: 28%;
    margin-top: -100px;
}

/* 2004 */
.history-row-2004 {
   padding-top: 100px;
   padding-bottom: 100px;
}
.history-row-2004 .history-desc.history-right {
    margin-top: -200px;
    margin-right: 28%;
}

/* 2001 */
.history-row-2001 {
    padding-top: 60px;
    padding-bottom: 100px;
}
.history-row-2001 .history-desc.history-left {
    margin-left: 28%;
    margin-top: -120px;
}

/* 1998 */
.history-row-1998 {
    padding-top: 80px;
    padding-bottom: 100px;
}
.history-row-1998 .history-desc.history-right {
    margin-top: -100px;
    margin-right: 28%;
}

/* 1997 */
.history-row-1997 {
    padding-top: 80px;
    padding-bottom: 100px;
}
.history-row-1997 .history-desc.history-left {
    margin-left: 28%;
    margin-top: -100px;
}

/* 1996 */
.history-row-1996 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.history-row-1996 .history-desc.history-right {
    margin-top: -100px;
    margin-right: 28%;
}

/* 1995 */
.history-row-1995 {
    padding-top: 80px;
    padding-bottom: 100px;
}
.history-row-1995 .history-desc.history-left {
    margin-left: 28%;
    margin-top: -120px;
}

/* 1990 */
.history-row-1990 {
    padding-top: 80px;
    padding-bottom: 100px;
}
.history-row-1990 .history-desc.history-right {
    margin-top: -160px;
    margin-right: 28%;
}

/* 1989 */
.history-row-1989 {
    padding-top: 70px;
    padding-bottom: 200px;
}
.history-row-1989 .history-desc.history-left {
    margin-left: 28%;
    margin-top: -140px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR MILESTONE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1751px) {
.ms-ver4-mobile {
    display: none;
}
}

@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title Header */
.history-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}

.ms-ver4-mobile {
    display: none;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title Header */
.history-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-inner-row:nth-child(even) {
    padding-left: 130px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title Header */
.history-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-inner-row:nth-child(even) {
    padding-left: 130px;
}
.ms-inner-row .year-image {
    margin-top: -180px;
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title Header */
.history-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-inner-row:nth-child(even) {
    padding-left: 80px;
}
.ms-inner-row .year-image {
    margin-top: -180px;
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title Header */
.history-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-inner-row:nth-child(even) {
    padding-left: 90px;
}
.ms-inner-row .year-image {
    margin-top: -180px;
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title Header */
.history-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-row {
    padding-top: 200px;
}
.ms-inner-row:not(:first-child) {
    padding-top: 100px;
}
.ms-inner-row:nth-child(even) {
    padding-left: 90px;
}
.ms-inner-row .year-image {
    margin-top: -180px;
}
.ms-inner-row .legend-img {
    width: 10%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 86%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px;
}

/* ---2004--- */
.desktop-row-2004 .grey-bg-left(4) {
    display: none;
}
.desktop-row-2004 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1995--- */
.desktop-row-1995 .grey-bg-left:nth-child(4),
.desktop-row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.desktop-row-1995 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(7) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1990--- */
.desktop-row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.desktop-row-1990 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1989--- */
.desktop-row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.desktop-row-1989 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title Header */
.history-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-row {
    padding-top: 200px;
}
.ms-inner-row:nth-child(even) {
    padding-left: 40px;
}
.ms-inner-row:not(:first-child) {
    padding-top: 100px;
}
.ms-inner-row .year-image {
    margin-top: -170px;
}
.ms-inner-row .legend-img {
    width: 10%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 86%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px;
}

/* ---2004--- */
.desktop-row-2004 .grey-bg-left(4) {
    display: none;
}
.desktop-row-2004 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1995--- */
.desktop-row-1995 .grey-bg-left:nth-child(4),
.desktop-row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.desktop-row-1995 :nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(7) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1990--- */
.desktop-row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.desktop-row-1990 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1989--- */
.desktop-row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.desktop-row-1989 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title Header */
.history-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 30%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-row {
    padding-top: 200px;
}
.ms-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-inner-row:not(:first-child) {
    padding-top: 100px;
}
.ms-inner-row .year-image {
    margin-top: -170px;
}
.ms-inner-row .legend-img {
    width: 10%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 86%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px;
}

/* ---2004--- */
.desktop-row-2004 .grey-bg-left(4) {
    display: none;
}
.desktop-row-2004 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1995--- */
.desktop-row-1995 .grey-bg-left:nth-child(4),
.desktop-row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.desktop-row-1995 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(7) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1990--- */
.desktop-row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.desktop-row-1990 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1989--- */
.desktop-row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.desktop-row-1989 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title Header */
.history-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}
.our-milestone-legends .q_icon_with_title p {
    min-height: 65px;
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-row {
    padding-top: 200px;
}
.ms-inner-row:nth-child(even) {
    padding-left: 40px;
}
.ms-inner-row:not(:first-child) {
    padding-top: 100px;
}
.ms-inner-row .year-image {
    margin-top: -150px;
}
.ms-inner-row .legend-img {
    width: 10%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 86%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px;
}

/* ---2004--- */
.desktop-row-2004 .grey-bg-left(4) {
    display: none;
}
.desktop-row-2004 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1995--- */
.desktop-row-1995 .grey-bg-left:nth-child(4),
.desktop-row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.desktop-row-1995 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(7) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1990--- */
.desktop-row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.desktop-row-1990 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1989--- */
.desktop-row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.desktop-row-1989 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title Header */
.history-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}
.our-milestone-legends .q_icon_with_title p {
    min-height: 65px;
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-row {
    padding-top: 200px;
}
.ms-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-inner-row:not(:first-child) {
    padding-top: 100px;
}
.ms-inner-row .year-image {
    margin-top: -150px;
}
.ms-inner-row .legend-img {
    width: 10%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 86%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px;
}

/* ---2004--- */
.desktop-row-2004 .grey-bg-left(4) {
    display: none;
}
.desktop-row-2004 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1995--- */
.desktop-row-1995 .grey-bg-left:nth-child(4),
.desktop-row-1995 .grey-bg-left:nth-child(6) {
    display: none;
}
.desktop-row-1995 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(7) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1990--- */
.desktop-row-1990 .grey-bg-left:nth-child(4) {
    display: none;
}
.desktop-row-1990 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1989--- */
.desktop-row-1989 .grey-bg-left:nth-child(4) {
    display: none;
}
.desktop-row-1989 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 30px;
    background-size: 110% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title Header */
.history-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 100px;
    padding-bottom: 50px;
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-row .grey-bg-left {
    display: none;
}
.ms-row {
    padding-top: 150px;
}
.ms-inner-row:nth-child(even) {
    padding-left: 80px;
}
.ms-inner-row:not(:first-child) {
    padding-top: 100px;
}
.ms-inner-row .year-image {
    margin-top: 0;
}
.ms-inner-row .legend-img {
    width: 13%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 84%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px;
}

/* ---2017--- */
.desktop-row-2017 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2015--- */
.desktop-row-2015 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2013--- */
.desktop-row-2013 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2011--- */
.desktop-row-2011 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2005--- */
.desktop-row-2005 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---2004--- */
.desktop-row-2004 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}
.desktop-row-2004 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 110px;
    background-size: 160% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
}

/* ---2001--- */
.desktop-row-2001 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---2000--- */
.desktop-row-2000 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1999--- */
.desktop-row-1999 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1998--- */
.desktop-row-1998 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1997--- */
.desktop-row-1997 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---1996--- */
.desktop-row-1996 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1995--- */
.desktop-row-1995 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(7) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1990--- */
.desktop-row-1990 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}
.desktop-row-1990 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1989--- */
.desktop-row-1989 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}
.desktop-row-1989 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---1985--- */
.desktop-row-1985 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title Header */
.history-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 100px;
    padding-bottom: 50px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row1 .wpb_column,
.our-milestone-legends-inner-row2 .wpb_column,
.our-milestone-legends-inner-row3 .wpb_column,
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-row .grey-bg-left {
    display: none;
}
.ms-row {
    padding-top: 150px;
}
.ms-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-inner-row:not(:first-child) {
    padding-top: 100px;
}
.ms-inner-row .year-image {
    margin-top: 0;
}
.ms-inner-row .legend-img {
    width: 13%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 84%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px;
}

/* ---2017--- */
.desktop-row-2017 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2015--- */
.desktop-row-2015 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2013--- */
.desktop-row-2013 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2011--- */
.desktop-row-2011 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2005--- */
.desktop-row-2005 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---2004--- */
.desktop-row-2004 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}
.desktop-row-2004 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 110px;
    background-size: 160% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
}

/* ---2001--- */
.desktop-row-2001 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---2000--- */
.desktop-row-2000 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1999--- */
.desktop-row-1999 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1998--- */
.desktop-row-1998 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1997--- */
.desktop-row-1997 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---1996--- */
.desktop-row-1996 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1995--- */
.desktop-row-1995 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(7) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1990--- */
.desktop-row-1990 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}
.desktop-row-1990 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1989--- */
.desktop-row-1989 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}
.desktop-row-1989 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---1985--- */
.desktop-row-1985 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title Header */
.history-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 100px;
    padding-bottom: 50px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row1 .wpb_column,
.our-milestone-legends-inner-row2 .wpb_column,
.our-milestone-legends-inner-row3 .wpb_column,
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.ms-ver4-mobile {
    display: none;
}
.ms-row .grey-bg-left {
    display: none;
}
.ms-row {
    padding-top: 150px;
}
.ms-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-inner-row:not(:first-child) {
    padding-top: 100px;
}
.ms-inner-row .year-image {
    margin-top: 0;
}
.ms-inner-row .legend-img {
    width: 13%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 84%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px;
}

/* ---2017--- */
.desktop-row-2017 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2015--- */
.desktop-row-2015 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2013--- */
.desktop-row-2013 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2011--- */
.desktop-row-2011 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---2005--- */
.desktop-row-2005 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---2004--- */
.desktop-row-2004 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}
.desktop-row-2004 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 110px;
    background-size: 160% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
}

/* ---2001--- */
.desktop-row-2001 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---2000--- */
.desktop-row-2000 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1999--- */
.desktop-row-1999 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1998--- */
.desktop-row-1998 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1997--- */
.desktop-row-1997 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---1996--- */
.desktop-row-1996 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* ---1995--- */
.desktop-row-1995 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}
.desktop-row-1995 .ms-desc-desktop:nth-child(7) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1990--- */
.desktop-row-1990 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}
.desktop-row-1990 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* ---1989--- */
.desktop-row-1989 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}
.desktop-row-1989 .ms-desc-desktop:nth-child(5) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    background-size: 120% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

/* ---1985--- */
.desktop-row-1985 .ms-desc-desktop:nth-child(3) {
    background-image: url(/core-files/uploads/2018/08/milestone-grey-bg.png);
    background-position: left bottom !important;
    padding-top: 10px;
    padding-right: 40px;
    margin-top: 20px;
    min-height: 90px;
    background-size: 130% !important;
    -webkit-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 95.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title Header */
.history-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 30px;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 100px;
    padding-bottom: 50px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row1 .wpb_column,
.our-milestone-legends-inner-row2 .wpb_column,
.our-milestone-legends-inner-row3 .wpb_column,
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.ms-ver4-desktop {
    display: none;
}
.ms-row {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-inner-row:not(:first-child) {
    padding-top: 110px;
}
.ms-inner-row .year-image {
    margin-top: 0;
}
.ms-inner-row .legend-img {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 75%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 22px;
}

/* --- 2005 ---*/
.ms-inner-row.mobile-row-2005 .ms-desc-mobile {
    min-height: 100px;
}

/* ---2004--- */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(2) {
    min-height: 140px;
}
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(3) {
    min-height: 160px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---2001--- */
.ms-inner-row.mobile-row-2001 .ms-desc-mobile {
    min-height: 140px;
}

/* ---2000--- */
.ms-inner-row.mobile-row-2000 .ms-desc-mobile {
    min-height: 140px;
}

/* ---1999--- */
.ms-inner-row.mobile-row-1999 .ms-desc-mobile {
    min-height: 120px;
}

/* ---1998--- */
.ms-inner-row.mobile-row-1998 .ms-desc-mobile {
    min-height: 100px;
}

/* ---1996--- */
.ms-inner-row.mobile-row-1996 .ms-desc-mobile {
    min-height: 100px;
}

/* ---1995--- */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(2) {
    min-height: 120px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(3) {
    min-height: 100px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(4) {
    min-height: 140px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1990--- */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(2) {
    min-height: 100px;
}
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(3) {
    min-height: 140px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1989--- */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(2),
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(3) {
    min-height: 100px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1985--- */
.ms-inner-row.mobile-row-1985 .ms-desc-mobile {
    min-height: 140px;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title Header */
.history-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 30px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 100px;
    padding-bottom: 50px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row1 .wpb_column,
.our-milestone-legends-inner-row2 .wpb_column,
.our-milestone-legends-inner-row3 .wpb_column,
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.ms-ver4-desktop {
    display: none;
}
.ms-row {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-inner-row:not(:first-child) {
    padding-top: 110px;
}
.ms-inner-row .year-image {
    margin-top: 0;
}
.ms-inner-row .legend-img {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 75%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 22px;
}

/* --- 2005 ---*/
.ms-inner-row.mobile-row-2005 .ms-desc-mobile {
    min-height: 100px;
}

/* ---2004--- */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(2) {
    min-height: 140px;
}
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(3) {
    min-height: 160px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---2001--- */
.ms-inner-row.mobile-row-2001 .ms-desc-mobile {
    min-height: 140px;
}

/* ---2000--- */
.ms-inner-row.mobile-row-2000 .ms-desc-mobile {
    min-height: 140px;
}

/* ---1999--- */
.ms-inner-row.mobile-row-1999 .ms-desc-mobile {
    min-height: 120px;
}

/* ---1998--- */
.ms-inner-row.mobile-row-1998 .ms-desc-mobile {
    min-height: 100px;
}

/* ---1996--- */
.ms-inner-row.mobile-row-1996 .ms-desc-mobile {
    min-height: 100px;
}

/* ---1995--- */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(2) {
    min-height: 120px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(3) {
    min-height: 100px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(4) {
    min-height: 140px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1990--- */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(2) {
    min-height: 100px;
}
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(3) {
    min-height: 140px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1989--- */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(2),
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(3) {
    min-height: 100px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1985--- */
.ms-inner-row.mobile-row-1985 .ms-desc-mobile {
    min-height: 140px;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title Header */
.history-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 90%;
    font-size: 30px;
    line-height: 45px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 70px;
    padding-bottom: 50px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row1 .wpb_column,
.our-milestone-legends-inner-row2 .wpb_column,
.our-milestone-legends-inner-row3 .wpb_column,
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.ms-ver4-desktop {
    display: none;
}
.ms-row {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-inner-row:not(:first-child) {
    padding-top: 110px;
}
.ms-inner-row .year-image {
    margin-top: 0;
}
.ms-inner-row .legend-img {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 70%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 22px;
}

/* ---2017--- */
.ms-inner-row.mobile-row-2017 .ms-desc-mobile {
    min-height: 100px;
}

/* ---2015--- */
.ms-inner-row.mobile-row-2015 .ms-desc-mobile {
    min-height: 100px;
}

/* ---2013--- */
.ms-inner-row.mobile-row-2013 .ms-desc-mobile {
    min-height: 100px;
}

/* --- 2005 ---*/
.ms-inner-row.mobile-row-2005 .ms-desc-mobile {
    min-height: 140px;
}

/* ---2004--- */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(2) {
    min-height: 180px;
}
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(3) {
    min-height: 240px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---2001--- */
.ms-inner-row.mobile-row-2001 .ms-desc-mobile {
    min-height: 180px;
}

/* ---2000--- */
.ms-inner-row.mobile-row-2000 .ms-desc-mobile {
    min-height: 180px;
}

/* ---1999--- */
.ms-inner-row.mobile-row-1999 .ms-desc-mobile {
    min-height: 160px;
}

/* ---1998--- */
.ms-inner-row.mobile-row-1998 .ms-desc-mobile {
    min-height: 120px;
}

/* ---1996--- */
.ms-inner-row.mobile-row-1996 .ms-desc-mobile {
    min-height: 140px;
}

/* ---1995--- */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(2) {
    min-height: 160px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(3) {
    min-height: 120px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(4) {
    min-height: 180px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1990--- */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(2) {
    min-height: 140px;
}
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(3) {
    min-height: 200px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1989--- */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(2) {
    min-height: 140px;
}
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(3) {
    min-height: 120px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1985--- */
.ms-inner-row.mobile-row-1985 .ms-desc-mobile {
    min-height: 180px;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title Header */
.history-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 70px;
    padding-bottom: 100px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row1 .wpb_column,
.our-milestone-legends-inner-row2 .wpb_column,
.our-milestone-legends-inner-row3 .wpb_column,
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.ms-ver4-desktop {
    display: none;
}
.ms-row {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-inner-row:not(:first-child) {
    padding-top: 110px;
}
.ms-inner-row .year-image {
    margin-top: 0;
}
.ms-inner-row .legend-img {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 70%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 22px;
}

/* ---2017--- */
.ms-inner-row.mobile-row-2017 .ms-desc-mobile {
    min-height: 100px;
}

/* ---2015--- */
.ms-inner-row.mobile-row-2015 .ms-desc-mobile {
    min-height: 100px;
}

/* ---2013--- */
.ms-inner-row.mobile-row-2013 .ms-desc-mobile {
    min-height: 100px;
}

/* --- 2005 ---*/
.ms-inner-row.mobile-row-2005 .ms-desc-mobile {
    min-height: 140px;
}

/* ---2004--- */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(2) {
    min-height: 180px;
}
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(3) {
    min-height: 240px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---2001--- */
.ms-inner-row.mobile-row-2001 .ms-desc-mobile {
    min-height: 180px;
}

/* ---2000--- */
.ms-inner-row.mobile-row-2000 .ms-desc-mobile {
    min-height: 180px;
}

/* ---1999--- */
.ms-inner-row.mobile-row-1999 .ms-desc-mobile {
    min-height: 160px;
}

/* ---1998--- */
.ms-inner-row.mobile-row-1998 .ms-desc-mobile {
    min-height: 120px;
}

/* ---1996--- */
.ms-inner-row.mobile-row-1996 .ms-desc-mobile {
    min-height: 140px;
}

/* ---1995--- */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(2) {
    min-height: 160px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(3) {
    min-height: 120px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(4) {
    min-height: 180px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1990--- */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(2) {
    min-height: 140px;
}
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(3) {
    min-height: 200px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1989--- */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(2) {
    min-height: 140px;
}
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(3) {
    min-height: 120px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1985--- */
.ms-inner-row.mobile-row-1985 .ms-desc-mobile {
    min-height: 180px;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title Header */
.history-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 70px;
    padding-bottom: 100px;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row1 .wpb_column,
.our-milestone-legends-inner-row2 .wpb_column,
.our-milestone-legends-inner-row3 .wpb_column,
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.ms-ver4-desktop {
    display: none;
}
.ms-row {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-inner-row:not(:first-child) {
    padding-top: 110px;
}
.ms-inner-row .year-image {
    margin-top: 0;
}
.ms-inner-row .legend-img {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 69%;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 22px;
}

/* ---2017--- */
.ms-inner-row.mobile-row-2017 .ms-desc-mobile {
    min-height: 100px;
}

/* ---2015--- */
.ms-inner-row.mobile-row-2015 .ms-desc-mobile {
    min-height: 100px;
}

/* ---2013--- */
.ms-inner-row.mobile-row-2013 .ms-desc-mobile {
    min-height: 100px;
}

/* --- 2005 ---*/
.ms-inner-row.mobile-row-2005 .ms-desc-mobile {
    min-height: 140px;
}

/* ---2004--- */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(2) {
    min-height: 200px;
}
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(3) {
    min-height: 240px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---2001--- */
.ms-inner-row.mobile-row-2001 .ms-desc-mobile {
    min-height: 180px;
}

/* ---2000--- */
.ms-inner-row.mobile-row-2000 .ms-desc-mobile {
    min-height: 200px;
}

/* ---1999--- */
.ms-inner-row.mobile-row-1999 .ms-desc-mobile {
    min-height: 180px;
}

/* ---1998--- */
.ms-inner-row.mobile-row-1998 .ms-desc-mobile {
    min-height: 120px;
}

/* ---1996--- */
.ms-inner-row.mobile-row-1996 .ms-desc-mobile {
    min-height: 140px;
}

/* ---1995--- */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(2) {
    min-height: 180px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(3) {
    min-height: 120px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(4) {
    min-height: 200px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1990--- */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(2) {
    min-height: 160px;
}
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(3) {
    min-height: 200px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1989--- */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(2) {
    min-height: 140px;
}
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(3) {
    min-height: 140px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1985--- */
.ms-inner-row.mobile-row-1985 .ms-desc-mobile {
    min-height: 200px;
}
}

@media only screen and (max-width: 320px) {
/* Title Header */
.history-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.history-header-title h2 {
    left: 10%;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 23px;
    line-height: 35px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}

/* Legends */
.our-milestone-legends {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 5%;
    padding-right: 5%;
}
.our-milestone-legends-inner-row1 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row2 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row3 .wpb_column:not(:last-child),
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-right: none;
}
.our-milestone-legends-inner-row1 .wpb_column,
.our-milestone-legends-inner-row2 .wpb_column,
.our-milestone-legends-inner-row3 .wpb_column,
.our-milestone-legends-inner-row4 .wpb_column:not(:last-child) {
    border-bottom: solid 1px rgba(26, 25, 56, 0.05);
}

/* Milestone */
.ms-ver4-desktop {
    display: none;
}
.ms-row {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
}
.ms-inner-row:nth-child(even) {
    padding-left: 0;
}
.ms-inner-row:not(:first-child) {
    padding-top: 110px;
}
.ms-inner-row .year-image {
    margin-top: 0;
}
.ms-inner-row .legend-img {
    width: 28%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.ms-inner-row .ms-desc {
    width: 65%;
    font-size: 15px;
    display: inline-block;
    height: 0px;
    vertical-align: middle;
    line-height: 20px;
}

/* ---2017--- */
.ms-inner-row.mobile-row-2017 .ms-desc-mobile {
    min-height: 100px;
}

/* ---2015--- */
.ms-inner-row.mobile-row-2015 .ms-desc-mobile {
    min-height: 120px;
}

/* ---2013--- */
.ms-inner-row.mobile-row-2013 .ms-desc-mobile {
    min-height: 120px;
}

/* ---2011--- */
.ms-inner-row.mobile-row-2011 .ms-desc-mobile {
    min-height: 100px;
}

/* --- 2005 ---*/
.ms-inner-row.mobile-row-2005 .ms-desc-mobile {
    min-height: 140px;
}

/* ---2004--- */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(2) {
    min-height: 220px;
}
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:nth-child(3) {
    min-height: 260px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-2004 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---2001--- */
.ms-inner-row.mobile-row-2001 .ms-desc-mobile {
    min-height: 200px;
}

/* ---2000--- */
.ms-inner-row.mobile-row-2000 .ms-desc-mobile {
    min-height: 200px;
}

/* ---1999--- */
.ms-inner-row.mobile-row-1999 .ms-desc-mobile {
    min-height: 180px;
}

/* ---1998--- */
.ms-inner-row.mobile-row-1998 .ms-desc-mobile {
    min-height: 120px;
}

/* ---1996--- */
.ms-inner-row.mobile-row-1996 .ms-desc-mobile {
    min-height: 140px;
}

/* ---1995--- */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(2) {
    min-height: 200px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(3) {
    min-height: 120px;
}
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:nth-child(4) {
    min-height: 200px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1995 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1990--- */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(2) {
    min-height: 160px;
}
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:nth-child(3) {
    min-height: 200px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1990 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1989--- */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(2) {
    min-height: 160px;
}
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:nth-child(3) {
    min-height: 140px;
}
/* all description starting from the 2nd paragraph will add 20px margin top */
.ms-inner-row.mobile-row-1989 .ms-desc-mobile:not(:nth-child(-n + 2)) {
    margin-top: 20px;
}

/* ---1985--- */
.ms-inner-row.mobile-row-1985 .ms-desc-mobile {
    min-height: 200px;
}
}
/* end media query ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### VISION  & MISSION ######### */

/* Our Purpose */
.ourpurpose-desc{
   padding-bottom: 200px
}

/* Title header */
.visionmission-row {
    padding-bottom: 200px;
}

.visionmission-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.visionmission-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.visionmission-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

.vision-title h3 {
    color: #40a836;
    margin-bottom: 10px !important;
    text-align: center;
}

.vision-description p {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
}

.mission-title h3 {
    color: #40a836;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px !important;
}

.mission-description p {
    text-align: center;
    font-size: 25px;
    line-height: 32px;
}

.visionmission-col2 {
    left: -5%;
    position: relative;
}

.ourpurpose-desc-col2 {
    left: -5%;
    position: relative;
}

.visionmission-col2 ul {
    list-style-position: outside !important;
    padding-left: 30px;
    list-style-image: url(/core-files/uploads/2018/08/bullet-green.jpg);
}

.visionmission-col2 ul li {
    margin-bottom: 5px;
    margin-top: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR MISSION & VISION */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title Header */
.visionmission-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title Header */
.visionmission-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title Header */
.visionmission-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 55px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title Header */
.visionmission-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1121px) and (max-width: 1240px) {
/* Title Header */
.visionmission-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title Header */
.visionmission-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title Header */
.visionmission-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 30%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title Header */
.visionmission-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title Header */
.visionmission-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}
}

@media only screen and (min-width: 701px) and (max-width: 768px) {
/* Title Header */
.visionmission-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Content */
.visionmission-row {
    padding-top: 0;
    padding-bottom: 100px;
}
.visionmission-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.visionmission-row .visionmission-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}

/* Our Purpose */
.ourpurpose-desc{
   padding-top: 0;
   padding-bottom: 100px
}
.ourpurpose-desc .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.ourpurpose-desc .ourpurpose-desc-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title Header */
.visionmission-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Content */
.visionmission-row {
    padding-top: 0;
    padding-bottom: 100px;
}
.visionmission-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.visionmission-row .visionmission-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}

/* Our Purpose */
.ourpurpose-desc{
   padding-top: 0;
   padding-bottom: 100px
}
.ourpurpose-desc .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.ourpurpose-desc .ourpurpose-desc-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title Header */
.visionmission-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 30px;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Content */
.visionmission-row {
    padding-top: 0;
    padding-bottom: 100px;
}
.visionmission-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.visionmission-row .visionmission-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}

/* Our Purpose */
.ourpurpose-desc{
   padding-top: 0;
   padding-bottom: 100px
}
.ourpurpose-desc .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.ourpurpose-desc .ourpurpose-desc-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title Header */
.visionmission-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 30px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Content */
.visionmission-row {
    padding-top: 0;
    padding-bottom: 100px;
}
.visionmission-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.visionmission-row .visionmission-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}

/* Our Purpose */
.ourpurpose-desc{
   padding-top: 0;
   padding-bottom: 100px
}
.ourpurpose-desc .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.ourpurpose-desc .ourpurpose-desc-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title Header */
.visionmission-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 90%;
    font-size: 30px;
    line-height: 45px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Vision & Mission */
.vision-description p {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
}
.mission-description p {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
}

/* Our Core Values*/
.visionmission-row {
    padding-top: 0;
    padding-bottom: 70px;
}
.visionmission-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.visionmission-row .visionmission-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}

/* Our Purpose */
.ourpurpose-desc{
   padding-top: 0;
   padding-bottom: 70px
}
.ourpurpose-desc .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.ourpurpose-desc .ourpurpose-desc-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title Header */
.visionmission-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Vision & Mission */
.vision-description p {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
}
.mission-description p {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
}

/* Our Core Values */
.visionmission-row {
    padding-top: 0;
    padding-bottom: 70px;
}
.visionmission-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.visionmission-row .visionmission-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}

/* Our Purpose */
.ourpurpose-desc{
   padding-top: 0;
   padding-bottom: 70px
}
.ourpurpose-desc .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.ourpurpose-desc .ourpurpose-desc-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title Header */
.visionmission-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Vision & Mission */
.vision-description p {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
}
.mission-description p {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
}

/* Our Purpose */
.visionmission-row {
    padding-top: 0;
    padding-bottom: 70px;
}
.visionmission-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.visionmission-row .visionmission-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}
}

@media only screen and (max-width: 320px) {
/* Title Header */
.visionmission-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.visionmission-header-title h2 {
    left: 5%;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 80%;
    font-size: 23px;
    line-height: 35px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Vision & Mission */
.vision-description p {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
}
.mission-description p {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
}

/* Our Core Values */
.visionmission-row {
    padding-top: 0;
    padding-bottom: 70px;
}
.visionmission-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.visionmission-row .visionmission-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}

/* Our Purpose */
.ourpurpose-desc{
   padding-top: 0;
   padding-bottom: 70px
}
.ourpurpose-desc .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.ourpurpose-desc .ourpurpose-desc-col2 {
    padding-top: 30px;
    left: 0;
    position: relative;
}
}
/* end media query ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### AWARDS & RECOGNITION ######### */
/* Title header */
.awardsrecognition-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.awardsrecognition-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.awardsrecognition-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Description */
.awardsrecognition-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    color: #40a836;
    margin-top: 30px;
}
.awardsrecognition-row .awardsrecognition-col p {
    margin-top: 20px;
}
.awardsrecognition-description {
    margin-top: -450px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR AWARDS & RECOGNITION */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1751px) {
/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
}

@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 62px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-description {
    margin-top: -430px;
}
.awardsrecognition-description img {
    width: 70%;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    margin-top: 10px;
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-description {
    margin-top: -390px;
}
.awardsrecognition-description img {
    width: 70%;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    margin-top: 10px;
}
.awardsrecognition-description h3 {
    font-size: 25px;
}
}

@media only screen and (min-width: 1121px) and (max-width: 1240px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 60%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-description {
    margin-top: -350px
}
.awardsrecognition-description img {
    width: 70%;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    margin-top: 10px;
    font-size: 23px;
}
.awardsrecognition-row .awardsrecognition-col p {
    margin-top: 10px;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 60%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-description {
    margin-top: -350px
}
.awardsrecognition-description img {
    width: 70%;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    margin-top: 20px;
    font-size: 23px;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 10%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 60%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-description {
    margin-top: -360px;
}
.awardsrecognition-description img {
    width: 70%;
}
.awardsrecognition-description h3 {
    font-size: 23px;
    margin-top: 20px;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-col {
    padding: 10px 20px;
    width: 100%;
}
.awardsrecognition-col:nth-child(1) {
    padding-bottom: 200px;
}
.awardsrecognition-col .awardsrecognition-description {
    margin-top: -540px;
}
.awardsrecognition-description img {
    width: 80%;
}
.awardsrecognition-description h3 {
    font-size: 30px;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-col {
    padding: 10px 20px;
    width: 100%;
}
.awardsrecognition-col:nth-child(1) {
    padding-bottom: 200px;
}
.awardsrecognition-col .awardsrecognition-description {
    margin-top: -540px;
}
.awardsrecognition-description img {
    width: 80%;
}
.awardsrecognition-description h3 {
    font-size: 30px;
}
}

@media only screen and (min-width: 701px) and (max-width: 768px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 90%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-col {
    padding: 10px 20px;
    width: 100%;
}
.awardsrecognition-col:nth-child(1) {
    padding-bottom: 200px;
}
.awardsrecognition-col .awardsrecognition-description {
    margin-top: -430px;
}
.awardsrecognition-description img {
    width: 80%;
}
.awardsrecognition-description h3 {
    font-size: 26px;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    margin-top: 10px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 90%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Awards */
.ar-mobile{
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-col {
    padding: 10px 20px;
    width: 100%;
}
.awardsrecognition-col:nth-child(1) {
    padding-bottom: 200px;
}
.awardsrecognition-col .awardsrecognition-description {
    margin-top: -430px;
}
.awardsrecognition-description img {
    width: 80%;
}
.awardsrecognition-description h3 {
    font-size: 25px;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    margin-top: 10px;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 90%;
    font-size: 30px;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Awards */
.ar-desktop {
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-row {
    padding-top: 100px;
    padding-bottom: 130px;
}
.awardsrecognition-col:not(:first-child) {
    margin-top: 100px;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    color: #40a836;
    margin-top: 0;
}
.awardsrecognition-description {
    margin-top: -120px;
}
.awardsrecognition-description h3 {
    font-size: 21px;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 90%;
    font-size: 30px;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Awards */
.ar-desktop {
    display: none;
}
.awards-img-480 {
     display: none;
}
.awardsrecognition-row {
    padding-top: 100px;
    padding-bottom: 130px;
}
.awardsrecognition-col:not(:first-child) {
    margin-top: 100px;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    color: #40a836;
    margin-top: 0;
}
.awardsrecognition-description {
    margin-top: -120px;
}
.awardsrecognition-description h3 {
    font-size: 21px;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: -20px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 90%;
    font-size: 30px;
    line-height: 32px;
    padding: 10px 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Awards */
.ar-desktop {
    display: none;
}
.awards-img-600 {
     display: none;
}
.awardsrecognition-row {
    padding-top: 70px;
    padding-bottom: 100px;
}
.awardsrecognition-col:not(:first-child) {
    margin-top: 100px;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    color: #40a836;
    margin-top: 0;
}
.awardsrecognition-description {
    margin-top: 10px;
}
.awardsrecognition-description h3 {
    font-size: 21px;
    text-align: left !important;
}
.awardsrecognition-description p {
    text-align: left !important;
}
.awardsrecognition-description p br {
    display: none;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: -20px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 90%;
    font-size: 30px;
    line-height: 32px;
    padding: 10px 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Awards */
.ar-desktop {
    display: none;
}
.awards-img-600 {
     display: none;
}
.awardsrecognition-row {
    padding-top: 70px;
    padding-bottom: 100px;
}
.awardsrecognition-col:not(:first-child) {
    margin-top: 100px;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    color: #40a836;
    margin-top: 0;
}
.awardsrecognition-description {
    margin-top: 10px;
}
.awardsrecognition-description h3 {
    font-size: 21px;
    text-align: left !important;
}
.awardsrecognition-description p {
    text-align: left !important;
}
.awardsrecognition-description p br {
    display: none;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 72%;
    font-size: 20px;
    line-height: 32px;
    padding: 10px 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Awards */
.ar-desktop {
    display: none;
}
.awards-img-600 {
     display: none;
}
.awardsrecognition-row {
    padding-top: 70px;
    padding-bottom: 100px;
}
.awardsrecognition-col:not(:first-child) {
    margin-top: 100px;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    color: #40a836;
    margin-top: 0;
}
.awardsrecognition-description {
    margin-top: 10px;
}
.awardsrecognition-description h3 {
    font-size: 21px;
    text-align: left !important;
}
.awardsrecognition-description p {
    text-align: left !important;
}
.awardsrecognition-description p br {
    display: none;
}
}

@media only screen and (max-width: 320px) {
/* Title Header */
.awardsrecognition-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.awardsrecognition-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 72%;
    font-size: 20px;
    line-height: 32px;
    padding: 10px 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Awards */
.ar-desktop {
    display: none;
}
.awards-img-600 {
     display: none;
}
.awardsrecognition-row {
    padding-top: 70px;
    padding-bottom: 100px;
}
.awardsrecognition-col:not(:first-child) {
    margin-top: 100px;
}
.awardsrecognition-row .awardsrecognition-col h3 {
    color: #40a836;
    margin-top: 0;
}
.awardsrecognition-description {
    margin-top: 10px;
}
.awardsrecognition-description h3 {
    font-size: 21px;
    text-align: left !important;
}
.awardsrecognition-description p {
    text-align: left !important;
}
.awardsrecognition-description p br {
    display: none;
}
}
/* end ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### WHAT WE DO ######### */
/* Title header */
.whatwedo-row {
    padding-top: 200px;
}

.whatwedo-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.whatwedo-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.whatwedo-header-title h2 {
    left: 79px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

.what-we-do-desc {
    margin-bottom: 50px !important;
}

/* Hover box */
.whatwedo-hoverbox-row {
    margin-bottom: 200px !important;
}

/* --- Constructions -------------------------------------------------------------------- */
.constructions-hoverbox-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.constructions-hoverbox-row .occ-inner-row .occ-box01 .vc-hoverbox-block.vc-hoverbox-front  {
    display: none;
}
.constructions-hoverbox-row .occ-inner-row .occ-box01 .vc-hoverbox-back {
    transform: none;
}
.constructions-row {
    padding-top: 200px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 160px;
    position: relative;
}
.constructions-list-of-subsidiaries-row {
    padding-top: 200px;
}
.constructions-list-of-subsidiaries-row h3 {
    color: #1c8ed0;
    font-weight: 800;
}

/* Our Projects */
.hide-project {
    display: none;
}
.constructions-our-projects-row {
    padding-top: 200px;
}
.ourprojects-residential-row {
     padding-top: 100px;
}
.ourprojects-residential-row .residential-title p {    /* --- removed --- */
    color: #40a936;
    font-size: 16px;
    font-weight: 600;
    padding-left: 50px;
    margin-top: -85px;
}
.ourprojects-residential-row .residential-subtitle p {
     color: #1a1938;
     font-size: 25px;
     font-weight: 700;
    padding-left: 50px;
    margin-top: 0px;
    line-height: 30px;
    margin-top: -60px;
}
.ourprojects-residential-row .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}
/* Anchor */
.bc-anchor-video-hidden {
    display: none;
}

.tdc-anchor-video-hidden {
    display: none;
}

#bc-anchor-video {
     position: absolute; 
     top: -150px;
     visibility: hidden;
}

#tdc-anchor-video {
     position: absolute; 
     top: -150px;
     visibility: hidden;
}

.ourprojects-commercial-row {
     padding-top: 100px;
}
.ourprojects-commercial-row .commercial-title p {   /* --- removed --- */
     color: #40a936;
     font-size: 16px;
     font-weight: 600;
    padding-left: 50px;
    margin-top: -80px;
}
.ourprojects-commercial-row .commercial-subtitle p {
     color: #1a1938;
     font-size: 25px;
     font-weight: 700;
    padding-left: 50px;
    margin-top: -60px;
}

.ourprojects-industrial-row {
     padding-top: 100px;
     padding-bottom: 200px;
}
.ourprojects-industrial-row .industrial-title p {   /* --- removed --- */
     color: #40a936;
     font-size: 16px;
     font-weight: 600;
    padding-left: 50px;
    margin-top: -80px;
}
.ourprojects-industrial-row .industrial-subtitle p {
     color: #1a1938;
     font-size: 25px;
     font-weight: 700;
    padding-left: 50px;
    margin-top: 5px;
    margin-top: -60px;
}


/* --- Development -------------------------------------------------------------------- */
.development-hoverbox-row {
     /*padding-top :100px;*/
     padding-bottom: 200px;
}
.development-hoverbox-row .occ-inner-row .occ-box02 .vc-hoverbox-block.vc-hoverbox-front  {
    display: none;
}
.development-hoverbox-row .occ-inner-row .occ-box02 .vc-hoverbox-back {
    transform: none;
}
.development-row {
    padding-top: 200px;
}
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 160px;
    position: relative;
}
.development-list-of-subsidiaries-row {
    padding-top: 200px;
    padding-bottom: 100px;
}

/*----Corporate Video----------------------------------------------------------------*/
.corporate-video-row{
    padding-top:200px;
}

/* --- Investment -------------------------------------------------------------------- */
.investment-hoverbox-row {
    padding-bottom: 200px;
}
.investment-hoverbox-row .occ-inner-row .occ-box03 .vc-hoverbox-block.vc-hoverbox-front  {
    display: none;
}
.investment-hoverbox-row .occ-inner-row .occ-box03 .vc-hoverbox-back {
    transform: none;
}
.investment-row {
    padding-top: 200px;
}
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 160px;
    position: relative;
}
.investment-list-of-subsidiaries-row {
    padding-top: 200px;
    padding-bottom: 200px;
}

/* --- Services -------------------------------------------------------------------- */
.services-hoverbox-row {
    padding-bottom: 200px;
    /*padding-top:100px;*/
}
.services-hoverbox-row .occ-inner-row .occ-box04 .vc-hoverbox-block.vc-hoverbox-front  {
    display: none;
}
.services-hoverbox-row .occ-inner-row .occ-box04 .vc-hoverbox-back {
    transform: none;
}
.services-row {
    padding-top: 200px;
}
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 160px;
    position: relative;
}
.services-list-of-subsidiaries-row {
    padding-top: 200px;
    padding-bottom: 150px;
}
.services-ourprojects-row {
    padding-bottom: 100px;
}
.ourprojects-services-row .wpb_column.vc_column_container {
    padding: 0 20px;
}
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 25px;
    font-weight: 700;
    padding-left: 45px;
    margin-top: -110px;
    line-height: 30px;
    margin-bottom: 30px;
}
/*.services-corporate-video-row {
     padding-top: 0 !important;
     padding-bottom: 100px;
}*/
.services-ourprojects-row .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR WHAT WE DO */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1751px) {
/* Group Structure */
.group-structure-mobile {
    display: none;
}

/* Our Projects */
.ourprojects-ipad {
    display: none; 
}
}

@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title Header */
.whatwedo-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}

/* Group Structure */
.group-structure-mobile {
    display: none;
}

/* Our Projects */
.ourprojects-ipad {
    display: none; 
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title Header */
.whatwedo-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}

/* Group Structure */
.group-structure-mobile {
    display: none;
}

/* Our Projects */
.ourprojects-ipad {
    display: none; 
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title Header */
.whatwedo-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 62px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}

/* Group Structure */
.group-structure-mobile {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
/* Our Projects */
.ourprojects-ipad {
    display: none; 
}
/*.constructions-our-projects-row {
    padding-top: 200px;
}*/
.ourprojects-residential-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-commercial-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-industrial-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-desktop .residential-title p,
.ourprojects-desktop .commercial-title p,
.ourprojects-desktop .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 15px;
    font-weight: 600;
    padding-left: 35px;
    margin-top: -70px;
}
.ourprojects-desktop .residential-subtitle p,
.ourprojects-desktop .commercial-subtitle p,
.ourprojects-desktop .industrial-subtitle p {
    color: #1a1938;
    font-size: 20px;
    font-weight: 700;
    padding-left: 35px;
    margin-top: 0;
    line-height: 27px;
    margin-bottom: 10px;
    margin-top: -50px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 200px;
    padding-bottom: 200px;
}

/* --- Development --------------------------------------------------------------- */
/* Overviews */
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
.development-hoverbox-row {
    /*padding-top: 200px;*/
    padding-bottom: 200px;
}

/* --- Investment ----------------------------------------------------------------- */
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}

/* --- Services -------------------------------------------------------------------- */
/* Overviews */
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
/* Our Projects */
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 20px;
    font-weight: 700;
    padding-left: 45px;
    margin-top: -90px;
    line-height: 30px;
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title Header */
.whatwedo-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Group Structure */
.group-structure-mobile {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
/* Our Projects */
.ourprojects-ipad {
    display: none; 
}
/*.constructions-our-projects-row {
    padding-top: 100px;
}*/
.ourprojects-residential-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-commercial-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-industrial-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-desktop .residential-title p,
.ourprojects-desktop .commercial-title p,
.ourprojects-desktop .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 15px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -65px;
}
.ourprojects-desktop .residential-subtitle p,
.ourprojects-desktop .commercial-subtitle p,
.ourprojects-desktop .industrial-subtitle p {
    color: #1a1938;
    font-size: 20px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -50px;
    line-height: 25px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 200px;
    padding-bottom: 200px;
}

/* --- Development --------------------------------------------------------------- */
/* Overviews */
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
.development-hoverbox-row {
    /*padding-top: 200px;*/
    padding-bottom: 200px;
}

/* --- Investment ----------------------------------------------------------------- */
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}

/* --- Services -------------------------------------------------------------------- */
/* Overviews */
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
/* Our Projects */
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 20px;
    font-weight: 700;
    padding-left: 45px;
    margin-top: -90px;
    line-height: 30px;
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 1121px) and (max-width: 1240px) {
/* Title Header */
.whatwedo-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Group Structure */
.group-structure-mobile {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
/* Our Projects */
.ourprojects-ipad {
    display: none; 
}
/*.constructions-our-projects-row {
    padding-top: 100px;
}*/
.ourprojects-residential-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-commercial-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-industrial-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-desktop .residential-title p,
.ourprojects-desktop .commercial-title p,
.ourprojects-desktop .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 15px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -60px;
}
.ourprojects-desktop .residential-subtitle p,
.ourprojects-desktop .commercial-subtitle p,
.ourprojects-desktop .industrial-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -45px;
    line-height: 25px;
    margin-bottom: 3px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 200px;
    padding-bottom: 200px;
}

/* --- Development --------------------------------------------------------------- */
/* Overviews */
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
.development-hoverbox-row {
    /*padding-top: 200px;*/
    padding-bottom: 200px;
}

/* --- Investment ----------------------------------------------------------------- */
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}

/* --- Services -------------------------------------------------------------------- */
/* Overviews */
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
/* Our Projects */
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 45px;
    margin-top: -80px;
    line-height: 27px;
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title Header */
.whatwedo-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 40%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Group Structure */
.group-structure-mobile {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
/* Overviews */
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 70px;
    position: relative;
}
/* Our Projects */
.ourprojects-ipad {
    display: none; 
}
/*.constructions-our-projects-row {
    padding-top: 100px;
}*/
.ourprojects-residential-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-commercial-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-industrial-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-desktop .residential-title p,
.ourprojects-desktop .commercial-title p,
.ourprojects-desktop .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 15px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -60px;
}
.ourprojects-desktop .residential-subtitle p,
.ourprojects-desktop .commercial-subtitle p,
.ourprojects-desktop .industrial-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -40px;
    line-height: 25px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 200px;
    padding-bottom: 200px;
}

/* --- Development --------------------------------------------------------------- */
/* Overviews */
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
.development-hoverbox-row {
    /*padding-top: 200px;*/
    padding-bottom: 200px;
}

/* --- Investment ----------------------------------------------------------------- */
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}

/* --- Services -------------------------------------------------------------------- */
/* Overviews */
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
/* Our Projects */
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 45px;
    margin-top: -80px;
    line-height: 27px;
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title Header */
.whatwedo-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 30%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Group Structure */
.group-structure-mobile {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
/* Overviews */
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 70px;
    position: relative;
}
/* Our Projects */
.ourprojects-ipad {
    display: none; 
}
/*.constructions-our-projects-row {
    padding-top: 100px;
}*/
.ourprojects-residential-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-commercial-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-industrial-row {
    padding-top: 100px;
    padding-bottom: 0;
}
.ourprojects-desktop .residential-title p,
.ourprojects-desktop .commercial-title p,
.ourprojects-desktop .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 15px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -60px;
}
.ourprojects-desktop .residential-subtitle p,
.ourprojects-desktop .commercial-subtitle p,
.ourprojects-desktop .industrial-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -45px;
    line-height: 25px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 200px;
    padding-bottom: 200px;
}

/* --- Development --------------------------------------------------------------- */
/* Overviews */
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
.development-hoverbox-row {
    /*padding-top: 200px;*/
    padding-bottom: 200px;
}

/* --- Investment ----------------------------------------------------------------- */
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}

/* --- Services -------------------------------------------------------------------- */
/* Overviews */
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: -15%;
    top: 90px;
    position: relative;
}
/* Our Projects */
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 23px;
    font-weight: 700;
    padding-left: 45px;
    margin-top: -80px;
    line-height: 27px;
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title Header */
.whatwedo-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* Group Structure */
.group-structure-mobile {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: -20%;
    top: 60px;
    position: relative;
}
/* Overviews */
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: -17%;
    top: 70px;
    position: relative;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
/*.constructions-our-projects-row {
    padding-top: 100px;
}*/
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 100px;
    padding-bottom: 0;
} 
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 16px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -57px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 20px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -50px;
    line-height: 24px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 200px;
    padding-bottom: 200px;
}

/* --- Development --------------------------------------------------------------- */
/* Overviews */
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: -17%;
    top: 70px;
    position: relative;
}
.development-hoverbox-row {
    /*padding-top: 200px;*/
    padding-bottom: 200px;
}
/* --- Investment ----------------------------------------------------------------- */
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: -17%;
    top: 70px;
    position: relative;
}

/* --- Services -------------------------------------------------------------------- */
/* Overviews */
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: -17%;
    top: 70px;
    position: relative;
}
/* Our Projects */
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 18px;
    font-weight: 700;
    padding-left: 35px;
    margin-top: -60px;
    line-height: 23px;
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title Header */
.whatwedo-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 50%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Group Structure */
.group-structure-mobile {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.incorp-desc-row1 .incorp-desc01 {
    left: -20%;
    top: 40px;
    position: relative;
}
/* Overviews */
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: -17%;
    top: 70px;
    position: relative;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
/*.constructions-our-projects-row {
    padding-top: 100px;
}*/
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 100px;
    padding-bottom: 0;
} 
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 16px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -57px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 20px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -50px;
    line-height: 24px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 200px;
    padding-bottom: 200px;
}

/* --- Development --------------------------------------------------------------- */
/* Overviews */
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: -17%;
    top: 70px;
    position: relative;
}
.development-hoverbox-row {
    /*padding-top: 200px;*/
    padding-bottom: 200px;
}

/* --- Investment ----------------------------------------------------------------- */
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: -17%;
    top: 70px;
    position: relative;
}

/* --- Services -------------------------------------------------------------------- */
/* Overviews */
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: -17%;
    top: 70px;
    position: relative;
}
/* Our Projects */
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 18px;
    font-weight: 700;
    padding-left: 35px;
    margin-top: -60px;
    line-height: 23px;
    margin-bottom: 5px;
}
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
/* Title Header */
.whatwedo-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* --- What We Do -------------------------------------------------------------------- */
.whatwedo-row {
    padding-top: 70px;
}

/* Group Structure */
.group-structure-desktop {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row {
    padding-top: 70px;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}

/* Subsidiaries */
.constructions-list-of-subsidiaries-row {
    padding-top: 70px;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
.constructions-our-projects-row {
    padding-top: 70px;
}
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 100px;
    padding-bottom: 0;
} 
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 16px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -57px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 19px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -50px;
    line-height: 22px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* --- Development -------------------------------------------------------------------- */
/* Overview */
.development-row {
    padding-top: 70px;
}
.development-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.development-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}

/* List of Subsidiaries */
.development-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.development-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}

/*----Corporate Video----------------------------------------------------------------*/
.corporate-video-row{
    padding-top: 70px;
}

/* --- Investment -------------------------------------------------------------------- */
/* Overview */
.investment-row {
    padding-top: 70px;
}
.investment-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.investment-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* List of Subsidiaries */
.investment-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.investment-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* --- Services -------------------------------------------------------------------- */
/* Overview */
.services-row {
    padding-top: 70px;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* List of Subsidiaries */
.services-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Our Projects */
.services-ourprojects-row {
    padding-bottom: 70px;
}
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 25px;
    margin-top: -50px;
    line-height: 23px;
    margin-bottom: 10px;
}
/* Hover Box */
.services-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title Header */
.whatwedo-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* --- What We Do -------------------------------------------------------------------- */
.whatwedo-row {
    padding-top: 100px;
}

/* Group Structure */
.group-structure-desktop {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row {
    padding-top: 100px;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* Subsidiaries */
.constructions-list-of-subsidiaries-row {
    padding-top: 100px;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
.constructions-our-projects-row {
    padding-top: 100px;
}
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 0;
    padding-bottom: 0;
}
.ourprojects-ipad .wpb_column.vc_column_container.vc_col-sm-6 {
    margin-bottom: 100px;
}
.ourprojects-ipad.row2 .wpb_column.vc_column_container.vc_col-sm-6:first-child {
    margin-bottom: 100px;
}
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 16px;
    font-weight: 600;
    padding-left: 60px;
    margin-top: -110px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 25px;
    font-weight: 700;
    padding-left: 60px;
    margin-top: -90px;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 22px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* --- Development -------------------------------------------------------------------- */
/* Overview */
.development-row {
    padding-top: 70px;
}
.development-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* List of Subsidiaries */
.development-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.development-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}

/*----Corporate Video----------------------------------------------------------------*/
.corporate-video-row{
    padding-top: 70px;
}

/* --- Investment -------------------------------------------------------------------- */
/* Overview */
.investment-row {
    padding-top: 70px;
}
.investment-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* List of Subsidiaries */
.investment-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.investment-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* --- Services -------------------------------------------------------------------- */
/* Overview */
.services-row {
    padding-top: 70px;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* List of Subsidiaries */
.services-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Our Projects */
.services-ourprojects-row {
    padding-bottom: 0;
}
.ourprojects-services-row .wpb_column.vc_column_container {
    width: 100%;
}
.ourprojects-services-row .wpb_column.vc_column_container:not(:first-child) {
    padding-top: 70px;
}
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 22px;
    font-weight: 700;
    padding-left: 55px;
    margin-top: -90px;
    line-height: 23px;
    margin-bottom: 30px;
}
/* Hover Box */
.services-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title Header */
.whatwedo-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* --- What We Do -------------------------------------------------------------------- */
.whatwedo-row {
    padding-top: 100px;
}

/* Group Structure */
.group-structure-desktop {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row {
    padding-top: 100px;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* Subsidiaries */
.constructions-list-of-subsidiaries-row {
    padding-top: 100px;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
.constructions-our-projects-row {
    padding-top: 100px;
}
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 0;
    padding-bottom: 0;
}
.ourprojects-ipad .wpb_column.vc_column_container.vc_col-sm-6 {
    margin-bottom: 100px;
}
.ourprojects-ipad.row2 .wpb_column.vc_column_container.vc_col-sm-6:first-child {
    margin-bottom: 100px;
}
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 16px;
    font-weight: 600;
    padding-left: 60px;
    margin-top: -110px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 25px;
    font-weight: 700;
    padding-left: 60px;
    margin-top: -90px;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 24px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
    padding-left: 5%;
    padding-right: 5%;
}
.occ-box01 .vc_column-inner,
.occ-box02 .vc_column-inner,
.occ-box03 .vc_column-inner,
.occ-box04 .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

/* --- Development -------------------------------------------------------------------- */
/* Overview */
.development-row {
    padding-top: 70px;
}
.development-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.development-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* List of Subsidiaries */
.development-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.development-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px
}

/*----Corporate Video----------------------------------------------------------------*/
.corporate-video-row{
    padding-top: 70px;
}

/* --- Investment -------------------------------------------------------------------- */
/* Overview */
.investment-row {
    padding-top: 70px;
}
.investment-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.investment-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* List of Subsidiaries */
.investment-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.investment-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* --- Services -------------------------------------------------------------------- */
/* Overview */
.services-row {
    padding-top: 70px;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.services-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* List of Subsidiaries */
.services-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Our Projects */
.services-ourprojects-row {
    padding-bottom: 0;
}
.ourprojects-services-row .wpb_column.vc_column_container {
    width: 100%;
}
.ourprojects-services-row .wpb_column.vc_column_container:not(:first-child) {
    padding-top: 70px;
}
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 22px;
    font-weight: 700;
    padding-left: 55px;
    margin-top: -90px;
    line-height: 23px;
    margin-bottom: 30px;
}
/* Hover Box */
.services-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title Header */
.whatwedo-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 70%;
    font-size: 30px;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* --- What We Do -------------------------------------------------------------------- */
.whatwedo-row {
    padding-top: 100px;
}

/* Group Structure */
.group-structure-desktop {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row {
    padding-top: 100px;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* Subsidiaries */
.constructions-list-of-subsidiaries-row {
    padding-top: 100px;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
.constructions-our-projects-row {
    padding-top: 100px;
}
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 0;
    padding-bottom: 0;
}
.ourprojects-ipad .wpb_column.vc_column_container.vc_col-sm-6 {
    margin-bottom: 100px;
}
.ourprojects-ipad.row2 .wpb_column.vc_column_container.vc_col-sm-6:first-child {
    margin-bottom: 100px;
}
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 16px;
    font-weight: 600;
    padding-left: 40px;
    margin-top: -80px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 23px;
    font-weight: 700;
    padding-left: 40px;
    margin-top: -90px;
    padding-top: 5px;
    padding-bottom: 10px;
    line-height: 24px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
    padding-left: 3%;
    padding-right: 3%;
}
.occ-box01 .vc_column-inner,
.occ-box02 .vc_column-inner,
.occ-box03 .vc_column-inner,
.occ-box04 .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

/* --- Development -------------------------------------------------------------------- */
/* Overview */
.development-row {
    padding-top: 70px;
}
/* List of Subsidiaries */
.development-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.development-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}

/*----Corporate Video----------------------------------------------------------------*/
.corporate-video-row{
    padding-top: 70px;
}

/* --- Investment -------------------------------------------------------------------- */
/* Overview */
.investment-row {
    padding-top: 70px;
}
.investment-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.investment-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.investment-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* --- Services -------------------------------------------------------------------- */
/* Overview */
.services-row {
    padding-top: 70px;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.services-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Our Projects */
.services-ourprojects-row {
    padding-bottom: 0;
}
.ourprojects-services-row .wpb_column.vc_column_container {
    width: 100%;
}
.ourprojects-services-row .wpb_column.vc_column_container:not(:first-child) {
    padding-top: 70px;
}
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 21px;
    font-weight: 700;
    padding-left: 35px;
    margin-top: -72px;
    line-height: 26px;
    margin-bottom: 10px;
}
/* Hover Box */
.services-hoverbox-row {
   /* padding-top: 70px;*/
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 541px) and (max-width: 601px) {
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    margin-top: -60px;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title Header */
.whatwedo-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 70%;
    font-size: 30px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* --- What We Do -------------------------------------------------------------------- */
.whatwedo-row {
    padding-top: 70px;
}

/* Group Structure */
.group-structure-desktop {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row {
    padding-top: 70px;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* Subsidiaries */
.constructions-list-of-subsidiaries-row {
    padding-top: 70px;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
.constructions-our-projects-row {
    padding-top: 70px;
}
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 0;
    padding-bottom: 0;
}
.ourprojects-ipad .wpb_column.vc_column_container.vc_col-sm-6 {
    margin-bottom: 100px;
}
.ourprojects-ipad.row2 .wpb_column.vc_column_container.vc_col-sm-6:first-child {
    margin-bottom: 100px;
}
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 16px;
    font-weight: 600;
    padding-left: 40px;
    margin-top: -80px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 23px;
    font-weight: 700;
    padding-left: 40px;
    margin-top: -60px;
    padding-top: 5px;
    padding-bottom: 10px;
    line-height: 24px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
    padding-left: 5%;
    padding-right: 5%;
}
.occ-box01 .vc_column-inner,
.occ-box02 .vc_column-inner,
.occ-box03 .vc_column-inner,
.occ-box04 .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

/* --- Development -------------------------------------------------------------------- */
/* Overview */
.development-row {
    padding-top: 70px;
}
/* List of Subsidiaries */
.development-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.development-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}

/*----Corporate Video----------------------------------------------------------------*/
.corporate-video-row{
    padding-top: 70px;
}

/* --- Investment -------------------------------------------------------------------- */
/* Overview */
.investment-row {
    padding-top: 70px;
}
.investment-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.investment-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.investment-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* --- Services -------------------------------------------------------------------- */
/* Overview */
.services-row {
    padding-top: 70px;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.services-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Our Projects */
.services-ourprojects-row {
    padding-bottom: 0;
}
.ourprojects-services-row .wpb_column.vc_column_container {
    width: 100%;
}
.ourprojects-services-row .wpb_column.vc_column_container:not(:first-child) {
    padding-top: 70px;
}
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 21px;
    font-weight: 700;
    padding-left: 35px;
    margin-top: -72px;
    line-height: 26px;
    margin-bottom: 10px;
}
/* Hover Box */
.services-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title Header */
.whatwedo-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 90%;
    font-size: 30px;
    line-height: 45px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* --- What We Do -------------------------------------------------------------------- */
.whatwedo-row {
    padding-top: 70px;
}
.whatwedo-hoverbox-row {
    padding-left: 5%;
    padding-right: 5%;
}

/* Group Structure */
.group-structure-desktop {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row {
    padding-top: 70px;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* Subsidiaries */
.constructions-list-of-subsidiaries-row {
    padding-top: 70px;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
.constructions-our-projects-row {
    padding-top: 70px;
}
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 0;
    padding-bottom: 0;
}
.ourprojects-ipad .wpb_column.vc_column_container.vc_col-sm-6 {
    margin-bottom: 70px;
}
.ourprojects-ipad.row2 .wpb_column.vc_column_container.vc_col-sm-6:first-child {
    margin-bottom: 70px;
}
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 14px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -60px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -45px;
    padding-top: 0;
    padding-bottom: 5px;
    line-height: 24px;
    margin-bottom: 0px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.occ-box01, .occ-box02, .occ-box03, .occ-box04 {
    padding-left: 3%;
    padding-right: 3%;
}
.occ-box01 .vc_column-inner,
.occ-box02 .vc_column-inner,
.occ-box03 .vc_column-inner,
.occ-box04 .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

/* --- Development -------------------------------------------------------------------- */
/* Overview */
.development-row {
    padding-top: 70px;
}
/* List of Subsidiaries */
.development-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.development-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}

/*----Corporate Video----------------------------------------------------------------*/
.corporate-video-row{
    padding-top: 70px;
}

/* --- Investment -------------------------------------------------------------------- */
/* Overview */
.investment-row {
    padding-top: 70px;
}
.investment-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.investment-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.investment-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* --- Services -------------------------------------------------------------------- */
/* Overview */
.services-row {
    padding-top: 70px;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.services-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Our Projects */
.services-ourprojects-row {
    padding-bottom: 0;
}
.ourprojects-services-row .wpb_column.vc_column_container {
    width: 100%;
}
.ourprojects-services-row .wpb_column.vc_column_container:not(:first-child) {
    padding-top: 70px;
}
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 25px;
    margin-top: -50px;
    line-height: 23px;
    margin-bottom: 10px;
}
/* Hover Box */
.services-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title Header */
.whatwedo-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* --- What We Do -------------------------------------------------------------------- */
.whatwedo-row {
    padding-top: 70px;
}
.whatwedo-hoverbox-row {
    padding-left: 5%;
    padding-right: 5%;
}

/* Group Structure */
.group-structure-desktop {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row {
    padding-top: 70px;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* Subsidiaries */
.constructions-list-of-subsidiaries-row {
    padding-top: 70px;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
.constructions-our-projects-row {
    padding-top: 70px;
}
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 0;
    padding-bottom: 0;
}
.ourprojects-ipad .wpb_column.vc_column_container.vc_col-sm-6 {
    margin-bottom: 70px;
}
.ourprojects-ipad.row2 .wpb_column.vc_column_container.vc_col-sm-6:first-child {
    margin-bottom: 70px;
}
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 14px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -60px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -45px;
    padding-top: 0;
    padding-bottom: 5px;
    line-height: 24px;
    margin-bottom: 0px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.occ-box01 .vc_column-inner,
.occ-box02 .vc_column-inner,
.occ-box03 .vc_column-inner,
.occ-box04 .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

/* --- Development -------------------------------------------------------------------- */
/* Overview */
.development-row {
    padding-top: 70px;
}
/* List of Subsidiaries */
.development-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.development-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}

/*----Corporate Video----------------------------------------------------------------*/
.corporate-video-row{
    padding-top: 70px;
}

/* --- Investment -------------------------------------------------------------------- */
/* Overview */
.investment-row {
    padding-top: 70px;
}
.investment-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.investment-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.investment-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* --- Services -------------------------------------------------------------------- */
/* Overview */
.services-row {
    padding-top: 70px;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.services-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Our Projects */
.services-ourprojects-row {
    padding-bottom: 0;
}
.ourprojects-services-row .wpb_column.vc_column_container {
    width: 100%;
}
.ourprojects-services-row .wpb_column.vc_column_container:not(:first-child) {
    padding-top: 70px;
}
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 25px;
    margin-top: -50px;
    line-height: 23px;
    margin-bottom: 10px;
}
/* Hover Box */
.services-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title Header */
.whatwedo-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* --- What We Do -------------------------------------------------------------------- */
.whatwedo-row {
    padding-top: 100px;
}
.whatwedo-hoverbox-row {
    padding-left: 5%;
    padding-right: 5%;
}

/* Group Structure */
.group-structure-desktop {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row {
    padding-top: 100px;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* Subsidiaries */
.constructions-list-of-subsidiaries-row {
    padding-top: 100px;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
.constructions-our-projects-row {
    padding-top: 100px;
}
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 0;
    padding-bottom: 0;
}
.ourprojects-ipad .wpb_column.vc_column_container.vc_col-sm-6 {
    margin-bottom: 50px;
}
.ourprojects-ipad.row2 .wpb_column.vc_column_container.vc_col-sm-6:first-child {
    margin-bottom: 50px;
}
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 14px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -60px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -45px;
    padding-top: 0;
    padding-bottom: 5px;
    line-height: 24px;
    margin-bottom: 0px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.occ-box01 .vc_column-inner,
.occ-box02 .vc_column-inner,
.occ-box03 .vc_column-inner,
.occ-box04 .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

/* --- Development -------------------------------------------------------------------- */
/* Overview */
.development-row {
    padding-top: 70px;
}
/* List of Subsidiaries */
.development-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.development-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}

/*----Corporate Video----------------------------------------------------------------*/
.corporate-video-row{
    padding-top: 70px;
}

/* --- Investment -------------------------------------------------------------------- */
/* Overview */
.investment-row {
    padding-top: 70px;
}
.investment-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.investment-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.investment-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* --- Services -------------------------------------------------------------------- */
/* Overview */
.services-row {
    padding-top: 70px;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.services-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Our Projects */
.services-ourprojects-row {
    padding-bottom: 0;
}
.ourprojects-services-row .wpb_column.vc_column_container {
    width: 100%;
}
.ourprojects-services-row .wpb_column.vc_column_container:not(:first-child) {
    padding-top: 70px;
}
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 25px;
    margin-top: -50px;
    line-height: 23px;
    margin-bottom: 10px;
}
/* Hover Box */
.services-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}
}

@media only screen and (max-width: 320px) {
/* Title Header */
.whatwedo-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.whatwedo-header-title h2 {
    left: 10%;
    position: relative;
    background-color: white;
    color: #1a1938;
    width: 60%;
    font-size: 23px;
    line-height: 35px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}

/* --- What We Do -------------------------------------------------------------------- */
.whatwedo-row {
    padding-top: 100px;
}
.whatwedo-hoverbox-row {
    padding-left: 5%;
    padding-right: 5%;
}

/* Group Structure */
.group-structure-desktop {
    display: none;
}

/* --- Constructions -------------------------------------------------------------------- */
/* Overview */
.constructions-row {
    padding-top: 100px;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.constructions-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(2) {
    margin-top: 30px;
}
.constructions-row .incorp-desc-row1 .incorp-desc01 {
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
}
/* Subsidiaries */
.constructions-list-of-subsidiaries-row {
    padding-top: 100px;
}
/* Our Projects */
.ourprojects-desktop {
    display: none;
}
.constructions-our-projects-row {
    padding-top: 100px;
}
.ourprojects-residential-row,
.ourprojects-commercial-row,
.ourprojects-industrial-row {
    padding-top: 0;
}
.ourprojects-ipad.row2, .ourprojects-ipad.row3, .ourprojects-ipad.row4 {
    padding-top: 0;
    padding-bottom: 0;
}
.ourprojects-ipad .wpb_column.vc_column_container.vc_col-sm-6 {
    margin-bottom: 50px;
}
.ourprojects-ipad.row2 .wpb_column.vc_column_container.vc_col-sm-6:first-child {
    margin-bottom: 50px;
}
.ourprojects-ipad .residential-title p,
.ourprojects-ipad .commercial-title p,
.ourprojects-ipad .industrial-title p {   /* --- removed ---- */
    color: #40a936;
    font-size: 14px;
    font-weight: 600;
    padding-left: 30px;
    margin-top: -60px;
}
.ourprojects-ipad .residential-subtitle p,
.ourprojects-ipad .commercial-subtitle p,
.ourprojects-ipad .industrial-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 30px;
    margin-top: -45px;
    padding-top: 0;
    padding-bottom: 5px;
    line-height: 24px;
    margin-bottom: 0px;
}
/* Hover Box */
.constructions-hoverbox-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.occ-box01 .vc_column-inner,
.occ-box02 .vc_column-inner,
.occ-box03 .vc_column-inner,
.occ-box04 .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

/* --- Development -------------------------------------------------------------------- */
/* Overview */
.development-row {
    padding-top: 70px;
}
/* List of Subsidiaries */
.development-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.development-hoverbox-row {
   /*padding-top: 70px;*/
    padding-bottom: 70px;
}

/*----Corporate Video----------------------------------------------------------------*/
.corporate-video-row{
    padding-top: 70px;
}

/* --- Investment -------------------------------------------------------------------- */
/* Overview */
.investment-row {
    padding-top: 70px;
}
.investment-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.investment-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Hover Box */
.investment-hoverbox-row {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* --- Services -------------------------------------------------------------------- */
/* Overview */
.services-row {
    padding-top: 70px;
}
.services-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
/* List of Subsidiaries */
.services-list-of-subsidiaries-row {
    padding-top: 70px;
    padding-bottom: 0;
}
/* Our Projects */
.services-ourprojects-row {
    padding-bottom: 0;
}
.ourprojects-services-row .wpb_column.vc_column_container {
    width: 100%;
}
.ourprojects-services-row .wpb_column.vc_column_container:not(:first-child) {
    padding-top: 70px;
}
.services-ourprojects-row .services-subtitle p {
    color: #1a1938;
    font-size: 17px;
    font-weight: 700;
    padding-left: 25px;
    margin-top: -50px;
    line-height: 23px;
    margin-bottom: 10px;
}
/* Hover Box */
.services-hoverbox-row {
    /*padding-top: 70px;*/
    padding-bottom: 70px;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### INVESTOR RELATIONS ######### */
/* Title header */
.incorporation-details-row {
    padding-top: 200px;
}

.investor-row {
    padding-top: 50px;
}

.investor-relations-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.investor-relations-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.investor-relations-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Incorporation Informations */
.incorporation-desc-row1 .incorp-desc01 {
    left: -14%;
    top: 80px;
    position: relative;
}
.incorporation-desc-row2 {
    padding-top: 100px;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 8%;
    z-index: 99999;
    top: 50px;
}

/* CCB Group’s Industrial Major Clients */
.ir-client-logo-row {
     padding-bottom: 100px;
     margin-bottom: 100px !important;
}
.ir-client-logo-row .vc-hoverbox-inner {
     min-height: 180px !important;
}
.ir-client-logo-row .cl-row01 .cl-col01 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-1b.jpg);
}
.ir-client-logo-row .cl-row01 .cl-col02 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-2b.jpg);
}
.ir-client-logo-row .cl-row01 .cl-col03 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-3b.jpg);
}
.ir-client-logo-row .cl-row01 .cl-col04 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-4b.jpg);
}
.ir-client-logo-row .cl-row02 .cl-col01 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-5b.jpg);
}
.ir-client-logo-row .cl-row02 .cl-col02 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-6b.jpg);
}
.ir-client-logo-row .cl-row02 .cl-col03 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-7b.jpg);
}
.ir-client-logo-row .cl-row02 .cl-col04 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-8b.jpg);
}
.ir-client-logo-row .cl-row03 .cl-col01 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-9b.jpg);
}
.ir-client-logo-row .cl-row03 .cl-col02 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-10b.jpg);
}
.ir-client-logo-row .cl-row03 .cl-col03 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-11b.jpg);
}
.ir-client-logo-row .cl-row03 .cl-col04 .vc-hoverbox-back {
     background-image: url(/core-files/uploads/2018/08/cl-12b.jpg);
}
.ir-client-logo-row .vc-hoverbox-back p {
     color: #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR INVESTOR RELATIONS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1500px) {
/* incorporation Details */
.ir-desc-ipad {
     display: none;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Incorporation Details */
.ir-desc-ipad {
     display: none;
}
.incorporation-desc-row1 .incorp-desc-col2 {
    left: -5%;
    top: 20px;
    position: relative;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 8%;
    z-index: 99999;
    top: 0px;
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Incorporation Details */
.ir-desc-ipad {
     display: none;
}
.incorporation-desc-row1 .incorp-desc-col2 {
    left: -5%;
    top: 10px;
    position: relative;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 8%;
    z-index: 99999;
    top: 0px;
}
}

@media only screen and (min-width: 1121px) and (max-width: 1240px) {
/* Incorporation Details */
.ir-desc-ipad {
     display: none;
}
.incorporation-desc-row1 .incorp-desc-col2 {
    left: -5%;
    top: 0;
    position: relative;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 8%;
    z-index: 99999;
    top: 0px;
}

/* CCB Group Major Client */
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 150px !important;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Incorporation Details */
.ir-desc-ipad {
     display: none;
}
.incorporation-desc-row1 .incorp-desc-col2 {
    left: -5%;
    top: 0;
    position: relative;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 8%;
    z-index: 99999;
    top: 0px;
}

/* CCB Group Major Client */
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 150px !important;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Incorporation Details */
.ir-desc-ipad {
     display: none;
}
.incorporation-desc-row1 .incorp-desc-col2 {
    left: -5%;
    top: 0;
    position: relative;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 8%;
    z-index: 99999;
    top: 0px;
}

/* CCB Group Major Client */
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 150px !important;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Incorporation Details */
.ir-desc-ipad {
     display: none;
}
.incorporation-desc-row1 .incorp-desc-col2 {
    left: -5%;
    top: 0;
    position: relative;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 8%;
    z-index: 99999;
    top: 0px;
}

/* CCB Group Major Client */
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 130px !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Incorporation Details */
.ir-desc-ipad {
     display: none;
}
.incorporation-desc-row1 .incorp-desc-col2 {
    left: -5%;
    top: 0;
    position: relative;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 8%;
    z-index: 99999;
    top: 0px;
}

/* CCB Group Major Client */
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 120px !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Incorporation Details */
.ir-desc-desktop {
     display: none;
}
.incorporation-details-row {
    padding-top: 100px;
}
.incorporation-desc-row1 .incorp-desc-col1,
.incorporation-desc-row1 .incorp-desc-col2,
.incorporation-desc-row2 .incorp-desc-col1,
.incorporation-desc-row2 .incorp-desc-col2 {
     width: 100%;
}
.incorporation-desc-row1 .incorp-desc-col1 {
     padding-bottom: 30px;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 {
    padding-top: 20px;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 0;
    top: 0px;
    padding-bottom: 30px;
}
.incorporation-desc-row2 .incorp-desc01 {
    margin-top: 30px;
}

/* CCB Group Major Client */
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 100px !important;
}
.vc-hoverbox-back .vc-hoverbox-block-inner {
    padding: 20px 7px;
}
.vc-hoverbox-back .vc-hoverbox-block-inner p {
    font-size: 14px;
    line-height: 20px;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Incorporation Details */
.ir-desc-desktop {
     display: none;
}
.incorporation-details-row {
    padding-top: 100px;
}
.incorporation-desc-row1 .incorp-desc-col1 {
     padding-bottom: 30px;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 {
    padding-top: 20px;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 0;
    top: 0px;
    padding-bottom: 30px;
}
.incorporation-desc-row2 .incorp-desc01 {
    margin-top: 30px;
}

/* CCB Group Major Client */
.ir-client-logo-row {
    background-size: contain !important;
}
.cl-row01 .cl-col01, .cl-row01 .cl-col02, .cl-row01 .cl-col03, .cl-row01 .cl-col04,
.cl-row02 .cl-col01, .cl-row02 .cl-col02, .cl-row02 .cl-col03, .cl-row02 .cl-col04,
.cl-row03 .cl-col01, .cl-row03 .cl-col02, .cl-row03 .cl-col03, .cl-row03 .cl-col04,
.cl-row04 .cl-col01, .cl-row04 .cl-col02, .cl-row04 .cl-col03, .cl-row04 .cl-col04 {
    width: 50%;
    display: inline-block;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Incorporation Details */
.ir-desc-desktop {
     display: none;
}
.incorporation-details-row {
    padding-top: 100px;
}
.incorporation-desc-row1 .incorp-desc-col1 {
     padding-bottom: 30px;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 {
    padding-top: 20px;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 0;
    top: 0px;
    padding-bottom: 30px;
}
.incorporation-desc-row2 .incorp-desc01 {
    margin-top: 30px;
}

/* CCB Group Major Client */
.ir-client-logo-row {
    background-size: contain !important;
}
.cl-row01 .cl-col01, .cl-row01 .cl-col02, .cl-row01 .cl-col03, .cl-row01 .cl-col04,
.cl-row02 .cl-col01, .cl-row02 .cl-col02, .cl-row02 .cl-col03, .cl-row02 .cl-col04,
.cl-row03 .cl-col01, .cl-row03 .cl-col02, .cl-row03 .cl-col03, .cl-row03 .cl-col04,
.cl-row04 .cl-col01, .cl-row04 .cl-col02, .cl-row04 .cl-col03, .cl-row04 .cl-col04 {
    width: 50%;
    display: inline-block;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Incorporation Details */
.ir-desc-desktop {
     display: none;
}
.incorporation-details-row {
    padding-top: 100px;
}
.incorporation-desc-row1 .incorp-desc-col1 {
     padding-bottom: 30px;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 {
    padding-top: 20px;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 0;
    top: 0px;
    padding-bottom: 30px;
}
.incorporation-desc-row2 .incorp-desc01 {
    margin-top: 30px;
}

/* CCB Group Major Client */
.ir-client-logo-row {
    background-size: contain !important;
}
.cl-row01 .cl-col01, .cl-row01 .cl-col02, .cl-row01 .cl-col03, .cl-row01 .cl-col04,
.cl-row02 .cl-col01, .cl-row02 .cl-col02, .cl-row02 .cl-col03, .cl-row02 .cl-col04,
.cl-row03 .cl-col01, .cl-row03 .cl-col02, .cl-row03 .cl-col03, .cl-row03 .cl-col04,
.cl-row04 .cl-col01, .cl-row04 .cl-col02, .cl-row04 .cl-col03, .cl-row04 .cl-col04 {
    width: 50%;
    display: inline-block;
}
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 150px !important;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Incorporation Details */
.ir-desc-desktop {
     display: none;
}
.incorporation-details-row {
    padding-top: 100px;
}
.incorporation-desc-row1 .incorp-desc-col1 {
     padding-bottom: 30px;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 {
    padding-top: 20px;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 0;
    top: 0px;
    padding-bottom: 30px;
}
.incorporation-desc-row2 .incorp-desc01 {
    margin-top: 30px;
}

/* CCB Group Major Client */
.ir-client-logo-row {
    background-size: contain !important;
}
.cl-row01 .cl-col01, .cl-row01 .cl-col02, .cl-row01 .cl-col03, .cl-row01 .cl-col04,
.cl-row02 .cl-col01, .cl-row02 .cl-col02, .cl-row02 .cl-col03, .cl-row02 .cl-col04,
.cl-row03 .cl-col01, .cl-row03 .cl-col02, .cl-row03 .cl-col03, .cl-row03 .cl-col04,
.cl-row04 .cl-col01, .cl-row04 .cl-col02, .cl-row04 .cl-col03, .cl-row04 .cl-col04 {
    width: 50%;
    display: inline-block;
}
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 150px !important;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Incorporation Details */
.ir-desc-desktop {
     display: none;
}
.incorporation-details-row {
    padding-top: 70px;
}
.incorporation-desc-row1 .incorp-desc-col1 {
     padding-bottom: 30px;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 {
    padding-top: 20px;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 0;
    top: 0px;
    padding-bottom: 30px;
}
.incorporation-desc-row2 .incorp-desc01 {
    margin-top: 30px;
}

/* CCB Group Major Client */
.ir-client-logo-row {
    background-size: contain !important;
}
.cl-row01 .cl-col01, .cl-row01 .cl-col02, .cl-row01 .cl-col03, .cl-row01 .cl-col04,
.cl-row02 .cl-col01, .cl-row02 .cl-col02, .cl-row02 .cl-col03, .cl-row02 .cl-col04,
.cl-row03 .cl-col01, .cl-row03 .cl-col02, .cl-row03 .cl-col03, .cl-row03 .cl-col04,
.cl-row04 .cl-col01, .cl-row04 .cl-col02, .cl-row04 .cl-col03, .cl-row04 .cl-col04 {
    width: 50%;
    display: inline-block;
}
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 100px !important;
}
.vc-hoverbox-back .vc-hoverbox-block-inner {
    padding: 20px 7px;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Incorporation Details */
.ir-desc-desktop {
     display: none;
}
.incorporation-details-row {
    padding-top: 70px;
}
.incorporation-desc-row1 .incorp-desc-col1 {
     padding-bottom: 30px;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 {
    padding-top: 20px;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 0;
    top: 0px;
    padding-bottom: 30px;
}
.incorporation-desc-row2 .incorp-desc01 {
    margin-top: 30px;
}

/* CCB Group Major Client */
.ir-client-logo-row {
    background-size: contain !important;
}
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 100px !important;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Incorporation Details */
.ir-desc-desktop {
     display: none;
}
.incorporation-details-row {
    padding-top: 70px;
}
.incorporation-desc-row1 .incorp-desc-col1 {
     padding-bottom: 30px;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 {
    padding-top: 20px;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 0;
    top: 0px;
    padding-bottom: 30px;
}
.incorporation-desc-row2 .incorp-desc01 {
    margin-top: 30px;
}

/* CCB Group Major Client */
.ir-client-logo-row {
    background-size: contain !important;
}
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 100px !important;
}
}

@media only screen and (max-width: 320px) {
/* Incorporation Details */
.ir-desc-desktop {
     display: none;
}
.incorporation-details-row {
    padding-top: 70px;
}
.incorporation-desc-row1 .incorp-desc-col1 {
     padding-bottom: 30px;
}
.incorporation-desc-row1 .incorp-desc01 {
    left: 0;
    top: 0;
    position: relative;
}
.incorporation-desc-row2 {
    padding-top: 20px;
}
.incorporation-desc-row2 .incorp-desc-col1 {
    left: 0;
    top: 0px;
    padding-bottom: 30px;
}
.incorporation-desc-row2 .incorp-desc01 {
    margin-top: 30px;
}

/* CCB Group Major Client */
.ir-client-logo-row {
    background-size: contain !important;
}
.ir-client-logo-row .vc-hoverbox-inner {
    min-height: 100px !important;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### FINANCIAL######### */
.financial-row {
    padding-top: 200px;
}

/* Graph */
.graph-row1 {
    margin-bottom: 100px !important;
}
.graph-row1 .q_line_graf_legend,
.graph-row2 .q_line_graf_legend {
    width: 100%;
}
.graph-row1 .q_line_graf_legend ul li {
    display: inline-block;
    padding: 10px 30px;
    margin-top: 30px;
}
.graph-row2 .q_line_graf_legend ul li {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 30px;
}
.graph-row2 .q_line_graf_legend ul li:nth-child(3) {
     display: none;
}
.graph-row1 .q_line_graf_legend ul li .color_holder,
.graph-row2 .q_line_graf_legend ul li .color_holder {
    width: 40px;
    -webkit-clip-path: polygon(30% 0, 100% 0%, 70% 100%, 0% 100%);
    -o-clip-path: polygon(30% 0, 100% 0%, 70% 100%, 0% 100%);
    -ms-clip-path: polygon(30% 0, 100% 0%, 70% 100%, 0% 100%);
    clip-path: polygon(30% 0, 100% 0%, 70% 100%, 0% 100%);
}
.graph-row1 .q_line_graf_legend ul li p,
.graph-row2 .q_line_graf_legend ul li p {
    font-size: 16px;
}

/* --- Investment --- */
.inv-chart-row {
    padding-top: 50px;
    padding-bottom: 100px;
}
.inv-chart-row .inv-company p {
    color: #40a836;
    margin-bottom: 10px;
}
.inv-chart-row .inv-title h3 {
    color: #1b8ecf;
    margin-bottom: 40px;
    font-weight: 700;
}


/* ######### Corporate Governance ######### */
/* ---Board of Governance ---*/
/* Title header */
.bod-row {
    padding-top: 200px;
}

/* Board of Director */
.bog-row1 {
    padding-bottom: 100px;
}
.bog-inner-row1 {
    padding-bottom: 50px;
}
.bog-row1 .qode-3d-button-holder,
.bog-row-mobile .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

.bog-row2 {
     padding-bottom: 100px;
}
.bog-inner-row2 {
    padding-bottom: 50px;
}
.bog-row2 .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

.bog-row3 {
    padding-bottom: 100px;
}
.bog-inner-row3 {
    padding-bottom: 50px;
}
.bog-row3 .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

.bog-inner-row4 {
    padding-bottom: 50px;
}
.bog-row4 {
    padding-bottom: 200px;
}
.bog-row4 .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

.bog-name p {
    font-size: 20px;
    font-weight: 700;
    color: #1c8ed0;
    margin-top: -85px;
    padding-left: 45px;
    line-height: 24px;
}
.bog-name-small p {
    padding-left: 40px;
    color: #1c8ed1;
}
.bog-position p {
    font-size: 16px;
    font-weight: 600;
    color: #3fa736;
    margin-top: 5px;
    padding-left: 45px;
    margin-bottom: 10px !important;
}

/* Board of Director Single Page */
.bod-single-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.bod-description-col {
    left: -70px;
}
.bod-single-name p {
    font-size: 30px;
    font-weight: 700;
    color: #1c8ed0;
    margin-top: 0;
    padding-left: 0;
    line-height: 24px;
}
.bod-single-position  p {
    font-size: 20px;
    font-weight: 600;
    color: #3fa736;
    margin-top: 10px;
    padding-left: 0;
    margin-bottom: 30px !important;
}

.bod-profile-desc p {
    text-align: justify;
}

/* ---Corporate Governance Report ---*/
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 30px;
    padding-right: 30px;
}
.corporate-governance-inner-row:not(:last-child) .corporate-governance-col {
    margin-bottom: 70px;
    vertical-align: top;
}
.corporate-governance-row .cgr-title p {
    font-size: 20px;
    font-weight: 700;
    color: #f8b709;
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 30px;
    line-height: 24px;
    min-height: 50px;
}
.corporate-governance-row .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* ---PDPA Notice ---*/
.pdpda-notice-title p {
    font-size: 20px;
    font-weight: 700;
    color: #f8b709;
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 30px;
    line-height: 24px;
}
.pdpa-notice-row .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}
.pdpa-notice-col {
    padding-left: 50px;
    padding-right: 50px;
}

/* --- Others ---*/
.others-row .pdpda-notice-title p {
    font-size: 20px;
    font-weight: 700;
    color: #f8b709;
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 30px;
    line-height: 24px;
    height: 40px;
}
.others-row .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}
.others-row .pdpa-notice-col {
    padding-left: 30px;
    padding-right: 30px;
}

/* ---Terms of Reference ---*/
.terms-of-reference-row {
    padding-bottom: 100px;
}
.terms-of-reference-title p {
    font-size: 20px;
    font-weight: 700;
    color: #f8b709;
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 30px;
    line-height: 24px;
    height: 40px;
}
.terms-of-reference-row .pdpa-notice-col {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 100px;
}
.terms-of-reference-row .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR CORPORATE GOVERNANCE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1751px) {
/* Board of Directors */
.bog-row-mobile {
    display: none;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-mobile {
    display: none;
}

/* Board of Directors Single Page */
.bod-mobile {
     display: none;
}
}
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title Header */
.investor-relations-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}

/* Board of Directors */
.bog-row-mobile {
    display: none;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-mobile {
    display: none;
}

/* Board of Directors Single Page */
.bod-mobile {
     display: none;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title Header */
.investor-relations-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}

/* Board of Directors */
.bog-row-mobile {
    display: none;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-mobile {
    display: none;
}

/* Board of Directors Single Page */
.bod-mobile {
     display: none;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title Header */
.investor-relations-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 70px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 55%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-mobile {
    display: none;
}
.bog-name p {
    margin-top: -65px !important;
    padding-left: 30px !important;
    line-height: 22px;
}
.bog-position p {
    margin-top: 3px;
    padding-left: 30px;
    line-height: 19px;
}
.bog-row1 .qode-3d-button-holder {
    margin-top: -5px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-mobile {
    display: none;
}
.corporate-governance-col .vc_column-inner {
    background-size: contain !important;
}

/* Board of Directors Single Page */
.bod-mobile {
     display: none;
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title Header */
.investor-relations-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-mobile {
    display: none;
}
.bog-name p {
    margin-top: -65px !important;
    padding-left: 30px !important;
    line-height: 22px;
}
.bog-position p {
    margin-top: 3px;
    padding-left: 30px;
    line-height: 19px;
    font-size: 15px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-mobile {
    display: none;
}
.corporate-governance-col .vc_column-inner {
    background-size: contain !important;
}

/* Board of Directors Single Page */
.bod-mobile {
     display: none;
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title Header */
.investor-relations-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 60%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-mobile {
    display: none;
}
.bog-name p {
    margin-top: -65px !important;
    padding-left: 30px !important;
    line-height: 22px;
}
.bog-position p {
    margin-top: 3px;
    padding-left: 30px;
    line-height: 19px;
    font-size: 15px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-mobile {
    display: none;
}
.corporate-governance-col .vc_column-inner {
    background-size: contain !important;
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title Header */
.investor-relations-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 60%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-mobile {
    display: none;
}
.bog-name p {
    margin-top: -60px !important;
    padding-left: 30px !important;
    line-height: 22px;
    font-size: 18px;
}
.bog-position p {
    margin-top: 3px;
    padding-left: 30px;
    line-height: 19px;
    font-size: 15px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    margin-bottom: 70px;
}
.terms-of-reference-row .pdpda-notice-title p {
    height: 40px;
}

/* Board of Directors Single Page */
.bod-mobile {
     display: none;
}
.bod-description-col {
    left: -50px;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title Header */
.investor-relations-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 50%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-mobile {
    display: none;
}
.bog-name p {
    margin-top: -60px !important;
    padding-left: 30px !important;
    line-height: 22px;
    font-size: 16px;
}
.bog-position p {
    margin-top: 0;
    padding-left: 30px;
    line-height: 19px;
    font-size: 14px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    margin-bottom: 70px;
}
.terms-of-reference-row .pdpda-notice-title p {
    height: 40px;
}

/* Board of Directors Single Page */
.bod-mobile {
     display: none;
}
.bod-description-col {
    left: -50px;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title Header */
.investor-relations-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 50%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-mobile {
    display: none;
}
.bog-name p {
    margin-top: -60px !important;
    padding-left: 30px !important;
    line-height: 22px;
    font-size: 16px;
}
.bog-position p {
    margin-top: 0;
    padding-left: 30px;
    line-height: 19px;
    font-size: 14px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    margin-bottom: 80px;
}
.terms-of-reference-row .pdpda-notice-title p {
    height: 40px;
}

/* Board of Directors Single Page */
.bod-mobile {
     display: none;
}
.bod-description-col {
    left: -50px;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title Header */
.investor-relations-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 80%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row:not(:first-child) {
    padding-top: 70px;
}
.bog-name p {
    margin-top: -70px !important;
    padding-left: 40px !important;
    line-height: 22px;
    font-size: 18px;
}
.bog-position p {
    margin-top: 0;
    padding-left: 40px;
    line-height: 19px;
    font-size: 14px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
}
.corporate-governance-inner-row:not(:last-child) .corporate-governance-col {
    margin-bottom: 20px;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 30px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 30px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 30px;
    height: 40px;
}

/* Board of Directors Single Page */
.bod-mobile {
     display: none;
}
.bod-description-col {
    left: -50px;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title Header */
.investor-relations-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 70%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row:not(:first-child) {
    padding-top: 70px;
}
.bog-name p {
    margin-top: -70px !important;
    padding-left: 40px !important;
    line-height: 22px;
    font-size: 18px;
}
.bog-position p {
    margin-top: 0;
    padding-left: 40px;
    line-height: 19px;
    font-size: 14px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-row ..corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
}
.corporate-governance-inner-row:not(:last-child) .corporate-governance-col {
    margin-bottom: 20px;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 30px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 30px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 30px;
    height: 40px;
}

/* Board of Directors Single Page */
.bod-mobile {
     display: none;
}
.bod-description-col {
    left: -50px;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title Header */
.investor-relations-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 75%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row:not(:first-child) {
    padding-top: 70px;
}
.bog-name p {
    margin-top: -57px !important;
    padding-left: 40px !important;
    line-height: 22px;
    font-size: 18px;
}
.bog-position p {
    margin-top: 0;
    padding-left: 40px;
    line-height: 19px;
    font-size: 14px;
}
.bod-row {
    padding-top: 100px;
}
.terms-of-reference-row {
    padding-bottom: 100px;
}
.bog-row-mobile {
    padding-bottom: 100px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-inner-row:not(:last-child) .corporate-governance-col {
    margin-bottom: 10px;
    vertical-align: top;
}
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
}
.corporate-governance-col .vc_column-inner {
    background-size: contain !important;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpa-notice-col .vc_column-inner {
    background-size: contain !important;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 60px;
    padding-bottom: 30px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpa-notice-col .vc_column-inner {
    background-size: contain !important;
}
.others-row .pdpa-notice-col {
    margin-bottom: 0;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 80px;
    padding-bottom: 30px;
    height: 50px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}
.terms-of-reference-row .pdpa-notice-col .vc_column-inner {
    background-size: contain !important;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 10px;
}

/* Board of Director Single Page */
.bod-desktop {
     display: none;
}
.bod-single-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.bod-mobile .bod-single-description {
    margin-top: 40px;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title Header */
.investor-relations-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 75%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row .wpb_column.vc_column_container.vc_col-sm-6 {
    padding-bottom: 70px;
}
.bod-row {
    padding-top: 100px;
}
.bog-row-mobile {
    padding-bottom: 100px;
}
.terms-of-reference-row {
    padding-bottom: 100px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px !important;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 40px !important;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 40px !important;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    margin-bottom: 40px;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* Board of Director Single Page */
.bod-desktop {
     display: none;
}
.bod-single-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.bod-mobile .bod-single-description {
    margin-top: 40px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title Header */
.investor-relations-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 75%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row .wpb_column.vc_column_container.vc_col-sm-6 {
    padding-bottom: 70px;
}
.bod-row {
    padding-top: 100px;
}
.bog-row-mobile {
    padding-bottom: 100px;
}
.terms-of-reference-row {
    padding-bottom: 100px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px !important;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 40px !important;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 40px !important;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    margin-bottom: 40px;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* Board of Director Single Page */
.bod-desktop {
     display: none;
}
.bod-single-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.bod-mobile .bod-single-description {
    margin-top: 40px;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title Header */
.investor-relations-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 100%;
    font-size: 30px;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row .wpb_column.vc_column_container.vc_col-sm-6 {
    padding-bottom: 70px;
}
.bod-row {
    padding-top: 100px;
}
.bog-row-mobile {
    padding-bottom: 100px;
}
.terms-of-reference-row {
    padding-bottom: 100px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px !important;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 40px !important;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 40px !important;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px !important;
}
.terms-of-reference-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 40px !important;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* Board of Director Single Page */
.bod-desktop {
     display: none;
}
.bod-single-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.bod-mobile .bod-single-description {
    margin-top: 40px;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title Header */
.investor-relations-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 100%;
    font-size: 30px;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row .wpb_column.vc_column_container.vc_col-sm-6 {
    padding-bottom: 70px;
}
.bod-row {
    padding-top: 100px;
}
.bog-row-mobile {
    padding-bottom: 100px;
}
.terms-of-reference-row {
    padding-bottom: 100px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px !important;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 0;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px !important;
}
.terms-of-reference-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Board of Director Single Page */
.bod-desktop {
     display: none;
}
.bod-single-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.bod-mobile .bod-single-description {
    margin-top: 40px;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title Header */
.investor-relations-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 100%;
    font-size: 25px;
    padding: 0 20px;
    line-height: 45px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row .wpb_column.vc_column_container.vc_col-sm-6 {
    padding-bottom: 70px;
}
.bog-name p {
    margin-top: -55px;
    padding-left: 30px;
}
.bog-position p {
    margin-top: 0;
    padding-left: 30px;
}
.bod-row {
    padding-top: 70px;
}
.bog-row-mobile {
    padding-bottom: 70px;
}
.terms-of-reference-row {
    padding-bottom: 70px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px !important;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
}
.corporate-governance-row .qode-3d-button-holder {
    right: -10px;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}
.pdpa-notice-row .qode-3d-button-holder {
    right: -10px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 40px;
    padding-bottom: 10px;
}
.others-row .qode-3d-button-holder {
    right: -10px;
    top: 30px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px !important;
}
.terms-of-reference-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 40px;
    padding-bottom: 10px;
}
.terms-of-reference-row .qode-3d-button-holder {
    right: -10px;
}

/* Board of Director Single Page */
.bod-desktop {
     display: none;
}
.bod-single-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.bod-single-name p {
    font-size: 27px;
    line-height: 30px;
}
.bod-single-position p {
    font-size: 18px;
    margin-top: 5px;
}
.bod-mobile .bod-single-description {
    margin-top: 30px;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title Header */
.investor-relations-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 100%;
    font-size: 25px;
    padding: 0 20px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row .wpb_column.vc_column_container.vc_col-sm-6 {
    padding-bottom: 70px;
}
.bog-name p {
    margin-top: -55px;
    padding-left: 30px;
}
.bog-position p {
    margin-top: 0;
    padding-left: 30px;
}
.bod-row {
    padding-top: 70px;
}
.bog-row-mobile {
    padding-bottom: 70px;
}
.terms-of-reference-row {
    padding-bottom: 70px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px !important;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
}
.corporate-governance-row .qode-3d-button-holder {
    right: -10px;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}
.pdpa-notice-row .qode-3d-button-holder {
    right: -10px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 40px;
    padding-bottom: 10px;
}
.others-row .qode-3d-button-holder {
    right: -10px;
    top: 30px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px !important;
}
.terms-of-reference-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 40px;
    padding-bottom: 10px;
}
.terms-of-reference-row .qode-3d-button-holder {
    right: -10px;
}

/* Board of Director Single Page */
.bod-desktop {
     display: none;
}
.bod-single-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.bod-single-name p {
    font-size: 27px;
    line-height: 30px;
}
.bod-single-position p {
    font-size: 18px;
    margin-top: 5px;
}
.bod-mobile .bod-single-description {
    margin-top: 30px;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title Header */
.investor-relations-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 95%;
    font-size: 25px;
    padding: 0 10px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row .wpb_column.vc_column_container.vc_col-sm-6 {
    padding-bottom: 70px;
}
.bog-name p {
    margin-top: -55px;
    padding-left: 30px;
}
.bog-position p {
    margin-top: 0;
    padding-left: 30px;
}
.bod-row {
    padding-top: 70px;
}
.bog-row-mobile {
    padding-bottom: 70px;
}
.terms-of-reference-row {
    padding-bottom: 70px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px !important;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
}
.corporate-governance-row .qode-3d-button-holder {
    right: -10px;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}
.pdpa-notice-row .qode-3d-button-holder {
    right: -10px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 40px;
    padding-bottom: 10px;
}
.others-row .qode-3d-button-holder {
    right: -10px;
    top: 30px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px !important;
}
.terms-of-reference-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 30px !important;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 40px;
    padding-bottom: 10px;
}
.terms-of-reference-row .qode-3d-button-holder {
    right: -10px;
}

/* Board of Director Single Page */
.bod-desktop {
     display: none;
}
.bod-single-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.bod-single-name p {
    font-size: 27px;
    line-height: 30px;
}
.bod-single-position p {
    font-size: 18px;
    margin-top: 5px;
}
.bod-mobile .bod-single-description {
    margin-top: 30px;
}
}

@media only screen and (max-width: 320px) {
/* Title Header */
.investor-relations-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.investor-relations-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #f7b708;
    width: 95%;
    font-size: 25px;
    padding: 5px 10px;
    line-height: 27px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Board of Directors */
.bog-row-desktop {
    display: none;
}
.bog-inner-row .wpb_column.vc_column_container.vc_col-sm-6 {
    padding-bottom: 70px;
}
.bog-name p {
    margin-top: -55px;
    padding-left: 30px;
}
.bog-position p {
    margin-top: 0;
    padding-left: 30px;
}
.bod-row {
    padding-top: 70px;
}
.bog-row-mobile {
    padding-bottom: 70px;
}
.terms-of-reference-row {
    padding-bottom: 70px;
}

/* Corporate Governance Report */
.corporate-governance-row.cg-desktop {
    display: none;
}
.corporate-governance-inner-row .corporate-governance-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0 !important;
}
.corporate-governance-row .cgr-title p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
}
.corporate-governance-row .qode-3d-button-holder {
    right: -10px;
}

/* PDPA Notice */
.pdpa-notice-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.pdpa-notice-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 0 !important;
}
.pdpa-notice-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 30px;
}
.pdpa-notice-row .qode-3d-button-holder {
    right: -10px;
}

/* Others */
.others-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
}
.others-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 0 !important;
}
.others-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 40px;
    padding-bottom: 10px;
}
.others-row .qode-3d-button-holder {
    right: -10px;
    top: 30px;
}

/* Terms of Reference */
.terms-of-reference-row .pdpa-notice-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0 !important;
}
.terms-of-reference-row .pdpa-notice-col:not(:last-child) {
    margin-bottom: 0 !important;
}
.terms-of-reference-row .pdpda-notice-title p {
    font-size: 18px;
    line-height: 22px;
    padding-top: 40px;
    padding-bottom: 10px;
}
.terms-of-reference-row .qode-3d-button-holder {
    right: -10px;
}

/* Board of Director Single Page */
.bod-desktop {
     display: none;
}
.bod-single-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.bod-single-name p {
    font-size: 27px;
    line-height: 30px;
}
.bod-single-position p {
    font-size: 18px;
    margin-top: 5px;
}
.bod-mobile .bod-single-description {
    margin-top: 30px;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### ANNUAL REPORTS ######### */
.annual-reports-row {
     padding-bottom: 100px;
}
.annual-reports-title p {
    font-size: 20px;
    font-weight: 700;
    color: #40a836;
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 30px;
    line-height: 24px;
}
.annual-reports-row .annual-reports-col {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 100px;
}
.annual-reports-row .qode-3d-button-holder {
    opacity: 1;
    float: right;
    -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR ANNUAL REPORTS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1751px) {
.annual-reports-row.ar-mobile {
    display: none;
}
}

@media only screen and (min-width: 1621px) and (max-width: 1750px) {
.annual-reports-row.ar-mobile {
    display: none;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
.annual-reports-row.ar-mobile {
    display: none;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
.annual-reports-row.ar-mobile {
    display: none;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
.annual-reports-row.ar-mobile {
    display: none;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
.annual-reports-row.ar-mobile {
    display: none;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}

@media only screen and (max-width: 320px) {
.annual-reports-row.ar-desktop {
    display: none;
}
.annual-reports-row.ar-mobile {
     display: initial !important;
}
.annual-reports-row .annual-reports-col {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}
.annual-reports-col .annual-reports-title p {
    font-size: 18px;
    line-height: 22px;
}
}
/* end annual reports */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### CAREERS ######### */
/* ---Header title ---*/
.careercentre-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.careercentre-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.careercentre-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* --- Career Centre --- */
.careercentre-subtitle-row {
    padding-top: 200px;
}

.careercentre-row .careercentre-address1 {
    margin-top: 40px;
    margin-bottom: 15px !important;
}

.careercentre-row .careercentre-address1 p {
     color: #1a1938;
}
.careercentre-row .careercentre-address2 p {
     color: #1a1938;
     margin-bottom: 30px;
}

/* Contact form */
.careercentre-form {
    padding-left: 30px;
}
.careercentre-form input[name='your-name'] {
    margin-top: 0 !important;
}
.careercentre-form input[type='submit'] {
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    transition: ease all .3s;
}
.careercentre-form input[type='submit']:hover {
    background-color: #40a836 !important;
}
.careercentre-form select {
    color: #c9c9c9 !important;
    background-image: linear-gradient(45deg, transparent 40%, #c9c9c9 60%), linear-gradient(135deg, #c9c9c9 50%, transparent 0%), linear-gradient(to right, #c9c9c9, #c9c9c9);
    background-position: calc(100% - 20px) calc(1em + 10px), calc(100% - 15px) calc(1em + 10px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 2.5em;
    background-repeat: no-repeat;
}


/* Current Job Opening */
.job-opening-row {
     padding-top: 200px;
     padding-bottom: 200px;
}

.job-opening-row .job-opening-col .vc_column-inner {
    padding: 30px;
    min-height: 150px;
}

.job-opening-row .job-opening-blue-title p {
    color: #40a836;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 700;
}

.job-opening-row .job-opening-desc p {
    color: #1b8ecf;
    font-weight: 700;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR CAREERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.careercentre-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.careercentre-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.careercentre-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.careercentre-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title header --- */
.careercentre-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title header --- */
.careercentre-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Job Opening */
.job-opening-inner-row .job-opening-col {
    width: 50%;
    height: 170px;
}
.job-opening-inner-row .job-opening-col:nth-child(1),
.job-opening-inner-row .job-opening-col:nth-child(2) {
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title header --- */
.careercentre-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Job Opening */
.job-opening-inner-row .job-opening-col {
    width: 50%;
    height: 170px;
}
.job-opening-inner-row .job-opening-col:nth-child(1),
.job-opening-inner-row .job-opening-col:nth-child(2) {
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.careercentre-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 30%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Job Opening */
.job-opening-inner-row .job-opening-col {
    width: 50%;
    height: 170px;
}
.job-opening-inner-row .job-opening-col:nth-child(1),
.job-opening-inner-row .job-opening-col:nth-child(2) {
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.careercentre-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}

/* Job Opening */
.job-opening-inner-row .job-opening-col {
    width: 50%;
    height: 150px;
}
.job-opening-inner-row .job-opening-col:nth-child(1),
.job-opening-inner-row .job-opening-col:nth-child(2) {
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.careercentre-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Job Opening */
.job-opening-inner-row .job-opening-col {
    width: 45%;
    height: 130px;
    margin: 2%;
}
.job-opening-inner-row .job-opening-col:nth-child(1),
.job-opening-inner-row .job-opening-col:nth-child(2) {
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title header --- */
.careercentre-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Career Centre */
.careercentre-subtitle-row {
     padding-top: 100px;
}
.careercentre-col1 {
    width: 100%;
    margin-bottom: 30px;
}
.careercentre-col2 {
    width: 100%;
    padding-left: 0;
}

/* Job Opening */
.job-opening-row {
     padding-top: 100px;
     padding-bottom: 100px;
}
.job-opening-inner-row .job-opening-col {
    width: 50%;
    height: 120px;
}
.job-opening-inner-row .job-opening-col:nth-child(1),
.job-opening-inner-row .job-opening-col:nth-child(2) {
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title header --- */
.careercentre-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Career Centre */
.careercentre-subtitle-row {
     padding-top: 100px;
}
.careercentre-form {
     padding-left: 0;
     padding-top: 30px;
}

/* Job Opening */
.job-opening-row {
     padding-top: 100px;
     padding-bottom: 100px;
}
.job-opening-inner-row .job-opening-col:not(:last-child) {
     margin-bottom: 30px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.careercentre-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Career Centre */
.careercentre-subtitle-row {
     padding-top: 100px;
}
.careercentre-form {
     padding-left: 0;
     padding-top: 30px;
}

/* Job Opening */
.job-opening-row {
     padding-top: 100px;
     padding-bottom: 100px;
}
.job-opening-inner-row .job-opening-col:not(:last-child) {
     margin-bottom: 30px;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.careercentre-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 70%;
    font-size: 30px;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Career Centre */
.careercentre-subtitle-row {
     padding-top: 100px;
}
.careercentre-form {
     padding-left: 0;
     padding-top: 30px;
}

/* Job Opening */
.job-opening-row {
     padding-top: 100px;
     padding-bottom: 100px;
}
.job-opening-inner-row .job-opening-col:not(:last-child) {
     margin-bottom: 30px;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.careercentre-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 70%;
    font-size: 30px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Career Centre */
.careercentre-subtitle-row {
     padding-top: 100px;
}
.careercentre-form {
     padding-left: 0;
     padding-top: 30px;
}

/* Job Opening */
.job-opening-row {
     padding-top: 100px;
     padding-bottom: 100px;
}
.job-opening-inner-row .job-opening-col:not(:last-child) {
     margin-bottom: 30px;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.careercentre-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 90%;
    font-size: 30px;
    line-height: 45px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Career Centre */
.careercentre-subtitle-row {
     padding-top: 70px;
}
.careercentre-form {
     padding-left: 0;
     padding-top: 30px;
}

/* Job Opening */
.job-opening-row {
     padding-top: 70px;
     padding-bottom: 70px;
}
.job-opening-inner-row .job-opening-col:not(:last-child) {
     margin-bottom: 30px;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.careercentre-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Career Centre */
.careercentre-subtitle-row {
     padding-top: 70px;
}
.careercentre-form {
     padding-left: 0;
     padding-top: 30px;
}

/* Job Opening */
.job-opening-row {
     padding-top: 70px;
     padding-bottom: 70px;
}
.job-opening-inner-row .job-opening-col:not(:last-child) {
     margin-bottom: 30px;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.careercentre-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 80%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Career Centre */
.careercentre-subtitle-row {
     padding-top: 70px;
}
.careercentre-form {
     padding-left: 0;
     padding-top: 30px;
}

/* Job Opening */
.job-opening-row {
     padding-top: 70px;
     padding-bottom: 70px;
}
.job-opening-inner-row .job-opening-col:not(:last-child) {
     margin-bottom: 30px;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.careercentre-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.careercentre-header-title h2 {
    left: 10%;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    font-size: 23px;
    line-height: 35px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}

/* Career Centre */
.careercentre-subtitle-row {
     padding-top: 70px;
}
.careercentre-form {
     padding-left: 0;
     padding-top: 30px;
}

/* Job Opening */
.job-opening-row {
     padding-top: 70px;
     padding-bottom: 70px;
}
.job-opening-inner-row .job-opening-col {
    padding-left: 10px;
    padding-right: 10px;
}
.job-opening-inner-row .job-opening-col:not(:last-child) {
     margin-bottom: 30px;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### CONTACT US ######### */
/* ---Header title ---*/
.contactus-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.contactus-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.contactus-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* --- Address & Contact form --- */
.customerservice-row {
    padding-top: 200px;
}

.customerservice-row .contactus-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
}

.customerservice-row .contactus-title h3 {
    color: #1b8ecf;
    margin-bottom: 40px;
    font-weight: 700;
}

.customerservice-row .contactus-address1 {
    margin-top: 40px;
    margin-bottom: 15px !important;
}

.customerservice-row .contactus-address1 p,
.customerservice-row .contactus-address2 p {
     color: #1a1938;
}

.customerservice-row .contactus-tel p,
.customerservice-row .contactus-fax p,
.customerservice-row .contactus-email p {
     margin-top: 30px !important;
}

.customerservice-row .contactus-tel a,
.customerservice-row .contactus-fax a,
.customerservice-row .contactus-email a {
     color: #1a1938;
     transition: ease all .3s;
}

.customerservice-row .contactus-tel a:hover,
.customerservice-row .contactus-fax a:hover,
.customerservice-row .contactus-email a:hover {
     color: #f7b708;
}

/* Contact form */
.contactus-form input[type='submit'] {
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}

.contactus-form select {
    color: #c9c9c9 !important;
    background-image: linear-gradient(45deg, transparent 40%, #c9c9c9 60%), linear-gradient(135deg, #c9c9c9 50%, transparent 0%), linear-gradient(to right, #c9c9c9, #c9c9c9);
    background-position: calc(100% - 20px) calc(1em + 10px), calc(100% - 15px) calc(1em + 10px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 2.5em;
    background-repeat: no-repeat;
}

/* --- Our Location --- */
.ourlocation-row {
    padding-top: 200px;
    padding-bottom: 100px;
}

/* tooltip */
/* Tooltip Location 1 */
.location01 {
  text-decoration:none;
  position:relative;
  top: -730px;
  left: 730px;
  width: 1%;
}
 
.location01 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
    color: transparent;
    background: transparent;
    opacity: 0;
    transition: ease all .5s;
}
 
.location01 span img {
  float:left;
  margin:0px 8px 8px 0;
}
 
.location01:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 307px;
    max-width: 307px;
    min-height: 111px;
    margin-top: -110px;
    margin-left: -8px;
    padding: 8px;
    opacity:1;
}

/* new */
.loc01 {
  text-decoration:none;
  position:relative;
  top: -730px;
  left: 730px;
  width: 10%;
}
 
.loc01 span {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
    color: transparent;
    background: transparent;
    opacity: 0;
    transition: ease all .5s;
    display: none;
}
 
.loc01 span img {
  float:left;
  margin:0px 8px 8px 0;
}

.loc01 span img.waze-ico,
.loc01 span img.maps-ico {
    margin: 0 0 8px 0;
}
 
.loc01:hover span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 307px;
    max-width: 307px;
    min-height: 111px;
    margin-top: -150px;
    margin-left: 25px;
    padding: 8px;
    opacity: 1;
    display: inherit;
}

/* Tooltip Location 2 */
.location02 {
    text-decoration: none;
    position: relative;
    top: -460px;
    left: 705px;
    width: 1%;
}
 
.location02 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
    color: transparent;
    background: transparent;
    transition: ease all .5s;
}
 
.location02 span img {
  float:left;
  margin:0px 8px 8px 0;
}
 
.location02:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 207px;
    max-width: 207px;
    min-height: 162px;
    margin-top: -155px;
    margin-left: -5px;
    padding: 8px;
}

/*new */
.loc02 {
    text-decoration: none;
    position: relative;
    top: -460px;
    left: 705px;
    width: 10%;
}
 
.loc02 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
    color: transparent;
    background: transparent;
    transition: ease all .5s;
}
 
.loc02 span img {
  float:left;
  margin:0px 8px 8px 0;
}

.loc02 span img.waze-ico,
.loc02 span img.maps-ico {
    margin: 0 0 8px 0;
}
 
.loc02:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 307px;
    max-width: 307px;
    min-height: 162px;
    margin-top: -140px;
    margin-left: 20px;
    padding: 8px;
}

/* Tooltip Location 3 */
.location03 {
    text-decoration: none;
    position: relative;
    top: -453px;
    left: 740px;
    width: 1%;
}
 
.location03 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
    color: transparent;
    background: transparent;
    transition: ease all .5s;
}
 
.location03 span img {
  float:left;
  margin:0px 8px 8px 0;
}
 
.location03:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 231px;
    max-width: 231px;
    min-height: 111px;
    margin-top: -105px;
    margin-left: -7px;
    padding: 8px;
}

/*new*/
.loc03 {
    text-decoration: none;
    position: relative;
    top: -453px;
    left: 740px;
    width: 10%;
}
 
.loc03 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
    color: transparent;
    background: transparent;
    transition: ease all .5s;
}
 
.loc03 span img {
  float:left;
  margin:0px 8px 8px 0;
}

.loc03 span img.waze-ico,
.loc03 span img.maps-ico {
    margin: 0 0 8px 0;
}
 
.loc03:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 307px;
    max-width: 307px;
    min-height: 111px;
    margin-top: -140px;
    margin-left: 25px;
    padding: 8px;
}

/* Tooltip Location 4 */
.location04 {
    text-decoration: none;
    position: relative;
    top: -141px;
    left: 512px;
    width: 1%;
}
 
.location04 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
    color: transparent;
    background: transparent;
    transition: ease all .5s;
}
 
.location04 span img {
  float:left;
  margin:0px 8px 8px 0;
}
 
.location04:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 307px;
    max-width: 307px;
    min-height: 111px;
    margin-top: -105px;
    margin-left: -7px;
    padding: 8px;
}

/*new*/
.loc04 {
    text-decoration: none;
    position: relative;
    top: -141px;
    left: 512px;
    width: 10%;
}
 
.loc04 span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
    color: transparent;
    background: transparent;
    transition: ease all .5s;
}
 
.loc04 span img {
  float:left;
  margin:0px 8px 8px 0;
}
 
.loc04 span img.waze-ico,
.loc04 span img.maps-ico {
    margin: 0 0 8px 0;
}

.loc04:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 307px;
    max-width: 307px;
    min-height: 111px;
    margin-top: -140px;
    margin-left: 25px;
    padding: 8px;
}


/* ######### GENERAL FEEDBACK ######### */
/* ---Header title ---*/
.general-feedback-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.general-feedback-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.general-feedback-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/*General Feedback Form */
.general-feedback-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.general-feedback-row form {
    margin-top: 30px;
}
.general-feedback-row .wpcf7 p {
    margin-bottom: 0 !important;
}
.general-feedback-row .label-your-name,
.general-feedback-row .label-your-email,
.general-feedback-row .label-your-mobile {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.general-feedback-row input[type='text'],
.general-feedback-row input[type='email'],
.general-feedback-row input[type='tel'],
.general-feedback-row textarea {
    color: #1b8ece !important;
    transition: ease all .3s;
}
.general-feedback-row input[type='text']:focus,
.general-feedback-row input[type='email']:focus,
.general-feedback-row input[type='tel']:focus,
.general-feedback-row textarea:focus  {
    border: solid 1px #1b8ece !important;
    background-color: rgba(27, 142, 206, 0.1) !important;
}
.general-feedback-row input[type='submit'] {
    margin-top: 20px;
    transition: ease all .3s;
}
.general-feedback-row input[type='submit']:hover {
    background-color: #40a836 !important;
}
.general-feedback-row .general-feedback-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
    font-size: 25px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR GENERAL FEEDBACK */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.general-feedback-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.general-feedback-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.general-feedback-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.general-feedback-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title header --- */
.general-feedback-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title header --- */
.general-feedback-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email {
      width: 49.7%;
}
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title header --- */
.general-feedback-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email {
      width: 49.7%;
}
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.general-feedback-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email {
      width: 49.7%;
}
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.general-feedback-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.general-feedback-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title header --- */
.general-feedback-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title header --- */
.general-feedback-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.general-feedback-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.general-feedback-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 90%;
    font-size: 35px;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.general-feedback-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 75%;
    font-size: 30px;
    line-height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -o-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    -ms-clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
    clip-path: polygon(4.5% 0, 100% 0%, 95.5% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.general-feedback-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 100%;
    font-size: 28px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.general-feedback-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 90%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.general-feedback-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 90%;
    font-size: 25px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.general-feedback-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.general-feedback-header-title h2 {
    left: 10%;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 80%;
    font-size: 23px;
    line-height: 35px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* General Feedback Form */
.general-feedback-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.general-feedback-row .label-your-name, 
.general-feedback-row .label-your-email,
 .general-feedback-row .label-your-mobile {
      width: 100%;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### NEWSLETTER & NEW LAUNCH ######### */
/* ---Header title ---*/
.newsletter-launch-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.newsletter-launch-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.newsletter-launch-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 140px;
    justify-content: center;
    display: flex;
   -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* --- Green Title --- */
.newsletter-launch-form-row .newsletter-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
    font-size: 25px;
}

/* --- Newsletter & New Launch Form --- */
.newsletter-launch-form-row {
     padding-top: 200px;
     padding-bottom: 200px;
}
.newsletter-launch-desc {
     margin-bottom: 50px !important;
}

.newsletter-launch-form-row h3 {
    background-color: #1c8ed0;
    font-size: 25px;
    color: #fff;
    padding: 20px 40px;
    -webkit-clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
    -o-clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
    -ms-clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
    clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);
}

.newsletter-launch-form-row p.green-subtitle {
    color: #3fa737;
    padding-top: 20px;
    margin-bottom: 10px !important;
    font-weight: 700;
    font-size: 20px;
}

hr.divider-form {
display: none;
}

.newsletter-launch-form-row input[type='text'],
.newsletter-launch-form-row input[type='email'],
.newsletter-launch-form-row input[type='tel'],
.newsletter-launch-form-row textarea {
    color: #1b8ece !important;
    transition: ease all .3s;
}
.newsletter-launch-form-row input[type='text']:focus,
.newsletter-launch-form-row input[type='email']:focus,
.newsletter-launch-form-row input[type='tel']:focus,
.newsletter-launch-form-row textarea:focus  {
    border: solid 1px #1b8ece !important;
    background-color: rgba(27, 142, 206, 0.1) !important;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label {
    color: #1b8ece;
}
.newsletter-launch-form-row input[type='submit'] {
    transition: ease all .3s;
}
.newsletter-launch-form-row input[type='submit']:hover {
    background-color: #40a836 !important;
}

/* nws 1*/
.nws-col1 .label-your-name, 
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.nws-col1 .label-your-nationality {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
}
.nws-col1 .label-your-marital-status {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.nws-col1 .label-your-postcode {
     margin-top: 35px;
}
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.nws-col1 .label-your-mobile-tel {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
}
.nws-col1 .label-your-email {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

/* nws 2 - residential */
.nws-col2 .residential-box span.wpcf7-list-item {
    vertical-align: middle;
    width: 33%;
    margin: 0;
}
input[type='checkbox'] {
    height: 40px;
    width: 20px;
    vertical-align: middle;
}
.wpcf7-list-item-label {
    vertical-align: middle;
}
.nws-col2 .price-range {
    width: 140px;
    display: inline-block;
    vertical-align: middle;
}
.nws-col2 .textfield-price-range {
    width: 250px;
    display: inline-block;
    vertical-align: middle;
}

/* nws 2 - commercial */
.nws-col2 .commercial-box span.wpcf7-list-item {
    vertical-align: middle;
    width: 33%;
    margin: 0;
}

/* nws 2 - industrial*/
.nws-col2 .industrial-box span.wpcf7-list-item {
    vertical-align: middle;
    width: 33%;
    margin: 0;
}

.nws-col2, .nws-col3, .nws-col4, .nws-col5, .nws-col6 {
    margin-top: 70px !Important;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 14px;
    font-weight: 600;
    display: block;
    letter-spacing: .5px;
}

div.wpcf7-response-output {
    font-weight: 600;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR NEWSLETTER & NEW LAUNCH */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 430px !important;
    min-height: unset !important;
    max-height: unset !important;
}
.newsletter-launch-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic {
    width: 49.7%;
}
.nws-col1 .label-your-occupation {
    width: 100%;
}
.nws-col1 .label-your-nationality {
    width: 49.4%;
}
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel {
     width: 49.7%;
}
.nws-col1 .label-your-email {
     width: 100%;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic {
    width: 49.7%;
}
.nws-col1 .label-your-occupation {
    width: 100%;
}
.nws-col1 .label-your-nationality {
    width: 49.4%;
}
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel {
     width: 49.7%;
}
.nws-col1 .label-your-email {
     width: 100%;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic {
    width: 49.7%;
}
.nws-col1 .label-your-occupation {
    width: 100%;
}
.nws-col1 .label-your-nationality {
    width: 49.4%;
}
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel {
     width: 49.7%;
}
.nws-col1 .label-your-email {
     width: 100%;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    font-size: 28px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

/* Newsletter Form Row */
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 50%;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 70%;
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.newsletter-launch-form-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 50%;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 70%;
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 50px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.newsletter-launch-form-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 50%;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 70%;
    font-size: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 32px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.newsletter-launch-form-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 50%;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 100%;
    font-size: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 32px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.newsletter-launch-form-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.nws-col1 h3 {
    font-size: 22px;
}
.nws-col2 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
.nws-col3 h3 {
    font-size: 22px;
}
.nws-col4 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
.nws-col5 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
.nws-col6 h3 {
    font-size: 22px;
}
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 100%;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 100%;
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 32px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Newsletter Form Row */
.newsletter-launch-form-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.nws-col1 h3 {
    font-size: 22px;
}
.nws-col2 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
.nws-col3 h3 {
    font-size: 22px;
}
.nws-col4 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
.nws-col5 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
.nws-col6 h3 {
    font-size: 22px;
}
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 100%;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 100%;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 32px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.newsletter-launch-form-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.nws-col1 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col2 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col3 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col4 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col5 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col6 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.contactus-form select {
    color: #c9c9c9 !important;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
}
.newsletter-launch-form-row .wpcf7 input[type='text'],
.newsletter-launch-form-row .wpcf7 input[type='email'],
.newsletter-launch-form-row .wpcf7 input[type='tel'],
.newsletter-launch-form-row .wpcf7 textarea,
.newsletter-launch-form-row .wpcf7 select {
    font-size: 14px !important;
}
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.contactus-form select {
    color: #c9c9c9 !important;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 100%;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 100%;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 32px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.newsletter-launch-form-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.nws-col1 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col2 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col3 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col4 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col5 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col6 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.contactus-form select {
    color: #c9c9c9 !important;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
}
.newsletter-launch-form-row .wpcf7 input[type='text'],
.newsletter-launch-form-row .wpcf7 input[type='email'],
.newsletter-launch-form-row .wpcf7 input[type='tel'],
.newsletter-launch-form-row .wpcf7 textarea,
.newsletter-launch-form-row .wpcf7 select {
    font-size: 14px !important;
}
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.contactus-form select {
    color: #c9c9c9 !important;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 100%;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 100%;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 32px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.newsletter-launch-form-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.nws-col1 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col2 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col3 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col4 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col5 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col6 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.contactus-form select {
    color: #c9c9c9 !important;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
}
.newsletter-launch-form-row .wpcf7 input[type='text'],
.newsletter-launch-form-row .wpcf7 input[type='email'],
.newsletter-launch-form-row .wpcf7 input[type='tel'],
.newsletter-launch-form-row .wpcf7 textarea,
.newsletter-launch-form-row .wpcf7 select {
    font-size: 14px !important;
}
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 100%;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.newsletter-launch-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.newsletter-launch-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 100%;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 32px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Newsletter Form Row */
.newsletter-launch-form-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.nws-col1 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col2 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col3 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col4 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col5 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.nws-col6 h3 {
    font-size: 22px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.contactus-form select {
    color: #c9c9c9 !important;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
}
.newsletter-launch-form-row .wpcf7 input[type='text'],
.newsletter-launch-form-row .wpcf7 input[type='email'],
.newsletter-launch-form-row .wpcf7 input[type='tel'],
.newsletter-launch-form-row .wpcf7 textarea,
.newsletter-launch-form-row .wpcf7 select {
    font-size: 14px !important;
}
.nws-col1 .label-your-name,
.nws-col1 .label-your-ic,
.nws-col1 .label-your-occupation,
.nws-col1 .label-your-nationality,
.nws-col1 .label-your-marital-status,
.nws-col1 .label-your-fax,
.nws-col1 .label-your-home-tel,
.nws-col1 .label-your-office-tel,
.nws-col1 .label-your-mobile-tel,
.nws-col1 .label-your-email {
     width: 100%;
     margin-bottom: 10px !important;
}
.nws-col1 .label-your-postcode {
     margin-top: 25px;
     margin-bottom: 10px !important;
}
.contactus-form select {
    color: #c9c9c9 !important;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
}
.nws-col2 .residential-box span.wpcf7-list-item,
.nws-col2 .commercial-box span.wpcf7-list-item,
.nws-col2 .industrial-box span.wpcf7-list-item {
    width: 100%;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### PROPERTY / PROJECT ENQUIRY ######### */
/* ---Header title ---*/
.ppe-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.ppe-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.ppe-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 140px;
    justify-content: center;
    display: flex;
   -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* --- Form --- */
.ppe-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.ppe-row form {
    margin-top: 30px;
}
.ppe-row .wpcf7 p {
    margin-bottom: 0 !important;
}
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 33%;
    display: inline-block;
}
.ppe-row input[type='text'],
.ppe-row input[type='email'],
.ppe-row input[type='tel'],
.ppe-row textarea {
    color: #1b8ece !important;
    transition: ease all .3s;
}
.ppe-row input[type='text']:focus,
.ppe-row input[type='email']:focus,
.ppe-row input[type='tel']:focus,
.ppe-row textarea:focus  {
    border: solid 1px #1b8ece !important;
    background-color: rgba(27, 142, 206, 0.1) !important;
}
.ppe-row input[type='submit'] {
    margin-top: 20px;
    transition: ease all .3s;
}
.ppe-row input[type='submit']:hover {
    background-color: #40a836 !important;
}
.ppe-row .ppe-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
    font-size: 25px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR PROPERTY / PROJECT ENQUIRY */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.ppe-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.ppe-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.ppe-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.ppe-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title header --- */
.ppe-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title header --- */
.ppe-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row .label-your-name,
.ppe-row .label-your-email {
    width: 49.7%;
    display: inline-block;
}
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title header --- */
.ppe-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row .label-your-name,
.ppe-row .label-your-email {
    width: 49.7%;
    display: inline-block;
}
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.ppe-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row .label-your-name,
.ppe-row .label-your-email {
    width: 49.7%;
    display: inline-block;
}
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.ppe-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 60%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.ppe-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 60%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title header --- */
.ppe-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 70%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title header --- */
.ppe-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 70%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.ppe-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 70%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.ppe-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 100%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.ppe-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 100%;
    line-height: 35px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.ppe-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 120%;
    font-size: 22px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.ppe-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 110%;
    font-size: 22px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.ppe-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 100%;
    font-size: 20px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.ppe-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.ppe-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 100%;
    font-size: 20px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* PPE Form */
.ppe-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.ppe-row .label-your-name,
.ppe-row .label-your-email,
.ppe-row .label-your-mobile {
    width: 100%;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### CUSTOMER SERVICE ######### */
/* ---Header title ---*/
.cs-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.cs-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.cs-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 140px;
    justify-content: center;
    display: flex;
   -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

.cs-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.cs-row .cs-col {
    min-height: 420px;
    border-left: solid 1px #f3f3f3;
    padding-left: 10px;
}
.cs-row .contactus-title h3 {
    color: #1c8ed0;
    font-size: 25px;
}
.cs-row .contactus-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
}
.cs-row .contactus-address1 {
    margin-top: 40px;
    margin-bottom: 15px !important;
}
.cs-row .contactus-address1 p,
.cs-row .contactus-address2 p {
     color: #1a1938;
}
.cs-row .contactus-tel p,
.cs-row .contactus-fax p,
.cs-row .contactus-email p {
     margin-top: 30px !important;
}
.cs-row .contactus-tel a,
.cs-row .contactus-fax a,
.cs-row .contactus-email a {
     color: #1a1938;
     transition: ease all .3s;
}
.cs-row .contactus-tel a:hover,
.cs-row .contactus-fax a:hover,
.cs-row .contactus-email a:hover {
     color: #f7b708;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR CUSTOMER SERVICE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.cs-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.cs-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.cs-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.cs-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title header --- */
.cs-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title header --- */
.cs-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Customer Service */
.cs-row .cs-col:nth-child(1) {
    width: 50%;
    margin-bottom: 100px;
}
.cs-row .cs-col:nth-child(2) {
    width: 50%;
    margin-bottom: 100px;
}
.cs-row .cs-col:nth-child(3) {
    width: 50%;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title header --- */
.cs-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 80px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Customer Service */
.cs-row .cs-col:nth-child(1) {
    width: 50%;
    margin-bottom: 100px;
}
.cs-row .cs-col:nth-child(2) {
    width: 50%;
    margin-bottom: 100px;
}
.cs-row .cs-col:nth-child(3) {
    width: 50%;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.cs-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 15%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
}

/* Customer Service */
.cs-row .cs-col:nth-child(1) {
    width: 50%;
    margin-bottom: 100px;
}
.cs-row .cs-col:nth-child(2) {
    width: 50%;
    margin-bottom: 100px;
}
.cs-row .cs-col:nth-child(3) {
    width: 50%;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.cs-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 60%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Customer Service */
.cs-row .cs-col:nth-child(1) {
    width: 50%;
    margin-bottom: 100px;
}
.cs-row .cs-col:nth-child(2) {
    width: 50%;
    margin-bottom: 100px;
}
.cs-row .cs-col:nth-child(3) {
    width: 50%;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.cs-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 60%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Customer Service */
.cs-row .cs-col:nth-child(1) {
    width: 50%;
    margin-bottom: 100px;
}
.cs-row .cs-col:nth-child(2) {
    width: 50%;
    margin-bottom: 100px;
}
.cs-row .cs-col:nth-child(3) {
    width: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title header --- */
.cs-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 70%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Customer Service */
.cs-row {
     padding-top: 100px;
     padding-bottom: 100px;
}
.cs-row .cs-col:nth-child(1),
.cs-row .cs-col:nth-child(2) {
    width: 100%;
    margin-bottom: 50px;
}
.cs-row .cs-col:nth-child(3) {
    width: 100%;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title header --- */
.cs-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 70%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Customer Service */
.cs-row {
     padding-top: 100px;
     padding-bottom: 100px;
}
.cs-row .cs-col:nth-child(1),
.cs-row .cs-col:nth-child(2) {
    width: 100%;
    margin-bottom: 50px;
}
.cs-row .cs-col:nth-child(3) {
    width: 100%;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.cs-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 70%;
    line-height: 70px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Customer Service */
.cs-row {
     padding-top: 100px;
     padding-bottom: 100px;
}
.cs-row .cs-col:nth-child(1),
.cs-row .cs-col:nth-child(2) {
    width: 100%;
    margin-bottom: 50px;
}
.cs-row .cs-col:nth-child(3) {
    width: 100%;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.cs-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 100%;
    line-height: 60px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Customer Service */
.cs-row {
     padding-top: 100px;
     padding-bottom: 100px;
}
.cs-row .cs-col:nth-child(1),
.cs-row .cs-col:nth-child(2) {
    width: 100%;
    margin-bottom: 50px;
}
.cs-row .cs-col:nth-child(3) {
    width: 100%;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.cs-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 100%;
    line-height: 35px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Customer Service */
.cs-row {
     padding-top: 100px;
     padding-bottom: 100px;
}
.cs-row .cs-col:nth-child(1),
.cs-row .cs-col:nth-child(2) {
    width: 100%;
    margin-bottom: 50px;
}
.cs-row .cs-col:nth-child(3) {
    width: 100%;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.cs-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 120%;
    font-size: 22px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Customer Service */
.cs-row {
     padding-top: 70px;
     padding-bottom: 70px;
}
.cs-row .cs-col:nth-child(1),
.cs-row .cs-col:nth-child(2) {
    width: 100%;
    margin-bottom: 50px;
}
.cs-row .cs-col:nth-child(3) {
    width: 100%;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.cs-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 110%;
    font-size: 22px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Customer Service */
.cs-row {
     padding-top: 70px;
     padding-bottom: 70px;
}
.cs-row .cs-col:nth-child(1),
.cs-row .cs-col:nth-child(2) {
    width: 100%;
    margin-bottom: 50px;
}
.cs-row .cs-col:nth-child(3) {
    width: 100%;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.cs-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 100%;
    font-size: 20px;
    line-height: 40px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Customer Service */
.cs-row {
     padding-top: 70px;
     padding-bottom: 70px;
}
.cs-row .cs-col:nth-child(1),
.cs-row .cs-col:nth-child(2) {
    width: 100%;
    margin-bottom: 50px;
}
.cs-row .cs-col:nth-child(3) {
    width: 100%;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.cs-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.cs-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 80%;
    font-size: 20px;
    line-height: 40px;
    justify-content: center;
    display: flex;
     -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* Customer Service */
.cs-row {
     padding-top: 70px;
     padding-bottom: 70px;
}
.cs-row .cs-col:nth-child(1),
.cs-row .cs-col:nth-child(2) {
    width: 100%;
    margin-bottom: 50px;
}
.cs-row .cs-col:nth-child(3) {
    width: 100%;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### WHISTLEBLOWING ######### */
/* ---Header title ---*/
.wb-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.wb-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.wb-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 140px;
    justify-content: center;
    display: flex;
   -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

.whistleblowing-row {
     padding-top: 200px;
     padding-bottom: 200px;
}
/* --- Green Title --- */
.whistleblowing-row .whistleblowing-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
    font-size: 25px;
}
.whistleblowing-row .contactus-address1 {
    margin-top: 40px;
    margin-bottom: 15px !important;
}
.whistleblowing-row .contactus-address1 p,
.whistleblowing-row .contactus-address2 p {
     color: #1a1938;
}
.whistleblowing-row .contactus-tel p,
.whistleblowing-row .contactus-fax p,
.whistleblowing-row .contactus-email p {
     margin-top: 30px !important;
}
.whistleblowing-row .contactus-tel a,
.whistleblowing-row .contactus-fax a,
.whistleblowing-row .contactus-email a {
     color: #1a1938;
     transition: ease all .3s;
}
.whistleblowing-row .contactus-tel a:hover,
.whistleblowing-row .contactus-fax a:hover,
.whistleblowing-row .contactus-email a:hover {
     color: #f7b708;
}
.whistleblowing-row input[name='your-name'] {
    margin-top: 0 !important;
}
.whistleblowing-row input[type='text'],
.whistleblowing-row input[type='email'],
.whistleblowing-row input[type='tel'],
.whistleblowing-row textarea {
    color: #1b8ece !important;
    transition: ease all .3s;
}
.whistleblowing-row input[type='text']:focus,
.whistleblowing-row input[type='email']:focus,
.whistleblowing-row input[type='tel']:focus,
.whistleblowing-row textarea:focus  {
    border: solid 1px #1b8ece !important;
    background-color: rgba(27, 142, 206, 0.1) !important;
}
.whistleblowing-row input[type='submit'] {
    transition: ease all .3s;
}
.whistleblowing-row input[type='submit']:hover {
    background-color: #40a836 !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR WHISTLEBLOWING */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.wb-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.wb-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.wb-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.wb-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 60%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title header --- */
.wb-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title header --- */
.wb-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1021px) and (max-width: 1120px) {
/* Title header --- */
.wb-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.wb-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 14%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.wb-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 50px;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 50%;
    line-height: 100px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.wb-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 50%;
    line-height: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -o-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    -ms-clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title header --- */
.wb-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 60%;
    line-height: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Whistleblowing */
.whistleblowing-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6 {
     width: 100%;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(1) {
     margin-bottom: 50px;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title header --- */
.wb-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 60%;
    line-height: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Whistleblowing */
.whistleblowing-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6 {
     width: 100%;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(1) {
     margin-bottom: 50px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.wb-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 60%;
    line-height: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Whistleblowing */
.whistleblowing-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6 {
     width: 100%;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(1) {
     margin-bottom: 50px;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.wb-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 80%;
    line-height: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Whistleblowing */
.whistleblowing-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6 {
     width: 100%;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(1) {
     margin-bottom: 50px;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.wb-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 80%;
    line-height: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Whistleblowing */
.whistleblowing-row {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6 {
     width: 100%;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(1) {
     margin-bottom: 50px;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.wb-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 80%;
    font-size: 25px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Whistleblowing */
.whistleblowing-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6 {
     width: 100%;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(1) {
     margin-bottom: 50px;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.wb-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 80%;
    font-size: 25px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Whistleblowing */
.whistleblowing-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6 {
     width: 100%;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(1) {
     margin-bottom: 50px;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.wb-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 80%;
    font-size: 25px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Whistleblowing */
.whistleblowing-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6 {
     width: 100%;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(1) {
     margin-bottom: 50px;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.wb-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.wb-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 80%;
    font-size: 25px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 97% 100%, 0% 100%);
}

/* Whistleblowing */
.whistleblowing-row {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6 {
     width: 100%;
}
.whistleblowing-row .wpb_column.vc_column_container.vc_col-sm-6:nth-child(1) {
     margin-bottom: 50px;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### OUR OFFICE ######### */
/* ---Header title ---*/
.of-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.of-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.of-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Our Office */
/* --- Green Title --- */
.our-office-row .our-office-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
    font-size: 25px;
}
.our-office-row {
    padding-top: 200px;
}
.our-office-row .contactus-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
}
.our-office-row .contactus-title h3 {
    color: #1b8ecf;
    margin-bottom: 40px;
    font-weight: 700;
}
.our-office-row .contactus-address1 {
    margin-top: 60px;
    margin-bottom: 15px !important;
}
.our-office-row .contactus-address1 p,
.our-office-row .contactus-address2 p {
     color: #1a1938;
}
.our-office-row .contactus-tel p,
.our-office-row .contactus-fax p,
.our-office-row .contactus-email p {
     margin-top: 30px !important;
}
.our-office-row .contactus-tel a,
.our-office-row .contactus-fax a,
.our-office-row .contactus-email a {
     color: #1a1938;
     transition: ease all .3s;
}
.our-office-row .contactus-tel a:hover,
.our-office-row .contactus-fax a:hover,
.our-office-row .contactus-email a:hover {
     color: #f7b708;
}

/* Our Location */
.legends-ipad .legends-title h3 {
    font-size: 22px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR OUR OFFICE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1751px) {
.legends-ipad {
    display: none;
}

/* Our Location */
.maps-row-mobile {
    display: none;
}
}

@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.of-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
.legends-ipad {
    display: none;
}

/* Our Location */
.maps-row-mobile {
    display: none;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.of-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
.legends-ipad {
    display: none;
}

/* Our Location */
.maps-row-mobile {
    display: none;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.of-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}

/* Our Location */
.maps-row-mobile {
    display: none;
}
/*.location01 {
    top: -736px;
    left: 580px;
}
.location02 {
    top: -460px;
    left: 555px;
}
.location03 {
    top: -453px;
    left: 590px;
}
.location04 {
    top: -141px;
    left: 362px;
}*/
.loc01 {
    top: -736px;
    left: 580px;
}
.loc01 span {
    margin-top: -140px;
}
.loc02 {
    top: -460px;
    left: 555px;
}
.loc03 {
    top: -453px;
    left: 590px;
}
.loc04 {
    top: -141px;
    left: 362px;
}
.legends-ipad {
    display: none;
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.of-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}

/* Our Location */
.maps-row-mobile {
    display: none;
}
/*.location01 {
    top: -736px;
    left: 580px;
}
.location02 {
    top: -460px;
    left: 555px;
}
.location03 {
    top: -453px;
    left: 590px;
}
.location04 {
    top: -141px;
    left: 362px;
}*/
.loc01 {
    top: -736px;
    left: 580px;
}
.loc01 span {
    margin-top: -140px;
}
.loc02 {
    top: -460px;
    left: 555px;
}
.loc03 {
    top: -453px;
    left: 590px;
}
.loc04 {
    top: -141px;
    left: 362px;
}
.legends-ipad {
    display: none;
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title header --- */
.of-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Our Location */
.maps-row-mobile {
    display: none;
}
/*.location01 {
    top: -736px;
    left: 580px;
}
.location02 {
    top: -460px;
    left: 555px;
}
.location03 {
    top: -453px;
    left: 590px;
}
.location04 {
    top: -141px;
    left: 362px;
}*/
.loc01 {
    top: -736px;
    left: 580px;
}
.loc01 span {
    margin-top: -140px !important;
}
.loc02 {
    top: -460px;
    left: 555px;
}
.loc03 {
    top: -453px;
    left: 590px;
}
.loc04 {
    top: -141px;
    left: 362px;
}
.legends-ipad {
    display: none;
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title header --- */
.of-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Our Location */
.maps-row-mobile {
    display: none;
}
/*.location01 {
    top: -700px;
    left: 500px;
}
.location02 {
    top: -438px;
    left: 480px;
}
.location03 {
    top: -434px;
    left: 514px;
}
.location04 {
    top: -137px;
    left: 295px;
}*/
.loc01 {
    top: -700px;
    left: 500px;
}
.loc01 span {
    margin-top: -140px !important;
}
.loc02 {
    top: -438px;
    left: 480px;
}
.loc03 {
    top: -434px;
    left: 514px;
}
.loc04 {
    top: -137px;
    left: 295px;
}
.legends-ipad {
    display: none;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1120px) {
/* Title header --- */
.of-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}
/* Our Location */
.maps-row-mobile {
    display: none;
}
/*.location01 {
    top: -700px;
    left: 500px;
}
.location02 {
    top: -438px;
    left: 480px;
}
.location03 {
    top: -434px;
    left: 514px;
}
.location04 {
    top: -137px;
    left: 295px;
}*/
.loc01 {
    top: -700px;
    left: 500px;
}
.loc01 span {
    margin-top: -140px !important;
}
.loc02 {
    top: -438px;
    left: 480px;
}
.loc03 {
    top: -434px;
    left: 514px;
}
.loc04 {
    top: -137px;
    left: 295px;
}
.legends-ipad {
    display: none;
}
}

@media only screen and (min-width: 1021px) and (max-width: 1024px) {
/* Title header --- */
.of-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}

/* Our Location */
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.legends-ipad .maps-legend-text p img {
     vertical-align: middle;
    padding-right: 20px;
}
.legends-ipad .maps-legend-text img.direction-icon {
    width: 40px;
}
.legends-ipad .maps-legend-text {
    margin-bottom: 80px !important;
}
.legends-ipad .maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
.legends-ipad .location-name-direction {
    width: 50%;
    display: inline-block;
}
.legends-ipad .location-name-direction a img {
    padding-top: 10px;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.of-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 12%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}

/* Our Location */
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.legends-ipad .maps-legend-text p img {
     vertical-align: middle;
    padding-right: 20px;
}
.legends-ipad .maps-legend-text img.direction-icon {
    width: 40px;
}
.legends-ipad .maps-legend-text {
    margin-bottom: 80px !important;
}
.legends-ipad .maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
.legends-ipad .location-name-direction {
    width: 50%;
    display: inline-block;
}
.legends-ipad .location-name-direction a img {
    padding-top: 10px;
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.of-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}

/* Our Location */
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.legends-ipad .maps-legend-text p img {
     vertical-align: middle;
    padding-right: 20px;
}
.legends-ipad .maps-legend-text img.direction-icon {
    width: 40px;
}
.legends-ipad .maps-legend-text {
    margin-bottom: 80px !important;
}
.legends-ipad .maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
.legends-ipad .location-name-direction {
    width: 50%;
    display: inline-block;
}
.legends-ipad .location-name-direction a img {
    padding-top: 10px;
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.of-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}

/* Our Location */
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.legends-ipad .maps-legend-text p img {
     vertical-align: middle;
    padding-right: 20px;
}
.legends-ipad .maps-legend-text img.direction-icon {
    width: 40px;
}
.legends-ipad .maps-legend-text {
    margin-bottom: 80px !important;
}
.legends-ipad .maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
.legends-ipad .location-name-direction {
    width: 50%;
    display: inline-block;
}
.legends-ipad .location-name-direction a img {
    padding-top: 10px;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title header --- */
.of-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}

/* Our Office */
.our-office-row {
    padding-top: 100px;
}

/* Our Location */
.ourlocation-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.legends-ipad .maps-legend-text p img {
     vertical-align: middle;
    padding-right: 20px;
    width: 250px;
}
.legends-ipad .maps-legend-text img.direction-icon {
    width: 40px;
}
.legends-ipad .maps-legend-text {
    margin-bottom: 80px !important;
}
.legends-ipad .maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
.legends-ipad .location-name-direction {
    width: 50%;
    display: inline-block;
}
.legends-ipad .location-name-direction a img {
    padding-top: 10px;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title header --- */
.of-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}

/* Our Office */
.our-office-row {
    padding-top: 100px;
}

/* Our Location */
.ourlocation-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.legends-ipad .maps-legend-text p img {
     vertical-align: middle;
    padding-right: 20px;
    width: 250px;
}
.legends-ipad .maps-legend-text img.direction-icon {
    width: 40px;
}
.legends-ipad .maps-legend-text {
    margin-bottom: 80px !important;
}
.legends-ipad .maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
.legends-ipad .location-name-direction {
    width: 50%;
    display: inline-block;
}
.legends-ipad .location-name-direction a img {
    padding-top: 10px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.of-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}

/* Our Office */
.our-office-row {
    padding-top: 100px;
}

/* Our Location */
.ourlocation-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.legends-ipad .maps-legend-text p img {
     vertical-align: middle;
    padding-right: 20px;
    width: 250px;
}
.legends-ipad .maps-legend-text img.direction-icon {
    width: 40px;
}
.legends-ipad .maps-legend-text {
    margin-bottom: 80px !important;
}
.legends-ipad .maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
.legends-ipad .location-name-direction {
    width: 50%;
    display: inline-block;
}
.legends-ipad .location-name-direction a img {
    padding-top: 10px;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.of-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 60%;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Our Office */
.our-office-row {
    padding-top: 100px;
}

/* Our Location */
.ourlocation-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.legends-ipad .maps-legend-text {
     margin-bottom: 50px !important;
}
.legends-ipad .maps-legend-text p img {
     vertical-align: middle;
    padding-right: 20px;
    width: 220px;
    padding-bottom: 10px;
    display: block;
}
.maps-legend-text img.direction-icon {
    width: 40px;
}
.maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.of-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    font-size: 28px;
    width: 60%;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Our Office */
.our-office-row {
    padding-top: 100px;
}

/* Our Location */
.ourlocation-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.legends-ipad .maps-legend-text p {
     margin-bottom: 50px !important;
}
.legends-ipad .maps-legend-text p img {
     vertical-align: middle;
    padding-right: 20px;
    width: 150px;
    width: 220px;
    padding-bottom: 10px;
    display: block;
}
.maps-legend-text img.direction-icon {
    width: 40px;
}
.maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.of-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Our Office */
.our-office-row {
    padding-top: 70px;
}

/* Our Location */
.ourlocation-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.maps-legend-text {
    margin-bottom: 50px !important;
}
.legends-ipad .maps-legend-text p img {
    vertical-align: middle;
    padding-bottom: 10px;
    display: block !important;
    width: 220px;
    padding-bottom: 10px;
}
.maps-legend-text img.direction-icon {
    width: 40px;
}
.maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.of-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Our Office */
.our-office-row {
    padding-top: 70px;
}

/* Our Location */
.ourlocation-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.maps-legend-text {
    margin-bottom: 40px !important;
}
.legends-ipad .maps-legend-text p img {
    vertical-align: middle;
    padding-bottom: 10px;
    display: block !important;
    width: 220px;
    padding-bottom: 10px;
}
.maps-legend-text img.direction-icon {
    width: 40px;
}
.maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.of-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Our Office */
.our-office-row {
    padding-top: 70px;
}

/* Our Location */
.ourlocation-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.maps-legend-text {
    margin-bottom: 50px !important;
}
.legends-ipad .maps-legend-text p img {
    vertical-align: middle;
    padding-bottom: 10px;
    display: block !important;
    width: 220px;
    padding-bottom: 10px;
}
.maps-legend-text img.direction-icon {
    width: 40px;
}
.maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.of-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.of-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #1b8ecf;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}

/* Our Office */
.our-office-row {
    padding-top: 70px;
}

/* Our Location */
.ourlocation-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
.maps-row-desktop {
    display: none;
}
.legends-ipad {
    margin-top: 30px;
}
.legends-ipad .legends-title {
    margin-bottom: 20px !important;
}
.maps-legend-text {
    margin-bottom: 50px !important;
}
.legends-ipad .maps-legend-text p img {
    vertical-align: middle;
    padding-bottom: 10px;
    display: block !important;
    width: 220px;
    padding-bottom: 10px;
}
.maps-legend-text img.direction-icon {
    width: 40px;
}
.maps-legend-text p {
    vertical-align: middle;
    display: inline;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ------------------------------------------------------------------- */
/* ------------------------- FORM VERSION 2  ---------------------- */
/* ------------------------------------------------------------------- */
/* ######### GENERAL FEEDBACK 2 ######### */
/*General Feedback Form */
.general-feedback-row.gf-form-ver2 {
    padding-top: 200px;
    padding-bottom: 200px;
}
.general-feedback-row.gf-form-ver2 form {
    margin-top: 30px;
}
.general-feedback-row.gf-form-ver2 .wpcf7 p {
    margin-bottom: 0 !important;
}
.general-feedback-row.gf-form-ver2 .label-your-name,
.general-feedback-row.gf-form-ver2 .label-your-email,
.general-feedback-row.gf-form-ver2 .label-your-mobile,
.general-feedback-row.gf-form-ver2 .label-your-subject,
.general-feedback-row.gf-form-ver2 .label-your-message {
    margin-top: 20px !important;
}
.general-feedback-row.gf-form-ver2 .label-your-name,
.general-feedback-row.gf-form-ver2 .label-your-email,
.general-feedback-row.gf-form-ver2 .label-your-mobile {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.general-feedback-row.gf-form-ver2 input[type='text'],
.general-feedback-row.gf-form-ver2 input[type='email'],
.general-feedback-row.gf-form-ver2 input[type='tel'],
.general-feedback-row.gf-form-ver2 textarea {
    color: #1b8ece !important;
    transition: ease all .3s;
    margin-top: 5px !important;
}
.general-feedback-row.gf-form-ver2 input[type='text']:focus,
.general-feedback-row.gf-form-ver2 input[type='email']:focus,
.general-feedback-row.gf-form-ver2 input[type='tel']:focus,
.general-feedback-row.gf-form-ver2 textarea:focus  {
    border: solid 1px #1b8ece !important;
    background-color: rgba(27, 142, 206, 0.1) !important;
}
.general-feedback-row.gf-form-ver2 input[type='submit'] {
    margin-top: 20px;
}
.general-feedback-row.gf-form-ver2 .general-feedback-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
    font-size: 25px;
}

/* Media Query */
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
.general-feedback-row.gf-form-ver2 .label-your-name, 
.general-feedback-row.gf-form-ver2 .label-your-email {
     width: 49.7%;
}
.general-feedback-row.gf-form-ver2 .label-your-mobile {
     width: 100%;
}
}
@media only screen and (max-width: 1000px) {
.general-feedback-row.gf-form-ver2 .label-your-name, 
.general-feedback-row.gf-form-ver2 .label-your-email,
.general-feedback-row.gf-form-ver2 .label-your-mobile {
     width: 100%;
}
}

/* ######### PROPERTY / PROJECT ENQUIRY 2 ######### */
/* PPE Form */
.ppe-row.ppe-form-ver2 {
    padding-top: 200px;
    padding-bottom: 200px;
}
.ppe-row.ppe-form-ver2 form {
    margin-top: 30px;
}
.ppe-row.ppe-form-ver2 .wpcf7 p {
    margin-bottom: 0 !important;
}
.ppe-row.ppe-form-ver2 .label-your-name,
.ppe-row.ppe-form-ver2 .label-your-email,
.ppe-row.ppe-form-ver2 .label-your-mobile,
.ppe-row.ppe-form-ver2 .label-your-subject,
.ppe-row.ppe-form-ver2 .label-your-message {
    margin-top: 20px !important;
}
.ppe-row.ppe-form-ver2 .label-your-name,
.ppe-row.ppe-form-ver2 .label-your-email,
.ppe-row.ppe-form-ver2 .label-your-mobile {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.ppe-row.ppe-form-ver2 input[type='text'],
.ppe-row.ppe-form-ver2 input[type='email'],
.ppe-row.ppe-form-ver2 input[type='tel'],
.ppe-row.ppe-form-ver2 textarea {
    color: #1b8ece !important;
    transition: ease all .3s;
    margin-top: 5px !important;
}
.ppe-row.ppe-form-ver2 input[type='text']:focus,
.ppe-row.ppe-form-ver2 input[type='email']:focus,
.ppe-row.ppe-form-ver2 input[type='tel']:focus,
.ppe-row.ppe-form-ver2 textarea:focus  {
    border: solid 1px #1b8ece !important;
    background-color: rgba(27, 142, 206, 0.1) !important;
}
.ppe-row.ppe-form-ver2 input[type='submit'] {
    margin-top: 20px;
}
.ppe-row.ppe-form-ver2 .ppe-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
    font-size: 25px;
}

/* Media Query */
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
.ppe-row.ppe-form-ver2 .label-your-name, 
.ppe-row.ppe-form-ver2 .label-your-email {
     width: 49.7%;
}
.ppe-row.ppe-form-ver2 .label-your-mobile {
     width: 100%;
}
}
@media only screen and (max-width: 1000px) {
.ppe-row.ppe-form-ver2 .label-your-name, 
.ppe-row.ppe-form-ver2 .label-your-email,
.ppe-row.ppe-form-ver2 .label-your-mobile {
     width: 100%;
}
}

/* ######### WHISTLEBLOWING 2 ######### */
/* PPE Form */
.whistleblowing-row.wb-form-ver2 {
    padding-top: 200px;
    padding-bottom: 200px;
}
.whistleblowing-row.wb-form-ver2 form {
    margin-top: 30px;
}
.whistleblowing-row.wb-form-ver2 .wpcf7 p {
    margin-bottom: 0 !important;
}
.whistleblowing-row.wb-form-ver2 .label-your-name,
.whistleblowing-row.wb-form-ver2 .label-your-email,
.whistleblowing-row.wb-form-ver2 .label-your-mobile,
.whistleblowing-row.wb-form-ver2 .label-your-subject,
.whistleblowing-row.wb-form-ver2 .label-your-message {
    margin-top: 20px !important;
}
.whistleblowing-row.wb-form-ver2 input[type='text'],
.whistleblowing-row.wb-form-ver2 input[type='email'],
.whistleblowing-row.wb-form-ver2 input[type='tel'],
.whistleblowing-row.wb-form-ver2 textarea {
    color: #1b8ece !important;
    transition: ease all .3s;
    margin-top: 5px !important;
}
.whistleblowing-row.wb-form-ver2 input[type='text']:focus,
.whistleblowing-row.wb-form-ver2 input[type='email']:focus,
.whistleblowing-row.wb-form-ver2 input[type='tel']:focus,
.whistleblowing-row.wb-form-ver2 textarea:focus  {
    border: solid 1px #1b8ece !important;
    background-color: rgba(27, 142, 206, 0.1) !important;
}
.whistleblowing-row.wb-form-ver2 input[type='submit'] {
    margin-top: 20px;
}
.whistleblowing-row.wb-form-ver2 .whistleblowing-blue-title p {
    color: #40a836;
    margin-bottom: 10px;
    font-size: 25px;
}

/* ######### CAREER APPLICATION ######### */
.careercentre-row {
    padding-bottom: 200px;
}
/* Now Hiring */
.careercentre-info h3 {
    color: #068dcf;
    font-size: 20px;
    padding-bottom: 20px;
}
.careercentre-row h4.qode-title-holder {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ffffff;
    color: #1a1739;
    font-weight: 600;
}
/* Contact form */
.careercentre-row.ca-form-ver2 .label-your-dob,
.careercentre-row.ca-form-ver2 .label-your-mobile-no,
.careercentre-row.ca-form-ver2 .label-your-email,
.careercentre-row.ca-form-ver2 .label-your-position,
.careercentre-row.ca-form-ver2 .label-your-current-salary,
.careercentre-row.ca-form-ver2 .label-your-expected-salary,
.careercentre-row.ca-form-ver2 .label-your-resume {
    margin-top: 20px !important;
}
.careercentre-row.ca-form-ver2 input,
.careercentre-row.ca-form-ver2 select {
    margin-top: 5px !important;
}
.careercentre-row.ca-form-ver2 input[type='text'],
.careercentre-row.ca-form-ver2 input[type='email'],
.careercentre-row.ca-form-ver2 input[type='tel'] {
    color: #1b8ece !important;
    transition: ease all .3s;
    margin-top: 5px !important;
}
.careercentre-row.ca-form-ver2 input[type='text']:focus,
.careercentre-row.ca-form-ver2 input[type='date']:focus,
.careercentre-row.ca-form-ver2 input[type='email']:focus,
.careercentre-row.ca-form-ver2 input[type='tel']:focus,
.careercentre-row.ca-form-ver2 select:focus  {
    border: solid 1px #1b8ece !important;
    background-color: rgba(27, 142, 206, 0.1) !important;
}
.careercentre-row.ca-form-ver2 input[type='submit'] {
    margin-top: 20px;
}

/* NEWSLETTER & NEW LAUNCH */
/* NNL Form */
.newsletter-launch-form-row.nws-form-ver2 {
    padding-top: 200px;
    padding-bottom: 200px;
}
.newsletter-launch-form-row.nws-form-ver2 .nws-col1 input[type='text'],
.newsletter-launch-form-row.nws-form-ver2 .nws-col1 input[type='tel'],
.newsletter-launch-form-row.nws-form-ver2 .nws-col1 input[type='email'],
.newsletter-launch-form-row.nws-form-ver2 .nws-col1 select,
.newsletter-launch-form-row.nws-form-ver2 .nws-col1 textarea {
    margin-top: 5px !important;
}
.newsletter-launch-form-row.nws-form-ver2 .label-your-name,
.newsletter-launch-form-row.nws-form-ver2 .label-your-ic,
.newsletter-launch-form-row.nws-form-ver2 .label-your-occupation {
    margin-top: 40px !important;
}
.newsletter-launch-form-row.nws-form-ver2 .label-your-nationality,
.newsletter-launch-form-row.nws-form-ver2 .label-your-marital-status,
.newsletter-launch-form-row.nws-form-ver2 .label-your-address,
.newsletter-launch-form-row.nws-form-ver2 .label-your-fax,
.newsletter-launch-form-row.nws-form-ver2 .label-your-home-tel,
.newsletter-launch-form-row.nws-form-ver2 .label-your-mobile-tel,
.newsletter-launch-form-row.nws-form-ver2 .label-your-office-tel,
.newsletter-launch-form-row.nws-form-ver2 .label-your-email {
    margin-top: 10px !important;
}
.newsletter-launch-form-row.nws-form-ver2 .label-your-postcode {
    margin-top: 30px !important;
}
.newsletter-launch-form-row.nws-form-ver2 .label-your-ic span.wpcf7-not-valid-tip {
     font-size: 0px;
}
.newsletter-launch-form-row.nws-form-ver2 .label-your-ic span.wpcf7-not-valid-tip:after {
    content: 'Your IC / Passport number is invalid';
    color: red;
    font-size: 14px;
}


/* Media query */
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
.newsletter-launch-form-row.nws-form-ver2 .label-your-name,
.newsletter-launch-form-row.nws-form-ver2 .label-your-ic {
    margin-top: 40px !important;
}
.newsletter-launch-form-row.nws-form-ver2 .label-your-occupation,
.newsletter-launch-form-row.nws-form-ver2 .label-your-nationality,
.newsletter-launch-form-row.nws-form-ver2 .label-your-marital-status,
.newsletter-launch-form-row.nws-form-ver2 .label-your-address,
.newsletter-launch-form-row.nws-form-ver2 .label-your-fax,
.newsletter-launch-form-row.nws-form-ver2 .label-your-home-tel,
.newsletter-launch-form-row.nws-form-ver2 .label-your-mobile-tel,
.newsletter-launch-form-row.nws-form-ver2 .label-your-office-tel,
.newsletter-launch-form-row.nws-form-ver2 .label-your-email {
    margin-top: 10px !important;
}
}

@media only screen and (max-width: 1000px) {
.newsletter-launch-form-row.nws-form-ver2 .label-your-name {
    margin-top: 40px !important;
}
.newsletter-launch-form-row.nws-form-ver2 .label-your-ic,
.newsletter-launch-form-row.nws-form-ver2 .label-your-occupation,
.newsletter-launch-form-row.nws-form-ver2 .label-your-nationality,
.newsletter-launch-form-row.nws-form-ver2 .label-your-marital-status,
.newsletter-launch-form-row.nws-form-ver2 .label-your-address,
.newsletter-launch-form-row.nws-form-ver2 .label-your-fax,
.newsletter-launch-form-row.nws-form-ver2 .label-your-home-tel,
.newsletter-launch-form-row.nws-form-ver2 .label-your-mobile-tel,
.newsletter-launch-form-row.nws-form-ver2 .label-your-office-tel,
.newsletter-launch-form-row.nws-form-ver2 .label-your-email {
    margin-top: 10px !important;
}
}
/* ------------------------------------------------------------------- */


/* ######### PRIVACY POLICY ######### */
/* ---Header title ---*/
.pp-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.pp-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.pp-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Description */
.privacypolicy-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.privacypolicy-title p {
    color: #1b8ece;
    margin-bottom: 10px !important;
    font-size: 20px;
}
.privacypolicy-inner-row p a {
    color: #1a1938;
    transition: ease all .3s;
}
.privacypolicy-inner-row p a:hover {
    color: #f7b708;
}
.privacypolicy-inner-row:not(:last-child) {
    margin-bottom: 50px !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR PRIVACY POLICY */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.pp-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.pp-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.pp-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.pp-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title header --- */
.pp-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title header --- */
.pp-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1025px) and (max-width: 1120px) {
/* Title header --- */
.pp-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1021px) and (max-width: 1024px) {
/* Title header --- */
.pp-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.pp-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 12%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.pp-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.pp-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title header --- */
.pp-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}
/* Description */
.privacypolicy-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title header --- */
.pp-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}
/* Description */
.privacypolicy-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.pp-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}
/* Description */
.privacypolicy-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.pp-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 60%;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.privacypolicy-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.pp-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 60%;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.privacypolicy-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.pp-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.privacypolicy-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.pp-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.privacypolicy-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.pp-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.privacypolicy-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.pp-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.pp-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.privacypolicy-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### TERMS OF USE ######### */
/* ---Header title ---*/
.tou-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.tou-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.tou-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Description */
.termsofuse-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.termsofuse-title p {
    color: #1b8ece;
    margin-bottom: 10px !important;
    font-size: 20px;
}
.termsofuse-inner-row p a {
    color: #1a1938;
    transition: ease all .3s;
}
.termsofuse-inner-row p a:hover {
    color: #f7b708;
}
.termsofuse-inner-row:not(:last-child) {
    margin-bottom: 50px !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR TERMS OF USE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.tou-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.tou-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.tou-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.tou-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title header --- */
.tou-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title header --- */
.tou-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1025px) and (max-width: 1120px) {
/* Title header --- */
.tou-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1021px) and (max-width: 1024px) {
/* Title header --- */
.tou-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.tou-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 12%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.tou-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.tou-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title header --- */
.tou-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}
/* Description */
.termsofuse-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title header --- */
.tou-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}
/* Description */
.termsofuse-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.tou-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}
/* Description */
.termsofuse-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.tou-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 60%;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.termsofuse-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.tou-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 60%;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.termsofuse-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.tou-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.termsofuse-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.tou-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.termsofuse-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.tou-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.termsofuse-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.tou-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.tou-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.termsofuse-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### DISCLAIMER ######### */
/* ---Header title ---*/
.disclaimer-header-title {
     height: 550px;
     min-height: 550px;
     max-height: 550px;
}

/* set title to be in the middle of a box */
.disclaimer-header-title .section_inner.clearfix {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.disclaimer-header-title h2 {
    left: 82px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}

/* Description */
.disclaimer-row {
    padding-top: 200px;
    padding-bottom: 200px;
}
.disclaimer-title p {
    color: #1b8ece;
    margin-bottom: 10px !important;
    font-size: 20px;
}
.disclaimer-inner-row p a {
    color: #1a1938;
    transition: ease all .3s;
}
.disclaimer-inner-row p a:hover {
    color: #f7b708;
}
.disclaimer-inner-row:not(:last-child) {
    margin-bottom: 50px !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR DISCLAIMER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1621px) and (max-width: 1750px) {
/* Title header --- */
.disclaimer-header-title {
    height: 500px;
    min-height: 400px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1500px) and (max-width: 1620px) {
/* Title header --- */
.disclaimer-header-title {
    height: 460px;
    min-height: 300px;
    max-height: 550px;
}
}

@media only screen and (min-width: 1371px) and (max-width: 1499px) {
/* Title header --- */
.disclaimer-header-title {
    height: 430px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1241px) and (max-width: 1370px) {
/* Title header --- */
.disclaimer-header-title {
    height: 390px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 140px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1201px) and (max-width: 1240px) {
/* Title header --- */
.disclaimer-header-title {
    height: 340px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 60px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
/* Title header --- */
.disclaimer-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -o-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    -ms-clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 100% 0%, 93.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1025px) and (max-width: 1120px) {
/* Title header --- */
.disclaimer-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1021px) and (max-width: 1024px) {
/* Title header --- */
.disclaimer-header-title {
    height: 320px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 60px;
    font-size: 35px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 1001px) and (max-width: 1020px) {
/* Title header --- */
.disclaimer-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 12%;
    font-size: 30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -o-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    -ms-clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
    clip-path: polygon(7.5% 0, 100% 0%, 92.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
/* Title header --- */
.disclaimer-header-title {
    height: 280px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
/* Title header --- */
.disclaimer-header-title {
    height: 240px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 50px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -o-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    -ms-clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
    clip-path: polygon(8.5% 0, 100% 0%, 91.5% 100%, 0% 100%);
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Title header --- */
.disclaimer-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}
/* Description */
.disclaimer-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
/* Title header --- */
.disclaimer-header-title {
    height: 220px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}
/* Description */
.disclaimer-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
/* Title header --- */
.disclaimer-header-title {
    height: 190px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 40px;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 40%;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -o-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    -ms-clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
    clip-path: polygon(9.5% 0, 100% 0%, 90.5% 100%, 0% 100%);
}
/* Description */
.disclaimer-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 541px) and (max-width: 600px) {
/* Title header --- */
.disclaimer-header-title {
    height: 170px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 60%;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.disclaimer-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 481px) and (max-width: 540px) {
/* Title header --- */
.disclaimer-header-title {
    height: 150px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    font-size: 28px;
    width: 60%;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.disclaimer-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
/* Title header --- */
.disclaimer-header-title {
    height: 140px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: -30px;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.disclaimer-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 371px) and (max-width: 420px) {
/* Title header --- */
.disclaimer-header-title {
    height: 120px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.disclaimer-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
/* Title header --- */
.disclaimer-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.disclaimer-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}

@media only screen and (max-width: 320px) {
/* Title header --- */
.disclaimer-header-title {
    height: 100px;
    min-height: unset;
    max-height: unset;
}
.disclaimer-header-title h2 {
    left: 0;
    position: relative;
    background-color: white;
    color: #40a836;
    width: 70%;
    font-size: 25px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    display: flex;
    -webkit-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -o-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    -ms-clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
    clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);
}
/* Description */
.disclaimer-row {
    padding-top: 70px;
    padding-bottom: 70px;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### BLOG SINGLE POST ######### */
.blog_single.blog_holder .author_name.vcard.author {
    color: #1a1938;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR BLOG SINGLE POST */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### NEWSLETTER ######### */
.footer-newsletter .newsletter-image,
.footer-newsletter .newsletter-title {
     display: inline-block;
     vertical-align: middle;
}

.footer-newsletter .newsletter-title h3,
.footer-newsletter .newsletter-title p {
     color: #fff;
}

.footer-newsletter-inner-row .section_inner.clearfix {
    background-color: #1a1938;
    padding: 30px 100px;
    -webkit-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -o-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    -ms-clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

.footer-newsletter-inner-row input[type='email'] {
    transform: skewX(-15deg);
}

.footer-newsletter-inner-row input[type='submit'] {
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 50%;
    display: inline-block;
}

.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 40%;
    display: inline-block;
    left: -20px;
    position: relative;
}

/*.footer-newsletter-inner-row .newsletter-form .form-submit-button{
    font-family:Nevo; 
}

.footer-newsletter-inner-row .newsletter-form .form-submit-button .fa-angle-double-right:before {
    content: '\f101';
    font-family:FontAwesome!important;
}*/

.footer-newsletter-inner-row .newsletter-form .submit-button input[type="submit"] {
    transition: ease all .3s;
}

.footer-newsletter-inner-row .newsletter-form .submit-button input[type="submit"]:hover {
    background-color: #40a836;
    border-color: #40a836;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR NEWSLETTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 1201px) and (max-width: 1600px) {
.footer-newsletter-inner-row .section_inner.clearfix {
     width: 80%;
}
.footer-newsletter-inner-row .wpb_column.vc_column_container.vc_col-sm-4 {
     width: 50%;
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 50% !important;
}
.footer-newsletter-inner-row .newsletter-form {
     width: 50% !important;
    margin-top: 2%;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 49%;
    display: inline-block;
    left: -20px;
    vertical-align: top;
    position: relative;
}
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
.footer-newsletter-inner-row .section_inner.clearfix {
     width: 75%;
    background-color: #1a1938;
    padding: 30px 100px;
    -webkit-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    -o-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    -ms-clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
    clip-path: polygon(3.5% 0, 100% 0%, 96.5% 100%, 0% 100%);
}
.footer-newsletter-inner-row .wpb_column.vc_column_container.vc_col-sm-4 {
     width: 50%;
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 50% !important;
}
.footer-newsletter-inner-row .newsletter-form {
     width: 50% !important;
    margin-top: 2%;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 30%;
    display: inline-block;
    left: -20px;
    vertical-align: top;
    position: relative;
}
.footer-newsletter-inner-row .newsletter-form input[type='submit'] {
    padding: 0 80px !important;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1120px) {
.footer-newsletter-inner-row .section_inner.clearfix {
     width: 75%;
    background-color: #1a1938;
    padding: 30px 100px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -o-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    -ms-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
}
.footer-newsletter-inner-row .wpb_column.vc_column_container.vc_col-sm-4 {
     width: 100%;
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form {
    margin-top: 2%;
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 30%;
    display: inline-block;
    left: -20px;
    vertical-align: top;
    position: relative;
}
.footer-newsletter-inner-row .newsletter-form input[type='submit'] {
    padding: 0 80px !important;
}
}

@media only screen and (min-width: 891px) and (max-width: 1000px) {
.footer-newsletter-inner-row .section_inner.clearfix {
    width: 75%;
    background-color: #1a1938;
    padding: 30px 100px;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}
.footer-newsletter-inner-row .wpb_column.vc_column_container.vc_col-sm-4 {
     width: 100%;
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form {
    margin-top: 2%;
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 30%;
    display: inline-block;
    left: -20px;
    vertical-align: top;
    position: relative;
}
.footer-newsletter-inner-row .newsletter-form input[type='submit'] {
    padding: 0 80px !important;
}
}

@media only screen and (min-width: 741px) and (max-width: 890px) {
.footer-newsletter-inner-row .section_inner.clearfix {
    width: 70%;
    background-color: #1a1938;
    padding: 30px 100px;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}
.footer-newsletter-inner-row .wpb_column.vc_column_container.vc_col-sm-4 {
     width: 100%;
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form {
    margin-top: 2%;
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 30%;
    display: inline-block;
    left: -20px;
    vertical-align: top;
    position: relative;
}
.footer-newsletter-inner-row .newsletter-form input[type='submit'] {
    padding: 0 80px !important;
}
}

@media only screen and (min-width: 611px) and (max-width: 740px) {
.footer-newsletter-inner-row .section_inner.clearfix {
    width: 65%;
    background-color: #1a1938;
    padding: 30px 100px;
    -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form {
    margin-top: 2%;
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 30%;
    display: inline-block;
    left: -20px;
    vertical-align: top;
    position: relative;
}
.footer-newsletter-inner-row .newsletter-form input[type='submit'] {
    padding: 0 80px !important;
}
}

@media only screen and (min-width: 511px) and (max-width: 610px) {
.footer-newsletter-inner-row .section_inner.clearfix {
    width: 100%;
    background-color: #1a1938;
    padding: 30px;
    -webkit-clip-path: none;
    -o-clip-path: none;
    -ms-clip-path: none;
    clip-path: none;
}
.footer-newsletter .newsletter-title h3 {
    font-size: 28px;
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form {
    margin-top: 2%;
    width: 90% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 30%;
    display: inline-block;
    left: -20px;
    vertical-align: top;
    position: relative;
}
.footer-newsletter-inner-row .newsletter-form input[type='submit'] {
    padding: 0 70px !important;
}
}

@media only screen and (min-width: 421px) and (max-width: 510px) {
.footer-newsletter-inner-row .section_inner.clearfix {
    width: 100%;
    background-color: #1a1938;
    padding: 30px;
    -webkit-clip-path: none;
    -o-clip-path: none;
    -ms-clip-path: none;
    clip-path: none;
}
.footer-newsletter .newsletter-title h3 {
    font-size: 28px;
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form {
    margin-top: 2%;
    width: 85% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 30%;
    display: inline-block;
    left: -20px;
    vertical-align: top;
    position: relative;
}
.footer-newsletter-inner-row .newsletter-form input[type='submit'] {
    padding: 0 50px !important;
}
}

@media only screen and (min-width: 391px) and (max-width: 420px) {
.footer-newsletter-inner-row .section_inner.clearfix {
    width: 100%;
    background-color: #1a1938;
    padding: 30px;
    -webkit-clip-path: none;
    -o-clip-path: none;
    -ms-clip-path: none;
    clip-path: none;
}
.footer-newsletter-inner-row .footer-newsletter-title .newsletter-image img {
    max-width: 80%;
}
.footer-newsletter .newsletter-title h3 {
    font-size: 24px;
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form {
    margin-top: 2%;
    width: 85% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 30%;
    display: inline-block;
    left: -20px;
    vertical-align: top;
    position: relative;
}
.footer-newsletter-inner-row .newsletter-form input[type='submit'] {
    padding: 0 50px !important;
}
}

@media only screen and (min-width: 341px) and (max-width: 390px) {
.footer-newsletter-inner-row .section_inner.clearfix {
    width: 100%;
    background-color: #1a1938;
    padding: 30px;
    -webkit-clip-path: none;
    -o-clip-path: none;
    -ms-clip-path: none;
    clip-path: none;
}
.footer-newsletter-inner-row .newsletter-image img {
    max-width: 60%;
}
.footer-newsletter .newsletter-title h3 {
    font-size: 20px;
}
.footer-newsletter .newsletter-title p {
    font-size: 13px;
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form {
    margin-top: 2%;
    width: 85% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 100%;
    display: block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 100%;
    left: 0;
    vertical-align: top;
    position: relative;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-newsletter-inner-row .newsletter-form input[type='submit'] {
    padding: 0 100px !important;
}
}

@media only screen and (max-width: 340px) {
.footer-newsletter-inner-row .section_inner.clearfix {
    width: 100%;
    background-color: #1a1938;
    padding: 30px 20px;
    -webkit-clip-path: none;
    -o-clip-path: none;
    -ms-clip-path: none;
    clip-path: none;
}
.footer-newsletter-inner-row .newsletter-image img {
    max-width: 60%;
}
.footer-newsletter .newsletter-title h3 {
    font-size: 18px;
}
.footer-newsletter .newsletter-title p {
    font-size: 12px;
}
.footer-newsletter-inner-row .footer-newsletter-title {
    width: 100% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form {
    margin-top: 2%;
    width: 85% !important;
    display: block;
}
.footer-newsletter-inner-row .newsletter-form .input-form {
    width: 100%;
    display: block;
    vertical-align: top;
}
.footer-newsletter-inner-row .newsletter-form input[type='email'] {
    margin-top: 0;
}
.footer-newsletter-inner-row .newsletter-form .submit-button {
    width: 100%;
    left: 0;
    vertical-align: top;
    position: relative;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-newsletter-inner-row .newsletter-form input[type='submit'] {
    padding: 0 100px !important;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ######### FOOTER ######### */
.footer-main {
    margin-top: -5px;
    padding-top: 50px;
    background-position: top center;
}
.footer-main .main-footer-col1 {
     width: 40%;
}

.footer-main .main-footer-col2 {
     width: 18.33333%;
}

.footer-main .main-footer-col3 {
     width: 18.33333%;
}

.footer-main .main-footer-col4 {
     width: 18.33333%;
}

.footer-main .main-footer-col5 {
    width: 50%;
    padding-top: 50px;
    border-top: solid 1px rgba(255,255,255,0.2);
    margin-top: 50px;
}

/* Logo - smaller size */
.main-footer-col1 .wpb_single_image img {
    width: 70%;
}

.footer-main .main-footer-col1 .contactus-address1 {
    margin-top: 40px;
    margin-bottom: 15px !important;
}

.footer-main .main-footer-col1 .contactus-address1 p,
.footer-main .main-footer-col1 .contactus-address2 p {
     color: #fff;
}

.footer-main .main-footer-col1 .contactus-tel p,
.footer-main .main-footer-col1 .contactus-fax p,
.footer-main .main-footer-col1 .contactus-email p {
     color: #fff;
     margin-top: 20px !important;
}

.footer-main .main-footer-col1 .contactus-tel a,
.footer-main .main-footer-col1 .contactus-fax a,
.footer-main .main-footer-col1 .contactus-email a {
     color: #fff;
     transition: ease all .3s;
}

.main-footer-row1 h4 {
    padding-bottom: 20px;
}

.footer-main .main-footer-col2 p, .footer-main .main-footer-col2 a,
.footer-main .main-footer-col3 p, .footer-main .main-footer-col3 a,
.footer-main .main-footer-col4 p, .footer-main .main-footer-col4 a,
.footer-main .main-footer-col5 p, .footer-main .main-footer-col5 a {
    color: #fff;
    margin-bottom: 5px;
}

.footer-main .main-footer-col1 a:hover,
.footer-main .main-footer-col2 a:hover,
.footer-main .main-footer-col3 a:hover,
.footer-main .main-footer-col4 a:hover {
    color: #f7b708;
}

.footer-main .main-footer-col2 .footer-ourbrands-col p {
    padding-bottom: 10px;
}

.footer-main .main-footer-col5 a.socmed-fb img {
    filter: grayscale(100%) invert(1000%) brightness(200%);
    -webkit-filter: grayscale(100%) invert(1000%) brightness(200%);
    -moz-filter: grayscale(100%) invert(1000%) brightness(200%);
    -o-filter: grayscale(100%) invert(1000%) brightness(200%);
    -ms-filter: grayscale(100%) invert(1000%) brightness(200%);
    transition: ease all 0.3s;
}
.footer-main .main-footer-col5 a.socmed-twitter img {
    filter: grayscale(100%) invert(1000%) brightness(300%);
    -webkit-filter: grayscale(100%) invert(1000%) brightness(300%);
    -moz-filter: grayscale(100%) invert(1000%) brightness(300%);
    -o-filter: grayscale(100%) invert(1000%) brightness(300%);
    -ms-filter: grayscale(100%) invert(1000%) brightness(300%);
    transition: ease all 0.3s;
}

.footer-main .main-footer-col5 a:hover img {
    filter: initial;
    -webkit-filter: initial;
    -moz-filter: initial;
    -o-filter: initial;
    -ms-filter: initial;
}

/* Footer Bottom */
.footer-bottom {
padding-bottom: 30px;
}

.footer-bottom p, .footer-bottom a {
    color: #fff;
}

.footer-bottom a:hover {
    color: #f7b708;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Main footer ------------------------------------ */
@media only screen and (min-width: 1021px) and (max-width: 1200px) {
.footer-main .main-footer-col2 {
     width: 20%;
    padding-top: 35px;
}
.footer-main .main-footer-col3 {
     width: 20%;
    padding-top: 35px;
}
.footer-main .main-footer-col4 {
     width: 20%;
    padding-top: 35px;
}
}

@media only screen and (min-width: 769px) and (max-width: 1020px) {
.footer-main {
    margin-top: -5px;
}
.footer-main .main-footer-col1 {
    width: 40%;
    height: 500px;
    border-right: solid 1px rgba(255,255,255,0.2);
}
.footer-main .main-footer-col2 {
    width: 30%;
    padding-top: 35px;
    height: 250px;
}
.footer-main .main-footer-col3 {
    width: 30%;
    padding-top: 35px;
    height: 250px;
}
.footer-main .main-footer-col4 {
    width: 30%;
    padding-top: 35px;
}
.footer-main .main-footer-col5 {
    width: 30%;
    padding-top: 35px;
    border-top: 0;
    margin-top: 0;
}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
.footer-main {
    margin-top: -5px;
}
.footer-main .main-footer-col1 {
    width: 100% !important;
}
.footer-main .main-footer-col2 {
    width: 49% !important;
    border-left: solid 1px rgba(255,255,255,0.2);
    height: 200px;
    margin-top: 50px;
    display: inline-block;
    vertical-align: top;
    padding: 1%;
}
.footer-main .main-footer-col3 {
    width: 49% !important;
    border-left: solid 1px rgba(255,255,255,0.2);
    height: 200px;
    margin-top: 50px;
    display: inline-block;
    vertical-align: top;
    padding: 1%;
}
.footer-main .main-footer-col4 {
    width: 49% !important;
    border-left: solid 1px rgba(255,255,255,0.2);
    height: 200px;
    margin-top: 30px;
    display: inline-block;
    vertical-align: top;
    padding: 1%;
}
.footer-main .main-footer-col5 {
    width: 49% !important;
    border-left: solid 1px rgba(255,255,255,0.2);
    border-top: 0;
    padding-top: 0;
    height: 200px;
    margin-top: 30px;
    display: inline-block;
    vertical-align: top;
    padding: 1%;
}
}

@media only screen and (max-width: 480px) {
.footer-main {
    margin-top: -5px;
}
.footer-main .main-footer-col1 {
    width: 100% !important;
}
.footer-main .main-footer-col2 {
    width: 100% !important;
    border-left: solid 1px rgba(255,255,255,0.2);
    height: unset;
    margin-top: 30px;
}
.footer-main .main-footer-col3 {
    width: 100% !important;
    border-left: solid 1px rgba(255,255,255,0.2);
    margin-top: 30px;
}
.footer-main .main-footer-col4 {
    width: 100% !important;
    border-left: solid 1px rgba(255,255,255,0.2);
    margin-top: 30px;
}
.footer-main .main-footer-col5 {
    width: 100% !important;
    border-left: solid 1px rgba(255,255,255,0.2);
    border-top: 0;
    padding-top: 0;
    margin-top: 30px;
}
}
/* end main footer ------------------------------------ */

/* Bottom footer ------------------------------------ */
@media only screen and (min-width: 1201px) {
.footer-bottom p br {
     display: none;
}
}

@media only screen and (min-width: 769px) and (max-width: 1499px) {
.footer-bottom p {
     font-size: 14px;
}
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
.footer-bottom p {
     font-size: 14px;
}
.footer-bottom .vc_col-sm-6 {
     width: 100%;
}
.footer-bottom .vc_col-sm-6 p {
     text-align: center !important;
}
.footer-bottom p br {
     display: none;
}
}

@media only screen and (min-width: 481px) and (max-width: 600px) {
.footer-bottom p {
     font-size: 14px;
}
.footer-bottom .vc_col-sm-6 {
     width: 100%;
}
.footer-bottom .vc_col-sm-6 p {
     text-align: center !important;
}
}

@media only screen and (min-width: 441px) and (max-width: 480px) {
div.footer-main.grid_section .section_inner {
      width: 390px !important;
}
.footer-bottom p {
     font-size: 14px;
}
.footer-bottom .vc_col-sm-6 {
     width: 100%;
}
.footer-bottom .vc_col-sm-6 p {
     text-align: center !important;
}
}

@media only screen and (max-width: 440px) {
div.footer-main.grid_section .section_inner {
      width: 330px !important;
}
.footer-bottom p {
     font-size: 14px;
}
.footer-bottom .vc_col-sm-6 {
     width: 100%;
}
.footer-bottom .vc_col-sm-6 p {
     text-align: center !important;
}
.footer-bottom p br {
    display: none;
}
}



/***** SYERA TAMBAH ********/


/* Footer - Contact Details */
/* Break when screen too small */
.br-on-mobile {
    display: none;
}

@media only screen and (max-width:480px) {
.br-on-mobile {
    display: inherit;
  }
  
.sales-number{
    padding-left:30px;
  }
}

/* Our Milestone page */
.ourgoals-desc-row1 .ordered ol li{
    color: #1a1938;
}



/* What we do page */

.bullet:before {
  content:url('https://crescendo-dev.wddworks.my/core-files/uploads/2018/08/bullet-green.jpg');
  margin-right:10px;  
}
td.bullet {
    width:20%;
}
.corevaluesbullet {
    padding-bottom:20px;
}
.ourbusinessverticals-row1 {
         padding-bottom : 100px;
}


@media only screen and (max-width:768px) {

.ourbusinessverticals-img.wpb_column.vc_column_container{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
.ourbusinessverticals-row1{
    padding-bottom : 50px;
  }
.ourbusinessverticals-row2{
    padding-bottom : 70px;
  }
}

@media only screen and (max-width:480px){

.ourbusinessverticals-img.wpb_column.vc_column_container{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

.ourbusinessverticals-row1, ourbusinessverticals-row2{
    padding-bottom : 0px;
   }
.ourbusinessverticals-img.wpb_column.vc_column_container {
    padding-bottom : 50px;
  }
}

/*Corporate Video */

.services-corporate-video-content-desktop{
    padding-bottom: 200px;
}

.corporate-video-content-desktop{ 
    padding-bottom: 200px;
}

.corporate-video-content-desktop{ 
    padding-bottom: 100px;
}

.services-corporate-video-content-mobile{
    padding-bottom: 100px;
}

@media only screen and (min-width:769px) and (max-width:1920px){
.corporate-video-content-mobile{
     display:none;
   }
.services-corporate-video-content-mobile{
    display:none;
  }
}

@media only screen and (min-width:320px) and (max-width:768px){
.corporate-video-content-desktop{
     display:none;
   }
.services-corporate-video-content-desktop{
    display:none;
  }
}

@media only screen and (min-width:769px) and (max-width:1499px){
.corporate-video-content-desktop{
     background-position:center right !important;
  }
.services-corporate-video-content-desktop{
    background-position:center right !important;
  }
}

@media only screen and (min-width:320px) and (max-width:768px){
.corporate-video-content-mobile{
     background-position:center right !important;
  }
.services-corporate-video-content-mobile{
    background-position:center right !important;
  }
}


/* ######### 404 ######### */
.error404 header.scroll_header_top_area {
    background-color: #1a1838;
}

.page_not_found {
    margin-top: 300px;
    margin-bottom: 200px;
}

.page_not_found .qbutton.with-shadow {
    height: 50px;
    border: none;
    border-radius: 0;
    line-height: 50px;
    padding: 0 60px;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: capitalize;
    transition: ease all .5s;
    -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -o-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    -ms-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

.page_not_found .qbutton.with-shadow:hover {
    background-color: #40a836;
    border: none;
}

.contactus-reg-no p {
  color: #fff;
  font-size: 12px;
margin-bottom: 5%;
margin-top: -2%;
}

/*Career Form*/
.wpcf7-response-output {
  color: #000 !important;
}