@media only screen and (max-width:972px){
    .ab-div{
        height: 42rem;
    }
}
@media only screen and (max-width:577px){
    .ab-div{
        height: 73rem;
    }
}
@media only screen and (max-width:775px){
    .head-body{
        font-size:50px;
    }
}
@media only screen and (max-width:519px){
    .head-body{
        font-size:40px;
    }
    .sub-text{
        font-size:20px;
    }
}
@media only screen and (max-width:1239px){
    .evn{
        font-size:60px;
    }
}
@media only screen and (max-width:1055px){
    .evn{
        font-size:50px;
    }
    .ed2{
        font-size:30px;
    }
    .ed3{
        font-size:80px;
    }
    .ed3ed{
        font-size:80px;
    }
    .ed4{
        font-size:40px;
    }
}
@media only screen and (max-width:893px){
    .evn{
        font-size:40px;
    }
    .ed2{
        font-size:20px;
    }
    .ed3{
        font-size:60px;
    }
    .ed3ed{
        font-size:60px;
    }
}
@media only screen and (max-width:766px){
    .btn1{
        width: 80% ;
    }
    .btn2{
        width: 80% ;
        margin-top: 1rem;
    }
    .btn3{
        width: 80% ;
        margin-top: 1rem;
    }
    .btn4{
        width: 80% ;
        /* margin-top: 1rem; */
    }
    .btn5{
        width: 80% ;
        /* margin-top: 1rem; */
    }
    .stb{
        margin:0px;
    }
}
@media only screen and (max-width:380px){
    .btn1{
        font-size:20px;
    }
    .btn2{
        font-size:20px;
    }
    .btn3{
        font-size:20px;}
    .btn4{
        font-size:20px;
    }
    .btn5{
        font-size:20px;
    }
}
@media only screen and (max-width:420px){
    .footer{
        font-size: 14px;
    }
}
@media only screen and (max-width:408px){
    .btn1{
        width: 96% ;
    }
    .btn2{
        width: 96% ;
        margin-top: 1rem;
    }
    .btn3{
        width: 96% ;
        margin-top: 1rem;
    }
    .btn4{
        width: 96% ;
        /* margin-top: 1rem; */
    }
    .btn5{
        width: 96% ;
        /* margin-top: 1rem; */
    }
}