@media screen and (min-width: 801px) {
#pricing-table-pc {
    display: block;
    margin: 10px auto;
    margin-bottom: 10px;
    text-align: center;
    width: 100%; /* total computed width = 222 x 3 + 226 */
    position: relative;
    z-index: 0 !important;    
}

#pricing-table-mobile {
    visibility: hidden;
    height: 0 !important;
}    

#pricing-table-pc .plan-pc {
    font: 14px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica; 
    text-shadow: 0 1px rgba(255,255,255,.8);        
    background: #fff;      
    border: 1px solid #ddd;
    color: #666;
    padding: 20px;
    width: 180px; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */      
    float: left;
    position: relative;
    z-index: 0 !important;
}

#pricing-table-pc #most-popular-pc {
    z-index: 2 !important;
    top: -13px;
    border-width: 1px;
    padding: 30px 20px;
    border-radius: 5px;
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}

#pricing-table-pc .plan-pc:nth-child(1) {
    border-radius: 5px 0 0 5px;        
}

#pricing-table-pc .plan-pc:nth-child(3) {
    border-radius: 0 5px 5px 0;        
}

/* --------------- */

#pricing-table-pc h3 {
    font-size: 20px;
    font-weight: normal;
    color: #03438C;
    padding: 20px;
    margin: -20px -20px 50px -20px;
    background-color: #eee;
    background-image: linear-gradient(#fff, #eee);
}

#pricing-table-pc #most-popular-pc h3 {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    margin-top: -30px;
    padding-top: 30px;
    border-radius: 5px 5px 0 0;         
}

#pricing-table-pc .plan-pc:nth-child(1) h3 {
    border-radius: 5px 0 0 0;       
}

#pricing-table-pc .plan-pc:nth-child(4) h3 {
    border-radius: 0 5px 0 0;       
}

#pricing-table-pc h3 span {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #03438C;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 150px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-table-pc ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table-pc li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

/* --------------- */

#pricing-table-pc .signup-pc {
    position: relative;
    padding: 8px 20px;
    margin: 20px 0 0 0;  
    color: #fff;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    text-decoration: none;
    display: inline-block;       
    background-color: #006EB9;
    background-image: linear-gradient(#6699FF, #0369CE);
    border: 1px solid #0574DD;
    border-right: 1px solid #006EB9;
    border-bottom: 1px solid #006EB9;
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);        
    box-shadow: 2px 2px 3px rgba(255, 255, 255, .4), 2px 2px 3px rgba(0, 0, 0, .4);
}

#pricing-table-pc .signup-pc:hover {
    background-color: #0369CE;
    background-image: linear-gradient(#3399FF, #003399); 
}

#pricing-table-pc .signup-pc:active, #pricing-table-pc .signup-pc:focus {
    background: #0369CE;       
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}
}

/* ------------------------------------------------------------------------------------------------------------------------ */

@media screen and (min-width: 801px) {
#pricing-table-pc-specs {
    display: block;
    min-height: 100px;
    height: auto;
    margin: 10px auto;
    margin-bottom: 10px;
    margin: 0 !important;
    text-align: center;

    width: 100%; /* total computed width = 222 x 3 + 226 */
    position: relative;
    z-index: 0 !important;
}

#pricing-table-mobile-specs {
    visibility: hidden;
    height: 0 !important;
}

#pricing-table-pc-specs .plan-pc-specs {
    font: 14px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica; 
    text-shadow: 0 1px rgba(255,255,255,.8);        
    background: #fff;      
    border: 1px solid #ddd;
    color: #666;
    padding: 10px;
    width: 90%;      
    float: left;
    position: relative;
    z-index: 0 !important;
}

#pricing-table-pc-specs #most-popular-pc-specs {
    z-index: 2 !important;
    top: -50px;
    margin-bottom: -125px;
    border-width: 1px;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 10px 0 10px -10px rgba(0, 0, 0, .15), -10px 0 10px -10px rgba(0, 0, 0, .15);    
}

