html, body{
    font-size: 1em;
}
.header-wrapper:after{
    content:'max-799px';
    display:none;clear:both;
    color: white;
}

.header-content, #foot {
    width: 100%;
}

.main-content, body#page-index #summarybox,  body#page-index #maincontent {
    width:97%;
}


/* HOMEPAGE */

#indexpagebottom
{
    width: 98%;
}


#top.slidewrapper{
    width: 98%;
}

#fullwidth
{
    width: 98%;
    padding: 10px;
}



#onsiteheader
{
    width: 40%;
}

#maincontent {

    width: 97%;
    margin-top: 30px;
}

.slide-content-right
{
    width: 66%;
    text-align: left;
}

body #summarybox
{
    width: 97%;
    margin-left:0px;
    float: left;
}


body#page-index #featured ul li {
    width: 29%;
    height:auto;
}

#page-index #summarybox li .suggestiontitle {
    width: 98%;
}


body#page-index #topsection {margin-bottom:10px;}


.slide h2{
    font-size: 2em;
    margin-top: .4em;
    margin-bottom: .4em;
}

.slide h3
{
    line-height: 1.2em;
}

.main-content-wrapper
{
    margin: 0 10px;
}

#topsection
{
    padding: 0 0 0px;
}


.slidewrapper .slide img.full {
    width: 90%;
}


body#page-index #featured ul li
{
    float: none;
    clear: both;
    width: 98%;
}

body #foot ul li {
    float: none;
    clear: both;
    margin: 0 0 20px 0;
    width: 98%;
	font-size:13px;
	border-top:1px solid #555e57;
	padding-top:10px;
}
body #foot ul li:first-child {
	border-top:none;
	padding-top:0;
}
body #foot ul li li {
	margin: 0 0 4px 0;
	border-top:none;
	padding-top:0;
}
#foot a:link {
	padding: 5px 0;
}
.inline-footer-wrapper
{
    position: relative;
}
.inline-footer-wrapper:after {
	content:'';
	display:block;
	clear:both;
}
.inline-footer-left
{
    float: left;
}
.inline-footer-right
{
    float: left;
}

#onsiteheader
{
    display: none;
}

#toptitle
{
    display: none;
}

.desktopwrapper
{
    display:none;
}

#mobilemenu
{
border: 1px solid #888;
padding: 9px;
margin: 0;
margin-top: 10px;
float: right;
opacity:0.8;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
#mobilemenu:hover
{
	background-color:#222;
}

#mobilemenu img 
{
	height:15px;
}

#mobilemenu hr{
    color: #f9f9f9;
    height: 4px;
    background-color: #f9f9f9;
    border: 0;
}

.header-content
{
    height: 70px;
    padding:0px;
}

#page-top-inner
{
    margin:0 10px;
    padding-top:10px;
}

#mobilemenupopin
{
    display:block;
    background:  #464d48;
}

#mobilemenupopin ul{
    padding-bottom: 10px;
    padding-top: 10px;
	margin-left:0;
}

#mobilemenupopin li a {
    display: block;
    color: #FFF;
    background: #708b42;
    padding: 20px 10px;
	margin: 10px;
    border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    font-weight: 500;
}
#mobilemenupopin li a#msignupbutton,
#mobilemenupopin li a#maccountbutton,
#mobilemenupopin li a#mlogoutbutton,
#mobilemenupopin li a#mloginbutton {
	background: #347497;
}

#mobilemenupopin li.breaker{
    width: 100%;
    margin: 0 0 15px 0;
    padding:0 10px;
    border: 0;
    border-top:1px solid #888;
	display:none;
}

#mobilemenupopin li {
    transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
}
#top.slidewrapper {

    height: 560px;
}
.slidewrapper #topwrapper .slide {
    height: 680px;
    padding-top: 70px;
}

.slidewrapper .slide img {
    padding: 0;
    width: 200px;
}

.slide-content-left
{
    width: 29%;
    position: relative;
}

#Slide1 .slide-content-headers,#Slide1 .slide-content-text
{
    width: 100%;
}

#Slide1 .slide-content-text
{
    text-align: left;
}

.slide-content-right
{
    padding-top:20px;
}

.slidewrapper #topwrapper #slideleft, .slidewrapper #topwrapper #slideright 
{top: 0;left: 50%;height: 60px;width:50px;}
.slidewrapper #topwrapper #slideleft {margin-left:-48px;}
.slidewrapper #topwrapper #slideright {margin-left:12px;}
.slidewrapper #topwrapper .slide
{
    width: 98%;
}

#bottomsliders
{
    clear: both;
    display: block;
    float: none;
    height: 140px;
	text-align:center;
}

#page-index #summarybox li .suggestiontitle {

    word-wrap: break-word;
}

