.gridder {
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.gridder-list {
	display: inline-block;
	vertical-align: top;
}
.gridder-show {
	display: block;
	float: left;
	width: 99.7%;
	position: relative;
	margin-top: -20px
}
.gridder-show.loading {
	background: #EEE url("../images/loading-spin.svg") no-repeat center
}
.gridder-content {
	display: none
}
.gridder-list {
	width: 31.3%;
	background: #fff;
	padding: 20px 20px 10px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	position: relative;
}
.gridder-list:nth-of-type(n) {
	margin-bottom: 20px;
	margin-right: 30px;
}
.gridder-list:nth-of-type(3n) {
	margin-right: 0;
	margin-bottom: 0
}
.gridder-show {
	padding: 50px 50px 30px;
	background: #fff;
	margin: 0px 0px 20px;
}
.gridder-show h3 {
	margin-bottom: 15px;
}
.gridder-show h3 span {
	color: #555;
}
.gridder-show p {
	margin-bottom: 15px;
}
.gridder-navigation .gridder-nav.disabled {
	opacity: .5
}
.gridder-list {
	cursor: pointer
}
.gridder-list:hover {
	background: #ff7e00;
}
.gridder-list:hover h6, .gridder-list:hover p {
	color: #fff;
}
.hasSelectedItem .gridder-list {
	opacity: 1
}
.hasSelectedItem .gridder-list.selectedItem {
	opacity: 1;/*margin-bottom:0px;
	background:#ff7e00;
	color:#fff;*/
}
/*.hasSelectedItem .gridder-list.selectedItem h6{
	color:#fff;
	}*/
.gridder-close {
	position: absolute;
	right: 19px;
	top: 20px;
	margin: 0px;
	font-size: 20px;
}
.gridder-list.selectedItem:before {
	bottom: -20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #fff;
	border-width: 15px;
	left: 50%;
	margin: 0px 0 0 -15px;
}
.soluctiontext {
	width: 67%;
	padding-right: 30px;
}
.soluctionservies {
	width: 32%;
	border: 1px solid #ddd;
}
.soluctionservies h4 {
	border-bottom: 1px solid #dddddd;
	color: #135fa8;
	font-weight: 400;
	margin-bottom: 0;
	padding: 14px 20px;
}
.soluctionservies ul {
	padding: 20px 20px 14px;
	margin: 0px;
}
.soluctionservies ul li {
	padding: 0px 0px 6px 15px;
	background: url(../images/bullet-squre.png) no-repeat left 9px;
}
/*# sourceMappingURL=demo.css.map */
@media only screen and (max-width:1024px) {
.gridder-list {
	width: 31.6%;
}
.gridder-list:nth-of-type(n) {
	margin-right: 18px;
	margin-bottom: 20px
}
.gridder-list:nth-of-type(3n) {
	margin-right: 0px;
}
.gridder-show {
	width: 99.9%;
}
}
@media only screen and (max-width:980px) {
.gridder-list:nth-of-type(n) {
	margin-right: 17px;
	margin-bottom: 20px
}
.gridder-list:nth-of-type(3n) {
	margin-right: 0px;
}
}
@media only screen and (max-width:899px) {
.gridder-list {
	width: 31%;
}

}
@media only screen and (max-width:800px) {
.gridder-list {
	width: 48.6%;
}
.gridder-show {
	width: 99.9%;
}
.gridder-list:nth-of-type(n) {
	margin-right: 15px;
	margin-bottom: 20px
}
.gridder-list:nth-of-type(2n) {
	margin-right: 0px;
}
.gridder-show h3 {
	padding-right: 30px;
}
.soluctiontext {
	width: 100%;
	padding-right:0px;
}
.soluctionservies {
	width: 100%;
	margin-top: 10px;
}
}
@media only screen and (max-width:640px) {
.gridder-list {
	width: 100%;
}
.gridder-list:nth-of-type(n) {
	margin-bottom: 20px;
	margin-right: 0px;
}
.gridder-show {
	width: 100%;
}
}
@media only screen and (max-width:480px) {
.gridder-show {
	padding:30px 20px 30px;
}
}