/*
   SUPERLATIVE WEBSITE BUILDER FLIP SECTION 
     Include this file only once on any individual page.
              From 601px through 1020px:
   Place the slideshow beneath the three icons.
*/

@media (min-width: 601px) and (max-width: 1020px) {
 .home-concept .concept-icons-column,  .home-concept .concept-slideshow-column {
 width: 100%;
 float: none;
 margin-left: 0;
}
 .home-concept .concept-spacer {
 display: none;
}
 .home-concept .concept-slideshow-column {
 clear: both;
}
 .home-concept .project-image {
 float: none;
 margin: 40px auto 0;
}
 .home-concept .fc-slideshow {
 margin-left: auto;
 margin-right: auto;
}
}

/* 
	At 601px and wider:
	Keep It's Fast, It's Easy and It's Mobile in one row. 
*/

@media (min-width: 601px) {
 .home-concept .concept-icons-column .flip-icon-column {
 width: 33.333333% !important;
 float: left !important;
 clear: none !important;
 display: block;
}
}

/*
  At 600px and below:
  Stack It's Fast, It's Easy and It's Mobile vertically.
 */
 
@media (max-width: 600px) {
 .home-concept .concept-icons-column > .row {
 display: block;
}
 .home-concept .concept-icons-column .flip-icon-column {
 width: 100% !important;
 float: none !important;
 display: block;
 clear: both;
 margin-bottom: 30px;
}
 .home-concept .concept-icons-column .process-image {
 margin-left: auto;
 margin-right: auto;
}
 .home-concept .concept-icons-column .process-icon {
 margin-left: auto;
 margin-right: auto;
}
}