/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++
[ RESPONSIVE STYLESHEET ]

AUTHOR : BP Profumi
PROJECT : John Darling Perfume
VERSION : 1.0
++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/*......................................................
	DESKTOP LAYOUT
........................................................*/
@media only screen and (min-width: 1500px){

}
@media only screen and (min-width: 1200px) and (max-width: 1499px){

	/*----------  SECTION WRAPPER  ----------*/
	.pg-section .content-area .container{ width: 80%; }

	/*----------  CONTACT-FORM  ----------*/
	.contact-form-wrapper #cntForm, 
	.disable.cnt-rmsg #returnmessage{ width: 100%; }

	/*----------  SUBSCRIBE FORM  ----------*/
	.subscription{ width: 100%; }
}
@media only screen and (min-width: 980px) and (max-width: 1199px){

	/*----------  TITLE  ----------*/
	.title-wrapper p{ width: 100%; }

	/*----------  SECTION WRAPPER  ----------*/
	.pg-section .content-area .container{ width: 85%; }

	/*----------  TAGLINE  ----------*/
	.tagline h1{ font-size: 65px; }

	/*----------  CONTACT-FORM  ----------*/
	.contact-form-wrapper #cntForm, 
	.disable.cnt-rmsg #returnmessage{ width: 100%; }

	/*----------  SUBSCRIBE FORM  ----------*/
	.subscription{ width: 100%; }

}



/*......................................................
	TABLET LAYOUT
........................................................*/
@media only screen and (min-width: 768px) and (max-width: 979px){

	/*----------  TITLE  ----------*/
	.title-wrapper p{ width: 100%; }

	/*----------  COVER PAGE  ----------*/
	#cover-page{ width: 30%; }
	#navigation-wrapper #menu{ display: block; }
	#menu .menu-link{ 
		display: block; 
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	#menu .menu-link:last-child{ border-bottom: none; }

	/*----------  SECTION WRAPPER  ----------*/
	#sections-wrapper .section-background{ width: 70%; }
	.pg-section .content-area{ width: 70%; margin-left: 30%; }
	.pg-section .content-area .container{ width: 85%; }

	/*----------  TAGLINE  ----------*/
	.tagline h1{ font-size: 65px; }

	/*----------  CONTACT-FORM  ----------*/
	.contact-form-wrapper #cntForm, 
	.disable.cnt-rmsg #returnmessage{ width: 100%; }

	/*----------  SUBSCRIBE FORM  ----------*/
	.subscription{ width: 100%; }

}



/*......................................................
	MOBILE LAYOUT
........................................................*/
@media only screen and (min-width: 600px) and (max-width: 767px){

	/*----------  TAGLINE  ----------*/
	.tagline h1{ font-size: 65px; }

}
@media only screen and (min-width: 480px) and (max-width: 599px){

	/*----------  TITLE  ----------*/
	.title-wrapper{ margin-bottom: 20px; }

	/*----------  TAGLINE  ----------*/
	.tagline h1{ font-size: 60px; }

}
@media only screen and (min-width: 320px) and (max-width: 479px){

	/*----------  TITLE  ----------*/
	.title-wrapper{ margin-bottom: 20px; }
	.title-wrapper p{ font-size: 16px; }

	/*----------  TAGLINE  ----------*/
	.tagline h1{ font-size: 40px; }

} 
@media only screen and (min-width: 320px) and (max-width: 767px){

	.bg-animation{ width: 100%; z-index: 0; }

	/*----------  TITLE  ----------*/
	.title-wrapper p{ width: 100%; }

	/*----------  COVER PAGE  ----------*/
	#cover-page .anim{ opacity: 1 !important; }
	#cover-page{ 
		width: 100%; 
		display: none; 
		background-color: rgba(0,0,0,0.9);
	}
	#logo{ margin-bottom: 30px; }
	#logo .inner-wrapper{ width: 70%; }
	#mobile-icon{ 
		top: 10px;
		right: 10px;
		display: block; 
	}
	#navigation-wrapper #menu{ 
		display: block; 
		border-color: rgba(255,255,255,0.1);
	}
	#menu .menu-link{ 
		display: block; 
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	#menu .menu-link:last-child{ border-bottom: none; }
	.social-icon .icon{ 
		width: 30px;
		height: 30px;
		margin: 0; 
	}
	.social-icon .icon i{ font-size: 16px; }
	#navigation-wrapper{ margin-bottom: 30px; }

	.tagline{ min-height: 180px; }

	/*----------  SECTION WRAPPER  ----------*/
	#sections-wrapper .section-background{ width: 100%; }
	.pg-section .content-area{ width: 100%; margin-left: 0; }
	.pg-section .content-area .container{ width: 85%; }

	/*----------  CONTACT-FORM  ----------*/
	.contact-form-wrapper #cntForm, 
	.disable.cnt-rmsg #returnmessage{ width: 100%; }

	/*----------  SUBSCRIBE FORM  ----------*/
	.subscription{ width: 100%; text-align: center; }
	.subscription-form .btn{ position: inherit; margin-top: 10px; }
	.subscription i.error-text, .subscription i{ right: 15px; }
}