@media (min-width: 1280px) {

	.navbar-default, .navbar-default .navbar-collapse, .navbar-default .navbar-form {
		background: none;
		border: none;
		border-radius: 0;
		min-height: initial;
		margin: 0;
		padding: 0;
		border-color: transparent;
	}

	.navbar-default .navbar-nav > li > a {
		color: #fff;
		line-height: normal;
		
	}
		 .navbar-nav {
    margin: 0 auto!important;
    display: table!important;
}
	.navbar-collapse {
		padding: 0;
	}

	#main-menu a, #main-menu a:hover, #main-menu a:focus, #main-menu a:active {
		/* make room for the toggle button (sub indicator) */
		color: #fff;
		font-weight: 100;
		text-decoration: none;background-color:transparent;
        
	}
		
	#main-menu > li { position: static; }
	#main-menu > li > a { font-size: 22px; padding-right: 0; padding-top: 13px; padding-bottom: 13px; padding-left: 20px; background: none; }
	#main-menu > li:first-child > a { padding-left: 0; } 
	#main-menu > li > a:after { content: '|'; padding-left: 20px; color: #fff; display: inline-block; }
	#main-menu > li:last-child > a { padding-right: 0; }
	#main-menu > li:last-child > a:after { display: none; }

	#main-menu a:hover, #main-menu a:focus, #main-menu a:active, #main-menu a.highlighted {
		/*text-decoration: underline;*/
	}


	#main-menu a.current {
		/*text-decoration: underline;*/
		background: none;
	}

	#main-menu a.disabled {
		color: #bbbbbb;
	}
	
	#main-menu > li > ul { 
		padding: 20px 0;
		width: 100%;
		/*max-width: 980px;*/
		
		background: rgba(255,255,255, .86);
		/*left: auto;*/
		/*display: block!important;*/ /* debug */
		z-index: 1010;
	}

	#main-menu > li > ul > li > a {
		font-size: 22px;
		color: #3a4f64;
		white-space:normal;
		overflow: hidden;
		line-height: normal;
		padding: 0;
        text-align:center;
		/* 	position: relative; */
	}
	
	#main-menu > li > ul > li > a:hover {  }

	#main-menu > li > ul > li > ul > li a {
		padding: 0;
		margin-bottom: 7px;
		font-size: 14px;
		color: #000;
		white-space:normal;
	}

	#main-menu > li > ul > li:first-child {
	
	}

	#main-menu > li > ul > li { padding: 0 15px;vertical-align: top;margin-bottom: 12px;width: 25%; }

    #main-menu > li > ul.six > li { width: 16.65%; }

	#main-menu > li > ul > li > ul > li > a { display: block; margin: 10px 0; }

	.collapsible ul {
		width: 100%;
		padding: 0;
	}

	.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
		background: none;
	}

	.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
		background: none;
		color: #fff;
		font-size: 14px;
	}

	#main-menu li ul li ul.dropdown-menu > .active > a:before {
		content: '>';
		margin-right: 5px;
	}
		
	#main-menu > li > ul li > ul {
		position: relative;
		display: block;
		background: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
		border-radius: 0;
	}
    li.images-menu, li.images-menu2 { width: 100%!important;    padding: 0!important;
    }
#main-menu > li > ul > li.images-menu > ul > li {
    width: 25%;
display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
}

#main-menu > li > ul > li.images-menu2 > ul > li {
    width: 16.65%;
display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
}

	.dropdown {
		display: inline-block;
	}

	.dropdown-menu { min-width: initial; }

	#main-menu ul a { color: #000; }

	#main-menu ul a:hover, #main-menu ul a:focus, #main-menu ul a:active, #main-menu ul a.highlighted {
		color: #1e1e1e; /*text-decoration: underline;*/
	}

	#main-menu ul a.current {
		color: #1e1e1e; /*text-decoration: underline;*/
	}

	#main-menu ul a.disabled {
		background: #fff;
		color: #cccccc;
	}


}


@media (max-width: 1489px) {
    #main-menu > li > a {  padding-left: 10px;}
    #main-menu > li > a:after { padding-left: 10px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#main-menu > li > ul { max-width: 640px; }
}

@media (min-width: 1200px) and (max-width: 1279px) {
	#main-menu > li > ul { max-width: 768px; }
#main-menu > li > ul > li > a{font-size:20px;}
}

@media (max-width: 1279px) { 
	.navbar-header { width: 100%; padding: 10px 0; }
    ul#main-menu .dropdown-menu { position: relative;  float:none; padding: 0;-webkit-box-shadow: none;   box-shadow: none; color:#1e1e1e;  border: 2px solid #027aaa;  border-radius: 0;}
}

