/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media screen and (max-width: 769px) {
  #superfish-main {
    display: none !important;
  }
}

@media (max-width: 940px) {
  
  .navigation-bar .sf-accordion-toggle{
    position: absolute;
      top: -7rem;
      right: 14px;
      color: #000;
      z-index: 9999;
  }
  .navigation-bar .sf-accordion-toggle a {
      background: url(../img/menu.png);
      background-size: 30px;
      width: 35px;
      height: 35px;
      display: block;
      background-repeat: no-repeat;
      overflow: hidden;
      color: transparent;
  }
  .navigation-bar .sf-accordion-toggle a:hover{
      background: url(../img/menu-blue.png);
      background-size: 30px;
      background-repeat: no-repeat;
  }
  .navigation-bar .menu.sf-menu {
      position: absolute!important;
      top: 0!important;
      z-index: 99999;
      left: 0px!important;
      right: 0px;
      width: 100%;
      background: #125696;
  }
  .navigation-bar .menu.sf-menu li ul{
      float: left!important;
      background-color: #103b6a;
  }
  .navigation-bar .menu.sf-main li:nth-child(3) ul li {
      width: 100%;
  }
  .navigation-bar .menu.sf-main li ul li a {
      color: #fff;
      text-decoration: none;
      padding: 5px 14px;
      font-size: 12px;
      line-height: 20px;
  }
  
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1474px) {.webform-submission-registration-for-sparc-form{width: 65%;}}
@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /* CSS */
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  /* CSS */
  html{overflow-x: hidden;}
  .webform-submission-feedback-form{background-image: none;}
  .webform-submission-feedback-form .js-form-item {
    width: 100%;
    margin-bottom: 20px;
}
  .content-info-cards .card-body ul li:nth-child(even){
    float: none !important;
  }
  .content-info-cards .card-body ul li{
    width: 31%;
    display: inline-block;
    height: 125px;
  }
  .modal-search{display: none;}
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  html{overflow-x: hidden;}
  .webform-submission-feedback-form{background-image: none;}
  .webform-submission-feedback-form .js-form-item {
    width: 100%;
    margin-bottom: 20px;
}

  .topbar{
    height: auto;
  }
  .topbar ul.accessibility-icons {
    flex-wrap: wrap;
    justify-content: center;
  }
  .modal-search{
    display: none;
  }
  .topbar .col-lg-8.col-md-8.col-sm-12 {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #efefef4a;
    position: initial;
    padding: 7px 12px;
    justify-content: center;
    text-align: center;
  }
  .topbar .col-lg-8.col-md-8.col-sm-12>ul.modal-search + div + div,
  .topbar .col-lg-8.col-md-8.col-sm-12>ul.modal-search + a + div + div{
      position: absolute;
    right: 36px;
    top: 0px;
  }
  .topbar ul.accessibility-icons li {
      border-left: 0px solid #ffffff6b!important;
      padding: 0;
      font-size: 12px;
      border-top: 0px solid #ffffff6b;
      margin-right: 12px;
  }
  .topbar p {
     font-size: 10px;
  }
  .India-Gov {
      display: block;
      font-size: 14px!important;
      padding: 4px 0;
  }
  .language-switcher-language-url ul {
    padding: 0px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 6px;
    margin: 0;
    height: 33px;
    background: #063562;
}
.header-wrapper .col-lg-6 .brand img {
    width: 33px!important;
}
.brand p {
    font-size: 12px;
    margin: 0;
}
.brand {
    display: flex!important;
    align-items: center!important;
}
.header-wrapper .col-lg-6.col-md-6.text-end .item-list ul {
    display: flex;
    justify-content: end;
    margin-bottom: 0px;
    padding: 0 38px;
    padding-bottom: 3px;
}

.banner-wrapper .flexslider ul.slides li {
    position: relative;
    height: 130px;
    overflow: hidden;
}

.banner-wrapper .flex-pauseplay a {
    left: 0!important;
    bottom: 0!important;
    position: absolute;
    height: 25px;
    width: 25px;
    color: #000;
    border-radius: 6px;
    opacity: 1;
    box-shadow: 0 0 20px #0000001f;
}
.banner-wrapper .flex-pauseplay {
    position: absolute;
    top: auto!important;
    left: 2px!important;
    bottom: 13px!important;
    margin-top: 0px!important;
    margin-left: 0px!important;
    width: 25px;
    height: 25px;
    display: block!important;
}
.banner-wrapper .flex-pauseplay a:before{
    font-size: 14px;
    color: #fff;
}
.minister-widget {
    margin-bottom: 14px;
}
.notice-ticker + div + div + div .col-lg-4,
.notice-ticker + div + div + div + div .col-lg-4{
    margin-bottom: 18px;
}
.links-box ul li {
    width: 48%;
}
.link-tabs .nav.nav-pills {
    width: 45%;
    height: 100%;
}
.link-tabs .nav.nav-pills li {
    height: 25%;
}
.link-tabs .nav.nav-pills li a{
   height: 100%;
}
.link-tabs .tab-content{
    border: 1px solid #e7e7e7;
    width: 55%;
    height: 100%;
    overflow: auto;
}
.link-tabs .tab-content .tab-pane{
  padding: 5px 10px;
}
.link-tabs .container.tab-pane ul li {
    width: 46%;
    margin-bottom: 19px;
    border: 1px solid #efefef;
    margin-right: 6px;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    transition: 0.3s;
}
.footer-slider .flexslider.footer-corousel ul.slides li {
    height: auto;
    min-width: 132px;
}
.footer-menu {
    background: url(../img/footer-top-bg.jpg) repeat #333;
    flex-wrap: wrap;
    border-bottom: 1px solid #ffffff69;
}
ul.footer-menu li a {
    color: #ffffffe0;
    display: block;
    font-weight: normal;
    margin-bottom: 0;
    font-size: 14px;
    padding: 2px 0;
}
.footer-bottom .w-75 {
    width: 100%!important;
    flex-direction: column;
    font-size: 12px;
}
.footer-bottom .w-75 p{
  margin-bottom: 5px;
}
.inner-page-content {
    flex-wrap: wrap;
}
.inner-page-content .sidebar-first {
    width: 100%;
    margin-bottom: 20px;
}
.inner-page-content .content-area {
    width: 100%;
    margin-left: 0%;
    padding-bottom: 20px;
}
.Inner-page-banner img {
    width: 100%;
    height: 125px;
}
.footer-slider {
    overflow: hidden;
    width: 100%;
    background: url(../img/footer-bg.png);
    padding: 25px 0;
    padding-bottom: 0px;
}
.link-tabs .nav.nav-pills .nav-link {
  padding: 5px 10px;
  border: 1px solid #e7e7e7;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}


}


@media (max-width: 319px) {
  .content-info-cards .card-body ul li{width: 48%;}
}
  
@media (min-width: 1920px) {
	.minster-img {
		width:24%;
	}
	
}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1474px) {.webform-submission-registration-for-spark-form{width: 65%;}}
@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  
}