/* magazines-sec CSS */
.magazines-sec {
    padding: 50px 0px 50px;
}

.magazines-img-div img {
    width: 210px;
    height: 253px;
    overflow: hidden;
    transition: transform 400ms ease-out;
}

.magazines-img-div div{
    overflow: hidden;
}

.magazines-img-div{
    box-shadow: 0.1rem 0.1rem 0.9rem rgba(0, 0, 0, 0.2);
}

.magazines-img-div:hover img{
    transform: scale(1.15);
}

.magazines-sec h2 {
    font-weight: 600;
}

.magazines-sec a p {
    color: #000;
    text-decoration: underline;
    margin: 10px 0px;
}

.magazines-imgs {
    margin-top: 30px;
    margin-bottom: 30px;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: -1rem -1rem;
}

@supports (display: grid) {
	.gallery {
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
		grid-gap: 1rem;
	}

	.gallery,
	.gallery-item {
		margin: 0;
	}
}


/* Mobile Responsive CSS */
@media screen and (max-width: 600px) {
    .magazines-img-div img {
        width: 100%;
        height: 210px;
        overflow: hidden;
        transition: transform 400ms ease-out;
    }
    @supports (display: grid) {
        .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
            grid-gap: 1rem;
        }
    
        .gallery,
        .gallery-item {
            margin: 0;
        }
    }
}

/* Tablet Responsive CSS */
@media (min-width: 600px) and (max-width: 992px) {
    .magazines-img-div img {
        width: 218px;
        height: 260px;
        overflow: hidden;
        transition: transform 400ms ease-out;
    }
}