/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1221px) {

	.home-widgets .featuredpage .widget-wrap,
	.home-widgets .widget,
	.wrap,.breadcrumb {
		max-width: 1050px;
	}
	/* Shrink
--------------------------------------------- */
	
	.site-header.shrink .wrap {
		background-color: rgba(255, 255, 255, 0.1);
		min-height: 60px;
		padding: 0 40px;
	}
	
	.shrink .site-title {
		font-size: 36px;
		padding-top: 10px;
	}
	.shrink .genesis-nav-menu {
		margin-top: 15px;
	}
	.header-image .shrink .site-title {
		padding: 0;
	}
	
	.header-image .shrink .site-title > a {
		min-height: 60px;
	}
	
	.shrink .site-title a {
		background-size: 270px 60px !important;
		height: 55px !important;
		width: 275px !important;
	}
	
	.site-header.shrink .widget-area {
		padding-top: 0;
	}
	.site-inner > .wrap {
	 padding-left: 0; 
	 padding-right: 0;
	}

	}

/*==========================================================================================================================
                                              Max Width: 1221px;
==========================================================================================================================*/




@media only screen and (max-width: 1220px) {

	.home-widgets .featuredpage .widget-wrap,
	.home-widgets .widget,
	.wrap, .breadcrumb {
		max-width: 1050px;
	}
	
	.content {
		width: 650px;
	}
	
	.home-widgets .featuredpage .entry .alignleft,
	.home-widgets .featuredpage .entry .alignnone,
	.home-widgets .featuredpage .entry .alignright {
		max-width: 70%;
	}
	
	.home-widgets .featuredpage .widget-wrap {
		padding: 100px 0;
	}
	
	.home-widgets .featuredpage .entry .alignleft,
	.home-widgets .featuredpage .entry .alignnone,
	.home-widgets .featuredpage .entry .alignright {
		margin-bottom: -108px;
		margin-top: -100px;
	}
	
	.home-widgets .featuredpage .entry-content {
		margin-bottom: 100px;
	}

	.footer-widgets-4 { 
		margin-bottom: 20px;
	}

	.footer-widgets-1, .footer-widgets-2 {
    	margin-right: 15px;
	}

/* Shrink
--------------------------------------------- */
	
	.site-header.shrink .wrap {
		background-color: rgba(255, 255, 255, 0.1);
		min-height: 60px;
		padding: 0 40px;
	}
	
	.shrink .site-title {
		font-size: 36px;
		padding-top: 10px;
	}

	.shrink .genesis-nav-menu {
		margin-top: 15px;
	}

	.header-image .shrink .site-title {
		padding: 0;
	}
	
	.header-image .shrink .site-title > a {
		min-height: 60px;
	}
	
	.shrink .site-title a {
		background-size: 270px 60px !important;
		height: 55px !important;
		width: 275px !important;
	}
	
	.site-header.shrink .widget-area {
		padding-top: 0;
	}

	.site-inner > .wrap { 
		padding-left: 0; 
		padding-right: 0; 
	}
	
}



/*==========================================================================================================================
                                              Max Width: 1024px;
==========================================================================================================================*/


