@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/
	.v2-container {
		width: 100%;
	}
	
	.tool-bar .tool-box {
		margin-right: 5px;
		margin-left: 5px;		
	}
	
	.tool-bar .tool-box {
		margin-right: 5px;
		margin-left: 5px;		
	}
	
	.tool-bar .tool-box .k-button{
		margin-right: 5px;
		margin-left: 5px;		
	}
	
	.hide-device {
		display: none !important;
	}
	
	.tool-bar .tool-box {
		margin-right: 5px;
	}
	
	.tool-bar .tool-box {
		margin-left: 5px;
	}
	
}

@media only screen and (min-width : 481px) and (max-width : 595px) {/*--- Mobile landscape ---*/
	
	.tool-bar .tool-box {
		margin-left: 5px;
	}
	
	.v2-container {
		width: 100%;
	}
	
	.kid-card {
		width: 48%;
	}
	
	.tool-bar .tool-box {
		margin-right: 5px;
		margin-left: 5px;		
	}
	
	.tool-bar .tool-box .k-button{
		margin-right: 5px;
		margin-left: 5px;		
	}
	
	.v2-header .left img,
	.dashboard-memory-maker .dates,
	.dashboard-memory-maker .c_filterGroup {
		display: none;
	}
	
	.hide-device {
		display: none !important;
	}
	
}

@media only screen and (min-width : 596px) and (max-width : 690px) {/*--- Small tablet portrait ---*/
	.v2-container {
		width: 100%;
	}
	
	.tool-bar .tool-box {
		margin-left: 5px;
	}
	
	
	
	.tool-bar .tool-box {
		margin-right: 5px;
		margin-left: 5px;		
	}
	
	.tool-bar .tool-box .k-button{
		margin-right: 5px;
		margin-left: 5px;		
	}
	
	.hide-device {
		display: none !important;
	}
}

@media only screen and (min-width : 691px) and (max-width : 800px) {/*--- Tablet portrait ---*/
	.v2-container {
		width: 100%;
	}
	
	.tool-bar .tool-box {
		margin-right: 5px;
		margin-left: 5px;		
	}
	
	.tool-bar .tool-box .k-button{
		margin-right: 5px;
		margin-left: 5px;		
	}
	
	.hide-device {
		display: none !important;
	}
	
	/* STAFF */
	.permissions-master-box .upper-box-staff .roles-left-box {
		width: 100%;
	}
	
	.show-agenda-event {
		opacity: 1;
		transition: 0.5s;
		width: 100% !important;
		margin-left: 0% !important;
		margin-top: -6px;
	}
	
	.show-event {
		opacity: 1;
		transition: 0.5s;
		width: 100% !important;
		margin-left: 0% !important;
		margin-right: 0%;
		
	}
	
	.hide-event {
		opacity: 0;
		transition: 0.5s;
	}
	
	.hide-list-event {
		opacity: 0;
		transition: 0.5s;
		margin-left: -100% !important;
	}
	
	.icon-back-responsive {
		display: block;
	}
	
	
	.input-group-parent .input-group .separator{
		margin: 0 7px !important;
	}
}

@media only screen and (min-width : 799px) and (max-width : 1023px) {/*--- Small tablet landscape ---*/
	
	.v2-container {
		width: 100%;
	}
	
	.hide-device {
		display: none !important;
	}
	
	
	.tool-bar .tool-box {
		margin-right: 5px;
		margin-left: 5px;
	}
	
	.tool-bar .tool-box .k-button{
		margin-right: 5px;
		margin-left: 5px;		
	}
	
	.permissions-master-box {
		padding: 10px;
	}
	
	.input-group-parent .input-group .separator{
		margin: 0 7px !important;
	}

	.input-group-parent .input-group select{
		width: 41% !important;
	}

	.input-group-parent .input-group select.parent-select{
		width: 100% !important;
	}
}

