/* Tablets Only - Start */

@media (max-width: 979px) {
	.header .logo{
		width: 156px;
	}
	.order-customer-statistic-day .dashboard-content,
	.order-customer-statistic-week .dashboard-content,
	.order-customer-statistic-month .dashboard-content,
	.order-customer-statistic-year .dashboard-content{
		padding: 10px;
		/*max-height: none;*/
	}
	.top-customers .dashboard-content,
	.top-products .dashboard-content{
		height: 310px;
		max-height: 310px;
	}
	.htabs a{
		font-size: 12px;
		padding-right: 10px;
		padding-left: 10px;
	}
	table.form input,
	table.form select{
		display: block;
	}
	table.form input[type="radio"],
	table.form input[type="checkbox"]{
		margin: 0;
		display: inline;
	}
	#dashboard-layout .span1,
	#dashboard-layout .span2,
	#dashboard-layout .span3,
	#dashboard-layout .span4,
	#dashboard-layout .span5,
	#dashboard-layout .span6{
		width: 48.6188%;
	}
	#dashboard-layout .span7,
	#dashboard-layout .span8,
	#dashboard-layout .span9,
	#dashboard-layout .span10,
	#dashboard-layout .span11,
	#dashboard-layout .span12{
		width: 100%;
	}
	.row-fluid .c-widget-small[class*="span"]{
		margin-right: 1.06%;
	}
	.order-customer-statistic .dashboard-content{
		max-height: none;
	}
	.order-customer-statistic .order-customer-legend-box{
		clear: both;
		margin-top: 5px;
	}
	.order-customer-statistic .order-status,
	.order-customer-statistic .custom-range-fields{
		margin-top: 10px;
		margin-right: 0;
		margin-bottom: 10px;
		padding-right: 0;
		border-right: 0;
		clear: both;
	}
	.order-customer-statistic-day .order-customer-legend-box .order-customer-legend-color,
	.order-customer-statistic-week .order-customer-legend-box .order-customer-legend-color,
	.order-customer-statistic-month .order-customer-legend-box .order-customer-legend-color,
	.order-customer-statistic-year .order-customer-legend-box .order-customer-legend-color{
		height: 12px;
		width: 12px;
		margin: 0 3px 0 0;
	}
	.order-customer-statistic-day .order-customer-legend-box .legend-color-box,
	.order-customer-statistic-week .order-customer-legend-box .legend-color-box,
	.order-customer-statistic-month .order-customer-legend-box .legend-color-box,
	.order-customer-statistic-year .order-customer-legend-box .legend-color-box{
		height: 8px;
		width: 8px;
	}
	.order-customer-statistic-day .order-customer-legend-box .order-customer-legend-text,
	.order-customer-statistic-week .order-customer-legend-box .order-customer-legend-text,
	.order-customer-statistic-month .order-customer-legend-box .order-customer-legend-text,
	.order-customer-statistic-year .order-customer-legend-box .order-customer-legend-text{
		font-size: 11px;
		margin: 0 0 0 12px;
	}
	.order-customer-statistic .range,
	.order-customer-statistic .order-status,
	.order-customer-statistic .custom-range-fields{
		margin-right: 30px;
	}
}

/* Tablets Only - End */


/* Everything Below Tablet - Start */
@media (max-width: 767px) {
	body{
		padding: 0;
	}
	.header .logo{
		width: 65px;
		margin-left: 0 !important;
	}

	.header .secondary-menu > ul > li#logout > a span{
		display: none;
	}
	.header .secondary-menu > ul ul{
		right: -49px;
	}


	.header .secondary-menu > ul > li#store > a span{
		display: none;
	}
	.success{
		left: 0;
		right: 0;
	}
	.warning{
		left: 0;
		right: 0;
	}
	#dashboard-layout .span1,
	#dashboard-layout .span2,
	#dashboard-layout .span3,
	#dashboard-layout .span4,
	#dashboard-layout .span5,
	#dashboard-layout .span6{
		width: 100%;
	}
	.modal{
		max-width: none;
		position: absolute;
	}
	.modal-body label{
		max-width: none;
	}
	.preview-box-widget{
		width: 100%;
	}
	.htabs a{
		padding-left: 6px;
		padding-right: 6px;
	}
	.order-customer-statistic .range,
	.order-customer-statistic .order-status,
	.order-customer-statistic .custom-range-fields{
		margin-right: 0;
	}
	.order-customer-statistic-day .order-customer-legend,
	.order-customer-statistic-week .order-customer-legend,
	.order-customer-statistic-month .order-customer-legend,
	.order-customer-statistic-year .order-customer-legend{
		display: none;
	}
	.top-customers .dashboard-content,
	.top-products .dashboard-content{
		height: auto;
		max-height: 300px;
	}
	.top-customers-chart-outer,
	.top-products-chart-outer{
		width: 35%;
		margin: 0 7%;
	}
	/*
	Responsizve Tables - Start
	Has Issues with come tabled. Enable if you wish.
	*/