@media only screen and (max-width: 1024px) {
	
	.wrap , .breadcrumb {
		max-width: 870px;
	} 

	.content,
	.sidebar-primary {
		width: 100%;
	}
	.site-header .widget-area {
		width: 560px;
	}

	.site-header .wrap {
		padding: 20px 5% 0;
	}
	
	.site-header.shrink .wrap {
		padding: 0 5%;
	}

	.header-image .site-title > a {
		background-position: top !important;
	}

	.genesis-nav-menu li a {
    	padding: 22px 7px;
	}

	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
	    margin-bottom: 90px;
	    width: 200px;
	}
	
	.footer-widgets-4 {
	    width: 100%;
	}

	#custom_post_widget-136 .wp-image-290v #custom_post_widget-129 .wp-image-485, #custom_post_widget-152 .wp-image-507, #custom_post_widget-142 .wp-image-524 {
		display: block;
		margin: 0px auto 24px;
	}
	
	.page-about .wp-image-571 {
		float: none;
	}
	
	.pitch p {
	    font-size: 20px;
	}
	
	.page-about .intro h1 {
		font-size: 70px;
	}
	
	.page-current-pricing .intro .one-third + .one-third {
	    border-left: 1px solid #73A1D2;
	    margin-left: 15px;
	}
	
	.single-portfolio .entry-content, .page-customers .content {  
		margin-bottom: 75px; 
	}
	
	.page-support .intro .answer, .page-support .intro .interactions, .page-support .intro .satisfaction {
   		background-position: center 70px;
 	}

	.page-support .intro .speed, .page-support .intro .satisfy {
		font-size: 85px;
		line-height: 1.9;
		margin-bottom: 60px;
	}

	.page-support .intro .interact {
		font-size: 85px;
		line-height: 2.7;
		margin-bottom: 20px;
	}

}



/*==========================================================================================================================
                                              Max Width: 768px;
==========================================================================================================================*/