@media only screen and (min-width : 1024px) and (max-width : 1239px) {/*--- Small tablet landscape ---*/
	
	.v2-container {
		width: 1000px;
		margin: 0 auto;
	}
	
	.dashboard-container {
		padding-top: 49px;
	}
	
	.c_memory_dates {
		width: 15%;
	}
	
	.c_memory_dates ul li .today {
		font-size: 1em;
		padding: 2px;
	}
	
	.fix-upper-bar .my-header-container .light {
		width: 15%;
	}
	
	.c_filterGroup li:first-child {
		font-size: 1em;
	}
	
	.fix-upper-bar .my-header-container .action-buttons {
		/* width: 17%; */
	}
	
	/* UPLOADER */
	.box-bottom-tags .text-pending {
		font-size: 17px;
		line-height: 85px;
	}
	.box-tags .box-tag-data .box-upper-tags {
		margin-left: 90px;
	}
	.text-great {
		font-size: 1.1em;
		margin-top: 37px !important;
	}
	.box-to-tag .box-pending-pics {
		margin-top: 2.3%;
	}
	.box-bottom-tags .tag-button {
		margin-top: 22px;
		padding: 10px;
	}
	.box-tags .box-tag-data {
		width: 69%;
		margin-right: 2px;
	}
	
	.box-bottom {
		padding: 0px 22%;
	}
	
	.box-tags .box-tag-data .actions {
		width: 10%;
		padding-top: 212px;
		padding-left: 4px;
	}
	
	.box-tags .box-tag-data .current-pic {
		padding-left: 12px;
		padding-right: 12px;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
		width: 500px;
	}
	
	.box-tags .box-kids {
		width: 30%;
	}
	
	.tag-menu-kids {
		width: 100%;
	}
	
	.tag-menu-kids .content-grid {
		padding-left: 17px;
	}
	
	.box-tags .box-kids .box-kids-for-tag .my-kids .header {
		padding-left: 17px;
	}
	
	.tag-menu-kids .group .k-button {
		width: 42px;
		height: 43px;
	}
	
	#alertBox {
		left: 38% !important;
		top: 37%;
		width: 440px;
	}
	.box-bottom-tags {
		padding: 0;
		margin-top: -15px;
	}
	
	.box-uploader {
		width: 100%;
		height: auto;
		margin-top: 8px;
		margin-left: 4px;
		display: inline-block;
		
	}
	
	.uploaded-box .empty-box img {
		padding: 3% 2%;
		margin: 79px;
	}
	
	.uploaded-box .empty-box div {
		margin-top: 52%;
	}
	
	.uploaded-box .empty-box {
		padding-top: 58px;
	}
	
	.progress-box {
		margin: 0.7% 0% -2% 7%;
	}
	
	.pics-queue .canvas {
		width: 80px;
		margin: 0;
		
	}
	
	.pics-queue canvas {
		width: 85px;
	}
	
	.pics-queue .grid-file-data .completed-color {
		width: 54%;
		display: inline-block;
	}
	
	.pics-queue .grid-file-data .progress {
		margin-right: 0;
	}
	
	.pics-queue .grid-file-data .file-loading {
		font-size: 0.8em;
	}
	
	.pics-queue .grid-file-data .file-complete {
		width: 0;
		margin-top: 12%;
		font-size: 1.4em;
	}
	
	.upload-more-button {
		margin-bottom: 21px;
		margin-left: 155px;
	}
	
	.pics-queue .grid-file-data {
		width: 62%;
	}
	
	.pics-queue .grid-file-data .ion-android-refresh {
		margin-left: 5px;
	}
	
	input[type=checkbox] + .pic-label {
		right: 13%;
	}
	
	.pic-90 {
		margin-top: 0 !important;
	}
	
	.pic-270 {
		margin-top: 0 !important;
	}
	.box-bottom-tags .ion-android-alert {
		font-size: 1.8em;
		padding: 23px;
	}
	
	/* New */
	.kid-fixed-bar .atm {
		width: auto;
	}
	
	.tool-bar .tool-box {
		margin-right: 0px;
		margin-left: 0;
	}
	
	.tool-bar .tool-box .k-button{
		margin: 0;
	}
	
	#calendar .filtering {
		margin-top: 10px;
	}
	
	.report-manager .subreports-and-options {
		padding-bottom: 50px;
	}
	
	.report-manager .subreports-and-options .subreport .options {
		width: 66%;
	}
	
	.messages-container-v2 .messages-first-box a {
		font-size: 12px;
	}
	
	.messages-container-v2 .messages-first-box .groups-picker .selected {
		font-size: 0.9rem;
	}
	
	.messages-container-v2 .inbox-container-v2 .current-box-box {
		padding: 0 0 0 6px;
		width: 35%;
		font-size: 1em;
		
	}
	
	.messages-container-v2 .inbox-container-v2 .pager-box {
		width: 31%;
		font-size: 0.9em;
	}
	
	.input-group-parent .input-group select{
		/* width: 41% !important; */
	}
	
	.input-group-parent .input-group select.parent-select{
		width: 100% !important;
	}
}

