/*--- big screen ----*/
@media screen and (max-width: 1920px) and (min-width: 1600px){	

}

/*--- tablet landscape ---*/
@media screen and (max-width: 1024px){
	
.social-area {
    padding: 0 15px;
}
a.main-btn {
    font-size: 13px;
    padding: 8px 15px;
}
.section-meta > h2 {
    font-size: 50px;
}
.section-meta span {
    font-size: 20px;
}
.section-meta > p {
    font-size: 14px;
    max-width: 90%;
}
	.feature-block{width: 90px;}
	.main-title > h2{
		width: 80%;
		font-size: 28px;
	}
	
}

@media screen and (max-width: 980px){
	p{font-size:13px;}
	.gap {padding: 70px 0;}
	.lag-avatar,
	.mockup-avatar{
		text-align: center;
	}

}

@media screen and (max-width: 640px){
	 p{font-size:13px;}
	.gap {padding: 70px 0;}
	.feature-block {
		margin: 0 10px 10px;
		width: 88px;
	}
	.main-title > h2 {
		font-size: 24px;
		line-height: 36px;
		width: 100%;
	}
	.social-media {
		margin-bottom: 10px;
		padding-right: 0;
	}
	.section-meta > p {
		font-size: 14px;
		line-height: 27px;
		max-width: 95%;
	}
	.section-meta {
		display: inline-block;
		padding-bottom: 10px;
		padding-top: 50px;
		text-align: center;
		width: 100%;
	}
	.scroll-container {
		top: -20px;
	}
	
}

@media screen and (max-width: 480px){
	
	.sharing {
		text-align: right;
		width: 61%;
	}
	.logo {
		width: 37%;
	}
	.social-media {
		display: none;
	}
	.feature-block {
		margin: 0 15px 15px;
	}
}

@media screen and (max-width: 420px){
	.feature-block {
		margin: 0 25px 20px;
	}
}

@media screen and (max-width: 375px){
	.feature-block {
		margin: 0 15px 15px;
	}	
}
@media screen and (max-width: 320px){
	.feature-block {
		margin: 0 7px 15px;
	}
}