@media only screen and (max-width: 768px) {

	.wrap, .breadcrumb {
		max-width: 655px;
	}

	.site-header .widget-area, .title-area {
		width: 100%;
	}

	.site-header .widget-area {
		text-align: center;
	}

	.genesis-nav-menu li a {
    	padding: 22px 15px;
	}

	.home-featured {
		background-attachment: scroll;
	}
	
	#custom_post_widget-2 .one-fourth {
		width: 48.7179%;
	}
	
	#custom_post_widget-2 .one-fourth:nth-child(n+3) {
	    margin-left: 0;
	}

	#custom_post_widget-3 .wp-image-446, #custom_post_widget-140 .wp-image-311, #custom_post_widget-126 .wp-image-307, #custom_post_widget-142 .wp-image-524, #custom_post_widget-144 .wp-image-523, #custom_post_widget-143 .wp-image-528, #custom_post_widget-139 .wp-image-612, #custom_post_widget-132 .wp-image-504, #custom_post_widget-5 .wp-image-469, #custom_post_widget-2 .wp-image-639, #custom_post_widget-127 .wp-image-487, #custom_post_widget-140 .wp-image-311, #custom_post_widget-131 .wp-image-508, #custom_post_widget-141 .wp-image-527, #custom_post_widget-136 .wp-image-290   {
		display: block;
		float: none;
		margin:0 auto 24px;
	}
	
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
	    width: 180px;
	}
	
	.wp-image-490 {
		display: none;
	}
	
	
	#custom_post_widget-154 .one-fourth {
		margin-bottom: 7px;
		width: 48.7179%;
	}
	
	#custom_post_widget-154 .one-fourth:nth-child(n+3) {
	    margin-left: 0;
	    margin-right: 7px;
	}
	
	#custom_post_widget-141 .wp-image-527 {
		display: block;
		margin:0 auto 24px;
	}
	
	#custom_post_widget-129 .wp-image-485, #custom_post_widget-152 .wp-image-507 {
		float: none;
	}
	
	blockquote {
		margin: 80px 0;
	}
	
	.page-current-pricing .intro .one-third {
		width: 100%;
	}

	.page-current-pricing .intro .one-third + .one-third {
		border: none;
		margin-left: 0;
	}

	.single-portfolio .content {
		padding: 0 5%;
	}
	
	.page-support .intro .answer, .page-support .intro .interactions, .page-support .intro .satisfaction {
		background-position: center 100px;
		line-height: 3.3;
		margin-top:20px;
		margin-bottom: 30px;
	}
	
	.page-support .intro .satisfy::after {
	    font-size: 30px;
	    vertical-align: 20px;
	}
	
	.page-support .intro .speed, .page-support .intro .interact, .page-support .intro .satisfy {
		font-size: 70px;
		line-height: 3.3;
		letter-spacing: -4px;
		margin-bottom: 0;
	}

	.page-about .intro h1 {
	    font-size: 50px;
	}
	
	.page-contact .one-fourth {
		width: 48.7179%;
	}
	
	.page-contact .one-fourth:nth-child(n+3) {
		margin-left: 0;
	}

	#custom_post_widget-1 .one-fourth {
		margin-left: 0;
		padding-left:20px;
		padding-right: 20px;
		width: 48.7179%;
	}

	#custom_post_widget-4 .one-half {
		margin-left:0;
		width: 100%;
	}
	
	#custom_post_widget-147 .one-third {
		margin-left: 0;
		width: 48.7179%;
	}

	#custom_post_widget-147 .one-third.first {
		clear: none;
	}

	#custom_post_widget-147 .one-third:nth-child(2n+3) {
		clear: both;
	}

	#custom_post_widget-153 .one-third {
		margin-left: 0;
		padding:0 10px;
		width: 48.7179%;
	}

	#custom_post_widget-153 .one-third.first {
		clear: none;
	}

	#custom_post_widget-157 {
		background-position: right bottom;
	}

	#custom_post_widget-154 {
		background-position: -2750px top;
	}

	#custom_post_widget-153 .one-third:nth-child(2n+3) {
		clear: both;
	}
	
	#custom_post_widget-128 .one-third {
		margin-left: 0;
		padding:0 10px;
		width: 48.7179%;
	}

	#custom_post_widget-128 .one-third.first {
		clear: none;
	}
	
	#custom_post_widget-128 .one-third:nth-child(2n+3) {
		clear: both;
	}
	
	#custom_post_widget-473 .one-fourth {
		margin-left: 0;
		width: 48.7179%;
	}

	#custom_post_widget-473 .one-fourth:nth-child(3n) {
		clear: both;
	}

	#custom_post_widget-141 .one-half, #custom_post_widget-142 .one-half, #custom_post_widget-143 .one-half, #custom_post_widget-144 .one-half, .one-half {
		margin-left: 0;
		width: 100%;
	}
	
	.sidebar-primary {
	    display: none;
	}

	.home-widgets-1 h1 {
		font-size: 34px;
		line-height: 1.1;
	}

	.home-featured .home-widgets-1 {
		font-size: 16px;
		padding: 200px 0 80px 25px;
		width: 50%;
	}

	#service-cloud {
		margin: -90px 0 20px 10px;
	}

	#service-premise {
		margin-left: 0px;
	}

	.footer-widgets-4::before {
		display: none;
	}

	.above-post-hero h1, .above-post-hero h2, .above-post-hero p {
		max-width: 655px;
	}

	.above-post-hero h2 {
		font-size: 36px;
		padding-top: 40px;
	}

	#custom_post_widget-127 ul,
	#custom_post_widget-137 ul,
	#custom_post_widget-139 ul,
	#custom_post_widget-143 ul,
	#custom_post_widget-144 ul,
	#custom_post_widget-157 ul,
	#custom_post_widget-357 ul {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	#custom_post_widget-147 .one-third, #custom_post_widget-153 .one-third{
		padding-left:20px;
		padding-right: 20px;
	}
	#custom_post_widget-473 .one-fourth {
		padding-left: 20px;
		padding-right: 20px;
	}
	.intro h2, .intro h3, .intro h4 {
		max-width: 100%;
	}
	.page-issue-tracking .intro ul,
	.page-help-desk .intro ul,
	.page-customer-support .intro ul,
	.page-education .intro ul,
	.page-finance .intro ul,
	.page-govt .intro ul,
	.page-healthcare .intro ul,
	.page-manufacturing .intro ul,
	.page-real-estate .intro ul,
	.page-retail .intro ul,
	.page-technology .intro ul,
	.page-transportation .intro ul {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	
	.page-customers .archive-description.wrap {
		max-width: 655px;
	}

	.portfolio-item {
		margin: 0 0 10px;
	}

	.page-customers .portfolio-item:nth-child(n+1) {
		margin-left: 10px;
	}

	.page-api .intro .hvr-sweep-to-top:nth-child(2), .page-api .intro .button { 
		margin-left: 0; 
	}
	
	.page-about .intro {
		text-align: center;
	}

	.page-about .intro img {
		margin:0;
	}

	.single-post .entry-title {
		font-size: 46px;
	}

	.single-post .site-inner .wrap, .single-portfolio .site-inner .wrap, .page-demo .intro + .wrap {
	    max-width: 655px;
	}

	.page-customers .archive-description.wrap { 
		max-width: 685px; 
	}

	.pitch {
	    padding: 90px 0;
	
	}

	#team .one-third {
		margin-left: 0;
		padding:0 10px;
		width: 48.7179%;
	}

	#team .one-third.first {
		clear: none;
	}
	
	#team .one-third:nth-child(2n+3) {
		clear: both;
	}
	.page-api .intro .wrap, .page-careers .intro .wrap, .page-compare .intro .wrap, .page-demo .intro .wrap, .page-privacy .intro .wrap, .page-security .intro .wrap, .page-system-reqs .intro .wrap, .page-terms .intro .wrap, .page-whats-new .intro .wrap {
		padding-left: 0;
		padding-right: 0;
	}
	.comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"], .comment-respond textarea {
		width: 100%;
	}

	.testimonials-widget-testimonial blockquote {
		padding-left: 5%;
		padding-right: 5%;
	}
}


