.help-list ul {
    float: none;
    width: 100%;
    
}
.help-list ul li {
    float: left;
    display: inline;
    list-style: none;
    margin: 0px 5px;
    margin-bottom:10px;
    background: #FFF;
    width: 390px;
    padding:0 0;
}
.help-block .help-text {
    white-space:normal;
    word-break:break-all;
    overflow:hidden;
}

.help-utext p{
    white-space:normal;
    word-break:break-all;
    overflow:hidden;
}
.helproblem-list ul{
    float: none;
    width: 100%;
}
.helproblem-list ul li {
    float: left;
    display: inline;
    list-style: none;
    margin: 0px 5px;
    margin-bottom:10px;
    background: #FFF;
    width: 390px;
    padding:0 0;
}
.A-text {
    white-space:normal;
    word-break:break-all;
    overflow:hidden;
}
.A-atext {
    white-space:normal;
    word-break:break-all;
    overflow:hidden;
}
.brand-main ul li .int-img{
    height:265px;
}

.htmlMain {
    text-align:center;
    margin-top:-40px;
}

.pageMenu {
	list-style: none;
	padding: 0 12px; margin: 0;
	margin: 20px;
	display: inline-block;
}

/* Now the list items */
.pageMenu li {
	margin-left: 8px;
	display: inline-block;
	position: relative;
}

.pageMenu li:first-child {margin: 0}

/* The real fun begins here :D */
.pageMenu li a {
	background: #eaeaea;
	display: block;
	border-radius: 3px;
	padding: 0 15px;
	color: #666;
	position: relative;
	text-decoration: none;
	height: 35px;
	font: 12px / 27px "PT Sans", Arial, sans-serif;
	/* Now the 3d effect */
	transition: all 0.3s ease;
    line-height:35px;
}

/* Basic design is ready, now let's make it animate when hovered or clicked */
/* For this, we'll use transition property */

.pageMenu li a:hover {background:#2fba7e;color:#fff;}
.pageMenu li a:active {
    background: #2fba7e;
    
    color:#fff;
}
.pageMenu li a.active {
    background: #2fba7e;
    
    color:#fff;
}
.invit-block button {
    cursor: pointer;
}
.tabs-corebox ul {
    display:flex;
}
.tabs-corebox ul li {
        flex:1;
}