.mm-topheadPanel h1{
	font-size: 3.125rem;
	font-weight: normal;
	color: #444;
	padding-bottom: 0 !important;
	margin-bottom: 10px;
}
h4{
	line-height: 1.2;
}
.contentStart h3{
	text-align: center;
}
.contentStart h3, .contentStart h4{
	font-weight: bold;
}
.contentStart h3, .contentStart h4, .contentStart p{
	color: #444444;
}
.button{
	position: relative;
	display: inline;
	line-height: 1px !important;
}
.btn-more, .read-more{
	font-family: Lato,sans-serif;
	color: #2866af;
	font-weight: bold;
	font-size: 0.75rem !important;
}
.btn-more:hover, .read-more:hover{
	color: #33bbed;
}
.btn-more{
	padding-right: 12px;
}
.btn-more:after{
	content: "";
	background: url("../../../images/icon-more.svg");
	width: 7px;
	height: 11px;
	position: absolute;
	right: 0;
	bottom: 1px;
}
.btn-more:hover:after{
	background: url("../../../images/icon-more-hover.svg");
}
.btn-lg{
    background: #2866af;
    border-radius: 30px;
    color: #fff;
    padding: 0.6875rem 1.75rem;
    line-height: 1;
}
.btn-lg:hover{
	
	background: #33bbed !important;
	color: #fff !important;
}
.contentStart .greybg{
	padding: 25px 0 35px;
	margin: 20px;
}

.contentStart .mm-topheadPanel {
    background: url("../../../images/curved-grey-bg.png") no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.mm-topheadPanel .btn-lg{
	font-size: 1.5rem;
	padding: 0.6875rem 3.1875rem;
}
.img-pill{
	position: relative;
	top: 20px;
}
.img-pill img{
    margin-bottom: -8px;
    position: absolute;
    top: 0;
}
.sms-topSection {
    padding-top: 30px;
}
.sms-topSection p{
	font-size: 1.6875rem !important;
}
.sms-topSection .cta-wrapper {
    margin-bottom: 40px;
}
.feature-item h4, 
.media-text h4, 
.featured-content h4 {
	font-size: 1.125rem;
	margin-top: 0;
}
.featured-content h4 {
    margin-bottom: 10px;
}
.featured-content{
	padding-bottom: 20px;
}
.featured-content img{
	display: block;
	margin: 0 auto;
}
.featured-content p {
    margin-bottom: 10px;
}

.features {
    padding: 10px 0 40px;
}

.features .row{
	justify-content: center;
}
.features .row > div {
    padding-left: 5px;
    padding-right: 5px;
}
.features .three-col .feature-item{
	min-height: 171px;
}
.features .button{
	display: inline-block;
	float: right;
	position: relative;
	top: 10px;
}
.features .button .btn-more:after{
	bottom: -5px;
}
.features.ways {
    padding: 40px 0 75px;
}
.feature-item {
    background: #efefef !important;
    padding: 23px 23px !important;
    height: 155px;
    text-align: left;
    margin-bottom: 10px;
}
.feature-item h4 {
    background-repeat: no-repeat;
    background-size: auto 43px;
    background-position: left center;
    height: 50px;
    padding: 0 0 0 60px;
    display: table-cell;
    vertical-align: middle;
}
.feature-item p {
    margin: 10px 0 0;
    font-size: 0.75rem !important;
}
.featured-content .btn-lg{
	margin-top: 7px;
}

.featured-content h3{
	margin-bottom: 30px;
}
.media-text h4{
	margin-bottom: 5px;
}
.media-text ul{
	margin: 25px 0 0;
	padding: 0;
}
.media-text li{
	list-style: none;
	background: url("../../../images/icon-tick.svg") no-repeat scroll left top 15px;
	padding-left: 58px;
	margin-bottom: 30px;
}
.media-text img{
	display: block;
	margin: 0 auto;
	position: relative;
	top: 30px;
	left: 40px;
}
.media-text .btn-more{
	margin-left: 57px;
}

.quote blockquote p{
	font-weight: normal;
	margin-bottom: 10px;
}

.quote > p{
	margin-bottom: 0;
	font-size: 18px !important;
}

.reviews{
	margin-top: 25px;
}

.reviews .stars {
    background: url("../../../images/reviews-stars-yellow.svg") no-repeat scroll 0 / 100%;
    width: 7.3rem;
    height: 1.2rem;
    display: inline-block;
    margin-right: 0.6rem;
}
.reviews span {
    font-weight: bold;
}

.reviews .reviews-logo {
    background: url("../../../images/reviews-logo-dark.jpg") no-repeat scroll 0 / 100%;
    width: 108px;
    height: 21px;
    display: inline-block;
    margin-left: 10px;
    line-height: 1.4;
}

.step-setup .media-text li:last-child p, .step-setup .media-text li:last-child{
	margin-bottom: 12px;
}

.step-setup.media-text li:nth-child(1){
	background-image: url("../../../images/list-1.svg");
}
.step-setup.media-text li:nth-child(2){
	background-image: url("../../../images/list-2.svg");
}
.step-setup.media-text li:nth-child(3){
	background-image: url("../../../images/list-3.svg");
}
.step-setup.media-text li {
	background-position: left top;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.step-setup.media-text li p{
	margin-bottom: 0;
}
.step-setup.media-text .btn {
    margin-top: 10px;
    margin-bottom: 10px;
}
.feature-icons .feature img{
	height: 48px;
}

.feature-icons .feature{
	padding: 0 30px;
}

.why-mm{
	background: url("../../../images/girl-bg-image.jpg") no-repeat scroll right center;
}


/* video modal */

.features-video .modal-dialog {
    /*position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    margin: 0;
    padding: 30px;*/
    top: 25%;
}

.features-video .modal-header{
	border-bottom: none;
}

.features-video .close{
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff !important;
    opacity: 1;
    font-weight: normal;
    font-size: 32px;
}

.features-video .modal-body{
	padding: 0 !important
}

.video-thumb a{
	padding: 0;
	outline: none !important;
}

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
    width: 100% !important;
    height: 100% !important;
}
.mejs-container {
    padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
    max-width: 100% !important;
}
video.wp-video-shortcode {
    position: relative;
}
.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.mejs-controls {
    display: none;
}
.mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
}

