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


/* iPHONE */
 
body{ margin:0; }

/* HEADER MAIN MENU */ 

		
	#header{
	height: 380px;
	
	padding-top:0;
	background-color: transparent;}

	#header h1{z-index:-1;font-weight:500;
	top: 195px;
	margin-left: 0px;
	left:30px;
	line-height: 48px;
	color:#111111;}
	
	#header h2{display:none;}

	#header #big-picture {z-index:-1;margin-top:80px;margin-left:-180px;height: 250px;}
	#header #logo {top:80px;z-index:1}
	#header indexpic {display:none;}

#header #menu { left:0px;;top:0px;z-index: 1;
}

/*Strip the ul of padding and list styling*/
#header #menu ul {
	list-style-type:none;
	margin:0px;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
#header #menu li {
	display:inline-block;
	float: left;
	margin-right:0px;
}

/*Style for menu links*/
#header #menu li a {
	display:block;
	min-width:159px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	color: #111111;
	font-size:28px;font-weight:500;
	background-color: #c9c9c9;
}

#header #menu li a img{width:30px;}

/*Hover state for top level links*/
#header #menu li:hover a {
	background: #999999;
}

/*Style for dropdown links*/
#header #menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 50px;
	line-height: 50px;
	min-width:120px;
}

/*Hover state for dropdown links*/
#header #menu li:hover ul a:hover {
	background: #999999;
	color: #fff;
}


/* INDEX */

.features-table-container {
    width:960px;
}

.featurescolumn h2 {
    font-size:28px;
    font-weight:400;
}



#main #content table.one{margin-top:10px;
}
#main #content tr.one td {font-weight:400;}
#main #content #sub{font-weight:400;}
#main #content #titlesub{font-weight:400;display:none;}
#main #content tr.two td{font-weight:400;}
#main #content #indexquote2 {font-weight:400;}
#main #content #indextestimonial {font-weight:400;}
#main #content #indexquote3 {font-weight:400;color:#111111;}
#main #content #whatis h2 {font-weight:400;color:#111111;margin-top:0px;}
#main #content ul#features p, #main #content ul#features p.bulletproduct {font-weight:400;color: #111111;font-size: 22px;}
#main #content #indexquote5 {font-weight:400;}

#main #content tr.one td blue{color:#111111;}	
#main #content #indexquote {color:#111111;font-weight:400;}
#main #content tr.two td orange small li{color:#111111;}

#main #content .lead {  }	

#main #content #itunes,#main #content #playstore {
	background-size: auto 65px;
}
#main #content button#signup {
	font-size: 40px;margin-top:20px;
}
#main #content button#findplan {
	display:block;margin-top:60px;
	font-size: 40px;
}
#main #content button#casestudies {
	display:block;
	font-size: 40px;
}
#main #content #indexquote5 button{
	display:block;
	font-size: 40px;
}
#main #content button#features {
	display:block;
	font-size: 40px;
}




/* PRICING */


body#template #trusted {
	left:20px;
}
body#template #content #pricelistfeatures h1 {margin-left:40px;}
body#template #header{ height:320px;}
body#template tr {margin-top:-90px;}
body#template #content h1 {margin-top:20px;}
body#template #content h1 li{margin-top:10px;margin-left:0px;
font-size: 16px;line-height: 20px;}

	.container {
    width:960px;
}

.price-table-container {
    width:960px;
}

        .column { width:157px; }
        .blank-header { width:157px; height:141px;}
        .column h1 { width:157px; }
        .column h2 { width:157px; }
        .column h3 { width:157px; }
        .column a  { width:157px; }
        .column ul li { width:157px; }
		


/* REGISTRATION */ 


body#registration #header{height:320px;}
body#registration #big-picture{height:210px}

body#registration #content p.lead a img
{width:340px;}

body#registration #content p.lead small
{font-size: 28px;}
body#registration #content p small
{font-size: 20px;font-weight:300;line-height:normal;}
body#registration #content label small{font-size: 18px;line-height: 18px;}
body#registration #content p input{
	width:100%;
	padding: 6px 10px;
	font-size: 30px;}
body#registration #main #content h2reg{color: #F89A1F;font-size: 24px;}
body#registration #main .col-dual p{margin:10px 20px;line-height: 26px;}
body#registration #main .col-dual p label{font-size:28px;line-height: 26px;}
body#registration #main .col-dual p img{float:left;margin-right: 10px;max-width:80px;}
	

/* FOOTER */ 
	
	#footer #menu a {font-size:20px;text-shadow: none;}
	#footer #menu {font-size:20px;line-height: 14px;}



/*  RSVP MICROSITE  */


#main #content #rsvpmicrosite{
	text-align:left;
	width:808px;
	margin: 0 auto;
	position:relative;
}

body#rsvp.microsite #b2b-promo{
	font-size:16px;
	width:340px;
}
body#rsvp.microsite #b2b-promo a,body#rsvp.microsite #b2b-promo a:hover {
font-size: 16px;
}

    body#rsvp.microsite #content #lead
{position: relative;
left:0px;
width:620px;
font-size: 32px;
font-weight:500;
line-height: 28px;
padding: 10px 20px;
margin: 10px auto 30px 170px;
}

    body#rsvp.microsite #content p.smalldate {font-size: 21px;
