/*
Mobile Styles & Media Queries
*/

.responsive { min-width: 768px; }
.page_default { width: 100%; }

.btn-class { 
	display: block; border: none; text-decoration: none; cursor: pointer; text-indent: -9999px; 
}

.container, .main { 
	max-width: 990px; box-sizing:border-box; -moz-box-sizing:border-box; margin: auto;
}

@media only screen and (max-width : 1008px) {
	/*about page*/
	.page_excerpt .page_excerpt_content p, .page_excerpt .about_logo img, .story_content, .story_content p, .story_content img { width: 100%; height: auto; }
	.story_content img.about_page_maria_signatureImg{
		max-width: 100px;
	}
}	

@media only screen and (min-width : 991px) {
	.mobile-nav { display: none; }
}

/*=== Tablet Design Queries ===*/
@media only screen and (max-width : 991px) {
	/*header*/
	.home .header-section { margin-bottom: 0; padding:10px;}
	.header-section { border-bottom: 1px solid #bfbfbf; padding:10px; }
	.header-container { width: 100%; position: relative; padding-bottom: 16px; }
	.branding { float: none; clear: both; margin: 0 auto; height: auto; }
	.header h1.logo { margin: 12px 0 9px; }
	.quick-access { float: none; position: absolute; top: -12px; right: 6px; margin: 0; margin-top: 17px; }
	.header .links { padding-top: 11px; }
	/*mobile nav*/
	.mobile-nav-trigger { margin: 13px 0 0 7px; width: 35px; }
	.mobile-nav-trigger .btn-trigger { background: url('../images/btn_mobileTrigger.png') no-repeat; width: 30px; height: 21px; }

	.mobile-nav { position: absolute; left: 0; bottom: -74px; z-index: 100; width: 100%; background-color: #fff; border-bottom: 1px solid #bfbfbf; padding: 14px 0; display: none; }
	.mobile-nav .nav-container { margin: 0; padding-left: 36px; max-width: 359px; box-sizing:border-box; -moz-box-sizing:border-box; }
	.nav-container #nav ul li { margin: 0; float: left; }
	#nav ul li a { font-size: 17px; line-height: 26px; text-align: center; padding: 0; display: block; height: auto; }
	
	/*social icons*/
	.mobile-nav-right { padding-left: 0; padding-right: 21px; float: right; }
	.mobile-nav-right, #header-signup { overflow: hidden; }
	.mobile-social { overflow: hidden; float: left; width: 45%; }
	.mobile-social li { float: left; }
	.btn-social { background: url('../images/sprite_mobileSocial.png'); width: 30px; height: 28px; margin: 0 4px; }
	.btn-fb { background-position: 0 0; }
	.btn-twi { background-position: -38px 0; }
	.btn-inst { background-position: -77px 0; }
	.btn-pint { background-position: -116px 0; margin-right: 0; }
	
	/*sign up form*/
	.header-container .signup-form { width: 55%; overflow: hidden; }
	#header-signup { float: right; }
	.header-container .signup-form .input-wrap { border-color: #b4b4b4; height: 27px; width: 167px; }
	.header-container .signup-form .newsletter-submit-button { background-image: url('../images/btn_submitNewsletter.png'); position: static; }
	.header-container .signup-form .input-wrap, .header-container .signup-form .newsletter-submit-button { float: left; }

	/*footer*/
	.footer .signup-form { width: 100%; }

	/*home*/
	.slider .button { height: 55px; }

	/*about page*/
	.signature { width: 100%; margin: 65px 0 15px; }
	.story_content p { padding-left: 30px; padding-right: 30px; }

	/*press page*/
	ul#press_grid .press-exc p { font-family: 'apercu'; font-weight:400; font-size: 15px; line-height: 16px; color: #666; }
	ul#press_grid li a:hover { text-decoration: none; }

	/*press detail*/
	.article_video .video_content > p > iframe, .article_video .video_content > p > object { width: 100%; height: auto; }

	/*about page*/
	.story_content h3 { padding-top: 10px; }

	/*international shipping page*/
	.intership-wrapper { margin-top: 10%; }

	/* International Shipping Country displayed in header: 5/7/2014 Rachel V. */

	.header-country { padding-top: 14px; }
	
	/* Sugarpova Candy Lounge 6/10/2014: Rachel V. */
	.candy-lounge-bottom { padding-left: 10px; padding-right: 10px; }

}/*end of tablet query

/*=== Mobile Design Queries ===*/
@media (max-width: 768px) {
	/*international shipping page*/
	.intership-page .page_content {     
		background-size: 125%;
	 	background-position: center top; 
 	    min-height: 960px;
	}
	.intership-wrapper { margin-top: 13%; }
	.intership-select-wrapper { width: 90%; }
	.page-template-intership-template .customSelect { width: 70%; }
	.page-template-intership-template .customSelectInner { background-position: 88% 20px; }
}

/*=== Mobile Design Queries ===*/
@media only screen and (max-width : 767px) {
	.slider .sp-container { min-width: 305px; /*320 accounting for bootstrap*/ margin-bottom: 62px; }

	/*homepage*/
	.slider .sp-container { margin-bottom: 38px; }
	.panel { max-width: 100%; float: none; margin-left: auto; margin-right: auto; margin-bottom: 35px; }
	.feat-block { margin: 0; padding-left: 0; padding-right: 0; }
	.block-inner { max-height: 100%; }
	.block-inner img:first-child { margin-bottom: -3px; }
	.news-block{ margin-bottom: 64px; }

	.mobile-slider-img, .mobile-slider-img img, .page_excerpt .about_logo { width: 100%; height: auto; }

	.signature { margin: 0 -15px; /*width: 107%;*/ width:100%; }
	.signature-inner { padding: 20px 20px 30px; background-position: 93.5% 50%; }
	.signature-inner p { width: 70%; font-size: 16px; line-height: 23px; }
	.btn-more { left: 35%; }

	/*about page*/
	.page_content { width: 100%; padding-left: 15px; padding-right: 15px; }
	.btn_whiteSpace { width: 154px; }
	.btn_whiteSpace .btn_press { width: 129px; }
	.page_excerpt, .page_excerpt .page_excerpt_content p  { padding-left: 0; margin-left: 0; text-align: center;}
	.page_excerpt .about_logo img { width: auto; margin-bottom: 52px; }
	.story_content p { padding-left: 10px; padding-right: 10px; }
	.page_feature img { width: 130%; margin-left: -15%; margin-top: -45px; }

	/*press page*/
	ul#press_grid > li.odd { padding-right: 0; }
	ul#press_grid > li.even { padding-left: 8px; }
	ul#press_grid li a { height: 188px; }
	ul#press_grid .press-exc p { font-size: 16px; line-height: 16px; height: auto; }
	ul#press_grid li a .press-btn, ul#press_grid li a:hover .press-btn { height: 100%; padding: 10px; border: none; }
	ul#press_grid li .img-wrap { height: 130px; }
	#wp_page_numbers { margin: 15px 0; }
	#nav-above #wp_page_numbers { margin: 0; }
	.navigation #wp_page_numbers li a { font-size: 16px; line-height: 16px; padding: 0 8px; }

	/*press detail page*/
	.category-press .article_content, .category-press .article_wrap .img-wrap { padding: 0 15px; }
	.category-press .article_content { margin-top: 20px; }

	/*header*/
	.mobile-nav { bottom: -129px; padding-bottom: 0; margin-top: 14px; }
	.mobile-nav .nav-container { max-width: 100%; padding-left: 15px; }
	.mobile-nav-right { padding: 14px 15px; margin-top: 14px; background-color: #f5f5f5; border-top: 1px solid #bfbfbf; }

	.mobile-social li { margin: 0 4px; }
	.btn-social { /*margin: 0;*/ }
	#header-signup { width: 100%; }
	.header-container .signup-form .input-wrap { width: 87.8%; background: #fff; }
	.header-container .signup-form .newsletter-submit-button { border-radius: 0; }

	/*footer*/
	.push { height: 400px; }
	.footer {height:auto;}
	.footer-col h3 { margin-bottom: 15px; }
	.footer .footer-col.fourth { overflow: hidden; width:100%; margin: 20px 0; }
	.footer-container .col-lg-3.col-xs-12 {width: 100%;}
	.footer-container .col-lg-3.col-xs-6 {width: 50%;}

	/*foundation page*/
	.foundation-text { padding-left: 15px; }
	.customSelect { width: 70%; }
	.customSelectInner { background-position: 88% 20px; }
	.btn-submit-intership { width: 25%; }

	/*candy club buttons*/
	.candyclub .candyclub-buttons li { float: none; width: 100%; }

}/*end of 767*/

@media (max-width: 480px) {
	/*international shipping page*/
	.intership-select-wrapper { width: 100%; margin: 40px auto 0;}
	.intership-wrapper { 
		margin-top: 17%; 
	}
	.sugarpova-landing-logo {
		height: 179px;
	    margin: 0 auto 30px;
	}
	
	.intership-page .page_content { 
		background-size: 168%; 
		min-height: 679px;
	}

	.page-template-intership-template .customSelect { width: 100%; margin-bottom: 10px; }
}


@media only screen and (max-width : 479px) {
	.horizontal_line.responsive { min-width: 310px; }
	.page_feature img { width: 100%; margin-left: 0; }
	.header-container .signup-form, .mobile-social { width: auto; }
	.mobile-social li { margin: 0; }
	.header-container .signup-form .input-wrap { width: 135px; }
	.news-block .img-wrap { max-width: 130px; margin-right: 0; }
	.signature { width: 110.2%; }
	.btn-more { left: 27%; }

	.email-signup .e2ma_signup_form_element {  clear: both; margin-top: 10px; float: left; }
	.email-signup .e2ma_signup_form_button_row, .email-signup .e2ma_signup_form_element, .email-signup .e2ma_signup_form_element input, .email-signup .e2ma_signup_form_row { width: 100%; }
	

	.customSelect { width: 100%; margin-bottom: 10px; }
	.btn-submit-intership { width: 100%; margin-left: 0; }

	/*candy club buttons*/
	.hide-candy-btn { display: none; }

	/* Sugarpova Candy Lounge 6/10/2014: Rachel V. */
	.candy-lounge-icons img { max-width: 361px; }
	.candy-lounge-widget { padding-top: 13%; background-size: 130%; }

	/*footer*/
	.footer { /*height: 420px;*/height: auto; }
	.footer-container {margin: 30px auto;}

}/*end of 320*/

@media (max-width: 375px) {
	.sugarpova-landing-logo {
		height: 150px;
	}
}