/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {

}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
	

}


/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	p{ line-height: 1.4; }

	h1{ font-size: 2.8em; line-height: 1; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }
		
	
	
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	body{ font-size: 12px; }
	
	.main-area .title {
        font-size: 2em;
    }

    .main-area .desc {
        max-width: 90%;
        font-size: 0.9em;
    }

    .main-area .social-btn > li > a {
        font-size: 0.9em;
        margin: 0 5px;
    }
	
}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
	    .main-area .title {
        font-size: 1.8em;
    }

    .main-area .desc {
        font-size: 0.8em;
    }

    .main-area .social-btn > li > a {
        font-size: 0.8em;
        margin: 0 3px;
    }
	
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
	
	
}



@media only screen and (max-width: 479px) {
    .logo-main {
        width: 80px;   /* lebih kecil untuk HP kecil */
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 359px) {
    .logo-main {
        width: 60px;   /* sangat kecil untuk layar sangat kecil */
        margin-bottom: 10px;
    }
}