@media screen and (min-width:465px) {
    .img-logo {
        height: 55px;
    }
    /*[Styles changed temporary for old logo] {width:200px;}*/
    .weather .social-section-list li {
        width: 45%;
    }

        .weather .social-section-list li:nth-child(2n+1) {
            float: left;
        }

        .weather .social-section-list li:nth-child(2n) {
            float: right;
        }

    .current-weather {
        float: none !important;
        display: block;
        margin-left: 35px;
    }

    .weather .social-section-list li:nth-last-child(2) {
        border-bottom: none;
        margin-bottom: 0;
    }

    .performance-item-container {
        width: 33%;
        float: left;
    }

        .performance-item-container:nth-child(4), .performance-item-container:nth-child(5), .performance-item-container:nth-child(6) {
            margin-bottom: 0;
        }

    .performance-icon-container, .performance-count-container {
        width: 100%;
        text-align: center;
    }

    .performance-icon-container {
        margin-bottom: 15px;
    }

    .performance-icon {
        margin: 0 auto;
    }

    .social-text {
        float: left !important;
        margin-bottom: 0;
    }
    /*innerpages*/
    .list-attachments li {
        width: auto;
        padding-right: 15px;
    }
    /*inners4*/
    .newsletters-table-container {
        width: 50%;
    }

    .table.table-newsletters > tbody > tr > td, .table.table-newsletters > tbody > tr > th, .table.table-newsletters > tfoot > tr > td, .table.table-newsletters > tfoot > tr > th, .table.table-newsletters > thead > tr > td, .table > thead > tr > th {
    }
    /*inners6*/
    .other-news {
        width: 50%;
    }

        .other-news p {
            height: 50px;
            overflow: hidden;
        }
}

