@media screen and (max-width:425px) {
    .portfolio .container .home-section .right-info .info-cards {
    justify-content: center;
    }
}
@media screen and (max-width:426px) {
    .portfolio  .container .about-me-main-section .about-container .about-card{
        padding: 48px 11px;
        /* border: 1px solid red; */
}
}
@media screen and (max-width:375px) {
    .portfolio  .container .about-me-main-section .about-container{
        padding: 48px 5px;
    }
.portfolio  .container .about-me-main-section .about-container .about-card{
        padding: 48px 11px;
}
    .portfolio .container .project-section .projects-grid {
        padding: 0px 39px 0px 30px;
    }
}
@media screen and (max-width:376px) {
    .portfolio  .container .about-me-main-section .about-container{
        padding: 48px 5px;
    }
.portfolio  .container .about-me-main-section .about-container .about-card{
        padding: 48px 11px;
        /* border: 1px solid red; */
}
}
@media screen and (max-width:355px){
        .portfolio .container .project-section .projects-grid {
        padding: 0px 39px 0px 23px;
    }
}
@media screen and (max-width:345px){
.portfolio .container .project-section .projects-grid {
        padding: 0px 39px 0px 17px;
    }
}
@media screen and (max-width:335px){
    .portfolio .container .project-section .projects-grid {
        padding: 0px 39px 0px 10px;
    }
}
@media screen and (max-width:320px){
        .portfolio .container .project-section .projects-grid {
        padding: 0px 39px 0px 2px;
    }
}