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

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media(max-width:532px){
.col-sm-3, .col-sm-4{
	width:100%;
}
	
}
@media (min-width: 533px) and @media(max-width:767px){
.col-sm-3, .col-sm-4{
	width:50%;
	float:left;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.col-sm-3{
	width:25%;
}
.col-sm-4{
	width:33.3333%;
}
}

	
@media(max-width:532px){
}

@media(max-width:767px){
.mobile-menu{
	display:block;}
.wtf-menu ul li{
	width:100%;
	line-height:30px;
	border-bottom:1px dotted #ddd;}
.wtf-menu ul li ul{
	top:31px;}
.wtf-menu{
	display:none;}
.form-control, .input-group{
	margin-bottom:10px;}
.padding-off{
	padding-left:0;}
}

@media (min-width: 533px) and @media(max-width:767px){

}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}