@media (max-width:1024px) {
    .body2 {
        height: 119vh;
    }

    .bg {
        height: 119vh;
    }

    .home #h3-home {
        font-size: 2.4rem;
    }

    .homeparent p {
        font-size: 1.1rem;
    }

    .homeparent {
        padding: 150px 20px 40px 20px;
    }

    .homeparent input {
        padding: 16px 50px 16px 20px;
    }

    .homeparent #home-btn {
        padding: 13px 26px 14px 20px;
    }

    .film-slide img {
        padding: 18px 22px 30px 22px;
        ;
    }

    .box {
        width: 49%;
    }

    .box-item {
        width: 97%;
    }

    .reg input {
        padding: 17px 300px 17px 9px;
    }

    .footer-parent {
        display: flex;
        justify-content: space-around;
        width: 92%;
    }
}

@media (max-width:960px) {
    #logo img {
        height: 47px;
    }

    #nav-btn #select {
        padding: 6px 13px;
    }

    #nav-btn button {
        padding: 5.5px 15px;
    }

    .home #h3-home {
        font-size: 2.3rem;
    }

    .homeparent input {
        padding: 16px 30px 16px 20px;
    }

    .homeparent {
        padding: 90px 230px 40px 230px;
    }

    .film-slide img {
        padding: 18px 10px 30px 10px;
        ;
    }

    .parent {
        padding: 0px 80px;
    }

    .box {
        width: 98%;
        height: 200px;
    }

    .box-item {
        width: 95%;
    }

    .reg input {
        padding: 16px 250px 16px 9px;
    }

    .reg #reg-btn {
        padding: 15px 35px 15px 20px;
    }

    .footer-parent {
        display: flex;
        justify-content: space-around;
        width: 95%;
    }
}

@media (max-width:900px) {
    .parent {
        padding: 0px 50px;
    }

    #logo img {
        height: 40px;
    }

    .home #h3-home {
        font-size: 2.2rem;
    }

    .homeparent #home-btn {
        padding: 13px 18px 14px 20px;
    }

    .homeparent {
        padding: 90px 200px 40px 200px;
    } 

    .film-slide img {
        width: 93px;
        height: 144px;
    }

    .box {
        width: 97%;
        height: 190px;
    }

    .box-item {
        width: 94%;
        height: 85px;
    }
}

@media (max-width:850px) {
    .homeparent {
        padding: 90px 180px 40px 180px;
    }

    .homeparent p {
        font-size: 1.2rem;
    }

    .homeparent input {
        padding: 20px 20px 20px 20px;
    }

    .homeparent #home-btn {
        padding: 17px 20px 17px 20px;
    }

    .reg input {
        padding: 16px 200px 16px 9px;
    }

    .film-slide img {
        width: 11.5%;
    }

    .footer-parent {
        width: 99%;
    }
}

@media (max-width:800px) {
    .home #h3-home {
        font-size: 2.5rem;
    }

    .home #h4-home {
        font-size: 1.2rem;
    }

    .homeparent {
        padding: 65px 140px 50px 140px;
    }

    #logo img {
        height: 36px;
    }

    .footer-parent {
        width: 97%;
    }

    .footer-parent {
        display: ruby;
        flex-direction: column;
    }
}

@media (max-width:750px) {
    .homeparent {
        padding: 65px 120px 50px 120px;
    }

    .homeparent input {
        padding: 17px 20px 17px 20px;
    }

    .homeparent #home-btn {
        padding: 13px 20px 16px 20px;
    }

    .footer-parent{
        display: ruby;
        flex-direction: column;
    }

    .reg input {
        padding: 16px 140px 16px 9px;
    }

    .reg #reg-btn {
        padding: 15px 30px 15px 20px;
    }

    .box h2 {
        margin-bottom: 2px;
    }

    .film-slide img {
        width: 15.5%;
    }

    .box {
        width: 97%;
    }

    .box-item {
        width: 95%;
    }

    .film-slide img {
        padding: 18px 15px 30px 15px;
    }


}

