@media only screen and (min-width:200px) and (max-width:567px)
{
    header{
        position: relative;
        position: fixed;
        z-index: 100;
        top: 0px;
    }
    .header-colom{
        flex-direction: column;
    }
    .main-iner-box{
        flex-direction: column;
    }
    .main-iner-box{
        width: 100%;
        height: 700px;
    }
    .main-iner-box1{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .main-iner-box2{
        width: 100%;
        height: auto;
    }
    .box2-form{
        width: 90%;
        display: flex;
        align-items: center;
    }
    .osbox{
        margin-top: 880px;
    }
    .os-box1-hadding{
        font-size: 25px;
    }
    .main-iner{
        width: 100%;
        height: auto;
        background-size: cover;
        position: absolute;
        top: 135px;
    }
    .box2-hadding{
        padding-bottom: 20px;
    }
    .box1-text{
        padding: 10px;
    }
    .box1-text h1{
        font-size: 25px;
        padding-top: 10px;
    }
    .box1-text h2{
        font-size: 20px;
        padding-top: 10px;
    }
    .box1-text h3{
        font-size: 15px;
        padding-top: 20px;
        color: black;
    }
    .box1-img img{
        width: 100px;
    }
    .osbox-iner{
        width: 90%;
        margin: auto;
    }
    .box1-video-box{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
        padding: 10px 0px;
    }
    .video-box{
        width: 100%;
        height: 200px;
        border-radius: 20px;
    }
    .box2-in-box{
        width: 95%;
        margin: auto;
    }
    .box3-box-in{
        width: 45%;
    }
    .os-box4{
        padding-bottom: 210px;
    }
    .os-box4-colome{
        padding-left: 20px;
    }
    .os-box4-in{
        width: 90%;
        height: 450px;
        margin: auto;
        font-size: 15px;
        padding-right:  10px;
        padding-left: 10px;
        text-align: left;
        position: absolute;
        padding-top: 250px;
        background-color: #306598;
        color: white;
        border-radius: 20px;
    }
    .box4-in-img{
        width: 200px;
        height: 260px;
        background-color: #e21d24;
        position: relative;
        left: 75px;
        top: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 10px 0px;
        border-radius: 20px 0px 20px 0px;
    }
    .os-box5{
        padding: 40px 0px;
    }
    .box5-in{
        flex-direction: column;
        gap: 30px;
    }
    .os-box5-in{
        width: 90%;
        height: 200px;
        margin: auto;
    }
    .os-box6-in{
        width: 95%;
        margin: auto;
    }
}