@media screen and (max-width:1024px)
{
body.page-benefits .about_new {
    background-size: cover;
}
.view-benefit-list .benefit_detail, #subContainerBenifit > div:first-child {
margin-top:-1%;
}
}
/******************************************************************/
/*******************************************************************/
@media screen and (min-width:981px) and (max-width:1024px)
{
				/*body *{	background: yellow;}*/
				.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer {
					 margin: 0 auto 10%;
					max-width: 296px;
					width: 100%;
			}
			.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer > div.field-content {
					height: 400px;
			}
  		#views-exposed-form-benefit-list-page #edit-field-discount-tid-wrapper label {
    			font-size: 15px;
    			margin: 0;
			}
			#views-exposed-form-benefit-list-page #edit-field-discount-tid-wrapper > div.views-widget {
      		height: auto;
    			margin-bottom: 0;
    			padding-top: 10px;
			}
}
/**********************************************************************************************/
@media screen and (min-width:691px) and (max-width:981px)
{
 		/*.page-benefits .BDTitle .about_new h1 {
    display: inline-block;
    height: auto;
    line-height: 130px;
}*/
#views-exposed-form-benefit-list-page .views-exposed-form .views-exposed-widget > #edit-submit-benefit-list {
     width: 65px; 
}

}

/*******************************************/
@media screen and (min-width:946px) and (max-width:980px)
{
		.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer {
			margin: 0 auto 10%;
			outline: 0 solid #E0E0E0;
			max-width: 300px;
			width: 100%;
	}
}
/*******************************************/
@media screen and (min-width:860px) and (max-width:945px)
{
		/*body *{	background: green;}*/
				.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer {
				margin: 0 auto 10%;
				outline: 0 solid #E0E0E0;
				max-width: 270px;
				width: 100%;
		}
	
}

/*******************************************/
@media screen and (min-width:786px) and (max-width:859px)
{
	.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer {
    margin: 0 auto 10%;
    outline: 0 solid #E0E0E0;
    max-width: 247px;
    width: 100%;
		}
}	

/***************************************************for  filter box*******************************************/
@media screen and (max-width:880px)
{
		#views-exposed-form-benefit-list-page .bef-checkboxes {
				margin-top: 0;
		}
		#views-exposed-form-benefit-list-page .bef-checkboxes div {

				width: 46%;
				margin-bottom: 10px;
		}
}

/*******************************************/
@media screen and (min-width:701px) and (max-width:785px)
{
				.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer {
				margin: 0 auto;
				outline: 0 solid #E0E0E0;
				max-width: 242px;
				width: 100%;
		}
		.view-benefit-list .view-content #benefitListDataContainer strong {height: 30px; display: block;}
		.view-benefit-list .view-content tr {margin-bottom: 15px;}
		.view-benefit-list .view-content table tr td {vertical-align: top; padding-top: 15px; }

		.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer .benefit_tax_cat {
				font-size: 18px;

			}
			.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer .benefit_tax_name{
			font-size: 15px;
			}
			.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer .benefit_tax_des {
			font-size: 14px;
			}
			body.page-benefits #benefitListDataContainer img {width: 100% !important; padding: 0;}
			#benefitListDataContainer .benefit_tax_photo {min-height: 190px;}
}
/*******************************************/

@media screen and (max-width:700px)
{
				
			.view-benefit-list .view-content table, .view-benefit-list .view-content table tr, .view-benefit-list .view-content table tr td {
				display: table;
				width: 100%;
			 	max-width: 1000px;
		 	}
				.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer {
					margin: 3% auto 10%;
			}

			.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer .benefit_tax_cat {
				font-size: 18px;

			}
			.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer .benefit_tax_name{
			font-size: 16px;
			}
			.view-benefit-list .view-content > table.views-view-grid.cols-3 tr > td > #benefitListDataContainer .benefit_tax_des {
			font-size: 15px;
			}
		
}
/*********************************************************************************************/

