@media only screen and (max-width: 567px){
    
    .row{
        width: 100%;
        flex-direction: column;
    }
    .contact{
        display: none;
    }
    .row2{
        width: 100%;
        flex-direction: column;
        padding: 50px 0px;
    }
    .header-content h1{
        font-size: 30px;
    }
    .header-content h2{
        font-size: 28px;
    }
    .header-content h3{
        font-size: 19px;
    }
    .header-content p{
        font-size: 16px;
        padding: 5%;
    }
    .header-form{
        width: 90%;
        margin-top: 20px;
    }
    .inner{
        width: 90%;
        flex-direction: column;
        padding:10% 5%;
    }
    .main1-content h1{
        text-align: center;
        font-size: 28px;
    }
    .main2{
        width: 90%;
        padding:10% 5%;
        font-size: 16px;
    }
    .main2 h1{
        font-size: 18px;
        text-align: center;
    }
    .list1{
        line-height: 30px;
    }
    .list1 li{
        padding: 10px 0px;
    }
    .list2{
        flex-direction: column;
        line-height:10px ;
        font-size: 16px;
    }
    .list2 ul{
        padding: 20px 0px;
    }
    .result{
        flex-direction: column;
    }
    .main3-inner{
        width: 90%;
        padding: 0% 5%;
        flex-direction: column;
        gap: 20px;
    }
    .main3 h1{
        font-size: 20px;
    }
    .register{
        margin-bottom: 20px;
        padding: 30px 10px;
    }
    .main4{
        width: 90%;
        text-align: center;
        padding: 0% 5%;
        padding-bottom: 5%;
    }
    .bootom{
        position: sticky;
        bottom: 0%;
        left: 0%;
        width: 100%;
        visibility: visible;
        display: flex;
        height: 50px;
        justify-content: center;
        align-items: center;
        
    }
    .phone{
        background-color: orange;
        flex-basis: 50%;
        height: 100%;
        border-right: 1px solid white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        font-weight: bold;
    }
    .bootom i{
        padding-right:10px ;
    }
    .message{
        background-color: orange;
        flex-basis: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        font-weight: bold;
    }
    .backtotop{
        top: 82%;
    }
}