.visible-mobile {
	display:none !important;
}
img.cup-border {
	width:875px;
	max-width:100%;
}

@media (max-width:767px) {

.visible-mobile {
	display:inline-block !important;
}
.hide-mobile {
	display:none !important;
}

/* === Menu CSS starts ===*/

#show-menu {
	float:right;
    width: 25px;
    padding: 10px;
	margin-top:5px;
}

img, #show-menu img {
	max-width:100%;
}

#topmenuMobile {
    float: left;
    width: 75%;
    position: fixed;
    height: 100%;
    background: #fff;
    width: 0px;
    overflow: hidden;
	top:0px;
	left:0px;
	z-index:99;
    padding: 15px 0px;
	box-shadow: 5px 0 5px -2px #888;
	transition:0.5s ease;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}

#topmenuMobile li {
	float:left;
	width: 84%;
    padding: 0px 8%;
	margin-bottom:10px;
}

#topmenuMobile li img {
	width:90%;
}

#topmenuMobile li a {
	display:inline-block;
	margin:0px 20px;
	font-size:14px;
	line-height:24px;
	color:#444444;
	text-decoration:none;
}

#topmenuMobile.activeMenu {
    width: 75%;
}

#closeMobileMenu {
	position:fixed;
	right:20px;
	top:15px;
	display:none;
	transition:0.5s;
	-webkit-transition:0.5s;
}

#closeMobileMenu.Show {
	display:inline-block;
}

/* === Menu CSS ends ===*/

#bodywrap, #mainheader, .nav-wrapper {
	width:100%;
}

#content {}

body#Index {
	height:425px;
}

.slider {
	width:100%;
	background-position: 100% 83%;
    background-size: 60% auto;
	background-position: 100% 90%;
    background-size: 180px auto;
    display: inline-block;
    height: 300px;
	margin-bottom:20px;
}
.grid2col .column {
	width:100%;
}
.slider .hero-txt {
	width:100%;
	max-width:400px;
}
.slider .hero-txt p {
	font-size:28px;
	line-height:35px;
}
.slider .hero-txt p.hero-q {
	width:80%;
	font-size:17px;
}
.Button-l, .Button-l span {
	font-size:16px;
}
.right_side_bar .fullhistory .tabel {
	overflow:scroll;
	width:100%;
	height:auto;
}
ul#pricing-wrapper {
	text-align:center;
}
ul#pricing-wrapper li {
	float:none;
	display:inline-block;
	border: 3px dashed #396FAA;
}

.grid2colf .column.last {
	width:100%;
}
.right h3 {
	width: 90%;
    margin-left: 10%;
}
.grid2colf .column.first {
	width:100%;
	text-align:center;
	padding:30px 0px;
}
.salespack {
	width:100%;
}
.box2 {
	padding: 2em 20px;
}
.callouthome {
	width: 100% !important;
    max-width: 360px;
}
.faqhome {
	width:100%;
}
#payment {
    width: 100%;
    background-size: 100% 80%;
}
#footer .footercol{
	width:95%;
}
#copyright {
	margin-bottom:15px;
}

h1.big-header {
	font-size:26px;
	padding:10px 15px 4px;
    font-size: 24px !important;
}
.feature-callout {
	width:70%;
}
div#contentcolumn {
    margin-right: 0px;
    max-width: 95%;
}
#sidebar {
    float: right;
    margin-left: 0px;
    width: 242px;
    margin-top: 30px;
    position: static;
    width: 100%;
}

ul#pricing-wrapper li.plans {
	width:95% !important;
}
.plans{
	width:100% !important;
	max-width:100% !important;
}

#sign-up-wrapper {
	width:100%;
	max-width:680px;
}

}

@media (min-width:768px) and (max-width:991px) {

#bodywrap, #mainheader, .nav-wrapper {
	width:100%;
}
#mainheader h2 a {
	width:220px;
	background-size: 100%;
}
ul#navbar {
	font-size:14px;
}
ul#navbar li a {
    padding: 11px 10px 2px 10px;
}
ul#navbar li a.mid {
    padding: 11px 15px 2px 15px;
}
.slider {
	width:100%;
}
.grid2col .column.first {
    width: 45%;
}
.grid2col .column.first {
    width: 45%;
}
.slider .hero-txt {
	width:100%;
	max-width:400px;
}
.slider .hero-txt p {
	font-size:32px;
	line-height:38px;
}
.slider .hero-txt p.hero-q {
	font-size:21px;
}
.Button-l, .Button-l span {
	font-size:20px;
}

.grid2col .column.last {
    width: 55%;
}
ul#pricing-wrapper li {
	width:49%;
}
ul#pricing-wrapper .plan-name {
	font-size:24px !important;
}
ul#pricing-wrapper li h3 {
	font-size:21px;
}
ul#pricing-wrapper li ul li, ul#pricing-wrapper li.wedge ul li {
	width:100%;
	font-size:13px;
	line-height:18px;
}
ul#pricing-wrapper li div.radiobutton {
	max-width:100%;
}

.fullhistory {
	display:inline-block;
	width:100%;
}

.right_side_bar .fullhistory .tabel {
	overflow:scroll;
	width:98%;
	height:400px;
}
.grid2colf .column.first {
	width:27%;
}
.grid2colf .column.last {
	width:73%;
}
.grid2colf .column.last .featured-users .right {
	width: 100%;
    margin-right: 0px;	
}

.callouthome {
	width: 100% !important;
    max-width: 360px;
}
.faqhome {
    max-width: 375px;
    width: 100%;
    height: 130px;
    overflow: scroll;
}

.right h3 {
	width:90%;
	margin-left:5%;
}

#payment {
    max-width: 100%;
    background-size: 100% 100%;
}
.banner1 {
	background-size:100%;
}
img.cup-border {
	width:875px;
	max-width:100%;
}

#footer .footercol {
	width:96%;
}
.feature-callout {
	width:88%;
}

.callout-content {
	width:184px;
}
.side-box-content{
	width:180px;
}

}