/*********** APPLICATION CATEGORIES ***********/
#categories{background-color:#EEEEEE; padding:40px 0 45px; margin-bottom:72px;}
#categories .title{color: #414141; font-size:36px; font-family: 'DeltaSans', sans-serif;}
#categories .row > div[class^="col-"] {position:relative;}
#categories .row > div[class^="col-"] > a {background-color: #fff; display: block; padding: 15px 10px 15px 39px; text-decoration: none; color: #414141; font-weight: 600;  background: #fff url(../images/plus_icon.svg) 20px 17px no-repeat; font-size:18px; }
#categories .row > div[class^="col-"] > a.clsbtn{position: absolute; text-indent: -9999px; background: url(../images/general/x.png) center center no-repeat; right:0; background-size:16px;}
#categories .row > div[class^="col-"] > div {display:none;}
#categories .row{margin-top:2.1%;}
#categories #categoryContent{background-color:#fff; display:none; padding:6% 3% 4%; position:relative; width:94%; }
#categories #categoryContent .closeGrn a{width:24px; height:24px; background:url(../images/general/popup-close-green.png) top left no-repeat; display:block; text-indent:-9999px; position:absolute; top:5%; right:2%;}
#categories #categoryContent .buttons{text-align:right; margin-top:2.3%;}
#categories #categoryContent .buttons a{ margin-left: 2%; padding: 13px 27px;}
#categories #categoryContent .detail > div {width:48.5%; margin-left:3%;}
#categories #categoryContent .detail > div:first-child {margin-left:0% !important;}
#categories #categoryContent .detail .image img{width:100%; height:auto; display:block;}
#categories #categoryContent .detail .image{float:right;}
#categories #categoryContent .detail .text {margin-top:-0.2%; float:left;}
#categories #categoryContent .detail .text > *{margin-top:4%;}
#categories #categoryContent .detail .text > *:first-child{margin-top:0;}
/**********************************************/

#mobile_links ul{padding:0; margin:0; margin-top:15px;}
#mobile_links li{margin-bottom:15px !important;}
#ql{ color:#5E6A71; font-weight:bold;}

/****************** MEDIA QUERIES ***********************/

@media screen and (max-width: 980px) {
	
	h2 {font-size: 26px; line-height: 29px; }
	
	/*********** APPLICATION CATEGORIES ***********/
	#categories #categoryContent .detail .text .ingres { font-size: 17px; line-height: 22px;}
	#categories #categoryContent .detail .text .textcopy { font-size: 14px; line-height: 19px;}
	#categories #categoryContent .buttons .button { font-size: 15px;}
	#categories .row > div[class^="col-"] > a {font-size: 15px;}
	#categories #categoryContent .closeGrn a{top: 3%;}
	/**********************************************/
}

@media screen and (max-width: 800px) {
	
	/*********** APPLICATION CATEGORIES ***********/
	#categories #categoryContent .detail > div{ float:none !important; width:100% !important; margin:4% 0 0 0 !important;}
	#categories #categoryContent .detail .text > * { margin-top: 2%;}
	#categories #categoryContent .buttons { margin-top: 4%; }
	#categories #categoryContent {padding-top:0px !important;}
	#categories .row{margin-top:3%;}
	/**********************************************/
	
}

@media screen and (max-width: 640px) {
	
	/*********** APPLICATION CATEGORIES ***********/
	#categories #categoryContent .buttons .button { width: 100%; margin: 3% 0 0 0 !important; padding: 15px 0;}
	#categories #categoryContent .detail > div:first-child {margin-top:0 !important;}

	/**********************************************/

}

@media screen and (max-width: 500px) {
	
	#categories #categoryContent .detail .text > * {
		margin-top: 4%;
	}
}

/*********************************************************/