/* ==================================================================== */
/* 1. Response Utility Class											*/
/* ==================================================================== */
.nd-visible-phone { display: none !important; }
.nd-visible-tablet { display: none !important; }
.nd-visible-desktop { display: inherit !important; }
.nd-hidden-desktop { display: none !important; }

@media only screen and  (min-width: 651px) and (max-width: 1040px) {
	.nd-hidden-desktop { display: inherit !important; }
	.nd-visible-desktop { display: none !important; }
	.nd-visible-tablet { display: inherit !important; }
	.nd-hidden-tablet { display: none !important; }
}

@media only screen and  (max-width: 650px) {
	.nd-hidden-desktop { display: inherit !important; }
	.nd-visible-desktop { display: none !important; }
	.nd-visible-phone { display: inherit !important; }
	.nd-hidden-phone { display: none !important; }
}


/* ==================================================================== */
/* 2. List Pages														*/
/* ==================================================================== */
@media only screen and  (min-width: 2001px) {
	.nd-listing .nd-list-item { width: 14.893617021276595%; *width: 14.840425531914894%; }
	.nd-file-listing .nd-list-item { width: 14.893617021276595%; *width: 14.840425531914894%; }
}

@media only screen and  (max-width: 2000px) {
	.nd-listing .nd-list-item { width: 23.404255319148934%; *width: 23.279%; }
	.nd-file-listing .nd-list-item { width: 23.404255319148934%; *width: 22.7%; }
}

@media only screen and  (max-width: 1500px) {
	.nd-listing .nd-list-item { width: 31.914893617021278%; *width: 31.679%; }
	.nd-file-listing .nd-list-item { width: 31.914893617021278%; *width: 30.8%; }
}

@media only screen and  (max-width: 1300px) {
	.nd-file-listing .nd-list-item { width: 48.93617021276595%; *width: 47.2%; }
}

@media only screen and  (max-width: 1024px) {
	.nd-listing .nd-list-item { width: 48.93617021276595%; *width: 48.57%; }
	.nd-file-listing .nd-list-item { width: 100%; *width: 99.94680851063829%; margin-left: 0; }
}

@media only screen and  (max-width: 800px) {
	.nd-listing .nd-list-item { width: 100%; *width: 99.94680851063829%; margin-left: 0; }
	.nd-file-listing .nd-list-item { width: 100%; *width: 99.94680851063829%; margin-left: 0; }
}
/* ==================================================================== */
/* 4. Custom Dialogs													*/
/* ==================================================================== */
@media only screen and (max-width: 1000px) {
	#dialog-upload-media { width: 90% !important; margin-left: -45% !important; }
}

/* ==================================================================== */
/* 5. Tables (Filament) 												*/
/* ==================================================================== */
.enhanced th, .enhanced td { display: none; }
.enhanced th.essential, .enhanced td.essential { display: table-cell; *display: inline !important; *display: inline\9 !important; }
.enhanced th.optional, .enhanced td.optional { display: table-cell; *display: inline !important; *display: inline\9 !important; }
.enhanced th.persist, .enhanced td.persist { display: table-cell; *display: inline !important; *display: inline\9 !important; }

@media only screen and (max-width: 1040px) {
	.enhanced th.optional, .enhanced td.optional { display: none; }
}

@media only screen and (max-width: 650px) {
	.enhanced th, .enhanced td { display: none; }
}


/* ==================================================================== */
/* 3. ND Responsive Elements 											*/
/* ==================================================================== */

/* ====================== */
/* ==== 0px - 1400px ==== */
/* ====================== */
@media only screen and  (max-width: 1400px) {.nd-file-header .btn span { display: none; }}

/* ====================== */
/* ==== 0px - 1200px ==== */
/* ====================== */
@media only screen and  (max-width: 1200px) {
	.nd-file-header .btn i { margin-right: 0; }
	.nd-list-item .nd-list-actions { padding: 7px; }
}

/* ======================================= */
/* ==== 0px - 1040px (Landscape iPad) ==== */
/* ======================================= */
@media only screen and (max-width: 1040px) {
	.nd-widget-content .pagination ul > li > a, .nd-widget-content .pagination ul > li > span { padding: 0 5px; }
	.nd-sidebar-open .nd-sidebar > ul.nd-primary-nav > li.nd-primary-nav-slider i { background-position: -418px -228px !important; }
	.nd-toggle-sidebar { width: 15px; }
}