/*	.cf:after{
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	* html .cf{
		zoom: 1;
	}
	*:first-child+html .cf{
		zoom: 1;
	}
	table.list {
		width: 100%;
		line-height: 1.25em;
		border-collapse: collapse;
		border-spacing: 0;
	}
	table.list{
		display: block;
		position: relative;
		width: 100%;
	}
	table.list thead{
		display: block;
		float: left;
	}
	table.list tbody{
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	table.list thead tr{
		display: block;
	}
	table.list th{
		margin: 0;
		padding: 0.4166em;
		vertical-align: top;
		display: block;
	}
	table.list tbody tr{
		display: inline-block;
		vertical-align: top;
	}
	table.list td{
		margin: 0;
		padding: 0.4166em;
		vertical-align: top;
		display: block;
		min-height: 1.25em;
	}
	table.list td,
	table.list td.left,
	table.list td.right,
	table.list td.center{
		text-align: left;
	}
	table.list th{
		border-bottom: 0;
	}
	table.list td{
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	table.list tbody tr{
		border-right: 1px solid #babcbf;
	}
	table.list th:last-child,
	table.list td:last-child{
		border-bottom: 1px solid #babcbf;
		}
		*/
		/* Responsizve Tables - End */
	}
	/* Everything Below Tablet - End */


	/* Phones & Below - Start */

	@media (max-width: 480px) {
#design_settings_tabs .tb_tabs_nav  li,
#footer_info_tabs .tb_tabs_nav li {
    border: 1px solid rgb(187, 187, 187);
    width: 99%;
    float: left;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 12px;
}
		#content.login{
			margin-top: 20px; 
		}
		.header .secondary-menu{
			margin: 0;
		}

		.visible-small-phone{
			display: block;
		}
		.hidden-small-phone{
			display: none;
		}
		.header .admin-info{
			display: none;
		}
		.header .secondary-menu{
			0;
		}

		.stock-alert-header{
			margin: 0 0 0 2%;
		}

		ul.mainnav > li > ul{
			position: static;
		}
		#right-column{
			margin: 0;
		}
		.top-customers-chart-outer,
		.top-products-chart-outer{
			width: 49%;
			margin: 0 2% 0 0;
		}
	}

	/* Phones & Below - End */


	/* Smaller Phones & Below - Start */

	@media (max-width: 320px) {
		.stock-alert-header{
			margin: 10px 0 0 2%;
		}
		.order-customer-legend{
			display: none;
		}
		.order-customer-statistic .range{
			clear: both;
		}
		#report-order-customer-statistic{
			margin: 45px 0 0 0;
		}
		.top-customers-chart-outer,
		.top-products-chart-outer{
			display: none;
		}
		.top-customers-list,
		.top-products-list{
			width: 100%;
		}
	}

	/* Smaller Phones & Below - End */


@media (max-width: 1200px) {
.c-widget-small.span4 {width: 48.5% !important; }
}

@media (max-width: 900px) {
.c-widget-small.span4 {width: 100% !important; }
}

@media (max-width: 768px) {
		#menu-control{
			display: inline-block;
			float: left;
			margin: 10px 0 0 15px;
		}
		#left-column{
			display: none;
			position: absolute;
			z-index: 9999;
			left: -110px;
height: 100vh;
    background: #0e0c28;
    position: fixed;
		}

#right-column {
    width: 100% !important;
}

.header .secondary-menu > ul > li > a, .header .secondary-menu > ul > li > a:visited {font-size: 21px;}
.secondary-menu #store .fas {
    font-size: 17px;
}
}


@media (max-width: 679px) {
.header {top: 58px;}
.main-body, .search_hld {
    top: 113px !important;}

.welcome_admin.desktop {display: none !important; }

.secondary-menu .welcome_admin {float: left; 
}

.secondary-menu .profile_dropdown {
margin-left: -30px;
    margin-top: 10px;
}

.welcome_admin.visible_desktop { display: none; }

.welcome_admin.visible_mobile i {font-size: 19px;}

.logout_left {display: none !important; }
}

@media (min-width: 680px) { 
.welcome_admin.visible_mobile { display: none; }
}


@media (max-width: 358px) {
.header {top: 75px;}
.main-body {
    top: 125px;}
.search_hld {top: 130px !important; }
}

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

	.header .secondary-menu > ul > li {
		padding: 13px 10px 8px!important;
	}

}

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

	.header .secondary-menu > ul > li > a, .header .secondary-menu > ul > li > a {
		font-size: 15px;
	}

	.welcome_admin {
		margin: 19px 10px 0 0;
	}

	#version-container a{
		width: 86%;
		margin-bottom: 5px !important;
	}

}

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

	.header .secondary-menu > ul > li {
		padding: 13px 5px 8px !important;
	}

	

}