@media (max-width: 979px) {


}


/* Mobile ------------------------ */

@media (max-width: 320px) {


}

@media only screen and (max-width: 769px) {

.banner-button {
	position: absolute;
	z-index: 150 0000;
	  left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top: 50px;

}
.banner-button-global {
	top: 120px!important;

}

.desktop-ph {
	display: none;
}

.mobile-btn {
	background-color: #a5936a!important;
	border-color: #a5936a!important;
	margin-bottom: 20px!important;
	display: block;
	
	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
}

.mobile-btn:hover {
	background-color: #000!important;

}


/* Bootstrap ------------------------ */

.bs-docs-masthead .btn {
    font-size: 20px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    width: auto!important;
}
/* Navbar-------------------------------------------------- */



.navbar-collapse ul   {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.navbar .nav li a, .dropdown-menu li a {
	font-size: 18px!important;
	padding-top: 12px;
	padding-bottom: 12px;
}


	
	.dropdown-toggle {
		 border: none;
   border-style: none;
		}

.nav li a {
	border-bottom-width: 1px!important;
	border-bottom-style: solid;
	border-bottom-color: #ccc!important;
	/* Animate all properties across supporting browsers */
	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
}


.dropdown-menu li { 
   border: none;
   border-style: none;
  } 

.nav li:first-child {
	border-top-style: solid!important;
	border-top-width: 1px;
	border-top-color: #ccc;
  } 

.nav li:last-child a { 
   border-bottom: none;
   border-bottom-style: none;
  } 

	
.navbar .nav > li > a:hover {
    background-color: #000!important;
    color: #fff!important;
}

.dropdown-menu li:last-child a { 
 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
  } 
	
.dropdown-menu li a:hover {
    background-color: #9a7737!important;
    color: #fff!important;
}	

.dropdown-menu li a:link {
	padding-top: 12px!important;
	padding-bottom: 12px!important;
	
	
	/* Animate all properties across supporting browsers */
	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
	}
	


	
}





/* Tablets ------------------------ */

@media only screen and (min-width: 770px) and (max-width: 1199px) {
.banner-button {
	position: absolute;
	z-index: 150 0000;
	  left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top: 150px;

}

.mobile-ph {
	display: none;
}

/* Navbar-------------------------------------------------- */

ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
}

ul .dropdown-menu  {
	margin: 0px;
	padding: 0px;
}

.dropdown ul {
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px; /* for old Konqueror browsers */
	border-radius:  0px 0px 10px 10px; /* future proofing */
  } 


li .dropdown-menu a  {
	padding-top: 8px!important;
	padding-bottom: 8px!important;
}


.navbar .nav > li > a:hover {
    background-color: #000;
    color: #fff;
}

.dropdown ul li:hover > a {
  color: #fff;
  background-color: #666;
}

.dropdown li:last-child a {
 	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px; /* for old Konqueror browsers */
	border-radius:  0px 0px 10px 10px; /* future proofing */
}


a.navbar-collapse:hover, li:hover a.dropdown-toggle {
	background: #000!important;
	color: #fff!important;

}


ul.nav li.dropdown > ul.dropdown-menu {
opacity:0;
margin: 0;
visibility:hidden;
display:block;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}

ul.nav li.dropdown:hover > ul.dropdown-menu{
	visibility: visible;
	opacity: 1;
	display: block;
	background-color: #fff;
	border-top-style: none;
}

ul.dropdown-menu {
	margin-left: -1px !important;
}




}

/* Desktop ------------------------ */

@media (min-width: 1200px) {

.banner-button {
	position: absolute;
	z-index: 150 0000;
	  left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top: 150px;

}

.mobile-ph {
	display: none;
}

/* Navbar-------------------------------------------------- */

ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
}

ul .dropdown-menu  {
	margin: 0px;
	padding: 0px;
}

.dropdown ul {
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px; /* for old Konqueror browsers */
	border-radius:  0px 0px 10px 10px; /* future proofing */
  } 


li .dropdown-menu a  {
	padding-top: 12px!important;
	padding-bottom: 12px!important;
}


.navbar .nav > li > a:hover {
    background-color: #000;
    color: #fff;
}

.dropdown ul li:hover > a {
  color: #fff;
  background-color: #666;
}

.dropdown li:last-child a {
 	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px; /* for old Konqueror browsers */
	border-radius:  0px 0px 10px 10px; /* future proofing */
}


a.navbar-collapse:hover, li:hover a.dropdown-toggle {
	background: #000!important;
	color: #fff!important;

}


ul.nav li.dropdown > ul.dropdown-menu {
	opacity: 0;
	margin: 0;
	visibility: hidden;
	display: block;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

ul.nav li.dropdown:hover > ul.dropdown-menu{
	visibility: visible;
	opacity: 1;
	display: block;
	background-color: #fff;
	border-top-style: none;
}

ul.dropdown-menu {
	margin-left: -1px !important;
}

.navbar-nav li {
	background-image: url(../img/global/menu-line.png);
	background-repeat: no-repeat;
	background-position: right 12px;
 
}

}