@charset "utf-8";
/* CSS Document */
/*!
* Responsive Stylesheet for MPLADS
* Author: Manisha
* TOPICS
1. Width 1920
2. Width 1400
3. Width 1280
4. Width 1024
5. Width 980
6. Width 800
7. Width 768
8. Width 640
9. Width 480
10. Width 360
11. Width 320
*/


@media screen and (min-width: 1280px) and (max-width:1440px) 
{
    #imp_link_in_crsl_sec .container
    {
        padding: 10px 5px;   
    }
    .impLink_ul_li_outr_div {
        padding: 0px 10px;
    } 
    
}


@media screen and (min-width: 1280px) and (max-width:1366px) 
{
   .impLink_ul_li_outr_div {
        padding: 0px 5px;
    } 
    .carousel.slide {
        min-height: 115px;
    }
    
}

@media screen and (min-width:1280px){
	#slider-box .carousel-item img{
		min-width: 100%;
	}
	#slider-box{
		width: 75%;
        padding-left: 5px;
        top: 5px;
	}
	.img-slide{
	    /*height: 360px;*/
        height: 400px;
    }
	#news-box
	{
	    height: 400px;   
	}
	.page-content.inset
    {
        /*min-height: calc(100vh - 500px);*/
        min-height: 60vh;
        margin-bottom: 20px;
    }
    .row.profile
    {
        padding: 35px 35px !important;   
    } 
    .sticky_left_img
    {
        display: block;
    }
}

@media screen and (min-width:1366px)
{
  .img-slide{
	    /*height: 360px;*/
        height: 450px;
    }
	#news-box
	{
	    height: 450px;   
	} 
	
    
}
@media screen and (min-width:1920px)
{
  .img-slide{
	    /*height: 360px;*/
        height: 480px;
    }
	#news-box
	{
	    height: 480px;   
	}  
	#lblNewsEvents .col-3.pr-1
	{
	    width: 20%; 
	    max-width: 20%;  
	}
	#lblNewsEvents .col-9.
	{
	    width: 80%;  
	    max-width: 80%; 
	}
	.news-content p{
	    font-size: 14px;
	}
	
    
}

@media screen and (max-width:1280px)
{
    .slick-initialized .slick-slide
    {
        padding:20px 2px;
        margin: 0px 10px;
    }   
    .news-container
    {
        padding: 10px;   
    }
    .news-content p{
	    font-size: 12px;
    }
    #lblNewsEvents .col-9
    {
        padding-right: 5px;
        padding-left: 5px;
    }
    .news-content aside p.year{
	    font-size: 11px;
    }
    .news-content aside p.date
    {
        padding: 10px 0;
	    font-size: 14px;
    }
    .heading h2 {
        font-size: 16px;
    }
    #newsSlider .carousel-control-next {
        right: 8px;
    }
    #newsSlider .carousel-control-prev {
        right: 38px;
    }
    #newsSlider .carousel-control-prev, #newsSlider .carousel-control-next
    {
        top: 8px;
        width: 22px;
        height: 22px;   
        font-size: 12px;
    }
}


@media(max-width:1025px) {
	.navbar-brand span{
		font-size: 1rem;
	}	
	.navbar-nav li{
		padding: 0 5px;
	}
	.navbar-nav li{
		font-size: 12px;
	}
	#news-box{
		width:400px;
		height: 350px;
	}
	.ministry-name{
		font-size: 14px;
	}
	##newsSlider{
		height: 200px;
	}
}

