
@media only screen and (min-width: 320px) and (max-width: 767px) {
	
.banner.bea h2 {
    padding: 13px 0 0 28px;

}	

.banner.bea h3 {
    font-size: 36px;
    margin: 14px 0;
    line-height: 36px;
}

.banner.bea p {
    font-size: 26px;
    line-height: 1.19;
}
	
#leftGutter.leftGutter-col-3 {
	position: inherit;
	width: 100% !important;
}
.main-col-3.normal #rightGutter > p {
	margin-bottom: 13px;
}
#leftGutter,
#leftGutter.how-to {
	margin-bottom: 2px !important;
}
/*common*/
.paddinglf80 {
	padding-left: 10px;
	padding-right: 10px;
}
.paddinglf70 {
	padding-left: 10px;
	padding-right: 10px;
}
.red-bg-heading h2 a {
	font-size: 25px;
}
#main.how-to #friendlyTips ul li {
	background: url(/images/howto_tip-icon.png) no-repeat 0 top;
	padding: 0 0 0 50px;
}
.guide_container {
	width: inherit;
	display: inline;
}
.menu_icon {
	margin: 0px;
}
#slogan {
	display: none;
}
.title_shadow h2 strong {
	margin-left: 20px;
}
.title_shadow {
	width: 39px;
	height: 30px;
}
.title_shadow h2 {
	font-size: 0px !important;
}
#leftGutter,
#leftGutter.how-to {
	width: auto !important;
}
/*articles*/
.articles-section li.article .img-placeholder {
	max-width: 90px;
	height: 90px;
}
.articles-section li.article .img-placeholder .vert_center {
	height: 100px;
}
#rightNavArticles .article .summary h3 {
	min-height: auto;
	margin-bottom: 10px;
}
#rightNavArticles .article .summary p {
	min-height: auto;
}
#rightNavArticles .article {
	width: 100%;
	min-height: auto;
	padding: 10px;
	margin: 0px;
}
/*navigation set*/
#nav {
	width: 100%;
}
#nav > #navigation {
	margin-left: 0px;
	width: 100%;
	float: inherit;
}
#topLevel > li:nth-child(2) {
	left: 0px;
}
#navigation ul#topLevel li.parent a.guide,
#navigation ul#topLevel li.parent a.comparison,
#navigation ul#topLevel li a.forums {
	padding: 6px 6px 6px 16px !important;
}
#navigation ul#topLevel li.parent:hover a.guide,
#navigation ul#topLevel li.parent:hover a.comparison,
#navigation ul#topLevel li.parent:hover a.forums {
	width: auto;
}
#home-checklist ul li {
	padding: 0px 10px;
}
#home-checklist ul li.blue.nocompa > a {
	color: #fff;
}
#leftGutter,
#leftGutter.how-to {
	position: absolute;
}
#navigation .socialNetwork {
	padding-right: 15px;
}
#navigation ul#topLevel {
	margin-left: 0px;
}
#nav > #navigation {
	width: calc(100% - 60px);
	margin-left: 60px;
}
#navigation ul#topLevel li.parent a.guide,
#navigation ul#topLevel li.parent a.comparison,
#navigation ul#topLevel li a.forums {
	width: auto;
}
#hpNewsletter .d-flex {
	flex-direction: column;
}
#hpNewsletter .newsletterForm {
	margin-top: 10px;
}
/*contact form*/
.contact-form {
	width: 100%;
	padding-bottom: 10px;
}
.contact-form .max-493 {
	max-width: 100%;
}
.contact-form .heading-msg p {
	padding: 10px 0;
}
.contact-form .input-group {
	padding: 24px 10px;
}
#contactFormNewsletter {
	width: 100%;
	padding: 0 10px;
}
.contact-form .input-group label {
	text-align: left;
}
.contact-form .input-group input[type="text"] {
	width: 100%;
}
.contact-form .input-group textarea {
	width: 100%;
}
.contact-form .btn-bottom {
	text-align: center;
	padding: 10px;
}
.banner-bgimage {
	padding: 15px;
}
.banner-bgimage .steps.two {
	bottom: 207px;
}
.banner-bgimage .steps.three {
	right: -37px;
	bottom: 17px;
}
.banner-bgimage .steps .virtual {
	height: 42px;
}
.banner-bgimage .steps .virtual .office {
	line-height: 42px;
	font-size:20px;
}
.banner-bgimage .steps .office-text p {
	padding-top: 10px;
	font-size:16px;
}
.virtual:after {
	border-width: 42px 20px 0 0;
}
.virtual:before {
	border-width: 42px 0 0 20px;
}
.banner-bgimage .steps.three .virtual:before {
	border-width: 0 0 42px 20px;
}
.banner-bgimage .steps.three .virtual:after {
	border-width: 0 20px 42px 0;
}
.tabs ul li a {
	font-size: 19px;
	line-height: 21px;
}
}

