@media only screen and (max-width:1650px){
	.span-7-1{
		height:435px;	
	}
	
	.height-max {
		max-height: 355px;
	}
}


@media only screen and (max-width:1540px){
	.tble-design .x-big{
		width:40%;		
	}
	
	canvas{
		height:350px !important;	
	}
	
	.modal-med{
		width:80%;	
	}
}

@media only screen and (max-width:1380px){
	.tble-design .x-big {
		width: 30%;
	}
	
	.tble-design .small {
		width: 20%;
	}
	
	.table-border td{
		font-size:13px;	
	}
	
	.tble-design th{
		font-size:15px;	
	}
	
	.search input[type="text"]{
		height:65px;
		line-height:60px;	
	}
	
	th .tble-inr-div span{
		font-size:11px;	
	}
	
	.form-inline .inpt label, .form-inline label{
		font-size:13px;
	}
	
	.nav-tabs a{
		font-size:14px;	
	}
	
	.menu, .notify{
		padding:16px 18px;	
	}
	
	a.pro-img::after{
		font-size: 20px;
		top: 18px;	
	}
	
	.pro-img img{
		width:45px;
		height:45px;	
	}
	
	.search .btn{
		line-height:normal;
		height:60px;	
	}
	
	.logo{
		margin:5px 20px;	
	}
	
	.inr-side-section{
		width:25%;	
	}
	
	.section{
		width:74%;	
	}
	
	
	
	.side-btns .nav-tabs .drp-this-inr a{
		padding-top:7px;
		padding-bottom:7px;	
	}
	
	.side-btns .nav-tabs .drp-this-inr a::before{
		top:0;	
	}
	
}

@media only screen and (max-width:1280px){
	.count .counting span{
		font-size:14px;	
	}
	
	
}

@media only screen and (max-width:1150px){
	.span-7-1, .span-5-1{
		width:100%;
		float:left;
		margin-top:30px;	
	}	
	
	.span-5-1 canvas{
		height:auto !important;	
	}
	
	.count i {
		font-size: 45px;
	}
	
	.count a {
		padding: 20px;
	}
	
	.count .counting {
		margin-left: 50px;
	}
}

@media only screen and (max-width:1040px){
	.count a {
		padding: 20px;
		padding-right:10px;
	}
	
	.count i {
		font-size: 35px;
	}	
}

@media only screen and (max-width:980px){
	.form-inline .inpt .span-4{
		width:48%;
		margin:0 1% !important;
	}
}
@media only screen and (max-width:950px){
	label{
		font-size:14px;	
	}
}

@media only screen and (max-width:900px){
	.horizontal-scroll .mCSB_container{
		width:900px !important;	
	}
	
	.tble-design th {
		font-size: 13px;
	}
}

@media only screen and (max-width:850px){
	.search{
		width:240px
	}
	
	.count .span-4{
		width:46%;
		margin:10px 2%;	
	}
	
	.content {
		margin-top: 30px;
	}
	
	.inr-side-section li a {
		padding: 8px 0 8px 30px;
	}
	
	.side-btns .nav-tabs .drp-this a::before, .nav-tabs .active a::before, .inr-side-section .nav-tabs li a.active::before{
		top:4px;	
	}
	
}

@media only screen and (max-width:767px){
	.breadcrums{
		float:left;
		clear:both;
		margin-top:0;	
	}
	
	.col-3 .x-med{
		width:30%;	
	}
	
	.inr-side-section, .section{
		width:100%;
		float:left;	
	}
	
	.section{
		margin-top:20px;	
	}
	
	.academic-select select{
		display:block;;	
	}
	
	.academic-select .side-btns{
		display:none;	
	}
	
	
}

@media only screen and (max-width:680px){
	.heading h2{
		font-size:19px;	
	}
	
	.modal-header .heading h2{
		width:80%;	
	}
	
	.modal-header{
		padding:0 10px;	
	}
	
	.form-inline label{
		width:100%;
		margin-bottom:7px;	
	}
	
	.form-inline label::after{
		display:none;
	}
	
	.form-inline .inpt{
		width:100%;	
	}
	
	.form-inline .span-6{
		width:100%;
		margin:0;	
	}
	
	.form-inline .inpt .span-3{
		width:100%;
		margin:0;	
	}
	
	.inner-heading h4{
		font-size:16px;	
	}
	
	.inner-heading h3{
		font-size:19px;	
	}
}

@media only screen and (max-width:679px){
	#header .search{
		display:none;	
	}

	.count .span-4{
		width:100%;
		margin:0;
		margin-bottom:15px;	
	}
	.count .span-4:last-child{
		margin-bottom:0;	
	}
	
	.modal-dialog{
		margin-top:20px;	
	}
	
	.modal-med{
		width:90%;	
	}
}

@media only screen and (min-width:640px) and (max-height:360px){

	.modal-dialog .height-max{
		max-height:235px;	
	}
}

@media only screen and (max-width:600px){
	.form-group .form-group-inline{
		margin-right:0;
		width:100%;	
	}
	
	.form-group .form-group-inline:first-child{
		margin-bottom:15px;
	}
	
	.btn.data-right{
		float:left;
		clear:both;
			
	}
	
	.form-inline .inpt .span-4{
		width:100%;
		margin:0 !important;	
	}
	
}

@media only screen and (max-width:480px){
	.canvas-width.horizontal-scroll .mCSB_container {
		width: 600px !important;
	}
}



@media only screen and (max-width:440px){
	.logo{
		width:125px;	
		margin:10px;
	}
	
	.heading h2{
		font-size:18px;
	}
	
	.menu, .notify {
		padding: 20px 10px;
		font-size:24px;
	}
	
	.pro-img {
	    margin-left: 0;
		padding-right:40px;
	}
	
	a.pro-img::after{
		top:22px;	
	}
}

@media only screen and (max-width:360px){
	.modal-dialog .height-max{
		max-height:480px;	
	}
}

@media only screen and (max-width:320px){
	.modal-dialog .height-max{
		max-height: 330px;
	}
}