.box {
	
	 transition: all 0.3s ease-in;
}
 .box .image {
	 transition: all 0.3s ease-in-out 0.1s;
	 text-align: center;
}
 .box .image img {
	 max-width: 100%;
	 object-fit: contain;
}
 .box .title {
  font-size: 15px;
  font-family: 'Poppins-bold';
  color: #000;
  line-height: 21px;
  text-align: center;
  padding: 10px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  height: 70px;
min-height: 70px;
}
 /* .box:hover {
	
	 transform: scale(1.1);
}
 .box:hover .image {
	 transform: scale(1) translateY(0px);
} */
 /* .box:hover .image img {
	 animation: bouncing 0.1s 0.1s; 
} */
.book-seller-inner-text{
height: 70px !important;
}
@media (max-width: 1132px) {
	#poses-list2 .box {
		/* flex: 1 0 25%; */
		flex: 0 0 31%;
   }
}
 @media (max-width: 1100px) {
	#poses-list2  .box {
		 /* flex: 1 0 25%; */
		 flex: 0 0 30.7%;
	}
}
@media (max-width: 994px) {
	.box {
		/* flex: 1 0 25%; */
		flex: 0 0 30.9%;
   }
}
@media (max-width: 912px) {
	#poses-list2 .box {
		/* flex: 1 0 25%; */
		flex: 0 0 30.7%;
   }
}
@media (max-width: 843px) {
	#poses-list2 .box {
		/* flex: 1 0 25%; */
		flex: 0 0 30.5%;
   }
   .c-img-profile img {
    width: 200px !important;
    max-width: 200px !important;
}
}
@media (max-width: 785px) {
	#poses-list2 .box {
		/* flex: 1 0 25%; */
		flex: 0 0 46.5%;
   }
}
@media (max-width: 732px) {
	#poses-list2 .box {
		/* flex: 1 0 25%; */
		flex: 0 0 46%;
   }
}
@media (max-width: 686px) {
	#poses-list2 .box {
		/* flex: 1 0 25%; */
		flex: 0 0 46%;
   }
}
@media (max-width: 646px) {
	#poses-list2 .box {
		/* flex: 1 0 25%; */
		flex: 0 0 46%;
   }
}
@media (max-width: 640px) {
	#poses-list2 .box {
		/* flex: 1 0 25%; */
		flex: 0 0 46%;
   }
   #poses-list2 .c-container-birthday {
    display: flex;
    flex-wrap: wrap;
    max-width: 95%;
    margin: 0 auto;
    clear: both;
    justify-content: flex-start;
}
}
@media (min-width: 630px) and (max-width: 640px) {
	#poses-list2 .box {
		/* flex: 1 0 25%; */
		flex: 0 0 46%;
   }
   #poses-list2 .c-container-birthday {
    display: flex;
    flex-wrap: wrap;
    max-width: 98%;
    margin: 0 auto;
    clear: both;
    justify-content: flex-start;
}

}
 @media (max-width: 630px) {
	#poses-list2  .box {
		flex: 0 0 46%;
		padding: 15px;
   }
   #poses-list2  .box .image img {
		 max-width: 46%;
	}
	#poses-list2 .c-container-birthday {
		display: flex;
		flex-wrap: wrap;
		max-width: 98%;
		margin: 0 auto;
		clear: both;
		justify-content: flex-start;
	}
}
@media (max-width: 580px) {
	#poses-list2 .c-container-birthday .c-img-box-birthday{
		margin: 0px 15px 10px;
	}
	#poses-list2 .c-container-birthday {
		display: flex;
		flex-wrap: wrap;
		max-width: 60%;
		margin: 0 auto;
		clear: both;
		justify-content: flex-start;
	}
	#poses-list2 .box {
		flex: 0 0 90%;
		padding: 15px;
	}
	.box .title
    {
        padding: 0px;
    }
}
@media (max-width: 520px) {
	#poses-list2 .c-container-birthday {
		display: flex;
		flex-wrap: wrap;
		max-width: 65%;
		margin: 0 auto;
		clear: both;
		justify-content: flex-start;
	}
	.box .title
    {
        padding: 0px;
    }
}
@media (max-width: 480px) {
	#poses-list2 .box {
		flex: 0 0 100%;
		padding: 15px;
   }
   #poses-list2 .c-container-birthday .c-img-box-birthday {
	margin: 0px 0px 10px;
}
.box .title
{
	padding: 0px;
}
}
@media (max-width: 430px) {

	#poses-list2 .c-container-birthday {
		display: flex;
		flex-wrap: wrap;
		max-width: 70%;
		margin: 0 auto;
		clear: both;
		justify-content: flex-start;
	}
	.box .title
    {
        padding: 0px;
    }
}
@media (max-width: 420px) {
	#poses-list2 .c-container-birthday {
		display: flex;
		flex-wrap: wrap;
		max-width: 70%;
		margin: 0 auto;
		clear: both;
		justify-content: flex-start;
	}
	.box .title
    {
        padding: 0px;
    }
}
@media (max-width: 375px) {
	#poses-list2 .c-container-birthday {
		display: flex;
		flex-wrap: wrap;
		max-width: 70%;
		margin: 0 auto;
		clear: both;
		justify-content: flex-start;
	}
	.box .title {
		padding: 0px;
		font-size: 12px;
		line-height: 16px;
	}
}
@media (max-width: 320px) {
	#poses-list2 .c-container-birthday {
		display: flex;
    flex-wrap: wrap;
    max-width: 93%;
    margin: 0 auto;
    clear: both;
    justify-content: flex-start;
    margin: 0;
	}
	.box .title {
		padding: 0px;
		font-size: 12px;
		line-height: 16px;
	}
}






