/* CSS Document */

#container {
	margin: 0 auto;
	max-width: 890px;
}
.top-wrap{z-index: 1000;}
.bottom-wrap{z-index: 100;}
.header{ background-color: rgba(0,70,119,0.9); z-index: 100;}
.social-wrap{width: 80px;text-align: center; position: relative; margin: 0 auto;}
.social-wrap img{display: inline;}


.navbar-sub-head-links{position: relative;width: auto; text-align: right;}
.drop > li{width: auto; float: none; position: relative;clear:left; background-color:#242424;opacity:1; text-align: left;}
.drop >li >a:hover{color:#fff;}

#logo-mobile{height:150px; max-width:150px;    position: relative; z-index: 1000;}

.drop-bottom > li{width: 200px; float: none; position: relative;clear:left; background-color:#242424;opacity:1; text-align: left;}
.drop-bottom >li >a:hover{color:#fff;}

.drop{	top: 55px;	margin-left: -20px;}
.drop-bottom{	top: 45px;	margin-left: -20px;}


.navbar-top-top-links{overflow: visible;}
.navbar-top-top-links li:hover>ul>li { text-align: left; padding: 5px 10px;}
.toggle,
[id^=drop] {
	display: none;
}
.top{z-index: 1000;}
/* Giving a background-color to the nav container. */
nav {
	padding: 0;
	z-index: 1000;
}
nav a {
color: #fff!important;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive"
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	nav > ul {
	  margin-top:10px;
	}*/
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	}

/* Styling the links
nav a {
	display:block;
	padding:14px 20px;
	font-size:17px;
	text-decoration:none;
}*/
.highlight{color: #80db7e!important; font-weight: bold;}
.navbar-top-links {margin: 5px 0 0 0;}
.nav-small > li > a{color: #fff; margin-top: 5px; text-align: left;}
.nav-small > li{padding: 3px 10px;    text-align: left;}
.nav-small li:last-child{padding-right:0px;}

nav ul li ul li:hover { background-color: #336b92; }

/* Background color change on Hover */
nav li:hover {
	background-color: #336b92;
}

nav #logo > a:hover {
	background-color: #fff;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute;
	/* has to be the same number as the "line-height" of "nav a" */

}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:block;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
	width:auto;
	float:none;
	display:block;
	position: relative;
}

/* Second, Third and more Tiers
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */
	left:170px;
}


/* Change ' +' in order to change the Dropdown symbol
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }
*/

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 15px 0 0 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle2 {
		display: block;
		border:none;
		width: 50px;
		position: fixed;
		top: 0px;
		right: 0px;
	}
	.toggle {
		display: block;
		background-color: #254441;
		padding:14px 20px;
		color:#FFF;
		font-size:17px;
		text-decoration:none;

	}

	.toggle:hover {
		/*background-color: #ccc;*/
	}
  ul.navi_toggle-index{
		background-color: #fff;
  /*border-radius: 100%;*/
	}
	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		width: 100%;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {

	}

	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;
		color:#FFF;
		font-size:17px;
	}


	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121;
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}

	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}

	/* Fisrt Tier Dropdown */
	nav ul ul li {
		/*display: block;*/
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}

ul.toggle {
    display: inline-block;
    float: right;
    font-size: 0;
    margin-top: 10px;
	margin-right:6px;
    padding: 5px;
    transform: rotate3d(0, 0, 1, 0deg);
    transition: transform 0.25s ease 0s;
}
ul.toggle > li {
    display: block;
}
ul.toggle > li > svg {
    margin-top: 3px;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.25s ease 0s;
}
ul.toggle > li:first-child > svg {
    margin: 0;
    padding: 0;
}
.open.mobile-button {
    background: #3d3e40 none repeat scroll 0 0;
}


ul.toggle.active {
    transform: rotate3d(0, 0, 1, 45deg);
		border-radius: 100%;
		padding-bottom: 30px;
}
ul.toggle.active > li > svg {
}
ul.toggle.active > li > svg.top {
    transform: translate3d(0px, 8px, 0px);
}
ul.toggle.active > li > svg.bot {
    transform: translate3d(0px, -10px, 0px);
		display: none;
}
ul.toggle.active > li > svg.mid {
    transform: rotate3d(0, 0, 1, 90deg);

}

toggle.navi_toggle {
    display: block;

}


ul.toggle > li:first-child > svg {
    margin: 0;
    padding: 0;
}




.nav.header-cta > li:first-child {
    margin-right: 0;
}

.toggle.navi_toggle {
    /*display: block;*/
				filter: drop-shadow(1px 1px 2px #444);
}
.toggle.navi_toggle-index {
    display: block;
}
.toggle.navi_toggle.active {
    right: 20px;
		z-index: 1000;
}
.toggle.navi_toggle-index.active {
    right: 80%;
	background-color:#fff;
	border-radius: 100%;
	padding: 13px 9px;
}
.toggle.navi_toggle-index.active > li{
    right: 80%;
	background-color:#fff;
	border:none;

}
/*
nav.navbar {
    background: rgba(32, 32, 32, 0.9) none repeat scroll 0 0;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
    height: 100%;
    left: auto;
    overflow-y: auto;
    position: fixed;
    right: -80%;
    transition: right 0.3s ease 0s;
    width: 80%;
    z-index: 999;
}
*/
nav.navbar.active {
    right: 0;
}
.navbar-top-links {
    height: auto;
    text-align: center;
}
nav.navbar .navbar-top-links a, nav.navbar .navbar-top-links li {
    /*display: block;
    float: none;*/
}

.bar{
			position: relative;
	    width: 100%;
			height: 10px;
			background-color: red;
		}

		.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}

.cross{
  background:none;
  position:absolute;
  top:0px;
  right:0;
  padding:7px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
#logo a{
	width:auto;
	display: inline;
}
.mobile-header{width:100%; height: 150px; background-color:transparent;}
.mobile-header img{padding: 10px; width: auto; height: 100%;}
.wrapper-nav{width:100%; max-width:1400px;position:relative; 	margin:0 auto; height:100%;}
.color-bar{
	position: absolute;
	top: 0px;
	height: 100px;
	width: 100%;
	background-color: #195884;
	z-index: 0;
}
.alert{
   background-color: red;
	 color:#fff;
	 padding:20px 40px;
	 z-index: 10000;
   height: auto;
   margin-bottom: 0px;
	 float: left;
	 width: 100%;
	 margin: 0 auto;

}
.sub-nav-home > .wrapper{max-width: 1350px;}
.sub-nav-home{position: relative;z-index: 1;}

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



    /* ======================================================================== */
    /* =========================   XXX Largest    ========================== */
    /* ======================================================================== */
    @media  (min-width : 1601px){
					.container-fluid.nobg {	padding-top:0px;	}
					.sub-nav-home{height: auto; width: 100%; clear: both; background-color: #242424; opacity: .9;position: relative;z-index: 1;}
					.logo-responsive{	position:absolute;	left:10px;	top:10px;	z-index:100; display:block;}
					.header-top{	/*margin-top:75px;*/}
					.header-bottom, .header-info-wrap{ display:block;}
					.logo-responsive-small{display:none;}

					.navbar{max-height:140px; margin-top:0px;}
					.nav li{max-width:100%;}
					.navbar-top-links > li{ padding: 10px 20px; font-size: 16px;}
					.navbar-top-top-links > li{ padding: 10px 20px; font-size: 14px;}
					.navbar-top-top-links{ margin:5px 0;}

					.navbar-mid-links > li{padding: 10px 10px;}
					.navbar-mid-links > li > a{font-size: 1.0em; color: #fff;}
					.navbar-sub-head-links > li{padding: 5px 5px;}
					.navbar-sub-head-links > li > a{    font-size: 1.1em; color: #fff;}

					.navbar-sub-head-links > li:last-child{ margin-right:32px;}

					.header-info{ position:relative; float:right; text-align:center;}
					.header{ position:relative; min-height:125px;	}
					.menu-wrap{ text-align:right;float:right;}
					#logo{ width:18%; max-width:180px;position:relative; margin:30px 0 30px 30px; float:left; outline: none; display:block;}
					#logo img{ width: 100%;}
					.mobile-header{ display:none;}

					/*-------------------------FOOTER--------------------------------*/
					.foot ul > li {display: inline-flex;}
					.nav-foot > li > a { padding: 25px 5px 0px 5px; text-decoration:none;}
					.foot a{ display:inline-block; color:#FFF;}
					.foot{ font-size:14px; overflow:hidden;}
					.foot-center{  padding-left:0px!important; padding-right:0px!important; text-align:center;  display:block;}
					.copyright{ font-size:12px; color:#6d6d6d; text-decoration:none; line-height:1.5em; margin-top:10px;}
					.copyright a{ font-size:12px; color:#6d6d6d; text-decoration:none;}
					.foot ul{margin:0px; padding:0px;}
					.foot ul > li {color:#666; margin:0 10px 0 0 ;}
					.foot ul > li > a{ color:#fff; font-size:1.0em;}
					.foot h3 { margin-top:0px;}
					.nav-foot > li:last-child{ margin-right:0px;}
					.nav-content{margin: 0 0 0 60px;}
					.top-wrap{max-width: 1200px;}
					.mobile-nav{display: none!important;}
					.desk-nav{display: block!important;}
					.navbar-mid-links{position: relative;width: auto; text-align: right;}
					.mobile-header{ display:none;}


          .app-link{width:auto;max-width: 35px; margin-right: 5px; margin-top: 8px;}
					.sub-nav-home > .wrapper{max-width: 1350px;}
					.sub-nav-home{position: absolute;z-index: 1;}
					.app-store{position: absolute; top:70px;width:100%; z-index: 10000;}
					.app-wrap {position: relative; display: block; margin: 0 auto; width: 1350px;overflow:hidden;}
					.app-wrap a{position: relative; display: inline-block; float: right;}
					.app-wrap span{position: relative; display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 16px; font-weight: bold;}
    }

    /* ======================================================================== */
    /* =========================   Largest    ========================== */
    /* ======================================================================== */
    @media  (min-width : 1201px) and (max-width : 1600px) {
				.container-fluid.nobg {	padding-top:0px;	}
				.sub-nav-home{height: auto; width: 100%; clear: both; background-color: #242424; opacity: .9;position: relative;z-index: 1;}
				.logo-responsive{	position:absolute;	left:10px;	top:10px;	z-index:100; display:block;}
				.header-top{	/*margin-top:75px;*/}
				.header-bottom, .header-info-wrap{ display:block;}
				.logo-responsive-small{display:none;}

				.navbar{max-height:140px; margin-top:0px;}
				.nav li{max-width:100%;}
				.navbar-top-links > li{ padding: 10px 20px; font-size: 16px;}

				.navbar-top-top-links{ margin:5px 0;}

				.navbar-mid-links > li{padding: 10px 10px;}
				.navbar-mid-links > li > a{font-size: .95em; color: #fff;}
				.navbar-sub-head-links > li{padding: 5px 5px;}
				.navbar-sub-head-links > li > a{    font-size: .9em; color: #fff;}

				.navbar-sub-head-links > li:last-child{ margin-right:32px;}
        .navbar-mid-links > li:last-child{ margin-right:24px;}
				.header-info{ position:relative; float:right; text-align:center;}
				.header{ position:relative; min-height:125px;	}
				.menu-wrap{ text-align:right;float:right;}
				#logo{ width:18%; max-width:180px;position:relative; margin:30px 0 30px 30px; float:left; outline: none; display:block;}
				#logo img{ width: 100%;}
				.mobile-header{ display:none;}

				/*-------------------------FOOTER--------------------------------*/
				.foot ul > li {display: inline-flex;}
				.nav-foot > li > a { padding: 25px 5px 0px 5px; text-decoration:none;}
				.foot a{ display:inline-block; color:#FFF;}
				.foot{ font-size:14px; overflow:hidden;}
				.foot-center{  padding-left:0px!important; padding-right:0px!important; text-align:center;  display:block;}
				.copyright{ font-size:12px; color:#6d6d6d; text-decoration:none; line-height:1.5em; margin-top:10px;}
				.copyright a{ font-size:12px; color:#6d6d6d; text-decoration:none;}
				.foot ul{margin:0px; padding:0px;}
				.foot ul > li {color:#666; margin:0 10px 0 0 ;}
				.foot ul > li > a{ color:#fff; font-size:1.0em;}
				.foot h3 { margin-top:0px;}
				.nav-foot > li:last-child{ margin-right:0px;}
				.nav-content{margin: 0 0 0 60px;}

				.top-wrap{max-width: 970px;}
				.navbar-top-top-links > li{ padding: 10px 14px; font-size: 14px;}
				.mobile-nav{display: none!important;}
				.desk-nav{display: block!important;}
				.navbar-mid-links{position: relative;width: auto; text-align: right;}
				.mobile-header{ display:none;}

        .app-link{width:auto;max-width: 35px; margin-right: 5px; margin-top: 8px;}
				.sub-nav-home > .wrapper{max-width: 1350px;}
				.sub-nav-home{position: absolute;z-index: 1;}
				.app-store{position: absolute; top:70px;width:100%; z-index: 10000;}
				.app-wrap {position: relative; display: block; margin: 0 auto; width: 1300px;overflow:hidden; max-width: 100%; padding-right: 20px;}
				.app-wrap a{position: relative; display: inline-block; float: right;}
				.app-wrap span{position: relative; display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 16px; font-weight: bold;}


    }

    /* ======================================================================== */
    /* ========================= Second Largest    =========================== */
    /* ======================================================================== */

    @media (min-width : 993px) and (max-width : 1200px) {
				.container-fluid.nobg {	padding-top:0px;	}
				.sub-nav-home{height: auto; width: 100%; clear: both; background-color: #242424; opacity: .9;position: relative;z-index: 1;}
				/*----------------------------HEADER-----------------------------------------------*/
				.logo-responsive{	position:absolute;	left:10px;	top:10px;	z-index:100;display:block;}
				.header-top{	/*margin-top:75px;*/}
				.header-bottom, .header-info-wrap{ display:block;}
				.logo-responsive-small{display:none;}

				.navbar{max-height:140px; margin-top:0px;}
				.nav li{max-width:100%;}
				.navbar-top-links li{ padding: 10px 15px; font-size: 15px;}
				.navbar-top-top-links{ margin:5px 0;}

				.navbar-mid-links > li{padding: 10px 5px;}
				.navbar-mid-links > li > a{font-size: 1.0em; color: #fff;}
				.navbar-sub-head-links > li{padding: 10px 5px;}
				.navbar-sub-head-links > li > a{    font-size: .7em; color: #fff;}

				.navbar-sub-head-links > li:last-child{ margin-right:32px;}
        .navbar-mid-links > li:last-child{ margin-right:34px;}
				.header-info{ position:relative; float:right; text-align:center;}
				.header{ position:relative; min-height:125px;	}
				.menu-wrap{ text-align:right;float:right;}

				#logo{ width:18%; max-width:180px;position:relative; margin:30px 0 30px 30px; float:left; outline: none; display:block;}
				#logo img{ width: 100%;}
				.mobile-header{ display:none;}


					/*-------------------------FOOTER--------------------------------*/
					.foot ul > li {display: inline-flex;}
					.nav-foot > li > a { padding: 25px 5px 0px 5px; text-decoration:none;}
					.foot a{ display:inline-block; color:#FFF;}
					.foot{ font-size:14px; overflow:hidden;}
					.foot-center{  padding-left:0px!important; padding-right:0px!important; text-align:center;  display:block;}
					.copyright{ font-size:12px; color:#6d6d6d; text-decoration:none; line-height:1.5em; margin-top:10px;}
					.copyright a{ font-size:12px; color:#6d6d6d; text-decoration:none;}
					.foot ul{margin:0px; padding:0px;}
					.foot ul > li {color:#666; margin:0 10px 0 0 ;}
					.foot ul > li > a{ color:#fff; font-size:1.0em;}
					.foot h3 { margin-top:0px;}
					.nav-foot > li:last-child{ margin-right:0px;}


				.nav-content{margin: 0 0 0 0 ;}

				.top-wrap{max-width: 750px;}
				.navbar-top-top-links > li{ padding: 10px 12px; font-size: 12px;}
				.nav-small li:last-child {padding-right: 0px;}

				.mobile-nav{display: none!important;}
				.desk-nav{display: block!important;}
				.navbar-mid-links{position: relative;width: auto; text-align: center;}
				.mobile-header{ display:none;}

        .app-link{width:auto;max-width: 35px; margin-right: 5px; margin-top: 8px;}
				.sub-nav-home > .wrapper{max-width: 1350px;}
				.sub-nav-home{position: absolute;z-index: 1;}
				.app-store{position: absolute; top:70px;width:100%; z-index: 10000;}
				.app-wrap {position: relative; display: block; margin: 0 auto; width: 1300px;overflow:hidden; max-width: 100%; padding-right: 30px;}
				.app-wrap a{position: relative; display: inline-block; float: right;}
				.app-wrap span{position: relative; display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 16px; font-weight: bold;}

    }

    /* ======================================================================== */
    /* =========================   Second  Smallest  ========================== */
    /* ======================================================================== */
    @media (min-width : 769px) and (max-width : 992px) {
			.container-fluid.nobg {	padding-top:20px;	}
			.sub-nav-home{height: auto; overflow: hidden;width: 100%; clear: both; background-color: #fff; opacity: 1;display: contents;}
			.logo-responsive{	position:absolute;	left:10px;	top:10px;	z-index:100; display:none;}
			.header-top{	/*margin-top:0px;*/}
			.header-bottom, .header-info-wrap{ display:none;}
			.logo-responsive-small{display:block; text-align:center; position:relative; padding:65px 0 8px 0;}
			.logo-responsive-small img{ position:relative; margin:0px auto;}

			.nav li{max-width:100%;}
			.navbar{margin-top:0px;}
			.navbar-top-top-links a > li{padding: 10px 20px; font-size: 16px;}
      .navbar-mid-links > li:last-child{ margin-right:0px;}
			.navbar-mid-links > li{padding: 5px 5px;}
			.navbar-mid-links > li > a{font-size: .8em; color: #fff;}
			.navbar-sub-head-links > li{padding: 10px 5px;}
			.navbar-sub-head-links > li > a{font-size: .8em; color: #fff;}

			.header-info{ position:relative; float:none; text-align:center;}
			.header{ position:relative; min-height:auto;	}
			.menu-wrap{ text-align:center; width:100%;float:none;}
			#logo {margin: 20px auto 0 auto; position: relative;width:50%; max-width:180px; outline: none; display:none;}
			#logo img{ position:relative; margin:0 auto; outline: none;}

			.mobile-header{ display:block;}

			.foot ul > li {display: inline-flex;}
			.nav-foot > li > a { padding: 25px 3px 0px 3px; text-decoration:none;}
			.foot a{ display:inline-block; color:#FFF;}
			.foot{ font-size:14px; overflow:hidden;}
			.foot-center{  padding-left:0px!important; padding-right:0px!important; text-align:center;  display:block;}
			.copyright{ font-size:12px; color:#6d6d6d; text-decoration:none; line-height:1.5em; margin-top:10px;}
			.copyright a{ font-size:12px; color:#6d6d6d; text-decoration:none;}
			.foot ul{margin:0px; padding:0px;}
			.foot ul > li {color:#666; margin:0 10px 0 0 ;}
			.foot ul > li > a{ color:#fff; font-size:0.9em;}
			.foot h3 { margin-top:0px;}
			.nav-foot > li:last-child{ margin-right:0px;}
			.toggle.navi_toggle {
					display: block;
			}
			.toggle.navi_toggle-index {
					display: block;
			}
			.top-wrap{}
			.mobi {
			    display: block !important;
			}
			.full {
			    display: none !important;
			}

			nav.navbar {
			    background: rgba(32, 32, 32, 0.9) none repeat scroll 0 0;
			    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
			    height: 100%;
			    left: auto;
			    overflow-y: auto;
			    position: fixed;
			    right: -70%;
			    transition: right 0.3s ease 0s;
			    width: 60%;
			    z-index: 999;
			}
			nav.navbar.active {
			    right: 0;
			}
			.toggle.navi_toggle-index.active {
			    right: 80%;
				background-color:#fff;
				border-radius: 100%;
				padding: 13px 9px;
			}
			.toggle.navi_toggle-index.active > li{
			    right: 80%;
				background-color:#fff;
				border:none;

			}
			.nav > li {
			    width: 100%;
			}
			.navbar-top-links {
			    height: auto;
			    text-align: center;
			}
			.header-top .navbar-top-links li {
			    display: block;
			}
			.header-bottom {
			    box-shadow: none;
			}
			.header-bottom .navbar-left img {
			    margin: 0 auto;
			}
			.header-bottom .navbar-right {
			    margin: 0;
			}
			.header-bottom .container-fluid {
			    padding: 0;
			}
			.dropdown-menu {
			    background: #fff none repeat scroll 0 0;
			    border: medium none;
			    box-shadow: none;
			    display: none;
			    left: auto;
			    margin: 0;
			    max-height: 0;
			    overflow: hidden;
			    padding: 0;
			    position: relative;
			    right: auto !important;
			    text-align: center;
			    transition: max-height 0.3s ease 0s;
			    width: 100%;
			}
			li.open .dropdown-menu {
			    max-height: 1500px;
			}
			.dropdown-menu div, .dropdown-menu ul {
			    margin: 0;
			    padding: 0;
			}
			.dropdown-menu ul > li {
			    display: block;
			}
			.dropdown-menu ul > li > a {
			    padding: 10px 20px;
			}
			.cont [class^="col_0"] {
			    margin-left: 0;
			    width: 100%;
			}
			.cont [class^="col_0"] {
			    margin-left: 0;
			    width: 100%;
			}
				/* Change menu item's width to 100% */
		nav ul li {
			display: block;
			width: 100%;
			}
				/* Hide menus on hover */
				nav ul ul li:hover > ul,
				nav ul li:hover > ul {
					display: none;
				}
				.mobile-nav{display: block!important;}
				.desk-nav{display: none!important;}
				.navbar-sub-head-links{display: none;}

        .app-link{width:auto;max-width: 35px; margin-left: 5px; margin-top: 3px; margin-bottom: 5px;}
				.sub-nav-home > .wrapper{max-width: 1350px;}
				.sub-nav-home{position: absolute;z-index: 1;}
				.app-store{position: absolute; top:70px;width:100%; z-index: 10000; display: none!important;}
				.app-wrap {position: relative; display: block; margin: 0 auto; width: 1300px;overflow:hidden; max-width: 100%; padding-right: 30px;}
				.app-wrap a{position: relative; display: inline-block; float: right;}
				.app-wrap span{position: relative; display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 16px; font-weight: bold;}

			 .app-title{margin-top: 15px;}


    }

    /* ======================================================================== */
    /* =========================        Smallest    =========================== */
    /* ======================================================================== */
    @media (min-width : 421px) and (max-width : 768px) {
					.container-fluid.nobg {	padding-top:20px;	}
					.sub-nav-home{height: auto; overflow: hidden;width: 100%; clear: both; background-color: #fff; opacity: 1; display: contents;}
					.logo-responsive{	position:absolute;	left:10px;	top:10px;	z-index:100; display:none;}
					.header-top{	/*margin-top:0px;*/}
					.header-bottom, .header-info-wrap{ display:none;}
					.logo-responsive-small{display:block; text-align:center; position:relative; padding:65px 0 8px 0;}
					.logo-responsive-small img{ position:relative; margin:0px auto;}

					.nav li{max-width:100%;}
					.navbar{margin-top:0px;}
					.navbar-top-top-links a > li{padding: 10px 20px; font-size: 16px;}

					.navbar-mid-links > li{padding: 5px 5px;}
					.navbar-mid-links > li > a{font-size: .8em; color: #fff;}
					.navbar-sub-head-links > li{padding: 10px 5px;}
					.navbar-sub-head-links > li > a{font-size: .8em; color: #fff;}

					.header-info{ position:relative; float:none; text-align:center;}
					.header{ position:relative; min-height:auto;	}
					.menu-wrap{ text-align:center; width:100%;float:none;}
					#logo {margin: 20px auto 0 auto; position: relative;width:50%; max-width:180px; outline: none; display:none;}
					#logo img{ position:relative; margin:0 auto; outline: none;}

					.mobile-header{ display:block;}

					.foot ul > li {display: inline-flex;}
					.nav-foot > li > a { padding: 25px 3px 0px 3px; text-decoration:none;}
					.foot a{ display:inline-block; color:#FFF;}
					.foot{ font-size:14px; overflow:hidden;}
					.foot-center{  padding-left:0px!important; padding-right:0px!important; text-align:center;  display:block;}
					.copyright{ font-size:12px; color:#6d6d6d; text-decoration:none; line-height:1.5em; margin-top:10px;}
					.copyright a{ font-size:12px; color:#6d6d6d; text-decoration:none;}
					.foot ul{margin:0px; padding:0px;}
					.foot ul > li {color:#666; margin:0 10px 0 0 ;}
					.foot ul > li > a{ color:#fff; font-size:0.9em;}
					.foot h3 { margin-top:0px;}
					.nav-foot > li:last-child{ margin-right:0px;}
					.toggle.navi_toggle {
					    display: block;
					}
					.toggle.navi_toggle-index {
					    display: block;
					}
					.mobi {
					    display: block !important;
					}
					.full {
					    display: none !important;
					}

					nav.navbar {
					    background: rgba(32, 32, 32, 0.9) none repeat scroll 0 0;
					    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
					    height: 100%;
					    left: auto;
					    overflow-y: auto;
					    position: fixed;
					    right: -70%;
					    transition: right 0.3s ease 0s;
					    width: 60%;
					    z-index: 999;
					}
					nav.navbar.active {
					    right: 0;
					}
					.toggle.navi_toggle-index.active {
					    right: 80%;
						background-color:#fff;
						border-radius: 100%;
						padding: 13px 9px;
					}
					.toggle.navi_toggle-index.active > li{
					    right: 80%;
						background-color:#fff;
						border:none;

					}
					.nav > li {
					    width: 100%;
					}
					.navbar-top-links {
					    height: auto;
					    text-align: center;
					}
					.header-top .navbar-top-links li {
					    display: block;
					}
					.header-bottom {
					    box-shadow: none;
					}
					.header-bottom .navbar-left img {
					    margin: 0 auto;
					}
					.header-bottom .navbar-right {
					    margin: 0;
					}
					.header-bottom .container-fluid {
					    padding: 0;
					}
					.dropdown-menu {
					    background: #fff none repeat scroll 0 0;
					    border: medium none;
					    box-shadow: none;
					    display: none;
					    left: auto;
					    margin: 0;
					    max-height: 0;
					    overflow: hidden;
					    padding: 0;
					    position: relative;
					    right: auto !important;
					    text-align: center;
					    transition: max-height 0.3s ease 0s;
					    width: 100%;
					}
					li.open .dropdown-menu {
					    max-height: 1500px;
					}
					.dropdown-menu div, .dropdown-menu ul {
					    margin: 0;
					    padding: 0;
					}
					.dropdown-menu ul > li {
					    display: block;
					}
					.dropdown-menu ul > li > a {
					    padding: 10px 20px;
					}
					.cont [class^="col_0"] {
					    margin-left: 0;
					    width: 100%;
					}
					.cont [class^="col_0"] {
					    margin-left: 0;
					    width: 100%;
					}

          .mobile-nav{display: block!important;}
					.desk-nav{display: none!important;}

            .app-link{width:auto;max-width: 35px; margin-right: 5px; margin-top: 8px;}
						.sub-nav-home > .wrapper{max-width: 1350px;}
						.sub-nav-home{position: absolute;z-index: 1;}
						.app-store{position: absolute; top:70px;width:100%; z-index: 10000; display: none!important;}
						.app-wrap {position: relative; display: block; margin: 0 auto; width: 1300px;overflow:hidden; max-width: 100%; padding-right: 30px;}
						.app-wrap a{position: relative; display: inline-block; float: right;}
						.app-wrap span{position: relative; display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 16px; font-weight: bold;}
    }

    /* ======================================================================== */
    /* =========================  XXx   Smallest    =========================== */
    /* ======================================================================== */
    @media (max-width : 420px) {
					.container-fluid.nobg {	padding-top:20px;	}
					.sub-nav-home{height: auto; overflow: hidden;width: 100%; clear: both; background-color: #fff; opacity: 1; display: contents;}
					.logo-responsive{	position:absolute;	left:10px;	top:10px;	z-index:100; display:none;}
					.header-top{	/*margin-top:0px;*/}
					.header-bottom, .header-info-wrap{ display:none;}
					.logo-responsive-small{display:block; text-align:center; position:relative; padding:65px 0 8px 0;}
					.logo-responsive-small img{ position:relative; margin:0px auto;}

					.nav li{max-width:100%;}
					.navbar{margin-top:0px;}
					.navbar-top-top-links a > li{padding: 10px 20px; font-size: 16px;}

					.navbar-mid-links > li{padding: 5px 5px;}
					.navbar-mid-links > li > a{font-size: .8em; color: #fff;}
					.navbar-sub-head-links > li{padding: 10px 5px;}
					.navbar-sub-head-links > li > a{font-size: .8em; color: #fff;}

					.header-info{ position:relative; float:none; text-align:center;}
					.header{ position:relative; min-height:auto;	}
					.menu-wrap{ text-align:center; width:100%;float:none;}
					#logo {margin: 20px auto 0 auto; position: relative;width:50%; max-width:180px; outline: none; display:none;}
					#logo img{ position:relative; margin:0 auto; outline: none;}

					.mobile-header{ display:block;}

					.foot ul > li {display: inline-flex;}
					.nav-foot > li > a { padding: 25px 3px 0px 3px; text-decoration:none;}
					.foot a{ display:inline-block; color:#FFF;}
					.foot{ font-size:14px; overflow:hidden;}
					.foot-center{  padding-left:0px!important; padding-right:0px!important; text-align:center;  display:block;}
					.copyright{ font-size:12px; color:#6d6d6d; text-decoration:none; line-height:1.5em; margin-top:10px;}
					.copyright a{ font-size:12px; color:#6d6d6d; text-decoration:none;}
					.foot ul{margin:0px; padding:0px;}
					.foot ul > li {color:#666; margin:0 10px 0 0 ;}
					.foot ul > li > a{ color:#fff; font-size:0.9em;}
					.foot h3 { margin-top:0px;}
					.nav-foot > li:last-child{ margin-right:0px;}
					.toggle.navi_toggle {
					    display: block;
					}
					.toggle.navi_toggle-index {
					    display: block;
					}
					.top-wrap{}
					.mobi {
					    display: block !important;
					}
					.full {
					    display: none !important;
					}

					nav.navbar {
					    background: rgba(32, 32, 32, 0.9) none repeat scroll 0 0;
					    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
					    height: 100%;
					    left: auto;
					    overflow-y: auto;
					    position: fixed;
					    right: -70%;
					    transition: right 0.3s ease 0s;
					    width: 60%;
					    z-index: 999;
					}
					nav.navbar.active {
					    right: 0;
					}
					.toggle.navi_toggle-index.active {
					    right: 80%;
						background-color:#fff;
						border-radius: 100%;
						padding: 13px 9px;
					}
					.toggle.navi_toggle-index.active > li{
					    right: 80%;
						background-color:#fff;
						border:none;

					}
					.nav > li {
					    width: 100%;
					}
					.navbar-top-links {
					    height: auto;
					    text-align: center;
					}
					.header-top .navbar-top-links li {
					    display: block;
					}
					.header-bottom {
					    box-shadow: none;
					}
					.header-bottom .navbar-left img {
					    margin: 0 auto;
					}
					.header-bottom .navbar-right {
					    margin: 0;
					}
					.header-bottom .container-fluid {
					    padding: 0;
					}
					.dropdown-menu {
					    background: #fff none repeat scroll 0 0;
					    border: medium none;
					    box-shadow: none;
					    display: none;
					    left: auto;
					    margin: 0;
					    max-height: 0;
					    overflow: hidden;
					    padding: 0;
					    position: relative;
					    right: auto !important;
					    text-align: center;
					    transition: max-height 0.3s ease 0s;
					    width: 100%;
					}
					li.open .dropdown-menu {
					    max-height: 1500px;
					}
					.dropdown-menu div, .dropdown-menu ul {
					    margin: 0;
					    padding: 0;
					}
					.dropdown-menu ul > li {
					    display: block;
					}
					.dropdown-menu ul > li > a {
					    padding: 10px 20px;
					}
					.cont [class^="col_0"] {
					    margin-left: 0;
					    width: 100%;
					}
					.cont [class^="col_0"] {
					    margin-left: 0;
					    width: 100%;
					}
					.mobile-nav{display: block!important;}
					.desk-nav{display: none!important;}

            .app-link{width:auto;max-width: 35px; margin-right: 5px; margin-top: 8px;}
					 .mobile-nav{display: block!important;}
 					.desk-nav{display: none!important;}
					.sub-nav-home > .wrapper{max-width: 1350px;}
					.sub-nav-home{position: absolute;z-index: 1;}
					.app-store{position: absolute; top:70px;width:100%; z-index: 10000; display: none!important;}
					.app-wrap {position: relative; display: block; margin: 0 auto; width: 1300px;overflow:hidden; max-width: 100%; padding-right: 30px;}
					.app-wrap a{position: relative; display: inline-block; float: right;}
					.app-wrap span{position: relative; display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 16px; font-weight: bold;}
    }