#Slide1 h1
{
    font-size: 2em;
	letter-spacing:-1px;
}

#Slide1 h2
{
    font-size: 1em;
	text-align:center;
}



 div.stat > span.name {
    width: 14em;
}

 #suggestionsbuttons a{
    display: block;
    float:none;
    clear:both;
    margin: 10px;
}

 #filtergo,  #filterclear,  #filterfeatures,  #filterfeaturesclear
{
    font-size: 0.8em !important;
}

 #addsuggestiongraphic
{
    margin-left: 10px;
}

 #websitegoform .inputs,  #websitegoform .submit {
    clear: both;
    float: none;
    height: auto;
}

#websitegoform .submit input {
    margin-top: 20px;
    position: relative;
}

 #helpinfographic #addsuggestion1  {
    left: 5px;
}

 #titlehelp
{
    left: 5px;
}

 #addform #Title
{
    width: 94%;
}

 #PassThroughMessage,  #PassThroughError {
    width: 80%;
    margin: 80px 10% 10px;
}

 .header-content
{
    width: 100%;
}

 .ui-tabs .ui-tabs-panel
{
    padding: 10px 5px;
}

@media screen and (max-width:590px) {
body #foot ul li {
	padding:0;
}
.inline-footer-wrapper
{
	width:225px;
	margin:0 auto;
}
.inline-footer-left,
.inline-footer-right
{
    float: none;
    margin: none;
}
}
@media screen and (min-width:591px) {
.inline-footer-left
{
    margin-right: 50px;
}
}





.slide-content-image
{
    width: 100%;
    text-align: center;
    height: auto;
}
.slide-content-headers
{
    width: 100%;
}

.slide-content-text
{
    width: auto;
    word-wrap: break-word;

}
div.slide-content-text
{
    width: 100%;
    clear: both;
}


#mpagetop
{
    padding-left:5px;
    padding-top:5px;
    padding-right:5px;
}
#mpagetop:after {
    clear: both;
    content: "";
    display: block;
}

#mpagetop ul li {
    float: right;
    margin-top:7px;
    margin-right: 10px;
}

#mpagetop ul li .silk-icon-inline {margin-top: 13px;margin-right:12px;padding:0 !important;}
#mpagetop ul li .inactive {opacity: 0.5;}

#Slide1 h1
{
    font-size: 2.4em;
    text-align: center;
}

body#page-index a.button
{
    font-size: 1.2em;
}

#page-index #socialmedia .link img
{
    height: 48px;
    width: 48px;
}

#page-index #socialmedia .link img:hover
{
    width: 48px;
    height: 48px;
}

#page-index #socialmedia
{
    width: 100%;
}
.slidewrapper #slideleft,
.slidewrapper #slideright {
    height: 30px;
}
#slideleftbottom,
#sliderightbottom {
    cursor: pointer;
    height: 60px;
    width: 50px;
	display:inline-block;
    background-color: #ccc;
	background-repeat:no-repeat;
	background-size: auto 40px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	opacity:0.5;
	margin:3px;
}

#slideleft img,#slideleftbottom img,#slideright img,#sliderightbottom img {display:none}

#slideleftbottom {
	background-image:url(/design/img/arrow-left.png);
	background-position: 3px center;
	left: 3px;
}
#sliderightbottom {
	background-image:url(/design/img/arrow-right.png);
	background-position: 7px center;
	right:3px;
}
#slideleftbottom:hover {left:0;}
#sliderightbottom:hover {right:0;}
#slideleftbottom:hover, #sliderightbottom:hover {opacity:1.0;}
.slidewrapper #slideleftbottom,.slidewrapper #sliderightbottom, #bottomsliders
{transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
}


@media screen and (max-width:799px) {
    #summarybox #socialmedia .link.facebook,
    #summarybox #socialmedia .link.twitter,
    #summarybox #socialmedia .link.reddit,
    #summarybox #socialmedia .link.googleplus,
    #summarybox #socialmedia .link.email
    {width:18%;}
}

#summarybox #projectdetails #socialmedia {
    float: right;
    margin-bottom: 0;
    margin-top: 10px;
}


#helpinfographic #addsuggestion1 {left: 10px;position: absolute;top: 14%;}
.checkmark {background-image: url("/design/img/checkmark.png");height: 37px;width: 40px;}
#titlehelp {left: 10px;position: absolute;top: 36%;}

#addsuggestiongraphic {
    width: 98%;
}

.mobilenewline
{
    display:block;
    clear:both;
    float:none;
}

#Slide1 .examples ul li blockquote {
    font-size: 1em;
}

#Slide1 .examples ul li blockquote::before
{
    font-size: 2em;
    left: -5px;
    top: -5px;
}

#Slide1 .examples ul li blockquote {width: 94%; margin-left:-20px; }