/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
	li{ list-style: none;width:100%;height:20%;margin:10px 0;font-size: 95%; line-height: 1em; }



}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
	li{ list-style: none;width:100%;height:10%;margin:10px 0; }



}


/* 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; }
		
	li{ list-style: none;width:100%;height:10%;margin:10px 0; }

	.logo a img{width:250px;}
	.border{border:none;}
	
}

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

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

	body{ font-size: 12px; }
	li{ list-style: none;width:100%;height:25%;margin:10px 0; }
	.social-btn {height:35%;padding:6px 0;}
	.logo a img{width:250px;}
	.logo {left:0;width:100%;text-align: center;}
	.border{border:none;}
	.main-area {background-image: url(../images/villa_purple_summer_480x800.jpg) !important;}
	
}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
	li{ list-style: none;width:100%;height:10%;margin:10px 0; }
	.social-btn {height:35%;}
	.logo a img{width:250px;}
	.logo {left:0;width:100%;text-align: center;}
	.border{border:none;}
	.main-area {background-image: url(../images/villa_purple_summer_480x800.jpg) !important;}


	
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
	li{ list-style: none;width:100%; margin:10px 0; }
	.social-btn {height:35%;padding:6px 0 ;}
	.logo a img{width:200px;}
	.logo {left:0;width:100%;text-align: center;}
	.border{border:none;}
	.main-area {background-image: url(../images/villa_purple_summer_480x800.jpg) !important;}

	
}