@media only screen and (min-width:200px) and (max-width:767px) {
	
	.content-wrapper, .right-side, .main-footer {
    margin-left: 0 !important;
}
	
	.track_box .user_deatils .user_img_area {
 width: 100%;
 height: auto;

}
 .track_box .user_deatils .user_txt_area {
 width: 100%;
 height: auto;
 padding: 0 15px;
}
 .track_page .tab {
 width: 100%;
}
 .track_page .tabcontent {
 width: 100%;
}
	
	.customerlistmain .row{
		margin-left: 0;
		margin-right: 0;
	}
			
	.corporate_Profile_page .agent_area{
	width: 95%;
		margin: 0 auto 20px auto;
	}
	#exTab1 ul.nav-pills li {width: 100%;display: block;}
	.productpage div.dataTables_wrapper div.dataTables_filter {right: inherit;text-align: left;position: inherit;left:inherit;top:inherit;bottom: inherit;float: left;}
	.upload_ico {height: auto;}
	.dataTables_wrapper .row:first-child .col-sm-6:first-child {display: none;}
	#exTab1 .tab-content {padding: 5px 0;}
	.customerlistmain div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_filter {text-align: left;position: inherit;top: inherit!important;right: inherit!important;float: left;}
	.dataTables_paginate ul li a {padding: 5px 7px;}
	.customerapplication div.dataTables_wrapper div.dataTables_filter {margin-top: 20px;}
	.value_table {overflow-x: scroll;width: 600px;}
}
@media only screen and (min-width:210px) and (max-width:319px) {
	/*=== teacher page==*/
	
	.teacher_head_sec
	{
		height: 60px;
	}
	.teacher_head_left {
		width: 40%;
	}
	.teacher_head_right {
		width: 60%;
	}
	.teacher_head_img_box
	{
		margin-left: 6px;
		width: 80px;
		height: 80px;
		margin-top: -13px;
	}
	.teacher_head_right h2
	{
		font-size: 17px;
	}
	.teacher_details_inner p
	{
		padding: 0 0 0 0;
	}
	.teacher_info_box
	{
		width: 100%;
		margin-bottom: 20px;
	}
	.teacher_info_box_inner
	{
		padding: 15px 11px;
	}
	.list_teacher_info li
	{
		font-size: 13px;
	}
	.teacher_schedule_row
	{
		margin-bottom: 2px;
	}
	.teacher_schedule_days_main
	{
		width: 13%;
	}
	.teacher_schedule_days
	{
		width: 29%;
	}
	.table_button
	{
		font-size: 9px;
	}
	.teacher_schedule_days_main
	{
		font-size: 10px;
	}
}


@media only screen and (min-width:320px) and (max-width:479px) {
	
	.dashboard_box1, .dashboard_box2, .dashboard_box3, .dashboard_box4
	{
		background-image:none;

	}
	.dashboard_icon_area .small-box > .inner {
		padding: 0px 4px 0 4px;
	}
	.dashboardBox_small_left img
	{
		display: none;
	}
	.dashboardBox_small_right {
		width: 100%;

	}
	
	/*=== teacher page==*/
	
	.teacher_head_sec
	{
		height: 76px;
	}
	.teacher_head_left {
		width: 34%;
	}
	.teacher_head_right {
		width: 66%;
	}
	.teacher_head_img_box
	{
		margin-left: 6px;
		width: 100px;
		height: 100px;
		margin-top: -16px;
	}
	.teacher_head_right h2
	{
		font-size: 19px;
	}
	.teacher_details_inner p
	{
		padding: 0 0 0 0;
	}
	.teacher_info_box
	{
		width: 100%;
		margin-bottom: 20px;
	}
	.teacher_schedule_row
	{
		margin-bottom: 2px;
	}
	.teacher_schedule_days_main
	{
		width: 13%;
	}
	.teacher_schedule_days
	{
		width: 29%;
	}
	
	
}
	
	
@media only screen and (min-width:480px) and (max-width:767px) {
	
	/*=== teacher page==*/
	
	.teacher_head_sec
	{
		height: 76px;
	}
	.teacher_head_left {
		width: 29%;
	}
	.teacher_head_right {
		width: 61%;
	}
	.teacher_head_img_box
	{
		margin-left: 6px;
		width: 100px;
		height: 100px;
		margin-top: -16px;
	}
	.teacher_head_right h2
	{
		font-size: 22px;
	}
	.teacher_details_inner p
	{
		padding: 0 0 0 0;
	}
	.teacher_info_box
	{
		width: 100%;
		margin-bottom: 20px;
	}
	.teacher_schedule_row
	{
		margin-bottom: 2px;
	}
	.table_button
	{
		font-size: 12px;
	}
		
	
}



@media only screen and (min-width:768px) and (max-width:991px) {

.customerlistmain .row{
		margin-left: 0;
		margin-right: 0;
	}
	
	table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before{
		top: 23px!important;
	}
	
	.corporate_Profile_page .agent_area {
	width: 46%;
	margin: 7px;
}
	
	.productpage div.dataTables_wrapper div.dataTables_filter {right: inherit;text-align: left;position: inherit;left:inherit;top:inherit;bottom: inherit;float: left;}
	#exTab1 .nav-pills > li > a {font-size: 12px;padding: 10px 4px;}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {padding-right: 0;}
	#exTab1 .tab-content {padding: 5px 0;}
	.customerlistmain div.dataTables_wrapper div.dataTables_filter {text-align: left;position: inherit;top: inherit;right: inherit;float: left;}
	#exTab1 ul.nav-pills li {display: block;width: 100%;}
	.dataTables_wrapper {overflow-x: scroll;}
	.dataTables_wrapper .row:first-child .col-sm-6:first-child {display: none;}
	.value_table table tr th, .value_table table tr td {font-size: 11px;}
	.upload_ico {height: auto;}
}