/*==========================================================================================================================
                                              Max Width: 640px;
==========================================================================================================================*/


@media only screen and (max-width: 640px) {

	.wrap, .breadcrumb {
		max-width: 550px;
	}
	.page-support .intro .speed, .page-support .intro .interact, .page-support .intro .satisfy {
		line-height: 2.9;
	}
	#custom_post_widget-473 .one-fourth {
		margin-left: 0;
		width: 100%;
	}
	
	#custom_post_widget-127 .wp-image-487, #custom_post_widget-131 .wp-image-508, #custom_post_widget-140 .wp-image-311, #custom_post_widget-141 .wp-image-527, #custom_post_widget-138 .wp-image-488 {
		display: block;
		float: none;
		margin:0 auto 24px;
	}
	
	.genesis-nav-menu li a {
	    padding: 22px 10px;
	}

	.responsive-menu {
		display: none;
	}
		
	#responsive-menu-icon {
		display: block;
	}

	#custom_post_widget-141 .list { /* active directory */
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
	    width: 150px;
	}

	.page-api .intro .button { 
		width: 100%; 
	}
	
	.page-api .intro .ghost-button { display: block; margin-bottom: 5px; margin-top: 0;}
	
	.home-featured .home-widgets-1 {
		padding: 200px 0 150px 25px;
		width: 60%;
	}

	#service-cloud {
		margin: -90px 0 20px -40px;
	}

	#service-premise {
		margin-left: -50px;
	}

	.single-post .site-inner .wrap, .single-portfolio .site-inner .wrap, .page-demo .intro + .wrap {
	    max-width: 550px;
	}

	.above-post-hero h1, .above-post-hero h2, .above-post-hero p {
		max-width: 550px;
	}

	.above-post-hero h2 {
		font-size: 34px;
		padding-top: 20px;
	}

	#custom_post_widget-154 {
		background-position: -2800px top;
	}

	.page-careers .pitch {
		padding: 30px 0;
	}

	#jobs h2 {
		line-height: .9;
	}

}


/*==========================================================================================================================
                                              Max Width: 480px;
==========================================================================================================================*/


