@import url("treeflex.css"); 


@media only screen and (max-width:767px) {
    .leaders ul {
    flex-direction: column;
}
    .leaders ul li:nth-child(1) {
    width: 100%;
}
    .leaders ul li {width: 100%;}
	.links_section {
		padding: 0px 0px 20px 0px;
	}
    .leaders ul li .profile {
    display: flex;
    flex-wrap: unset;
    }
    .searchbar .search-input {
    background-color: #fff;
    width: 144px;
    }
    header .container-fluid {
  padding: 0px 15px; */
}

	.links_section .useful_links {
		list-style: none;
		margin: 0px;
		padding: 0px 0px;
		display: flex;
		flex-wrap: wrap;
	}

	.links_section .useful_links li {
		padding: 5px;
		box-sizing: border-box;
		position: relative;
		width: 50%;
		transition-duration: .3s;
	}

	.links_section .useful_links .ulbox img {
		display: block;
		margin: 0px auto 8px auto;
		height: 50px;
	}

	.links_section .useful_links .ulbox {
		font-size: 1em;
	}

	.links_section .useful_links li:after {
		content: "";
		display: none;
	}

	.quicklinks .useful_links {
		padding: 0px 0px;
	}

	.quicklinks .useful_links .ulbox img {
		height: 50px;
	}

	.quicklinks .useful_links li {
		width: 50%;
		padding: 6px;
	}

	.quicklinks .useful_links .ulbox {
		min-height: 100px;
		padding: 8px;
	}

	.quicklinks .useful_links li:after {
		content: "";
display: none;
	}
	.Useful {
		padding: 1em 0 0em 0;
	}

	footer {
		padding: 0 5px 20px;
	}

	.card.Government-Orders {
		margin-top: 12px;
	}

	.vticker{
		height: 250px!important;
	}

	#wowslider-container1 .ws_images {
		height: auto;
		max-height: 110px;
	}

	.btn-sm, .btn-group-sm>.btn {
		height: auto;
	}

	.courses .nav-link.active:before {
		border-top: 0.4em solid transparent;
		border-bottom: 1em solid transparent;
		margin: 18px 0 0 -47px;
		right: -1px;
	}

	.courses .nav-link {
		padding: 0.4rem 0.90rem;
	}

	ul.photogallery {
		padding: 0;
	  
	}
	.newgallery li {
		-ms-flex: 100%;
		flex: 100%;
		max-width: 100%;
		padding: 0;
		vertical-align: middle;
	}

	.social .main-title:before {
		top: 35px;
	}

	.social-share-btns {
		display: inline-block;
	}

	.social-share-btns .share-btn {
		width: 100%;
		margin: 10px 0px 20px 0px;
	}

	.image_design {
		position: relative;
		margin-top: 0;
		margin-right: 0;
		background: #fff;
		width: 100%;
		border-radius: 0px 50px 0px 50px;
		padding: 0;
		float: left;
		margin-bottom: 2em;
	  }


	.inheading {

		padding: 0 15px;
		top: 20px;
		max-width: 100%;
	}

	#wowslider-container1 .ws-title,
	.important-links ul li a,
	.news-section::after,
	.news-section::before,
	.colleges::before {
		display: none !important;
	}

	.Directorate .flex-column {

		flex-direction: inherit !important;
		width: 100% !important;
	}


	.Directorate .nav-link img {
		float: left;

		width: 30px !important;
		margin-right: 10px !important;
	}


	.Directorate .nav-link {
		border-radius: .7rem !important;
		width: 100% !important;
		text-align: left !important;
	}

	footer .p-4 {
		padding: 1.5rem 0 !important;
	}

	.foot-bottom .widget-title {

		width: 100% !important;
	}

	.card-header {

		font-size: 15px !important;

	}

	.contact_new {

		margin-left: 0 !important;
		margin-top: 15px;
	}

	.news-section {
		padding: 20px !important;
	}

	.depdiv {
		padding: 5px !important;
		margin-bottom: 1em;
	}

	.medical img {
		width: 150px !important;
	}

	.number ul li {
		width: 46% !important;
		margin: 6px;
	}

	.medical {
		position: absolute;
		bottom: -15px !important;
		left: 53% !important;
	}

	.news-section .mb-5 {
		margin-bottom: 1rem !important;
	}

	.content-about {

		padding: 20px 30px 20px 2em !important;
	}

	.main-title:before {

		/*! top: 60px !important; */
	}

	.dep-logo {
		/*! margin-right: 10px !important; */
		/*! margin-left: -20px !important; */
	}

	.banner-section {
		padding: 0 !important;
	}

	.important-links ul li div p {

		min-height: 40px !important;
	}

	section {
		padding: 10px 0 !important;
		min-height: 110px !important;
		background-image: none !important;
	}

	.important-links {
		display: block !important;
	}

	.important-links ul {
		display: inline-block;
		padding-top: 20px;
	}

	.important-links ul li {
		margin: 5px !important;
		width: 47% !important;
		float: left !important;
	}

	.important-links ul li div {
		padding: 10px !important;

	}

	.primarymenu {
		padding: 0 10px !important;
	}

	.top-nav ul.pwdarea::after {

		top: -5px !important;
	}

	.hi-btn {
        padding: 0px 8px !important;
        margin-top: 0;
    }

	.top-nav ul.pwdarea li {
		
	}

	.logoname .hindi-name {
        font-size: 1.2rem !important;
        margin-top: 0px;
	}

	.logoname .eng-name {

		font-size: 12px !important;
	}

	.top-nav ul.pwdarea {
		padding-right: 0 !important;
		padding: 0;
		margin: 0;
		display: inline-block;
	}

	.logo-colm {
		width: 81px !important;

		padding: 0 5px 0 0 !important;
	}

	.Directorate {
		display: block !important;
	}

	.logoname {
		padding: 0 5px !important;
	}

	.logo {

		flex-wrap: inherit !important;
		padding: 10px 0 10px 0 !important;
	}

	.logoname p {

		font-size: 12px !important;

		letter-spacing: 0 !important;
	}

	.Directorate_list_logo {
		top: -4px !important;
		margin-left: 0 !important;
		width: 65px !important;
		height: 65px !important;
		line-height: 39px !important;
	}


	.Directorate_list_logo img {
		width: 67%;
	}

	.Directorate_list li a {
		padding: 0px 10px !important;
		text-align: right !important;
		font-size: 10px !important;
		font-weight: bolder;
	}

	.Directorate .tab-pane {
		padding: 20px !important;
	}

	.Directorate .tab-content {
		width: 100% !important;
	}

	.Directorate .tab-pane h1 .btn{float: none !important;margin-top: 1em;}
	
	.Directorate .tab-pane h1 {
		font-size: 20px !important;

		text-align: center;
	}

	.Directorate_list li {
		width: 100% !important;
		margin: 1em 9px 0px !important;
	}
}