@media screen and (max-width: 1399px){
     .portfolio  .container .project-section .projects-grid{
    /* display: grid;
    gap: 55px; */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 }
}
@media screen and (max-width: 1279px){
     .portfolio  .container .project-section .projects-grid{
    /* display: grid;
    gap: 55px; */
    grid-template-columns: repeat(auto-fit, minmax(300px, 3fr));
 }
}

/* ........Laptop-L....... */
@media screen and (max-width: 992px){
   .portfolio .container .home-section{
    display: block;
}
.portfolio .container .home-section .left-img{
    width: 100%;
}
.portfolio .container .home-section .right-info{
    width: 100%;
}
.portfolio  .container .project-section .projects-grid{
    grid-template-columns: repeat(auto-fit, minmax(290px, 3fr));
    gap: 28px;
 }

}
@media screen and (max-width: 874px){
   .portfolio  .header .right-head{
    margin-right:0px;
}
}