@media screen and (max-width: 1450px) {
    .banner-item {
        height: 500px;
    }

    .content-inner {
        margin-top: 254px;
    }

    .banner-slider .owl-nav {
        top: 33%;
    }

    .banner-slider .owl-dots {
        transform: translate(0px, 0px);
    }

    .col-rooted-left h1 {
        max-width: 650px;
    }

    .banner-slider {
        margin: 50px 0px 50px;
    }
}

@media screen and (max-width: 1350px) {
    .col-month {
        width: 533px;
    }

    .col-fbo {
        width: 53px;
    }
}

@media screen and (max-width: 1330px) {
    .col-rooted-left {
        width: 55%;
    }

    .col-rooted-right {
        width: 41%;
    }

    .row-rooted-btn {
        justify-content: left;
        gap: 20px;
        flex-wrap: wrap;
    }

  .col--q-same-links {
    width: 18.5%;
}

    .col--q-same-link {
        width: 19%;
    }
}

@media screen and (max-width: 1200px) {

    .col-million-left,
    .col--million-right {
        width: 100%;
    }

    .col--team-box {
        width: 31.6%;
    }
}

@media screen and (max-width: 1160px) {
    .col-month {
        width: 100%;
        max-width: 422px;
    }
}

@media screen and (max-width: 991px) {
    .row--head-l-up {
        display: block;
        padding-right: 0;
    }

    .inner-qw {
        width: 70%;
    }

    .col--team-box {
        width: 48.6%;
    }

    .col-month {
        max-width: 100%;
    }

    .col--social-links ul {
        justify-content: left;
    }

   .col--q-same-links {
    width: 32%;
}

    .row--head-l-up h2 {
        padding-bottom: 20px;
    }

    .construction-sty {
        max-width: 100%;
    }

    .col-hh-left,
    .construction-right,
    .construction-left,
    .col-hh-right,
    .col-get-know,
    .col--social-links,
    .col--ftr-top,
    .right--up,
    .col-rooted-right,
    .col-rooted-left,
    .col-left-marine,
    .col-right-marine,
    .col--ftr-tops {
        width: 100%;
    }

    .content-inner {
        max-width: 100%;
        margin-top: 30px;
    }

    .right--up {
        padding-top: 0px;
    }

    .box-update.bg-img {
        padding: 0px 20px;
    }

    .banner-slider .owl-nav {
        top: auto;
        bottom: 13px;
        justify-content: center;
    }

    .banner-slider .owl-dots {
        transform: translate(0px, 0px);
        width: auto;
        top: 50px;
        left: 40px;
        bottom: auto;
    }

    .col-get-know .inner {
        padding: 30px 20px;
    }

    .col-get-know.bg-img {
        height: 300px;
    }

    .col--same-btm,
    .col--center-btm {
        width: 100%;
    }

    .col--center-btm {
        order: 3;
        background-image: none;
    }

    .col--center-btm ul li a {
        color: #fff;
    }

    .col--center-btm ul {
        justify-content: left;
        flex-wrap: wrap;
    }

    .row--ftr-btm.dy-flex {
        padding-top: 30px;
    }

    .col--same-btm.bevin p {
        text-align: left;
    }

    .col-two-colum,
    .col-three-colum,
    .col-half-colum,
    .col-half-second-colum,
    .col-four-colum {
        width: 100%;
    }

    .b-padding {
        padding-top: 50px;
    }

    .light-box a {
        width: 49% !important;
    }

    .col--acc {
        width: 100%;
    }

    .col-get-know .accordion-container,
    .content--area {
        max-width: 100%;
    }

    .content--area h2,
    .content--area p {
        margin-bottom: 20px;
    }

    .order-list-sec h2 {
        margin-bottom: 30px;
    }

    .list-number ol,
    .list-number ul {
        width: 100%;
    }

    .list-number li {
        width: 100%;
    }

    .light-box {
        row-gap: 20px;
    }

    .col--over {
        width: 100%;
    }

    .inner-over.bg-img {
        padding: 0px 20px;
        border-radius: 10px;
    }

    .col--over img {
        width: 100%;
    }

    .col--over .inner {
        padding: 47px 0px;
    }

    .col--over h2 {
        margin-bottom: 20px;
    }

    .col--overs.lyera h2 {
        margin-bottom: 20px;
    }

    .col--overs.lyera h4,
    .col--overs.lyera p {
        margin-bottom: 17px;
    }

    .col--overs.srt img {
        height: auto;
    }

    .col--over,
    .col--overs {
        width: 100%;
    }

    .col--overs.lyera {
        padding: 30px 20px;
    }

    .img--bga.bg-img {
        height: 400px;
    }

    .shipping-sec h2 {
        margin-bottom: 20px;
    }

    .col--invest {
        width: 100%;
    }

    .col--resour {
        padding: 25px 21px;
    }
    .row-main-team.dy-flex {
    row-gap: 32px;
}
.col--simple {
    width: 100%;
}
.box-s-t {
    margin-top: -70px;
}
.news .col-rooted-right h4, .news .col-rooted-right h5 {
    text-align: left;
}
section.break--out .breakout {
    margin-top: 0px;
}
.modal-contents.contact-pop {
    width: 90%;
}
.form-contact-row {
    flex-wrap: wrap;
}
.col--c-phone {
    width: 100%;
}
.col-content-contact {
    width: 100%;
    padding: 0px 20px 40px;
}
.col--c-phone ul {
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 30px;
}
.modal-contents.contact-pops.bg-img {
    width: 95%;
}
}

