/*-------------- Responsive navpigation Start ---------------*/
.submenubar{margin:0 auto; width:980px;}
#promenu {    width:100%; height:35px; background-color:#333333;}
navp { background-color:#333333; width:100%; height:35px; display:block;}
navp.stick {position: fixed;    top: 0; left:0;   z-index: 10000;    margin:0;}
navp ul {list-style-type:none;   padding:0 ;	 margin:0 auto;  float:left;}
navp li { float:left; padding:0 15px;}
navp li a { color:#cccccc;}
navp li a.navp-active, navp li a:hover { color: #0099CC;}
#navp-wrap {margin-top:0;} 
#menu-icon {display: none;}
#navp,  #navp li {margin:0; padding:0;}
#navp li {list-style:none; float:left; margin-right:0;} 
#navp a {padding:7px 15px 8px 15px; display:block; color:#ffffff; font-size:13px; color:#cccccc;  border-left:1px solid #666666; border-right:1px solid #000000;}
#navp a:hover, #navp a.active{color:#000000; background-color:#FFFFFF; border:none; padding:7px 16px 8px 16px;}
#navp ul {background:#fff; padding:2px; position:absolute; border:solid 1px #ccc; display:none; width:200px;} 
#navp ul li {float:none; margin:0; padding:0;} 
#navp li:hover > ul {display:block;}
@media only screen and (max-width: 2400px) {
.submenubar{float:right; margin:0 8% 0 0; width:auto;}
navp { background-color:#10283E; width:100%; height:39px; display:block;}
}
@media screen and (max-width: 1024px) {
.submenubar{float:right; margin:0 10px 0 0;}
.proboxnew img{width:80%;}
}
@media screen and (max-width: 768px) {
#navp a { font-size:12px; padding: 7px 7px 8px 7px;}
#navp a:hover, #navp a.active{ font-size:12px; padding: 7px 8px 8px 8px;}
}
@media screen and (max-width: 640px) {
#navp a { font-size:10px; padding: 7px 5px 8px 5px;}
#navp a:hover, #navp a.active{ font-size:10px; padding: 7px 6px 8px 6px;}
.disnone{ display:none;}
.contactsupportfull{float:none; margin: 0 auto; width:300px;}
}
/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 480px) {
.submenubar{float:none; margin:0; width:100%;}
#navp-wrap{position:relative;}
#menu-icon{color:#ffffff; font-weight:normal; text-transform:uppercase; width:95%; height:40px; background:#10283E url(../images/icons/menu.png) no-repeat 15px 15px; padding:0 5% 0 0; cursor:pointer; display:block; margin:0; font-size:16px; line-height:40px; text-align:right;}
#menu-icon:hover, #menu-icon.active{background:#10283E url(../images/icons/menu.png) no-repeat 15px 15px; color:#ffffff;} 	
#navp{clear:both; position:absolute; top:40px; width:100%; right:0; z-index:10000; padding:0; background:#10283E; border:none; display:none;}
#navp li{clear:both; float:none; margin:0; border:none; border-bottom:1px solid #666666;} 	
#navp a, #navp ul a{font: inherit; background:none; display:inline; padding:0; color:#ffffff; border:none; display:block; padding:5px 15px; font-size:12px;}
#navp a:hover, #navp ul a:hover, #navp a.active{background:#666666; color: #ffffff; border-top:none; padding:5px 15px; font-size:12px;} 
#navp ul{width:auto; position:static; display:block; border:none; background:inherit;}
#navp ul li {margin:3px 0 3px 5px;}
}
@media screen and (min-width: 480px) {
#navp {display: block !important;}
}
/*-------------- Responsive navpigation end ---------------*/