.demo_hover.column { margin-bottom: 25px; margin-left: 0; margin-right: 0; padding-left:15px; padding-right:15px; }
.dt-sc-one-fourth.demo_hover { width:24.980%; }
.demo_hover figure { margin-bottom:20px; position:relative; overflow:hidden; }
.demo_hover:hover figure img { box-shadow: 0 0 15px rgba(0, 0, 0, 0.09); }

.demo_hover .tags { background: #fff; font-size: 14px; line-height: 30px; padding: 0 10px 0 0; position: absolute; right: 20px; text-transform: uppercase; top: 6px; z-index: 1; }
.demo_hover .tags i { background: #ceb06e; display: inline-block; line-height: 33px; margin-right: 10px; padding: 0 15px; }
.demo_hover:hover .tags { background: #ceb06e; }
.demo_hover:hover .tags i { background: #fff; }
.demo_hover .tags, .demo_hover .tags i { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; }

.demo_hover figure img { float: left; }
.demo_hover figure a { display: inline-block; vertical-align: top; max-width: 100%; overflow: hidden; position: relative; }
.demo_hover figure a:after { content: ''; position: absolute; display: block; opacity: 0; width: 132%; height: 220%; top: -60%; left: -16%; background-color: rgba(0,0,0,0.7); -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: transform .4s cubic-bezier(.4, 0, .2, 1), opacity .4s; -moz-transition: transform .4s cubic-bezier(.4, 0, .2, 1), opacity .4s; transition: transform .4s cubic-bezier(.4, 0, .2, 1), opacity .4s; }
.demo_hover figure a:before { content:'\f08e'; font-family:FontAwesome; position:absolute; top:50%; left:50%; z-index:3; opacity:0; color:#fff; font-size:30px; -webkit-transform:translate(-50%,-50%) translateZ(0); -moz-transform:translate(-50%,-50%) translateZ(0); transform:translate(-50%,-50%) translateZ(0); -webkit-transition:-webkit-transform .2s ease-out,opacity .2s ease-out; transition:transform .2s ease-out,opacity .2s ease-out; -webkit-transition-delay:0s; -moz-transition-delay:0s; transition-delay:0s; }
.demo_hover:hover figure a:before { opacity:1; -webkit-transition-delay:.15s; -moz-transition-delay:.15s; transition-delay:.15s; }
.demo_hover:hover figure a:after { opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); }

.demo_hover h3 { font-family: Lato; font-size: 18px; font-weight: 300; text-align: center; text-transform: uppercase; }

.dt-sc-veda-promotion-sorting { float:left; clear:both; width:100%; margin:0px 0px 60px; padding:0px; text-align:center; }
.dt-sc-veda-promotion-sorting a { font-size:13px; font-weight:600; padding:8px 20px 6px; text-transform:uppercase; letter-spacing:0.5px; color: #000; border:1px solid #000; margin:0px 10px 20px; display:inline-block; position:relative; }

.dt-sc-veda-promotion-sorting .active-sort { background-color:#ceb06e; border-color: #ceb06e; color: #fff; }
.dt-sc-veda-promotion-sorting a:before, .dt-sc-veda-promotion-sorting a:after { background: #000; }
.dt-sc-veda-promotion-sorting a.active-sort:before, .dt-sc-veda-promotion-sorting a.active-sort:after { background: #ceb06e; }

.dt-sc-veda-promotion-sorting a { margin:0px 15px 20px; }
/*.dt-sc-veda-promotion-sorting a:before, .dt-sc-veda-promotion-sorting a:after { content:""; position:absolute; top:0px; bottom:0px; margin:auto; }
.dt-sc-veda-promotion-sorting a:before { width:15px; height:1px; left:-18px; }
.dt-sc-veda-promotion-sorting a:after { width:1px; height:15px; left:-3px; }*/
.dt-sc-veda-demo-container { clear: both; float: left; margin: 0; padding: 0; position: relative; width: 100%; }

#veda_demo-859 figure:before, #veda_demo-864 figure:before, #veda_demo-865 figure:before, #veda_demo-866 figure:before, #veda_demo-877 figure:before, #veda_demo-875 figure:before, #veda_demo-873 figure:before, #veda_demo-864 figure:before, #veda_demo-871 figure:before, #veda_demo-869 figure:before, #veda_demo-867 figure:before, #veda_demo-893 figure:before, #veda_demo-891 figure:before, #veda_demo-888 figure:before, #veda_demo-895 figure:before, #veda_demo-901 figure:before, #veda_demo-902 figure:before, #veda_demo-903 figure:before, #veda_demo-904 figure:before, #veda_demo-905 figure:before, #veda_demo-910 figure:before, #veda_demo-909 figure:before, #veda_demo-908 figure:before, #veda_demo-911 figure:before, #veda_demo-917 figure:before, #veda_demo-926 figure:before, #veda_demo-928 figure:before, #veda_demo-930 figure:before, #veda_demo-932 figure:before, #veda_demo-924 figure:before, #veda_demo-935 figure:before, #veda_demo-948 figure:before, #veda_demo-947 figure:before, #veda_demo-940 figure:before, #veda_demo-946 figure:before, #veda_demo-939 figure:before, #veda_demo-964 figure:before, #veda_demo-965 figure:before, #veda_demo-966 figure:before, #veda_demo-967 figure:before, #veda_demo-968 figure:before, #veda_demo-969 figure:before, #veda_demo-970 figure:before, #veda_demo-953 figure:before, #veda_demo-963 figure:before { content:"New"; position:absolute; padding:3px 27px; top:2px; right:-22px; font-weight:bold; background-color:#f8df21; color:#000; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); z-index:9; }



@media only screen and (min-width:768px) and (max-width:991px) {
	.demo_hover .tags { padding-right:8px; right: 10px; top: 2px; font-size:12px; text-transform:capitalize; }
	.demo_hover .tags i { margin-right:8px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.dt-sc-one-fourth.demo_hover { width:70%; margin-left: 12% !important; }
}

@media only screen and (max-width: 479px) {
	.dt-sc-one-fourth.demo_hover { width:100%; margin-left: 0 !important; }	 
}