/* lg */ 
	@media (min-width: 1200px) {
   
   
   }
   
   /* md */
	@media (min-width: 992px) and (max-width: 1199px) {
      .navbar-nav > li {padding: 0 2px;}
      .navbar-nav > li > a {padding: 0 10px;font-size: 15px;}
      .nivo-caption {width: 55% !important; right: 7% !important;}
      .ban-con-block {padding-top: 5%;}
      #banner h1 {font-size: 36px; }
      .btn-mr {left: 20%;}
      section#footer-top p {font-size: 15px;}
      /*-----------partner page----------------*/
      ul.partner-list li {margin: 6px; width: 230px;}
      .partner-section {width: 78%;}
      /*-----------support page-----------------*/
      .cntr-prsn{padding-left: 20px;}
      .cntr-plc,.cntr-prsn {min-height: 100px;}
      /*------------gallery---------*/
      .gal-area {width: 100%;}
      .portfolio-area {float: left;}
      .portfolio-area li{width: 290px;}
      /*----------Customer Feedback--------*/
      .feedback-area {width: 95%;} 
      /*---------------------Lines of Activities----------------*/
      ul.act-list li {margin: 0 1%; font-size: 17px; width: 48%;}
      /*---------e-Governance-----------*/
      ul.sdc-list li{font-size: 16px;}
      .award-list li{width: 285px;}
 }
 
    /* sm */
	@media (min-width: 768px) and (max-width: 991px) {
      header h1 {font-size: 24px;}
      .navbar-nav > li > a { font-size: 13px; padding: 0 5px;}
      .navbar-nav > li {padding: 0 1px;}
      ul.top-menu li {padding: 0 12px;}
      .nivo-caption {width: 65% !important; right: 5% !important;}
      #banner p {line-height: 130%;}
      #banner h1 {font-size: 30px; padding: 0; }
      .nivo-caption p {padding: 0 !important;}
      section#banner-bot h2 {font-size: 24px;}
      .ban-con-block {padding: 3%;}
      .recent-txt {margin: 0 0 0 3%; width: 70%;}
      .gray-box h1 {font-size: 17px;}
      .gray-box p {font-size: 13px;}
      .gray-box {padding: 2%; min-height: 270px;}
      .btn-mr {font-size: 15px;left: 17%; padding: 7px;}
      section#footer-top p {font-size: 14px;}
      h3 {font-size: 15px;}
      .ft-link {font-size: 12px;}
      ul.ftr-menu li { padding-right: 12px;}
      ul.ftr-menu li a,p.copyright {font-size: 13px;}
      /*-----------partner page----------------*/
      ul.partner-list li {margin: 3px; width: 225px;}
      .partner-section {width: 98%;}
      /*-----------support page-----------------*/
      .cntr-prsn, .cntr-plc{min-height: 105px;}
      section#vendor-add h1.phone-blue {font-size: 22px;}
      section#vendor-add h1.phone-blue i {width: 28px; height: 28px; line-height: 28px; font-size: 21px;}
      /*------------gallery---------*/
      .gal-area {width: 100%;}
      .portfolio-area {float: left;}
      .portfolio-area li{width: 230px;}
      /*----------Customer Feedback--------*/
      .feedback-area {width: 100%;} 
      #feedback-form p.radio-txt {font-size: 13px;}
      /*---------------------Lines of Activities----------------*/
      ul.act-list li {width: 100%;}

      /*---------e-Governance-----------*/
      section#e-gov-init ul li{font-size: 14px;}
      ul.sdc-list li{width: 100%;}
      .award-list li { margin: 0 8px !important; padding: 0 !important; width: 31%;}
}


  /* xs */
   @media (max-width: 767px) {
   .logo-holdr {width: 100%; text-align: center; padding: 5px 0;}
   header h1 {text-align: center; padding-bottom: 5px; font-size: 20px;}
   ul.top-menu { display: table; float: none; margin: 0 auto;}
   .logo-holdr img {width: 150px;}
   .nivo-caption {width: 70% !important; right: 0 !important; padding: 0 !important;}
   .nivo-caption p {padding: 0 0 5px !important;}
   #banner p {line-height: 130%; font-size: 15px;}
   #banner h1 {font-size: 20px; padding: 0; }
   .ban-con-block {padding: 20px;}
   .nivo-caption a {padding: 5px !important; font-size: 11px !important;}
   section#banner-bot h2 {font-size: 20px;}
   .recent-txt {margin: 0 0 0 3%; width: 60%;}

   .navbar-toggle {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */; }
   .navbar-toggle:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */}
   .nav {width: 100%; background:rgba(0,0,0,0.5); }
   .navbar-collapse {  border-color: #326715 !important; box-shadow: 0 0 5px 2px rgba(0,0,0,.35); position: relative; z-index: 9999;}
   .navbar-nav > li.home > a,.navbar-nav > li > a.about,.navbar-nav > li > a.service,.navbar-nav > li > a.contact {float: none;}
   .navbar-nav > li > a {padding: 10px; line-height: 120%;}
   .navbar-nav > li {margin: 0 0 5px; padding:0;}

   .gray-box {margin: 0 0 40px;}
   .btn-mr {left:30%;}
   .col-padng { padding-right: 10px;}
   .ft-link {margin: 10px 0 20px;}
   p.copyright,p.copyright-sml {clear: left; text-align: left; padding: 10px 0 0;}

   /*------------------service page-----------------*/
   #banner-service,#banner-about,#banner-contact,#banner-partner,#banner-support {padding: 60px 0;}
   .sub-nav-hldr {height: auto;}
   ul.service-menu li {width: 50%;}
   .mid-area {width: 80%;}
   h1.inner-hdng {font-size: 25px;}
   /*-----------partner page----------------*/
   ul.partner-list li {margin: 1%; width: 31%; padding: 1%;}
   .partner-section {width: 100%;}
   ul.partner-list li img { max-width: 150px;}
   /*-----------support page-----------------*/
   section#vendor-add h1.phone-blue {font-size: 22px;}
   section#vendor-add h1.phone-blue i {width: 22px; height: 22px; line-height: 20px; font-size: 14px;}
   section#vendor-add h1 {font-size: 20px;}
   .plc-arrw {width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;
      border-color: #fff transparent transparent transparent; top:0; left: 45%;}
   .cntr-prsn {padding-top: 30px;}
      /*------------gallery---------*/
      .gal-area {width: 100%;}
      .portfolio-area {float: left;}
      .portfolio-area li{width: 80%;}
   /*----------Customer Feedback--------*/
   .feedback-area {width: 100%;} 
   #feedback-form p.radio-txt {padding: 10px 0;}
   /*---------------------Lines of Activities----------------*/
   ul.act-list li {width: 100%; font-size: 16px;}

   /*---------e-Governance-----------*/
   ul.sdc-list li{width: 100%;}
   .award-list li { margin: 0 5px !important; padding: 0 !important; width: 31%;}
   h1.inner-pg-hdng {font-size: 30px;}
}


   /* XS Portrait */
   @media (max-width: 480px) {
    ul.top-menu li {font-size: 10px; padding: 0 2px;}  
    ul.top-menu li:last-child {padding: 0 0 0 2px;}
   .nivo-caption {display: none !important;}
   #banner p {line-height: 110%; font-size: 11px;}
   #banner h1 {font-size: 17px; }
   .read-mr {padding: 8px 5px 5px; font-size: 13px;}
   section#banner-bot h2 {font-size: 20px; text-align: center; width: 100%;}
   .recent-txt {margin:5px 0 0; width: 100%; text-align: center; border-top: 1px solid #222;border-left: 0 solid #222;
      max-width: 100%;}
   ul.ftr-menu li a {font-size: 11px;}
   ul.ftr-menu li {padding-right: 6px;}
   p.copyright,p.copyright-sml {font-size: 11px;}
   h1.inner-hdng {font-size: 18px;}
   .pdf-link {font-size: 22px!important;}
   .pdf-link img {width: 25px;}
   /*------------------service page----------------*/
   #banner-service,#banner-about,#banner-vendor,#banner-contact,#banner-partner,#banner-support {padding: 40px 0;}
   .arrow_box::after, .arrow_box::before {top: 100%;}
   h1.inner-pg-hdng {font-size: 40px;}
   .mid-area {width: 100%;}
   ul.service-menu li {width: 100%;}

   p.ban-sub-hdng {font-size: 18px;}
   section#vendor-add h1 {font-size: 18px;}
   /*-----------partner page----------------*/
   ul.partner-list li {margin: 1%; width: 48%; padding: 1%;}

/*-----------support page-----------------*/
   section#vendor-add h1.phone-blue {font-size: 20px;}
   section#vendor-add h1.phone-blue i {width: 22px; height: 22px; line-height: 20px; font-size: 14px;}
   section#vendor-add p.spprt-txt {font-size: 17px;}
   h2.blue-bg {font-size: 20px;}

   /*---------------------*/
   div.pp_pic_holder {left: 5% !important; width: 90% !important; background: #fff; border-radius: 25px;}
   #pp_full_res img {width: auto !important; height: auto !important;}

   /* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 90%!important; left: 5!important; overflow: hidden;  }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; padding-top: 20px;}
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }

   /*---------e-Governance-----------*/
   h1.page-hdng {font-size: 28px;}
   .e-gov-area h3 {font-size: 19px;}
   section#e-gov-init h3 {font-size: 20px;}
   section#e-gov-init ul li {font-size: 17px;}
   .mmp-area h2 {font-size: 19px;}
   section#e-gov-init::before {border-width: 30px 30px 0; left: 42%;}
   .mmp-area .panel h4 {font-size: 18px;}
   section#e-gov-init {padding: 40px 0 30px;}
   section#mmp-section {padding: 30px 0 0;}
   .mmp-bg {padding: 0 0 30px;}
   .mmp-area .panel p {font-size: 15px;}
   .mmp-area .panel h5 {font-size: 17px;padding: 10px 0;}
   ul.sdc-list li {font-size: 15px!important; width: 100%;}

   .mmp-area .panel h3{font-size: 20px;text-align: center;}
   .mmp-area .panel ul li{font-size: 15px;}
   .panel-body {padding: 15px 10px;}
   .panel-box {padding: 20px 10px;}
   .mmp-area .panel .alignleft, .mmp-area .panel .alignright { display: table; float: none; margin: 0 auto; padding: 0 0 10px;}
   ul.feature-list li ul, ul.feature-list li ol {padding: 8px 0 !important;}
   .award-list li{width: 100%;}
   h1.inner-pg-hdng {font-size: 25px;}
   ul.dwnld-list li {font-size: 16px;line-height: 31px; padding: 22px 15px 22px 70px;}
}


@media (max-width: 360px) { 
   header h1 {font-size: 17px;}
   /*---------e-Governance-----------*/
   h1.page-hdng {font-size: 26px;}
   .e-gov-area h3 {font-size: 17px;}
   section#e-gov-init h3 {font-size: 21px;}
   section#e-gov-init ul li {font-size: 15px;}
   .mmp-area h2 {font-size: 17px;}
   section#e-gov-init::before {border-width: 30px 30px 0; left: 42%;}
   .mmp-area .panel h4 {font-size: 16px;}
   section#e-gov-init {padding: 40px 0 30px;}
   section#mmp-section {padding: 30px 0 0;}
   .mmp-bg {padding: 0 0 30px;}
   .mmp-area .panel p {font-size: 15px;}
   .mmp-area .panel h5 {font-size: 15px;padding: 10px 0;}
   ul.sdc-list li {font-size: 15px!important; width: 100%;}

   .mmp-area .panel h3{font-size: 19px;text-align: center;}
   .mmp-area .panel ul li{font-size: 15px;}
   .panel-body {padding: 15px 10px;}
   .panel-box {padding: 20px 10px;}
   .mmp-area .panel .alignleft, .mmp-area .panel .alignright { display: table; float: none; margin: 0 auto; padding: 0 0 10px;}
   ul.feature-list li ul, ul.feature-list li ol {padding: 8px 0 !important;}
   .award-list li{width: 100%;}
   h1.inner-pg-hdng {font-size: 21px;}
   ul.dwnld-list li {font-size: 16px;line-height: 31px; padding: 22px 15px 22px 70px;}
   #inner-content h4{font-size: 17px}

   /*--------------*/
   ul.partner-list li img { max-width: 110px;}
}

    /*@media screen and (min-width : 320px) and (max-width: 359px) {
    
  
}


   @media screen and (min-width :240px) and (max-width: 319px) {
    .main-area {width:98%;}
   
}*/