@media screen {
	* { box-sizing: border-box;}
	/* Changes to typography.css */
	body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #444; padding: 0;}

	/*--- Headings ------------------------------------------------------------------------*/
	h1, h2, h3 h4, h5, h6 { font-family: Arial,Helvetica,sans-serif; }
	h1 { color: #195001; font-size: 17px; line-height: 1.3em; margin: 0 0 15px 0;  border-bottom: 1px solid #195001; font-weight: bold;}
	h2 { color:#669842; font-size: 14px; line-height: 1.2em; margin: 0 0 15px 0; font-weight: bold;} 
	h3 { color:#fff; font-size: 14px; line-height: 1em; margin: 0 0 1em; font-weight: bold; letter-spacing: -0.2px;}
	h4 { font-size: 15.88px; line-height: 1em; margin: 0 0 15px 0;}
	h5 { font-size: 15px; line-height: 1em; margin: 0 0 20px 0; }
	h6 { font-size: 15px; line-height: 1em; margin: 0 0 20px 0; }

	a:focus, a:hover, button:hover, button:hover img {  color: #287203; text-decoration: underline; opacity: 0.9; filter: alpha(opacity=90); outline: none; }

	p { line-height: 1.5em; margin: 0 0 1em; font-size: 12px;}
	.img-responsive { display: block; height: auto !important; max-width: 100%;  }
	.visible-small { display: none;}

	/* Changes to layout.css */
	.ym-wrapper { max-width: 1000px;}
	body > header, body > nav, body > main, body > footer { min-width: 100%; }
    
    /* MISC */
    .hidden-lg { display: none !important;}
    .visible-lg { display: block !important;}
    .hidden{ display: none; }
    
	/* LIST UNSTYLED */
	.list-unstyled, .list-inline { margin: 0; padding: 0; }
	.list-unstyled li { margin: 0; padding: 0; list-style-type: none; }
	.list-inline li { margin: 0; padding: 0; display: inline; }

	/* ALIGNMENT */
	.text-left { margin: 0 auto; text-align: left;  }
	.text-center { text-align: center; }
	.text-right { text-align: right; }
	.head { display:  block;}
	
	/* HEADER */
	 #menu {display:block;}
	.slicknav_menu { display:none;}
	
	.ym-col1 { position: relative; float: left; width: 100%; }
	.ym-col1 .ym-cbox { padding:0;}
	.ym-col3 { position: relative; float: left; width: 197px; /* sidebar width */ right: 197px;    margin: 0 0 0 -100%;  }
	.ym-column { display: block; overflow: hidden; padding-left: 197px; /* sidebar width */ width: auto; padding-right: 0 }
	
	/* NAV */
	nav { float: right;   }
	nav li a { line-height: 15px; border-right: 1px solid #000; padding-right: 10px; padding-left: 10px; color:#000 !important;  text-transform: capitalize !important; font-size: 12px;}
	nav li:nth-last-child(2) a { border-right: none;}
	
	nav ul.megamenu .mm-item + .mm-item { margin-left: 0;}
	.mm-content-base ul { background: rgba(2,73,47,.9); margin-top: 9px; padding: 17px 24px;}
	.mm-content-base ul li { width: 155px; margin-bottom: 3px;}
	.mm-content-base ul a {  border-bottom: 1px solid #049278; line-height: 25px; font-size: 1.286em !important; text-align: left !important; padding-bottom: 3px; }
	
	/* FORM */
	#contact.ym-form { background: none; border: none; box-shadow: none; padding: 0; margin: 0; }
	#contact.ym-form label, #contact.ym-form .ym-label{ color:#fff;}
	/*#contact.ym-form .textfield { height: 29px; line-height: 29px; padding: 0 10px 0 10px; }
	#contact.ym-form .textarea { height: 90px; padding: 10px; resize: none; }*/
	/*#contact.ym-form .submit { background: #ff9900; border: none; border-radius: 0; box-shadow: none; color: #FFF; font-size: 12px; height: 29px; line-height: 29px; padding: 0; margin: 0; text-align: center; text-transform: uppercase; width: 81px; }
	#contact.ym-form .submit:hover { background: #3598DC; }*/

	/** HEADER **/
	.header nav { width: 100%; padding-top: 5px; padding-bottom: 11px;}
	.header .logo { margin-left: 45px; display: inline-block;}
	.header .sss {padding-left: 32px;}
	.header .searchbox { background-color: #438A00; width: 220px; float: right; margin-top: 5px;}
	.header .searchpads { padding: 7px 0 7px 7px; }
	.header .searchbtn { background-color: #195701; color: #FFF; border: 0 none; width: 65px; text-align: center; height: 17px; }
	.header input { height: 19px;}
	.header .greenbar { background: url(img/greenbar.jpg) no-repeat; height: 49px; display: inline-block; width:100%; margin-top: 3px;} 

	/** MAIN **/
	.main .top-nav { text-align: center; padding-top: 10px;}
	.main .top-nav a { color: #1E5D01; text-decoration: none;font-size: 15px; line-height: 1.8; border-right: 1px solid #000; padding: 0 20px;}
	.main .top-nav a.noborder { border-right: none;}
	.main .top-nav a:hover { text-decoration: underline; color:#000;}
	.main .main-content { padding: 10px 20px 20px;}
	.main .body-content{ padding: 0 15px 15px;}
	.main .home .ym-g50.ym-gr { background: #E9E9E9; border-left: 1px solid #333; margin-top: 10px; padding: 30px 15px 15px;} 
	.main .featuredimage { margin-bottom: 12px;}
	.main .bottomlogos { text-align: center;padding-bottom: 25px; }
	.main .bottomlogos img { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
	.main .bottomlogos img:hover { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
	.readmore {  text-align: right; padding-right: 25px; padding-bottom: 20px; }

	.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
	.video-container iframe,
	.video-container object,
	.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.search-result {margin-bottom:1.5em}

	/** SIDEBAR **/
	.sidebar { background: #438a00; }
	.sidebar .ym-cbox { padding:0 ;}
	.sidebar .nav { background: url(img/bg-left.png) no-repeat; padding: 46px 5px 0 5px; }
	.sidebar .nav .list { background-color: #225E06;}
	.sidebar .nav a { color: #FFDE00; font-size: 12px; width: 100%; display: inline-block; padding: 3px 12px;   -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear;}
	.sidebar .nav a:focus,.sidebar .nav  a:hover,.sidebar .nav  a:active { color: #FF0; text-decoration: none; background-color: #669842; }
	.sidebar .nav li.has-sub ul a {background-color: #1A5002; color: #FFF; text-decoration: none; padding-left: 24px; width: 95%; border-bottom: 1px solid #225E06;}
	.sidebar .nav li.has-sub ul li.active a { text-decoration: underline;}
	.sidebar .nav li.has-sub ul li.active a:hover { text-decoration: underline;}
	.sidebar .nav li.has-sub.active ul a:hover { text-decoration: underline;}
	.sidebar .ym-form fieldset { background: #286901 none repeat scroll 0 0; color: #FFF; margin: 40px 4px 0 6px; padding: 10px 10px 20px;}
	.sidebar .ym-form .type-text span { float:left;}
	.sidebar .ym-form  .submit {text-transform: capitalize; padding: 0;float:right; color: #000; background: #286901 url("img/submit.png"); background-repeat: no-repeat; height: 24px; width: 63px; border: none !important; box-shadow: none; line-height: 3px; margin-right: 0;}
	.sidebar .ym-form  .submit:hover { } 
	.sidebar .address { color: #fff; padding:10px 0 25px 12px}
	.sidebar .address a { color: #fff;}
	
	/* FOOTER */
	.footer { font-size: 12px;text-align: center; background: #fff; }
	.footer .ym-wrapper { background: #e4daa7; border-top: 1px solid #c5c4c2;}
	.footer .ym-wbox { padding: 0;}
	.footer .bar { height: 6px; background: #438a00; display: inline-block; width:100%; position: relative; bottom: 3px;}
	.footer .copyright br { display:  none;}
	.footer .design { display: inline-block; height: 28px; width: 100%; background: url(img/footerbg.jpg) repeat-x;}
	
    .TypeOfUser .GrayBox{
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(100%, #bcbcbc));
		background-image: -webkit-linear-gradient(top, #efefef, #bcbcbc);
		background-image: -moz-linear-gradient(top, #efefef, #bcbcbc);
		background-image: -ms-linear-gradient(top, #efefef, #bcbcbc);
		background-image: linear-gradient(to bottom, #efefef,#bcbcbc);
		background-color: #efefef;
    }
    .TypeOfUser .GrayBox h2{
        color:#fff;
        text-transform:uppercase; 
        font-weight:bold; 
        text-align:center; 
        padding:3px 0;
        font-size:1.1em;
		background:#717171;
    }
    .TypeOfUser .GrayBox h3{
        color:#fff;
        background:#717171; 
        font-weight:bold; 
        text-align:center; 
        padding:3px 0;
        font-size:1.1em;
    }
    .TypeOfUser .GreenBox{
        background:#2d6001 url(/TypesOfUsers/images/bg-green.gif) repeat-x;color:#fff;
    }
    .TypeOfUser .GreenBox h2{
        color:#ff0; 
        text-transform:uppercase; 
        font-weight:bold; 
        text-align:center; 
        padding:3px 0;
        font-size:1.1em;
		background:#2c5801;
    }
		.TypeOfUser .GreenBox a { color: #fff; }
	.TypeOfUser .applications img {margin:0 auto }
    .TypeOfUser .CaseStudy {
        border:solid 1px #fff;
        width:147px;
        background:#2c5801;
        text-align:center;
        padding-bottom:5px;
        margin:0 auto;
    }
    .TypeOfUser .CaseStudy img {
        border:solid 1px #fff;
        display:block;
        margin:5px auto 3px;
    }
    .TypeOfUser .CaseStudy a { color: #fff; background:transparent; text-decoration:none; }
    .TypeOfUser .CaseStudy a:visited  { color: #fff; }
    .TypeOfUser .CaseStudy a:focus,
    .TypeOfUser .CaseStudy a:hover,
    .TypeOfUser .CaseStudy a:active { color:#fff; text-decoration:underline; }

    .TypeOfUser .Sustainability {
        text-align:center;
        padding-bottom:5px;
    }
    .TypeOfUser .Sustainability img {
        display:block;
        margin:5px auto 3px;
    }
    .TypeOfUser .Sustainability a { color: #fff; background:transparent; text-decoration:none; }
    .TypeOfUser .Sustainability a:visited  { color: #fff; }
    .TypeOfUser .Sustainability a:focus,
    .TypeOfUser .Sustainability a:hover,
    .TypeOfUser .Sustainability a:active { color:#fff; text-decoration:underline; }

    .TypeOfUser .WTB { text-align:center }
    .TypeOfUser .WhereToBuy { margin-left:27px; }
    .TypeOfUser .WhereToBuy a { color: #555; background:transparent; text-decoration:none; font-weight:bold }
    .TypeOfUser .WhereToBuy a:visited  { color: #555; }
    .TypeOfUser .WhereToBuy a:focus,
    .TypeOfUser .WhereToBuy a:hover,
    .TypeOfUser .WhereToBuy a:active { color:#888; text-decoration:underline; }
}

@media screen and ( max-width: 800px ) {
	.slicknav_nav ul  { padding-left: 15px;}
	.slicknav_nav .slicknav_item a {padding: 0;margin: 0;text-decoration: none !important; outline: medium none !important;}	
	.slicknav_nav .slicknav_row { text-decoration: none !important; outline: medium none !important; }
	.header {padding-top: 15px;}
	.hidden-small { display: none; }
	.visible-small { display: block; }
	.divider { font-size: 20px; margin-bottom: 5px; margin-top: 15px; padding-left: 10px; text-transform: uppercase;}
	.header nav { display: none; }
	.sidebar .nav { display: none; }
	.slicknav_menu .line { display: block; width: 95%; height: 1px; border-top: 1px solid rgb(255, 255, 255); padding-left: 15px; margin: 10px auto 0;text-align: center;}
	.slicknav_menu { display:block; background: #286901 none repeat scroll 0 0;}
	.slicknav_menu .slicknav_menutxt {display: none;}
	.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border-radius: 4px; background-color: transparent; border: 1px solid rgb(255, 255, 255); padding: 5px;}
	.slicknav_menu .slicknav_icon { float: left; margin: 5px; }
 	.slicknav_nav a {  font-size: 13px !important; -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; }
 	.slicknav_nav a:hover {color: #FF0 !important; text-decoration: none; background: #669842 !important; }
 	.slicknav_nav a:hover a {color: #FF0 !important; text-decoration: none; background: transparent !important; }
 	.ym-column { padding:0;  width: 100%; }
	.ym-col1 { float: none; width: 100%; }
	.ym-col3 { float: none; width: 100%;  right:0; margin: 0; }
	.years-image { display: none; }
	.main .body-content{ padding: 0 15px 15px 0;}
}


@media screen and ( max-width: 760px ) {
	/* FOOTER */
	.footer .copyright br { display:  block;}
}


@media screen and ( max-width: 480px ) {
 	.main-content .ym-g50 { width: 100%; display: block;}
 	.main .ym-g50.ym-gr { border-left: 0; }
	.bottomlogos { text-align: center; }
	.bottomlogos img { margin: 0 15px 20px; }
	.main .body-content{ padding: 0;}
}

@media screen and ( max-width: 400px ) {
	.header .sss { padding-left: 0; margin: 0 auto; display: block; text-align: center; max-width: 100%;}
}

@media screen and ( max-width: 360px ) {
	.header .logo { margin: auto; width: 100%; }
}