IMG.gallerypagepic{
width:90%;
margin:7px;
}
IMG.portraits{
width:90%;
margin:7px;
}


    .portfolio-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin: 20px;
        }

        .portfolio-box {
            width: calc(33.33% - 20px);
            margin-bottom: 20px;
            position: relative;
            overflow: hidden;
            background:transparent;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.3s ease-in-out;
        }

        .portfolio-box:hover {
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        }

        .portfolio-image {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .portfolio-details {
            padding: 15px;
        }

        .portfolio-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }

.portfolioinner:hover {
    transform: scale(1.05);
}
.portfolioinner img {
}
        .portfolio-description {
            font-size: 14px;
            color: #555;
            margin-bottom: 10px;
        }

@media only screen and (max-width : 870px) {
.gallerypane{
display:none;
}
.halfbox{width:90%;float:none;}
.gallerypanemob{
display:inline;
}
}

 @media (max-width: 768px) {
.portfolio-box {
   width: calc(100% - 20px);
 }
}