@media(max-width:3000px) and (min-width: 1700px){}


@media(max-width: 1760px) {
    #header .logo img {
     max-width: 72%;
     margin-top: -7px;
 }
 .sea-port #perPageSelect {
     width: 110px;
 }
 .column:nth-child(1) img.footerlogo {
    width: 55%;
}
}

@media(max-width: 1366px) {
    #header .logo img {
        max-width: 71%;
        margin-top: -8px;
    }
}

@media(max-width: 1366px) {
    .services-single p.read-more img {width: 0.7vw;height: 0.7vw;}
    header.shrink .navbar-brand {top: -2px;}
    .navbar .dropdown ul li a {
        line-height: 25px;
    }
    #header .logo img {
        max-width: 71%;
        margin-top: -12px;
    }
    #header.animated.shrink .logo img{
        margin-top: -1px;
    }
    .social-box a {
        width: 3.08vw;
        height: 3.08vw;
    }
    .footerlogo{
        width: 52%;
    }
}

@media(max-width: 992px) {
    header .mobile-navbar.open {
        right: 0%;
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 25px;
        height: 2px;
        border-radius: 0px;
        background-color: #fff;
        position: relative;
        margin: 5px auto;
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
    }
    header .navbar-toggler.active .icon-bar.one {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 7px;
    }
    header .navbar-toggler.active .icon-bar.two {
        transform: translateX(40px);
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -o-transform: translateX(40px);
    }
    header .navbar-toggler.active .icon-bar.three {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 7px;
    }
    .mobile-navbar .navbar-nav {margin-top: 50px;display: block;}
    header .navbar-toggler, header .navbar-toggler:focus {
     border: 0;
     outline: 0;
     padding: 0;
     width: 25px;
     height: 25px;
     position: relative;
     overflow: hidden;
     z-index: 2;
     margin: 10px;
     top: -5px;
 }
 header .mobile-navbar.open {
    right: 0%;
    background: #1850a5;
    width: 50%;
}
header .mobile-navbar {
    z-index: 2;
    width: 100%;
    position: fixed;
    top: 0;
    padding: 0px;
    z-index: 1;
    right: -100%;
    background-color: #fff;
    color: #fff;
    height: 100vh;
    overflow-y: scroll;
    transition: all 0.3s;
}
.navbar-brand {
    top: 0px;
    left: -3px;
    width: 33%;
}
.navbar-brand img {
    margin: inherit;
    width: 85%;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}
.navbar-expand-md .navbar-toggler {
    display: block;
    position: relative;
    top: 5px;
}
.navbar-expand-md .navbar-toggler:focus{
    box-shadow: none;
    top: 5px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 97vw;
}
.font20 {
    font-size: 16px;
}
.caption h2{font-size: 27px;}
.caption p br{display: none;}
.common-btn{height: 36px;font-size: 14px;padding: 5px 12px;}
.caption {
    top: 38%;
    width: 90%;
}
.common-btn img {
    width: 18px !important;
    height: 17px;
}
.slider-section .owl-dots{display: none;}
a.navbar-brand img{width: auto;height: auto;margin-top: 0;}
header{height: 9vw;background: #1850a5;z-index: 9999;}
header.shrink .navbar-brand {
    top: 2px;
}
.subheading{font-size: 20px;}
.heading{font-size: 30px;}
.font22 {
    font-size: 16px;
}
.icon-single img {
    width: 5.44vw;
    height: 5.44vw;
}
p, li{font-size: 14px;}
.about-us .text-box {
    margin-top: 30px;
}
.about-us .about1 {
    width: 62%;
    height: auto;
}
.about-us .about2 {
    width: 30%;
    height: auto;
    bottom: -8vw;
    right: 20vw;
}
.logo-single img {
    width: 6.9vw;
    height: 6.9vw;
}
.heading-box{
    display: block !important;
}
.heading-box p{text-align: left !important;margin-top: 10px;}
.heading-box .common-btn {
    margin-left: unset;
}
.services-section{height: 70.25vw;}
.service-content h4{font-size: 19px;}
.service-item{
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    overflow: hidden;
}
.service-content img{
    width: 6.44vw;
    height: 6.44vw;
}
.service-content{
    top: 1.7vw;
}
.process-wrapper{grid-template-columns: repeat(2, 1fr);}
.process-single .process-bg, .process-single .process-border {
    width: 39.21vw;
    height: 34.27vw;
}
.process-single .content-box {
    width: 32.47vw;
    left: 24px;
}
.process-wrapper .process-single:nth-child(2), .process-wrapper .process-single:nth-child(3){
    top: 0;
}
.process-single .icon {
    width: 5.44vw;
    height: 5.44vw;
}
.process-single h5 {
    width: 40px;
    height: 40px;
    right: 48px;
    bottom: 0.1vw;
}
.my-video{
    height: 45.7vw;
}
.strenth-wrapper ul li{
    padding-left: 25px;
}
.strenth-wrapper ul li::before{
    top: 11px;left: 11px;
}
.resource-wrapper{
    grid-template-columns: repeat(2, 1fr);
}
.resource-single span{
    font-size: 14px;
    padding: 5px 10px;
}
.column h4{
    font-size: 18px;
    margin-bottom: 15px;
}
.main-footer .footer-wrapp{
    flex-wrap: wrap;
    margin-top: 0;

}
.address-wrapper{margin-top: 18px;}
.column:nth-child(1) {
    width: 100%;
    margin-bottom: 16px;
}
.footer-wrapp::before{
    display: none;
}
.column:nth-child(2) {
    width: 27%;
    padding-left: 0;
}
.column:nth-child(4) {
    width: 38%;
}
.column:nth-child(1) p{font-size: 14px;}
.social-box a{width: 35px;height: 35px;}
.column a{font-size: 14px;}
.column p{font-size: 14px;}
.address-wrapper img{width: 20px;height: 20px;}
.column:nth-child(3){width: 33%;}
.btm-strip a{font-size: 14px;}
.btm-strip p{font-size: 14px;}
.btm-strip .text-end{text-align: left !important;}
.navbar-expand-md .navbar-nav .nav-link {
    font-size: 19px;
    color: #fff;
    margin-bottom: 22px;
}
header .mobile-navbar{align-items: flex-start;}
.navbar-expand-md .navbar-nav .nav-item:nth-child(6) .nav-link{width: 15.66vw;height: 4.6vw;font-size: 16px;}
.navbar-expand-md .navbar-nav .nav-item:nth-child(6) .nav-link img{opacity: 0;}
.navbar-expand-md .navbar-nav .nav-item:last-child .nav-link img {
    width: 4.6vw;
    height: 4.6vw;
}
.breadcum h1{font-size: 30px;}
.vision-single .text-box{width:77%;}
.vision-single .icon-box{width: 78px;height: 78px;}
.vision-single h3{font-size: 22px;}
.subheading::before{top: 12px;}
.process .subheading::after, .opportunities .subheading::after, .realted-services .subheading::after, .resource .subheading::after, .vision-mission .subheading::after, .expertise .subheading::after{
    top: 12px;
}
.expertise p br{display: none;}
.expertise-single{height: 34.875vw;}
.expertise-single span{width: 60px;height: 60px;}
.expertise-wrapper{flex-wrap: wrap;}
.expertise-single.active, .expertise-single{width: calc(100% - 1.25vw);}
.expertise-single .inner-text{width:39.71vw;}
.expertise-single .img-box{opacity: 1;width: 50%;}
.expertise-single .text-box {
    width: 50%;
}
.expertise-single span img {
    width: 4.6vw;
    height: 4.6vw;
}
.services-wrapper{grid-template-columns: repeat(2, 1fr);}
.services-single .img-box img{width: 100%;height: 27.99vw;}
.services-single p.read-more{font-size: 14px;}
.services-single .icon-box{width: 60px;height: 60px;top: -6vw;}
.services-single .icon-box img {
    width: 4.6vw;
    height: 4.6vw;
}
.services-single p.read-more img{width: 10px;height: 10px;}
.services-single p.read-more{gap: 5px;}
.service-details .img-box img{width: 46.06vw;height: 43.06vw;margin-bottom: 20px;}
.service-list-content ul li::before{left: -22px;
    background-size: 88% 94%;}
    .faq-question{font-size: 17px;}
    .faq-icon{width: 4.29vw;height: 4.29vw;}
    .opportunities-wrapper{width: 100%;}
    .opportunities-wrapper a, .opportunities-wrapper a:hover{font-size: 14px;}
    .opportunities-wrapper .tag{width: 14.61vw;font-size: 14px;}
    .opportunities-wrapper p img{width: 18px;height: 18px;}
    .opportunities-wrapper a img{width: 12px;height: 12px;}
    .address-loc a{font-size: 14px;}
    .address-loc img{width: 2.88vw;height: 2.88vw;}
    .form-sec{margin-top: 22px;}
    ul.navbar-nav{background: transparent;}
    header .navbar-expand-md .navbar-nav .nav-link.active, header .navbar-expand-md .navbar-nav .nav-link:hover{color: #011c4b;}
    header.shrink ul.navbar-nav{margin-top: 50px;}
    .breadcum {margin-top: 69px;}
    .caption-heading{top: 34%;}
    .dropdown:hover .dropdown-menu{position: static;}
    .sea-port .search-box{
        width: 70%;
    }
    .sea-port #perPageSelect {
        border-color: #1850a5;
        padding: 7px 20px;
        border-radius: 7px;
        font-size: 17px;
        width: 133px;
    }
    .navbar .dropdown ul li a {
        line-height: 33px;
        margin-bottom: 0 !important;
    }
    .navbar .dropdown:hover>ul, .navbar-mobile .dropdown ul{
        position: static
    }
    #header .logo img {
        max-width: 100%;
        margin-top: 1px;
    }
    .resource-single p img {
        width: 10px;
        height: 16px;
    }
    .resource-single p{
        gap:4px;
    }
    section.slider-section .item img.main-img {
        filter: brightness(0.7);
    }
    .nav-item.dropdown > ul {
        display: none;
    }

    .nav-item.dropdown.open > ul {
        display: block;
    }
    .nav-item.dropdown:hover > ul {
        display: block;
    }
    .navbar-expand-md .navbar-nav .nav-item:nth-child(7) .nav-link {
        color: #fff;
        font-size: 14px;
        width: auto;
        height:auto; 
    }
    .navbar-expand-md .navbar-nav .nav-item:nth-child(7) .nav-link:hover{
        color:#fff !important;
    }
}