@media screen and (max-width:690px)
{
		form#views-exposed-form-benefit-list-page {
				margin: 0 auto;
				max-width: 675px;
				width: 100%;
		}
		#views-exposed-form-benefit-list-page .views-exposed-form .views-exposed-widget {
			 padding-bottom: 0;
				padding-left: 5px;
				padding-right: 0;
				}
				#views-exposed-form-benefit-list-page div#edit-field-discount-tid-wrapper {
				width: 20%;
		}
		#views-exposed-form-benefit-list-page #edit-field-discount-tid-wrapper label {
				font-size: 12px;
				margin: 0;
		}
		/*.page-benefits #block-system-main .about_new h1 {
    display: block;
    font-size: 30px;
    height: auto;
    line-height: 110px;
		}*/
    
		 
}
/***************************************************************************************/
@media screen and (max-width:600px)
{
		.page-benefits #block-system-main .about_new{
				background-position: center center;
				background-size: cover;
				max-height: 100px;
				min-height: 100px;
		}
		.page-benefits .leftLeaf {
     		display: none;
    
		}
		.page-benefits .rightLeaf {
     		display: none;
    
		}
}
/********************************************************************************************/
@media screen and (max-width:580px)
{
		#views-exposed-form-benefit-list-page select {
				font-size: 12px !important;

		}
		#views-exposed-form-benefit-list-page .views-exposed-form .views-exposed-widget > #edit-submit-benefit-list {
				font-size: 12px;
		}

}

/**********************************************************************************************/
@media screen and (max-width:480px)
{
.page-benefits .view-benefit-list .benefit_detail {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
		.page-benefits #views-exposed-form-benefit-list-page .views-exposed-widgets {
				height:auto;
				margin: 0;
				max-height: 250px;
				overflow: hidden;
		}
		#views-exposed-form-benefit-list-page .views-exposed-form .views-exposed-widget {
				clear: both;
				display: block;
				float: none;
				height: auto;
				overflow: hidden;
				text-align: center;
				 width: 100%;
		}
		#views-exposed-form-benefit-list-page .views-exposed-form .views-exposed-widget > div.views-widget {
				padding-top: 10px;
		}
		#views-exposed-form-benefit-list-page div#edit-field-discount-tid-wrapper {
				width: auto;
				padding-top: 25px;
		}
		#views-exposed-form-benefit-list-page #edit-field-discount-tid-wrapper label {
				font-size: 12px;
				margin: 0 0 3%;
		}
		#views-exposed-form-benefit-list-page #edit-field-discount-tid-wrapper > div.views-widget {
				display: inline;

		}
		#views-exposed-form-benefit-list-page .bef-checkboxes {
				width: 100%;
		}
		#views-exposed-form-benefit-list-page .bef-checkboxes div {
				width: 50%;
				margin-bottom: 2%;
		}

		#views-exposed-form-benefit-list-page .views-exposed-form .views-exposed-widget > #edit-submit-benefit-list {
				font-family: Georgia;
				margin: 6px auto;
		}
		#views-exposed-form-benefit-list-page .bef-checkboxes input[type="checkbox"] + label.option {
				padding-left: 0;

		}

		
		.page-benefits #block-system-main .BenifitTitle {
    		font-size: 30px;
		}
		.page-benefits #block-system-main .about_new h1 {
       font-size: 30px;
    }
		.item-list .pager li {line-height: 25px;}
		form#views-exposed-form-benefit-list-page {max-width: 310px;}
}

/*******************************************************************************/
@media screen and (max-width:280px)
{
		#views-exposed-form-benefit-list-page #edit-field-discount-tid-wrapper > div.views-widget {
    	display: inline-block;
		}
		#views-exposed-form-benefit-list-page .bef-checkboxes div {
    	float: none;
    }
}
/*********************************************************************************/
@media screen and (min-width:150px) and (max-width:240px)
{
		.page-benefits #block-system-main .BenifitTitle {
   		 font-size: 22px;
		}
		
}