@media only screen and (min-width : 1240px) and (max-width : 1365px) {/*--- Small tablet landscape ---*/
	
	.v2-container {
		width: 1245px;
		margin: 0 auto;
	}
	
	.month-by-group .n-kids .kid .day,
	.month-by-group .headers .day-header {
		width: 34px;
	}

	.dashboard-container {
		padding-top: 49px;
	}
	
	.c_memory_dates {
		width: 15%;
	}
	
	.c_memory_dates ul li .today {
		font-size: 1em;
		padding: 2px;
	}
	
	.fix-upper-bar .my-header-container .light {
		width: 15%;
	}
	
	.c_filterGroup li:first-child {
		font-size: 1em;
	}
	
	.fix-upper-bar .my-header-container .action-buttons {
		/* width: 17%; */
	}
	/* New */
	.kid-fixed-bar .atm {
		width: auto;
	}
	
	.tool-bar .tool-box {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.tool-bar .tool-box .k-button{
		margin: 0;
	}
	
	#calendar .filtering {
		margin-top: 10px;
	}
	
	.report-manager .subreports-and-options {
		padding-bottom: 50px;
	}
	
	.k-teacher-actions a {
		width: 100%;
	}
	
	/* UPLOADER */
	.box-tags .box-tag-data .box-upper-tags {
		margin-left: 90px;
	}
	.box-bottom-tags .text-pending {
		font-size: 17px;
		line-height: 85px;
	}
	.box-bottom-tags .tag-button {
		margin-top: 22px;
		padding: 10px;
	}
	.text-great {
		font-size: 1.1em;
		margin-top: 37px !important;
	}
	.box-to-tag .box-pending-pics {
		margin-top: 2.3%;
	}
	.box-tags .box-tag-data {
		width: 69%;
		margin-right: 2px;
	}
	
	.box-bottom {
		padding: 0px 22%;
	}
	
	.box-tags .box-tag-data .actions {
		width: 10%;
		padding-top: 212px;
		padding-left: 4px;
	}
	
	.box-tags .box-tag-data .current-pic {
		padding-left: 12px;
		padding-right: 12px;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
		width: 600px;
	}
	
	.box-tags .box-kids {
		width: 30%;
	}
	
	.tag-menu-kids {
		width: 100%;
	}
	
	.tag-menu-kids .content-grid {
		padding-left: 17px;
	}
	
	.box-tags .box-kids .box-kids-for-tag .my-kids .header {
		padding-left: 17px;
	}
	
	.tag-menu-kids .group .k-button {
		width: 42px;
		height: 43px;
	}
	
	#alertBox {
		left: 38% !important;
		top: 37%;
		width: 440px;
	}
	.box-bottom-tags {
		padding: 0;
		margin-top: -15px;
	}
	
	.box-uploader {
		width: 100%;
		height: auto;
		margin-top: 8px;
		margin-left: 4px;
		display: inline-block;
		
	}
	
	.uploaded-box .empty-box img {
		margin: 159px;
		margin-top:57px;
	}
	
	.uploaded-box .empty-box div {
		margin-top: 40%;
	}
	
	.uploaded-box .empty-box {
		padding-top: 58px;
	}
	
	.progress-box {
		margin: 0.7% 0% -2% 7%;
	}
	
	.pics-queue .canvas {
		width: 80px;
		margin: 0;
		
	}
	
	.pics-queue canvas {
		width: 85px;
	}
	
	.pics-queue .grid-file-data .completed-color {
		width: 54%;
		display: inline-block;
	}
	
	.pics-queue .grid-file-data .progress {
		margin-right: 0;
	}
	
	.pics-queue .grid-file-data .file-loading {
		font-size: 0.8em;
	}
	
	.pics-queue .grid-file-data .file-complete {
		width: 0;
		margin-top: 12%;
		font-size: 1.4em;
	}
	
	.upload-more-button {
		margin-bottom: 21px;
		margin-left: 231px;
	}
	
	.pics-queue .grid-file-data {
		width: 62%;
	}
	
	.pics-queue .grid-file-data .ion-android-refresh {
		margin-left: 5px;
	}
	
	input[type=checkbox] + .pic-label {
		right: 11%;
	}
	
	.pic-90 {
		margin-top: 0 !important;
	}
	
	.pic-270 {
		margin-top: 0 !important;
	}
	.box-bottom-tags .ion-android-alert {
		font-size: 1.8em;
		padding: 23px;
	}
	
}