@media only screen and (max-width: 480px) {

	.wrap, .breadcrumb {
		max-width: 405px;
	}
	
	#custom_post_widget-2 {
		text-align: center;
	}

	#custom_post_widget-2 .one-fourth {
	    width: 100%;
	}

	#custom_post_widget-4 .one-half {
		width: 100%;
	}
	
	.page-about .intro h1 {
	    font-size: 50px;
	}
	
	#custom_post_widget-1 .one-fourth {
	    width: 100%;
	}

	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
		margin-bottom: 45px;
		margin-right: 0;
	    text-align: center;
	    width: 100%;
	}

	.footer-widgets-3 {
		margin-bottom: 90px;
	}

	.intro h2, .intro h3, .intro h4 {
		max-width: 95%;
	}

	#custom_post_widget-147, #custom_post_widget-153, #custom_post_widget-139, #custom_post_widget-137, #custom_post_widget-136, #custom_post_widget-154, #custom_post_widget-129, #custom_post_widget-157, #custom_post_widget-138, #custom_post_widget-126, #custom_post_widget-128, #custom_post_widget-140, #custom_post_widget-135, #custom_post_widget-152, #custom_post_widget-473, #custom_post_widget-127, #custom_post_widget-, #custom_post_widget-132, #custom_post_widget-141, #custom_post_widget-142, #custom_post_widget-143, #custom_post_widget-144, #custom_post_widget-131 {
		padding:0 5%;
	}

	#custom_post_widget-139 .wp-image-612 {
		display: block;
		float: none;
		margin:0 auto 24px;
	}
	#custom_post_widget-154 .one-fourth {
		margin-right: 0;
		width: 100%;
	}
	
	#custom_post_widget-132 .wp-image-504 {
		display: block;
		float: none;
		margin:0 auto 24px;
	}

	.portfolio-overlay h3 {
		overflow: hidden;
	}
	
	.page-support .intro .speed, .page-support .intro .interact, .page-support .intro .satisfy {
		font-size: 50px;
		letter-spacing: -2px;
	    line-height: 3.8;
	}
	.page-support .intro .satisfy::after {
		margin-left: 5px;
		vertical-align: 10px;
	}
	
	.page-support .intro h3 {
		font-size: 18px;
	}

	.page-support .intro .answer p {
		line-height: 1.2;
	}
	
	.page .site-inner > .wrap {
		overflow: hidden;
	}

	#values, #jobs {
	    padding: 90px 5%;
	}

	.page-careers .pitch {
	    padding: 30px 5%;
	}

	.portfolio-showcase .one-third {
		margin-left: 0;
		width: 100%;
	}

	.home-featured .home-widgets-1 {
		width: 80%;
	}

	#service-cloud {
		margin: -90px 0 20px -110px;
	}

	#service-premise {
		margin-left: -100px;
	}

	.single-post .site-inner .wrap, .single-portfolio .site-inner .wrap, .page-demo .intro + .wrap {
		max-width: 405px;
	}

	#custom_post_widget-154 .one-fourth {
	 	height: 215px;
	}

	#custom_post_widget-154 {
	  	background:none;
	}

	.cta-widget .one-third h5 {
	  	font-size: 14px;
	}

	.cta-widget .one-third p {
	  	font-size: 13px;
	}

	.above-post-hero h1, .above-post-hero h2, .above-post-hero p {
	  	max-width: 405px;
	}

	.page-customization .above-post-hero {
  		background-position: right 50%;
	}

    .page-automation .above-post-hero {
  		background-position: 58% 50%;
	}

	.page-api .site-inner, .page-contact .site-inner, .page-support .site-inner {
    	padding-bottom: 20px;
	}

	#values .one-third, #team .one-third {
		width: 100%;
	}

	.page-contact .one-fourth {
  		width: 100%;
 	}

	.entry-comments-link {
  		display: block;
	}

  	.entry-comments-link::before {
  		margin-left: 0;

  	}

  	.single-post .entry-title {
    	font-size: 40px;
	}

	.single-post .gravatar-holder {
	    bottom: 190px;
	}

	.page-workflow .above-post-hero {
	   	background-position: right 50%;
	}

	.page-issue-tracking .above-post-hero {
	   	background-position: 25% 50%;
	}

	.page-customer-support .above-post-hero {
	  	background-position: 65% 50%;
	}

	.page-customers .archive-description.wrap {
	  	max-width: 405px;
	}

	#custom_post_widget-128 .one-third, #custom_post_widget-153 .one-third, #custom_post_widget-147 .one-third, #custom_post_widget-153 .one-third {
	    width: 100%;
	}

	#custom_post_widget-153 .one-third:nth-child(2n+3) {
	    clear: none;
	}

	#jobs h2 {
		margin-bottom: 40px;
		text-align: left;
	}
}


