/*====================  FEED Back Form CSS start   =============		*/




/*====================  FEED Back Form CSS start   =============		*/

.navbar-default{
	background-color:#fff;
	border:none;
}




.navbar-fixed-top, .navbar-fixed-bottom{
	position:relative !important;
}

.main_nav_bg{
	height:auto;
	padding:5px 0px;
    box-shadow: 0px 20px 34px rgba(0, 0, 0, 0.0509803922);
}


/*====================  new menu   =============		*/

/* common and top level styles */
#nav span {
    display: none;
}
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    background-color: #fff;
   /* border-bottom: 2px solid #275871;*/
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
    width: 100%;
}
#nav ul.subs {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: none;
    left: 0;
    padding: 2%;
    position: absolute;
    top: 54px;
    width: 100%;
}
#nav > li {
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
	
	padding:2% 0%;
}
#nav > li > a {
    color: #333333;
    display: block;
    font-size: 15px;
    line-height: 75px;
    padding: 0 15px;
    /* text-transform: uppercase; */
    font-weight: 600;
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #00ADEE;
    color: #FFFFFF;
}
#nav li.active > a {
    background-color: #275871;
    color: #FFFFFF;
}


/* submenu */

.sub_menu_heading{
	color:#00ABEB;
}
#nav li:hover ul.subs {
    display: block;
}
#nav ul.subs > li {
    display: inline-block;
    float: none;
    padding: 10px 1%;
    vertical-align: top;
   /* width: 33%;*/
   
    width: 49%;
}
#nav ul.subs > li a {
    color: #777777;
    line-height: 20px;
	
}
#nav ul li a:hover {
    color: #00ADEE;
}
#nav ul.subs > li > a {
    font-size: 1.3em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#nav ul.subs > li li {
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
    padding-left: 15px;
}



/* responsive rules */
@media all and (max-width : 980px) {
/*	
    #nav > li {
        float: none;
        border-bottom: 0;
        margin-bottom: 0;
    }
    #nav ul.subs {
        position: relative;
        top: 0;
    }
    #nav li:hover ul.subs {
        display: none;
    }
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs {
        display: block;
    }

    #nav ul.subs > li {
        display: block;
        width: auto;
    }*/
	
}

@media all and (min-width: 767px) and (max-width: 1000px) {
		.main_nav_bg{
			padding-bottom:5% !important;
			/*background:#F03;*/
		}
		
	
	.navbar-brand{
		width:100%;
		margin-bottom:20px;
		min-height:50px;
		/*background:#CC0;*/
		padding:0 0 10% 0;
	}
	
	.navbar-brand img{
		margin:0px auto;
		float:none;
		display:table;
	}
	
.nav_logo_bg{
		width:100% !important;
		float:left !important;
	}
	.nav_bar_bg{
			width:100% !important;
		float:left !important;
		/*background:#363;*/
	}
}
	
	

	@media all and (min-width:200px) and (max-width: 768px) {
			.main_nav_bg{
				padding:5px !important;
			}
			
		
			.logo_img {
				padding-bottom:2%;
			}
			
		
			
			
			.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
				height:auto !important;
			}
			
		.nav_bar_bg ul#nav{
			width:95%;
		}
		
		.nav_bar_bg ul#nav li{
			width:100%;
		/*	background:#CF3;*/
		}
		
		#nav ul.subs{
		/*	check the width #edit */
			width:90%;
		}
		
		#nav ul.subs > li a {
   		font-size:13px;
	
		}
		
	}
	

	
@media all and (min-width:501px) and (max-width: 768px) {
			.nav_bar_bg{
				border:none !important;
				padding:10% 0 0 0 !important;
			}
		
}
@media all and (min-width:360px) and (max-width: 500px) {
		
			.nav_bar_bg{
				border:none !important;
				padding:15% 0 0 0 !important;
			}
}
	
@media all and (min-width:200px) and (max-width: 359px) {
		
			.nav_bar_bg{
				border:none !important;
				padding:20% 0 0 0 !important;
			}
			.media-body p{
				font-size:12px;
				width:90%;
			}
}
@media all and (min-width:200px) and (max-width: 319px) {
	.container{
		width:98% !important;
	}
	
}