@media (max-width: 768px){
  .content {
	padding: 40% 0 0;
	}
	.news_post{width: 100%; margin:0 0 10px;}
	ul.footer_social_links{float:left;}
	
	.chart-sec .performance-title h1{ font-size: 36px;margin:0;}
	.chart-sec .performance-title h2{ font-size: 16px;margin-bottom:20px;}
	
/*--------<!----Pay for currect recall----->--------*/
.simpli-pay h2{font-size:24px;line-height: normal;}
.simpli-pay h4{font-size:20px;margin:0;}
.simpli-pay img{max-width:100%;}
.simpli-pay .section-title h2{font-size:24px;line-height: 26px;}

/*-----Publisher---*/
.publisher-home .overlay{padding:80px 60px;}

.advertiser-home h2{
	font-size: 14px;
}
}

@media (max-width: 603px){
#simpli-menu.navbar-default {
	background-color: rgba(0, 0, 0, 0.3);
	}
#simpli-menu{padding:0;}
#simpli-works li.pull-right, #simpli-works li.pull-left {
    margin-top: 10px;
    float: none !important;
    text-align: center;
    display: block;
}
label{
    float: none !important
}
.pull-left.fnav,
.pull-right.fnav {
    float: none !important;
    text-align: center;
}

.hover-bg .hover-text {
    padding: 12% 10%;
}
}
@media (max-width: 360px){
.hover-bg .hover-text {
    padding: 22% 10%;
}
}

@media (min-aspect-ratio: 16/9) {
  .background-video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .background-video {
    width: 300%;
    left: -100%;
  }
}