/* Related Features */

.related-features{
	position: relative;
	padding-top: 15px;
}

.related-features h3 {
    margin-top: 35px;
    margin-bottom: 30px;
}

.related-features .row > div{
	padding-left: 6px;
	padding-right: 6px;
}

.feature-post{
	background-color: #eee;
	min-height: 250px;
	width: 25%;
	margin: 6px 10px;
}

.feature-post img {
    height: 92px;
}

.feature-post h4 {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 10px;
    margin-top: 16px !important;
    font-weight: normal;
    min-height: 46px;
}

.feature-post p {
	margin: 6px 0 14px !important;
    font-size: 0.93rem;
}

.feature-post h4, .feature-post p {
    padding-left: 20px;
    padding-right: 20px;
    overflow-wrap: break-word;
}

#cta{
	height: 368px;
}

.carousel-nav {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    bottom: 138px;
}

.carousel-nav * {
	display: inline-block;
}

.carousel-nav button {
    border: solid #2866af;
    border-width: 0 2px 2px 0;
    display: inline-block;
    height: 13px;
    width: 13px;
    background: transparent;
    position: absolute;
}

.carousel-button-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: -10px;
}

.carousel-button-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: -10px;
}

.feature-post img {
    height: 92px;
    width: 100%;
    background: #dedede;
}

.related-features ul{
	display: flex;
    list-style: none;
    margin: 0 10px;
    padding: 0;
    justify-content: center;
}

.item-slide{
	width: 100%;
}

/* responsive */

.img-mobile, .video-mobile, .carousel-mobile{
	display: none !important;
}


@media (min-width: 1200px){
	.features > .row .feature-item {
	    padding: 0 30px 5px;
	}
}

@media (min-width: 1024px){
	.quote{
		width: 860px;
		margin: 0 auto;
	}
	.features-video .modal-dialog{
		width: 80%;
	}
}

@media (min-width: 680px){
	.features-video .modal-dialog{
		max-width: 640px;
	}
}

@media (max-width: 1024px){
	.sms-topSection {
	    padding-top: 0;
	}
	.btn-more:after{
		bottom: 2px;
	}
}

@media (max-width: 992px){
	.img-pill img{
		position: unset;
		bottom: unset;
	}
	.media-text img{
		left: 0;
	}
}

@media (max-width: 991px){
	.feature-post{
		margin: 6px 4px;
	}
	.feature-icons h4 {
	    min-height: 35px;
	}
	.feature-item{
		padding: 18px 14px !important;
	}
	.feature-item h4{
		font-size: 1rem;
	}
	.why-mm .feature-item h4{
		padding-left: 50px;
	}
	.feature-post{
		min-height: 235px;
	}
	.feature-post h4{
		min-height: 35px;
	}
}

@media (max-width: 768px){
	#cta{
		height: auto;
	}
	.media-text li{
		background-position: top left;
	}
	.btn-more:after{
		background-repeat: no-repeat;
		background-size: 6px;
		width: 6px;
		height: 9px;
	}
	.feature-icons .feature{
		padding-left: 20px;
		padding-right: 20px;
	}
	.features.ways .row > div {
	    max-width: 49%;
	    flex: 0 0 49%;
	    margin-bottom: 10px;
	}

	.why-mm .features .row > div {
	    max-width: 32%;
	    flex: 0 0 32%;
	}
	.why-mm .features .three-col .feature-item {
	    min-height: 162px;
	}
	.feature-post img{
		height: 75px;
	}
	.feature-item h4{
		font-size: 1.125rem;
	}
	.feature-item p{
		font-size: 0.85rem !important;
	}
}

