/* 1. Mobile Phones (Portrait) */
/* Range: 320px to 480px */
@media screen and (min-width: 320px) and (max-width: 480px) {
    /* Styles for small phones */
}

/* 2. Mobile Phones (Large/Landscape) */
/* Range: 481px to 767px */
@media screen and (min-width: 481px) and (max-width: 767px) {
    /* Styles for large phones or landscape mobile */
}

/* 3. Tablets (Portrait) */
/* Range: 768px to 1023px */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .header-top-wrapper {
        padding: 0px 100px;
    }
}

/* 4. Laptops / Tablets (Landscape) */
/* Range: 1024px to 1279px */
@media screen and (min-width: 1024px) and (max-width: 1279px) {

    /* Styles for small laptops and iPad Pro landscape */
    .custom-header-top {
        padding: 0px 130px;
    }

    .custom-header-bottom {
        padding: 0px 30px;
    }

    .navbar-brand img {
        width: 150px;
    }
}

/* 5. Desktop / HD Laptops */
/* Range: 1280px to 1599px */
@media screen and (min-width: 1280px) and (max-width: 1599px) {

    /* Styles for standard 13" - 15" laptops */
    .custom-header-top {
        padding: 0px 160px;
    }

    .custom-header-bottom {
        padding: 0px 40px;
    }
}

/* 6. Large Desktops / Ultra-wide */
/* Range: 1600px and up */
@media screen and (min-width: 1600px) {

    /* Styles for large monitors and 4K screens */
    .custom-header-top {
        padding: 0px 200px;
    }

    .custom-header-bottom {
        padding: 0px 200px;
    }

    .navbar-nav {
        margin-left: 40px;
    }
}