@media screen and (min-width:600px) {
    .current-weather {
        float: right !important;
        display: inline;
        margin-left: 0;
    }

    .align-footer-links {
        width: 50%;
    }

    .performance-item-container {
        width: 50%;
    }

        .performance-item-container:nth-child(4), .performance-item-container:nth-child(5), .performance-item-container:nth-child(6) {
            margin-bottom: 30px;
        }

    .performance-icon {
        margin: 0;
    }

    .performance-icon-container, .performance-count-container {
        width: auto;
        text-align: left;
    }
    /*oct15*/
    .performance-count-container {
        width: calc(100% - 150px);
    }
    /*inners4*/
    .newsletters-table-container:nth-child(2n) {
        margin-right: 0;
    }
    /*inners5*/
    .contact-us-dtls {
        text-align: center;
        position: relative;
    }

        .contact-us-dtls .address-lbl {
            width: auto;
            margin-right: 9px;
        }
    /*inners6*/
    .other-news .align-image {
        max-width: none;
    }
    /*news*/
    .news-dtls-gallery {
        max-width: none;
        margin: 0 auto;
    }
    /*news gallery*/
    .carousel-col {
        width: 50%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}

@media all and (min-width:600px) and (transform-3d), all and (min-width:600px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}

@media screen and (min-width:768px) {
    .container-common {
        width: 100%;
    }

    .h1, h1 {
        font-size: 1.7em;
    }

    .h2, h2 {
        font-size: 1.6em;
    }

    .h3, h3 {
        font-size: 1.5em;
    }

    .h4, h4 {
        font-size: 1.4em;
    }

    .h5, h5 {
        font-size: 1.3em;
    }

    .h6, h6 {
        font-size: 1.2em;
    }

    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .each-section-padding {
        padding-bottom: 0px;
    }
    /*.container-navigation ul > li {display:block;float:none;}*/
    .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: transparent;
    }

    .container-navigation ul > li.MLMStaticItemli:last-child > a {
        padding-right: 0;
    }

    .date-featured, .month-featured {
        float: none !important;
        text-align: center;
    }

    .date-featured {
        font-size: 2.5em;
    }

    .month-featured {
        font-size: 1.2em;
    }

    .port-map {
        background-position: 0 0;
    }
    /*.port-map-tabs .nav-justified li:nth-child(2), .port-map-tabs .nav-justified li:nth-child(3), .port-map-tabs .nav-justified li:nth-child(4)*/
    .port-map-tabs .nav-justified li:not(.active) {
        display: table-cell;
    }

    .port-map-tabs .nav-pills > li > a {
        display: inline-block;
        padding: 10px 20px;
        text-align: center;
    }

    .port-map-tabs .nav-justified > li > a {
        width: auto;
        float: none !important;
    }

    .port-map-tabs .nav-pills > li {
        text-align: center;
    }

    .port-map-tabs .nav-justified {
        margin: 0 auto;
        width: 100%;
        float: none;
    }

    .port-map-tabs .nav-pills > li.active > a, .port-map-tabs .nav-pills > li.active > a:focus, .port-map-tabs .nav-pills > li.active > a:hover {
        background-color: #901235;
        color: #fff;
        border-radius: 0;
    }

    .port-desc {
        left: 5%;
        right: 5%;
        bottom: 45%;
        transform: translateY(50%);
    }

    .tab-content .port-tab-desc {
        white-space: normal;
    }

    .header-performance {
        text-align: center;
    }

    .performance-item-container {
        width: 33.33333333%;
        margin-bottom: 0;
    }

    .performance-icon-container {
        margin-bottom: 0;
    }

    .performance-icon-container, .performance-count-container {
        width: 100%;
        text-align: center;
    }

    .performance-item-container:nth-child(4), .performance-item-container:nth-child(5), .performance-item-container:nth-child(6) {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .performance-icon {
        margin: 0 auto;
    }

    .performance-count {
        font-size: 3em;
        text-align: center;
        margin-top: 15px;
        font-weight: bold;
    }

    .performance-item {
        text-align: center;
    }

    .news-container {
        max-width: none;
    }

    .img_thumbnail img {
        display: block;
    }

    .news-container .btn-primary {
        background-color: #901235;
        color: #fff;
        border: none;
        padding: 5px 15px;
        margin-top: 0;
        line-height: 1;
        margin-top: 15px;
    }

    .img_thumbnail {
        border: 2px solid transparent;
        position: relative;
        cursor: pointer;
        transition: border-color .4s linear;
    }
    /*tint fades away on hover*/
    .thumbnail_header {
        color: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .thumbnail_date {
        color: #fff;
        font-size: 1.4em;
        font-family: Avenir;
        margin-bottom: 15px;
    }

    .carousel-indicators li, .carousel-indicators .active {
        width: 75px;
        height: 4px;
        margin: 1px;
    }

    .news-container a {
        display: inline;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .about-us-video {
        margin-top: 0;
        max-width: none;
    }

    .tweets li, .logistics li {
        display: block;
    }

    .social-section-list li:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

    .current-weather {
        float: none !important;
        display: block;
        margin-left: 35px;
    }

    .weather .social-section-list li:nth-child(2n+1), .weather .social-section-list li:nth-child(2n) {
        float: none;
        width: 100%;
    }

    .weather .social-section-list li {
        width: 100%;
    }

        .weather .social-section-list li:nth-last-child(2) {
            border-bottom: 1px solid #cecece;
            margin-bottom: 10px;
        }

    .updates-heading-icons, .header-icon-temp {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .align-footer-links {
        width: 33.33333333%;
    }

    .social-sections {
        margin-bottom: 0;
        height: 100%;
    }

    .content-spacing > div:first-child {
        background-color: #fff;
        height: 100%;
    }

    .container-social {
        margin-top: 20px
    }
    /*innerpages*/
    .share-upload-container {
        padding: 10px 15px;
    }

    .breadcrumb {
    }

    .upload-content {
        padding: 0;
    }

    .news-img {
        margin-bottom: 30px;
    }

    .attachements-container {
        border: 1px solid #cecece;
        padding: 15px;
    }

    .attachements-title {
        float: left;
    }

    .list-attachments {
        margin-bottom: 0;
    }

        .list-attachments li {
            float: left;
        }

    .list-attachments {
        float: left;
        margin-left: 25px;
        width: calc(100% - 140px);
    }
    /*inners2*/
    .tenders-listing-img {
        width: 200px;
        float: left;
    }

        .tenders-listing-img img {
            margin-top: 53px;
        }
    /*.tenders-dtls {width:calc(100% - 200px);float:left;}*/
    .bordered-box {
        padding: 40px;
    }

    .table.table-tenders > tbody > tr > td, .table.table-tenders > tbody > tr > th, .table.table-tenders > tfoot > tr > td, .table.table-tenders > tfoot > tr > th, .table.table-tenders > thead > tr > td, .table.table-tenders > thead > tr > th {
        display: table-cell;
        vertical-align: middle;
        border-top: 1px solid #ddd;
        padding: 8px;
    }

    .table-hover.table-tenders > tbody > tr {
        border-bottom: 0;
    }

    .table-tenders tr td:nth-child(3), .table-tenders tr td:nth-child(4) {
        width: 170px;
    }

    .tender-center {
        text-align: center;
    }

    .dropdown { /*max-width:300px;float:right;min-width:200px;width:80%;*/
    }
    /*.mega-menu{float:left;}*/
    /*inners3*/
    /*tablestyles*/
    .table-styles tr td {
        padding: 15px !important;
    }


    /*inners4*/
    .newsletters-table-container {
        width: 33.3333%;
    }
    /*inners5*/
    .contact-us-bg {
        background-color: transparent;
        border-bottom: 2px solid #3ca5cc;
        padding-bottom: 15px;
    }

    .contactus-tabs .nav-pills li a, .contactus-tabs .nav-pills li a:hover {
        color: #797979;
    }

    .box-contact-msg {
        padding-bottom: 55px;
    }

    .contact-map-container {
        height: 250px;
    }

    .box-contact-msg .form-inputs.txtArea {
        margin-top: 3px;
    }

    .btn-msg {
        margin-top: 16px;
    }

    .box-contact-maxwidth {
        max-width: none;
    }

    .port-map-tabs .nav-justified > li > a {
        width: auto;
        float: none !important;
    }
    /*inners6*/
    .contianer-main-announcement {
        height: 295px;
    }

    .img-main-announcement {
        width: 730px;
    }

    .news-listing-date {
        width: 60px;
        float: left;
    }

    .news-listing-dtls {
        float: left;
        width: calc(100% - 60px);
    }

    .news-listing-container {
    }

    .news-listing-date .date-featured {
        font-size: 1.6em;
        margin-bottom: 3px;
    }

    .news-listing-container .featured-item {
        height: 50px;
        overflow: hidden;
        line-height: 1.45;
        white-space: normal;
        margin-bottom: 5px;
    }

    .announcement-item p {
        height: 50px;
        overflow: hidden;
    }

    .announcement-item {
        padding: 15px;
        margin-bottom: 0;
    }

        .announcement-item:hover {
            background-color: #f5f5f5;
        }

        .announcement-item:nth-child(2) {
            padding-top: 20px;
        }

    .other-news {
        width: 33.3333%;
    }

        .other-news .align-image {
            max-width: 100%;
        }

    .hr {
        margin-top: 30px;
    }


    /********Footer Table of Contents********/

    .toc-layout-main {
        display: block;
    }

        .toc-layout-main::after {
            content: "";
            clear: both;
            display: table;
        }

    .level-section {
        margin-bottom: 0;
    }


    .toc-layout-main > ul > li > ul > li > .level-header > .headertitle, .toc-layout-main > ul > li > ul > li > .level-header > .headertitle a, .toc-layout-main > ul > li > ul > li > .level-header > .headertitle a:link {
        font-size: 1.183em;
        color: #fff;
        font-family: "Gotham Rounded", Calibri, san-serif;
        font-weight: normal;
        margin: 20px 0;
        display: block;
        line-height: 1;
    }

    .toc-layout-main > ul > li > .level-header {
        display: none;
    }

    .toc-layout-main > ul > li > ul > li.level-section {
        margin-left: 0;
        margin-right: 0px;
        margin-top: 0px;
        width: 33.333%;
        float: left;
        clear: none;
        padding-left: 15px;
        padding-right: 15px;
    }

    .toc-layout-main > ul > li > ul > li > ul > li {
        margin-left: 0px;
        margin-right: 0px;
    }


        .toc-layout-main > ul > li > ul > li > ul > li > .level-header > .headertitle, .toc-layout-main > ul > li > ul > li > ul > li > .level-header > .headertitle a, .toc-layout-main > ul > li > ul > li > ul > li > .level-header > .headertitle a:link {
            font-size: 0.9em; /*color:#3ca5cc*/
            color: #C9E6F1;
            font-family: "Gotham Rounded", Calibri, san-serif;
            font-weight: normal;
            margin-bottom: 7px
        }

            .toc-layout-main > ul > li > ul > li > ul > li > .level-header > .headertitle a:hover {
                text-decoration: underline;
            }


    .level-bullet {
        border-style: none;
        border-color: none;
        background-image: none;
        padding-left: 0px;
        padding-right: 0px;
    }

    .gen-forms-container {
        max-width: none;
    }

    .supp-reg {
        text-align: center;
    }

    .socialsites {
        top: 55px;
    }

    #recaptcha > div {
        margin: 0 auto;
    }
}



@media (min-width:768px) and (max-width:991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }
}

@media screen and (min-width:992px) {
    .mobilemenucontainer {
        display: none;
    }

    .top-header {
        padding-bottom: 0px;
    }

    .socialsites div:last-child {
        display: none
    }


    li.MLMStaticItemli:first-child a {
        /*padding-left: 0;*/
    }


    .searchBtn {
        display: block;
    }


    .search-lang-box {
        width: 115px;
    }

    .port-map-tabs .nav-justified {
        width: 95%;
    }

    .performance-item-container {
        width: 24%;
    }

        .performance-item-container:nth-child(4), .performance-item-container:nth-child(5), .performance-item-container:nth-child(6) {
            margin-top: 0;
        }

    .thumbnail_header {
        white-space: normal;
        text-overflow: ellipsis;
    }

    .current-weather {
        float: right !important;
        display: block;
        margin-left: 0;
    }

    .google-map-container {
        height: 180px;
        max-width: none;
    }
    /*innerpages*/
    .side-navigation {
        width: 20%;
        min-width: 240px;
        display: table-cell;
    }

    .content-holder-sidebar {
        width: 63%;
        padding-left: 30px;
        min-width: 580px
    }

    .side-navigation-list {
        border: 1px solid #cecece;
        padding: 0 20px;
    }

        .side-navigation-list > li {
            border-bottom: 1px solid #ababab;
        }

            .side-navigation-list > li a {
                transition: color 0.1s linear;
            }

                .side-navigation-list > li a:hover {
                    color: #901235;
                }

            .side-navigation-list > li:last-child {
                border-bottom: 0;
            }

        .side-navigation-list li a {
            color: #797979;
            display: block;
            padding: 15px 0;
            transition: color 0.1s linear;
        }


        .side-navigation-list > li.side-nav-open {
            border-bottom: 0;
        }

    .level-2-sidenav {
        background-color: #f5f5f5;
        border-top: 2px solid #3ca5cc;
    }

    .side-navigation-list .level-2-sidenav a {
        padding-left: 20px;
        padding-right: 20px;
        transition: background-color 0.1s linear;
    }

        .side-navigation-list .level-2-sidenav a:hover {
            background-color: #E9E9E9;
            color: #797979;
        }

    .side-nav-open > a {
        color: #901235 !important;
    }
    /*inners4*/
    .table-newsletters-div {
        max-width: 400px;
    }

    .newsletters-table-container:nth-child(3n+2) .table-newsletters {
        float: left;
    }

    .newsletters-table-container:nth-child(1) .table-newsletters, .newsletters-table-container:nth-child(3n+4) .table-newsletters {
        margin: 0 auto;
    }

    .newsletters-table-container:nth-child(3n) .table-newsletters {
        float: right;
    }
    /*inners5*/
    .barcode-contact-us {
        width: 95px;
        height: 95px;
        margin: -55px auto 0 auto;
    }

        .barcode-contact-us img {
            width: 100%;
            border: 1px solid #cecece;
        }

    .box-contact-msg {
        padding: 0px 30px 20px 30px;
    }

    .box-contact-maxwidth {
        padding: 55px;
    }
    /*inners6*/
    .other-news {
        width: 25%;
    }

    .gen-forms-container {
        padding: 15px 55px;
    }

    .gen-forms-container-header {
        padding: 0px 55px 0px 55px;
    }

        .gen-forms-container-header .heading {
            margin-bottom: 0;
        }
    /*news gallery*/
    .carousel-col {
        width: 33.333%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -33.333%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 33.333%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-2 {
        display: block;
    }
}

@media all and (min-width:992px) and (transform-3d), all and (min-width:992px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        transform: translate3d(33.333%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        transform: translate3d(-33.333%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            transform: translate3d(0, 0, 0);
            left: 0;
        }

    .logo {
        width: 120px;
    }

    #nav {
        padding: 0;
    }
}

@media screen and (min-width:1200px) {
    /*news gallery*/
    .carousel-col {
        width: 25%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -25%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 25%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }

    .logo {
        width: 168px;
    }
}

@media all and (min-width:1200px) and (transform-3d), all and (min-width:1200px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        transform: translate3d(25%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}

@media screen and (min-width:1350px) {
    .search-lang-box .ms-srch-sb > input {
        width: calc(100% - 335px) !important;
    }
    /*.mobilemenucontainer {display:none;}*/
    .banner {
        height: 550px;
    }

    .port-map {
        height: 535px;
        background-size: 100%;
    }

    .port-map-tabs .nav-justified {
        width: 70%;
    }
    /*.container-navigation ul {*/
    /*.mega-menu{width:74%!important;margin-left:17%!important;max-width:1040px;border-top:0;margin-top:-50px;text-align:center;padding:0px;display:table;overflow:hidden;}
	.container-navigation ul > li {display:table-cell;float:none;margin:auto;}*/
    .top-header {
        padding-bottom: 18px;
    }

    #home-banners-carousel .carousel-inner .item {
        height: 550px;
    }
}

@media screen and (min-width:2000px) {
    .port-map {
        background-size: 2000px;
    }
}