@media (max-width: 1132px) {
	.box {
		/* flex: 1 0 25%; */
		flex: 0 0 31.1%;
   }
}
 @media (max-width: 1100px) {
	 .box {
		 /* flex: 1 0 25%; */
		 flex: 0 0 31.1%;
	}
}
@media (max-width: 994px) {
	.box {
		/* flex: 1 0 25%; */
		flex: 0 0 30.9%;
   }
}
@media (max-width: 912px) {
	.box {
		/* flex: 1 0 25%; */
		flex: 0 0 30.7%;
   }
}
@media (max-width: 843px) {
	.box {
		/* flex: 1 0 25%; */
		flex: 0 0 30.5%;
   }
}
@media (max-width: 785px) {
	.box {
		/* flex: 1 0 25%; */
		flex: 0 0 30.3%;
   }
}
@media (max-width: 732px) {
	.box {
		/* flex: 1 0 25%; */
		flex: 0 0 30.1%;
   }
}
@media (max-width: 686px) {
	.box {
		/* flex: 1 0 25%; */
		flex: 0 0 29.9%;
   }
}
@media (max-width: 646px) {
	.box {
		/* flex: 1 0 25%; */
		flex: 0 0 29.7%;
   }
}
 @media (max-width: 630px) {
	 .box {
		 flex: 0 0 45%;
		 padding: 15px;
	}
	.box .image img {
		 max-width: 100%;
	}
}
@media (max-width: 480px) {
	.box {
		flex: 0 0 44.9%;
		padding: 15px;
   }
}
@media (max-width: 435px) {
	.box {
		flex: 0 0 44%;
		padding: 15px;
   }
}
@media (max-width: 375px) {
	.box {
		flex: 0 0 43%;
		padding: 10px;
   }
}
 @keyframes bouncing {
	 from, to {
		 transform: scale(1, 1);
	}
	 25% {
		 transform: scale(0.9, 1.1);
	}
	 50% {
		 transform: scale(1.1, 0.9);
	}
	 75% {
		 transform: scale(0.95, 1.05);
	}
}