/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}



/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.menubtn {
		position: relative;
		text-transform: uppercase;
		border:none;
		background:none;
		border-top:solid 1px#021844;;
		border-bottom:solid 1px#021844;
		display:inline-block;
		position:relative;
		text-decoration:none;
		color:#021844;
		margin-right:15px;
	}
	.menubtn:before, .menubtn:after {
		border-left:1px solid#021844;
		position:absolute;
		height:16px;
		content:"";
	}
	.menubtn:before {
		left: 0;
		top: 0;
	}
	.menubtn:after {
		right:0;
		bottom: 0;
	}
	.menubtn:hover:before, .menubtn:hover:after {
		height:100%;
	}
	.menubtn:hover {
		background:#021844 !important;
		color:#fff !important;
	}
	.menubtn:hover a{
		color:#fff !important;
	}
	.menubtn .dropdown-toggle:before, .menubtn .dropdown-toggle:after{
		display:none !important;
	}
	
	.menubtn-log{
		padding:0 !important;
	}
	.menubtn-log img{
		border-radius:100%;
		padding-right:5px;
	}
	.menubtn-log .dropdown-toggle:before, .menubtn-log .dropdown-toggle:after{
		display:none !important;
	}
	

}



/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}



/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}