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


@media only screen and (min-width: 768px) and (max-width: 1950px) {
 .overlay-hugeinc.open {
 visibility:hidden !important;
}
 ul.works.crm li .imageholder {
 height: 106%;
 bottom:-40px;
 text-align:center;
}
 ul.works li .imageholder {
text-align:center;
}
}
 @media only screen and (min-width: 0) and (max-width: 1169px) {
 ul.works li .imageholder {
 text-align:center;
}
 ul.works.crm li .imageholder {
 bottom: -20px;
 width:40%;
}
ul.works li .workinfo {
 width:56%;
 display:inline-block;
 float:left;
}
 ul.works li .imageholder {
 width:40%;
}
}
 @media only screen and (min-width: 668px) and (max-width: 1169px) {
 ul.works.crm li .imageholder, ul.works li .imageholder {
background-size:100% auto;
height:100%;
}
}
@media only screen and (min-width: 0) and (max-width: 768px) {

#header.smaller .logo img{ margin-top:-5px;}	
 #banner {
 height:auto;
}
#header, #header.fixedheader {
height:70px !important;
padding:10px 0px !important
}
.logo {
 margin-top: 5px;
}
.logo img {
 width:165px !important;
 height:50px !important;
 margin-top:-5px;
}
 #container {
/* margin-top:70px;*/
}
#welcome-text {
 padding-top:30px;
}
 .topnavigation ul, .topnavigation {
 display:none;
}
 ul.works li {
 padding:0px 20px;
}
 ul.works li .workinfo, ul.works.crm li .workinfo {
 padding:20px 20px 75px 0px;
}
 .contact-details {
width:100%;
margin-bottom:30px;
border-bottom:1px solid #7d7d7d;
}
.contact-right {
width:100%;
}
.request-form {
width:100%;
}
 .request-form > ul > li {
 padding-right:0px;
}
.request-form > ul > li.column-2.first {
 padding-right:15px;
}
.hamburger {
 display:block !important;
}
.platformlogo {
 bottom: 30px;
 left: 20px;
}

}
@media only screen and (min-width: 568px) and (max-width: 1023px) {
 ul#services li {
 width:50%;
}

}
 @media only screen and (min-width: 0) and (max-width: 667px) {
 ul#services li {
 width:100%;
}
 ul.works li {
 display:block;
}
 ul.works li .workinfo {
 width:100%;
 display:block;
 padding: 20px 0 40px;
 clear:both;
}
 ul.works.crm li .workinfo {
 width:100%;
 display:block;
 padding: 20px 0 10px;
 clear:both;
}
 ul.works li .imageholder {
 float:left;
 width:100%;
 position:relative;
 right:0px;
}
 ul.works li .imageholder img, ul.works.crm li .imageholder img {
 visibility:visible;
}
 ul.works li .imageholder, ul.works.crm li .imageholder {
 background-image:none !important;
 width:100%;
}
 ul.works.crm li .imageholder {
 bottom: -40px;
}
.platformlogo {
 bottom: 0;
 left: 0;
 position: relative;
}
.progressMsg
{
	
	width:60%;
	}
	
ul.works li.ipad_box .imageholder{ margin:0 0 20px 0;}	
}
 @media only screen and (min-width: 0) and (max-width: 500px) {
 ul.works.crm li .imageholder {
 bottom:-30px;
}
}
 @media only screen and (min-width: 0) and (max-width: 480px) {
.progressMsg
{
	
	width:100%;
	text-align:left;
	margin-bottom:10px;}
 }
@media only screen and (min-width: 0) and (max-width: 414px) {
 .request-form > ul > li.column-2 {
 width:100%;
}
 .request-form > ul > li.column-2.first {
 padding-right:0px;
}
ul.works.crm li .imageholder {
 bottom:-20px;
}
}
 @media only screen and (min-width: 0) and (max-width: 360px) {
}