﻿

html {position: relative; min-height: 100%; font-size:100%; background: #3b4c7e;}
body {margin: 0 0 75px; /* bottom = footer height */}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {  margin-top: 0}
ul, ol{list-style-type:none; padding-left:0}

.topheader{background: #011340;overflow: hidden;color: #cfcfcf;padding: 5px 0 0;font-size: 0.9em;}
.topheader ul{float:right;background:#000;margin:0}
.topheader ul li{float:left;text-align: center;padding: 0 10px;}
.topheader ul li i{display: block;}
.topheader a, .topheader a:visited{color:#fff}
.section{min-height:300px}
.subheader{background:#052152; padding:10px 0; color:#fff;height: 80px}
.gom{margin-right:15px;height: 60px;}
.rts{float:left;margin-top:10px}
.rts span{float: left;font-size: 1.8em;padding: 17px 20px 0 0;display: inline-block;}
.rts p{float:left;}
.as-logo{height:55px; margin:0 50px 0 10px}
.subheader p{display: inline;margin:3px 0 0 120px;float: left;}
.subheader p span{display: block; color:#ffb85a}
.cm{display: inline;float: right;width: 20%}
.cm img{height: 60px;border-radius: 100%;float: right}
.cm span {float: right;margin: 15px 10px 0 8px;font-size: 1.em;color: #fff;text-align: right;line-height: 20px}
.menu{float: left;width: 5.5%;margin:28px 0 0 71px}
.content-bg{padding: 20px 0;background: rgba(23, 43, 103, 0.84);overflow: hidden;}
.cd-dropdown .title{font-size:1.2em;text-transform: uppercase;padding:10px;background:#e78200;color: #fff;margin-bottom: 0;}
.carousel {border: 4px solid rgb(255, 255, 255);overflow: hidden;margin: auto}
.banner{height:403px;}
.left-menu{float: left; width:24.5%;margin-right: 15px;}
/*.right-menu{float: right; width:15%;margin-left: 15px;}*/
.right-menu > a, .right-menu .nav-pills a{background:#e78200;display: block;margin-bottom:14px;border-left: 4px solid #c85e05;color: #fff;overflow:hidden}
.right-menu > a i, .right-menu .nav-pills a i{font-size:2.5em;color: #fff;margin-right: 10px;float: left;width:20%;text-align: center;}
.right-menu > a span, .right-menu .nav-pills a span{line-height:20px;float:left;width:65%;}
.right-menu > a:hover, .right-menu > a:focus,.right-menu .nav > li > a:hover, .right-menu .nav > li > a:focus{color:#333;background: #eee}
.right-menu > a:hover i, .right-menu > a:focus i,.right-menu .nav > li > a:hover i, .right-menu .nav > li > a:focus i{color: #e78200}
.right-menu .nav-pills li:first-child a{background: #70b537;border-left: 4px solid #468116;}
.right-menu .nav-pills li:first-child a:hover{background:#fff}
.top-menu-ul li a:before {
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
    margin: 0 5px 0 -5px;
    line-height:30px;
}




.pnl-org,.search-box{background:#fff;border-left:3px solid #d77a01;padding:10px 20px 15px;margin-bottom:19px}
.search-box h2{font-size:1.5em;color: #d17600;display: inline}
.search-box span{font-family: arial;font-size: 0.95em;margin: 0 0 0 5px}
.search-box i{color:#fff}
.search-box a{display: block;padding:6px 5px 3px;color: #fff;text-align: center;border-radius: 4px;font-size: 0.86em;}
.btn-org{background:#f48900}
.btn-blue{background: #28549b;}
.pnl h2{background: #e78200;font-size: 1.3em;padding: 10px;color: #fff;margin-bottom: 3px}
.pnl-body{background:#fff;padding: 10px;text-align: center}
.pnl-body span{display:block; font-size:2em;margin-top: 0}
.pnl-body p{color:#052683;font-size: 1.3em;margin:10px 0 5px}

.pnl-digi {margin-top:25px}
.pnl-digi h2{background: #e78200;font-size: 1.4em;line-height: 27px;padding: 10px;color: #fff;margin-bottom: 3px; text-align:left; overflow:hidden}
.pnl-digi h2 span{width:67%;float: left}
.pnl-digi-body{background:#fff;padding: 10px;text-align: center; overflow:hidden}
.pnl-digi h2 i{float: right;border: 2px solid #fff;padding: 2px 0 0;width: 25px;height: 25px;text-align: center;border-radius: 50%;margin:8px 10px 0 0}
.pnl-digi ul li{float: left;width: 50%;height: 81px;border-bottom: 1px solid #dfdfdf;padding: 12px 0}
.pnl-digi ul li:nth-child(odd){border-right: 1px solid #dfdfdf;}
.pnl-digi ul li:last-child, .pnl-digi ul li:nth-last-child(2){margin-bottom:0;border-bottom:none}

.carousel-control {top: 43%;z-index: 6;width: 0}
.carousel-control.left, .carousel-control.right {opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none}
.carousel-control.right {right: 20px}
.carousel-control.left{left: 6px}
.digilocker-logo{padding: 17px 0 0}

footer{background: rgba(3, 28, 72, 0.89);font-size:0.85em;overflow: hidden;padding: 10px 0;color: #fff;position: absolute; left: 0; bottom: 0; height:75px; width: 100%;}
footer p{margin-bottom:0}
footer span{font-size:0.9em;float: left;line-height: 16px}
footer a, footer a:visited{color:#fff}
footer ul{margin:5px 0 0}
footer li{float:left; margin-right:30px}

footer li i{font-size:2.7em !important}
.mol-logo{float:right}

.right-menu .nav-pills > li + li{margin-left:0 !important}
.right-menu .nav-pills > li {float: none}
.right-menu .nav-pills > li > a,.right-menu > a {border-radius:0;padding:15px}
.right-menu .nav-pills > li.active > a, .right-menu .nav-pills > li.active > a:hover, .right-menu .nav-pills > li.active > a:focus{background-color: #eee;color: #000}
.right-menu .nav-pills > li.active > a i, .right-menu .nav-pills > li.active > a:hover i, .right-menu .nav-pills > li.active > a:focus i{color:#e78200}

.right-menu .tab-pane {position: absolute;top: 0;right:0;width:312px;min-height:564px;padding: 15px;background:#eee;z-index:6;-webkit-box-shadow: -2px 1px 3px 1px rgba(0,0,0,0.2);
-moz-box-shadow: -2px 1px 3px 1px rgba(0,0,0,0.2);box-shadow: -2px 1px 3px 1px rgba(0,0,0,0.2);}
.tab-description {border: 1px solid rgba(188, 188, 188, 0.66);line-height: 20px; padding: 10px;text-align: justify;color:#434343;margin-bottom: 15px}
.tab-description .btn {margin-right: 4px}
.tab-description .btn-primary {border-color:transparent;background:#e69519;color:#fff; font-size:0.73em}
.tab-description .btn-primary a, .tab-description .btn-primary a:visited{color:#fff; margin-right:5px}
.tab-description .btn-primary i{margin-right:5px}
.tab-pane h2 {font-size: 1.3em;margin: 0 0px 15px;color: #e78200;padding: 0 0 10px; border-bottom: 1px solid #bababa;}
.right-menu .tab-pane h3 {font-size: 1em;margin: 0 0px 15px;}
.tab-description .form-group .input-group-addon {background:rgba(0, 0, 0, 0.6);color:#fff; border: 0 none;border-radius: 0;-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;}
 input, .right-menu .tab-pane textarea, .right-menu .tab-pane select {background:#fff; padding: 0px 10px; width: 100%; line-height: 8px;}
.btn-pad .btn { margin: 0 !important; padding: 5px 3px !important;width: auto; display: inline-block}

.right-menu .tab-content > .tab-pane.active {/*display: block;*/ -webkit-animation: slideIn 1s ; /* Chrome, Safari, Opera */
    -webkit-animation-direction: normal; /* Chrome, Safari, Opera */
    animation: slideIn 1s ;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
     }
    @-webkit-keyframes slideIn {
    0%   {right:150px; }
  
    100% {right:93.8%}
    }

@keyframes slideIn {
  0%   {right:150px}
  
    100% {right:93.8%}
}
.right-menu .nav{position: absolute;z-index:7;background: #3b4c7e;}
.page-menu .nav {background: #fff;}

.mtop10{margin-top:10px}
.mtop20{margin-top:20px}

.controls a, .controls a:visited{color:#fff}
.controls a, .controls a:visited, .controls a:hover{text-decoration:none}
[data-slide="prev"]{margin-right: 10px}

.modal-body {overflow: hidden}
.modal-body h3{font-size: 1.2em;letter-spacing: 0;margin-bottom: 0}
.modal-dialog {width: 850px}
.modal-body a, .modal-body a:visited{color: #545454;}
.modal-body a p{font-size: 0.85em;}

.search-box .input-group{margin-top:5px}
.search-box .input-group-addon{background-color: #4dae2d;border: 1px solid #4dae2d}
.search-box a i{margin-right: 5px;}

.inner-content {background:#f0f2fa;min-height:600px}
.sec-bg{background: #ebebeb;}
.menu-top{margin-top:15px}

/* Dashboard CSS */
.dashboard-sec{background: #fff;border-top: 1px solid #cdcdcd; margin:15px 0;padding: 15px;overflow: hidden;}
.dashboard-sec h1 i{margin-right:10px}
.dashboard-sec h1 {color: #333; font-size: 1.8em;padding: 0; /*padding: 0 0 10px;*/ line-height: 28px; margin-bottom:20px; text-transform: uppercase; }
.dashboard-sec h3 {border-bottom: 1px solid #dddddd;color: #00476a;font-size: 1.3em;line-height: normal;margin: 10px 0;padding-bottom:10px}
.dashboard-sec h2 {margin: 0;padding: 10px 15px;color: #fff;font-size: 1.2em;text-transform: capitalize;border: none;}
.dashboardTip{font-size:1.3em !important; margin-right:5px}
.inner-section-page h1{color: #333;font-size: 1.8em;padding: 0;line-height: 28px;margin-bottom: 20px;text-transform: uppercase}
.inner-section-page h2 {border-bottom: 2px solid #ddd;color: #727272;font-size:1.4em;padding:13px 0 10px;text-transform: capitalize;clear: both;margin: 30px 0 15px;}
.inner-section-page h3{color: #00476a; font-size: 1.3em;  line-height: normal;  margin: 10px 0; padding-bottom: 10px;}
.panel-title {border: none!important;color: #FFFFFF !important;margin: 0 !important;padding: 0 !important}
.count-div {text-align: center; padding: 15px 5px 10px; min-height: 105px; margin-bottom: 30px; font-size: 1.1em; border-radius: 2px; color: #fff}
.count-div span {font-size: 1.6em;display: block;margin-bottom: 8px;font-weight: bold}
.cred {background: #ff5454}
.cblue {background: #67c2ef}
.cyellow {background: #fbb937}
.cgreen {background: #79c447}
.graph-pnl {background: #fff;margin-bottom: 30px;overflow: hidden;-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.2);box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.2)}
.graph-pnl h2 i {margin-right: 5px}





.pink {border: 1px solid #FF8282}
.dashboard-sec h2 {margin: 0;padding: 10px 15px;color: #fff;font-size: 1.2em;text-transform: capitalize; border: none}
.pink h2 {background: #FF8282}
.dash-tips {position: absolute; right: 30px; top: 55px}
.green-dash::before {background: #0ba462;content: "";float: left; height: 15px; margin: 6px 6px 0 0; width: 16px}
.red-dash::before { background: #ff0000; content: ""; float: left; height: 15px; margin: 6px 6px 0 0; width: 16px}
blockquote {display: block;background: #fff;padding: 15px 20px 15px 45px;margin: 0 0 20px; position: relative; text-align: center; font-size: 1.1em; line-height: 1.2;
color: #666; text-align: justify; border-left: 15px solid #c76c0c; border-right: 2px solid #c76c0c; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5}
.dashboardTip {font-size: 1.3em !important; margin-right: 5px}
.orange{ color: #FD9F42}
.benefits{position: relative;}
.benefits li{color: #fff;margin-bottom:10px}
.benefits li i{margin-right:10px; width: 25px; text-align:center;font-size: 1.5em}
.benefits li:last-child{margin-bottom:0}
.benefits a{color:#fff;overflow: hidden; position: relative;display: block}
.benefits a p{display: block;padding:10px 20px;background:#797979;font-size: 1.1em;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.benefits a::before {position: absolute;top: 0;left:0;padding:12.5px 20px; width: 100%; height:auto; background:#e78200; color:#fff; content: attr(data-hover);-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s;transition: transform 0.3s;  -webkit-transform: translateX(-100%);}
.benefits a:hover::before, .benefits a:focus::before {-webkit-transform: translateX(0%);-moz-transform: translateX(0%); transform: translateX(0%)}
.benefits a:hover p, .benefits a:focus p {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%)}
.cd-close{display:none}

#ui-id-1 {width: 532 !important;height: 200px !important;overflow-x: hidden;overflow-y: scroll;}
#ui-id-2 {width: 223px !important;height: 205px !important;overflow-x: hidden;overflow-y: scroll;}

.dropdown .btn-warning, .home .btn-warning {background-color: #f6a020;padding: 7px 10px;font-size: 1.2em;border-radius: 0;}
.home .btn-warning i{margin-right:5px}
.dash-header{border-bottom: 3px solid #f6a020;}
.dropdown-menu {border-radius: 0}
.inner-section-page {background: #fff none repeat scroll 0 0; border: 1px solid #cdcdcd; margin:15px 0; padding: 15px;overflow: hidden;}
.maitri-tabs .nav-pills>li>a{ padding:10px 12px;margin-right: 2px;line-height: 14px;}
.nav-sidebar {width: 100%; padding: 0;border-right: 1px solid #ddd}
.nav-sidebar .active a {cursor: default;background-color: #0b56a8; color: #fff}
.nav-sidebar .active a:hover {background-color: #E50000}
.table th {background: #4879a9 !important;color: #fff;font-weight: normal}
.acc .nav > li > a:hover, .acc .nav > li > a:focus{background:#ccc}
.acc .panel-heading span {margin-top: -20px; font-size: 15px}
.acc .clickable {cursor: pointer}
.modal{z-index: 12 !important;}
.modal-backdrop{z-index: 9 !important}

.h1.head-page {margin: 25px 15px 16px;}
.head-page {border-bottom: 3px solid #EF6439 !important;color: #fff !important;font-size: 1.4em !important;letter-spacing: 0.5px; margin: 0; padding: 10px 16px 2px;text-transform: capitalize; background-color: #F39C12}
#pnl .alert{clear:both; margin:0 0 10px}
#pnl .btn-primary {border-color: #285e8e;background: #205571; color: #fff}

.popup .box-container{overflow-x: auto; height:450px;}
.popup .box-container .panel-title{color:#333; margin: 0 0; padding:0px; border:0px;}

.popup label{padding:0; font-weight:normal}
.popup input, .popup textarea, .popup select, .popup .form-control {  background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #ddd !important; color:#000 !important ;}
/*.popup h2 {font-family: "oswaldregular";font-size: 1.5em !important; font-weight: normal; margin: 0; padding: 9px 15px;text-transform: capitalize;
           overflow: hidden; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); }
.popup h2 label{ color: rgb(236, 129, 9) !important;}*/
.popup h3 {font-size: 1.2em; font-weight: normal; margin: 0; padding: 9px 15px 0;}
.popup h3 i{margin-right: 5px; padding-top: 5px; font-size: 1.1em;color:#333}
.popup li:hover{background:none }
.req-doc .panel {width: 100%;}
.profile-left {margin-left: 70px;float: left;}
.popup .panel { background: #fff; opacity: 1;z-index: 2; border:none}
.popup {background: rgba(0, 0, 0, 0.8);height: 100%;left: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 55; padding: 3% 0 0}
.popup .panel-danger > .panel-heading{background-color: #d9534f !important;}

/*FormLayout CSS*/
.headerwrapper{position: fixed;}
.mainwrapper {padding: 135px 0 0}
.sidebar {padding-bottom: 10px}
.sidebar {width: 230px;position: fixed;display: block;top: 134px}
.nav-sidebar {width: 100%;padding: 0;border-right: 1px solid #ddd}
.mainpanel {width: 84.5%;margin-left: 230px;}

.marq {display:none;color: #fff;float: left;width: 100%}
.site-sec{min-height: 600px;}
.site-sec .nav-pills li:first-child{display: none}
.site-sec .right-menu .tab-pane{min-height: 479px;}

#pnl ul.doc-upload.list-inline.list-group {
    line-height: 25px;
    overflow: scroll;
    height: 600px;
    width: 100%;
}

@media screen and (max-width:1366px)
{ .search-box a{font-size: 0.8em;line-height: 18px;text-align: center;padding:10px;}
  .pnl-org, .search-box{padding: 10px 20px 15px; margin-bottom: 32px;}
  .pnl-body p{margin: 10px 0;}
  .pnl-digi ul li{height: 72px;padding: 12px 0 0;}
  .banner {height: 380px}
  .pnl-digi {margin-top: 33px}
  }

@media screen and (max-width:1199px)
{.gom {height: 50px;}
 .as-logo { height: 50px; margin: 0 30px 0 10px}
 .rts span{font-size: 1.5em}
 .rts img{height: 35px}
 .subheader p{font-size: 1.5em;margin: 3px 0 0 35px}
 .cm{width: 25%}
 .cm img{height: 50px}
 .cm span{margin: 8px 10px 0 8px}
 .cd-dropdown-content .cd-dropdown-icons{width:446px;height: 561px}
 .cd-dropdown-content .cd-secondary-dropdown{width:446px;height:480px}
 .search-box a{font-size: 0.8em;line-height: 18px;text-align: center;padding: 5px;}
 .search-box i{color:#fff}
 .banner {height: 287px}
 .pnl-body span{font-size: 1.8em;margin-top:13px;}
 .pnl-body p {font-size: 1em;margin: 12px 0}
 .right-menu .nav {position: relative}
 .right-menu .nav-pills > li > a, .right-menu > a{padding:9px 3px}
 .right-menu > a, .right-menu .nav-pills a{margin-bottom: 16.5px;}
 .right-menu > a i, .right-menu .nav-pills a i {font-size:1.6em;margin-right: 0;width: 30%;text-align: center;}
 .right-menu > a span, .right-menu .nav-pills a span{line-height: 16px;width: 58%;font-size: 0.85em;}
 .pnl-digi-body li img{height: 42px}
 .pnl-digi h2 {font-size: 1.2em;line-height: 19px}
 .pnl-digi h2 span {width: 85%}
 .pnl-digi h2 i{padding:0;width: 20px;height: 20px;margin:0}
 .pnl-digi ul li{height:55px;padding: 5px 0}
 .pnl-org, .search-box{margin-bottom: 29px;}
 .pnl-digi {margin-top:28px}
 footer p {font-size: 0.9em;line-height: 16px;}
 body{margin:0}
 footer{position:relative; height:auto}
 footer li{margin-right: 25px}
 .tab-pane{min-height: 481px;}
 .benefits li{margin-bottom: 5px;}
 .benefits a p{padding: 14px;}
 .benefits a::before{padding: 15px;}
 .cd-dropdown-content .cd-dropdown-icons{height: 480px;}
 .search-box h2 {font-size: 1em;}
 .search-box span{font-size: 0.75em;}
 .search-box .input-group {margin-top: 15px;}
 .pnl h2{font-size: 1.2em;}
 .pnl-org, .search-box{padding: 10px 10px 15px; margin-bottom:28px;}
 
 .pg-header .as-logo {height: 45px;margin:0 10px 0 5px}
 .pg-header .rts {margin-top: 12px}
  .pg-header .subheader p {
    font-size: 1.4em;
    margin:7px 0 0 20px;
    line-height: 22px;
}
.pg-header .menu {
    float: left;
    width: 7%;
    margin:16px 0 0 26px;
}
.pg-header .cm {
    width:24%;
}
.pg-header .gom {
    margin-right: 0}
 
}


@media screen and (max-width:992px)
{
.gom {height: 40px;margin-right:0}
.as-logo {height: 40px;margin: 0 15px}
.rts {margin-top: 13px;}
.rts span {font-size: 1.2em;padding: 4px 10px 0 0;}
.rts img {height: 25px}
.subheader{height: 75px;}
.subheader p {font-size: 1.3em;margin: 0 0 0 13px;}
.cm {width: 28%; margin-top: 3px;}
.cm img { height: 40px}
.cm span {margin: 8px 4px 0 8px;font-size: 0.9em;line-height: 16px;}
.search-box{margin: 0 20px 25px}
.banner{margin: 0 20px 20px;height: 505px;}
.carousel-inner > .item > img{width:100%}
.pnl{width: 25%;float: left;margin-left: 20px}
.pnl-digi{float: left;width: 68%;margin: 0 15px 15px}
.pnl-digi ul li {float: left;width: 25%}
.pnl-digi-body{padding: 5px}
.pnl-digi ul li{border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf !important;}
.pnl-digi ul li:nth-child(4),.pnl-digi ul li:nth-child(8){border-right:0}
.right-menu{padding: 0 20px}

/*.nav-pills a span{display:none}*/
.right-menu .nav-pills a{display:inline; float:left; width:14.3%; margin-bottom:0; text-align:center; height:90px}
.right-menu .nav-pills a i{display:block;width: 100%;text-align: center;}
.right-menu .nav-pills a span{display:block; width:100%}
.tab-pane {position: relative;width:100%;min-height:200px;top:-16px;right: auto;}

.pg-header .as-logo {height: 35px;margin: 0 10px 0 6px}
.pg-header .rts {margin-top: 8px}
.pg-header .rts span {font-size: 1.2em;padding: 3px 4px 0 0}
.pg-header .rts img {height: 22px}
.pg-header .subheader{height: 65px;}
.pg-header .subheader p {font-size: 1.1em;margin: 1px 0 0 10px;line-height: 21px}
.pg-header .menu {float: left;width: 5%;margin: 7px 0 0 22px}
.pg-header .cm {width: 28%}
.dropdown button span{display:none}
/*.content-bg {min-height: 1650px;}*/

 @-webkit-keyframes slideIn {
    0%   {top:-15px; }
  
    100% {top:0}
}

@keyframes slideIn {
  0%   {top:-15px}
  
    100% {top:0}
}

}

@media screen and (max-width:767px)
{.as-logo {height: 40px;margin: 0 25px 0 5px}
.rts span{padding: 3px 11px 0 0;font-size: 1.5em;}
.subheader{height:auto;}
.subheader p {font-size: 1.1em;margin:0 0 0 30px;line-height: 22px;}
.cm, .cm img, .cm span{ float:left}
.cm {width: 58%; margin: 12px 0 0 145px}
.cm img {height: 30px}
.cm span {margin: 7px 4px 0 5px;font-size: 0.9em;line-height: 16px}
.cm span br{display:none}
.cm span small:before{content:','; margin:0 5px 0 -2px}
.search-box a{margin-bottom: 5px}
.banner{height: 390px;}
.pnl-digi {width: 66%;}
.pnl-body{height: 121px;}
.pnl-body p{line-height: 20px;}
.pnl-body span{margin-top: 5px;}
.right-menu > a i {width: 15%;font-size: 1em;margin-top: 2px}
.right-menu > a {display: inline-block;margin-right: 5px;width: 32.7%;float: left;font-size: 0.83em}

footer{text-align:center}
footer ul{display:inline-block}
.mol-logo{float:none}
.dropdown-menu{float:right !important;left: auto !important; right:0 }

.pg-header .as-logo {margin:0 19px 0 10px}
.pg-header .rts {margin-top: 8px}
.pg-header .subheader p {margin:0 0 0 23px}
.pg-header .menu{margin:7px 0 0 26px}
.pg-header .cm {width:60%;margin: 12px 0 0 130px;}
.pg-header .subheader {height: 105px}

}

@media screen and (max-width:550px)
{
.as-logo {height: 40px; margin: 0 30px 0 19px}    
.rts {margin-top: 10px}
.rts span {font-size: 1.3em;padding: 4px 5px 0 0;}
.subheader p {font-size: 1.2em; margin: 10px 0 0 0; line-height: 23px}
.cm, .cm img, .cm span {float: right}
.cm {width: 60%;margin: 12px 0 0 40px}
.cm img {height: 40px}
.cm span {margin: 4px 4px 0 15px;font-size: 0.85em;line-height: 16px;text-align: right}
.cm span br {display:block}
.cm span small::before {display:none}
.search-box a{margin-bottom: 5px}
.banner {height: 308px}
.pnl {width: 28%;}
.pnl-digi {width: 60.5%}
.pnl h2 {font-size: 1em}
.pnl-body {height: 123px}
.pnl-body span {font-size: 1.8em;margin-top: 7px}
.pnl-body p {font-size: 1em}
.pnl-digi-body li img {height: 39px}
.right-menu > a {width: 100%;display: block;font-size: 1em;}
.right-menu > a i {width: 15%;margin-top: 2px;font-size: 1.5em;}
.right-menu > a span {margin:5px 0 0 0;font-size: 1em}
.right-menu .nav-pills a {width: 14.3%;height: 105px;}
.pnl-digi h2 i {width: 18px;height: 18px;}
.pnl-digi h2 i{font-size: 0.85em;}
footer{text-align:center}
footer ul{display:inline-block}
.mol-logo{float:none}

.pg-header .gom {height: 45px}
.pg-header .as-logo {height: 40px;margin: 0 10px 0 5px;}
.pg-header .rts span {font-size: 1.3em;padding: 3px 4px 0 0;}
.pg-header .rts img {height: 27px}
.pg-header .subheader {height: 120px}
.pg-header .subheader p {margin: 8px 0 0;float: left;clear: both;font-size: 1.2em;line-height: 23px;}
.pg-header .menu {margin: 16px 0 0 19px}
.pg-header .cm {width: 55%;margin: 12px 0 0 30px;}
.pg-header .cm span {text-align: right;}

}
@media screen and (max-width:440px)
{
.topheader {font-size: 0.75em;}
.as-logo {height: 35px;margin: 0; float:right!important }
.subheader {height:auto}
.subheader p {font-size: 1.1em;margin: 10px 0 0 0;line-height: 21px}
.cm {width: 65%;margin: 12px 0 0 0}
.cm img {height: 35px}
.cm span{margin: 4px 4px 0 0px;font-size: 0.8em;line-height: 15px;text-align: right}
.rts span {font-size: 1.2em;padding: 1px 5px 0 0;}
.banner {height: 197px}
.pnl {width: 87.5%;margin-bottom: 20px}
.pnl h2 {font-size: 1.2em}
.pnl-body {height: 103px}
.pnl-body p {font-size: 1.1em}
.pnl-digi {width: 87.5%;margin: 0 20px 15px}
.pnl-body span {font-size: 1.8em; margin-top: 7px}
.btn-pad .btn{font-size: 0.7em;padding: 2px 3px !important;}
.tab-pane{padding: 5px;}
.right-menu .nav-pills a {width:14%;height: 40px;}
.right-menu .nav-pills a i{font-size: 1.3em;}
.right-menu .nav-pills a span{display:none}
.cm span {margin: 6px 4px 0 0px;font-size: 0.75em}
.dropdown-menu{font-size: 0.8em;float: left !important;left: auto ;right: auto}
footer p{line-height: 15px;}
footer{text-align:center}
footer ul{display:inline-block}
.mol-logo{float:none}

.pg-header .gom {height: 40px}
.pg-header .as-logo {height: 35px; margin: 0 0 0 183px}
.pg-header .rts span {font-size: 1.3em;padding: 1px 6px 0 0}
.pg-header .rts img {height: 25px}
.pg-header .subheader {height:145px}
.pg-header .subheader p {margin: 8px 0 0;font-size: 1.1em;line-height: 20px;}
.pg-header .menu {margin: 14px 0 0 7px}
.pg-header .cm {width: 61%;margin: 12px 0 0 0}

}