ul#boxesifr,
ul#boxesifr li
{
	/* Setting a common base */
	margin: 0;
	padding: 0;
}

ul#boxesifr li 
{
	display: inline-block;
	text-indent: 0px;
	text-align: center;
	margin: 5px;
	width: 220px;
	min-height: 280px;
	vertical-align: top;

	background-image: url(/content/assets/features/gw/gwulbg2.png);
	background-repeat:no-repeat;
	
}

ul#boxesifr p 
{

	font-family: 'Roboto', serif;
	font-size: 16px;
	color: #432d17;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;

}

ul#boxesifr a 
{
	

	text-decoration: underline;
	
}

ul#boxesifr a:hover 
{
	
	
	text-decoration: none;
	
}


ul#boxesifr h3 
{
	color: #FFFFFF;
	font-family: 'Roboto', serif;
	font-size: 17px;
	font-weight: 300;
	padding-bottom:auto;
	padding-top:auto;
	padding-left:3px;
	padding-right:6px;
	min-height: 80px;
	background-color: #606060;
	text-transform: none;
	text-align: center;
	margin-top: 0;

}

.zoomtracker {
	margin-top: -10px;
}

#ifr a 
{
	

	text-decoration: underline;
	color: #606060;
	
}

#ifr a:hover 
{
	
	color: #606060;
	text-decoration: none;
	
}  
  
  @media (max-width:3000px)
{
#ifr h1 {
	font-size: 70px;
	font-family: 'Roboto', serif;
	font-weight: 700;
	color: #606060;
	margin: auto;
	line-height: 90px;
	text-align: center;
	
  }
  
.1 {
	font-size: 50px !important;
	
  }
  
.2 {
	font-size: 90px;
	
  }
  
.3 {
	font-size: 140px;
	
  }
  
#ifr h2 
{
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	color: #606060;
	padding-left: 10px;
	font-weight: 500;
	text-transform: uppercase;
	text-align:left;
}
  
  #ifr h3 {
	font-size: 19px;
	font-family: 'Roboto';
	font-weight: 500;
	color: #606060;
	margin-bottom: 0px;
	text-align: left;

  }
  
#ifr p 
{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #606060;
	font-weight: 300;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 8px;
	text-align: left;
	line-height: 27px;
}
  
#ifr .700i {
	font-size: 17px;
	color: #fff;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	font-style: italic;

  }
  
#ifr .sub_box .to_category {
    height: 30px;
    padding: 10px 0 0;
}

#ifr .inset {  position: relative; top: 50%; width:50%; max-width:300px;text-align:left; padding: 20px 20px; margin: 5px 0px -300px 5px; left: 50%; background-color:#979b89;}
#ifr .subcategory_area {padding: 16px 0px;}
#ifr .subcategory_area h2, .mainContent h2, .home_user_area h2 {font-size: 30px; line-height: 32px; padding-bottom: 16px;}
#ifr .subcategory_area p, .mainContent p.subheading, .home_user_area p {font: 18px/25px 'robotoregular'; color: #484848;}
#ifr .subcategory_wraper {padding-top: 21px;}

#ifr .sub_box {width: 170px; height: 159px; border: 0px solid #dedede; position: relative; display: inline-block; text-align: center; overflow: hidden; margin: 0px 4px 10px; box-shadow: 2px 2px 2px #000;}
#ifr .sub_box .to_category {height: 42px; padding: 20px 0 0;}
#ifr .sub_box:hover .hover_style {display: block;}
#ifr .sub_box img {width: 100%;}

}

  @media (max-width:588px)
{

 #ifr h1 {
	font-size: 40px !important;
	font-family: 'Roboto';
	font-weight: 700;
	color: #606060;
	margin: 0px !important;
	line-height: 58px;
	padding: 0px 10px;
  }
  

  
  #ifr p {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #606060;
	padding: 5px 10px;
  }
  
  #ifr h2 {
	font-size: 20px;
	font-family: 'Roboto';
	font-weight: 500;
	color: #606060;
	text-transform: uppercase;
	margin: auto;
	line-height: 32px;
	padding: 0px 10px;
	display: block;
  }
  
#ifr .inset { 
	width: 100%;
	text-align: left;
	padding: 20px 10px;
	background-color: #979b89;
	float: none;
	margin: 0;
	max-width: 100%;
	left: 0;
	display: block;
	top: 100%;
	position: relative;

}

.block { 
	padding: 0 80px;

}
}

ul#boxeswf,
ul#boxeswf li
{
	/* Setting a common base */
	margin: 0;
	padding: 0;
}

ul#boxeswf li 
{
	display: inline-block;
	text-indent: 0px;
	text-align: center;
	margin: 10px 3%;
	width: 220px;
	min-height: 280px;
	vertical-align: top;
	background-image: url(/images/features/westernFront/wfulbg.png);
	background-repeat:no-repeat;
	
}

ul#boxeswf p 
{

	font-family: 'Kreon', serif;
	font-size: 14px;
	color: #432d17;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;

}

ul#boxeswf a 
{
	

	text-decoration: underline;
	color: #fff;
	
}

ul#boxeswf a:hover 
{
	
	color: #fff;
	text-decoration: none;
	
}


ul#boxeswf h3 
{
	color: #FFFFFF;
	font-family: 'Droid Serif', serif;
	font-size: 17px;
	font-weight: 700;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:3px;
	padding-right:6px;
	min-height: 82px;
	text-transform: none;

}

#gw h3.brown 
{
	color: #ffffff;
	font-family: 'Kreon', serif;
	font-size: 17px;
	font-weight: 700;
	padding-bottom:2px;
	padding-top:5px;
	padding-left:10px;
	padding-right:6px;
	min-height: 30px;
	overflow:hidden;
	background-image: url(/content/assets/features/gw/gwh3Brownbg.png);
	text-transform: none;
}

.bg 
{
	color: #ffffff;
	background-image: url(/content/assets/features/ifr/ifrBG.jpg);
	background-size: 100% 100%;
}

ul#catsifr, ul#catsifr li {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

ul#catsifr li {
    display: inline-block;
    text-indent: 0px;
    text-align: center;
    margin: 0px 5px 5px 0px;
    min-width: 130px;
    min-height: 215px;
    vertical-align: top;
    border: 1px #fff solid;
    padding: 5px;
    background-color: #e6e6e6;
    flex-grow: 1;
    max-width: 140px;
    box-sizing: border-box;
}

ul#catsifr p 
{
	color: #606060;
	text-align:center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-size: 14px;
}

ul#catsifr a 
{
	
	color: #ffffff;
	text-decoration: underline;
	
}

ul#catsifr a:hover 
{
	
	color: #1bc4e8;
	text-decoration: underline;
	
}


ul#catsifr h3 
{
	color: #ffffff;
	font-family: 'Mate', serif;
	font-size: 16px;

	padding-bottom:2px;
	padding-top:2px;
	padding-left:3px;
	min-height: 53px;
	background-image: url(/images/features/ifrh3bg.jpg);

}