@media (max-width:700px) {
    .footer-parent {
        display: ruby;
        flex-direction: column;
    }

    .homeparent {
        padding: 65px 120px 50px 120px;
    }

    .home #h3-home {
        font-size: 2.3rem;
    }

    .home #h4-home {
        font-size: 1rem;
    }

    .homeparent p {
        font-size: 1.1rem;
    }

    .box {
        width: 99%;
    }

    .box-item {
        width: 96%;
    }


}

@media (max-width:650px) {
    .home #h4-home {
        font-size: 1.2rem;
    }

    .homeparent p {
        font-size: 1.2rem;
    }

    .home #h3-home {
        font-size: 2.4rem;
    }

    .box {
        width: 98%;
        height: 195px;
    }

    .reg #reg-btn {
        padding: 15px 20px 15px 20px;
    }
    
    .homeparent {
        padding: 65px 90px 50px 90px;
    }

    .film-slide img {
        padding: 18px 22px 30px 22px;
    }

    .film-slide img {
        width: 17.5%;
    }

    .reg input {
        padding: 12px 110px 12px 9px;
    }

    .footer-parent{
        display: ruby;
        flex-direction: column;
    }


}

@media (max-width:600px) {
    #logo img {
        height: 34px;
    }

    .film-slide img {
        padding: 18px 18px 30px 18px;
    }

    .box {
        width: 98%;
        height: 200px;
    }

    .reg input {
        padding: 12px 70px 12px 9px;
    }

    .footer-parent {
        flex-direction: column;
        display: ruby;
    }

    .input-btn {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .reg #reg-btn {
        margin: 15px 85px 10px 85px;
    }
}

@media (max-width:550px) {
    header nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 50px;
    }    

    .homeparent {
        padding: 50px 30px 50px 30px;
    }

    .homeparent input {
        padding: 17px 240px 17px 20px;
        margin: 6px;
    }

    .parent {
        padding: 0px 25px;
    }

    .box {
        width: 98%;
        height: 210px;
    }

    .reg {
        display: flex;
        flex-direction: column;
    }

    .input-btn {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .reg #reg-btn {
        margin: 15px 85px 10px 85px;
    }

    .reg input {
        padding: 18px 0px 18px 12px;
    }

    .footer-box {
        flex-direction: column;
        display: flex;
        width: 49%;
    }

    .footer-parent {
        flex-direction: column;
        display: flex;
    }
}

@media (max-width:500px) {
    .box {
        width: 99%;
        height: 212px;
    }

    header nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 40px;
    }

    .homeparent input {
        padding: 17px 214px 17px 10px;
        margin: 6px;
    }

    .film-slide img {
        padding: 18px 18px 30px 18px;
        width: 97px;
    }
}

@media (max-width:450px) {
    body{
        width: 103%;
    }

    header nav {
       padding: 10px 35px;
    }

    .box {
        height: 200px;
    }

    .footer-box li {
        width: 92%;
    }

    .homeparent input {
        padding: 17px 135px 17px 10px;
    }

    .home #h3-home {
        font-size: 2.1rem;
    }
}

@media (max-width:400px) {
    body{
        width: 111%;
    }

    header nav {
        padding: 10px 30px;
    }

    .home #h3-home {
        font-size: 2rem;
    }

    .footer-box li {
        width: 96%;
    }

    .homeparent input {
        padding: 17px 120px 17px 10px;
    }
}

@media (max-width:350px) {
    body {
        width: 116%;
    }

    .homeparent input {
        padding: 17px 134px 17px 10px;
    }

    .homeparent {
        padding: 65px 30px 50px 30px;
    }

    .footer-box li {
        width: 107%;
    }
}

@media (max-width:320px) {
    body {
        width: 119%;
    }

    .homeparent input {
        padding: 17px 115px 17px 10px;
    }

    header nav {
        padding: 10px 14px;
    }

    #logo img {
        height: 33px;
    }

    .reg #reg-btn {
        margin: 15px 70px 10px 70px;
    }

    .footer-box li {
        width: 115%;
    }

    .box {
        height: 215px;
    }

    .box-item {
        height: 95px;
    }

    .home #h3-home {
        font-size: 1.9rem;
    }

    .homeparent {
        padding: 80px 30px 50px 30px;
    }

    .film-slide img {
        padding: 20px 20px 30px 20px;
        width: 116px;
        height: 170px;
    }
}