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

	* {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
	}



    .mobile-block,
	.tablet-block {
        display: block;
		left: 0;
		width: 100%;
    }




    /**/
	#body,
	#body.admin {
		padding-top:60px;
	}

	#main-menu,
	#main-menu.small{
		position:absolute;
		-o-transition:.20s;
		-ms-transition:.20s;
		-moz-transition:.20s;
		-webkit-transition:.20s;
		transition:.20s;
	}
	
	#main-menu .main-menu-block {
		width:20%;
		margin-left:0;
		height:53px;
	}
	
		#main-menu .main-menu-block .icon,
		#main-menu.small .main-menu-block .icon {
			position:relative;
			font-size:24px;
			left:auto;
			bottom:auto;
			display:block;
			padding:5px 0;
			line-height:53px;
			height:53px;
		}
		
		#main-menu .main-menu-block .name {
			display:none;
		}
		
		#main-menu .main-menu-block.logo {
			width:68px;
			display:none;
		}
		
		#main-menu .main-menu-block.logo img,
		#main-menu.small .main-menu-block.logo img {
			margin:13px 0 0 13px;
			display:none;
			width:40px;
		}
		
		#main-menu .main-menu-block.logo img.responsive {
			display:block;
		}

	audio {
		position:absolute;
		left:-10000px;
	}
	
	.column-one-third {
		width:100%;
		padding-bottom:30px;
		margin-bottom:20px;
		border-bottom:1px solid #dfdfdf;
	}
	
	.column-top-padding {
		padding-top:20px;
	}
	
	.column-inner {
		min-height:0;
		text-align:center;
		border:0;
		padding:0 20px;
	}
	
	.welcome-menu ul,
	.welcome-menu li {
		display:inline-block;
	}
	
	.welcome-menu ul {
		min-width:0;
		width:auto;
	}
	
	.welcome-menu li {
		float:none;
		margin:0 auto;
		padding:0 10px;
		display:inline-block;
	}
	
		.welcome-menu li a {
			font-size:15px;
			vertical-align:top;
			display:inline-block;
			height:160px;
		}
		
		.welcome-menu li a .icon {
			font-size: 45px;
			width: 90px;
			height: 90px;
			line-height: 105px;
		}
	
	.block-msg-icon, .block-msg-text {
		display:inline-block;
		float:none;
	}
	
	.block-msg {
		text-align:left;
	}
	
	.welcome-msg {
		text-align:center;
	}
	
	.column-inner .accordion{
		margin:0 auto;
		border:0;
	}
	
	ul.accordion>li>ul>li {
		text-align:left;
	}
	
	#user-menu>ul>li .field-name {
		padding-left:15px;
	}
	
	#edit-window {
		padding-top:0;
	}
	
	.datatable-form {
		padding-bottom:80px;
		min-height:300px!important;
		padding-top: 84px;
	}
	
	.datatable-form-buttons {
		padding:15px 20px;
		z-index:100!important;
	}
	
	.field-input > input {
		width: 100%;
		padding-left:5px;
		padding-right:5px;
		margin-bottom:15px!important;
	}
	
	.datatable-screen {
		padding-bottom:0!important;
		width: 100%;
	}
	
	.color-block {
		width:16px!important;
		height:16px!important;
		display:block!important;
		margin:0 auto!important;
	}
	

	.color-value {
		display:none;
	}

	.datatable-table table {
		/*table-layout: fixed;*/
	}

	.datatable-table td, .datatable-table th, .datatable-dragdummy td {
		font-size:11px!important;
		padding:4px 7px!important
	}
	
	.dt-row .edit {
		font-size:20px!important;
	}
	
	.datatable-table td.file .image img {
		width:50px;
		height:auto;
	}
	
	.datatable-table .dt-action .icon-eye,
	.datatable-table .edit .icon-edit {
		font-size:20px;
		display:block;
		text-align:center;
	}
	
	
	.datatable-table td.letter-wrap {
		word-break:break-all;	
	}
	
	.fi_button, .fi_button_hover, .fi_button_disabled,
	.datatable-button {
		width: 50px;
		height: 50px;
		font-size: 27px;
		line-height: 50px;
	}

	.datatable-button:hover:before {
		font-size: 31px;
	}
	.datatable-button.disabled:hover:before {
		font-size: 27px;
	}


	.datatable-button-bar__buttons {
		margin-bottom: 20px;
	}

	.datatable-navigation {
		padding-right: 0;
	}


	
	.mobile-menu-show #user-options {
		right:0;
	}
	
	#top-menu {
		right:0;
	}
	
	#top-menu-flags {
		padding-left:19px;
	}
	
	.block-msg-icon {
		padding-right:5px;
	}
	
	#edit-window {
		margin-left: 0;
	}
	
	.datatable-wrapper {
		padding:20px 10px!important;
	}


	.datatable-table th:nth-child(n+3),
	.datatable-table td:nth-child(n+4),
	
	.datatable.tree .datatable-table th:nth-child(2),
	.datatable.tree .datatable-table td:nth-child(3),

	.empty-row td:nth-child(1) {
		display:none;
	}


	.datatable-table th.th-edit,
	.datatable-table td.edit {
		display:table-cell !important;
		width: 60px;
	}

	.datatable-table td {
		word-wrap: break-word;
		white-space: normal;
	}
	
	.datatable.tree .datatable-table th:nth-child(3),
	.datatable.tree .datatable-table td:nth-child(4) {
		/*display: table-cell !important;*/
	}


	
	#fi_button_bar{
		min-width:100px!important;
		padding-bottom: 0;
	}
	
	.button-save-close {
		display:none;
	}
	
	.datatable-form-buttons input[type=submit] {
		font-size:13px!important;
	}
	
	.datatable-search {
		width:100%!important;
		margin-bottom:17px;
	}
	
	.datatable-table table tr.dt-row .arrow {
		display:none!important;
	}
	
	.datatable-table table tr.dt-row .title {
		float:none!important;
		width:auto!important;
		white-space:normal!important;
		height:auto!important;
		padding-left:0!important;
		font-size:12px!important;
	}
	
	.datatable-table table tr.dt-row {
		display:table-row;
	}
	
	
	.datatable-table table tr.dt-row .sub0 .title {	font-weight:bold; font-size:13px!important;	}
	
	.datatable-table table tr.dt-row .sub1 .title {	padding-left:10px!important;	}
	.datatable-table table tr.dt-row .sub2 .title {	padding-left:20px!important;	}
	.datatable-table table tr.dt-row .sub3 .title {	padding-left:30px!important;	}
	.datatable-table table tr.dt-row .sub4 .title {	padding-left:40px!important;	}
	.datatable-table table tr.dt-row .sub5 .title {	padding-left:50px!important;	}
	.datatable-table table tr.dt-row .sub6 .title {	padding-left:60px!important;	}
	
	.datatable-table table tr.dt-row .sub1 .title:before {	content:"- ";	}
	.datatable-table table tr.dt-row .sub2 .title:before {	content:"- ";	}
	.datatable-table table tr.dt-row .sub3 .title:before {	content:"";	}
	.datatable-table table tr.dt-row .sub4 .title:before {	content:"";	}
	.datatable-table table tr.dt-row .sub5 .title:before {	content:"";	}
	.datatable-table table tr.dt-row .sub6 .title:before {	content:"";	}
	
	.datatable-dialog .dt-dialog-inner {
		width: 95%;
	}
	
	.field-select .input-select {
		width:100% !important;
	}
	
	.datatable-section {
		min-width:100px!important;
	}
	
	.field-block {
		padding-right:0!important;
		float:none!important;
	}

	.field-block.field-datetime {
		height: 108px;
	}
	
	#template_preview {
		display:none!important;
	}

	.dt2-popup .dt2-popup__msg {
		width: 90%;
	}
		.datatable-dialog .dt-dialog-buttons input	{
			font-size:11px!important;
			margin-bottom: 10px;
		}
	
	.datatable-section.left,
	.datatable-section.right {
		width: 100%!important;
		box-sizing: border-box!important;
		padding-right: 0px!important;
		float:left!important;
	}

	.grid-languagepicker .arrow {
		background:url(../components/datatable2/images/menu-arrow-mobile.png) right top!important;
	}

	.datatable-screen-languagebar,
	.datatable-screen-languagebar .languagepicker,
	.datatable-screen-languagebutton {
		margin:0;
		position:absolute;
		top:44px;
		right:0;
		width:auto;
		padding:0;
		text-align:right;
	}
	
	.grid-languagepicker .lang {
		float:none!important;
	}
	
	.grid-languagepicker {
		width:auto!important;
		margin:0!important;
		right:0;
	}
    /**/

	.col-head-text {
		padding: 15px;
		height: auto;
	}
		.col-head-text > .v-align {
			position: static;
			-webkit-transform: none;
			transform: none;
		}

		.col-head-text .account-data {
			float: none;
			text-align: center;
			margin-top: 20px;
		}


	#admin-menu {
		display: none;
	}
	#body.admin #modules-menu {
		padding-top: 60px;
	}

    div.dashboard-long[class^="col-md-"],
    div.col-news{
        height: auto;
    }

    .dashboard-long #contact-form {
        margin-bottom: 40px;
    }

	.slideout-open #top-menu .wv-vignet {
		display: none;
	}

	.js-slideout-toggle {
		display: block;
	}
	#top-menu-main {
		display: none;
	}

	#top-menu {
		text-align: right;
	}

	#site-link,
	#user-options {
		display: inline-block;
		float: none;
		margin-left: -3px;
	}


	.small-block *:hover ul {
		display: none;
	}

	#user-options ul {
		width: 100%;
		position: fixed;
	}

	#user-options.hovered ul {
		display: block;
	}


	#slideout-menu {
		background: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
		#slideout-menu a {
			border-bottom: 1px solid #ebf0f6;
			color: #30353b;
			display: block;
			font-weight: 400;
			height: 60px;
			position: relative;
			text-align: center;
			text-transform: lowercase;
			transition: all 0.2s ease 0s;
		}
			#slideout-menu a span {
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
			}

			.slideout-open #slideout-menu {

			}

	.slideout-panel {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		min-height: 100vh;
	}

	/* MODULE MENU */
	#modules-menu {
		position: relative;
		width: 100%;
		padding: 0 !important;
		margin: 0 0 30px 0;
		left: 0;
		transition: .2s margin;
	}
		#modules-menu #modules-menu-trigger {
			display: block;
			text-align: center;
			transition: .2s;
			cursor: pointer;
			position: absolute;
			left: 50%;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			color: #bdc3cc;
			margin-top: 20px;
		}
			#modules-menu #modules-menu-trigger .title {
				display: block;
				text-align: center;
				font-size: 17px;
			}
			#modules-menu #modules-menu-trigger .fa {
				width: 36px;
				height: 15px;
				line-height: 15px;
				display: block;
				margin: 0 auto;
				font-size: 18px;
				transition: .2s;
			}




		#modules-menu #modules-menu-inner {
			max-height: 0;
			overflow: hidden;
			transition: .2s;
		}

	#modules-menu.dt-open {
		margin-bottom: 20px;
	}
		#modules-menu.dt-open #modules-menu-trigger {
			display: none;
		}

	#modules-menu.show {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		margin-bottom: 0;
	}
		#modules-menu.show #modules-menu-inner {
			max-height: 400px;
			overflow:scroll;
		}

		#modules-menu.show #modules-menu-trigger {
			margin-top: -20px;
		}
			#modules-menu.show #modules-menu-trigger .title {

			}

			#modules-menu.show #modules-menu-trigger .fa {
				transform: rotate(180deg);
				margin-top: 20px;
			}


	.datatable-tab-content {
		padding-left: 0;
		padding-right: 0;
	}

	.datatable-tab-content .tab-title {
		padding: 0 20px;
	}

	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	/* EDIT PAGE */
	.datatable-form-holder {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 40px;
	}
		.datatable-form-buttons {
			padding: 0;
			width: calc(100% - 55px);
			width: 100%;
			float: left;
			display: table;
			table-layout: fixed;
		}
			.datatable-form-buttons .submission-btns {
				height: 50px;
				display: table-cell;
				vertical-align: middle;
				text-align: center;
			}
			.datatable-form-buttons--main .submission-btns {
				border-right: 1px solid #d9dfe6;
			}
			.submission-btns:last-child { border-right: none }

				.submission-btns i {
					line-height: 22px;
					position: absolute;
					top: 6px;
					height: auto;
					width: 100%;
				}

				.datatable-form-buttons .submission-btns input {
					border-top: none;
					line-height: 1px;
					height: 100%;
					position: absolute;
					top: 0;
					width: 100%;
					text-align: center;
					padding: 18px 0 0 0;
				}


		 .datatable-form-buttons--delete {
			 width: 45px;
			 float: right;
			 margin-top: 0 !important;
		 }
			 .datatable-form-buttons--delete i {
				height: 100%;
				line-height: 39px;
				padding: 0;
				height: 43px;
			 }
			 .datatable-form-buttons--delete input {
				 text-indent: -2000px;
			 }


		.datatable-form-holder.fixed {
			position: fixed;
			z-index: 12;
			top: 60px;
			padding: 10px;
			left: 0;
			background: #f1f3f6;
			width: 100%;
		}
		.datatable-form-holder.fixed:after {
			content: '';
			position: absolute;
			bottom: -20px;
			left: 0;
			width: 100%;
			height: 20px;

			background: -moz-linear-gradient(top, rgba(241,243,246,1) 0%, rgba(241,243,246,0) 100%);
			background: -webkit-linear-gradient(top, rgba(241,243,246,1) 0%,rgba(241,243,246,0) 100%);
			background: linear-gradient(to bottom, rgba(241,243,246,1) 0%,rgba(241,243,246,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f3f6', endColorstr='#00f1f3f6',GradientType=0 );
		}
			.datatable-form-holder.fixed .datatable-form-buttons .submission-btns {
				height: 30px;
			}
				.datatable-form-holder.fixed .datatable-form-buttons .submission-btns input {
					text-indent: -10000px;
				}

				.datatable-form-holder.fixed .datatable-form-buttons--delete i {
					line-height: 18px;
					height: auto;
				}

	.datatable-form-buttons .submission-btns.desktop-btn { display: none !important; }
	.datatable-form-buttons .submission-btns.mobile-btn {  display: table-cell !important; }

	 .datatable-path {
		 padding-top: 23px;
	 }

	 .datatable-screen .datatable-path {
		 position: relative;
		 top: 57px;
		 padding-bottom: 0;
	 }

	 .datatable-tabs {
		 display: none;
	 }

	 .datatable-form {
		 margin-right: 0;
	 }

	.datatable {
		margin: 0 !important;
	}

	.field-datatable .datatable {
		margin: 0 15px !important;
	}

	.field-checkbox label, .field-multicheckbox label {
		width: 100%;
	}
	.field-checkbox .title {
		width: calc(100% - 30px);
	}

	.tab-title .title {
		height: 100%;
		overflow: hidden;
	}







	/* FILE MANAGER */
	.fi_button_container {
		width: 50px;
		height: 50px;
		margin-bottom: 20px;
		margin-right: -1px;
	}
		.fi_button_container > a {
			height: 100%;
			width: 100%;
			font-size: 27px !important;
			line-height: 50px;
		}

		.fi_button_container a:hover,
		.fi_button_container a:hover:before {
			font-size: 31px !important;
		}
		.fi_button_container a.fi_button_disabled:hover,
		.fi_button_container a.fi_button_disabled:hover:before {
			font-size: 27px !important;
		}

	#fi_upload_form_wrapper {
		margin-left: 120px;
		width: 50px;
		height: 50px;
	}
		form#fileupload {
			width: 100%;
			height: 100%;
		}
			#fi_upload_form_wrapper #fi_upload_field {
				padding-top: 0;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}

	#fi_search_bar_field {
		width: 100%;
		margin-bottom: 20px;
	}





	#fi_files_container {
		padding-right: 10px;
	}
		.fi_button_container a.icon-previous, .fi_button_container a.icon-next {
			line-height: 47px;
		}


	#fi_files_display_wrapper {
		padding-bottom: 50px;
	}

	#fi_id {
		bottom: 0;
		width: 100%;
		border-bottom: none;
		border-left: none;
		border-right: none;
	}



	#fi_files_display_wrapper,
	#fi_search_bar {
		min-width:10px!important;
	}

	.fi_thumbnail_image:before,
	.fi_dupe a {
		font-size:72px!important;
	}


	.fi_file, .fi-file-upload {
		padding-bottom:57px!important;
	}






	/* TinyMCE */
	.mce-toolbar-grp .mce-flow-layout-item {
		border-left: none !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
		margin-bottom: 5px !important;
		margin-right: 5px;
	}






	/* FILE PICKER */
	.dt-file-picker-finder {
		padding: 10px;
	}
		#fi_files_display_holder {
			height: calc(100% - 178px);
		}

	.field-file #fi_button_bar .fi_button_container:nth-child(1n+7) {
		display: none;
	}


	/* PASSWORD FIELDS */
	.password-field,
	.password-repeat {
		padding: 0 0 15px 0;
	}

	.password-repeat {
		position: static;
	}

	.password-field input {
		margin-bottom: 15px;
	}





	.domain-switch {
		display: none;
	}



	.mfp-iframe-scaler {
		min-height: calc(100vh - 100px);
	}



}