line-height: 18px;}

    body#rsvp.microsite #content p.smallvenue {
font-size: 21px;
line-height: 24px;font-weight:normal;
}
    body#rsvp.microsite #content #description
{left: 465px;
width: 450px;
font-size: 24px;
padding: 10px 20px;
}
body#rsvp.microsite #signup{
	position: relative;
width: 350px;
margin-left:45px;
font-size: 23px;
font-weight:400;
}

body#rsvp.microsite #entercode{
width: 350px;
font-size: 20px;
font-weight:bold;
}

body#rsvp.microsite #entercode .error{font-size:18px;}
body#rsvp.microsite #entercode .error small{font-size:18px;}

body#rsvp.microsite #content input{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px 10px;
font-size: 23px;
font-weight: bold;
width: 100%;
margin: 10px -10px;
}

body#rsvp.microsite.thankyou #content p{width:400px;margin:20px 0 0 260px;font-size:22px;line-height:20px}
body#rsvp.microsite.thankyou #content p.lead{font-size:36px;margin:20px 0 0 260px}
body#rsvp.microsite.thankyou #content p img{margin:30px 0 0 120px;}
body#rsvp.microsite.thankyou #content p.lead small{font-size:22px;}
body#rsvp.microsite.thankyou #content p.lead img{left:-216px;top:52px;margin:0}

body#rsvp.microsite #signup h2{font-size:22px;padding:10px 0px;;font-weight:normal}


body#rsvp.microsite #signup smaller{font-size:18px;font-weight:normal}

body#rsvp.microsite #signup .error{
font-size:18px;
}

body#rsvp.microsite #signup .error small{
font-size:18px;
}

body#rsvp.microsite #content p.signup{padding: 10px 10px 10px 0px;}
body#rsvp.microsite #content p.signup button{background-color:#FF296E;color:white;font-size:40px;
margin-left: auto;padding:14px;
}
body#rsvp.microsite #content p.signup button:hover{background-color:white;color:#FF296E;font-size:40px;
margin-left: auto;padding:14px
}
body#rsvp.microsite #content button{margin:10px 0px -10px 0px;font-size:40px;padding:14px}

}


			
			
  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	  
	  
	  /* iPAD  */ 
	  
	  
	  
/* body#template #content h1 {margin-top:20px;}
body#template #content h1 li{margin-top:10px;margin-left:0px;
font-size: 16px;line-height: 20px;}

body#template #header{ height:320px;}
body#template tr {margin-top:-90px;}
*/

body{ margin:0; }
		
		
		
	/* HEADER MAIN MENU */
		
	#header{
	height: 380px;
	
	padding-top:0;
	background-color: transparent;}

	#header h1{z-index:-1;font-weight:400;top: 195px;margin-left: 0px;
	left:30px;line-height: 48px;color:#111111;
	}
	#header h2{display:none;}
	#header #big-picture {z-index:-1;margin-top:80px;margin-left:-180px;height: 250px;}
	#header #logo {top:80px;z-index:1}
	#header indexpic {display:none;}

#header #menu { left:0px;;top:0px;z-index: 1;
}

/*Strip the ul of padding and list styling*/
#header #menu ul {
	list-style-type:none;
	margin:0px;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
#header #menu li {
	display:inline-block;
	float: left;
	margin-right:0px;
}

/*Style for menu links*/
#header #menu li a {
	display:block;
	min-width:159px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	color: #111111;
	font-size:24px;font-weight:400;
	background-color: #DEDEDE;
}

#header #menu li a img{width:20px;}

/*Hover state for top level links*/
#header #menu li:hover a {
	background: #777777;
}

/*Style for dropdown links*/
#header #menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 50px;
	line-height: 50px;
	min-width:120px;
}

/*Hover state for dropdown links*/
#header #menu li:hover ul a:hover {
	background: #999999;
	color: #fff;
}


/* INDEX */ 


.features-table-container {
    width:960px;
}
.featurescolumn h2 {
    font-size:28px;
    font-weight:400;
}


#main #content table.one{margin-top:0px;
}
#main #content tr.one td {font-weight:300;}
#main #content #sub{font-weight:300;}
#main #content #titlesub{font-weight:300;display:none;}
#main #content tr.two td{font-weight:400;}
#main #content #indexquote2 {font-weight:400;}
#main #content #indextestimonial {font-weight:400;}
#main #content #indexquote3 {font-weight:300;color:#111111;}
#main #content #whatis h2 {font-weight:300;color:#111111;margin-top:0px;}
#main #content ul#features p, #main #content ul#features p.bulletproduct {font-weight:400;color: #111111;font-size: 22px;}
#main #content #indexquote5 {font-weight:400;}

#main #content tr.one td blue{color:#111111;}	
#main #content #indexquote {color:#111111;font-weight:400;}
#main #content tr.two td orange small li{color:#111111;}


#main #content .lead {  }	

