@import url(sm-mint.css);
body { font-size:12px; height:auto;}
.metro .tile { cursor:default; margin: 0 8px 8px 0;}
.metro .tile .list-item li a:hover {color:#eef7fe; text-decoration:underline;}
.container { width:990px;}
.metro h3 { font-weight:normal;}
.metro h5 { font-weight:normal; color:#FFFFFF;/* font-size:1.2rem;*/}
.metro h4 { line-height:22px; }
.bg-darkBluecustom { background:#1978c9!important;}
.bg-darkercustom { background:#000!important;}
.bg-lightRedcustom { background:#ef4b37!important;}
.bg-redcustom { background:#e46161!important;}
.bg-ambercustom { background:#d6b600!important;}
.bg-greencustom { background:#93bc45!important;}
.bg-cyancustom { background:#26bff6!important;}
.bg-darkCyancustom { background:#1699dd!important;}
.bg-darkIndigocustom { background:#1978c9!important;}
.bg-lightBluecustom {background-color:#42a9ef!important;}
.bg-lightgray {background-color:#F1F1F1;}

.gray-bg {background-color:#F9F9F9;}
.ltblue-bg {background-color:#E7F4FF;}
.innercont li {line-height:30px !important;}
.text-black {color:#000 !important; font-weight:bold!important;}
.fg-yellowcustom { color:#f8f630!important;}
.fg-darkBluecustom { color:#025aa2!important;}
.fg-lightRedcustom { color:#ef4b37!important;}
/*.bg-mapbg { background:#015193;}*/
.metro .navigation-bar { background:#fff;}
.metro .navigation-bar { color:#000;}
.centerImg {margin:15px auto 15px auto;}
.metro .tile.triple {height:242px;}
.span4 h3 {margin-top:0;}

.pd-10 {padding:10px;}
.pd-15 {padding:15px;}

.metro hr {
    margin:5px 0;
	background-color: #C3C3C3;
}
.tender-sec,.tender-details {position:relative; margin-top:15px; margin-bottom:2px;}
.tender-sec p strong{color:#5D5D5D;}
.tender-sec h5 {color:#000000;}
.tender-sec-botm {margin-top:0 !important;}
.pdf-lnk {position:absolute; right:0px; bottom:0px; padding:7px !important; display:block;}

.metro .listview-outlook .list {cursor:default;}
.metro .listview-outlook .list:hover {background:none;}
.metro .listview-outlook .list .list-content .list-title {line-height:28px; }

.afxTop {width:100%; z-index:9999; margin-top:0px; top:0; left:0; position:fixed; }
.mrgn-top {
  margin-top: 177px !important;
}

/*.cbp-spmenu-push {background:url(../img/bg_gradient.png) left top repeat-x;}*/
.top-nav {
	background-color: inherit;
	position: relative;
	height: 35px;
	padding:10px 0;
	line-height: 15px;
	}
.top-nav a { 
	display: block;
	float: left;	
	color: inherit;
	border-right:1px solid #fff;
	padding:0 15px;
	color:#fff;
}
/* Added by Bishnu on 31 Mar 2016*/
#content-div {width:600px; font-size:14px;}

.hpssa-logo2 {width:75px;}
.hpssa-logo1 {width:175px; margin-right:30%;}
.hp-govt-logo {width:80px;}


.whats-new-heading {color:#FFF !important; font-weight:normal !important; font-size:20px; margin:0 !important; text-transform:uppercase;}
.profileBox p{margin:10px 0px 0px 10px;}
a.profileCont{padding:5px 0px 6px 6px; height: 60px; margin:0px; border-top: #6DBFFF solid 1px; border-bottom: #2888CA solid 1px; display:block; color:#fff;}
a.profileCont:last-child {border-bottom:none;}
a.profileCont:hover{background-color:#1978c9;}
a.profileCont p{margin:4px 0px 0px 6px; color:#FFF; font-size:13px; line-height:18px;}
a.profileCont img{border:#2169A0 solid 1px; width: 40px; height: 45px; float: left; margin-right: 1px;}


.pagination {
	float:right;
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0;
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
    cursor: default;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    color: #428bca;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.marque { 
position : relative; 
overflow : hidden; 
padding : 0; 
margin: 10px 0 0 0;
height : 160px; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
} 
.marque ul { 
margin : 0; 
padding : 0; 
} 
.marque li { 
padding : 5px 0 10px 20px; 
background : url(../img/bullet-news.png) 5px 10px no-repeat; 
list-style : none; 
border-bottom : 1px dotted #CCC; 
color : #FFFFFF; 
} 
.marque li a{ 
color : #F8FFEA; 
} 
.marque li a:hover {color:#FFF; text-decoration:underline;}



.padding10 h5 {margin-bottom:0;}
.list-item {padding:5px; margin:0;}
.list-item ul {padding-left:10px !important;}
.list-item ul li {list-style:circle!important; background:none; padding-left:0px;}
.list-item.top_p0 li{padding:0px 12px !important;}
.list-item li{padding:2px 12px; margin:0; list-style:none; background:url(../img/list-iconarrow.png) left 9px no-repeat; color:#FFFFFF !important;}
.list-item li a,.list-item li a:focus {color:#FFFFFF; text-decoration:none;}
.list-item li a:hover {color:#d7eafb; text-decoration:underline;}
.tile-group.pannel-one {width:242px !important; margin:0 8px 8px 0;}
.tile-group.pannel-one.last {margin:0 0px 8px 0;}
.tile-group.pannel-one .tile.triple {width:100%;}


.metro .navigation-bar ul.element-menu {margin:0; padding:0; display:block; background-color:#f9f7f7;}
.metro .navigation-bar .element-menu>li>a { line-height:18px; font-size:18px;}
.metro .navigation-bar .element-menu>li>a, .metro .navbar .element-menu>li>a {padding-left:14px; padding-right:14px;}
.metro .navigation-bar .element-menu>li>a:hover, .metro .navigation-bar .element-menu>li>a:active { background:#e5e5e5;}
.metro .navigation-bar .element-menu>li>a.active { color:#FFFFFF; font-weight:bold; background-color:#1978c9;}
.metro .navigation-bar-content [class*="icon-"] { font-size:12px!important;}
.metro .navigation-bar .navigation-bar-content .element-divider { padding:38px 0; opacity:.6;}

.metro .tab-control .frames {border-bottom:none; border-left:none; border-right:none;}
.metro .tab-control .frame {padding:10px 0px 0px 0px;}
.logo { margin-top:12px; float:left;}
.sublogo { float:right; margin-top:5px; }
.banner { position:relative;}

.closeDiv { display:none;}
.openDiv { display:block!important;}

.seatch-area {background-color:#F5FCFF; border:solid 1px #F0F0F0; margin-bottom:10px;}
.seatch-area table {background:none;}
.seatch-area td {padding:5px;}
.bnr-cont{
	position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding:0 10px; 
	background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.78) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.78)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.78) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.78) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.78) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.78) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );}
.bnr-txt { 
position: absolute;
bottom: 20px;
left: 100px;
right: 100px;
margin: 0;
padding:0 10px; 
}
.bnr-txt {background-color: rgba(0, 0, 0, 0.6); color:#FFFFFF;}
.bnr-cont h2,.bnr-txt h2 { color:#fff; margin:0 0 10px 0;}
.bnr-cont h3,.bnr-txt h3 { color:#fff; margin:0 0 5px 0; font-size:18px;}
.bnr-cont p,.bnr-txt p { color:#fff;}
.bnr-cont h4,.bnr-txt h4 { margin:0; font-size:17px!important;}
.sqr-height { height:150px;}
.line-gap .grid.fluid .row [class*="span"] { margin-left:1px; margin-bottom:1px;}

/*Scroll bar*/
.content{
	overflow: auto;
	position: relative;
	width: 740px;
	max-width: 100%;
}

.content.hidden{ display: none; }

.content.light{
	background-color: #ddd;
	color: #333;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(186, 188, 189, 1);}


.borderbotHdr {border-bottom:solid 1px #CCC; padding-bottom:10px !important;}
.bnr-cont [class*="icon-"] { font-size:22px;}
/*.bnr-cont:hover {background-color: rgba(0, 0, 0, 0.7);}*/
.line-gap .grid.fluid { float:left; width:100%;}
.metro .navigation-bar .pull-menu { color:#000; top:-43px;}
.metro .navigation-bar .element-menu, .metro .navbar .element-menu {top:0px;}
.innerbanner .span7 { width:609px!important; height:260px; margin-left:1px!important;}
.innerbanner .span8 { width:670px!important;}
.innerbanner .span4 { width:320px!important; height:260px;}
.innerbanner h2 { margin-bottom:20px; font-weight:bold;}
.innerbanner .bnrPadding { padding:35px 20px;}
.inner-cont { background:#fff;}
.inner-cont a,.inner-cont a:focus {color:#cc0001;}
.inner-cont a:hover {color:#A60B0B;}
.left-shadow { -webkit-box-shadow: -43px 23px 10px -38px rgba(113,113,113,0.2); box-shadow: -43px 23px 10px -38px rgba(113,113,113,0.2); }

.breadcrumb 
{
     padding:12px; background-color:#F7F7F7;
	margin: 0 0px 0 0;
	 font-size:14px!important;
	}
.breadcrumb a { color:#cc0001;}
.breadcrumb a:hover { color:#015aa1;}
.breadcrumb span { color:#404040;}
.pg-title { border-bottom:1px solid #ccc; margin-bottom:15px;}
.pg-title h2 { color:#525252;}
.inner-cont h3 { font-size:17px; font-weight:bold; color:#0E5FA1;}
.metro h2 {font-size: 2.3rem; line-height: 2.3rem;}
/*.inner-cont h3 a { font-size:17px; font-weight:bold; color:#0E4979;}
.inner-cont h3 a:hover { font-size:17px; font-weight:bold; color:#5485ac;}*/
.inner-cont p { color:#4f4f4f; margin-bottom:15px;}
.inner-cont #rightPanel { width:320px!important;}
.inner-cont .span8 { width:690px!important; min-height:450px!important;}
.rightbnr { position:relative;}
.rightbnr h2 { font-size:18px; line-height:22px; font-weight:bold; font-style:italic;}
.pan-space { margin-bottom:8px;}
.partner h2 {  border-bottom:1px solid #6eb6ee; padding-bottom:20px; font-size:20px; line-height:0; font-weight:bold; letter-spacing:1px;}
.twitterbg h2 {text-transform:uppercase; margin:0 0 10px 0; font-size:20px; line-height:0; font-weight:bold; letter-spacing:1px; background:url(../img/tweet-sky.png) no-repeat right 10px #19b1e8; padding:15px 10px; }
.footer { padding:10px 0; color:#fff!important;}
.panels h2 { margin:0px; padding-bottom:15px; font-size:18px; letter-spacing:1px;}

.radius { padding:5px 8px; width:20px; font-size:16px; background:#fff; color:#1082be !important; margin-right:1px;}
.radius:hover { color:#1cb0d6!important;}

.panel-partner ul{ margin:0; padding:0; list-style:none;}
.panel-partner ul li a { color:#fff!important; display:block; border-bottom:1px dashed #0c6ebd; padding:5px 0; font-size:12px;}
.panel-partner ul li a.nopadding { padding-top:5px;}
.panel-partner ul li a:hover { color:#1cb0d7!important;}
.panel-partner ul li a span { font-size:20px; margin-right:8px; color:#1cb0d7;}
.map { background:url(../img/worldMap.png) no-repeat center 0; height:116px; position:relative;}
.pointer { position:absolute;}
.pointer.india { margin-left:147px; margin-top:35px;}
.pointer.UAE {margin-left:132px; margin-top:30px;}
.pointer.sudan {margin-left:117px; margin-top:42px;}
.pointer.ethopia {margin-left:110px; margin-top:33px;}
.flag { text-align:center; margin-top:5px;}
.flag a { display:inline-block; margin-right:15px; border:1px solid #1cb0d7;}
.flag a:hover { border:1px solid #14819e;}
.footer-lnk { color:#4D4D4D; padding: 10px 0 20px 0; /*background-color:#F4F4F4;*/ text-align:center; font-size:12px; border-top:solid 1px #E7E7E7;}
.footer-lnk a { color:#E46161;}
.fixed-top { border-bottom:1px solid #CACACA;}
.navigation-bar-content h4 { text-align:center; display:block; font-family: 'Segoe UI_','Open Sans',Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-style: normal; font-size:20px;}

.menubg_colr { background-color:#f9f7f7;}
.menu_shadow {  background:#FFF url(../img/menu_box_shadow.png) center bottom no-repeat;  padding:0px 0 20px 0; }
.menubar {max-width:993px; margin:0px auto;}
.menubar ul ul {padding:0 !important;}
.menubar li { border-right:solid 1px #E7E7E7 !important;}
.menubar li:last-child {border-right:none !important;}
.metro .navigation-bar .element-menu>li>a.dropdown-toggle:after, .metro .navbar .element-menu>li>a.dropdown-toggle:after { display:none;}
.element-menu li a.selected {background:#e5e5e5; color:#000!important;}
header { padding-top:15px; background-color:#fff;}


.cancel { position:absolute; margin-top:-15px; right:5px;}
.cancel a{ font-size:20px; color:#c1c1c1;}
.cancel a:hover{color:#fff;}

.box-hieght { height:330px;}
.grd-blue {	
height:135px;
	}
.relbox { position:relative;}
.lnk-list ul { list-style:none; margin:0; padding:0;}
.lnk-list ul li { padding:4px 0;}
.lnk-list ul li a { color:#fff;}
.space { margin-bottom:40px;}
.space60 { margin-bottom:60px;}
.space15 { margin-bottom:15px;}
.more { text-align:right;}
.more a { color:#fff;}
.more a:hover { color:#0d5871;}
.marginTop { margin-top:20px;}
.marginTop20 {margin-top:30px !important;}
.marginright { margin-right:8px !important;}
.margintop8 { margin-top:8px !important;}
.award-bnr { background:url(../img/award_bnr.png) no-repeat right 0 #1699dd; height:151px;}
.metro .mobility .tile.double { width:300px;}
.metro .mobility .tile.double-vertical { height:300px;}
.metro .mng-tile .tile { margin:0 1px 1px 0; height:149px;}
.metro .mng-tile .singletile { width:183px;}
/*.metro .grid .row [class*="span"] {float:right;}*/
.metro .span4, .metro .size4 {float:left;}

.more-btn {background:url(../img/more-btn.png) center no-repeat; margin-top:10px; display:block; float:right; width:20px; height:20px; border-radius:50%; border:solid 1px #FFF;}
.more-btn:hover {background-color:#9FD363;}
/*----------------------------------------------------------------------------------------------------------*/
/*.hompage { margin-top:10px;}*/
.metro .tile {width:117px; height:117px;}
.metro .banner-home .tile.doublequadro { width:490px;}
.metro .banner-home .tile.double-vertical { height:241px;}
.metro .banner-home .tile.triple {width:243px;}
.metro .banner-home .tile { width:117px; height:117px;}
.metro .banner-home .no-margin { margin:0 1px 1px 0!important;}
.metro .mid-panel .quadro-vertical {height:280px; }
.metro .mid-panel .triple {width:244px;}
.mid-panel .marginTop { margin-top:8px;}
.margin_top {margin:8px 0 0 0 !important;}
.margin_left {margin:10px 0 0 8px !important;}
.mid-panel .award-bnr {background:url(../img/award_bnr.png) no-repeat right 0 #1699dd; height:161px;}
.metro .tile.mobility { height:300px; width:323px;}
.metro .bottom-panel .no-margin { margin:0 1px 1px 0!important;}
.metro .bottom-panel .singletile { width:202px;}
.metro .tile-height { height:149px;}

.fix-pos { position:absolute; top:10px; left:10px;}
.heightbox { height:117px!important;}
.mng-tilecont .tile-content {top:50px!important;}
.tile-content a i {color:#fff; font-size }
.tile-content a:hover i {color:#bad6ee;}
.metro .hint { background-color:#012a4c!important; color:#fff; text-shadow:none; padding:5px 10px;}
.footermenu {
display:none;
float: right !important;
color: #fff!important;
cursor: pointer;
font: 1.8em sans-serif;
position: absolute;
right: 10px;
height: 45px;
width: 40px;
line-height: 20px;
margin: 0;
}
.footermenu:hover { color:#c7e6ff!important;}
.footermenu:before {
content: "\2261";
position: absolute;
font-size: 20pt;
top: 10px;
left: 10px;
}
.map-mobile{ margin-bottom:5px; display:none;}
.map-mobile a { display:inline-block; padding:5px 10px; margin-right:3px;}
.hidden-menu { left:0!important;}
#social { background:#3583bc; padding:10px;}

.metro .tile .grd-blue .tile-content { height:auto!important;}
/*bibhudatta*/
.border { border: solid 1px #c3c3c3 !important; /*box-shadow:3px 3px 1px rgba(216,216,216,0.8) !important;*/}
.metro #aliance .tile:hover {outline: #fff solid 3px !important;}
.innerbanner .bnrPadding { padding:10px 15px 10px 15px;}
.moreWidth { width:320px !important;}
.bnrPadding h2 {line-height:40px; font-size:32px; font-weight:normal;}
.metro ul.list li, .metro ol.list li { margin-bottom:10px;}
/*.metro ul li, .metro ol li { color:#4f4f4f !important;}*/
.metro .table td.valignMiddle {vertical-align:middle;}
.table th {background-color:#F4F4F4; border:solid 1px #eaeaea;}
.table td {border:solid 1px #eaeaea;}
/*.table td a {color:#1F81D2;}*/
.metro .table th, .metro .table td {padding:5px 4px;}
.step-list li {list-style:none;}
/*---------------------------------------------------------------------*/
.icon-slideshare { background:url(../img/slideShare.png) no-repeat center 9px #FFF; width:30px !important; height:25px !important; margin-top:5px;}
.icon-slideshare:hover { background:url(../img/slideShareHver.png) no-repeat center 9px #fa6800;}
.metro .sidebar>ul li.title { padding: 10px 20px 10px 20px;}
.error h1 { font-size: 3.4rem; margin:0 0 5px 0; padding:0;}
.error p { font-size:18px;}
.sitemap { border-bottom:1px solid #DDD;}
.sitemap h3 { color:#000;}
.fixed-topMenu{position:fixed;z-index:1030;left:0;top:77px;bottom:auto}
.socialnetlnk { position:fixed; top:200px; left:0;}
.socialnetlnk ul {margin:0; padding:0;}
.socialnetlnk li {list-style:none; display:block; margin:1px; padding:10px 5px; background-color:#42a9ef; text-align:center;}
.socialnetlnk li a {color:#FFF;}
.socialnetlnk li:hover {background-color:#cc0001; color:#fff;}
.socialnetlnk li:hover a {color:#fff;}
.socialnetlnk li > span {text-align:center; line-height:45px; width:30px; margin-left:-8px; margin-top:40px; white-space: nowrap;}
.rotate_txt 
{
    display:block;
/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
 .count{
	color: #000000;
	font-size: 15px;
}
.count span{
	color: #E46161;
	font-weight: bold;
	font-size: 14px;
}
.metro form {margin-bottom:0;}

@media only screen and (max-width: 800px)
{
  
.metro .banner-home .tile.triple {width:29%;}
.metro .banner-home .tile{width:14%;}
.grid:not(.fluid)>.row .row [class*="span"] {width:50%!important;}
#rightPanel { display:none;}
.logo { margin-top:5px; margin-bottom:5px;}
.panel-partner h2 { padding-bottom:10px!important;}
.panel-partner ul li a span { display:none;}
.panel-partner ul li  { padding:0;}
.panel-partner ul li a { padding:0; border-bottom:0; display:block; padding:4px 8px;}
.panel-partner ul li a.nopadding { padding:0 10px 0 0;}
.panel-partner { margin-bottom:0!important;  padding:10px; display:block; float:none!important; border-bottom:1px solid #004c8a;}
.footer-lnks-panel { background:#065695; display:block;}
.footer-lnks-panel .span2{ width:100%!important}
.metro .grid .row .footer-lnks-panel [class*="span"] {margin-left: 0px !important;}

.panels, .panels a{ font-size:13px!important;}
.panels h2 { margin-bottom:0px; border-bottom:0;}
.map { display:none;}
.footer-lnk { margin-top:0;}
.footer-lnk span { display:block;}
/*header { position:fixed; width:100%; top:0;}*/
.navigation-bar-content img { height:35px; width:auto;}
.sublogo {margin-top:0px;}
.footer { padding:0;}
.footer .container { padding:0;}

.panels #social h2 { margin-bottom:15px;}
#offices {margin-bottom:0px!important;  padding:10px; padding-bottom:0;}
.flag{ text-align:left; padding-bottom:10px;}
.footer-lnk { padding:5px 5px;}
.social-network { padding-top:0;}
.social-network a span { font-size:17px;}
.left-shadow { -webkit-box-shadow: -43px 23px 10px -38px rgba(113,113,113,0.2); box-shadow: -43px 23px 10px -38px rgba(113,113,113,0.2); }
.inner-cont h3 { line-height:20px;}
.hompage { margin-bottom:10px;}
.metro .mid-panel { margin-top:8px!important;}
.mid-panel .marginTop { margin-top:0; margin-left:8px;}
.metro .bottom-panel { margin-top:8px!important;}
.metro .tile-height { margin-top:8px!important;}
.metro .bottom-panel .tile.double.tile-height { width:45%;}
.metro .bottom-panel .singletile { width:22.5%;}
.metro .bottom-panel .mob-margin { margin-bottom:13px!important;}
.innerbanner .bnrPadding { padding:25px;}
.innerbanner .span4 { height:auto;}
.innerbanner .grid:not(.fluid)>.row .row [class*="span"]:nth-child(even) { margin-left:0!important;}
.bnrPadding h2 { font-size:24px; line-height:30px;}
.innerbanner .container { padding:0;}
.footermenu { display:block;}
.footer-lnks-panel { display:none;}
.grid:not(.fluid)>.row>[class*="span"]#offices:nth-child(even) { margin-left:0!important;}
.map-mobile { display:block;}
.navigation-bar .element-menu { display:block!important; width:250px!important; background:#E2E2E2; position:absolute; left:-260px; top:45px; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); box-shadow: 5px 5px 5px rgba(68,68,68,0.6);}
.metro .navigation-bar .element-menu>li>a { padding:15px 10px; border-bottom:1px solid #ccc;}
.metro .navigation-bar .element-menu>li>a span { position:absolute; right:10px;}
.metro .navigation-bar .element-menu>li>a.active { background:#025aa2; color:#fff!important;}
.metro .navigation-bar .element-menu>li>a.active:hover { background:#025aa2;}
.metro .navigation-bar .element-menu>li>a:hover, .metro .navigation-bar .element-menu>li>a:active { background:#ef4b37; color:#fff!important;}
.cancel { margin-top:0px;}
.Gmenu h3 { font-size:18px;}
/*.Gmenu .span4 { border-bottom:1px solid #999;}*/
.fluidimmg { width:100%;}
}

@media only screen and (max-width: 640px)
{
	
    .navigation-bar-content img {display:block; float:none; margin:auto; text-align:center;}
    .navigation-bar-content h4 {display:block; float:none; text-align:center;}
    .bnr-txt {width:100%;}

.metro .tile {width:100%;}    
.tile-group.pannel-one {width:100% !important;}   
.metro .banner-home .tile.triple {width:100%;}

.grid:not(.fluid)>.row .row>[class*="span"], .metro .mid-panel .triple, .metro .bottom-panel .double, .metro .banner-home .tile.doublequadro  {width:100%!important;}
.metro .banner-home .tile { width:48.2%;}
.metro .banner-home .tile.double-vertical { height:241px;}
.metro .bottom-panel .singletile { width:49.5%!important;}
.metro .tile-height { height:120px;}
.footer-lnk .container { padding:0; width:100%!important;}
.footer-lnk .container a { line-height:20px!important;}
.mid-panel .marginTop { margin-top:10px!important; margin-left:0px!important;}
#social { position:relative; margin-top:auto; left:0; margin-bottom:10px!important;}
.sub-hd-pan { padding:5px;}
/*.sub-hd-pan input[]*/
.socialnetlnk {
    left: -6px;
   width:26px;
}
.socialnetlnk li a {font-size:12px;}
.socialnetlnk li > span {margin-top: 25px;}
}

@media only screen and (min-width: 1000px){
	.container {width:993px !important;}
	}
@media (min-width: 768px) and (max-width: 800px) 
{
.metro .banner-home .tile.doublequadro {
    width: 50%;
}	
.tile-group.pannel-one {width:174px !important; margin:0 8px 8px 0;}
.metro .tile.triple	 {height:125px;}
.metro .tile {width:174px;}
.metro .banner-home .tile {width:22.8%;}
.teaching .centerImg{height:80px !important;}
.annualwork {display:none !important;}
.studentcorner {width:28.8% !important;}
.mrgn-top {margin-top:97px !important;}

}

@media (min-width: 320px) and (max-width: 640px) 
{
.navigation-bar-content img {float:right;}	
.sublogo {margin-right:0 !important;}
.navigation-bar-content h4 {font-size:16px;}
.mrgn-top {margin-top:97px !important;}
.slide img {width:100%;}
.metro .banner-home .tile {width:48.9%;}
.hpssa-logo1 {margin-right:30% !important;}
}
@media (min-width: 320px) and (max-width: 360px) 
{
.hpssa-logo1 {margin-right:15% !important;}
}
@media (min-width: 320px) and (max-width: 800px) 
{
.socialnetlnk {z-index:999;}	
 /*Responsive Menu Slide*/
.responsive-menu-icon {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	background:#505986 url(../img/responsive-menu-btn.png) center no-repeat; padding:8px 10px; display:block; width:35px; height:28px; z-index:999; position:absolute;
	top:67px;
	right:5px;}
.responsive-menu-icon:hover {background-color:#4d5fba;}	
.responsive-menu-icon.active {background-color:#505986;}

.cbp-spmenu {
 background: #F0F0F0;
 position: absolute;
 top: 104px;
}
 .cbp-spmenu a:hover {
 background: #258ecd;
}
 .cbp-spmenu a:active {
 background: #afdefa;
 color: #505986;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
 width: 250px;
 z-index: 1000;
}
 .cbp-spmenu-vertical a {
 border-bottom: 1px solid #258ecd;
 padding: 1em;
}
 .cbp-spmenu-horizontal {
 width: 100%;
 height: 150px;
 left: 0;
 z-index: 1000;
 overflow: hidden;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
 right: -250px;
}
 .cbp-spmenu-right {
 left: -250px;
}
 .cbp-spmenu-left.cbp-spmenu-open {
 right: 0px;
}
 .cbp-spmenu-right.cbp-spmenu-open {
 left: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
 top: -150px;
}
 .cbp-spmenu-bottom {
 bottom: -150px;
}
 .cbp-spmenu-top.cbp-spmenu-open {
 top: 0px;
}
 .cbp-spmenu-bottom.cbp-spmenu-open {
 bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
 overflow-x: hidden;
 position: relative;
 left: 0;
}
 .cbp-spmenu-push-toright {
 left: 240px;
}
 .cbp-spmenu-push-toleft {
 left: -240px;
}

/* Transitions */
.cbp-spmenu, .cbp-spmenu-push {
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
}   
}