/******************************************************************************************************/
@media screen and (max-width:1024px){
		#BenefitDetail .left2 {float: left; margin: 0 auto; max-width: 640px; text-align: left; width: 100%;}
		#BenefitDetail #slideshow-container {height:auto; width: 95%; max-width: 100%;}
		body.page-taxonomy-term #galleriffic ul.thumbs li a.thumb img {width: 94% !important; height: auto !important;}
}


@media screen and (max-width:1024px)
{
				#subContainerBenifit { margin: 0 auto; max-width: 100%; /* width: 78%;*/	}
				#BenefitDetail_outerdiv {	margin: 0 auto;max-width: 100%; width: 90%;	}
				#BenefitDetail .benefit_com_info { margin: 2% auto;	max-width: 100%; width:95%;	}
				#BenefitDetail {padding: 1%;}
				#Benefit_info {	display: inline-block;margin: 4% auto;max-width:100%;	width: 100%;	}
				#block-system-main #subContainerBenifit .BenifitTitle > span.rightLeaf {	display: none;	}
				#block-system-main #subContainerBenifit .BenifitTitle > span.leftLeaf {display: none;}
				.view-benefit-list .benefit_detail, #subContainerBenifit > div:first-child {font-size: 250%; margin: 0 auto;padding: 5%;}
				#BenefitDetail .benefit_com_info .com_right { font-size: 150%;line-height: 130%; }
				#BenefitDetail .benefit_com_info h2 {font-size: 150%;}
				#block-system-main .term-listing-heading .about_new h1 {font-size: 30px;}
				#galleriffic ul.thumbs li {	 width: 24%;	}
				.term-listing-heading .BDTitle .about_new h1 span {	height: auto;	}
				.term-listing-heading .BDTitle .about_new { height: 150px; min-height: 150px; max-height: 100%;}
				#galleriffic ul.thumbs img {border: medium none;display: block;	margin: 0 auto;	padding: 4px;	text-align: center;width: 90%;}				
}

@media screen and (min-width:701px) and (max-width:1024px){
		.term-listing-heading .BDTitle .about_new { background-size: 100% 100%;}		
}
/**************************************************************************************/
@media screen and (max-width:770px){
#BenefitDetail .benefit_com_info .com_left .company_info #field_large_photo img {width: 97.5%;}
}
/**************************************************************************************/
@media screen and (max-width:700px){
		#subContainerBenifit { width: 100%;}
		.term-listing-heading .BDTitle .about_new { background-size: cover;}
}

/***************************************************************************************/
@media screen and (max-width :480px) {
		body.page-taxonomy-term div#thumbs.navigation div ul.thumbs li a.thumb img {width: 89% !important}
		body.page-taxonomy-term div.navigation a.pageLink {height: 55px !important;}
		body.page-taxonomy-term #galleriffic ul.thumbs li a.thumb img {width: 89% !important;}
		#BenefitDetail #gallery
		{
			height: 200px;
		}
		#galleriffic #thumbs {height: 60px;}
		
}
/***************************************************************************************/

@media screen and (min-width:320px) and (max-width:480px)
{
		.view-benefit-list .benefit_detail, #subContainerBenifit > div:first-child {
				font-size: 1.8em;
				margin: 2% auto;
				padding: 5%
		}
		#block-system-main .term-listing-heading .about_new h1 {font-size: 20px;}
		#benefit_info_bottom a.redeemButton {
    margin-top: 8px;
   
}

#galleriffic ul.thumbs li {
    width: 21%;
}
}


/****************************************************************************************/
@media screen and (max-width:320px)
{
		#BenefitDetail_outerdiv {	width: 100%;	}
		.view-benefit-list .benefit_detail, #subContainerBenifit > div:first-child {
				font-size: 1.8em;
				margin: 2% auto;
				padding: 5%
		}
		#block-system-main .term-listing-heading .about_new h1 {font-size: 20px;}
		
}
/*********************************************************************************************/

