@media only screen and (min-width: 1200px) {
	.container { width: 1200px !important; }
}

@media only screen and (max-width: 1100px) {
	.new_formate .im-card-name{width: 100%;}
	.new_formate .im-card-pts{width: 100%;}
}

@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 800px) {
.trial-version.b13 { bottom: 22px;}
.bueget-chart, .bueget-chart2{height: 300px;}
.bueget-chart1{height: 250px;}
}

@media only screen and (max-width: 767px) {
	.container > .navbar-header{ margin: 0 !important}
	.im-card-cta .btn-alpha.btn-shadow { padding: 10px 15px }
	.new_formate .im-card-cta{ margin: 10px 0 0 0; padding: 0 !important }
	.g-top-block_1 .text-right { text-align: left !important;}
	.p-details.pad20{ width: 100% !important }
}

@media only screen and (max-width: 650px) {	
}
/* Mobile Phone Resolution  CSS rules for browser widths equal to or less than 480px */
@media only screen and (max-width: 500px) {	
	.container-fluid { width: 100% }
	.new_formate .im-card-pts, .new_formate .im-card-name{ float: none; width: 100%; min-height:20px; text-align: left !important }
	.new_formate .project_notstarted .im-card-cta,  .new_formate .project_started .im-card-cta,  .new_formate .project_completed .im-card-cta{ text-align: left; }
	.new_formate .im-card-cta{ margin: 10px 0 0 0; padding: 0 !important }
	.pull-right.filter_select{ float: left !important; text-align: left; }
}

@media only screen and (max-width: 400px) {	
	.btn-alpha{ padding: 10px 15px;}
	.chart_bdr .nav-pills > li > a{padding: 10px 8px;}
}

@media only screen and (max-width:350px) {
	.chart_bdr .nav-pills > li > a{padding: 10px 5px; font-size: 12px}
}
/* Tablet Resolution CSS rules for browser widths from 481px to 768 px*/
@media only screen and (min-width: 481px) and (max-width: 768px) {

}