/********************@media only screen and (min-width:1024px) and (max-width:1200px)********************/


@media (min-width:992px) and (max-width:1199px) {

	.corporate_Profile_page .agent_area {
	width: 47%;
	
	margin: 8px;
}
	
}

	
/********************@media only screen and (min-width:1201px)********************/

	

/********************@media only screen and (min-width:1201px)********************/













/************************Amitava 17-04-2020************************************/
.misreporttotalearing{
	float: right;
	width: 150px;
	height: 150px;
	margin: 70px 70px 0 0;
	text-align: center;
}

.misreporttotalearing_inner{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: #ccc solid 5px;
	background: green;	
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 60px 0 0 0;
	margin: 0 0 15px 0;
}

.misreporttotalearing_bottom{
	float: left;
	width: 120px;
	height: 100px;
	margin: 50px 50px 50px 0;
	text-align: center;
}

.misreporttotalearing_bottom_inner{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: #ccc solid 5px;
	background: #00397c;	
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 35px 0 30px 0;
	margin: 0 auto 15px auto;
}

.earing_list ul{
	border-bottom: #ccc solid 1px;
	text-align: left;
	padding: 14px 0 0 0;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}
.earing_list ul li{position: relative; display: inline-block;}
.earing_list ul li a{padding: 10px 8px; font-size: 13px; display: block; color: #7a7a7a;}


.earing_list ul li.earing_active a:after {
    background: #003277;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
}

.text-vlolet{
	color: blueviolet;
}

table .text-danger, table .text-success{
	display: block;
	text-align: center;
}

.text-black{
	color: #000;
}

.tabledropdown{
	border: 0;
	background: 0;
	outline: none;
}

.orderlistdropdown li{
	position: relative;
	padding: 0 0 0 5px;
}

.orderlistdropdown li span.default1{
	width: 10px;
	height: 10px;
	background: #ddd;
	position: absolute;
	top: 8px;
	left: 8px;
	content: "";
	border-radius: 50%;
}


.orderlistdropdown li span.active1{
	width: 10px;
	height: 10px;
	background: #00b050;
	position: absolute;
	top: 8px;
	left: 8px;
	content: "";
	border-radius: 50%;
}

.orderlistdropdown li span.inactive1{
	width: 10px;
	height: 10px;
	background: #000;
	position: absolute;
	top: 8px;
	left: 8px;
	content: "";
	border-radius: 50%;
}

.orderlistdropdown li span.view1{
	width: 10px;
	height: 10px;
	background: #70300a;
	position: absolute;
	top: 8px;
	left: 8px;
	content: "";
	border-radius: 50%;
}

.orderlistdropdown li span.edit1{
	width: 10px;
	height: 10px;
	background: #2f5597;
	position: absolute;
	top: 8px;
	left: 8px;
	content: "";
	border-radius: 50%;
}

.orderlistdropdown li span.delete1{
	width: 10px;
	height: 10px;
	background: #ff0000;
	position: absolute;
	top: 8px;
	left: 8px;
	content: "";
	border-radius: 50%;
}


.bankdocument .modal-title{
	display: inline-block;
	color: #00397c;
	font-size: 29px;
	margin: 0 0 0 0px;
}

.bankdocument .modal-dialog{
	border: 5px solid #00397c;
}

/*.btnAdd{
	border-radius: 25px;
	font-family: 'Poppins', sans-serif;
	border: #00397c 1px solid;
	padding: 10px 35px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
*/
.navbar-nav li.dropdown.messages-menu a b{
	padding-top: 12px;
}

.user_top .user-img{
	margin-top: 8px;
}

.search{
	margin: 20px 15px 0 0;
    position: relative;
}

.search input[type="text"]{
	width: 290px;
	height: 35px;
	border-radius: 50px;
	border: 1px solid #ccc;
	padding: 0 15px;
}

.search input[type="button"]{
	background: url(../Images/img/search.png) no-repeat 0 0;
    width: 22px;
    height: 21px;
    border: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 13px;
    margin: auto;
}

.btn-submit{
	text-transform: capitalize;
}

span.active-status{
	color:#000;
}

span.default-status {
    text-align: center;
    color: #000;
    display: block;
}

span.inactive-status {
    text-align: center;
    color: #000;
    display: block;
}

.cricel_default{
	width: 10px;
	height: 10px;
	background: #ddd;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.cricel_active{
	width: 10px;
	height: 10px;
	background: #00b050;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.cricel_inactive{
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.borderwhite{
	border-top: #fff solid 1px;
	padding: 20px 0 10px 0;
	margin: 0 10px;
}

.mastr-menu-list ul li a{
	font-size: 11px;
	padding: 8px 0px;
}

.misreporttotalearing_bottom a{
	color: #000;
}

.network_box {
	border:#ccc solid 1px;
	padding: 5px;	
}

.network_box h5{
	background: #00397c;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	font-size: 25px;
	margin: 0;
}

.network_box_l {
	font-size: 20px;
	color: #000;
	padding: 10px 0;
}

.network_box_l span{
	color: #000;
	font-size: 16px;
}

.network_box_l span.spangreen{
	color: green;
	font-size: 16px;
	text-align: center;
	display: block;
}

.network_box_l span.spanyellow{
	color: #9f9f09;
	font-size: 16px;
	text-align: center;
	display: block;
}

.download_print{
	float:right;
	padding: 30px 0 0 0;
}

.download_print i{
	color: #000;
	font-size: 30px;
	margin: 0 0 0 15px;
}