@media(max-width: 480px) {

        #container #box-1 h1 {
            font-size: 28px;
        }

        #container #box-1 #p1 {
            font-size: 15px;
        }

        #container #box-1 #p2 {
            font-size: 11px;
        }

        #popup {
            width: 75%;
            height: 125px;
            padding: 20px;
        }

        #popup p {
            font-size: 12px;
            height: 80%;
            width: 95%;
            margin-top: 4%;
        }

        #popup h1 {
            font-size: 25px;
        }

        #price-packages {
        height: 4875px;
        width: 80%;
        margin: 25px auto 60px auto;
        display: flex; 
        flex-direction: column;
    }

        .price-box {
            width: 100%;
            margin: 10% 0%;
            height: 100%;
        }

        .container {
            font-size: 18px;
            margin-top: 20px;
        }

        #container-2 {
            height: 1390px;
            width: 90%;
            margin: 30px auto;
        }

        #all-in-one-solution, #speed {
            width: 100%;
            height: 700px;
            display: flex;
            flex-direction: column;
            margin: 0px auto;
        }
        

        .c-2 h1, .speed-right h1 {
            font-weight: 600;
            width: 100%;
            margin: 0px;
        }

        .c-2 p, .speed-right p {
            margin: 5px 0px 20px 0px;
            width: 85%;
        }

        .speed-left {
            width: 95%;
            height: 100%;
        }
        .speed-right {
            width: 95%;
            margin-left: 0px;
        }

        #all-in-one-img, #speed-img {
            height: 360px;
            width: 100%;
            margin: 25px 0px;
        }

        #all-in-one-img img, #speed-img img {
            height: 100%;
            width: 100%;
        }

            .speed-right h1 {
        font-size: 35px; 
         color: #2a195c; 
         font-weight: 600; 
        width: 100%;
        margin: 0px auto;
    }
        #advanced {
            height: 800px;
            flex-direction: column;
        }

        #advanced h1 {
            width: 80%;
            font-size: 35px;
            margin: 50px 0px 30px 50px;
        }

        .advanced-left {
            width: 100%;
            height: 100%;
        }

        .advanced-li {
            font-size: 16px;
            width: 80%;
            margin: 20px 0px 30px 50px;
        }

        #advanced-r-img {
            height: 290px;
            width: 100%;
            margin: 40px 0px;
        }



    }