/* Header Responsive Design */
@media screen and (max-width: 1200px) {
    header, .contact-us-container {
        padding: 0 20px;
    }

    footer {
        padding: 35px 20px 10px;
    }
}

@media screen and (max-width: 1250px) {
    .navbar .links a {
        font-size: 12px;
    }
}

@media screen and (max-width: 992px) {
    .navbar .links,
    .navbar .language-btns {
        display: none;
    }

    .navbar {
        height: 85px;
    }

    .logo img {
        width: 111px;
    }

    .navbar .toggle-btn {
        display: block;
    }

    .dropdown-menu {
        display: block;
    }

    .contact-us-container {
        display: none;
    }

    .dropdown-menu .contact-info {
        gap: 0;
        width: 200px;
    }

    .dropdown-menu .social-media-links {
        justify-content: center;
    }
}

@media screen and (max-width: 576px) {
    .dropdown-menu {
        left: 2rem;
        width: unset;
    }
}
/* Header Responsive Design ends here */

/* Main Page Responsive Design */
@media screen and (min-width: 320px) and (max-width: 519px) {
    .main-title {
        font-size: 15px
    }
}

@media screen and (min-width: 520px) and (max-width: 719px) {
    .main-title {
        font-size: 24px;
    }
}

@media screen and (min-width: 720px) and (max-width: 919px) {
    .main-title {
        font-size: 34px;
    }
}

@media screen and (min-width: 320px) and (max-width: 700px) {
    .info-panel {
        justify-content: center;
        gap: 25px;
    }

    .info-panel > img {
        display: none;
    }

    .currency-exchange {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 387px) {
    .footer-content .links {
        gap: 0.5rem;
    }
}

@media screen and (max-width: 1355px) {
    .announcement-container {
        padding: 47px 20px 55px;
    }

    .common-container {
        padding: 0 20px;
    }
}

@media screen and (min-width:789px) and (max-width: 1173px) {
    .announcement-grid,
    .service-grid,
    .gallery-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width:320px) and (max-width: 789px) {
    .announcement-grid,
    .service-grid,
    .gallery-content {
        grid-template-columns: repeat(1, 1fr);
    }

    .fedex-logo {
        margin: 15px 0 0;
        align-self: unset;
    }

    .show-more-announcements {
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 320px) and (max-width: 403px) {
    .service-item,
    .gallery-content a {
        width: 280px;
    }

    .announcement-grid-item {
        width: 100%;
    }
    
    .announcement-item-content {
        padding: 23px 0 18px 12px;
    }

    .announcement-description {
        width: 270px;
    }
}
/* Main Page Responsive Design ends here */

/* Footer Responsive Design */
@media screen and (min-width: 320px) and (max-width: 911px) {
    .footer-content {
        gap: 40px;
        justify-content: space-around;
    }

    .logo-copyright, .footer-content .links {
        align-items: center;
    }

    .logo-copyright {
        order: 3;
    }

    .footer-content .links {
        order: 1;
    }

    .contact-map {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;
        order: 2;
    }
}

@media screen and (max-width: 734px) {
    .contact-info > div {
        justify-content: center;
    }
}

@media screen and (max-width: 554px) {
    .map {
        width: unset;
    }
}
/* Footer Responsive Design ends here */

/* Terms and Conditions/About Us Responsive Design */
@media screen and (max-width: 600px) {
    .terms-conditions-content,
    .about-us-content {
        padding: 30px;
    }
}

@media screen and (max-width: 1160px) {
    .about-us-content {
        flex-direction: column;
    }

    .about-us-text {
        width: unset;
    }

    .about-us-imgs {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }
}

@media screen and (max-width: 430px) {
    .about-us-imgs div {
        width: 280px;
        height: 209px;
    }

    .about-us-content {
        padding: 30px;
        width: 100%;
    }
}
/* Terms and Conditions/About Us Responsive Design ends here*/

/* Contact Us Responsive Design */
@media screen and (min-width: 1246px) and (max-width: 1344px) {
    .main-contact-us {
        padding: 0 111px;
    }
}

@media screen and (max-width: 1245px) {
    .main-contact-us {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1065px) {
    .inner-form {
        flex-direction: column;
        gap: 30px;
    }

    .inner-form form,
    .contact-us-info  {
        width: 100%;
    }

    .contact-us-info {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    .form-group-2 {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .follow {
        width: 201px;
    }

    .contact-us-info i {
        margin-right: 15px;
    }

    .contact-us-info span {
        font-size: 12px;
    }
}
/* Contact Us Responsive Design ends here */