/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .nav-menu {
        justify-content: flex-end !important;
        padding: 1rem 2.5rem;
    }
    
    ul .grid-item .nav-item {
        margin-inline-start: 0rem !important;
    }

    .grid-container3 .footer-card {
      
        inline-size:  580px !important;
        block-size: 370px !important;
    }

    .bg-navy-blue {
        block-size: 760px !important;
    }

    a {
        font-size: 18px;
    }

    nav .company-name {
        font-size: 25px !important;
    }

    .grid-item .hackers-are{
        font-size: 20px !important;
        padding-inline-end: 320px;
    }

    .grid-item ul.no-bullets {
        margin-block-start: 20px !important;
        padding: 0 !important;
        margin-inline-end: 20px;
    }

    .grid-item .all-you {
        font-size: 20px;
    }

    .grid-item .phone-img{
        display: none;
       
    }

    .grid-item .phone-img-small  {
        display: inline;
        inline-size: 400px;
        block-size: 413px;
        padding: 14px 0 0 48px;
        margin-block-start: -288px;
        margin-inline-start: 100px;
        position: absolute;
    }

    .phone-border {
        inline-size: 205px;
        block-size: 416px;
        position: absolute;
        margin: -280px 0 0 282px !important
    }

    .grid-container4 {
        margin-inline-start: -40px;
        margin-inline-end: 80px;
    }

    .grid-container2  .download{
        display: none;
       
    }

    .grid-container4  .download{
        display: inline-block;
    }

    .grid-item .download {
        margin: 1rem 1.5rem;
    }

    .gradient-purple {
        block-size: 490px;
    }

    .gradient-navy {
        block-size: 816px;
      }

    .all-white {
        block-size: 380px;
    }

    .grid-item .belt-img {
        inline-size: 350px;
        block-size: 350px;
        padding: 20px;
        margin-block-start: 20px;
    }

    .grid-container1 .more-sophisticated {
        font-size: 15px;
        padding: 20px 40px;
        text-align: start;
    }

    .grid-container4 p a {
        margin-inline-start: 33px;
    }

    .gradient-pink {
        block-size: 630px !important;
    }
    /* .grid-container3 .grid-item .footer-logo-img {
        margin-inline-start: 136px !important;
    } */

    .grid-container3 .footer-card {
        margin: 300px 0 0 -662px;
    }

    .footer-company-name {
        margin: 20px 0;
    }

    .all-you a {
        font-size: 20px;
    }

    .pad-foot-nav{
        padding: 3% 0 0 10% ;
    }

    .footer-logo-img {
        margin: 55px 100px 0 100px;
    }
    
}

@media only screen and (max-width: 991px) {
    .grid-container2  .download{
        display: inline-block;
       
    }

    .grid-container4  .download{
        display: none;
    }
}

@media only screen and (min-width: 1048px) {
    .grid-item .phone-img-small {
        margin-block-start: -288px;
        margin-inline-start: 145px;
    }

    .phone-border {
        margin: -282px 267px;
    }

    .all-you a {
        font-size: 20px;
    }

    .bg-navy-blue {
        block-size: 760px !important;
    }

    /* .gradient-navy {
        block-size: 758px !important;
    } */

}