@charset "utf-8";
 @media all and (max-width : 1200px) {
.nav-wrapper ul li a {
  padding: 0 18px !important; 
}

.lpg-rates {
  float: right;
  width: 460px;
}

.mid-panel-right {
  background-size:23% auto !important;
  
}

.gallery-area {
  width: 65.5%;
}
.video-gallery {
  width: 33%;
  padding:15px;
  position:relative;
}
.video-gallery ul.list li a {
  font-size: 90%;
}
.video-gallery ul.list li {
 
  margin-bottom: 4px;
}
.video-gallery a.view{margin-top:0px; display:inline-block; position:absolute; top:15px; right:10px;}
.video-gallery h3{margin-bottom:6px;}


}
 @media all and (max-width : 1100px) {



.nav-wrapper ul li a {
  padding: 0 14px !important;
}

.mid-panel-right {
  background-size: 18% auto !important;
}

.gallery-area {
  width: 60%;
}
.video-gallery {
  padding: 10px;
  width: 38%;
}

.video-gallery ul.list li {
  margin-bottom: 2px;
}

}

 @media all and (max-width : 1023px) {



.nav-wrapper ul li a {
  padding: 0 11px !important;
}

.resp-tab-content{background:#efeeed;}

.lpg-rates {
  width: 418px;
}
.my-lpg {
  font-size: 105%;
}
.slide-caption{padding:5px; left:0;}


}
 @media all and (max-width : 940px) {
	 
	 
	 
	
/*Start my code kamal*/	
.container.common-container{padding:0;}
.quicktabs-tabs li{width:auto;}
/* #main-menu  .menu .nolink{background:url("../images/blt-bottom.png") no-repeat 95% 50%; cursor:pointer;} */
.nav-wrapper ul li span i.fa-angle-down{
position: relative;
float: right;
top: 12px;
}
.nav-wrapper ul ul li span i{
    right: 3%;
    position: absolute;
    top: 12px;
}
.nav-wrapper ul ul{
position: absolute;
top: 0%;
}
.nav-wrapper ul ul li.expanded:hover ul{
position: absolute;
left: 0%;
top: 0%;
}
.nav-wrapper li .nolink{padding-left:12px;}
.banner-left-section{width:100%;}
.banner-right-section{ width:100%;}
.minister_panel_sec{width:50%; float:left; margin:0;}

.forth .middle-strip h2{width:50%;}

/*Emp Dashboard*/
.emp-dashboard #sidebar-first, .emp-dashboard #content{width:100%; margin:0;}

#webform-client-form-13 select,#webform-client-form-13 textarea, #webform-client-form-13 input{ width:100%;}

 
	 .slide-caption{font-size:100%;}
	 .float-element{display:none;}
	 
	 .minister{float:right; width:30%; padding:20px;}
	 
	 .welcome-text, .whats-new, .minister {
  min-height: 0px;
  
}
.welcome-text, .minister{min-height:270px; margin-bottom:30px; background:none;}
.whats-new {
  float: left;
  margin: 0;
  padding: 20px 20px 25px;
  width: 70%;
}

.scheme {
  float: none;
  width: 100%;
  
}

.scheme-tab {
  padding: 30px 12px;
}

.whats-new {
  
  padding: 0 20px;
}

.resp-tabs-container {
  background-color:transparent;
  height:auto;
}
.resp-tabs-container ul.list li a {
  font-size:90%;
}
.resp-tab-active{background:#e3e2e0 !important; font-weight:600;}
.link-box {
  margin-bottom: 10px;
  width: 50%;
}

.mid-panel-right {
  background-size: 30% auto !important;
  background-position:center 20px;
  padding-top:160px;
  padding-left:12px;
}
.lpg-rates {
  width: 100%;
}
.video-gallery {
  padding: 13px 15px;
}

.links-box {
  
  width: 50%;
  min-height: 168px;
  padding: 0;
  margin-bottom:20px;
  border-right:none !important;
}

.footer-shiblinks .links-box {
  
  width: 50%;
  min-height: 168px;
  padding: 0px 2%;
}

.footer-shiblink-conatiner {
  display: block;
}

/*===========responsive nav ===========*/
/*responsive nav theme*/	
 

#nav li {
	background: #09408d;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#nav li a {
}
.nav-wrapper ul li.open ul li a {
	background: #271c68 !important;
	color: #fff;
}
.nav-wrapper ul li.open ul li:hover a {
	background: #2762b3 !important;
}
.sub-menu i {
	color: #fff;
}
.nav-wrapper ul li:hover a {
	background: #2762b3 !important;
}
#nav {
	max-height: none;
	overflow: visible;
}
.mid-bg-wrapper .body-container {
	padding: 50px 0 5px;
}

.gallery-holder ul.slides {
	float: none;
	padding: 1px;
	width: 100%;
}
.gallery-holder ol.flex-control-nav.flex-control-thumbs {
	float: none;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}
.gallery-holder .flex-control-thumbs li {
	margin: 0 2% 0 0px;
	padding: 0;
	float: left;
	width: 32%;
}
.gallery-holder .flex-control-thumbs li:last-child {
	margin-right: 0px;
}



.gallery-area h3 {
  
  font-size: 112%;
  
  padding: 3px 15px;
}
.gallery-area a {
  
  font-size: 81%;
  
  padding: 6px 10px;
 
}
}
 @media all and (max-width : 767px) {
	 
	 
/*Start my code kamal*/
.quicktabs-tabs li{width:auto;}
.emp-dashboard #content #block-quicktabs-profile ul li{width:auto;}
.view-id-media_gallery .list-bg{width:100%;}
.minister-col a{font-size:12px;}
.forth .middle-strip h2{ text-align:center; width:100%; padding:0;min-height: 80px; padding-top: 35px !important;}	
.middle-strip .attached-1, .middle-strip .attached-2, .middle-strip .attached-3,.middle-strip .attached-4{ background-position:50% 3%;} 

.banner-left-section{width:100%;margin-bottom: 1%;}
.banner-right-section, .state_minister, .other_services_link, .forth .vertical_menu, .update-news{width:100%;}
.banner-right-section .flexslider .slides img{height:auto;}
.common-right #header-nav .user-login a, .common-right #header-nav .screen-reader a{}
.common-right #header-nav .user-login a:nth-child(2), .common-right #header-nav .screen-reader a:nth-child(2){display:none;}
.common-right ul li{padding: 6px 3px;}
.banner-wrapper .flex-direction-nav .flex-prev, .banner-wrapper .flexslider:hover .flex-direction-nav .flex-prev{left: -414px;}

	.minister {
  float: none;
  min-height: 0;
  padding: 20px;
  width: 100%;
}
.minister .min-info{text-align:left; padding-left:20px;}
.minister .min-info ul {
  display: block;
  padding: 8px 0 0;
  text-align: left;
}
.minister .min-info h4{padding-bottom:5px;}

.whats-new {
  padding: 0px;
  width: 100%;
  float: none;
}

.mid-panel-left {
  float: none;
  margin-bottom: 30px;
  width: 100%;
}
.mid-panel-right {
	background-position:23px center;
  float: none;
  width: 100%;
  padding:13px 12px 13px 150px;
  background-size:19% auto !important;
}
.lpg-rates {
  float: none;
}

.gallery-area {
  float: none;
  width: 100%;
}

.video-gallery {
  float: none;
  margin-top: 30px;
  padding: 10px;
  width: 100%;
}
.resp-tab-content {
  display: none;
  padding: 20px 5px;
}


}

 @media all and (max-width : 639px) {
/*Start my code kamal*/	 
.minister-col a{font-size:11px;}
.logo a span{font-size: 57%;}
	 
.logo {
	background-position: 4% 38%;
	background-size:16%;
	font-size: 100%;
	min-height: 56px;
	padding: 12px 0 0 50px;
}

.slide-caption {
  position: absolute;
  width: 100%;
  bottom:0;
  
  overflow:hidden;
}
.banner-wrapper .container{width:100%;}


.mid-panel-right {
  background-position: center 20px;
  background-size: 30% auto !important;
  padding-left: 12px;
  padding-top: 160px;
}

.footer-shiblinks .links-box {
  
  width: 100%;
  min-height:0px;
  padding: 0;
  margin-bottom:20px;
  border-right:none !important;
  float:none;
  border-bottom:1px solid #d2d1d2;
}

.emp-dashboard .group-left, .emp-dashboard .group-right{width:100%;}

}
 @media all and (max-width : 500px) {
	.link-box {
  float: none;
  margin-bottom: 15px;
  width: 100%;
}
.links-box{width:100%; float:none; min-height:0px;} 
	.minister .min-info {
  padding: 20px;
  text-align: left;
}
.mid-panel-right {
  background-size: 35% auto !important;
} 


.video-gallery {
 
  padding: 15px;
}


 }
 @media screen and (min-width: 320px) and (max-width:480px) {
	.mid-panel-right {
  background-size: 50% auto !important;
} 
 .some-links{ width:100%;}
.some-links:nth-child(2){border:none;}
.other_services_link{background:#eee; margin-top:1%;}
.other_services_link .some-links{width:50% !important;}
.some-links{ width:100%;}
.some-links:nth-child(2){border:none;}
.forth .middle-strip h2 a{padding-top:10px;} 
.other_services_link .some-links{width:100% !important;}
.forth .vertical_menu{width:100% !important;}
.update-news{width:100% !important;}
#quicktabs-network_data li{width:100%; margin-top:1%;}
.emp-dashboard #content #block-quicktabs-profile ul li{width:100% !important; margin-bottom:1% !important;}
#edit-account .form-item label, #edit-account .form-item input, #edit-account .form-item .description{width:100%;}
#edit-account .form-item  .username ,.form-text{width:100%;}
.emp-dashboard #sidebar-first .guide-text{display:none;}

.quicktabs-tabs li{width:100%; margin-bottom:1% !important;}
  }
  
  
  @media all and (max-width : 768px) {
 .state_minister, .other_services_link{ width:100%; margin-bottom:2%;}
.other_services_link .some-links{width:25%;}
 .forth .vertical_menu, .update-news{width:49%; margin:0;}
 .white-sec{margin:0;}
 .some-links a{font-size:12px;}
  .forth .middle-strip h2 a{font-size:10px;}

  .state_ministe_col a{display:block; float:left;}
  .bg-bottom{background:none;}
  .view-id-media_gallery .list-bg{width:49%;}
  
  
  } 
  
  
@media all and (max-width : 1024px) {
	.nav-wrapper ul ul ul{left:0px;}
	  
	  .forth .vertical_menu, .white-sec{margin:0;}
	   .some-links{width:50% !important; margin-top:10px;}
	   .forth .middle-strip h2 a{font-size:14px; padding-left:0;}
	   .middle-strip .attached-1,.middle-strip .attached-2, .middle-strip .attached-3,.middle-strip .attached-4{background:none;}
	   .view-id-media_gallery .list-bg{width:30%;}
} 
   
   
  @media screen and (min-width: 768px) and (max-width:1024px) {
	   .nav-wrapper ul ul ul{left:0;}
	  .video-gallery{padding: 0px 0px;}
	  .banner-wrapper .flex-direction-nav .flex-prev, .banner-wrapper .flexslider:hover .flex-direction-nav .flex-prev{left: -567px;}
	  .state_minister{width:40%;} .other_services_link{width:60%;}
	  
  }
  
 @media screen and (min-width: 320px) and (max-width:640px) {
	 #user-login label , #user-login input, #user-login .description,#user-pass label , #user-pass input{ width:100%; margin:0;}
	 .breadcam{width:90%;}
	 .view-id-media_gallery .list-bg{width:100%;}
	 #quicktabs-container-profile .emp-photo{display:block;}
	 .emp-dashboard #content .basic-detail span{width:100%;}
	 #quicktabs-tabpage-profile-0 .views-field .full-detail{width:100%;}
	 .emp-dashboard #content ul.quicktabs-tabs.quicktabs-style-zen{border-bottom:none;}
	 .forth .middle-strip h2 a{ padding-left:0px; }
 }
 
 
 
  @media screen and (min-width: 480px) and (max-width:320px) {
	  
	  .other_services_link .some-links{width:50%;}
	  
	
	  
  }
  
  
  


 

 

 
 
 