@media (max-width:2049px) and (min-width:1820px){
.single-chart {
	width: 52px;
	height: 52px;
}
.icon_type img{
		    max-width: 60%;
	}
	.colorchange {

    font-size: 14px;
}
}
@media (max-width:1760px) and (min-width:1706px){
.icon_type img{
		    max-width: 67%;
	}
		.colorchange {

    font-size: 14px;
}
}
@media (min-width:1093px) and ( max-width:1093px){
	#card_section .card-header{
		 font-size: 14px;
	}
	.icon_type img{
		    max-width: 67%;
	}
}
@media (min-width:1024px) and ( max-width:1024px ){
	#card_section .card-header{
		    font-size: 13px;
    		padding: 5px 19px;
	}
	.icon_type{
		    padding: 0px;
		    padding-top: 0px !important;
		     padding-bottom:0px !important;
	}
	#card_section .card-header{
		 font-size: 14px;
	}
	.icon_type img{
		    max-width: 67%;
	}

}

@media (min-width:320px) and ( max-width:991px ){
	h1.dashboard-title i{font-size: 13px; }
	span.info{right: 10px;}
	.single-chart{width: 40px;}
	ul.listpoint {display: block;}
	ul.listpoint li {font-size: 13px;margin-bottom: 13px;}
	div#performing_ulb_bottom .card-title{font-size: 13px !important;}
	div#card_section{padding-left: 0px;padding-right: 0px !important;}
	div#cardareades{padding-left: 0px;padding-right: 0px !important;}
	div#performing_ulb_top{padding-left: 0px;padding-right: 0px !important;}
	div#performing_ulb_bottom{padding-left: 0px;padding-right: 0px !important;}
	.icon_type img{
		    max-width: 50%;
	}
	.moght{margin-top:30px;}
	.card.card-responsive-size {
		    width: 100% !important;
		    margin-bottom: 15px !important;
		}
		.main-card-section {
		    display: block !important;
		}
	.box_2 {
    	/*border-radius: 80px 0px 80px 0px !important;*/
	}
	.home-box.box_2 .card-body h4:after{
		right:0px !important;
		left: auto;
	}
	.box_3{
		/*border-radius: 80px 0px 80px 0px !important;*/
	}
	.home-box.box_3 .card-body h4:before{
		bottom: -27px !important;
		top: auto;
	}
	.home-box.box_3 .card-body h4:after{
		bottom: -27px !important;
		top:auto;
	}
	.box_4{
		/*border-radius: 80px 0px 80px 0px !important;*/
	}
	.home-box.box_4 .card-body h4:before{
		bottom: -27px !important;
		top: auto;
	}
	.home-box.box_4 .card-body h4:after{
		bottom: -27px !important;
		top:auto;
	}
	.home-box.box_4 .card-body h4:after{
		right:0px !important;
		left: auto;
	}
	.home-box h4 {
	    font-size: 15px !important;
	    line-height: 20px !important;
	}


	.mobile_view{
		display: block !important;
	}
	.mobile_view select{
		margin-bottom: 10px !important;
	}
	.navbar-brand h5{
		font-size: 10px !important;
	}
	h4.modual_headung:after{
		display: none;
	}
	#login_section{
		height: 100vh;
	}
	.login-box h3 {
	    line-height: 26px;
	    font-size: 16px;
	}


	.login-border:before{

		display: none;

	}

	.login-border:after{

		display: none;

	}

	.login-box h4{

		font-size: 16px;

		text-align: center;

	}

	.login-box h3{

		line-height: 25px;

    	font-size: 20px;

    	text-align: center;

	}

	.login-box{

		padding:0px;

	}

	.login-box .card{

		height: auto;

	}

	.mobile-nav-toggle {

  		color: black;

  	}

	.header_ulb_type .mobilekpi{

		display: block !important;

	}

	.mobilekpi .card.service-card.card-inverse{

		margin-bottom: 10px;

	}
	/*04/12/2024*/
	.dashboard-title{
		    font-size: 13px;
	}
	.mobile_view .vsb-main button{
		margin-bottom: 10px;
	}
	.modual_headung{
		font-size: 13px;
	}
	.filter_button{
		margin-bottom: 20px;
	}
	.modual_type_button{
		font-size: 10px;
	}
	button.navbar-toggler {
	    position: absolute;
	    right: 0px;
	    font-size: 18px;
	    border: none;
	    font-weight: 800;
	    top: 16px;
	}
	.lohgin_img {
	    width: 70px;
	    height: 70px;
	}
	.gtre {
        display: inline-block !important;
        background: #f2f0f0;
        padding: 10px;
        width: 100%;
    }
    .navbar-toggler:focus{
    	border:none;
    }

}

.colorchange {
    background: #008000 !important;
    color: white;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    /*width: auto !important;*/
    padding: 1px 20px 1px 20px;
}
.progress-bar.colorchange {flex-direction: row-reverse;}
.progress{height: 20px;}