/* ======================================= */
/* ==== 0px - 1023px (Landscape iPad) ==== */
/* ======================================= */
@media only screen and (max-width: 1023px) {
	.nd-dash-boxes .nd-dash-box { margin: 5px 1%; }
	.nd-dash-boxes .nd-dash-box.nd-dash-box-col-1 .nd-dash-content { width: 100%; }
	.nd-dash-boxes .nd-dash-box.nd-dash-box-col-2 .nd-dash-content { width: 100%; }
	.nd-dash-boxes .nd-dash-box.nd-dash-box-col-3 .nd-dash-content { width: 100%; }
	.nd-dash-boxes .nd-dash-box .nd-dash-item.nd-dash-item-col-2 { width: 46%; margin: 0 2%; }
	.nd-dash-boxes .nd-dash-box.nd-dash-box-col-1 { width: 48%; }
	.nd-dash-boxes .nd-dash-box.nd-dash-box-col-2 { width: 98%; }
	.nd-dash-boxes .nd-dash-box.nd-dash-box-col-3 { width: 98%; }
	
	.nd-dash-quad-layout .nd-dash-col6 { width: 50% !important; }

	.nd-mini-dash-row4 .nd-mini-dash-icon { display: none; }
	.nd-mini-dash-row6 .nd-mini-dash-icon { display: none; }
	.nd-mini-dash-row4 .nd-mini-dash-label { width: 70%; }
	.nd-mini-dash-row6 .nd-mini-dash-label { width: 70%; }
	
	.modal.nd-modal-large-super { position: fixed !important; top: 20px !important; right: 20px !important; left: 20px !important; width: auto !important; margin: 0 !important; }
	.modal.nd-modal-large-super .row-fluid [class*="span"] { width: 100% !important; }
}


/* ======================================= */
/* ===== 0px - 768px (Portrait iPad) ===== */
/* ======================================= */
@media only screen and (max-width: 768px) {
	.nd-filter .btn i { display: none; }
	.nd-detail-main .row-fluid { margin-bottom: 0 !important; }
	.nd-detail-main .row-fluid [class*="span"] { width: 100% !important; margin-left: 0 !important; margin-bottom: 10px !important; }
	.nav-tabs > li > a, .nav-pills > li > a { padding-left: 7px !important; padding-right: 7px !important; }
	
	.nd-mini-dashlet .nd-widget-title h2 { font-size: 11px; }
	.nd-mini-dash-row4 .nd-mini-dash-stat.font24 { font-size: 18px !important; }
	.nd-mini-dash-row6 .nd-mini-dash-stat.font30 { font-size: 18px !important; }
}

/* ========================================== */
/* ============== 0px - 767px =============== */
/* Bootstrap Responsive Elements & Overwrites */
@media only screen and (max-width: 767px) {
	body { padding: 0; }
	/* Alerts */
	.alert i { display:none; }
	.alert h2 { margin-left:0; }
	.alert p { margin-left:0; }
	/* Rows & Spans */
	[class*="span"], .row-fluid [class*="span"] {
		float: left;
		margin-left: 2.12766%;
	}
	.row-fluid [class*="span"]:first-child {
	  margin-left: 0;
	}
	.row-fluid .span12 {
	  width: 100% !important;
	  *width: 99.94680851063829% !important;
	}
	
	.row-fluid .span11 {
	  width: 91.48936170212765% !important;
	  *width: 91.43617021276594% !important;
	}
	
	.row-fluid .span10 {
	  width: 82.97872340425532% !important;
	  *width: 82.92553191489361% !important;
	}
	
	.row-fluid .span9 {
	  width: 74.46808510638297% !important;
	  *width: 74.41489361702126% !important;
	}
	
	.row-fluid .span8 {
	  width: 65.95744680851064% !important;
	  *width: 65.90425531914893% !important;
	}
	
	.row-fluid .span7 {
	  width: 57.44680851063829% !important;
	  *width: 57.39361702127659% !important;
	}
	
	.row-fluid .span6 {
	  width: 48.93617021276595% !important;
	  *width: 48.88297872340425% !important;
	}
	
	.row-fluid .span5 {
	  width: 40.42553191489362% !important;
	  *width: 40.37234042553192% !important;
	}
	
	.row-fluid .span4 {
	  width: 31.914893617021278% !important;
	  *width: 31.861702127659576% !important;
	}
	
	.row-fluid .span3 {
	  width: 23.404255319148934% !important;
	  *width: 23.351063829787233% !important;
	}
	
	.row-fluid .span2 {
	  width: 14.893617021276595% !important;
	  *width: 14.840425531914894% !important;
	}
	
	.row-fluid .span1 {
	  width: 6.382978723404255% !important;
	  *width: 6.329787234042553% !important;
	}
	.nd-widget-content .pagination ul > li > a, .nd-widget-content .pagination ul > li > span { padding: 0 3px; }
	.nd-dash-boxes .nd-dash-box .nd-dash-heading-sub { width: 84%; }
	.modal.nd-dialog-box,
	.modal.nd-modal-large { position: fixed !important; top: 20px !important; right: 20px !important; left: 20px !important; width: auto !important; margin: 0 !important; }
	#dialog-upload-media.modal.nd-dialog-box { margin: 0 auto !important; }
	.modal.nd-dialog-box .row-fluid [class*="span"],
	.modal.nd-modal-large .row-fluid [class*="span"] { width: 100% !important; }
}


