@charset "utf-8";
/* CSS Document */


/*-------------Smart Phone Screen--------------*/
@media screen and (max-width:480px)
{
	
	.thumbnail{
	max-width: 200px;
	margin: 0 auto;
	padding: 0 5px;
	cursor:pointer;
	}

	
	.thumbnail img{
		height: 50px;
		width: auto;
		margin: 0 10px;
		opacity: 0.9;	
	}
	
	.slider-prev img, .slider-next img{
		  	border: none !important; 
 	}

	
	
	/*----------------------------------------------Main----------------------------------------------*/	
	
}

@media only screen and (min-width : 481px) and (max-width : 540px)
{

	.thumbnail{
	max-width: 220px;
	margin: 0 auto;
	padding: 0 5px;
	cursor:pointer;
	}
	
	
	.thumbnail img{
		height: 60px;
		width: auto;
		margin: 0 10px;
		opacity: 0.9;	
	}
	
	
}

/*-------------Tablet Screen--------------*/
@media only screen and (min-width : 540px) and (max-width : 870px)
{

	
	
	.thumbnail{
	max-width: 220px;
	margin: 0 auto;
	padding: 0 5px;
	cursor:pointer;
	}
	
	
	.thumbnail img{
		height: 60px;
		width: auto;
		margin: 0 10px;
		opacity: 0.9;	
	}
	
	
}

/*---------------------------------------------------End of Tablet Screen-----------------------------------*/


	
/*-------------PC Screen--------------*/
@media screen and (min-width: 870px)
{
	
	
	.thumbnail{
	max-width: 250px;
	margin: 0 auto;
	padding: 0 5px;
	cursor:pointer;
	}
	
	
	.thumbnail img{
		-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 70px;
		width: auto;
		margin: 0 10px;
		opacity: 0.9;	
	}
	
	
}
	
	

/*---------------------------------------------Main----------------------------------------------*/



/*------------------------------------------------End of PC Screen--------------------------------------------*/