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

}

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

	h1{ font-size: 4em; }
	h2{ font-size: 3em; }
	h3{ font-size: 2em; }
	
	
	/* ---------------------------------
	5. CONTACT AREA
	--------------------------------- */

	.contact-area{ width: 750px; }
	
}


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

	p{ line-height: 1.4; }

	h1{ font-size: 3em; }
	h2{ font-size: 2.5em; }
	h3{ font-size: 1.8em; }
	h4{ font-size: 1.5em; }
	h5{ font-size: 1.2em; }

	
	/* ---------------------------------
	2. COMMON SYLES
	--------------------------------- */

	.section{ margin-top: 100px; }
	
	
	/* ---------------------------------
	3. MENU STYLING
	--------------------------------- */
	
	header{ padding: 0 15px; }
	
	.main-menu ul.nav-menu { padding: 150px 100px; width: 100%; }
	
	.main-menu ul.nav-menu> li{ font-size: 1em; width: 100%; }
	
	.main-menu ul.nav-menu> li> a:after{ display: none; }
	
	
	/* DROPDOWN */

	.drop-down-menu{ position: static; width: 100%; }
	
	.main-menu ul.nav-menu li.drop-down .nv-icn{ margin-left: 5px; }
	
	.main-menu ul.nav-menu> li > .drop-down-menu.d-open{ padding: 10px; }

	.drop-down-menu:after{ display: none; }
	
	
	
	/* ---------------------------------
	5. CONTACT AREA
	--------------------------------- */
	
	.contact-area{ width: 100%; padding: 0 15px; top: -100px; }
	
	.contact{ background: none; }
	
	.contact .title-wrapper{ left: 30px; }
	
	.contact .title-wrapper .title.left{ overflow: visible; width: 100%; text-align: left; }
	
	.contact .title-wrapper .title.left b{ transform: translateX(0); }
	
	.contact .title-wrapper .title.right{ display: none; }
	
	.contact .left-area,
	.contact .right-area{ float: none; width: 100%; padding: 50px 30px; }
	
	.contact .left-area{ background: #f4f4f4; padding-top: 120px; }
	
	.contact .right-area{ background: #131313; }
	
	
	
	/* ---------------------------------
	6. FOOTER STYLING
	--------------------------------- */

	/* ICONS AREA */

	.icons-area{ margin-left: 0px; }


	/* LANGUAGE AREA*/

	.language{ text-align: left; }

	
	/* COPYRIGHT AREA */

	.copyright{ text-align: left; }


}

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

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

	body{ font-size: 12px;  }
	


}

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

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