#pricing-table-pc-specs .plan-pc-specs:nth-child(1), #pricing-table-pc-specs .plan-pc-specs:nth-child(2), #pricing-table-pc-specs .plan-pc-specs:nth-child(3) {
    border-radius: 5px 5px 5px 5px;        
}

/*#pricing-table-pc-specs .plan-pc-specs:nth-child(3) {
    border-radius: 0 5px 5px 0;        
}*/

/* --------------- */

#pricing-table-pc-specs h3 {
    font-size: 20px;
    font-weight: normal;
    color: #03438C;
    padding: 20px;
    margin: -20px -20px 50px -20px;
    background-color: #eee;
    background-image: linear-gradient(#fff, #eee);
}

#pricing-table-pc-specs #most-popular-pc-specs h3 {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    margin-top: -30px;
    padding-top: 30px;
    border-radius: 5px 5px 0 0;         
}

#pricing-table-pc-specs .plan-pc-specs:nth-child(1) h3 {
    border-radius: 5px 0 0 0;       
}

#pricing-table-pc-specs .plan-pc-specs:nth-child(4) h3 {
    border-radius: 0 5px 0 0;       
}

#pricing-table-pc-specs h3 span {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #03438C;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 200px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

#pricing-table-pc-specs h3 span#gal {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #03438C;
    background: #fff;
    border: 5px solid #fff;
    height: 220px;
    width: 220px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

#pricing-table-pc-specs h3 span#gal img {
    padding-top: 50px;
}

#pricing-table-pc-specs h3 span#ssl-small {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #03438C;
    background: #fff;
    border: 5px solid #fff;
    height: 75px;
    width: 150px;
    margin: 10px 0px -50px auto;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-table-pc-specs ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table-pc-specs li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    margin-bottom: -17px !important;
}

#pricing-table-pc-specs .signup-pc-specs {
    position: relative;
    padding: 8px 20px;
    margin: 20px 0 0 0;  
    color: #fff;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    text-decoration: none;
    display: inline-block;       
    background-color: #006EB9;
    background-image: linear-gradient(#6699FF, #0369CE);
    border: 1px solid #0574DD;
    border-right: 1px solid #006EB9;
    border-bottom: 1px solid #006EB9;
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);        
    box-shadow: 2px 2px 3px rgba(255, 255, 255, .4), 2px 2px 3px rgba(0, 0, 0, .4);
}

#pricing-table-pc-specs .signup-pc-specs:hover {
    background-color: #0369CE;
    background-image: linear-gradient(#3399FF, #003399); 
}

#pricing-table-pc-specs .signup-pc-specs:active, #pricing-table-pc-specs .signup-pc-specs:focus {
    background: #0369CE;       
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

#pricing-table-pc-specs a.signup-pc-specs-2 {
    position: relative;
    padding: 8px 20px;
    margin: -20px 0 30px 0;  
    color: #fff;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    text-decoration: none;
    display: inline-block;       
    background-color: #660000;
    background-image: linear-gradient(#FF0000, #CC0000);
    border: 1px solid #AC0505;
    border-right: 1px solid #990000;
    border-bottom: 1px solid #990000;
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);        
    box-shadow: 2px 2px 3px rgba(255, 255, 255, .4), 2px 2px 3px rgba(0, 0, 0, .4);
}

#pricing-table-pc-specs a.signup-pc-specs-2:hover {
    background-color: #BF0000;
    background-image: linear-gradient(#CC0000, #990000); 
}

#pricing-table-pc-specs a.signup-pc-specs-2:active, #pricing-table-pc-specs a.signup-pc-specs-2:focus {
    background: #BF0000;       
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}
}

/* ------------------------------------------------------------------------------------------------------------------------ */

@media screen and (max-width: 800px) {
#pricing-table-mobile {
    display: block;
    margin: 10px auto;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 15px;
    text-align: center;
    width: 100%; /* total computed width = 222 x 3 + 226 */
    position: relative;
    z-index: 0 !important;    
}