@media only screen and (min-width: 320px) and (max-width: 487px) {
.tabs ul li a {
	font-size: 13px;
	line-height: 14px;
}
.red-bg-heading h2 a {
	font-size: 20px;
	line-height: 21px;
}
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
#header-member-nav > ul {
	top: 1px;
	position: absolute;
	left: 10px;
}
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
.articles-section li.article .img-placeholder {
	width: 210px;
}
.launch_item {
	min-height: 270px;
}
#slogan {
	margin: 0px;
}
/*contact form*/
.contact-form {
	width: 100%;
	padding-bottom: 10px;
}
.contact-form .max-493 {
	max-width: 100%;
}
.contact-form .heading-msg p {
	padding: 10px 0;
}
.contact-form .input-group {
	padding: 24px 10px;
}
#contactFormNewsletter {
	width: 100%;
	padding: 0 10px;
}
.contact-form .input-group label {
	text-align: left;
}
.contact-form .input-group input[type="text"] {
	width: 100%;
}
.contact-form .input-group textarea {
	width: 100%;
}
.contact-form .btn-bottom {
	text-align: center;
	padding: 10px;
}
#rightNavArticles .article {
	padding: 0 15px;
}
#leftGutter.leftGutter-col-3 {
	width: 33.33333333% !important;
	padding: 0 15px 0 0px;
}
.right-section {
	width: 66.66666667%;
	padding: 0 0px 0 15px;
}
.banner-bgimage {
	padding: 15px;
}
.banner-bgimage .steps.two {
	bottom: 207px;
}
.banner-bgimage .steps.three {
	right: -37px;
	bottom: 17px;
}
.banner-bgimage .steps .office-text p {
	padding-top: 10px;
}
.tabs ul li a {
	font-size: 19px;
	line-height: 21px;
}
}

@media only screen and (min-width: 991px) and (max-width: 1243px) {
/*contact form*/
.contact-form {
	width: 100%;
	padding-bottom: 10px;
}
.contact-form .max-493 {
	max-width: 100%;
}
.contact-form .heading-msg p {
	padding: 10px 0;
}
.contact-form .input-group {
	padding: 24px 10px;
}
#contactFormNewsletter {
	width: 100%;
	padding: 0 10px;
}
.contact-form .input-group label {
	text-align: left;
}
.contact-form .input-group input[type="text"] {
	width: 100%;
}
.contact-form .input-group textarea {
	width: 100%;
}
.contact-form .btn-bottom {
	text-align: center;
	padding: 10px;
}
#leftGutter.leftGutter-col-3 {
	width: 33.33333333% !important;
	padding: 0 15px 0 0px;
}
.right-section {
	width: 66.66666667%;
	padding: 0 0px 0 15px;
}
#rightNavArticles .article {
	padding: 0 15px;
}
.banner-bgimage {
	padding: 15px;
}
.banner-bgimage .steps.two {
	bottom: 207px;
}
.banner-bgimage .steps.three {
	right: -37px;
	bottom: 17px;
}
.banner-bgimage .steps .office-text p {
	padding-top: 10px;
}
.tabs ul li a {
	font-size: 21px;
	line-height: 25px;
}
}
