/*-------------------------------*/
/*  HEADER */
/*-------------------------------*/
@media screen and (max-width: 991px) {
    .velogic-widthcontainer, .velogic-container > .vc_column-inner {
        max-width: 100% !important;
    }
    .velogic-header-container .velogic-widthcontainer {
        max-width: 100% !important;
    }
    .velogic-top-header {
        border-bottom: 1px solid #9c9c9c;
        text-align: center;
        padding: 15px 0;
        margin: 0 20px;
    }
    .velogic-top-header ul {
        padding: 0;
        margin: 0;
    }
    header {
        background: transparent !important;
    }
    header:after,
    .home header:after {
        height: 150px !important;
        background: #00000040;
        top: -8px;
        background: linear-gradient(to bottom, #000000 25%, #00000050 100%);
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        filter: blur(5px);
    }
    header:after {
        width: 100%;
        left: 0;
    }
    header.fixed-header:after {
        height: 150px !important;
        background: linear-gradient(to bottom, #000000 25%, #00000050 100%) !important;
    }
    .velogic-language-selector {
        padding-right: 0;
    }
    /* .velogic-header-container {
        background: #333b3f;
        border-radius: 10px;
        max-width: 90%;
        margin: 0 auto;
    } */
    .velogic-logo {
        padding-left: 20px;
        max-width: 170px;
    }
    .track-shipment {
        display: none;
    }
    .menu-hamburger {
        position: absolute;
        cursor: pointer;
        margin: auto;
        height: 17px;
        width: 25px;
        right: 20px;
        bottom: 0;
        top: 0;
    }
    .menu-hamburger span {
        position: absolute;
        height: 2px;
        width: 100%;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        transition: 0.2s ease-in-out;
    }
    .menu-hamburger span, 
    .menu-hamburger span.middle:after {
        background: #ffffff;
    }
    .menu-hamburger.active .top {
        left: initial;
        width: 0;
    }
    .menu-hamburger span.middle {
        transform-origin: center;
        margin: auto;
    }
    .menu-hamburger.active .middle {
        transform: rotate(45deg);
    }
    .menu-hamburger span.middle:after {
        position: absolute;
        display: block;
        content: '';
        height: 2px;
        width: 100%;
        transition: 0.2s ease-in-out;
    }
    .menu-hamburger.active .middle:after {
        transform: rotate(-90deg);
    }
    .menu-hamburger span.bottom {
        top: initial;
        bottom: 0;
    }
    .menu-hamburger.active .bottom {
        right: initial;
        width: 0;
    }
    .velogic-menu-container {
        background: #333b3f;
        border-radius: 10px;
        position: absolute;
        display: block;
        max-width: 90%;
        margin: 0 auto;
        top: 95px;
        right: 0;
        left: 0;
    }
    nav.navbar.navbar-expand-lg {
        padding: 20px 0;
    }
    .velogic-menu-wrapper ul {
        margin: 0;
    }
    .collapse.navbar-collapse {
        padding: 20px;
    }
    .body-overlay {
        position: relative;
        transition: 0.3s all ease-in-out;
    }
    .body-overlay:after {
        background: #000000c9;
        position: absolute;
        content: "";
        z-index: 1;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
    }
    .velogic-menu-container .navbar-collapse > ul.navbar-nav > li:not(:last-child) {
        margin-bottom: 15px;
    }
    .menu-container-items {
        float: inherit;
    }
    .velogic-menu-container .navbar-collapse > ul.navbar-nav > li {
        margin-right: 0;
    }
    .velogic-menu-container .navbar-collapse > ul.navbar-nav > li:hover > ul.dropdown-menu {
        background: transparent;
        border: none;
        border-bottom: 1px solid;
        border-top: 1px solid;
        border-radius: 0;
        margin-top: 20px;
        width: 100%;
        top: 0;
    }
    .velogic-menu-container .navbar-collapse > ul.navbar-nav > li:hover > ul.dropdown-menu {
        width: 100%;
    }
    .velogic-menu-container .navbar-collapse > ul.navbar-nav > li:hover > ul.dropdown-menu li:hover ul.dropdown-menu {
        padding: 15px 10px 0 20px;
        background: transparent;
        display: block;
        border: none;
        width: 100%;
        left: 0;
        top: 0;
    }
    .velogic-menu-container .navbar-collapse > ul.navbar-nav > li:hover > ul.dropdown-menu li:hover ul.dropdown-menu li {
        position: relative;
    }
    .velogic-menu-container .navbar-collapse > ul.navbar-nav > li:hover > ul.dropdown-menu li:hover ul.dropdown-menu li:before {
        background: #E64C30;
        border-radius: 50%;
        position: absolute;
        display: block;
        left: -20px;
        content: "";
        height: 6px;
        width: 6px;
        top: 9px;
    }
    .menu-item-has-children:before {
        display: none;
    }
    .velogic-menu-wrapper .navbar-collapse > ul > li > a::after {
        display: none;
    }
    .current-menu-parent a,
    .velogic-menu-container .navbar-collapse > ul.navbar-nav > li:hover ul.dropdown-menu .current-menu-item a{
        color: #E64C30 !important;
    }
    ul.language-dropdown-menu {
        padding: 7px 10px !important;
        bottom: -55px;
    }
    .velogic-language-selector button.btn.btn-default.dropdown-toggle:hover {
        outline: none !important;
    }
}
/*-------------------------------*/
/*  HOMEPAGE */
/*-------------------------------*/
@media screen and (min-width: 320px) and (max-width: 767px) {

    .employee-wrapper-login {
        padding-top: 10px;
    }
    .container {
        max-width: 100% !important;
    }
    .hp-banner {
        padding-top: 0;
    }
    .hp-banner > .wpb_column > .vc_column-inner > .wpb_wrapper {
        flex-direction: column-reverse;
        display: flex;
    }
    .homepage-intro-content {
        /* background: #025a92; */
        padding: 50px 0 90px;
        position: relative;
        z-index: inherit;
        max-width: 100%;
        top: -10px;
    }
    .homepage-intro-content .velogic-heading h2 {
        font-size: 30px;
    }
    .homepage-intro-content *,
    .homepage-intro-content .velogic-link-wrapper a{
        color: #404040 !important;
    }
    div#plane .homepage-video-wrapper:after, 
    div#truck .homepage-video-wrapper:after {
        display: none;
    }
    .hp-latest-news {
        margin-top: 40px;
        top: inherit;
    }
    .play-btn img {
        height: 50px;
    }
    .homepage-intro-content .velogic-heading,
    .homepage-intro-content .text-content-wrapper,  
    .popup-video-container {
        position: relative;
        z-index: 1;
    }
    .homepage-intro-content .text-content-wrapper {
        padding-top: 20px;
    }
    .homepage-video-container {
        position: absolute;
        top: 0;
    }
    .hp-right-col {
        padding-right: 15px;
        padding-top: 35px;
    }
    .hp-right-col .wpb_wrapper {
        float: inherit;
        width: 100%;
    }
    .hp-popup-video .popup-bgcolor, .hp-popup-video .popup-image-wrapper {
        height: 100%;
    }
    .homepage-video-wrapper video {
        object-position: -62px 60px;
        height: 450px;
    }
    div#plane .homepage-video-wrapper video {
        object-position: -230px;
        object-fit: cover;
    }
    .latest-news-excerpt p {
        font-size: 12px;
    }
    .latest-title-news h3 {
        font-size: 16px;
    }
    .latest-news-excerpt {
        max-width: 90%;
    }
    .latest-news-link.velogic-link-wrapper a {
        color: #fff !important;
    }
    .latest-news-post .slick-dots li button {
        background: #c2c2c291;
    }
    .latest-news-link.velogic-link-wrapper {
        margin-top: 30px;
    }    
    /* .popup-video-container {
        padding-right: 15px;
    } */
    .best-class-service-row {
        background: #343B3F;
        padding: 40px 20px;
        position: inherit;
        bottom: 0;
    }
    .best-class-service-row:after {
        background: #025e97;
        position: absolute;
        width: 100%;
        content: "";
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        -moz-filter: inherit;
        filter: inherit;
        margin-top: -10px;
    }
    .best-class-service-row .velogic-heading {
        margin-bottom: 20px;
    }
    .best-class-service-row .velogic-heading h2 {
        line-height: 45px !important;
    }
    .service-title-container {
        display: none;
    }
    .services-content-container {
        padding: 50px 5px 145px;
    }
    .services-content-container .slick-arrow {
        background: transparent;
        position: absolute;
        bottom: -95px;
        border: none;
        top: inherit;
        right: 50px;
        z-index: 1;
    }
    /* .services-content-container button.slick-prev.slick-arrow {
        left: inherit;
        right: 120px;
    } */
    .services-content-container .slick-arrow svg {
        width: 40px;
    }
    .service-title {
        padding-top: 15px;
    }
    .services-content-container .slick-slide img {
        display: inherit;
    }
    .service-btn-wrapper {
        align-items: center;
        display: flex;
    }
    .service-btn-wrapper a {
        width: 50%;
    }
    .service-btn-wrapper a.read-more {
        align-items: center;
        display: flex;
        height: 46px;
    }
    .velogic-counter-row > .velogic-container > .vc_column-inner {
        max-width: 100% !important;
    }
    .counter-description br {
        display: none;
    }
    .counter-first-row .counter-description {
        min-height: 70px;
    }
    .counter-first-row .vc_col-sm-4 {
        width: calc(100% / 3);
        float: left;
    }
    .counter-first-row .counter-pad-left-20 {
        padding-left: 0;
    }
    .velogic-counter-container {
        padding: 0 20px;
    }
    .counter-second-row .vc_col-sm-8 {
        float: left;
        width: 60%;
    }
    .counter-second-row .vc_col-sm-4 {
        float: left;
        width: 40%;
    }
    .counter-number {
        text-align: center;
    }
    .counter-number h2 {
        font-size: 30px;
    }
    .counter-description p {
        text-align: center;
        line-height: 15px;
        margin-bottom: 0;
        font-size: 10px;
    }
    .velogic-link a.read-more {
        font-size: 12px;
    }
    .counter-item-holder .read-more img {
        margin-left: 10px;
        width: 25px;
    }
    .counter-first-row,
    .counter-second-row {
        padding-top: 30px;
    }
    .velogic-counter-row.pad-100 {
        padding: 60px 0;
    }
    .pad-100 {
        padding: 60px 0;
    }
    .max-width-75, .width-75 > .vc_column-inner {
        max-width: 100% !important;
    }
    .velogic-social-wall .vc_col-sm-4 .vc_column-inner .wpb_wrapper {
        padding: 0 20px 40px;
    }
    
    .container-col.our-brands-logos .col {
        width: 100% !important;
    }
    .our-brands-row {
        padding-left: 20px;
        padding-right: 20px;
    }
    .container-col.our-brands-logos .col:nth-child(odd) {
        padding-right: 10px;
        padding-left: 0;
    }
    .container-col.our-brands-logos .col:nth-child(even) {
        padding-left: 10px;
        padding-right: 0;
    }
    .logo-text-content {
        padding-bottom: 30px;
    }
    .container-col.our-brands-logos {
        padding-top: 30px;
    }
    .brand-logo-text p {
        font-weight: 500;
        font-size: 14px;
    }
    .container-col.hp-learn-more-box .col {
        width: 100% !important;
    }
    .box-content-wrapper {
        padding-left: 15px;
        padding-bottom: 0;
    }
    .box-img {
        height: 250px;
    }
    .box-title h2 {
        font-size: 30px;
    }
    /* Footer */
    .footer-form-wrapper .ginput_container_consent {
        padding: 20px 0;
    }
    .footer-form-holder {
        padding: 0 20px;
    }
    .footer-form-wrapper .gform_wrapper .gf_simple_horizontal .gform_body .top_label .gfield .large {
        width: 90%;
    }
    .gform_wrapper iframe {
        -webkit-transform: scale(0.7);
        -webkit-transform-origin: 0 0;
        transform: scale(0.7);
        transform-origin: 0 0;
    }
    .footer-form-wrapper input[type=submit] {
        width: 100% !important;
        padding: 5px 20px;
    }
    .footer-form-wrapper input[type=email] {
        height: 40px;
    }
    .col-footer-menu {
        display: none;
    }
    .footer-contact-details > div {
        float: inherit;
    }
    .footer-contact-info {
        width: 100%;
    }
    .footer-title p {
        font-size: 16px;
    }
    .footer-social-media, .footer-contact {
        padding-left: 0;
    }
    .footer-main-content {
        padding: 30px 20px 0;
    }
    .footer-contact-details {
        padding: 0 20px;
    }
    .footer-about-text p {
        margin-bottom: 30px;
    }
    .footer-social-media {
        padding-top: 30px;
    }
    .footer-bottom-content {
        padding: 25px 20px 0;
    }
    .footer-container {
        padding: 0 0 30px;
    }
    .rogers-enterprise-logo img {
        max-width: 100px;
    }
    .powered-by {
        font-size: 10px;
    }
    .footer-bottom-content {
        align-items: center;
        display: flex;
    }
    .footer-bottom-content > div {
        width: 50%;
    }
    .rogers-enterprise-logo {
        top: inherit;
    }
    /* Our Company */
    .banner-content-container {
        height: calc(100% - 112px);
        width: 100%;
        top: 112px;
    }
    .your-velogic-banner .banner-content-container {
        padding: 95px 20px 0;
    }
    .your-velogic-banner .banner-content-wrapper.flex-end {
        align-items: flex-start;
    }
    .banner-heading h2 {
        margin-bottom: 20px;
        font-size: 45px;
    }
    .banner-text h2 {
        font-size: 30px;
    }
    .banner-content-wrapper {
        padding-bottom: 0;
    }
    .your-velogic-banner .banner-image {
        height: 700px;
    }
    .your-velogic-logo-container {
        top: inherit;
        bottom: 0;
    }
    .velogic-logo-wrapper {
        max-width: 100%;
        float: inherit;
    }
    .globe-wrapper {
        bottom: -60px;
    }
    .globe-image {
        max-width: 50%;
        margin: 0 auto;
    }
    .globe-shadow {
        bottom: -45px;
    }
    .text-content-wrapper.first-text-wrapper {
        max-width: 100%;
    }
    .your-velogic-text-row {
        padding: 80px 0 50px;
    }
    .your-velogic-text {
        padding: 0 20px;
    }
    .section-image-row {
        top: 0;
    }
    .section-image img {
        object-position: -115px;
    }
    .nature-goods {
        margin: 50px 0 50px !important;
        padding: 0 20px;
    }
    .nature-goods p {
        line-height: 30px;
        font-size: 20px;
    }
    .nature-goods p br {
        display: none;
    }
    .pad-bottom-100 {
        padding-bottom: 50px;
    }
    .half-content-wrapper {
        padding: 50px 20px;
        max-width: 100%;
    }
    .quality-policy-text .section-text h2 {
        margin-bottom: 30px;
    }
    /* Management Team */
    .bg-color-container {
        height: 260px;
    }
    .bg-color-wrapper {
        padding-bottom: 55px !important;
        max-width: 100% !important;
    }
    .bg-color-banner-title {
        padding: 0 20px;
    }
    .bg-color-banner-title h2 {
        font-size: 30px;
    }
    .management-row {
        padding: 70px 20px 100px;
    }
    .management-team-container {
        padding-bottom: 50px;
    }
    .management-team-content-holder {
        padding: 30px 35px 60px;
        height: auto;
    }
    .accordion {
        padding: 0;
    }
    .accordion-title {
        padding: 20px 60px 20px 30px;
        font-size: 20px;
    }
    .accordion-title::after {
        font-size: 21px;
        right: 20px;
    }
    .accordion-content p {
        font-size: 16px;
    }
    .position-statement-row .velogic-heading.font-50 h2 {
        font-size: 35px;
    }
    .accordion-panel {
        padding: 35px 30px 60px;
    }
    .accordion-content strong {
        font-size: 20px;
    }
    .accordion-content ul {
        margin-left: 15px;
        padding: 0;
    }
    .accordion-content ul li:not(:last-child) {
        margin-bottom: 20px;
    }
    /* Our Customer Centricity */
    .banner-image.full-height-banner {
        height: 500px;
    }
    .banner-content-container {
        padding: 0 20px;
    }
    .our-customer-centricity .banner-image {
        position: relative;
    }
    .our-customer-centricity .banner-image:after {
        background: rgba(0,0,0,0.3);
        position: absolute;
        display: block;
        content: "";
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
    }
    .our-customer-centricity-text .width-75 > .vc_column-inner {
        max-width: 100% !important;
        padding-left: 15px;
    }
    .our-customer-centricity-text .text-content-wrapper p br {
        display: none;
    }
    .our-customer-centricity-text {
        padding: 50px 20px;
    }
    .together-customer-centricity {
        padding-top: 25px;
        width: 100%;
    }
    .together-customer-centricity .velogic-heading.font-50 h2 {
        font-size: 35px;
    }
    .container-col .col {
        width: 100% !important;
    }
    /* What we do */
    .freight-scrollable-wrapper {
        display: none;
    }
    .freight-content-holder {
        padding: 0 20px;
    }
    .freight-banner-heading h2 {
        font-size: 35px;
    }
    .freight-content-wrapper {
        padding-bottom: 20px;
        padding-left: 0;
    }
    .freight-banner-image {
        height: 600px;
    }
    .freight-banner-image {
        position: relative;
    }
    .freight-banner-image:after {
        background: #02305260;
        position: absolute;
        height: 100%;
        width: 100%;
        content: "";
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        background: linear-gradient(to bottom, #02305260 25%, #02305210 100%);   
    }
    div#freight-forwarding {
        padding-top: 50px;
    }
    .freight-forwarding-services-row {
        margin-top: -150px;
        padding-left: 0;
    }
    .container-col.freight-forwarding-services {
        padding: 0 20px;
    }
    .freight-forwarding-col {
        left: inherit;
    }
    .freight-logistic-section .velogic-heading.font-50 h2 {
        font-size: 40px;
    }
    .freight-forwarding-content-col .vc_column-inner{
        padding: 0 25px !important;
    }
    .height-700 {
        height: 500px;
    }
    .text-content-wrapper.freight-forwarding-text {
        margin-bottom: 40px;
    }
    .service-box-content {
        padding: 35px 20px 0;
        width: 100%;
    }
    .service-box-container {
        height: 100%;
    }
    .service-image {
        height: 500px;
    }
    .slick-arrow {
        background: transparent;
        position: absolute;
        bottom: -70px;
        border: none;
        z-index: 1;
        padding: 0;
    }
    button.slick-prev.slick-arrow {
        left: 35%;
    }
    button.slick-next.slick-arrow {
        right: 35%;
    }
    #domestic-transport {
        margin-top: 140px;
    }
    #domestic-transport .vc_single_image-wrapper {
        height: 355px;
    }
    #domestic-transport .vc_single_image-wrapper img {
        object-position: left;
    }
    .domestic-transport-content-col {
        height: 100%;
    }
    .domestic-transport-content-col {
        padding: 50px 20px 60px!important;
    }
    .text-content-wrapper.domestic-transport-text {
        max-width: 100%;
    }
    .removal-content-col {
        padding-left: 20px !important;
        padding-top: 50px;
    }
    .removal-text {
        width: 100%;
    }
    #removals .velogic-button-wrapper {
        position: relative;
        z-index: 1;
    }
    .removal-img .vc_single_image-wrapper {
        margin-top: -145px;
        height: 100%;
    }
    div#warehousing {
        padding-top: 50px;
    }
    div#warehousing  .vc_row {
        flex-direction: column-reverse;
        display: flex;
    }
    .warehousing-img figure,
    .warehousing-img .vc_single_image-wrapper {
        width: 100%;
    }
    .warehousing-content-col, 
    .warehousing-img .vc_single_image-wrapper {
        height: 100%;
    }
    .warehousing-content-col .vc_column-inner {
        max-width: 100%;
    }
    .warehousing-content-col {
        padding: 50px 35px 60px !important;
    }
    div#container-services {
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 50px;
    }
    .velogic-section-container.container-services-box2, 
    .velogic-section-container.container-services-box {
        padding-right: 0;
        padding-left: 0;
    }
    .container-services-box .row {
        display: block;
    }
    div#container-services .service-image, 
    div#container-services .service-box-container {
        height: 500px;
    }
    .velogic-section-container.container-services-box .service-box-col:first-child {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .velogic-section-container.container-services-box .service-box-col:last-child {
        padding-left: 0 !important;
    }
    .container-services-box .col.service-box-col {
        max-width: 100%;
    }
    .container-services-content {
        position: inherit;
    }
    .container-services-row1 {
        padding-top: 50px;
    }
    .container-services-row2 {
        display: none;
    }
    div#stevedoring {
        margin-top: 120px;
    }
    .stevedoring-content-row {
        padding-left: 20px;
        top: 50px;
    }
    #stevedoring svg {
        width: 700px;
        height: 655px;
    }
    #stevedoring g#Mask_Group_3 {
        transform: translate(-785px, -5100px);
    }
    /* Specialised Logistics */
    .banner-text-holder {
        max-width: 100%;
    }
    .specialised-logistics-banner .banner-heading {
        width: 100%;
    }
    .specialised-logistics-banner .banner-image {
        height: 900px !important;
    }
    .specialised-logistics-banner .banner-heading h2 {
        font-size: 40px;
    }
    .specialised-logistics-banner .banner-image {
        position: relative;
    }
    .specialised-logistics-banner .banner-image:after {
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        display: block;
        content: "";
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
    }
    .pad-90.sugar-packing-row {
        padding: 20px 0;
    }
    .middle-content-wrapper {
        padding: 50px 20px 60px;
    }
    .middle-icon {
        max-width: 70px;
    }
    .middle-title {
        padding-top: 30px;
    }
    .middle-title p {
        margin-bottom: 25px;
        line-height: 40px;
        font-size: 35px;
    }
    .middle-title p br {
        display: none;
    }

    /* Shareholders Information */
    .annual-report-box {
        padding: 50px 35px;
    }

    .ship-something-form input[type="text"], 
    .ship-something-form input[type="email"], 
    .ship-something-form input[type="tel"] {
        width: 100% !important;
    }
    .corporate-governance-banner .banner-image.full-height-banner {
        height: 750px;
    }
    .the-board-text-container {
        padding: 40px 20px 40px 40px;
    }
    .col-committees-title {
        position: relative !important;
        left: inherit;
    }
    .col-committees-title > .vc_column-inner {
        padding: 0 15px !important;
    }
    .the-committes-row .wpb_column .wpb_wrapper {
        padding: 0 20px !important;
    }
    .the-committes-row .velogic-heading.font-45 h2 {
        font-size: 35px;
    }
    .col-committees-title {
        padding-bottom: 30px;
    }
    .the-board-text-container .velogic-heading h2 {
        font-size: 32px;
    }
    .the-board-text-container .velogic-heading h2 br {
        display: none;
    }
    .statistics-title {
        padding-bottom: 30px;
    }
    .statistics-banner {
        padding-bottom: 55px;
        padding-left: 20px;
        padding-top: 180px;
    }
    .plot-geographical-presence {
        padding-bottom: 30px;
    }
    .business-overview-row {
        padding: 50px 20px;
    }
    .col-business-overview .velogic-heading h2 {
        font-size: 30px;
    }
    .business-overview-text {
        margin: 25px 0 0;
    }
    .maip-main-row {
        padding: 50px 20px;
    }
    .maip-col > .vc_column-inner > .wpb_wrapper {
        padding: 20px 5px;
        display: block;
    }
    .maip-col .velogic-content-wrapper {
        padding-left: 0;
    }
    .maip-row {
        max-width: 100%;
    }
    .circular-economy-col {
        position: inherit !important;
        padding-right: 0 !important;
        right: inherit;
    }
    .circular-economy-col > .vc_column-inner {
        padding: 0 !important;
    }
    .circular-economy-container .velogic-heading {
        padding-left: 0;
    }
    .statistics-maip-img .vc_single_image-wrapper {
        height: 85px;
        width: 85px;
    }
    .statistic-maip-text {
        padding: 20px 0 15px;
    }
    .container-col.circular-economy-container {
        padding: 20px;
    }
    .statistics-maip-img {
        margin-right: 20px;
    }
    .goals-next-steps-row .wpb_wrapper .velogic-content-wrapper:last-child {
        position: inherit;
        margin-top: 30px;
        bottom: inherit;
    }
    .circular-economy-text .text-content-wrapper:last-child {
        width: 100%;
    }
    .circular-economy-text .text-content-wrapper:last-child {
        width: 100%;
    }
    .circular-economy-text ul {
        padding-left: 15px;
    }
    .circular-economy-text .text-content-wrapper {
        width: 50%;
    }
    .circular-economy-text .text-content-wrapper {
        padding-right: 15px;
    }
    .circular-last-text {
        padding-right: 0;
    }
    .circular-economy-col {
        margin-top: 15px;
    }
    .goals-next-steps-wrapper .vc_single_image-wrapper  {
        height: 120px;
    }
    .goals-next-steps-wrapper .vc_single_image-wrapper  img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
    .goal-next-steps-title {
        justify-content: center;
        height: 120px;
        right: 0;
        left: 0;
    }
    .circular-economy-text .text-content-wrapper:last-child {
        justify-content: flex-start;
    }
    .goal-next-steps-title {
        padding-left: 0;
    }
    .goal-next-steps-title.velogic-heading h2 {
        font-size: 23px !important;
    }
    .goals-next-steps-item {
        width: 100%;
    }
    .sustainability-inclusiveness-charter-banner .banner-heading h2 {
        font-size: 30px;
    }
    .sustainability-inclusiveness-charter-banner .banner-image.full-height-banner {
        height: 415px;
    }
    .sin-section-header-container {
        padding: 10px 15px;
        margin-left: 10px;
    }
    .sin-section-excerpt p {
        font-size: 13px;
    }
    .key-facts-container .velogic-heading.font-35 h2 {
        font-size: 20px;
    }
    .key-facts-container {
        padding-bottom: 35px;
        padding-top: 110px;
    }
    .energy-transition-title  .velogic-heading.font-32 h2 {
        font-size: 25px;
    }
    .energy-transition-title {
        padding-top: 20px;
    }
    .container-col.sin-understanding-terms {
        padding-left: 20px;
        margin-top: 30px;
    }
    .velogic-heading.left.circular-right-title.font-40 h2 br {
        display: none;
    }
    .velogic-heading.left.circular-right-title.font-40 h2 {
        line-height: 30px;
        font-size: 23px;
    }
    .sic-section-container {
        padding: 0 5px;
    }
    .sin-header-wrapper {
        display: block
    }
    .sin-excerpt-holder {
        margin-left: 0;
    }
    .sin-section-logo {
        margin-bottom: 15px;
        max-width: 80px;
    }
    .rogers-commitment-title .velogic-heading h2 {
        font-size: 30px;
    }
    .inclsive-growth-objectives .velogic-heading.font-50 h2 {
        margin-bottom: 40px;
        font-size: 30px;
    }
    .objective-img .vc_single_image-wrapper {
        width: 75px;
    }
    .objectives-inclusive-growth-icons .text-content-wrapper p {
        font-size: 14px;
        margin-top: 0;
    }
    .objectives-inclusive-growth-icons .text-content-wrapper {
        margin-top: 10px;
    }
    .objectives-inclusive-growth-icons .wpb_column {
        margin-bottom: 13px;
    }
    .pillar-text-wrapper p {
        color: #404040;
    }
    .desktop-pillars {
        display: none;
    }
    .mobile-five-pillars-container {
        display: block !important;
        position: relative;
        top: 440px;
    }
   
    .sustainability-inclusiveness-title {
        padding-bottom: 20px;
        text-align: left;
    }
    .sustainability-inclusiveness-title .velogic-heading h2 {
        font-size: 30px;
    }
    .five-pillars-container:before {
        height: 300px;
    }
    .five-pillars-logo {
        margin-top: -10px;
        height: 280px;
        left: 30px;
    }
    .five-pillars-logo svg {
        height: 100%;
        width: 90px;
    }
    .five-pillars-container:before {
        margin-top: -10px;
        height: 300px;
    }
    .pillars-slider-container {
        margin-top: 30px;
    }
    .five-pillars-container {
        height: 300px;
        margin: 0;
    }
    .pillars-slider-container .slick-arrow {
        bottom: -45px;
    }
    .pillars-slider-container svg {
        width: 30px;
    }
    .pillar-text-wrapper p:first-child {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .pillar-text-wrapper p:last-child {
        line-height: 18px;
        font-size: 14px;
    }
    .sustainability-inclusiveness-row {
        padding-bottom: 50px;
        position: inherit;
        margin-top: 80px;
    }
    .sustainability-inclusiveness-row .wpb_wrapper {
        position: relative;
        top: -545px;
    }
    .sustainability-inclusiveness-title.velogic-heading h2 {
        font-size: 30px;
    }
    .sustainability-inclusiveness-text.text-content-wrapper p {
        text-align: left !important;
    }
    .our-engagement-banner.banner-height-600 .banner-image,
    .our-engagement-banner.banner-height-600 {
        height: 500px;
    }
    .our-engagement-banner .banner-content-container {
        height: calc(100% - 145px) !important;
        top: 145px;
    }
    .investor-banner .banner-image {
        padding-left: 0;
    }
    .investor-banner .banner-image {
        height: 400px;
    }
    .banner-container.investor-banner {
        padding-top: 150px;
    }
    .financial-performance-row {
        margin-top: -150px;
    }
    .financial-performance-title h2 {
        font-size: 30px;
    }
    .financial-performance-title p {
        font-size: 16px;
    }
    .financial-performance-figures {
        max-width: 85%;
        margin: 0 auto;
    }
    .rupee-unit {
        float: left;
    }
    .financial-title-wrapper {
        position: relative;
    }
    .financial-title {
        width: 100%;
    }
    .percentage-box {
        height: 50px;
        width: 55px;
        left: 20px;
    }
    .financial-number-wrapper {
        padding: 15px;
    }
    .financial-number {
        height: inherit;
    }
    .financial-title p {
        font-size: 10px;
    }
    .rupee-unit p {
        font-size: 10px;
    }
    .percentage-box p {
        font-size: 10px;
    }
    .financial-number h2 {
        font-size: 20px !important;
    }
    .financial-information-item.fp-operating-profit .financial-number-wrapper, 
    .financial-information-item.fp-dividend .financial-number-wrapper,
    .financial-number-wrapper {
        height: 135px;
    }
    .financial-information-item  {
        margin: 20px 10px 0 10px !important;
        height: 200px;
    } 
    .text-content-wrapper.investors-note p {
        font-size: 14px;
    }
    .text-content-wrapper.investors-note {
        padding: 0 20px;
    }
    .operational-performace-container {
        margin-top: 30px;
    }
    .operational-perf-title h2 {
        font-size: 25px;
    }
    .operational-perf-title h2 {
        font-size: 25px;
    }
    .op-date-num p {
        font-size: 12px;
    }
    .op-item-col .main-number p {
        font-size: 18px !important;
    }
    .main-number p {
        line-height: 40px;
    }
    .op-performance-wrapper .op-performance-item:last-child {
        padding-top: 40px;
    }
    .op-title-subtitle p {
        line-height: 16px;
        font-size: 12px;
    }
    .footer-form-holder,
    .footer-contact {
        display: none;
    }
    .annual-report-pdf a {
        font-size: 12px;
    }
    .annual-report-pdf svg {
        margin-left: 13px;
        width: 25px;
    }
    .revenue-by-activity {
        padding-top: 60px;
        max-width: 100%;
    }
    .share-activity-container {
        padding: 0 10px;
    }
    .share-activity-container svg.highcharts-root { 
        transform: translate(-180px, -90px);
        transform-origin: 0 0;
        height: 450px;
        width: 720px;
    }
    .share-activity-container.op-profitability svg.highcharts-root {
        transform: translate(-180px, -80px);
        transform-origin: 0 0;
    }
    .chart-details ul li {
        margin-bottom: 15px;
    }
    #revenue-activity g.highcharts-label.highcharts-data-label-color-0 text {
        transform: translate(-55px, -40px);
    }
    .share-activity-chart .highcharts-data-label text {
        font-size: 10px !important;
    }
    #revenue-activity g.highcharts-label.highcharts-data-label-color-4 text {
        transform: translate(35px, 0px);
    }
    #revenue-activity g.highcharts-label.highcharts-data-label-color-5 text {
        transform: translate(25px, 10px);
    }
    #revenue-activity g.highcharts-label.highcharts-data-label-color-1 text {
        transform: translate(30px, -10px);
    }
    #revenue-activity g.highcharts-label.highcharts-data-label-color-2 text {
        transform: translate(40px, 0px);
    }
    .share-activity-chart text.highcharts-title {
        transform: translate(-2px, -20px);
        font-size: 10px !important;
    }
    #revenue-activity text.highcharts-title {
        transform: translate(-2px, -20px);
    }
    .investor-banner .banner-content-wrapper.flex-start {
        padding-top: 150px;
    }
    .share-activity-title .velogic-heading h2 {
        font-size: 30px;
    }
    .chart-details ul li {
        font-size: 14px;
    }
    .chart-details ul li span {
        height: 20px;
        width: 20px;
    }
    .chart-details {
        padding-top: 0;
    }
    .chart-details {
        margin-top: -50px;
    }
    .share-activity-chart g.highcharts-label.highcharts-data-label-color-5 text {
        transform: translate(55px, -15px);
    }
    .share-activity-chart g.highcharts-label.highcharts-data-label-color-4 text {
        transform: translate(50px, -25px);
    }
    .share-activity-chart g.highcharts-label.highcharts-data-label-color-3 text {
        transform: translate(50px, -30px);
    }
    .share-activity-chart g.highcharts-label.highcharts-data-label-color-0 text {
        transform: translate(-50px, 40px);
    }
    .share-activity-chart g.highcharts-label.highcharts-data-label-color-1 text {
        transform: translate(35px, -10px);
    }
    .share-activity-chart g.highcharts-label.highcharts-data-label-color-2 text {
        transform: translate(40px, -30px);
    }
    .share-activity-chart g.highcharts-label.highcharts-data-label-color-6 text {
        transform: translate(32px, 3px);
    }
    .share-activity-title.velogic-heading h2 {
        font-size: 30px;
    }
    .share-activity-container.op-profitability .share-activity-title {
        margin-bottom: 30px;
    }
    .op-profitability .chart-details {
        margin-top: -80px;
    }
    .investors-event-container .shareholder-event-image {
        margin-top: 50px;
        height: 300px;
    }
    .col-revenue-activity-content > .vc_column-inner {
        padding-left: 0 !important;
    }
    .investors-event-container .event-date,
    .investors-event-container .event-title {
        left: 25px;
    }
    .investors-event-container .event-date {
        padding: 0 20px 30px;
    }
    .investors-event-container .event-date {
        left: 25px;
    }
    .event-date {
        padding: 0 15px 20px;
        height: 100px;
        width: 85px;
    }
    .investors-event-container .event-title {
        padding-top: 0;
    }
    .investor-box-container {
        padding: 40px 50px 50px 25px;
        height: 300px;
    }
    .x-axis-selection ul li {
        font-size: 17px !important;
        margin-right: 10px;
    }
    .sem-graph-wrapper svg.highcharts-root {
        transform: translate(-10px, 0);
        height: 100%;
        width: 100%;
    }
    .container-col.share-price-chart-container > div {
        width: 100%;
    }
    .container-col.share-price-chart-container svg {
        border: none;
    }
    .share-price-chart-container svg {
        padding: 0 30px;
    }
    .eps-growth-chart-wrapper,
    .pat-growth-chart-wrapper {
        margin-top: -60px;
    }
    .shareholders-info-title.velogic-heading.font-60 h2 {
        font-size: 30px;
    }
    .shareholder-event-title {
        padding-top: 80px;
    }
    .shareholders-info-title.font-60 {
        padding-bottom: 40px;
        padding-left: 20px;
    }
    .shareholder-event-row {
        padding: 0 20px;
    }
    .shareholder-event-image {
        height: 200px;
    }
    .shareholders-event-container .shareholder-event-item .row .col-md-5 {
        padding-left: 15px;
    }
    .shareholders-event-container .shareholder-event-item .row .col-md-7 {
        padding-right: 15px;
    }
    .shareholders-event-container {
        margin-bottom: 40px !important;
    }
    .annual-report-link svg {
        margin-left: 20px;
        width: 25px;
    }
    .shareholder-event-content {
        padding: 25px 25px 40px;
    }
    .event-title p {
        padding-bottom: 50px;
        font-size: 20px;
    }
    .shareholder-corner {
        padding: 55px 20px 0;
    }
    .shareholder-corner .velogic-heading {
        padding-bottom: 0;
    }
    .select-filters-wrapper select {
        width: 110px;
    }
    .financial-information-table tbody td {
        font-size: 10px;
    }
    .financial-information-table th:not(:first-child), .financial-information-table tbody td:not(:first-child) {
        padding: 5px 20px;
    }
    .financial-information-table th {
        font-size: 12px;
    }
    td.download-file a {
        padding: 6px 10px;
    }
    .container-col.contact-us-details {
        padding: 50px 25px 0;
    }
    .contact-us-row {
        padding: 60px 0 0;
    }
    .contact-us-form > .vc_column-inner {
        padding: 50px 25px !important;
        max-width: 80%;
        margin: 0 auto;
    }
    .contact-us-form .gform_footer.top_label input {
        padding: 10px 55px !important;
    }
    .my-location-input input {
        margin-right: 10px;
    }
    i#get-current-location {
        width: 15%;
    }
    .my-location-input input {
        width: 80%;
    }
    .find-our-offices-banner .banner-content-container {
        height: calc(100% - 50px);
    }
    .find-our-offices-banner .banner-heading h2 {
        font-size: 35px;
    }
    .find-our-offices-banner .banner-content-wrapper.flex-start {
        align-items: center;
    }
    .find-our-offices-banner .banner-image {
        height: 370px;
    }
    .services-content-container .slick-arrow {
        width: 35px;
        height: 35px;
    }
    .sustainability-banner .banner-content-container {
        height: calc(100% - 116px);
        top: 116px !important;
    }
    .sustainability-intro-text {
        padding: 60px 0 160px;
    }
    .sustainability-img-row {
        bottom: -20px;
    }
    .office-item-holder {
        max-width: 100%;
    }
    .annual-report-title h2 br {
        display: none;
    }
    .manifeste-featured-item .article-image {
        height: 450px;
    }
    .manifeste-featured-item .article-image img {
        height: 100%;
        width: 100%;
    }
    .manifeste-box .article-image {
        height: 200px;
    }
    .manifeste-image:after, .manifeste-container .article-image:after {
        display: none;
    }
    .find-our-offices-row {
        padding-left: 15px;
        position: inherit;
        padding-right: 0;
        left: inherit;
    }
    .offices-map {
        margin-top: 45px;
        padding-left: 0;
        height: 450px;
    }
    .our-offices-container {
        padding: 0 20px;
    }
    .office-title {
        margin-bottom: 14px;
        min-height: inherit;
    }
    .office-address p {
        min-height: auto;
        font-size: 16px;
    }
    .office-item-holder {
        padding-bottom: 50px;
    }
    .find-our-offices-container {
        padding: 0 15px;
    }
    .our-offices-holder {
        padding-top: 50px;
    }
    .our-offices-container {
        margin-top: 30px;
    }
    .our-offices-holder {
        padding-bottom: 50px;
    }
    .contact-sales-banner .width-75 > .vc_column-inner {
        max-width: 85% !important;
    }
    .news-banner .banner-content-container.flex-start {
        height: calc(100% - 100px);
        top: 100px !important;
    }
    .news-banner .banner-image {
        height: 450px;
    }
    .news-text-maxwidth {
        padding: 50px 20px 0;
        max-width: 100%;
    }
    .news-heading,
    .news-text-container {
        padding-bottom: 0;
    }
    .related-articles {
        padding: 50px 30px;
    }
    .share-article img {
        width: 30px;
    }
    .share-article {
        padding-top: 0;
    }
    .back-to-archive {
        padding: 70px 0 50px;
    }
    .single-news-title h1 {
        font-size: 30px;
    }
    .single-news-banner-content {
        max-width: 75%;
    }
    .single-news-title h1 {
        margin-bottom: 30px;
    }
    .intro-image {
        padding: 0 20px;
        height: 320px;
    }

    /* Your Velogic - French */
    .brand-logo-text p:lang(fr) {
        min-height: 84px;
    }
    .banner-heading h2:lang(fr) {
        font-size: 40px;
    }
    .domestic-transport-row .vc_single_image-wrapper img {
        object-position: center;
    }
    /* Resilience in motion */
    .resilience-motion-banner {
        height: 500px;
    }
    .resilience-motion-content .banner-title h1 {
        font-size: 25px;
    }    
    .resilience-motion-content .right-image-wrapper {
        margin-right: -10px;
        width: 160px;
    }
    .report-year-wrapper h2 {
        font-size: 20px;
    }
    .resilience-motion-content {
        padding: 0 20px;
    }
    .rm-report {
        width: 150px;
    }
    .rm-report {
        width: 180px;
    }
    .rm-report p {
        max-width: 120px;
        font-size: 12px;
    }
    .first-row-content {
        padding-top: 160px;
    }
    .msg-rep-col-image {
        padding: 0 20px;
    }
    .msg-rep-title h2 {
        line-height: 35px;
        font-size: 30px;
    }
    .msg-rep-title h2 br {
        display: none;
    }
    .msg-rep-col-content {
        padding-right: 20px;
        padding-left: 20px;
        margin-top: 30px;
    }    
    .msg-rep-title {
        margin-bottom: 20px;
    }
    .msg-rep-text-desc p {
        font-size: 16px;
    }
    .msg-rep-text-desc {
        margin-bottom: 35px;
    }
    .msg-rep-read-more a {
        padding: 10px 20px;
        font-size: 13px;
    }
    .msg-rep-popup-video img {
        margin-right: 10px;
        width: 45px;
    }
    .msg-rep-popup-video a {
        font-size: 16px;
    }
    .rm-finanicial-perf .financial-performance-row {
        margin-top: 0;
    }
    .rm-finanicial-perf .financial-performance-title {
        padding: 0;
    }
    .message-report-box .row.swap-row .msg-rep-col-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .velogic-heading.center.rm-op-title h2 {
        font-size: 30px;
    }
    .resiliencemotion-op {
        padding-right: 20px;
        padding-left: 20px;
    }
    .text-content-wrapper.op-section h2 {
        line-height: 45px;
        margin-bottom: 0;
        font-size: 30px;
    }
    .resiliencemotion-inner-row>.wpb_column>.vc_column-inner:after {
        display: none;
    }
    .pad-bottom-60.rm-op-row {
        padding-bottom: 0;
    }
    .text-content-wrapper.resiliencemotion-op-title {
        margin-bottom: 20px;
        margin-top: 40px;
    }
    .col-op-section .velogic-content-wrapper {
        padding-right: 0!important;
    }
    .text-content-wrapper.op-section p {
        line-height: 18px;
        font-size: 14px;
    }
    .text-content-wrapper.resiliencemotion-op-title {
        padding-left: 45px;
    }    
    .container-col.call-to-action-container .col {
        padding: 0 20px 20px;
    }
    .velogic-heading.left.download-heading {
        padding: 0 20px;
    }
    .velogic-heading.left.download-heading h2 {
        font-size: 30px;
    }
    .download-file-container>div {
        width: 100%;
    }
    .download-file-container div:not(:last-child) {
        border-bottom: 1px solid #fff;
        border-right: 0;
    }
    .container-col.download-file-container {
        margin: 0 20px;
        padding: 20px;
    }
    .pad-bottom-60.rm-download-row {
        padding-bottom: 40px;
    }
    .pdf-file-box a {
        font-size: 17px;
    }
    .rm-audio-img {
        flex-direction: column-reverse;
        padding: 50px 20px 0;
    }
    .rm-inner-col-img {
        margin-bottom: 30px;
        margin-top: 0;
    }
    .text-content-wrapper.rm-message {
        padding: 40px 20px 0;
    }
    .rm-inner-content .banner-title h2 {
        line-height: 35px;
        font-size: 30px;
    }
    .rm-inner-content .msg-rep-popup-video a {
        font-size: 16px;
    }
    .rm-inner-content .banner-title {
        margin-bottom: 20px;
    }
    .rm-inner-content .report-year-wrapper {
        margin-bottom: 20px;
    }
    .resilience-motion-inner-banner {
        height: 400px;
    }
    .rm-inner-content {
        padding: 0 20px 40px;
    }
    .rm-col-audio>.vc_column-inner>.wpb_wrapper {
        padding-left: 0;
    }
}