@media screen and (max-width: 767px) {
    .video-popup iframe {
        height: 40vh;
    }
    .col--c-phone img {
    margin-left: -50px;
    width: 100%;
    padding-top: 20px;
}
    form input[type="text"], form input[type="password"], form input[type="tel"], form input[type="email"], form input[type="url"], form input[type="search"], form textarea, form select {
    height: 43px;
    margin-bottom: 11px;
}
    .modal-contents.contact-pop .form-contact {
    padding: 40px 20px;
}
    .col--resour.wytr a {
    font-size: 20px;
}
    section.load---sec.berth {
    padding-top: 162px;
}
    section.load---sec.berth h3 {
    margin-bottom: 48px;
}
    .simple-img.contr {
    margin-top: -160px;
}
    .s-team-ifo {
    padding: 24px 14px;
}
.col--simple .title-up a {
    font-size: 20px;
    padding-bottom: 22px;
}
    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    .btn-dload a {
        font-size: 16px;
    }

    .col--resour {
        width: 100%;
    }

    .col-date h3,
    .col-con-h h4 {
        font-size: 19px;
    }

    .col-fbo h6 {
        font-size: 14px;
    }

    .col--right-th {
        flex-wrap: wrap;
    }

    .col--map {
        width: 100%;
    }

    .col--team-box {
        width: 100%;
    }

    .col-fbo {
        width: 100%;
    }

    .col-month {
        flex-wrap: wrap;
        gap: 4px;
    }

    .row-his {
        gap: 54px;
    }

    .ships-inner {
        width: 100%;
    }

    .ships--box.dy-flex {
        row-gap: 30px;
    }

    .img--bga.bg-img {
        height: 300px;
    }

    .inner-content-des {
        padding-right: 0px;
        padding-top: 20px;
    }

    .inner-banner-section {
        padding: 140px 0px 206px;
    }

    .light-box a {
        width: 100% !important;
    }

    .box--mim {
        width: 100%;
    }

}

@media screen and (max-width: 500px) {
    .content-inner h3 {
        font-size: 20px;
    }
.construction-sty li a {
    font-size: 18px;
    line-height: 16px;
    padding: 16px 15px;
}
.construction-sty {
    padding: 17px 7px;
}
    .col--ftr-tops .inner {
        padding: 28px 80px 28px 20px;
    }

    .col--min {
        width: 100%;
    }

    .box--mim {
        flex-wrap: wrap;
        gap: 13px;
    }

    .col--ftr-tops a {
        top: auto;
        right: 16px;
        bottom: 27px;
    }

    .col--ftr-tops a img {
        width: 35px;
    }

    .btn-plus a {
        width: 30px;
        height: 30px;
    }

    .img-box-list {
        width: 25%;
    }

    .content-list-ing {
        width: 75%;
    }

    .scroll-to-top {
        right: -15px;
    }

    .scroll-to-top.scroll-to-target.show img {
        width: 62%;
    }

    .btn-plus a img {
        width: 13px !important;
    }

    .owl-nav button {
        width: 36px;
        height: 36px;
    }

    .owl-nav button::after {
        background-size: 34%;
    }

    .banner-item {
        height: 350px;
    }

    .theme-btn a::after {
        height: 43px;
    }

    .accordions {
        font-size: 14px;
        padding-right: 63px;
    }

    .col--q-same-links,
    .col--q-same-link {
        width: 100%;
    }
}