@media(max-width: 767px) {
    header{height: 60px;}    
    .slider-section .mobile-banner {
        display: block !important;
        height: 500px;
        object-fit: cover;
        filter: brightness(0.5);
    }
    .slider-section .desktop-banner{display: none !important;}
    .navbar-brand {
        top: 0px;
        left: -8px;
        width: 56%;
    }
    .navbar-expand-md .navbar-toggler{
        top: -5px;
    }
    .about-us .about1 {
        width: 100%;
        height: auto;
    }
    .about-us .about2 {
        width: 44%;
        height: auto;
        bottom: -20vw;
        right: 5vw;
    }
    .heading br{
        display: none;
    }
    .heading {
        font-size: 27px;
    }
    .icon-wrapper{
        display: block;
    }
    .icon-single img {
        width: 10.44vw;
        height: 10.44vw;
    }
    .icon-single{
        margin-bottom: 20px;
    }
    .logo-single img {
        width: 10.9vw;
        height: 11.9vw;
    }
    .logo-single{
        padding: 0 19px;
    }
    .services-section {
        height: auto;
        margin: 40px 0px;
    }
    .service-content img {
        width: 10.44vw;
        height: 10.44vw;
    }
    .process-wrapper{
        grid-template-columns: repeat(1, 1fr);
    }
    .process-single .process-bg, .process-single .process-border {
        width: 100%;
        height: auto;
    }
    .process-single .content-box {
        width: 87%;
        left: 24px;
    }
    .process-single .icon {
        width: 12.44vw;
        height: 10.44vw;
    }
    .process-single h5 {
        width: 50px;
        height: 50px;
        right: 20px;
        bottom: 3px;
    }
    .column:nth-child(4){
        width: 100%;
        margin-top: 22px;
    }
    .column:nth-child(3) {
        width: 50%;
    }
    .column:nth-child(2){
        width: 50%;
    }
    .social-box a {
        font-size: 14px;
        margin-right: 10px;
        margin-top: 10px;
    }
    .breadcum {
        margin-top: 59px;
    }
    .services-wrapper{
        grid-template-columns: repeat(1, 1fr);
    }
    .services-single .img-box img{
        height: auto;
    }
    .services-inner {
        padding: 40px 0px;
    }
    .services-single {
        padding: 15px;
        margin-bottom: 20px;
    }
    .services-single .text-box{
        margin-top: 22px;
    }
    .services-single .icon-box {
        width: 60px;
        height: 60px;
        top: -53px;
        border: 3px solid #fff;
    }
    .services-single .icon-box img {
        width: 30px;
        height: 36px;
    }
    .service-details .img-box img{
        width: 100%;
        height: auto;
    }
    .service-list-content ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .service-list-content ul li::before{
        width: 4.15vw;
        height: 4.15vw;
    }
    .service-list-content .img-box img{
        width: 100%;
        height: auto;
    }
    .faq-item {

        margin-bottom: 23px;
        padding-bottom: 20px;
    }
    .faq-section {
        padding-top: 24px;
    }
    .faq-icon{display: none;}
    .faq {padding-top: 30px;}
    .service-details {
        padding: 40px 0px;
    }
    .navbar-expand-md .navbar-nav .nav-item:nth-child(6) .nav-link {
        width: auto;
        height: auto;
        margin-left: 6px;
        text-align: left;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav .nav-item:last-child .nav-link img {
        width: 10.6vw;
        height: 10.6vw;
    }
    .navbar-expand-md .navbar-nav .nav-link{
        margin-bottom: 17px;
    }
    .form-sec .form-control {
        padding: 8px;
        margin-bottom: 20px;
    }
    .form-sec {
        margin-top: 22px;
        margin-bottom: 22px;
        padding: 15px;
    }
    .contact-us {
        padding: 40px 0px;
    }
    .address-loc img {
        width: 4.88vw;
        height: 4.88vw;
    }
    .left-contact{
        padding: 16px;
    }
    .address-loc{
        gap: 9px;
    }
    .address-loc{
        margin-bottom: 19px;
        padding-bottom: 19px;
    }
    .btm-strip .container{
        padding: 10px;
    }
    header .mobile-navbar.open{
        width: 84%;
    }
    .opportunities{
        padding-bottom: 40px;
    }
    .opportunities-wrapper {
        width: 100%;
        flex-wrap: wrap;
        padding: 15px;
    }
    .opportunities-wrapper h5 {
        width: 50%;
    }
    .opportunities-wrapper .tag {
        width: fit-content;
        font-size: 14px;
        padding: 4px 10px;
    }
    .opportunities-wrapper p{
        margin-top: 10px;
    }
    .opportunities-wrapper a{
        margin-top: 10px;
    }
    .vision-mission-bg{
        padding: 40px 0px;
    }
    .vision-single{
        margin-bottom: 22px;
    }
    .expertise-single {
        height: auto;
    }
    .expertise-single span img {
        width: 10.6vw;
        height: 9.6vw;
    }
    .expertise-single .text-box{
        padding: 10px;
    }
    .expertise-wrapper{
        padding: 10px;
    }
    .resource-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .about-us .text-box {
        margin-top: 62px;
    }
    .my-video {
        height: 87.7vw;
    }
    .resource-single {
        padding: 15px;
        margin-bottom: 20px;
    }
    .resource-single .img-box {
        margin-bottom: 22px;
        margin-top: 15px;
    }
    .resource {
        padding: 40px 0px;
    }

    .process-single:hover .process-bg{
        width: 100%;
        height: auto;
    }
    .about-us, .expertise {
        padding: 40px 0px;
    }
    .logo-slider {
        padding: 28px 0px;
    }
    .navbar-expand-md .navbar-toggler:focus{
        top: -5px;
    }
    .sea-port .d-flex{
        flex-wrap: wrap;
    }
    .sea-port .search-box {
        width: 100%;
        margin-bottom: 12px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100vw;
        padding: 0 15px;
    }
    #header .logo img {
        max-width: 100%;
        margin-top: -5px;
    }
    .service-item:last-child {
      border-right: 1px solid rgba(255, 255, 255, .25);
  }
  .heading-box p br{
    display: none;
}
.expertise-single .img-box, .expertise-single.active .img-box, .expertise-single.active .text-box, .expertise-single .text-box{
    width: 100%;
}
.expertise-single .inner-text{
    width: 100%;
}
.expertise-single {
    flex-direction: column;
}
.expertise-single span{
    margin-bottom: 10px;
}
#colms{
    padding-left: 0;
}
.custom-modal .modal-dialog {
    max-width: 100%;
}
.pagination{
    flex-wrap: wrap;
}
.service-item, .service-item:last-child{
    border-right: 0;
}
.caption {
    top: 38%;
    width: 88%;
}
.about-us .about-inner {
    width: 49.27vw;
    height:auto; 
}
.blog-details.py-5 li {
    list-style-type: disc;
}

}
@media(min-width:768px) {
}