main {
	/* width: calc((100% - 40px)); */
	/* max-width: 1450px; */
	/* max-width: 1350px; */
	min-height: 80vh;
	margin: auto;
	/* background-color:#fff; */
	/* border-radius: 10px; */
	overflow: hidden;
}

.bannerTop{
	width: 100%;
	height: 400px;
}

.bannerTop img{
	width: 100%;
	height: 100%;
}

.listBigBox{
	width: 100%;
	height: auto;
	background-color: #d9d9d9;
	/* padding: 50px 0; */
	/* margin-bottom: 30px; */
}

.listBigOne,.listBigTwo,.listBigThree{
	width: 100%;
	max-width: 1100px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	/* height: 500px; */
}

.listBigTwo .smallListImg{
	width: calc((100% - 80px)/5);
	height: 170px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius: 15px;
	border: 1px solid #cfd4da;
	padding: 30px;
}
.listBigBox3{
	/* background-color: #ffffff; */
}
.listBigThree .smallListImg{
	width: calc((100% - 100px)/6);
	height: 230px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius: 15px;
	/* border: 1px solid #cfd4da; */
	padding: 30px;
	background-color: #f6f6f6;
	border-radius: 50%;
	position: relative;
	margin-bottom: 50px;
}

.listBigThree .smallListImg p{
	position: absolute;
	bottom: -40px;
	margin: auto;
	left: 0;
	right: 0;
	text-align: center;
	white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
}

.listBigThree .smallListImg img{
	width: 100%;
	height: 100%;
	/* border-radius: 15px; */
	border-radius: 50%;
}

.listBigThree .smallListImg:nth-of-type(6n){
	margin-right: 0;
}

.listBigTwo .smallListImg img{
	width: 100%;
	height: 100%;
	border-radius: 15px;
}

.listBigTwo .smallListImg:nth-of-type(5n){
	margin-right: 0;
}

.masonry .smallList {
	border-radius: 3px 3px 0 0;
	overflow: hidden;
	background-color: #fafafa;
	box-shadow: 0 8px 24px 0 rgba(0,0,0,.12);
	/* background-color: #fff; */
	/* border: 1px solid #dadada; */
}

/* .smallList:nth-of-type(4n) {
		margin-right: 0px;
	} */

.smallList p {
	width: 100%;
	/* height: 25px; */
	color: #494949;
	font-size: 16px;
	font-weight: 600;
	/* text-align: center; */
	padding: 0px 10px;
	/* white-space: nowrap; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	margin: 10px 0;
	/* display: none; */
}


.smallList p:nth-of-type(1) {
	display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
       overflow: hidden;
}


.smallList p:nth-of-type(2) {
	color: #959595;
	/* text-transform: uppercase; */
	font-size: 15px;
	font-weight: 500;
	display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
       overflow: hidden;
	   width: 90px;
	   height: 40px;
	   background-color: #6d1e71;
	   border-radius: 5px;
	   color: #fff;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   text-transform: capitalize;
	   float: right;
	   margin-right: 20px;
}

.smallList img {
	width: 100%;
	height: 120px;
	margin-bottom: 5px;
	border-radius: 3px 3px 0 0;
}

.smallList {
    width: calc((100% - 60px) / 4);
    height: auto;
    border-radius: 3px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    transition: all 0.4s;
    cursor: pointer;
	background-color: #fafafa;
}


.smallList:nth-of-type(4n){
	margin-right: 0;
}


.listBigTwo .smallList{
	width: calc((100% - 40px) / 3);
}

.listBigTwo .smallList:nth-of-type(4n){
	margin-right: 20px;
}

.listBigTwo .smallList:nth-of-type(3n){
	margin-right: 0px;
}

.listBigTwo .smallList img{
	height: 160px;
}

.listBigThree .smallList img{
	height: 320px;
}

@media screen and (max-width:960px) {
	.smallList{
		width: 49%;
		margin-right: 0;
	}

	.listBigOne, .listBigTwo, .listBigThree{
		justify-content: space-between;
	}
	.listBigBox{
		padding: 0 10px;
	}
	.listBigTwo .smallListImg{
		width: 47%;
		margin-right: 0;
	}

	.listBigThree .smallListImg {
		width: 27%;
		height: 100px;
		margin-right: 20px;
		margin-bottom: 20px;
		border-radius: 15px;
		/* border: 1px solid #cfd4da; */
		padding: 0px;
		background-color: #f6f6f6;
		border-radius: 50%;
		position: relative;
		margin-bottom: 50px;
		margin-right: 0;
	}

	.smallList p:nth-of-type(2) {
		color: #959595;
		/* text-transform: uppercase; */
		font-size: 12px;
		font-weight: 500;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		width: 75px;
		height: 30px;
		background-color: #6d1e71;
		border-radius: 5px;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: capitalize;
		float: right;
		margin-right: 20px;
	}

	.listBigTwo .smallList img {
		height: 80px;
	}

	.listBigTwo .smallList:nth-of-type(4n) {
		margin-right: 0px;
	}

	.listBigThree .smallList img {
		height: 170px;
	}
}