@media screen and (min-width: 1024px) and (max-width: 1199px) {
.wrapper {margin:0 auto;}
.container {width:100%; margin:0 auto;}	

.header {width:100%;}
.logo { width: 25%;}
.righticon { float: right; width: 10%;}

.navwrap			{width:56%; height:auto;}
.navigation {width:100%;  margin: 20px 0;}
.navigation ul {width:100%;}
.navigation ul li a {padding: 13px 15px;}
.navigation ul li.active a {padding: 13px 15px 13px 25px;}

.maincontent {width:100%;}
.firstpara {width:90%;padding:0 0 30px;  margin:30px 4% 30px 6%; }
.summary {width:90%; padding:0 0 30px;  margin:30px 4% 30px 6%; }

.footer {width:100%;}
.footer p {width:100%;}


}

@media screen and (min-width: 768px) and (max-width: 1023px) {
.wrapper {margin:0 auto;}
.container {width:100%; margin:0 auto;}	

.header {width:100%;}
.logo {display:none;}
.mlogo {display:block; width: 50%;}
.mlogo >.logo {width:46%; margin: 15px 3% 13px 2%; display:block;}
.righticon {display:none;}
.rmicon {display:block; width:6%;}
.rmicon > .righticon {width:100%; display:block;}
.rmicon > .righticon img {width:100%; height:auto;}

.navwrap			{width:100%; height:auto;}
.navigation {width:100%;  margin: 14px 0;}
.navigation ul {width:100%;}
.navigation ul li a {padding: 13px 5% 7px 35%; font-size:12px;}

.maincontent {width:100%;}
.firstpara {width:90%; padding:0 0 30px;  margin:30px 4% 30px 6%; }
.summary {width:90%; padding:0 0 30px;  margin:30px 4% 30px 6%; }

.footer {width:100%;}
.footer p {width:100%;}

/* navigation mobile */
.mob_menu									{display:block; background:) repeat; display: block; margin:0px; min-height: 18px; padding: 11px 15px 9px; width: 24px; float:left;}
.mob_menu span								{color:#fff; font-size:18px; float:left; text-transform:uppercase;  font-family:Arial, sans-serif; font-style: normal; font-weight: 400;}
.mob_menu img								{float:right;cursor:pointer;}
.navigation 								{position:absolute; width:80%; margin:0px; top:100%;} 
.navigation ul								{display:none; background:#e5e5e5; list-style:none; border:1px solid #868181;}
.navigation ul li.last { border-bottom:none !important;}
.navigation ul li a						{border-right:none !important; text-align:left; width: 90%;  color:#ad0c19;   font-family:Arial, sans-serif;  color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px; padding:12px 5% !important;}
.navigation ul li a.first					{text-align:left; width: 100%; color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.navigation ul li a.last					{text-align:left; width: 100%; color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.sf-menu ul li a  { padding: 10px 5% !important; text-align: justify; width: 90%; float:left;   color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.sf-menu ul li.lastnav a  {font-size: 14px; line-height: 18px; padding: 10px 5% 10px 5% !important; text-align: justify; width: 90%; color:#ad0c19;  font-family:Arial, sans-serif;}
.sf-menu ul li a:hover {background:#ff780d; color: #fff; font-size: 14px;  font-family:Arial, sans-serif; line-height: 18px; padding: 10px 5% 10px 5%; text-align: justify;  width: 90%;}
.sf-menu ul li a.active{background:#fff; color: #ad0c19;  font-family:Arial, sans-serif;  font-size: 14px; line-height: 18px; padding: 10px 5% 10px 5%; text-align: justify; width: 90%;}
.sf-menu > ul{ display:block; min-height: 1px; position: absolute; top: 100%; width: 90%; z-index: 9999;}
.sf-menu li ul {z-index:999999;}
.sf-menu li				{float: none; margin: 0%;padding:0 ;position: relative;width: 100% !important; float:left; height:auto; border-bottom:1px solid #868181;}
.sf-menu 					{margin:0px; padding:0; position:absolute; top:100%;}
.sf-menu 					{display:none; z-index:999999; width:100%;}
.sf-menu li:hover ul{width:auto;}
ul.sf-menu li ul{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 0; position: static; width: 80%; box-shadow:none !important; margin:0 10%;}
.sf-menu li > ul > li{float: none; padding: 10px 0 !important; height:10px;  width: 100%;}
.sf-menu li > ul > li > a {color: #ffffff;  font-family:Arial, sans-serif;   font-size: 14px;  font-style: normal;  font-weight: 400; line-height: 18px; text-align:none; width:100%;
    line-height:0px;}
.sf-menu li > ul > li > a:hover
 { color: #ffffff;  font-family:Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;  line-height: 18px; text-align:none;  width:100%;  line-height:0px;}
.navigation ul > li > a:hover {color:#fff !important; background:#ff780d;} 
.navigation ul li.active {background:none; }
.navigation ul li.active > a {color: #ad0c19 !important;}
}




@media screen and (min-width: 600px) and (max-width: 767px) {
.wrapper {margin:0 auto;}
.container {width:100%; margin:0 auto;}	

.header {width:100%;}
.logo {display:none;}
.mlogo {display:block; width: 70%;}
.mlogo >.logo {width:46%; margin: 15px 4% 15px 2%; display:block;}
.righticon {display:none;}
.rmicon {display:block; width:9%;}
.rmicon > .righticon {width:100%; display:block;}
.rmicon > .righticon img {width:100%; height:auto;}

.navwrap			{width:100%; height:auto;}
.navigation {width:100%;  margin: 14px 0;}
.navigation ul {width:100%;}
.navigation ul li a {padding: 13px 5% 7px 35%; font-size:12px;}

.maincontent {width:100%;}
.firstpara {width:90%; padding:0 0 30px;  margin:30px 4% 30px 6%; }
.summary {width:90%; padding:0 0 30px;  margin:30px 4% 30px 6%; }

.footerwrapper {padding:25px 0;}
.footer {width:100%;}
.footer p {width:100%;}

/* navigation mobile */
.mob_menu									{display:block; background:) repeat; display: block; margin:0px; min-height: 18px; padding: 11px 15px; width: 24px; float:left;}
.mob_menu span								{color:#fff; font-size:18px; float:left; text-transform:uppercase;  font-family:Arial, sans-serif; font-style: normal; font-weight: 400;}
.mob_menu img								{float:right;cursor:pointer;}
.navigation 								{position:absolute; width:80%; margin:0px; top:100%;} 
.navigation ul								{display:none; background:#e5e5e5; list-style:none; border:1px solid #868181;}
.navigation ul li.last { border-bottom:none !important;}
.navigation ul li a						{border-right:none !important; text-align:left; width: 90%;  color:#ad0c19;   font-family:Arial, sans-serif;  color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px; padding:13px 5% !important;}
.navigation ul li a.first					{text-align:left; width: 100%; color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.navigation ul li a.last					{text-align:left; width: 100%; color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.sf-menu ul li a  { padding: 10px 5% !important; text-align: justify; width: 90%; float:left;   color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.sf-menu ul li.lastnav a  {font-size: 14px; line-height: 18px; padding: 10px 5% 10px 5% !important; text-align: justify; width: 90%; color:#ad0c19;  font-family:Arial, sans-serif;}
.sf-menu ul li a:hover {background:#ff780d; color: #fff; font-size: 14px;  font-family:Arial, sans-serif; line-height: 18px; padding: 10px 5% 10px 5%; text-align: justify;  width: 90%;}
.sf-menu ul li a.active{background:#fff; color: #ad0c19;  font-family:Arial, sans-serif;  font-size: 14px; line-height: 18px; padding: 10px 5% 10px 5%; text-align: justify; width: 90%;}
.sf-menu > ul{ display:block; min-height: 1px; position: absolute; top: 100%; width: 90%; z-index: 9999;}
.sf-menu li ul {z-index:999999;}
.sf-menu li				{float: none; margin: 0%;padding:0 ;position: relative;width: 100% !important; float:left; height:auto; border-bottom:1px solid #868181;}
.sf-menu 					{margin:0px; padding:0; position:absolute; top:100%;}
.sf-menu 					{display:none; z-index:999999; width:100%;}
.sf-menu li:hover ul{width:auto;}
ul.sf-menu li ul{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 0; position: static; width: 80%; box-shadow:none !important; margin:0 10%;}
.sf-menu li > ul > li{float: none; padding: 10px 0 !important; height:10px;  width: 100%;}
.sf-menu li > ul > li > a {color: #ffffff;  font-family:Arial, sans-serif;   font-size: 14px;  font-style: normal;  font-weight: 400; line-height: 18px; text-align:none; width:100%;
    line-height:0px;}
.sf-menu li > ul > li > a:hover
 { color: #ffffff;  font-family:Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;  line-height: 18px; text-align:none;  width:100%;  line-height:0px;}
.navigation ul > li > a:hover {color:#fff !important; background:#ff780d;} 
.navigation ul li.active {background:none; }
.navigation ul li.active > a {color: #ad0c19 !important;}

}

@media screen and (min-width: 480px) and (max-width: 599px) {
.wrapper {margin:0 auto;}
.container {width:100%; margin:0 auto;}	

.header {width:100%;}
.logo {display:none;}
.mlogo {display:block; width: 70%;}
.mlogo >.logo {width:54%; margin: 15px 4% 15px 2%; display:block;}
.righticon {display:none;}
.rmicon {display:block; width:10%;}
.rmicon > .righticon {width:100%; display:block;}
.rmicon > .righticon img {width:100%; height:auto;}

.navwrap			{width:100%; height:auto;}
.navigation {width:100%;  margin: 14px 0;}
.navigation ul {width:100%;}
.navigation ul li a {padding: 13px 5% 7px 35%; font-size:12px;}

.maincontent {width:100%;}
.firstpara {width:90%; padding:0 0 30px;  margin:30px 4% 30px 6%; }
.firstpara h3 {font-size:14px; line-height:16px;}
.firstpara p {font-size:13px; line-height:16px;}
.summary {width:90%; padding:0 0 30px;  margin:30px 4% 30px 6%; }
.summary h1 {font-size: 15px; line-height:18px;}
.summary p {font-size:13px; line-height:16px;}


.footerwrapper {padding:25px 0;}
.footer {width:100%;}
.footer p {width:100%; font-size:13px; line-height:16px;}

/* navigation mobile */
.mob_menu									{display:block; background:) repeat; display: block; margin:0px; min-height: 18px; padding: 11px 15px; width: 24px; float:left;}
.mob_menu span								{color:#fff; font-size:18px; float:left; text-transform:uppercase;  font-family:Arial, sans-serif; font-style: normal; font-weight: 400;}
.mob_menu img								{float:right;cursor:pointer;}
.navigation 								{position:absolute; width:80%; margin:0px; top:100%;} 
.navigation ul								{display:none; background:#e5e5e5; list-style:none; border:1px solid #868181;}
.navigation ul li.last { border-bottom:none !important;}
.navigation ul li a						{border-right:none !important; text-align:left; width: 90%;  color:#ad0c19;   font-family:Arial, sans-serif;  color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px; padding:13px 5% !important;}
.navigation ul li a.first					{text-align:left; width: 100%; color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.navigation ul li a.last					{text-align:left; width: 100%; color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.sf-menu ul li a  { padding: 10px 5% !important; text-align: justify; width: 90%; float:left;   color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.sf-menu ul li.lastnav a  {font-size: 14px; line-height: 18px; padding: 10px 5% 10px 5% !important; text-align: justify; width: 90%; color:#ad0c19;  font-family:Arial, sans-serif;}
.sf-menu ul li a:hover {background:#ff780d; color: #fff; font-size: 14px;  font-family:Arial, sans-serif; line-height: 18px; padding: 10px 5% 10px 5%; text-align: justify;  width: 90%;}
.sf-menu ul li a.active{background:#fff; color: #ad0c19;  font-family:Arial, sans-serif;  font-size: 14px; line-height: 18px; padding: 10px 5% 10px 5%; text-align: justify; width: 90%;}
.sf-menu > ul{ display:block; min-height: 1px; position: absolute; top: 100%; width: 90%; z-index: 9999;}
.sf-menu li ul {z-index:999999;}
.sf-menu li				{float: none; margin: 0%;padding:0 ;position: relative;width: 100% !important; float:left; height:auto; border-bottom:1px solid #868181;}
.sf-menu 					{margin:0px; padding:0; position:absolute; top:100%;}
.sf-menu 					{display:none; z-index:999999; width:100%;}
.sf-menu li:hover ul{width:auto;}
ul.sf-menu li ul{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 0; position: static; width: 80%; box-shadow:none !important; margin:0 10%;}
.sf-menu li > ul > li{float: none; padding: 10px 0 !important; height:10px;  width: 100%;}
.sf-menu li > ul > li > a {color: #ffffff;  font-family:Arial, sans-serif;   font-size: 14px;  font-style: normal;  font-weight: 400; line-height: 18px; text-align:none; width:100%;
    line-height:0px;}
.sf-menu li > ul > li > a:hover
 { color: #ffffff;  font-family:Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;  line-height: 18px; text-align:none;  width:100%;  line-height:0px;}
.navigation ul > li > a:hover {color:#fff !important; background:#ff780d;} 
.navigation ul li.active {background:none; }
.navigation ul li.active > a {color: #ad0c19 !important;}
 
	}
	
	

 @media only screen and (min-width: 320px) and (max-width: 479px) {
.wrapper {margin:0 auto;}
.container {width:100%; margin:0 auto;}	

.header {width:100%;}
.logo {display:none;}
.mlogo {display:block; width: 66%;}
.mlogo >.logo {width:80%; margin: 15px 4% 15px 2%; display:block;}
.righticon {display:none;}
.rmicon {display:block; width:15%;}
.rmicon > .righticon {width:100%; display:block;}
.rmicon > .righticon img {width:100%; height:auto;}

.navwrap			{width:100%; height:auto;}
.navigation {width:100%;  margin: 14px 0;}
.navigation ul {width:100%;}
.navigation ul li a {padding: 13px 5% 7px 35%; font-size:12px;}

.maincontent {width:100%;}
.firstpara {width:90%; padding:0 0 30px;  margin:30px 4% 30px 6%; }
.firstpara h3 {font-size:14px; line-height:16px;}
.firstpara p {font-size:13px; line-height:16px;}
.summary {width:90%; padding:0 0 30px;  margin:30px 4% 30px 6%; }
.summary h1 {font-size: 15px; line-height:18px;}
.summary p {font-size:13px; line-height:16px;}

.footerwrapper {padding:25px 0;}
.footer {width:100%;}
.footer p {width:100%; font-size:13px; line-height:16px;}

/* navigation mobile */
.mob_menu									{display:block; background:) repeat; display: block; margin:0px; min-height: 18px; padding: 11px 15px; width: 24px; float:left;}
.mob_menu span								{color:#fff; font-size:18px; float:left; text-transform:uppercase;  font-family:Arial, sans-serif; font-style: normal; font-weight: 400;}
.mob_menu img								{float:right;cursor:pointer;}
.navigation 								{position:absolute; width:80%; margin:0px; top:100%;} 
.navigation ul								{display:none; background:#e5e5e5; list-style:none; border:1px solid #868181;}
.navigation ul li.last { border-bottom:none !important;}
.navigation ul li a						{border-right:none !important; text-align:left; width: 90%;  color:#ad0c19;   font-family:Arial, sans-serif;  color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px; padding:12px 5% !important;}
.navigation ul li a.first					{text-align:left; width: 100%; color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.navigation ul li a.last					{text-align:left; width: 100%; color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.sf-menu ul li a  { padding: 10px 5% !important; text-align: justify; width: 90%; float:left;   color:#ad0c19; text-transform:uppercase; font-size:14px; line-height:18px;}
.sf-menu ul li.lastnav a  {font-size: 14px; line-height: 18px; padding: 10px 5% 10px 5% !important; text-align: justify; width: 90%; color:#ad0c19;  font-family:Arial, sans-serif;}
.sf-menu ul li a:hover {background:#ff780d; color: #fff; font-size: 14px;  font-family:Arial, sans-serif; line-height: 18px; padding: 10px 5% 10px 5%; text-align: justify;  width: 90%;}
.sf-menu ul li a.active{background:#fff; color: #ad0c19;  font-family:Arial, sans-serif;  font-size: 14px; line-height: 18px; padding: 10px 5% 10px 5%; text-align: justify; width: 90%;}
.sf-menu > ul{ display:block; min-height: 1px; position: absolute; top: 100%; width: 90%; z-index: 9999;}
.sf-menu li ul {z-index:999999;}
.sf-menu li				{float: none; margin: 0%;padding:0 ;position: relative;width: 100% !important; float:left; height:auto; border-bottom:1px solid #868181;}
.sf-menu 					{margin:0px; padding:0; position:absolute; top:100%;}
.sf-menu 					{display:none; z-index:999999; width:100%;}
.sf-menu li:hover ul{width:auto;}
ul.sf-menu li ul{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 0; position: static; width: 80%; box-shadow:none !important; margin:0 10%;}
.sf-menu li > ul > li{float: none; padding: 10px 0 !important; height:10px;  width: 100%;}
.sf-menu li > ul > li > a {color: #ffffff;  font-family:Arial, sans-serif;   font-size: 14px;  font-style: normal;  font-weight: 400; line-height: 18px; text-align:none; width:100%;
    line-height:0px;}
.sf-menu li > ul > li > a:hover
 { color: #ffffff;  font-family:Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;  line-height: 18px; text-align:none;  width:100%;  line-height:0px;}
.navigation ul > li > a:hover {color:#fff !important; background:#ff780d;} 
.navigation ul li.active {background:none; }
.navigation ul li.active > a {color: #ad0c19 !important;}




}