@media(min-width:768px) {
	#wrapper {
		padding-right: 0;
	}
	#sidebar-wrapper {
		width: 0;
	}
	#wrapper.toggled #sidebar-wrapper {
		width: 270px;
	}
	#page-content-wrapper {
		position: relative;
	}
	#wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-left: 0;
	}
	
	/* LOGOS SLIDER */
    /* show 3 items */
    #logos .carousel-inner .active,
    #logos .carousel-inner .active + .carousel-item,
    #logos .carousel-inner .active + .carousel-item + .carousel-item,
    #logos .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    #logos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #logos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #logos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #logos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    #logos .carousel-inner .carousel-item-next,
    #logos .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
   #logos .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    #logos .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #logos .carousel-item-next.carousel-item-left + .carousel-item,
    #logos .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #logos .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #logos .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    #logos .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    #logos #logos .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    #logos .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #logos .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #logos .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

@media screen and (max-width:1024px){
	.profile-content{
		margin-bottom: 20px;
	}
	.container{
		max-width: 96%;
	}
	.ministry-name{
		font-size: 12px;
	}
	#news-box{
		height:430px;
	}
}

@media screen and (max-width:800px){
	#news-box {
		position: relative;
		bottom:auto;
		right: auto;
		z-index: 1;
		width: 100%;
		height: 430px;
		overflow: hidden;
		border: 15px solid rgba(0,0,0,0.6);
	}
	.visible-md{
		display: block!important;
	}
	.hidden-md{
		display: none!important;
	}
}
@media screen and (max-width:640px){
	#news-box{
		height:300px;
	}
	#logos .carousel-item{
		margin-bottom: 20px;
	}
}
@media screen and (max-width:480px){
	
	#slider-box{
		width:100%;
	}
	
	.ministry-name{
		font-size:10px;
	}
	.ministry-name span {
		margin-left: 4px;
		padding-left: 4px;
		width: 80%;
		line-height: 120%;
		vertical-align: middle;
	}
	.header
	{
	    /*height: 60px;*/
		height: 100%;
	}
	.header-top ul.top-right-nav{
		display: none;
	}
	.navbar-nav{
		
		/*display: none;*/
	}
	.navbar-toggler strong
	{
	    font-size: 0px !important;
        padding-right: 0px !important; 
	}
	.navbar-dark .navbar-toggler {
        background: none;
        border-color: transparent;
    }
    .btn:not(:disabled):not(.disabled)
    {
        font-size: 10px;
        padding: 5px 8px;
    }
    .navbar-brand span
    {
        font-size: 9px !important;   
    }
	.navbar.navbar-dark.w-100
	{
	    padding-left: 0;
        padding-right: 0px;   
	}
	.navbar-brand img{
		max-height: 50px;
	}
	.navbar-dark .navbar-brand{
		max-width: 270px;
	}
	.navbar-toggler{
		padding: 0 8px;
		line-height: 60px;
	}
	.navbar-brand span{
		font-size:16px;
	}
	#photo-slider .carousel-item::before{
		width: 160px;
		height: 120px;
	}
	#photo-slider .carousel-item{
		background-size: 130px;
		-webkit-background-size: 130px;
		-moz-background-size: 130px;
		-ms-background-size: 130px;
		-o-background-size: 130px;
	}
	.w-90 {
		width:100%;
	}
	.container{
		width:100%;
	}
}

@media screen and (max-width:360px){
	
	.navbar-toggler{
		padding: 0 4px;
	}
	
	.navbar-dark .navbar-brand {
		max-width: 200px;
	}
	.navbar-brand span{
		font-size: 12px;
	}
	.navbar-brand img{
		max-height: 40px;
	}
	.heading h2{
		font-size: 20px;
	}
	
}




@media(max-width:1025px) 
{
.cntnt_main_area
{
   width: 100%;   
   left: 0px;
}
.sticky_header.fixed_header {
    width: 100%;
    left: 0px;
}
.sticky_header
{
    height: 80px;
    position: fixed;
}
.container.container_default_sec {
    width: 100%;
    max-width: 100%;
}
#sidebar.active {
    top: 120px;
}