#pricing-table-pc {
    visibility: hidden;
    height: 0 !important;
}

#pricing-table-mobile .plan-mobile {
    font: 14px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica; 
    text-shadow: 0 1px rgba(255,255,255,.8);        
    background: #fff;      
    border: 1px solid #ddd;
    color: #666;
    padding: 20px;
    margin-bottom: 20px;
    width: 85% auto; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */  
    float: left;
    position: relative;
    z-index: 0 !important;
}

#pricing-table-mobile #most-popular-mobile {
    z-index: 2 !important;
    /*top: -13px;*/
    border-width: 1px;
    padding: 30px 20px;
    border-radius: 5px;
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}

#pricing-table-mobile .plan-mobile:nth-child(1), #pricing-table-mobile .plan-mobile:nth-child(2), #pricing-table-mobile .plan-mobile:nth-child(3) {
    border-radius: 5px 5px 5px 5px;        
}

/*#pricing-table-mobile .plan-mobile:nth-child(3) {
    border-radius: 0 5px 5px 0;        
}*/

/* --------------- */

#pricing-table-mobile h3 {
    font-size: 20px;
    font-weight: normal;
    color: #03438C;
    padding: 20px;
    margin: -20px -20px 50px -20px;
    background-color: #eee;
    background-image: linear-gradient(#fff, #eee);
}

#pricing-table-mobile #most-popular-mobile h3 {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    margin-top: -30px;
    padding-top: 30px;
    border-radius: 5px 5px 0 0;         
}

#pricing-table-mobile .plan-mobile:nth-child(1) h3 {
    border-radius: 5px 0 0 0;       
}

#pricing-table-mobile .plan-mobile:nth-child(4) h3 {
    border-radius: 0 5px 0 0;       
}

#pricing-table-mobile h3 span {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #03438C;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 150px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-table-mobile ul {
    display: block;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table-mobile li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

#pricing-table-mobile .signup-mobile {
    position: relative;
    padding: 8px 20px;
    margin: 20px 0 0 0;  
    color: #fff;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    text-decoration: none;
    display: inline-block;       
    background-color: #006EB9;
    background-image: linear-gradient(#6699FF, #0369CE);
    border: 1px solid #0574DD;
    border-right: 1px solid #006EB9;
    border-bottom: 1px solid #006EB9;
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);        
    box-shadow: 2px 2px 3px rgba(255, 255, 255, .4), 2px 2px 3px rgba(0, 0, 0, .4);
}

#pricing-table-mobile .signup-mobile:hover {
    background-color: #0369CE;
    background-image: linear-gradient(#3399FF, #003399); 
}

#pricing-table-mobile .signup-mobile:active, #pricing-table-mobile .signup-mobile:focus {
    background: #0369CE;       
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}
}

/* ------------------------------------------------------------------------------------------------------------------------ */

@media screen and (max-width: 800px) {
#pricing-table-mobile-specs {
    display: block;

    margin-top: -75px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: -25px;
    text-align: center;
    width: 100%; /* total computed width = 222 x 3 + 226 */
    position: relative !important;
    z-index: 0 !important;    
}

#pricing-table-pc-specs {
    visibility: hidden;
    height: 0 !important;
}

#pricing-table-mobile-specs .plan-mobile-specs {
    display: block;
    font: 14px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica; 
    text-shadow: 0 1px rgba(255,255,255,.8);        
    background: #fff;      
    border: 1px solid #ddd;
    color: #666;
    width: 100%;  
    margin-left: auto !important;
    margin-right: auto !important;

    float: left;
    position: relative;
    z-index: 0 !important;
}

#pricing-table-mobile-specs #most-popular-mobile-specs {
    z-index: 2 !important;
    /*top: -13px;*/
    border-width: 1px;
    padding: 10px 0px !important;
    border-radius: 5px;
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);     
}

