.contant{
	background:#F3F3F3
}
.product-box {
        overflow: hidden;
		margin-left:300px;
	}
	* {
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}
	.product-wraper {
	    width: 100%;
	    list-style: none;
	    padding: 40px 0 0 0;
	    margin: 0;
	}
	ul, li, ol {
	    list-style: none;
		text-decoration: none;
	}
	.product-slide {
	    float: left;
	    list-style: none;
	    margin: 0 0 50px 0;
	    /* width: 20%; */
	    padding: 0 25px;
	    text-align: center;
	}
	a:link, a:visited {
	    /* color: #333; */
	    -webkit-tap-highlight-color: transparent;
		text-decoration: none;
	}
	.product-slide a {
	    display: block;
	    overflow: hidden;
	    transition: .3s;
	    -moz-transition: .3s;
	    -ms-transition: .3s;
	    -o-transition: .3s;
	    -webkit-transition: .3s;
	}
	a, img {
	    border: 0;
	}
	a {
	    color: #000;
	}
	a {
	    color: #99E1DA;
	    text-decoration: none;
	}
	a {
	    background-color: transparent;
	}
	.product-slide span {
	    display: block;
	    overflow: hidden;
		text-decoration: none;
	}
	.product-slide img {
	    width: 277.5px;
	    height: 277.5px;
	    display: block;
	    transition: .3s;
	    -moz-transition: .3s;
	    -ms-transition: .3s;
	    -o-transition: .3s;
	    -webkit-transition: .3s;
	}
	a, img {
	    border: 0;
	}
	img {
	    vertical-align: middle;
	}
	.product-slide h4 {
	    margin: 0;
	    padding: 15px 0;
	    white-space: nowrap;
	    overflow: hidden;
	    transition: .3s;
	    -moz-transition: .3s;
	    -ms-transition: .3s;
	    -o-transition: .3s;
	    -webkit-transition: .3s;
	    background: #CED4DA;
	    display: block;
	    text-overflow: ellipsis;
	    font-weight: bold;
		font-size: 16px;
		text-decoration: none;
	}
	h4{
	    text-shadow: none;
		color: #000000;
		text-decoration: none;
	}
	@media screen and (max-width:480px)  {
		.contant{
			display: none;
		}
		
	}