@media only screen and (min-width : 1366px) and (max-width : 1600px) {/*--- Small screen landscape ---*/
	
	.report-manager .reports{
		width: 20%;
	}

	.v2-container {
		width: 1250px;
		margin: 0 auto;
	}
	
	.dashboard-container {
		padding-top: 49px;
	}
	
	.c_memory_dates {
		width: 15%;
	}
	
	.c_memory_dates ul li .today {
		font-size: 1em;
		padding: 2px;
	}
	
	.fix-upper-bar .my-header-container .light {
		width: 15%;
	}
	
	.c_filterGroup li:first-child {
		font-size: 1em;
	}
	/* New */
	.kid-fixed-bar .atm {
		width: auto;
	}
	
	.tool-bar .tool-box {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.tool-bar .tool-box .k-button{
		margin-right: 0;
	}
	
	#calendar .filtering {
		margin-top: 10px;
	}
	
	.report-manager .subreports-and-options {
		padding-bottom: 50px;
	}
	
	.k-teacher-actions a {
		width: 100%;
	}
	
	
	/* UPLOADER */
	.box-tags .box-tag-data .box-upper-tags {
		margin-left: 90px;
	}
	.box-bottom-tags .ion-android-alert {
		font-size: 1.8em;
		padding: 23px;
	}
	.box-bottom-tags .text-pending {
		font-size: 17px;
		line-height: 85px;
	}
	.box-bottom-tags .tag-button {
		margin-top: 22px;
		padding: 10px;
	}
	.text-great {
		font-size: 1.1em;
		margin-top: 37px !important;
	}
	.box-to-tag .box-pending-pics {
		margin-top: 2.3%;
	}
	input[type=checkbox] + .pic-label {
		right: 13%;
	}
	
	.pic-90 {
		margin-top: 0 !important;
	}
	
	.pic-270 {
		margin-top: 0 !important;
	}
	
	.box-tags .box-tag-data {
		width: 69%;
		margin-right: 2px;
	}
	.box-bottom {
		padding: 0px 22%;
	}
	
	.box-tags .box-tag-data .actions {
		width: 10%;
		padding-top: 212px;
		padding-left: 4px;
	}
	
	.box-tags .box-tag-data .current-pic {
		padding-left: 12px;
		padding-right: 12px;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		position: relative;
		width: 500px;
	}
	
	.box-tags .box-kids {
		width: 30%;
	}
	
	.tag-menu-kids {
		width: 100%;
	}
	
	.tag-menu-kids .content-grid {
		padding-left: 17px;
	}
	
	.box-tags .box-kids .box-kids-for-tag .my-kids .header {
		padding-left: 17px;
	}
	
	.tag-menu-kids .group .k-button {
		width: 42px;
		height: 43px;
	}
	
	#alertBox {
		left: 38% !important;
		top: 37%;
		width: 440px;
	}
	.box-bottom-tags {
		padding: 0;
		margin-top: -15px;
	}
	
	.box-uploader {
		width: 100%;
		height: auto;
		margin-top: 8px;
		margin-left: 4px;
		display: inline-block;
		
	}
	
	.uploaded-box .empty-box img {
		margin: 96px;
		margin-top:84px;
	}
	
	.uploaded-box .empty-box div {
		margin-top: 48%;
	}
	
	.uploaded-box .empty-box {
		padding-top: 58px;
	}
	
	.progress-box {
		margin: 0.7% 0% -2% 7%;
	}
	
	.pics-queue .canvas {
		width: 80px;
		margin: 0;
		
	}
	
	.pics-queue canvas {
		width: 85px;
	}
	
	.pics-queue .grid-file-data .completed-color {
		width: 54%;
		display: inline-block;
	}
	
	.pics-queue .grid-file-data .progress {
		margin-right: 0;
	}
	
	.pics-queue .grid-file-data .file-loading {
		font-size: 0.8em;
	}
	
	.pics-queue .grid-file-data .file-complete {
		width: 0;
		margin-top: 12%;
		font-size: 1.4em;
	}
	
	.upload-more-button {
		margin-bottom: 21px;
		margin-left: 172px;
	}
	
	.pics-queue .grid-file-data {
		width: 62%;
	}
	
	.pics-queue .grid-file-data .ion-android-refresh {
		margin-left: 5px;
	}
}


@media only screen and (min-width : 1601px) {/*--- Tablet landscape --- */
	
	.v2-container {
		width: 1366px;
		margin: 0 auto;
	}
	
	.tool-bar .tool-box {
		margin-left: 0px;
		margin-right: 0px;
	}

	.report-manager .reports{
		width: 20%;
	}
	
	#calendar .filtering {
		margin-top: 10px;
	}
	
	.month-by-group .n-kids .kid .day,
	.month-by-group .headers .day-header {
		width: 39px;
	}
	
	.box-bottom-tags {
		padding: 0 311px 0 289px;
		margin-top: -8px;
	}
	.box-bottom-tags .text-pending{
		font-size: 17px;
		line-height: 76px;
	}
	
}

@media only screen and (max-height: 600px){
	.nw-editor{
		min-height: auto;
	}

	.nw-editor-container{
		max-height: 35vh;
	}
}

@media only screen and (min-height: 601px) and (max-height: 700px){
	.nw-editor-container{
		max-height: 40vh;
	}
}

@media only screen and (min-height: 701px) and (max-height: 800px){
	.nw-editor-container{
		max-height: 45vh;
	}
}

@media only screen and (min-height: 801px){
	.nw-editor-container{
		max-height: 50vh;
	}
}