/*FOR CONTACT*/
@media only screen and (max-width: 768px) {
    .myfluid{
        width:100%;
    }
    .container {
        padding: 7px;
        margin: auto;
    }
    .hero-section{
        padding:40px 0;
    }
    .hero-section-portfolio{
        padding:40px;
    }
    .myform {
        background-color: white;
        border-radius: 5px;
    }
    .portfolio-c{
        padding:0;
    }
    .portfolio-list{
        margin:0;
    }
    .portfolio-img img {
        height: 100%;
        width: 100%;
        border-radius: 10px;
    }
    .myi {
        margin-top:30px;
        width: 100%;
        display: flex;
      
        justify-content:center;
    }
}
@media only screen and (max-width: 425px) {
    
    .hero-section {
        padding: 15px 0;
    }
    .hero-section-portfolio {
        padding: 0px;
    }
    .portfolio-list {
        margin: 0;
    }
    portfolio-c{
        padding:0;
        margin:0;
    }
    .portfolio-list {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
        gap: 15px;
    }

    .portfolio-img img {
        height: 300px;
        width:100%;
        border-radius: 10px;
    }
     input{
height:60px;
    }
   
}
/*@media only screen and (max-width: 376px) {

    .hero-section {
        padding: 15px 0;
    }

    .hero-section-portfolio {
        padding: 15px;
    }

    .portfolio-list {
        margin: 0;
    }

    portfolio-c {
        padding: 0;
        margin: 0;
    }

    .portfolio-list {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
        gap: 5px;
    }

    .portfolio-img img {
        height: 300px;
      width:100%;
        border-radius: 10px;
    }
}*/