@media (max-width: 767px){
	br{
		display: none;
	}
	.contentStart {
	    padding-top: 60px;
	}
	.contentStart p{
		font-size: 1.25rem;
	}
	h1{
		margin-top: 40px;
	}
	h3{
		font-size: 1.7rem;
	}
	.feature-icons h4{
		min-height: auto;
	}
	.btn-more, .read-more, .feature-post .meta-data, .button{
		font-size: 1rem !important;
	}
	.feature-item h4, .media-text h4, .featured-content h4, .feature-icons h4{
		font-size: 1.5rem;
	}
	.contentStart .greybg{
		margin-left: 0;
		margin-right: 0;
	}
	.mm-topheadPanel{
		background-position: top -100px center;
		background-size: auto;
		padding-top: 0;
		margin-bottom: 0;
	}
	.mm-topheadPanel .mm-lefttoBottom{
		order: 1;
	}
	.mm-topheadPanel .mm-rightoTop{
		order: 2;
	}
	.img-pill{
		top: 0;
	}
	.img-pill img{
		margin: 0;
	}
	.sms-topSection{
		text-align: center;
	}
	.featured-content{
		text-align: center;
	}
	.featured-content h4 {
	    margin-top: 25px;
	}
	.featured-logos-wrapper .row > div:first-child .featured-logos{
		border-right: none;
	}
	.featured-logos-wrapper .row > div:first-child{
		border-bottom: 1px solid #979797;
		padding-bottom: 45px;
    	margin-bottom: 20px !important;
	}
	.features .row > div {
	    margin-bottom: 20px;
	}
	.features .row.three-col > div {
	    margin-bottom: 20px;
	    max-width: 100% !important;
	    flex: 0 0 100% !important;
	}
	.feature-post img {
	    height: auto;
	    width: 100%;
	}
	.feature-post {
	    margin-bottom: 20px;
		padding-bottom: 10px;
		min-height: auto;
		margin: 0 0 15px;
		width: 100%;
	}
	.feature-post h4 {
	    min-height: auto;
	    margin-top: 16px !important;
	    font-size: 1.5rem;
	}
	.related-features h3{
		margin-bottom: 30px !important;
	}
	#cta{
		margin-top: 0;
	}
	.media-text .col-md-6 img {
	    margin-bottom: 45px;
	}
	.img-mobile, .video-mobile, .carousel-mobile{
		display: block !important;
		width: 100%;
	}
	.img-desktop, .video-desktop, .carousel-desktop{
		display: none !important;
	}
	.carousel-nav{
		display: none;
	}
	.related-features ul{
		display: block;
	}
}

@media (max-width: 680px){
	h1 {
	    margin-top: 10px;
	    font-size: 2.5rem;
	    margin-bottom: 30px;
	}
	.sms-topSection .cta-wrapper{
		margin-bottom: 20px;
	}
	.sms-topSection p{
		font-size: 1.5rem !important;
		margin-top: 30px;
	}
	.features .row > div {
	    margin-bottom: 20px;
	    max-width: 100% !important;
	    flex: 0 0 100% !important;
		padding-left: 15px;
		padding-right: 15px;
	}
	.feature-item p{
		font-size: 14px !important;
	}
	.features {
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	}
	.feature-item {
	    width: 100%;
	    margin: 0 auto;
	    height: auto;
	    min-height: auto !important;
	}
	.carousel-button-left{
		left: 6px;
	}
	.carousel-button-right{
		right: 6px;
	}
	.related-features{
		padding-left: 30px;
		padding-right: 30px;
	}
	.features.ways {
	    padding: 12px 0 55px;
	}
	.why-mm {
		background-image: url("../../../images/girl-bg-image-mobile.jpg");
	    background-position: top right;
	    padding-top: 142px;
	    background-size: contain;
	}
	.contentStart h3, .contentStart h4{
		margin-bottom: 6px;
	}
	.mm-topheadPanel .container{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media (max-width: 461px){
	.mm-topheadPanel{
		background-position: top -175px center;
	}
	.featured-logos img {
	    margin: 30px auto;
	    display: block;
	    text-align: center;
	}
	.featured-logos {
	    padding: 5px 0;
	}
	.featured-logos-wrapper .container{
	    width: 173px;
	    margin: 0 auto;
	}
	.featured-content .btn-lg {
	    margin: 30px auto 0;
	    display: block;
	    text-align: center;
	    width: fit-content;
	}
	.reviews .reviews-logo{
		display: block;
		margin: 10px auto 0;
	}
}