
/*Menu Start*/
.menu {
    float: right;
    position: relative;
    width: 100%;
}

.menu, .menu .container, .navbar, .navbar-collapse, .navbar-nav, .nav-item, .nav-item a {
	height: 100%;
	padding: 0;
}

.navbar{
    border: none;
    border-radius: 0;
    position: relative;
}
.navbar-nav {
	margin: 0 auto;
	padding: 0;
}
.navbar-nav > li > a {
    padding-bottom: 20px;
    padding-top: 0;
}
.navbar-toggler:focus, .navbar-toggler:hover {
	margin-top: 0;
}
ul.navbar-nav li.nav-item a {
	/* For vertical alignment */
	
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	
	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:left; 
	-webkit-box-align:center;
	
	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}

.p_menu a {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding-left: 15px !important;
    padding-right: 15px  !important;
    text-transform: uppercase;
}
.p_menu a:hover {
    background-color: #d32027 ;
    color: #fff;
}
nav{
    margin: 0 !important;
}
.navbar-nav .open > a, .navbar-nav .open > a:hover, .navbar-nav .open > a:focus {
    background-color: #d32027 ;
    border-color: #d32027 ;
}


ul.navbar-nav li {
	float: left;
	display: block;
	text-align: center;
}
ul.navbar-nav li a.nav-link {
    font-family: 'Red Hat Display Bold', sans-serif;
  	font-weight: bolder;
  	color: #000 !important;
  	display:block;
  	padding-top: 25px;
}

.navbar-nav > li.nav-item > a.nav-link:hover, .navbar-nav > li.nav-item > a.nav-link:focus {
    background-color: #d32027;
    color: #fff !important;
    text-decoration: none;
}

a.dropdown-item {
	line-height: 2.5;
}
.p_menu h3 {
    color: #d32027;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
}

.dropdown-menu {
	margin-top: -1px;
	margin-left: -1px;
    background-color: #d32027 !important;
	color: #fff;
	border-radius: 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	width:100% !important;
}
.dropdown-menu-item a {
	color: #fff;
}
.dropdown-menu-item {
	width:100%;
}
.col-sm-6 > li:hover a{
    color: #189f5a;
}

@media only screen and (max-width: 1200px) {
	.navbar, .navbar-collapse, .navbar-nav, .nav-item, .nav-item a {
		height: auto;
		padding: 0;
	}
	.navbar {
		position: relative;
	}
	.navbar-nav {
	    width: 75% !important;
	    margin-bottom: 30px;		
	}
	.nav-item {
		margin: 0 auto;
	}
	ul.navbar-nav li.nav-item a {
		/* For vertical alignment */		
		-webkit-box-pack:center; 
	}
	.p_menu a {
	    font-size: 14px !important;
	}
	.navbar-toggler-div {
	    position: absolute;
	    top: 17px !important;
	    width: 100% !important;
	    text-align: center;
	}
    .navbar-toggler {
	    width: 50% !important;
	}
	.custom-toggler .navbar-toggler-icon {
	  	background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	.custom-toggler:focus .navbar-toggler-icon, .custom-toggler:hover .navbar-toggler-icon {
	  	background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	.navbar a.navbar-brand {
		font-size: 14px !important;
	}
   .navbar-collapse {
	    margin-top: 50px;
	}
   .p_menu h3 {
    	font-size: 26px;
    }
	.dropdown-menu {
		width: 100.3%;
		margin: -1 auto 0 auto;
		border-radius: 0;
	}  
	
	.dropdown-item {
	    white-space: no-wrap; /* CSS3 */    
	    white-space: -moz-no-wrap; /* Mozilla, since 1999 */
	    white-space: -no-wrap; /* Opera 4-6 */    
	    white-space: -o-no-wrap; /* Opera 7 */    
	    word-wrap: normal; /* Internet Explorer 5.5+ */
	}
	button.menu-btn {
		margin: 0 auto 30px auto;
		padding: 6px !important;
		background-color: #fff;
		border: 2px solid black !important;
		font-size: 14px;	
		border-radius: 0 !important;
		font-family: 'Red Hat Display Bold', sans-serif;
		font-weight: bolder;
		color: #000 !important;
	}	
	button.menu-btn:hover, button.menu-btn:focus {
		background-color: #000 !important;
	    color: #fff !important;
	}	
}

@media only screen and (max-width:830px){  
    .dropdown-menu {background-color: #f5e7c4;left: -73px;}
}

@media only screen and (max-width: 768px){  
   .p_menu h3 {
    	font-size: 14px;
    }
    .dropdown-menu a.dropdown-item {
	    font-size: 12px !important;
    }
}

@media only screen and (max-width: 760px){
    .navbar-header {
        background: #d32027 none repeat scroll 0 0;
    }
    .menu_list {
        margin-top: 0;
    }
    .navbar-nav .open > a, .navbar-nav .open > a:hover, .navbar-nav .open > a:focus {
        background-color: #d32027;
        border-color: #000;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
        border: 0 none;
        box-shadow: none;
        float: left;
        margin-top: 0;
        position: static;
        width: auto;
    }
}

@media only screen and (max-width: 575px){ 
	.menu {
		margin-top: -60px;
	}
	.navbar-nav {
	    width: 100% !important;
	    text-align: center;		
	}
	.logo_menu {
		min-height: 250px;
	}
}

@media only screen and (max-width: 330px){ 
   .p_menu h3 {
    	font-size: 12px;
    }
    .dropdown-menu a.dropdown-item {
	    font-size: 8px !important;
    }
}
