/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
.main-area{ height: auto; }
   img {
  max-width: 80%;
  height: auto;
}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
.main-area{ height: auto; }	

   img {
  max-width: 70%;
  height: auto;
}
}


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

	p{ line-height: 1.4; }

	h1{ font-size: 1.7em; line-height: 1; }
	h2{ font-size: 1.3em; line-height: 1.1; }
	h3{ font-size: 1.8em; }
	
	
	/* ---------------------------------
	3. MAIN SECTION
	--------------------------------- */
	
    .main-area{ height: auto;}
	.main-area-wrapper{ padding-left: 40px; padding-right: 40px; padding-top: 30px; }
   img {
  max-width: 65%;
  height: auto;
}
}

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

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

	body{ font-size: 10px; }
    .main-area{ height: auto;}
	.main-area-wrapper{ padding-left: 30px; padding-right: 30px; padding-top: 20px; }
    img {
  max-width: 55%;
  height: auto;
}
	/* ---------------------------------
	3. MAIN SECTION
	--------------------------------- */
	
.main-area .social-btn{ position: absolute; bottom: 60px; width: 100%; left: 50%; height: auto; transform: translateX(-50%); }
    
.main-area .social-btn > li > a > i{ height: 20px; width: 20px; line-height: 15px; border-radius: 30px;
	font-size: 1.3em; margin: 0 5px; }
    
}
}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
body{ font-size: 10px; }
 .main-area{ height: auto; }
 .main-area-wrapper{ padding-left: 14px; padding-right: 14px; padding-top: 10px; }
  img {
  max-width: 45%;
  height: auto;
}
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
	body{ font-size: 10px; }
.main-area{ height: auto; }
.main-area-wrapper{ padding-left: 10px; padding-right: 10px; padding-top: 10px; }
   img {
  max-width: 35%;
  height: auto;
}
}