@media screen and (max-width: 1400px){
    .about-sec .abt-img-col h3 {
        font-size: 25px;
        line-height: 40px;
    }
    .ourservices .cnt-col {
        height: 470px;
    }
    .whychoose .whychose-img img {
        width: 500px;
    }
    .whychoose .whychoose-cnt h6 span {
        font-size: 20px;
    }
    .whychoose .whychoose-cnt h6 {
        font-size: 30px;
        margin-bottom: 35px;
    }
    .global-trade .cnt-col {
        height: 331px;
    }
    .global-trade .img-col img {
        width: 100%;
    }
    .strong-network .container-img img {
        right: -45px;
        width: 530px;
    }
    .contact-sec .map-container {
        scale: 0.8;
        left: 0px;
    }
}
@media screen and (max-width: 768px){
    .logo{
        margin-left: 20px;
    }
    header .logo img {
        width: 150px;
    }
    header {
        padding: 20px 0px;
    }
    .hero {
        padding-bottom: 40px;
        margin: 10px;
    }
    .hero h1 {
        font-size: 30px;
    }
    .hero .hero-cnt p {
        max-width: auto;
        font-size: 15px;
    }
    .hero .hero-counter {
        height: auto;
        gap: 20px;
        justify-content: center;
    }
    .hero .hero-counter .timer {
        font-size: 30px;
    }
    .hero .hero-counter P {
        margin: 0;
        font-size: 10px;
    }
    .hero .learn-more {
        display: none;
    }
    .quick-cnct a i {
        font-size: 10px;
        width: 25px;
        height: 25px;
        line-height: 25px;

    }
    .quick-cnct a {
        padding: 5px 15px 5px 8px;
        font-size: 13px;
    }
    .quick-cnct a:hover {
        padding: 5px 35px 5px 0px;
    }
    .quick-cnct a:hover i {
        transform: translateX(127px);
    }
    .hero-btns {
        margin-bottom: 40px;
    }

    .head-tag {
        margin: auto;
        margin-bottom: 25px;
        width: fit-content;
    }
    .head-tag p img {
        width: 15px;
    }
    .head-tag p {
        gap: 5px;
        padding: 5px 10px;
        font-size: 13px;
    }
    .about-sec {
        padding: 50px 0;
    }
    .about-sec .abt-img-col h3 {
        font-size: 23px;
        line-height: 35px;
    }
    .abt-img-col h3 br{
        display: none;
    }
    .about-sec .abt-img-col h3 img {
        width: 25px;
    }
    .about-sec .abt-img img {
        width: 100%;
        margin-bottom: 35px;
    }
    .abt-cnt-col .core-services h5 {
        font-size: 25px;
        margin-top: 25px;
    }
    .learn-more a:hover {
        padding: 5px 36px 5px 8px;
        gap: 0;
    }
    .learn-more a {
        padding: 5px 10px 5px 8px;
        font-size: 13px;
        gap: 8px;
    }
    .learn-more a i {
        font-size: 10px;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    .learn-more a:hover i {
        transform: translateX(105px);
    }
    .core-services .learn-more {
        margin-top: 40px;
    }
    .ourservices .services-head h3  {
        text-align: center;
        margin-top: 25px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 30px;
        font-size: 24px;
    }
    .ourservices .services-head h3 br{
        display: none;
    }
    .ourservices {
        padding: 50px 0px;
    }
    .ourservices .cnt-col {
        height: auto;
    }
    .ourservices  .service-img img {
        margin-bottom: 10px;
    }
    .ourservices h5 {
        margin-top: 30px !important;
    }


    .whychoose {
        padding: 50px 0;
    }
    .whychoose .whychose-img img {
        display: none;
    }
    .whychoose .head-tag p img {
        width: 15px;
    }
    .whychoose .whychoose-head h5 {
        font-size: 25px;
    }
    .whychoose .whychoose-head h5 {
        margin-bottom: 40px;
    }
    .whychoose .whychoose-cnt h6 {
        font-size: 23px;
        margin-bottom: 35px;
    }
    .whychoose .whychoose-cnt h6 br{
        display: none;
    }
    .whychoose .whychoose-cnt h6 span {
        font-size: 16px;
    }
    .whychoose .whychoose-points .points p {
        margin-bottom: 25px;
        font-size: 14px;
    }
    .whychoose .whychoose-points .points img {
        height: 30px;
        margin-bottom: 8px;
    }


    .global-trade {
        padding: 50px 0px;
    }
    .global-trade .global-head h3 {
        line-height: 30px;
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .global-trade .cnt-col {
        height: auto;
    }
    .global-trade .cnt-col h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .global-col-a .row{
        flex-direction: column-reverse;
    }
    .global-trade .img-col img {
        margin-bottom: 25px;
    }
    .global-col-a{
        margin-bottom: 40px;
    }



    .ourapproach {
        padding: 50px 0;
    }
    .ourapproach .approach-head h5 br{
        text-align: center;
        margin-top: 25px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 40px;
        font-size: 25px;
    }
    .ourapproach .approach-head h5 br{
        display: none;
    }
    .ourapproach .row {
        gap: 25px;
    }


    footer {
        background: var(--primary-color);
        padding: 50px 0px;
    }
    footer .footer-logo {
        margin-bottom: 90px;
    }
    footer .credits {
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }
    footer .nav-links {
        grid-template-columns: repeat(1, 1fr);
        gap: 35px;
    }
    footer .nav-links .nav-col h4 {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 5px;
    }
    footer .nav-links .nav-col ul li a {
        font-size: 14px;
    }
    footer .footer-social {
        margin-bottom: 40px;
    }
    footer .credits h6, footer .credits h6 a{
        font-size: 13px;
    }
    footer .footer-logo img {
        width: 160px;
    }
    .custom-margin {
        margin-left: 0px;
    }








    .abt-banner {
        margin: 10px;
        border-radius: 20px;
    }
    .mission-vision .mission-head h5 {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .mission-vision .mission-col {
        margin-top: 20px;
        height: auto;
    }

    .ourteam .top-cnt-para {
        height: auto;
    }
    .ourteam .top-cnt h5 {
        font-size: 25px;
    }
    .freigth-shipping .row{
        flex-direction: column-reverse;
    }












    .services-sec {
        padding: 50px 0;
        background-size: 120%;
    }
    .services-sec .ser-top-cnts h4 {
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 40px;
        margin-top: 30px;
    }
    .services-sec .ser-top-cnts h4 br{
        display: none;
    }
    .bg-img {
        height: 150px;
        margin: auto;
        width: 95%;
        border-radius: 10px;
    }


    .strong-network {
        margin-bottom: 150px;
    }
    .strong-network .hero-counter {
        gap: 15px;
    }
    .strong-network .cnt-col h4 {
        font-size: 25px;
    }
    .strong-network .container {
        padding: 30px;
    }
    .strong-network .container-img img {
        right: -9px;
        width: 100%;
        top: 29px;
    }







    .contact-sec {
        padding: 50px 0 120px 0;
    }
    .contact-sec .services-head h3 {
        line-height: 35px;
        margin-bottom: 30px;
        font-size: 25px;
    }
    .contact-sec .services-head h3 br{
        display: none;
    }
    .contact-sec .contact-img-sec {
        height: 530px;
        margin-bottom: 40px;
    }
    .contact-sec .map-container {
        scale: 0.6;
        left: -110px;
    }
    .contact-sec .qatar-map {
        top: 215px;
        right: 25px;
    }
    .contact-sec  .form-container {
        width: 100%;
        padding-left: 0px;
    }
    .contact-sec .connect-sec {
        margin-top: 60px;
        align-items: flex-start;
        flex-direction: column;
        gap: 50px;
    }
}