@media only screen and (max-width:561px){
    .ham{
        display: block;
    }
    .navbar-nav{
        display: none;
    }
    .flexy-nav{
        position: fixed;
        background-color:#192465b3;
    }

}
@media only screen and (max-width:768px){
    .header-text{
        font-size:35px;
    }
    .header-head-sample{
        font-size:20px;
    }
    .material-symbols-outlined{
        font-size:80px !important;
    }
    .icnbox{
        margin-top:20px;
    }
    .h-pic{
        justify-content: center !important;
    }
    .h-pic ~ div{
        justify-content: center;
        text-align:center;
    }
    .cntct-sc{
        height: 1050px;
    }
    .profile-pic{
        margin-top:20px;
    }
}
@media only screen and (max-width:572px){
    .sub-model{
        width:90%
    }
    .p-1{
        justify-content: center;
    }
}

@media only screen and (max-width:775px){
    .boxy{
        height: 280px;
    }
}
@media only screen and (max-width:551px){
    .desx{
        font-size: 11px;
    }
    .boxy{
        height: 250px;
    }
}
@media only screen and (max-width:511px){
    .add-body{
        height:450px;
    }
   
}
@media only screen and (max-width:768px){
    .sg{
        text-align: center;
        margin-top:20px;
    }
    .sg2{
        text-align: center;
        margin-top:20px;
    }
    #news{
        width:230px;
        padding: 12px 15px 12px 15px;
        border-radius: 200px;
    }
}
@media only screen and (max-width:410px){
    #addbody{
        width:200px;
    }
}
@media only screen and (max-width:373px){
    .super-head{
        font-size:30px;
    }
}
@media only screen and (max-width:364px){
    .boxy{
        margin-top:-30px;
    }
}