/*==========================================================================================================================
                                              Max Width: 360px;
==========================================================================================================================*/


@media only screen and (max-width: 360px) {

	.wrap, .breadcrumb {
		max-width: 306px;
	}

	.page-customers .archive-description.wrap {
		max-width: 306px;
	}

	#service-cloud {
		margin: -98px 0px 20px -155px;
	}

	.page-current-pricing .intro .ghost-button, .page-current-pricing .intro .button {
		margin:10px 0 0;
		width: 100%;
	}

	td, th {
		font-size: 10px;
	}

	.above-post-hero h2 {
		font-size: 30px;
	}

	h1 {
		font-size: 38px;
	}

	.page-about .intro h1 {
	    font-size: 35px;
	}

	.page-support .intro .satisfy::after {
		font-size: 20px;
	    margin-left: 5px;
	    vertical-align: 8px;
	}

	.page-support .intro .speed, .page-support .intro .interact, .page-support .intro .satisfy {
		font-size: 36px;
		letter-spacing: -1px;
		line-height: 2.4;
		margin-bottom: 20px;
	    vertical-align: 8px;
	}
	
	.page-support .intro .answer, .page-support .intro .interactions, .page-support .intro .satisfaction {
		height: 200px;
	}
	
	.page-support .intro .answer, .page-support .intro .interactions, .page-support .intro .satisfaction {
		background-position: center 50px;
	}
	
	blockquote {
		margin-left: 5%;
		margin-right: 5%;
	}

	.above-post-hero h1, .above-post-hero h2, .above-post-hero p {
	    margin-left: 5%;
	    margin-right: 5%;
	}
	.page-contact .one-fourth {
	    width: 100%;
	}

	.sitemap ul:first-child {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

	.site-header .title-area .site-title a {
	    width: 325px;
	    height: 80px;
	}

	.footer-widgets .enews-widget input[type="submit"] { 
		position: relative; 
		width: 100%; 
	}

	.footer-widgets .enews-widget input[type="email"] { 
		margin-bottom: 10px;
	}

	.wpcf7 form { 
		margin: 0px auto; 
		max-width: 300px; 
	}

	.listing-item .image { 
		float:none; 
	}

	.home-featured .home-widgets-1 {
		padding: 200px 0 180px;
		width: 100%;
	}

	.single-post .site-inner .wrap, .single-portfolio .site-inner .wrap, .page-demo .intro + .wrap {
		max-width: 306px;
	}

	.cta-widget .one-third {
		margin-left: 0;
		width: 100%;
	}

	.cta-widget .one-third h5, .cta-widget .one-third p {
		font-size: 18px;
	}

	.page-support .intro h3 {
	    font-size: 14px;
	}

	.single-post .entry-title {
		font-size: 32px;
	}

	.perk {
		width: 100%;
	}

	.footer-widgets-4 {
		padding: 40px 20px 40px;
	}
}


/*==========================================================================================================================
                                              Max Width: 320px;
==========================================================================================================================*/


@media screen and (max-width: 320px) {

	.wrap, .breadcrumb {
		max-width: 272px;
	}

	.single-post .site-inner .wrap, .single-portfolio .site-inner .wrap, .page-demo .intro + .wrap {
		max-width: 272px;
	}

	.content_block h2 {
    	font-size: 42px;
	}

	.credit {
		margin: 0 50px;
	}

	td, th {
		font-size: 8px;
	}
	
	.home-widgets-1 h1 {
		font-size: 30px;
	}

	.home-featured .home-widgets-1 {
		font-size: 18px;
	}

	.site-header .title-area .site-title a {
		width: 275px;
	}

	.entry-time {
		display: block;
	}

	.page-blog .entry-header .entry-meta, .category .entry-header .entry-meta {
		padding-top: 0;
	}

	.single-post .gravatar-holder {
    	bottom: 220px;
    }

    .answer, .interactions, .satisfaction {
    	display: none;
    }
}