/* ======================================= */
/* ======= 651px - 1040px (Tablet) ======= */
/* ======================================= */
@media only screen and (min-width: 651px) and (max-width: 1040px) {	
	/* Side Panel */
	.nd-sidebar { z-index: 100 !important; height: 100% !important; }
	.nd-sidebar > ul.nd-primary-nav > li > a { padding: 5px 7px 0px !important; min-height: 29px !important; }
	.nd-sidebar > ul.nd-primary-nav > li > a > span { padding: 7px 14px !important; }
	.nd-sidebar-closed .nd-sidebar { margin-left: -202px; }
	.nd-sidebar-closed .nd-sidebar > ul.nd-primary-nav { width: 48px !important; }
	.nd-sidebar-closed .nd-sidebar > ul.nd-primary-nav > li > a { padding: 5px 7px !important; }
	.nd-sidebar-closed .nd-sidebar > ul.nd-primary-nav > li > a > i { float: right !important; margin-right: 2px !important; }
	.nd-sidebar-open .nd-sidebar { position: absolute; top: 0; left: 0; background: #eaeaea; }
	.nd-sidebar-open .nd-sidebar > ul.nd-primary-nav > li > a > i { margin: 2px 3px 0 7px !important; }
	.nd-sidebar-open .nd-sidebar > ul.nd-primary-nav > li > a > i.nd-nav-arrow { margin: 0 !important; }
	/* Side Panel Toggle */
	.nd-toggle-sidebar { z-index: 10 !important;  height: 100% !important;}
	.nd-sidebar-closed .nd-toggle-sidebar { left: 48px; }
	.nd-main-panel { margin-left: 0 !important; padding-left: 9px; }
	.nd-sidebar-open .nd-main-panel { margin-left: 49px !important; }
	/* Action Bars */
	.nd-action-bar { height:auto; min-height: 30px; }
	.nd-date-range { float: none; padding: 10px 0 0 0; clear: both; }
	.nd-date-range i { margin-left: 0; }
	.nd-date-range .date { width: 39%; }
	/* Classes */
	.scroll-y { -webkit-overflow-scrolling: touch; }
	.scroll-x { -webkit-overflow-scrolling: touch; }
}


/* ====================== */
/* ==== 0px - 650px ===== */
/* ====================== */
@media only screen and (max-width: 650px) {
	body { background-image: none !important; }
	.nd-container { background-image: none !important; }
	/* Bootstrap Rows */
	[class*="span"], .row-fluid [class*="span"] {
		display: block !important;
		float: none !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-bottom: 10px !important;
		-webkit-box-sizing: border-box !important;
		   -moz-box-sizing: border-box !important;
				box-sizing: border-box !important;
	 }
	/* Heading */
	.nd-main-panel-heading { /*display: block;*/ background: #eaeaea !important; border: 1px solid #ccc; } 
	.nd-main-panel-heading h1 { line-height:normal; font-size: normal; font-size: 13px; padding: 5px 10px; }
	.nd-main-panel-heading i { margin-top: 0 !important; }
	.nd-main-panel-heading .btn-group { top: 2px; right: 13px; position:static; padding:0 0 10px 20px; }
	.nd-main-panel-heading .btn-group a { padding: 3px 6px !important; }
	/* Btns */
	.toggle-button { margin-bottom:10px; }
	.btn { padding-top: 12px !important; padding-bottom: 12px !important; font-size: 15px !important; }
	.btn[class*="span"] { padding: 12px 0 !important; }
	.btn.dropdown-toggle { padding: 10px 6px !important; }
	.btn [class^="icon-"], .btn [class*=" icon-"] { margin-top: 2px; }
	.nd-main-panel-content .btn { clear:both; min-height:0; display:block; float:none !important; width:auto; margin:0 0 10px !important; }
	.nd-main-panel-content .btn.hide { display: none; }
	.nd-main-panel-content #additionalCustomFilters.hide { display: none; }
	.nd-main-panel-content .btn-group { display:block; min-height: 0; float:none !important; clear:both; width:100%; }
	.nd-main-panel-content .btn-group .dropdown-toggle { width:20px; position:absolute; right:0; top:0; z-index:10; margin:0 !important; }
	.nd-main-panel-content .btn-group .dropdown-menu { width:100%; }
	.nd-main-panel-content .nd-list-item .nd-list-actions .nd-page-ordering { clear:both; float:none; }
	/* Breadcrumb */
	.nd-breadcrumb { display: none; }
	/* Action bar */
	.nd-action-bar { height:auto; min-height:1px; border-bottom:none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
	.nd-action-bar .btn-success { margin-bottom:10px; }
	.nd-action-bar button { width: 100% !important; }
	.nd-secondary-action-bar { height:auto; width:100%; }
	.nd-secondary-action-bar .nd-secondary-action-box .nd-action-label { display:none; }
	.nd-action-bar.nd-action-bar-bottom { height:auto; width:100%; }
	/* Pagination */
	.nd-widget-content .pagination ul { display: block; }
	.nd-widget-content .pagination ul > li > a, .nd-widget-content .pagination ul > li > span { padding: 0 5px; }
	/* Sort By */
	.nd-secondary-action-box { float:left !important; margin:0 0 10px !important; width:100%; }
	.nd-secondary-action-box .btn-group { width:100%; }
	.nd-secondary-action-box .btn-group .btn { display:inline; margin-bottom:10px !important; }
	/* Popups */
	.modal.nd-dialog-box, .modal.nd-modal-large, .modal.nd-modal-large-super { position: absolute !important; }
	.modal { overflow: visible !important; max-height: auto !important; height: auto !important; width: 90% !important; margin-left:0 !important; position: absolute !important; left:5% !important; top: 20px !important; background: none !important; box-shadow: none !important; border: none !important; }
	.modal .modal-body { overflow: scroll !important; max-height: 48% !important; background: #fff !important; word-break: break-all; }
	.modal .modal-body .pull-right { float: none; margin-bottom: 10px; }
	.modal .modal-body .pull-right.margin-left { margin-left: 0 !important; }
	.modal .modal-body .pull-right.margin-right { margin-right: 0 !important; }
	#dialog-upload-media.modal .modal-body { overflow: scroll !important; }
	.modal .modal-body iframe { width: 100% !important; }
	.modal .modal-body #map_canvas { width: 100% !important; }
	.modal-header .close { padding: 6px 10px; margin: -10px !important; }
	.modal-header h3 { line-height:normal; }
	.nd-file-upload-container { margin: 0 !important; }
	.modal-footer a, .modal-footer button, .modal-footer input, .modal-footer .btn { display: block !important; width: 100% !important; margin: 4px 0 !important; padding: 4px 0 !important; }
	.modal-footer .pull-right { float: none; }
	/* Popovers */
	.popover { width:90% !important; margin-left:0 !important; left:5% !important; }
	.popover .arrow { display: none; }
	/* Sidebar Resize */
	.nd-toggle-sidebar-mobile { /*display: block !important;*/ background:#212952; }
	.nd-toggle-sidebar-mobile a { display: block; padding: 8px; }
	.nd-toggle-sidebar-mobile i { display: block; cursor: pointer; float:right; }
	.nd-toggle-sidebar { display: none; }
	.nd-sidebar { width: 100%; position: static !important; margin-left: 0 !important; clear: both; }
	.nd-sidebar .nd-client-logo { display: none; }
	.nd-sidebar > ul.nd-primary-nav { width: 100% !important; margin-bottom: 10px !important; }
	.nd-sidebar > ul.nd-primary-nav > li > a { padding: 7px 0; }
	.nd-sidebar > ul.nd-primary-nav > li > a > span { display: block !important; }
	.nd-sidebar-closed .nd-sidebar > ul.nd-primary-nav > li > a > span { display: block !important; }
	.nd-sidebar-closed .nd-sidebar > ul.nd-primary-nav i.nd-toggle-sub { display: block !important; }
	.nd-sidebar-closed .nd-sidebar > ul.nd-primary-nav ul { display: inherit !important; }
	.nd-sidebar > ul.nd-primary-nav > li.active > a > i.nd-nav-arrow { display:none; }
	.nd-sidebar > ul.nd-primary-nav i.nd-toggle-sub { margin-right: 0; }
	.nd-sidebar-open .nd-sidebar .nd-client-logo { width:206px; margin:0 auto; }
	.nd-sidebar > ul.nd-primary-nav > li a { width: 90% !important; padding-left: 5% !important; padding-right: 5% !important; overflow: hidden; }
	.nd-sidebar > ul.nd-primary-nav > li > a:hover { background: none !important; color: #555 !important; }
	.nd-container .nd-sidebar > ul.nd-primary-nav > li > a:hover > i { background-image: url(../img/glyphicons-halflings.png) !important; }
	.nd-sidebar > ul.nd-primary-nav > li.active > a:hover { color: #fff !important; background: #030a1f url(../../img/theme/netdirector/nd-sidebar-bg.gif) 0 0 repeat-x !important; }
	.nd-sidebar .nd-sidebar-form { display: block !important; }
	.nd-sidebar .nd-primary-nav-slider { display: none; }
	.nd-main-panel { margin-left: 0 !important; min-height: auto !important; width: 100% !important; }
	.nd-container { background-image:none; }
	/* Footer */
	.nd-footer { display:none; }	
	/* Widget Boxes */
	.nd-widget-box .nd-widget-title .btn-icon-only { margin: 5px 5px 0 !important; }
	.nd-widget-box .nd-widget-content { padding: 3% !important; }
	/* Forms */
	.nd-widget-box .input-mini,
	.nd-widget-box .input-small,
	.nd-widget-box .input-medium,
	.nd-widget-box .input-large,
	.nd-widget-box .input-xlarge,
	.nd-widget-box .input-xxlarge { width: 94%; }
	.nd-widget-box .select-mini,
	.nd-widget-box .select-small,
	.nd-widget-box .select-medium,
	.nd-widget-box .select-large,
	.nd-widget-box .select-xlarge,
	.nd-widget-box .select-xxlarge { width: 94%; }
	.nd-widget-box .textarea-mini,
	.nd-widget-box .textarea-small,
	.nd-widget-box .textarea-medium,
	.nd-widget-box .textarea-large,
	.nd-widget-box .textarea-xlarge,
	.nd-widget-box .textarea-xxlarge { width: 94%; }
	.input-append .btn,
	.input-prepend .btn { clear: none; display: inline; }
	.input-append input,
	.input-append select,
	.input-prepend input,
	.input-prepend select { width: 90% !important; }
	.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin: 0 !important; }
	.nd-file-input { z-index: 0; }
	/* Listing */
	.nd-list-item .nd-list-actions { padding: 0; }
	.nd-list-item .nd-list-url-bar { padding-left: 0; padding-right: 0; }
	.nd-list-item .nd-list-btn-bar { padding: 0; }
	/* Tab System */
	.nd-tab-system .nav-tabs { border-radius: 4px; border: 1px solid #CDCDCD; margin-bottom: 10px; padding-bottom: 1px; }
	.nd-tab-system .nav-tabs li { display: block; float: none; border-top: 1px solid #CDCDCD; }
	.nd-tab-system .nav-tabs li:first-child { border: none; }
	.nd-tab-system .nav-tabs > li > a { border-radius: 0; border: none; margin: 0; }
	.nd-tab-system .nav-tabs > li > a:hover { border: none; }
	.nd-tab-system .nav-tabs > li.active > a { background: #eee; }
	/* Page Detail */
	.nd-detail-aside { float:none; width:100%; }
	.nd-detail-aside .input-append .add-on,
	.nd-detail-aside .input-prepend .add-on { width: 10% !important; padding-left: 0; padding-right: 0; }
	.nd-detail-aside .input-append input,
	.nd-detail-aside .input-prepend input { width: 88% !important; padding-left: 0; padding-right: 0; }
	.nd-detail-main { margin-right:0; float:none; width:100%; }
	/* File Tree */
	.nd-file-tree-container { float: none; width: 100%; }
	.nd-file-tree-container.nd-border-right { border: none !important; }
	.nd-file-tree { margin-bottom: 12px; }
	.nd-file-tree,
	.nd-file-content-panel { height: auto !important; overflow: visible !important; border: 1px solid #CDCDCD; }
	.nd-file-header { padding: 0; }
	/* Home Page Boxes */
	.nd-dash-boxes .nd-dash-box { width:100% !important; margin: 0 0 20px 0 !important; height: auto !important; min-height: 116px; }
	.nd-dash-boxes .nd-dash-box .nd-dash-content { height: auto !important; padding-bottom: 30px; }
	.nd-dash-boxes .nd-dash-box .nd-dash-item { padding: 10px 0; width: 96% !important; margin: 0 2%; float: none; }
	.nd-dash-boxes .nd-dash-box .nd-dash-item .nd-dash-stat { font-size: 25px; }
	.nd-dash-row1.nd-dash-item .nd-dash-stat, .nd-dash-row2.nd-dash-item .nd-dash-stat { margin-top: -9px; }
	.nd-dash-boxes .nd-dash-box .nd-dash-list-heading { padding: 6px 0; }
	.nd-dash-boxes .nd-dash-box .nd-dash-heading-sub { top: 0; left: 5px; }
	.nd-dash-item.nd-dash-item-col-2,
	.nd-dash-item.nd-dash-item-col-3 { float: none; }
	.nd-dash-boxes .nd-dash-box .nd-dash-quad-layout { height: 121px !important; }
	.nd-dash-boxes .nd-dash-box .nd-dash-quad-layout { height: 121px !important; }
	.nd-dash-boxes .nd-dash-box .nd-dash-quad-layout .nd-dash-col6 { width: 40% !important; padding: 0 5% !important; float: left; }
	.nd-dash-boxes .nd-dash-box .nd-dash-quad-layout .nd-dash-item { height: 89% !important; }
	.nd-dash-item .nd-dash-btn-group div { margin: 0px !important; padding: 5px 0 !important; }
	.nd-dash-item .nd-dash-btn-group .btn { margin: 0 !important; }
	
	.nd-mini-dashlet { height: auto; }
	.nd-mini-dashlet .nd-widget-title h2 { font-size: 13px; }
	.nd-mini-dashlet .nd-mini-dash-content { height: auto; }
	.nd-mini-dash-row4 .nd-mini-dash-icon { display: block; }
	.nd-mini-dash-row6 .nd-mini-dash-icon { display: block; }
	.nd-mini-dash-row4 .nd-mini-dash-label { width: 50%; }
	.nd-mini-dash-row6 .nd-mini-dash-label { width: 45%; }
	.nd-mini-dash-row4 .nd-mini-dash-stat.font24 { font-size: 24px !important; }
	.nd-mini-dash-row6 .nd-mini-dash-stat.font30 { font-size: 30px !important; }
	/* Notifications */
	.notifications { display: none; }
	/* Tables */
	.scroll-x .table { width: 225% !important; max-width: 225% !important; }
	.nd-table-response-menu { margin-top: -18px !important; }
	/* Text Editor */
	.nd-text-editor .mceListBox .mceText { font-size: 9px !important; width: 50px !important; }
	.nd-text-editor table.mceToolbar .mceButton { width: 19px; }
	/* Calendar */
	.nd-calendar .nd-action-bar .pull-right { float: none; }
	.nd-calendar .nd-action-bar .btn-group { margin: 0 !important; }
}

/* ====================== */
/* ==== 0px - 480px ===== */
/* ====================== */
@media only screen and  (max-width: 480px) {
	.nd-widget-content .pagination ul > li > a, .nd-widget-content .pagination ul > li > span { padding: 0 3px; }
}

/* ====================== */
/* === iFrame Fixes ===== */
/* ====================== */
@media only screen and (max-width: 768px) {body { width: 768px !important; }}
@media only screen and (max-width: 767px) {body { width: 767px !important; }}
@media only screen and (max-width: 766px) {body { width: 766px !important; overflow-x:hidden; }}
@media only screen and (max-width: 765px) {body { width: 765px !important; overflow-x:hidden; }}
@media only screen and (max-width: 764px) {body { width: 764px !important; overflow-x:hidden; }}
@media only screen and (max-width: 763px) {body { width: 763px !important; overflow-x:hidden; }}
@media only screen and (max-width: 762px) {body { width: 762px !important; overflow-x:hidden; }}
@media only screen and (max-width: 761px) {body { width: 761px !important; overflow-x:hidden; }}
@media only screen and (max-width: 760px) {body { width: 760px !important; overflow-x:hidden; }}
@media only screen and (max-width: 755px) {body { width: 755px !important; overflow-x:hidden; }}
@media only screen and (max-width: 750px) {body { width: 750px !important; overflow-x:hidden; }}
@media only screen and (max-width: 745px) {body { width: 745px !important; overflow-x:hidden; }}
@media only screen and (max-width: 740px) {body { width: 740px !important; overflow-x:hidden; }}
@media only screen and (max-width: 735px) {body { width: 735px !important; overflow-x:hidden; }}
@media only screen and (max-width: 730px) {body { width: 730px !important; overflow-x:hidden; }}
@media only screen and (max-width: 725px) {body { width: 725px !important; overflow-x:hidden; }}
@media only screen and (max-width: 720px) {body { width: 720px !important; overflow-x:hidden; }}
@media only screen and (max-width: 719px) {body { width: 719px !important; overflow-x:hidden; }}
@media only screen and (max-width: 718px) {body { width: 718px !important; overflow-x:hidden; }}
@media only screen and (max-width: 717px) {body { width: 717px !important; overflow-x:hidden; }}
@media only screen and (max-width: 716px) {body { width: 716px !important; overflow-x:hidden; }}
@media only screen and (max-width: 715px) {body { width: 715px !important; overflow-x:hidden; }}
@media only screen and (max-width: 714px) {body { width: 714px !important; overflow-x:hidden; }}
@media only screen and (max-width: 713px) {body { width: 713px !important; overflow-x:hidden; }}
@media only screen and (max-width: 712px) {body { width: 712px !important; overflow-x:hidden; }}
@media only screen and (max-width: 711px) {body { width: 711px !important; overflow-x:hidden; }}
@media only screen and (max-width: 710px) {body { width: 710px !important; overflow-x:hidden; }}
@media only screen and (max-width: 705px) {body { width: 705px !important; overflow-x:hidden; }}
@media only screen and (max-width: 704px) {body { width: 704px !important; overflow-x:hidden; }}
@media only screen and (max-width: 703px) {body { width: 703px !important; overflow-x:hidden; }}
@media only screen and (max-width: 702px) {body { width: 702px !important; overflow-x:hidden; }}
@media only screen and (max-width: 701px) {body { width: 701px !important; overflow-x:hidden; }}
@media only screen and (max-width: 700px) {body { width: 700px !important; overflow-x:hidden; }}
@media only screen and (max-width: 695px) {body { width: 695px !important; overflow-x:hidden; }}
@media only screen and (max-width: 690px) {body { width: 690px !important; overflow-x:hidden; }}
@media only screen and (max-width: 685px) {body { width: 685px !important; overflow-x:hidden; }}
@media only screen and (max-width: 680px) {body { width: 680px !important; overflow-x:hidden; }}
@media only screen and (max-width: 675px) {body { width: 675px !important; overflow-x:hidden; }}
@media only screen and (max-width: 674px) {body { width: 674px !important; overflow-x:hidden; }}
@media only screen and (max-width: 673px) {body { width: 673px !important; overflow-x:hidden; }}
@media only screen and (max-width: 672px) {body { width: 672px !important; overflow-x:hidden; }}
@media only screen and (max-width: 671px) {body { width: 671px !important; overflow-x:hidden; }}
@media only screen and (max-width: 670px) {body { width: 670px !important; overflow-x:hidden; }}
@media only screen and (max-width: 669px) {body { width: 669px !important; overflow-x:hidden; }}
@media only screen and (max-width: 668px) {body { width: 668px !important; overflow-x:hidden; }}
@media only screen and (max-width: 667px) {body { width: 667px !important; overflow-x:hidden; }}
@media only screen and (max-width: 666px) {body { width: 666px !important; overflow-x:hidden; }}
@media only screen and (max-width: 665px) {body { width: 665px !important; overflow-x:hidden; }}
@media only screen and (max-width: 664px) {body { width: 664px !important; overflow-x:hidden; }}
@media only screen and (max-width: 663px) {body { width: 663px !important; overflow-x:hidden; }}
@media only screen and (max-width: 662px) {body { width: 662px !important; overflow-x:hidden; }}
@media only screen and (max-width: 661px) {body { width: 661px !important; overflow-x:hidden; }}
@media only screen and (max-width: 660px) {body { width: 660px !important; overflow-x:hidden; }}
@media only screen and (max-width: 655px) {body { width: 655px !important; overflow-x:hidden; }}
@media only screen and (max-width: 650px) {body { width: 650px !important; overflow-x:hidden; }}
@media only screen and (max-width: 649px) {body { width: 649px !important; overflow-x:hidden; }}
@media only screen and (max-width: 648px) {body { width: 648px !important; overflow-x:hidden; }}
@media only screen and (max-width: 647px) {body { width: 647px !important; overflow-x:hidden; }}
@media only screen and (max-width: 646px) {body { width: 646px !important; overflow-x:hidden; }}
@media only screen and (max-width: 645px) {body { width: 645px !important; overflow-x:hidden; }}
@media only screen and (max-width: 644px) {body { width: 644px !important; overflow-x:hidden; }}
@media only screen and (max-width: 643px) {body { width: 643px !important; overflow-x:hidden; }}
@media only screen and (max-width: 642px) {body { width: 642px !important; overflow-x:hidden; }}
@media only screen and (max-width: 641px) {body { width: 641px !important; overflow-x:hidden; }}
@media only screen and (max-width: 640px) {body { width: 640px !important; overflow-x:hidden; }}
@media only screen and (max-width: 635px) {body { width: 635px !important; overflow-x:hidden; }}
@media only screen and (max-width: 630px) {body { width: 630px !important; overflow-x:hidden; }}
@media only screen and (max-width: 625px) {body { width: 625px !important; overflow-x:hidden; }}
@media only screen and (max-width: 620px) {body { width: 620px !important; overflow-x:hidden; }}
@media only screen and (max-width: 615px) {body { width: 615px !important; overflow-x:hidden; }}
@media only screen and (max-width: 610px) {body { width: 610px !important; overflow-x:hidden; }}
@media only screen and (max-width: 605px) {body { width: 605px !important; overflow-x:hidden; }}
@media only screen and (max-width: 600px) {body { width: 600px !important; overflow-x:hidden; }}
@media only screen and (max-width: 595px) {body { width: 595px !important; overflow-x:hidden; }}
@media only screen and (max-width: 590px) {body { width: 590px !important; overflow-x:hidden; }}
@media only screen and (max-width: 585px) {body { width: 585px !important; overflow-x:hidden; }}
@media only screen and (max-width: 580px) {body { width: 580px !important; overflow-x:hidden; }}
@media only screen and (max-width: 575px) {body { width: 575px !important; overflow-x:hidden; }}
@media only screen and (max-width: 570px) {body { width: 570px !important; overflow-x:hidden; }}
@media only screen and (max-width: 565px) {body { width: 565px !important; overflow-x:hidden; }}
@media only screen and (max-width: 560px) {body { width: 560px !important; overflow-x:hidden; }}
@media only screen and (max-width: 555px) {body { width: 555px !important; overflow-x:hidden; }}
@media only screen and (max-width: 550px) {body { width: 550px !important; overflow-x:hidden; }}
@media only screen and (max-width: 545px) {body { width: 545px !important; overflow-x:hidden; }}
@media only screen and (max-width: 540px) {body { width: 540px !important; overflow-x:hidden; }}
@media only screen and (max-width: 535px) {body { width: 535px !important; overflow-x:hidden; }}
@media only screen and (max-width: 530px) {body { width: 530px !important; overflow-x:hidden; }}
@media only screen and (max-width: 525px) {body { width: 525px !important; overflow-x:hidden; }}
@media only screen and (max-width: 520px) {body { width: 520px !important; overflow-x:hidden; }}
@media only screen and (max-width: 515px) {body { width: 515px !important; overflow-x:hidden; }}
@media only screen and (max-width: 510px) {body { width: 510px !important; overflow-x:hidden; }}
@media only screen and (max-width: 505px) {body { width: 505px !important; overflow-x:hidden; }}
@media only screen and (max-width: 500px) {body { width: 500px !important; overflow-x:hidden; }}
@media only screen and (max-width: 495px) {body { width: 495px !important; overflow-x:hidden; }}
@media only screen and (max-width: 490px) {body { width: 490px !important; overflow-x:hidden; }}
@media only screen and (max-width: 485px) {body { width: 485px !important; overflow-x:hidden; }}
@media only screen and (max-width: 480px) {body { width: 480px !important; overflow-x:hidden; }}
@media only screen and (max-width: 475px) {body { width: 475px !important; overflow-x:hidden; }}
@media only screen and (max-width: 470px) {body { width: 470px !important; overflow-x:hidden; }}
@media only screen and (max-width: 465px) {body { width: 465px !important; overflow-x:hidden; }}
@media only screen and (max-width: 460px) {body { width: 460px !important; overflow-x:hidden; }}
@media only screen and (max-width: 455px) {body { width: 455px !important; overflow-x:hidden; }}
@media only screen and (max-width: 450px) {body { width: 450px !important; overflow-x:hidden; }}
@media only screen and (max-width: 445px) {body { width: 445px !important; overflow-x:hidden; }}
@media only screen and (max-width: 440px) {body { width: 440px !important; overflow-x:hidden; }}
@media only screen and (max-width: 435px) {body { width: 435px !important; overflow-x:hidden; }}
@media only screen and (max-width: 430px) {body { width: 430px !important; overflow-x:hidden; }}
@media only screen and (max-width: 425px) {body { width: 425px !important; overflow-x:hidden; }}
@media only screen and (max-width: 420px) {body { width: 420px !important; overflow-x:hidden; }}
@media only screen and (max-width: 415px) {body { width: 415px !important; overflow-x:hidden; }}
@media only screen and (max-width: 410px) {body { width: 410px !important; overflow-x:hidden; }}
@media only screen and (max-width: 405px) {body { width: 405px !important; overflow-x:hidden; }}
@media only screen and (max-width: 400px) {body { width: 400px !important; overflow-x:hidden; }}
@media only screen and (max-width: 395px) {body { width: 395px !important; overflow-x:hidden; }}
@media only screen and (max-width: 390px) {body { width: 390px !important; overflow-x:hidden; }}
@media only screen and (max-width: 385px) {body { width: 385px !important; overflow-x:hidden; }}
@media only screen and (max-width: 380px) {body { width: 380px !important; overflow-x:hidden; }}
@media only screen and (max-width: 375px) {body { width: 375px !important; overflow-x:hidden; }}
@media only screen and (max-width: 370px) {body { width: 370px !important; overflow-x:hidden; }}
@media only screen and (max-width: 365px) {body { width: 365px !important; overflow-x:hidden; }}
@media only screen and (max-width: 360px) {body { width: 360px !important; overflow-x:hidden; }}
@media only screen and (max-width: 355px) {body { width: 355px !important; overflow-x:hidden; }}
@media only screen and (max-width: 350px) {body { width: 350px !important; overflow-x:hidden; }}
@media only screen and (max-width: 345px) {body { width: 345px !important; overflow-x:hidden; }}
@media only screen and (max-width: 340px) {body { width: 340px !important; overflow-x:hidden; }}
@media only screen and (max-width: 335px) {body { width: 335px !important; overflow-x:hidden; }}
@media only screen and (max-width: 330px) {body { width: 330px !important; overflow-x:hidden; }}
@media only screen and (max-width: 325px) {body { width: 325px !important; overflow-x:hidden; }}
@media only screen and (max-width: 320px) {body { width: 320px !important; overflow-x:hidden; }}
@media only screen and (max-width: 315px) {body { width: 315px !important; overflow-x:hidden; }}
@media only screen and (max-width: 310px) {body { width: 310px !important; overflow-x:hidden; }}
@media only screen and (max-width: 305px) {body { width: 305px !important; overflow-x:hidden; }}
@media only screen and (max-width: 300px) {body { width: 300px !important; overflow-x:hidden; }}
@media only screen and (max-width: 295px) {body { width: 295px !important; overflow-x:hidden; }}
@media only screen and (max-width: 290px) {body { width: 290px !important; overflow-x:hidden; }}
@media only screen and (max-width: 285px) {body { width: 285px !important; overflow-x:hidden; }}
@media only screen and (max-width: 280px) {body { width: 280px !important; overflow-x:hidden; }}
@media only screen and (max-width: 275px) {body { width: 275px !important; overflow-x:hidden; }}
@media only screen and (max-width: 270px) {body { width: 270px !important; overflow-x:hidden; }}
@media only screen and (max-width: 265px) {body { width: 265px !important; overflow-x:hidden; }}
@media only screen and (max-width: 260px) {body { width: 260px !important; overflow-x:hidden; }}
@media only screen and (max-width: 255px) {body { width: 255px !important; overflow-x:hidden; }}
@media only screen and (max-width: 250px) {body { width: 250px !important; overflow-x:hidden; }}
@media only screen and (max-width: 245px) {body { width: 245px !important; overflow-x:hidden; }}
@media only screen and (max-width: 240px) {body { width: 240px !important; overflow-x:hidden; }}
@media only screen and (max-width: 235px) {body { width: 235px !important; overflow-x:hidden; }}
@media only screen and (max-width: 230px) {body { width: 230px !important; overflow-x:hidden; }}
@media only screen and (max-width: 225px) {body { width: 225px !important; overflow-x:hidden; }}
@media only screen and (max-width: 220px) {body { width: 220px !important; overflow-x:hidden; }}
@media only screen and (max-width: 215px) {body { width: 215px !important; overflow-x:hidden; }}
@media only screen and (max-width: 210px) {body { width: 210px !important; overflow-x:hidden; }}
@media only screen and (max-width: 205px) {body { width: 205px !important; overflow-x:hidden; }}
@media only screen and (max-width: 200px) {body { width: 200px !important; overflow-x:hidden; }}


/* ======================================= */
/* ========== iPad Only Styles =========== */
/* ======================================= */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.nd-sidebar-open .nd-main-panel,
	.nd-sidebar-closed .nd-main-panel { padding-left: 10px !important; margin: 0 !important; }
}