html						/*{ background:#fefefe url(../../assets/images/newbackground.png) repeat-x; } /*#021F6B url(../../assets/images/background.jpg)*/
/*body            { background: #fff url(../../assets/images/bg.jpg) repeat-x 0 0;}*/
#site						{  }
#main { background:#fff; }

.customFont { font-family: 'Josefin Sans', sans-serif; }

.borderRight				{ border-right:1px solid #fff; }

a:visited,
a:active,
a							{ color:#fff; }
a:visited:hover,
a:hover						{ color:#fff; text-decoration:none; }

.widgetInner a:visited,
.widgetInner a:active,
.widgetInner a							{ color:#333; }
.widgetInner a:visited:hover,
.widgetInner a:hover						{ color:#333; text-decoration:none; }

.widgetInner hr { margin:24px 0; }

/*----*/
.darkBg						{ background:#cccccc; !important; } /* old font = !important*/
.lightBg					{ background:#D0F0FF !important; }

.darkBorder					{ border-color:#005e43 !important; }
.lightBorder				{ border-color:#16b1ff !important; }

.darkText					{ color:#152941 !important; }
.lightText					{ color:#D0F0FF !important; }


.content					{ color:#000; font-family: 'Amaranth', sans-serif; }
.content h1					{ font-family: 'Josefin Sans', sans-serif; color:#fff; margin-bottom:10px; padding:6px 10px 6px 35px;  }
.content h2					{ font-family: 'Josefin Sans', sans-serif; color:#fff; margin-bottom:10px; padding:6px 10px 6px 35px;  }
/*.content h3					{ background:#89CBF6 url(../../assets/images/heading_bg.jpg) repeat-x 0px 0px; margin:0 0 12px 0; padding:6px 0 10px 12px; }*/ 

.widget						{   padding:0 10px; } 
/*.widgetInner				{ padding:10px 0; }*/ 
/*.widget_calendarlist { margin-top: 10px;}*/

#accessBar					{ color:#fff; }
#accessBarMain				{ background:#a20032; }
#accessBar a:visited,
#accessBar a:active,
#accessBar a				{ color:#fff; }
#accessBar a:visited:hover,
#accessBar a:hover			{ color:#fff; }

#accessBar .button			{ background:#152941; border:0; color:#fff; padding:2px 4px; }
#accessBar .field			{ border:1px solid #152941; padding:2px 4px; }

/*.columnRightBg				{ background:url(../../assets/images/rightcol_bg.jpg); }
.columnLeftBg				{ background:url(../../assets/images/leftcol_bg.jpg); }*/

#banner { background:#9d0030; }

/*---- menu colors url(../../assets/images/menu_bg.jpg) ----*/
.menu						{ background: #fff; font-family: 'Josefin Sans', sans-serif; }
.menuBottom         { height:0; }
.menuBottom					{  }
.menu ul ul li 				{ /*border-top:1px solid #FFF; background:#005F01; */ }
.menu li					{ /*border-right:1px solid #329FF2;*/ }

.menu a:visited,
.menu a:active,
.menu a						{ color:#fff; }
.menu a:visited:hover,
.menu a:hover				{ color:#fff; }

/*.menu :hover > a, .menu ul ul :hover > a { background:#2d2d89; color:#fff; }*/

/*.menu ul ul a:visited,
.menu ul ul a:active,
.menu ul ul a				{ background:#2d2d89; color:#fff; }
.menu ul ul a:visited:hover,
.menu ul ul a:hover			{ background:#4d4db5; color:#fff; }*/

.Menu a:visited,
.Menu a:active,
.Menu a { background:#ffd41a; }
.Menu a:visited:hover,
.Menu a:hover { background:#fbde62; }

.pinkMenu a:visited,
.pinkMenu a:active,
.pinkMenu a { background:#fe49aa; }
.pinkMenu a:visited:hover,
.pinkMenu a:hover { background:#fc7ea5; }

.darkBlueMenu a:visited,
.darkBlueMenu a:active,
.darkBlueMenu a { background:#2849ec; }
.darkBlueMenu a:visited:hover,
.darkBlueMenu a:hover { background:#465dcf; }

.redMenu a:visited,
.redMenu a:active,
.redMenu a { background:#eb1c26;}
.redMenu a:visited:hover,
.redMenu a:hover { background:#ed5158;}

.greenMenu a:visited,
.greenMenu a:active,
.greenMenu a { background:#76c909; }
.greenMenu a:visited:hover,
.greenMenu a:hover { background:#9ada45; }

.darkGreenMenu a:visited,
.darkGreenMenu a:active,
.darkGreenMenu a { background:#27472d; }
.darkGreenMenu a:visited:hover,
.darkGreenMenu a:hover { background:#3b7846; }

.purpleMenu a:visited,
.purpleMenu a:active,
.purpleMenu a { background:#8727cf; }
.purpleMenu a:visited:hover,
.purpleMenu a:hover { background:#b64dcf; }

.blueMenu a:visited,
.blueMenu a:active,
.blueMenu a { background:#00b1ff; }
.blueMenu a:visited:hover,
.blueMenu a:hover { background:#69c5ee; }

.orangeMenu a:visited,
.orangeMenu a:active,
.orangeMenu a { background:#ff992a; }
.orangeMenu a:visited:hover,
.orangeMenu a:hover { background:#f3b46f; }

.yellowMenu a:visited,
.yellowMenu a:active,
.yellowMenu a { background:#ffc728; }
.yellowMenu a:visited:hover,
.yellowMenu a:hover { background:#fad469; }

a.dropdown{ background-image: url(../../assets/images/droparrow.png); background-repeat: no-repeat; background-position: 97% center; padding-right: 25px;}


/*---- crumb ----*/
/*.crumbArrow					{ background:url(../../assets/images/crumbarrow.gif) no-repeat right 2px; padding:0 5px 0 5px !important; }*/

#breadcrumb					{ color: #000; }
#breadcrumb a:visited,
#breadcrumb a:active,
#breadcrumb a				{ color: #000; }
#breadcrumb a:visited:hover,
#breadcrumb a:hover			{ color: #000; }				


/*---- banner ----*/

/*---- footer ----*/
.footerColumns { background:#fefefe; color:#152941;  }
.footerColumns h2 { color:#fff; }

.footerColumns a:visited,
.footerColumns a:active,
.footerColumns a { color:#152941; }
.footerColumns a:visited:hover,
.footerColumns a:hover { color:#152941; }

#footer						{ }
#footerMain					{ background: #004028 url(../../assets/images/footer_bg.jpg) no-repeat top; }
#footer a:visited,
#footer a:active,
#footer a					{ color: #fff; }
#footer a:visited:hover,
#footer a:hover				{ color: #fff }

.creditLinks				{ color: #fff; }

/* ********************************* */
/* ----------- common --------------*/
/* ********************************* */

.listItem					{ border-bottom:1px solid #094d1a; }
.listItemTitle a       { color: #000; font-family: 'Josefin Sans', sans-serif; font-weight: normal; font-size: 120%}
.listItemImage img			{ border:4px solid #094d1a; }
.listItemMore a:visited,
.listItemMore a:active,
.listItemMore a { background: #005e43; padding: 5px; color: #fff; font-family: 'Josefin Sans', sans-serif; font-weight: normal; font-size: 140%}
.listItemMore a:visited:hover,
.listItemMore a:hover { color:#fff; }
.button a, .button button	{ background:#005e43 !important; color:#fff !important; font-family: 'Josefin Sans', sans-serif; font-weight: normal; font-size: 140%}
button						{ background:#005e43 !important; color:#fff !important; }

.pagination a:visited,
.pagination a:active,
.pagination a				{ background:#061E66; border:1px solid #061E66; color:#fff; }
.pagination a:visited:hover,
.pagination a:hover			{ background:#061E66; color:#fff; text-decoration:underline; }
.pagination .selected		{ background:#222 !important; border:1px solid #222; color:#fff; }

/*---- button ----*/
.button						{  }
.button a:visited,
.button a:active,
.button a					{ background:#005F01; color:#fff; }
.button a:visited:hover,
.button a:hover				{ color:#fff; }

button						{ background:#005F01; color:#fff; }
button :hover				{  }



.box						{ background:#fff !important; }

/*---- tables ----*/
table						{ border-left: 1px solid #d58ba4; border-collapse: collapse; margin:0 0 12px 0;}

td{
  color: #152941;
  border-right: 1px solid #d58ba4;
  border-bottom: 1px solid #d58ba4;
  border-top: 1px solid #d58ba4;
  padding: 6px 12px 6px 12px;
}

th{
  background-color:#a20032;
  color:#fff;
  border-right: 1px solid #d58ba4;
  border-bottom: 1px solid #d58ba4;
  border-top: 1px solid #d58ba4;
  padding: 6px 6px 6px 12px;
	text-align:left;
}

#school { font-weight: normal; font-family: 'Josefin Sans', sans-serif; }

.largeList a:visited, .largeList a:active, .largeList a { background: #a20032; } .largeList a:visited:hover, .largeList a:hover { background: #ab1e4a; }

/*---- featured ----*/
.featured { background:#a20032; margin-bottom: 0; color: #fff; }
.featured .darkBorder { border-color:#fff !important; }
.featured .listItemTitle a { color: #fff; }
.featured td { background: #fff; }
.featured a:visited,
.featured a:active,
.featured a,
.featured a:visited:hover,
.featured a:hover           { color:#fff; }

/*-- google language bar --*/
.goog-te-gadget-simple .goog-te-menu-value span { color: #000;}

/*--- footer login ---*/

#footerLogin { background-color: #004028 ; text-align: center; color: #fff; padding-top: 12px; color: #fff; }

#policies li { border-color: #fff !important; }

/*.content h2 span, .menu a span {font-family: Arial, Helvetica, sans-serif; font-style: italic; } dual language*/

/*--- Main CSS ---*/

.menuPad { padding-top:82px !important; }


.wrapper { max-width: 980px; margin: 0 auto; font-family: 'Josefin Sans', sans-serif; }
.mainTitle { font-size: 250% !important; clear:both; padding-bottom:20px; }

.homeTitle { font-size: 194%; clear:both; padding-bottom:15px; }
.homeBottomTitle { font-size: 270%; line-height: 120%; clear:both; font-weight: normal; padding-bottom:25px; }

img {max-width: 100%;}

.smallTitle { }
.leftCol { width: 50%; float: left; }
.rightCol { width: 50%; float: left; }
.textCenter { text-align: center; }
.mainLinkBtn {  display: inline-block; }
.mainLinkBtn a,.mainLinkBtn a:visited, 
.mainLinkBtn a:active, 
.mainLinkBtn a
{ background: rgba(0,0,0,0.5); padding: 12px 8px 7px 8px; color: #fff;  display: inline-block; text-decoration: none; }
.mainLinkBtn a:visited:hover,.mainLinkBtn a:hover { background: rgba(0,0,0,0.7); text-decoration: none; }

.homeButtons .mainLinkBtn { font-size:150%;  }
.homeButtons div { margin: 5px 1.02%;  }

#appIcon { width: 100%;}

.slider, .homeSlider { position: relative; }
 
.cakeText { font-size:140%; line-height: 160%;  }
.cake .mainTitle { padding-top:20px;  }

.homeWelcome { color: #818386; background: #fff; }

.homeWelcome .leftCol { padding-top:20px;  }
.homeWelcome .rightCol { position: relative; min-height: 350px; }
.homeWelcome .rightCol img { position: absolute; left: 50%; margin-left: -125px; bottom: 0; }
.homeWelcomeText { font-size:140%; line-height: 160%; padding-left:20px;   }

.homeWelcome .mainTitle { padding-left:20px;  }

.testimonial  { font-size:140%; line-height: 160%; padding-top:20px; }

.noPadBottom { padding-bottom:0 !important;  }

.blueBg{ background: #0198f3; }
.greenBg{ background: #21cb75; }
.purpleBg{ background: #9b32e7; }
.pinkBg{ background: #f26899; }
.orangeBg{ background: #f8831a; }
.redBg{ background: #dc3232; }
.lightBlueBg { background: #d2edfe; }
.greyBg { background: #f7f7f7; }

.greyHeading { color: #7f7f7f; }
.greyText { color: #666666; }

.mainText { line-height: 40px; }

#nav { font-size:140%; position: fixed; background:#69c5f8; width: 100%; z-index: 99; }
#nav .wrapper { padding:0; max-width:900px; }
#logo { float: left; margin-top:21px; max-width: 350px; }
#nav ul { list-style: none; float: right; }
#nav ul li { display: inline-block;  padding: 43px 10px 18px; }
#nav ul li a { color: #fff; }

#nav li.active { background: rgba(0,0,0,0.1); }

#nav a:visited,
#nav a:active,
#nav a { text-decoration: none;  }
#nav a:visited:hover,
#nav a:hover { text-decoration: underline;  }

#app #appTile { background: url(../images/main-imgs/app-tile.jpg) repeat-x 0 84px; padding-bottom: 30px; }

#appTile .mainTitle { color: #7f7f7f; font-size: 295% !important; }

#app #app-section { box-sizing: border-box; padding: 30px 25px 0; }
#app #app-screen { float: left; max-width: 500px; }
#app #app-screen img { float: left; }
#app #app-features { float: right; margin-top: 8px; margin-left: 40px; }
#app #app-features li: { margin-bottom: 65px; font-size: 125%; margin-left: 80px; }
#app #app-features li img { left: -80px; }
#app #app-features li:last-child { margin-bottom: 0; }

#app .blueBg { background: #69c5f8; }
#app #privateMainText { font-size: 120%; }
#app #pmHolder { text-align: center; }
#app .privateSteps { display: inline-block; text-align: center; max-width: 175px; margin: 25px 58px 30px; }
#app .privateSteps .featureText { font-size: 110%; }

#app .greyBg .wrapper { box-sizing: border-box ; padding: 30px 35px 50px; }
#app .greyBg .mainText { font-size: 130%; }
#app #appTypeHolder { text-align: center; }
#app .appType { text-align: center; display: inline-block; max-width: 128px; margin: 35px 3.06%; }
#app .appType:nth-child(1) { margin-left: 0px; }
#app .appType:nth-child(5) { margin-right: 0px; }

#app .pinkBg { background: #f26899;}
#app .pinkBg .mainText { font-size: 130%; }

#app .brandedHolder { margin-top: 30px; }

#app .greenBg { padding: 30px 20px;}

#app #smsCal { float: left; box-sizing: border-box; max-width: 455px; color: #21cb75; text-align: center; padding: 40px 30px; background: #fff; border-radius: 15px; font-size: 155% }
#app #smsCal #currencyHolder { text-align: center; }
#app #smsCal .currency { display: inline-block; text-align: center; color: #fff; background: #a7eac7; padding: 15px 25px; font-size: 160%; margin: 0 15px 30px; cursor: pointer; }
#app #smsCal .currency.activeCurr { color: #fff; background: #21cb75; }
#app #smsCal fieldset { border: 0; }
#app #smsCal label { display: block; }
#app #smsCal input[type="number"] { text-align: center; color: #21cb75; box-sizing: border-box; width: 100%; margin-bottom: 30px; padding: 4px 10px; font-size: 90%;  }
#app #smsCal span { color: #ff4d49; display: block; font-size: 160%; margin-top: 20px; }
#calMainText { float: left; padding: 130px 0; max-width: 400px; text-align: center; margin-left: 45px; font-size: 235%; line-height: 65px; }
#calMainText span { display: block; font-size: 45%; }

#header-section { background: url(../images/main-imgs/header-tilev2.jpg) repeat-x 0 82px; }

#header-section .mainTitle, #header-section-home .mainTitle { color: #7f7f7f; margin-bottom : 20px; font-size: 295% !important; }

/*.portfolioSection .headerPortfolio:nth-child(odd) { margin-left: 2%; }*/
.headerPortfolio { float: left; margin-bottom: 15px; margin-left: 1%; text-align: center; width: 32%; }
.headerPortfolio img { border: 16px solid #f0f0f0; margin-bottom: 10px; box-sizing: border-box; }
.headerPortfolio .nurseryHeading, .headerPortfolio .nurseryHeading a { color: #999999; font-size: 120%; }
.nurseryHeading { min-height: 50px; }
@media screen and (max-width: 900px){
  .headerPortfolio { margin-left: 0%; width: 100%; }
}

#featuresHolder { text-align: center; }
.features { display: inline-block; text-align: center; background: #fff; width: 214px; min-height: 222px; padding: 10px 6px; box-sizing: border-box; margin-left: 25px; margin-bottom: 25px; }
.features .featureTitle { color: #9a9a9a; font-size: 110%; }
.features .featureText { color: #343434; line-height: 20px; }

.app-section { box-sizing: border-box; padding: 30px 30px 0;}
.app-section .mainTitle { margin-bottom: 20px; }
.app-section #app-screen { padding-top: 23px; }
.app-section #app-child { padding-top: 13px; }
.threeCols { float: left; }
.threeCols img { float: left; }

#app-features { max-width: 320px; }
#app-features li { display: inline-block; list-style: none; margin: 30px 0 30px 65px; position: relative; font-size: 120%; }
#app-features li img { position: absolute; left: -65px; top: -24px; }

.blueTitle { color: #6ac4f8; }

#communicateHolder { text-align: center; }
.communicate { margin: 0 25px 40px; display: inline-block; max-width: 260px;  }
.communicateTitle { border-bottom: 1px solid #fff; padding: 20px 0 10px; margin-bottom: 10px; font-size: 120% }

.whiteBg { background: #fff; }
.yellowBg { background: #f7e614; }

#nursery .blueBg { background: #69c5f8; }
#secondary .blueBg { background: #006dc8; }
#contact .blueBg { background: #33adf6; }
#home .blueBg { background: #69c5f8; }
#homePageLinks { background: #0198f3 !important; }

.blueBg { padding: 20px 0 25px; color: #fff; }
.blueBg .wrapper { padding: 0px 2.5%; }
#headerLeft { width: 391px; float: left; margin-left: 27px; }
#headerRight { width: 422px; float: right; margin-right: 73px }
.headerIcons { float: left; width: 50%; text-align: center; margin-bottom: 25px; font-size:150%; }
.headerIcons img { padding-top:4px;  }

#nursery .greenBg { background: #21cb75; padding-bottom: 0 !important; }

.greenBg { color: #fff; padding: 27px 0 0px; }
.featuresList { width: 50%; float: left; }
.featuresList ul { list-style: none; }
.featuresList ul li { background: url(../images/main-imgs/featureListTick.png) no-repeat left center; padding: 18px 0px 18px 50px; font-size:126%; }
#featuredIconsHolder { clear: both; padding-top: 70px; }
.featuredIcons { width: 25%; float: left; text-align: center; font-size:178%; }
.featuredIcons img { padding-top:10px;  }

#nursery .purpleBg { background: #b870ee; }
#secondary .purpleBg { background: #790ac8; }

.purpleBg { color: #fff; padding: 30px 0 50px; }

#nursery .pinkBg { background: #fc77a4; }
#home .pinkBg { background: #f26899; }

.pinkBg { color: #fff; padding: 28px 0 30px; }

#nursery .orangeBg { background: #ff8779; }
#secondary .orangeBg { background: #d16400; }

.orangeBg { color: #fff; padding: 15px 0 50px; }
.portfolioDesigns { width: 43.36%; /*425px;*/ float: left; padding: 15px; position: relative; margin: 30px 0 30px 2.04%; background: rgba(0,0,0,0.4); border-radius: 15px; }
.portfolioDesigns:nth-child(odd) { margin: 30px 2.04% 30px 0px; }
.portfolioDesigns img { position: relative; max-width: 100%; }

#contact .mainTitle { margin-top: 25px;}

.contactText  { font-size:130%; line-height: 150%;  }
.contactDetails { clear:both; padding:0 0 20px 0;  }
.footerContactDetails {  font-size:140%; line-height: 160%; padding-top:20px; }

#footerSwd { background: #0198f3; color: #fff; }
#footerSwd .wrapper { background: url(../images/main-imgs/contact.png) no-repeat 83% bottom; padding: 16px 10px; }
#footerSwd fieldset { border: 0; width: 395px; }
#footerSwd label { display: block; margin: 19px 0 7px; }
#footerSwd input[type="text"] { width: 95%; padding: 5px 2.5%; border-radius: 5px; border: 0; height: 20px; }
#footerSwd input[type="checkbox"] { display: inline-block; width: 20px; border-radius: 5px; border: 0; height: 20px; }
#footerSwd #emailCopyHolder label { display: inline-block; position: relative; bottom: 4px; }
#footerSwd textarea { width: 95%; padding: 5px 2.5%; border-radius: 5px; border: 0; height: 75px; margin-bottom: 20px; }
#footerSwd input[type="submit"] { background: rgba(0,0,0,0.5); padding: 12px; border: none; color: #fff; font-weight: bold; font-family: 'Josefin Sans', sans-serif; }
#footerBottomSwd { background: #33adf6; text-align: center; color: #fff; padding: 20px 20px 8px; }

#fromRequired { display: none; }

.formError {color:#a23636; padding:10px; background: #f8d7da; border: 1px solid #f5c6cb; margin-bottom: 10px; }

#overlaySuccess { position: fixed; background: rgba(0,0,0,0.8); top: 0; bottom: 0; left: 0; right: 0; z-index: 99; }
#successPopup { position: fixed; padding: 15px; background: #09d065; top: 50%; left: 50%; width: 100%; max-width:525px; min-height: 275px; margin-left: -262.5px; margin-top: -137.5px; border-radius: 15px; text-align: center; z-index: 99; }
#successPopup .mainLinkBtn { width: 100%; margin-top: 20px;}
#successPopup .mainLinkBtn a { font-size: 150%; padding: 12px 15px 7px 15px; }

#header-section-home { background: url(../images/main-imgs/header-tile-home.jpg) repeat-x 0 -1px; }

#nurseryBtn a:visited,
#nurseryBtn a:active,
#nurseryBtn a { background:#f4b13e !important; padding: 20px 60px !important; }
#nurseryBtn a:visited:hover,
#nurseryBtn a:hover { background:#febe50 !important; }

#primaryBtn a:visited,
#primaryBtn a:active,
#primaryBtn a { background:#6aca3c !important; padding: 20px 60px !important; }
#primaryBtn a:visited:hover,
#primaryBtn a:hover { background:#7cde4d !important; }

#secondaryBtn a:visited,
#secondaryBtn a:active,
#secondaryBtn a { background:#8c31c6 !important; padding: 20px 60px !important; }
#secondaryBtn a:visited:hover,
#secondaryBtn a:hover { background:#9f42da !important; }

@-webkit-keyframes showSuccess {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); 
  }
  
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); 
  }
  
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); 
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1); 
  } 
}

@keyframes showSuccess {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); 
  }
  
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); 
  }
  
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); 
  }
  
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); 
  } 
}

@-webkit-keyframes hideSuccess {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); 
  }
  
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); 
  } 
}

@keyframes hideSuccess {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); 
  }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  } 
}

.showSuccessPop {-webkit-animation: showSuccess 0.3s; animation: showSuccess 0.3s;}
.hideSuccessPop {-webkit-animation: hideSuccess 0.3s; animation: hideSuccess 0.3s;}

/*--- mobile ---*/

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

  .wrapper { width: 95%; }

  #header-section .wrapper, #header-section-home .wrapper { width: 100%; background: #fff; }
  #header-section .headerTop { background: #fff; }
  #header-section-home #headerTop .slider .widget { padding: 0; }

  #nav  { font-size:88%;  }
  #nav ul { float:unset; clear:both; text-align: center; }
  #nav ul li,#nav li.active { padding-top:10px; padding-left:4px; padding-right:4px;  }

  .menuPad { padding-top:138px !important;  }

  #nav .wrapper { width: 95%; }

  #logo { width: 100%; clear:both; text-align: center; margin: 15px auto; float: none; }

  #headerLeft,
  #headerRight { width: 100%; margin: 0; }

  #headerLeft { text-align: center; margin-bottom: 15px; }

  .leftCol,
  .rightCol,
  .featuresList { width: 100%; }

  .headerIcons  { width: 25%; } 

  .featuredIcons { width: 50%; }

  .leftCol,
  .rightCol { text-align: center;}

  #footerSwd .mainTitle { padding-top: 20px; }

  .featuredIcons { padding-top:25px;  }

  #footerSwd .wrapper { background: none; }

  #footerSwd fieldset { width: 100%; }

  form { margin-bottom: 40px; }

  #app #app-screen, #app #smsCal, #calMainText { float: none; margin: 0 auto; }
  #app #app-features { float: none; margin: 0 auto 50px; }

  #app .appType:nth-child(1) { margin-left: 3.06%; }
  #app .appType:nth-child(5) { margin-right: 3.06%; }
  #app #appTile { background: none; }
  #appTile .wrapper { width: 100%; }
  #calMainText { padding: 50px 0; }
}

#desktop-slider { display: block; }
#mobile-slider { display: none; }

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

  .headerIcons  { width: 50%; } 

  .portfolioDesigns{ width: 95%; padding: 2.5%; margin: 0; float: none; text-align: center; }
}

@media screen and (max-width: 600px){
  #desktop-slider { display: none; }
  #mobile-slider { display: block; }
}