@media (max-width: 1279px) {
    nav.navbar.navbar-default .container {padding:0 15px; }

    ul#main-menu .dropdown-menu > .active > a, ul#main-menu .dropdown-menu > .active > a:focus, ul#main-menu .dropdown-menu > .active > a:hover {color:#1e1e1e; }
	
	.dropdown-overlay { display: none!important; }
	
	.navbar { background: transparent; color: #fff; border-radius: 0; border: none; margin: 0; padding: 0;	min-height: initial; z-index: 1002;  height: 48px; width: 100%; font-weight: 100;}
	
	
	.navbar-brand { display: block; text-align: center; float: none; padding: 5px 0; }
	.navbar-brand > img { display: inline-block; }
	
	.navbar-toggle {
		float: left;
		margin:  0;
		display: block;
		padding: 0;
        border:0;
       
	}

	.navbar-title {
		font-size: 2em;
		padding-left: 0;
		color: #000;
		font-weight: 300;
		line-height: 40px;
		}

	.navbar-toggle .icon-bar {
	display: block;
    width: 35px;
    height: 3px;
    border-radius: 0px;
    background-color:#fff !important;
	}

	.navbar-collapse { border: none; margin: 0 -15px; padding: 0; }

	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
		color: #fff;
	}
		
	.navbar-default .navbar-nav > li > a { color: #1e1e1e;line-height: normal;border-bottom: 1px solid #acacac;	}

	.navbar-default .navbar-nav > li:last-child > a { border-bottom: none; }

	header > #BG3 > .container, header > #BG3 > .container > .row > div[class^="col"] { padding: 0; }

	#main-menu {
		-moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 9px rgba(0, 0, 0, 0.5);
		width: 100%;
        max-width:420px;
		margin: 0;
        background-color: #F8F8F8;
	}
	
	
	#main-menu a {
		padding: 10px 20px;    white-space: initial;
	}

	
	#main-menu a, #main-menu a:hover, #main-menu a:focus, #main-menu a:active {
		/* make room for the toggle button (sub indicator) */
		font-size: 18px;
		text-decoration: none;
	}

        #main-menu a:hover { border-bottom: 0;  color: #1e1e1e;  line-height: normal;   border-bottom: 0;    background-color: #027aaa; }



    /*#main-menu a, #main-menu a:hover, #main-menu a:focus, #main-menu a:active {
    font-size: 18px;
    text-decoration: none;
    line-height: normal;
    background-color: #007caa;
}*/
		
	#main-menu a.current {
		color: #fff;
		text-decoration: underline;
		background: #007caa;
	}

	#main-menu a.disabled {
		color: #bbbbbb;
	}

	
	#main-menu a span.sub-arrow {
		position: absolute;
		top: 50%;
		margin-top: -17px;
		left: auto;
		right: 0;
		width: 40px;
		height: 35px;
		overflow: hidden;
		font: normal 24px/34px monospace !important;
		text-align: center;
		text-shadow: none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		color: #1e1e1e;
	}

	#main-menu a span.sub-arrow:before {
		display: block;
		font-family: 'icomoon' !important;
		content: '\e904';
	}

	#main-menu a.highlighted span.sub-arrow:before {
		content: '\e90e';
		/*margin-top: -5px;
		font-size: 26px;
		line-height: 30px;*/
	}


	#main-menu >li {
    width: 100%;
	}

	#main-menu ul { }
	
	#main-menu li ul { display: none; }

	#main-menu ul ul {
		background: #e9eaea;
	}

	#main-menu ul li a {
	border-bottom: 1px solid #acacac;
    position: relative;
    width: 100%;
    display: block;
    background: #e2e2e2;font-weight: 100;
	}

	#main-menu > li > a:after { display: none; }

	#main-menu ul li ul li a {
		padding-left: 30px;
	}
	
}


@media (max-width: 640px){
	.navbar-brand > img { max-width: 55vw; }
}

@media (max-width: 600px){
	.navbar-toggle .icon-bar { width: 40px; }
	.navbar-toggle { margin: 0px 5px 0 0; }
	.navbar-title { font-size: 1.5em; padding: 10px 0; margin: 5px 5px 0 0; }
}

@media (max-width: 480px) { 


	.navbar-toggle { margin: 10px 5px 0 0; }
	.navbar-title {margin: 5px 5px 0 0; font-size: 20px; }
	.navbar-toggle .icon-bar { width: 30px; height: 3px; }

}

@media (min-width: 320px) and (max-width: 480px) { 

	.navbar-toggle { padding: 0; margin: 5px 5px 0 0; }
	.navbar-title { padding: 5px 0; margin: 0 5px 0 0; }

}

@media (max-width: 320px) { 

	.navbar-toggle { padding: 0; margin: 0 5px 0 0; }
	.navbar-title { padding: 0; margin: 0 5px 0 0; }

}