#carouselExampleIndicators .carousel-control-prev, #carouselExampleIndicators .carousel-control-next
{
    z-index: unset;   
}
#news-box
{
    z-index: unset;   
}
.ticker-wrap
{
    z-index: unset;   
}
.sidebar-nav {
    padding-bottom: 95px;
}
.img-slide {
    /*height: auto;
    max-height: 180px;*/
    width: 100%;
}
#imp_link_in_crsl_sec .row
{
   margin: 0; 
}
.container.container_default_sec
{
    padding: 0px 8px;   
}
.container_default_sec .row
{
    padding: 10px 0px !important;
    margin: 0 !important;   
}
.container_default_sec .row .col-12
{
    padding: 0px;
}
.profile img {
    width: 80px;
    height: 80px;
}
.profile-content 
{
    padding-top: 0;
    width: calc(100% - 100px);
}
.carousel.slide
{
    min-height: unset;   
}
.footer-logo li
{
  border-left: none;
}
.footer-logo li a img
{
    height: 38px;
    padding-bottom: 10px;   
}
#news-box {
    width: 100%;
    height: 350px;
    position: relative;
    right: 0;
}
#DivTopLinks .navbar-nav li:3rd-child{

}
        
}


@media screen and (max-width: 1024px) and (min-width: 767px)
{
.img-slide {
    height: 360px;
}
#sidebar
{
    height: 80vh;   
}

}


@media screen and (min-width: 768px) and (max-width: 940px) 
{
    
#sidebar
{
    height: 100vh;   
}

}

@media screen and (min-width: 767px) and (max-width: 1024px) and (orientation: landscape)
{
.img-slide{
    height: 380px;
} 
#sidebar
{
    /*top: 120px; */  
}
.sidebar-nav {
    top: 80px;
}
#sidebar
{
    height: 100vh;
}
    
}

@media(max-width:640px) 
{
.img-slide {
    height: 195px;
    /*max-height: 180px;*/
    width: 100%;
}
.socialIcons
{
    text-align: center;
    width: 100%;   
}
.socialIcons a {
    float: none;
}
#bott_rgt
{
    text-align: center;
    width: 100%;
    padding-top: 10px;   
}
.no_of_visit_div li {
    float: none;
}
.no_of_visit_div li
{
    font-size: 13px;   
}

/*---- toggle menu css */

#sidebar.active
{
    /*position: relative;   
    top: 40px;*/
}
.ticker-wrap
{
    width: 100%;
    margin-left: 0;
    left: 0px;
}
#news-box
{
    height: 275px;   
}
.news-container
{
    padding: 15px;   
}
.news-content p
{
    font-size: 13px;   
    line-height: 18px;
}
.navbar.navbar-dark .navbar-brand {
    padding-left: 10px;
}
#DivTopLinks .navbar-nav {
    margin: 7.5px 2px;
}
#DivTopLinks .navbar-nav li:nth-child(3)
{
    display: block !important;
    position: absolute;
    margin-top: -30px;
}
#DivTopLinks .navbar-nav li.pr-0
{
    margin-bottom: -20px;   
}
.navbar-dark .navbar-nav .nav-link
{
    font-size: 9px;
    text-shadow: 1px 1px 1px #22405a;   
}
.heading h2 {
    font-size: 16px;
}
.news-content
{
    padding-bottom: 10px;   
}
#newsSlider .carousel-control-prev {
    right: 45px;
}
#newsSlider .carousel-control-next {
    right: 12px;
}
#newsSlider .carousel-control-prev, #newsSlider .carousel-control-next
{
    top: 12px;   
}
.container_default_sec p {
    font-size: 13px;
}
.sidebar-nav {
    padding-bottom: 120px;
    top: 0px;
}
.page-content.inset {
    min-height: unset;
}

/*.navbar
{
    height: 60px;   
}
.sticky_header.fixed_header
{
    height: 60px; 
}*/

 
}

@media screen and (max-width: 767px) and (orientation: landscape)
{
.impLink_ul_li_outr_div
{
    padding-bottom: 10px;
}  
.img-slide {
    height: 275px;
}
    
}