#pricing-table-mobile-specs .plan-mobile-specs:nth-child(1), #pricing-table-mobile-specs .plan-mobile-specs:nth-child(2), #pricing-table-mobile-specs .plan-mobile-specs:nth-child(3) {
    border-radius: 5px 5px 5px 5px;        
}

/*#pricing-table-mobile-specs .plan-mobile-specs:nth-child(3) {
    border-radius: 0 5px 5px 0;        
}*/

/* --------------- */

#pricing-table-mobile-specs h3 {
    font-size: 20px;
    font-weight: normal;
    color: #03438C;
    padding: 20px;
    margin: 0px 0px 50px 0px;
    background-color: #eee;
    background-image: linear-gradient(#fff, #eee);
}

#pricing-table-mobile-specs #most-popular-mobile-specs h3 {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    margin-top: -46px;
    padding-top: 30px;
    border-radius: 5px 5px 0 0;         
}

#pricing-table-mobile-specs .plan-mobile-specs:nth-child(1) h3 {
    border-radius: 5px 0 0 0;       
}

#pricing-table-mobile-specs .plan-mobile-specs:nth-child(4) h3 {
    border-radius: 0 5px 0 0;       
}

#pricing-table-mobile-specs h3 span {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #03438C;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    max-height: 150px;
    width: 200px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

#pricing-table-mobile-specs h3 span#gal {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #03438C;
    background: #fff;
    border: 5px solid #fff;
    height: 220px;
    width: 220px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

#pricing-table-mobile-specs h3 span#gal img {
    padding-top: 50px;
}

#pricing-table-mobile-specs h3 span#ssl-small {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #03438C;
    background: #fff;
    border: 5px solid #fff;
    height: 75px;
    width: 150px;
    margin: 10px 0px -50px auto;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-table-mobile-specs ul {
    display: block;
    margin: 20px 0 0 0;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    list-style: none;
}

#pricing-table-mobile-specs li {
    border-top: 1px solid #ddd;
    padding: 12px 0;
    margin-bottom: -2px !important;
}

#pricing-table-mobile-specs .signup-mobile-specs {
    position: relative;
    padding: 8px 20px;
    margin: 20px 0 0 0;  
    color: #fff;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    text-decoration: none;
    display: inline-block;       
    background-color: #006EB9;
    background-image: linear-gradient(#6699FF, #0369CE);
    border: 1px solid #0574DD;
    border-right: 1px solid #006EB9;
    border-bottom: 1px solid #006EB9;
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);        
    box-shadow: 2px 2px 3px rgba(255, 255, 255, .4), 2px 2px 3px rgba(0, 0, 0, .4);
}

#pricing-table-mobile-specs .signup-mobile-specs:hover {
    background-color: #0369CE;
    background-image: linear-gradient(#3399FF, #003399); 
}

#pricing-table-mobile-specs .signup-mobile-specs:active, #pricing-table-mobile-specs .signup-mobile-specs:focus {
    background: #0369CE;       
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

#pricing-table-mobile-specs a.signup-mobile-specs-2 {
    position: relative;
    padding: 8px 20px;
    margin: -10px 0 30px 0;  
    color: #fff;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;

    text-decoration: none;
    display: inline-block;       
    background-color: #660000;
    background-image: linear-gradient(#FF0000, #CC0000);
    border: 1px solid #AC0505;
    border-right: 1px solid #990000;
    border-bottom: 1px solid #990000;
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);        
    box-shadow: 2px 2px 3px rgba(255, 255, 255, .4), 2px 2px 3px rgba(0, 0, 0, .4);
}

#pricing-table-mobile-specs a.signup-mobile-specs-2:hover {
    background-color: #BF0000;
    background-image: linear-gradient(#CC0000, #990000); 
}

#pricing-table-mobile-specs a.signup-mobile-specs-2:active, #pricing-table-mobile-specs a.signup-mobile-specs-2:focus {
    background: #BF0000;       
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}
}



/* --------------- */

.clear:before, .clear:after {
  content:"";
  display:table
}

.clear:after {
  clear:both
}

.clear {
  zoom:1
}