#main #content #itunes,#main #content #playstore {
	background-size: auto 65px;
}
#main #content button#signup {
	font-size: 40px;margin-top:30px;
}
#main #content button#findplan {
	display:block;margin-top:60px;
	font-size: 40px;
}
#main #content button#casestudies {
	display:block;
	font-size: 40px;
}
#main #content #indexquote5 button{
	display:block;
	font-size: 40px;
}
#main #content button#features {
	display:block;
	font-size: 40px;
}



/* PRICING */


body#template #trusted {
	left:20px;
}
body#template #content #pricelistfeatures h1 {margin-left:40px;}
body#template #header{ height:290px;}
body#template tr {margin-top:-90px;}
body#template #content h1 {margin-top:20px;}
body#template #content h1 li{margin-top:10px;margin-left:0px;
font-size: 16px;line-height: 20px;}

body#template tr.top {height:0px;}
body#template tr.top td.second {margin-top:-100px;}
		
.container {
    width:960px;
}

.price-table-container {
    width:960px;
}

        .column { width:157px; }
        .blank-header { width:157px;height:141px;
} 
        .column h1 { width:157px; }
        .column h2 { width:157px; }
        .column h3 { width:157px; }
        .column a  { width:157px; }
        .column ul li { width:157px; }




/* REGISTRATION */ 


body#registration #header{height:320px;}
body#registration #big-picture{height:210px}

body#registration #content p.lead a img
{width:340px;}

body#registration #content p.lead small
{font-size: 28px;}
body#registration #content p small
{font-size: 20px;font-weight:300;line-height:normal;}
body#registration #content label small{font-size: 18px;line-height: 18px;}
body#registration #content p input{
	width:100%;
	padding: 6px 10px;
	font-size: 30px;}
body#registration #main #content h2reg{color: #F89A1F;font-size: 24px;}
body#registration #main .col-dual p{margin:10px 20px;line-height: 26px;}
body#registration #main .col-dual p label{font-size:28px;line-height: 26px;}
body#registration #main .col-dual p img{float:left;margin-right: 10px;max-width:80px;}
	


/* FOOTER */ 
	
	#footer #menu a {font-size:20px;text-shadow: none;}
	#footer #menu {font-size:20px;line-height: 14px;}


/* RSVP MICROSITE */ 


#main #content #rsvpmicrosite{
	text-align:left;
	width:808px;
	margin: 0 auto;
	position:relative;
}

body#rsvp.microsite #b2b-promo{
	font-size:16px;
	width:340px;
}
body#rsvp.microsite #b2b-promo a,body#rsvp.microsite #b2b-promo a:hover {
font-size: 16px;
}

    body#rsvp.microsite #content #lead
{position: relative;
left:0px;
width:620px;
font-size: 32px;
font-weight:500;
line-height: 28px;
padding: 10px 20px;
margin: 10px auto 30px 170px;
}

    body#rsvp.microsite #content p.smalldate {font-size: 21px;
line-height: 18px;}

    body#rsvp.microsite #content p.smallvenue {
font-size: 21px;
line-height: 24px;font-weight:normal;
}
    body#rsvp.microsite #content #description
{left: 465px;
width: 450px;
font-size: 24px;
padding: 10px 20px;
}
body#rsvp.microsite #signup{
	position: relative;
width: 350px;
margin-left:45px;
font-size: 23px;
font-weight:400;
}

body#rsvp.microsite #entercode{
width: 350px;
font-size: 20px;
font-weight:bold;
}

body#rsvp.microsite #entercode .error{font-size:18px;}
body#rsvp.microsite #entercode .error small{font-size:18px;}

body#rsvp.microsite #content input{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px 10px;
font-size: 23px;
font-weight: bold;
width: 100%;
margin: 10px -10px;
}

body#rsvp.microsite.thankyou #content p{width:400px;margin:20px 0 0 260px;font-size:22px;line-height:20px}
body#rsvp.microsite.thankyou #content p.lead{font-size:36px;margin:20px 0 0 260px}
body#rsvp.microsite.thankyou #content p img{margin:30px 0 0 120px;}
body#rsvp.microsite.thankyou #content p.lead small{font-size:22px;}
body#rsvp.microsite.thankyou #content p.lead img{left:-216px;top:52px;margin:0}

body#rsvp.microsite #signup h2{font-size:22px;padding:10px 0px;;font-weight:normal}


body#rsvp.microsite #signup smaller{font-size:18px;font-weight:normal}

body#rsvp.microsite #signup .error{
font-size:18px;
padding:10px 0px;
}

body#rsvp.microsite #signup .error small{
font-size:18px;
padding:10px 10px;
}

body#rsvp.microsite #content p.signup{padding: 10px 10px 10px 0px;}
body#rsvp.microsite #content p.signup button{background-color:#FF296E;color:white;font-size:40px;
margin-left: auto;padding:14px;
}
body#rsvp.microsite #content p.signup button:hover{background-color:white;color:#FF296E;font-size:40px;
margin-left: auto;padding:14px
}
body#rsvp.microsite #content button{margin:10px 0px -10px 0px;font-size:40px;padding:14px}    

}