/* media.css - Mobile Styles */

@media only screen and (max-width: 768px) {
    nav {
        flex-direction: column;
        text-align: center;
        padding: 10px 0;
    }

    header nav aside:nth-child(1),
    header nav aside:nth-child(2) {
        font-size: 20px;
        margin: 10px 0;
    }

    main section {
        flex-direction: column;
        padding: 10px;
    }

    main section aside {
        width: 100% !important;
        padding: 10px 0;
    }

    .form {
        width: 90% !important;
    }

    .form-r1, .form-r2, .form-r3, .form-r4, .form-r5, .form-r6 {
        width: 100% !important;
        padding: 5px 0;
    }

    .form-r6 {
        flex-direction: column;
        align-items: center;
    }

    .form-r6 input,
    .yellow-box {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 5px;
    }

    .youtube .box {
        width: 100% !important;
        height: auto;
    }

    .row-1, .row-2 {
        flex-direction: column;
    }

    .row-1-left, .row-1-right,
    .row-2-left, .row-2-right {
        width: 100% !important;
        margin: 10px 0 !important;
    }

    .get-quote {
        margin: 10px auto !important;
        display: block;
    }

    .features {
        justify-content: center;
    }

    .feature-1 {
        width: 80% !important;
    }

    .iconrow {
        flex-wrap: wrap;
        justify-content: center;
    }

    .icon1 {
        margin: 10px;
    }

    .imgscroll img {
        padding: 10px;
        width: 100%;
    }

    .address-phone {
        margin: 10px auto !important;
        width: 80% !important;
    }

    .whypack, .whychoose,
    .ourachivement, .achsubline {
        flex-direction: column;
        padding: 10px !important;
        text-align: center;
    }
}