.button.show_search_mobile,.open_mobile_menu,.mobile_menu{display: none;}

.open_mobile_menu{position:fixed;top: 43px; right: 2.5%; z-index:9999; font-size:30px; outline:none;}

@media only screen and (max-width: 1554px){
    .no_user .slogan{font-size:50px;}
}

@media only screen and (max-width: 1480px){
    .no_user .slogan{font-size:34px;}
}

@media only screen and (max-width: 1366px){
	.no_user .left_box{padding: 305px 40px 0 40px;}
}

@media only screen and (max-width: 1280px){
    .no_user .footer{position: static; margin-top: 20px; float:left; width: 100%;}
    .no_user .arrow_down{display:none;}
    .no_user .slogan{font-size:30px;}
    .no_user .left_box{width:50%;}    
}

@media only screen and (max-width: 1024px){
    .search_form form {display:none;margin-bottom:10px;float:left;width:100%;}
    .search_form{width:100%;}
    .search_form .input{width: 100%;margin:0;}
    .search_form .start_search,.search_form input#q, .search_form input.keyword_search,.search_form select, .search_form input{padding: 8px 2%;width:100%; box-sizing:border-box;border-radius:20px;margin:0 0 5px;height:36px;line-height:20px;} 
    .button.show_search_mobile{display: block; margin:0 0 10px 0; float:right;}
    .start_search .only_mobile{display:inline-block;}

	body#admin_layout.no_user {padding-top: 0px;}	
	.hide_on_mobile{display: none;}
    /* disable hover with mouse */ 
    body#admin_layout{padding-top:84px;}
    header{height: 84px;}
    header .menu ul li:hover > ul{display: none;}
    .open_mobile_menu,.mobile_menu{display:block;}    
    header .menu{height:50px;}
    header .menu .logo{height:40px; padding:5px 0;}
    header .menu ul{position:fixed;right:-50%;top:82px;width:50%; height: calc(100% - 86px); overflow:auto; color:#fff; transition: right 0.3s;}
    header .menu ul li{background: #444444;}
    header .menu ul li a {color:#fff; padding: 6px 2% 3px; text-align:left;float:left;width:96%; position:relative;} 
    header .menu ul li a .icon{float:left; margin-right:5%; max-width:20%;}
    header .menu ul li .icon svg, header .menu ul li .icon .icon-col{fill:#fff; color: #fff;}
    header .menu ul li a .title{float:left; max-width: 75%; padding-top:7px;}
    header .menu ul li{width: 100%; float:left;}
    header .menu ul ul{position:static; width: 90%; padding:0 5%; box-shadow:none;background: #333;}
    header .menu ul .dropdown > a::after{content: "\f078"; position:absolute;right:2%;top:0;bottom:0;margin:auto; height:20px;width:20px; color:#fff;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 14px;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; z-index:2;}
    header .menu ul .dropdown > a.active::after{content: "\f077";}

    .opened_mobile_menu header .menu ul{right:0;}


    #wrap_whole_website > .message{width:90%; left:5%;margin:0; padding:25px 0;}
    .container{margin: 0 2%;width: 96%;}
    .white_bar .logo img{max-height: 100px;width: auto; display:inline-block;}
    .no_user .logicake_logo {background: #fff;padding: 20px 0;margin-bottom: 20px;}
    .no_user .logicake_logo img{height:50px;}
	.no_user .input input{border: 2px solid #e0e0e0;border-radius: 17px;}
	.no_user .footer{background: #dedede;padding: 15px 0;text-align: center;}
    .no_user .left_box{background: transparent; position:relative;float:left;width: 100%; padding:0; text-align:center;}
    .no_user .slogan{display: none;}
    .no_user legend{font-size:24px;}        
    .white_bar{margin:0 5%;width:90%; max-width: 100%;min-width:90%;}    
    .wrap_table {overflow-x:auto;}
    .search_form .input{margin-bottom:10px;}
}

@media only screen and (max-width: 860px){    
    .form .split_3 .input.select .checkbox, .form .split_4 .input.select .checkbox{width:100%;}
}

/* table switch to 1 column list */ 
@media only screen and (max-width: 570px){       
    header .menu ul{right:-70%;width:70%;}
    .white_bar .logo img{max-height:80px;} 
    .index table .checkmark {line-height:22px; height: 20px; width: 20px; font-size:14px; top: -1px; left: 5px;}
    .index table .checkbox input {height: 20px; width: 20px;}
    .index th:first-child, .index td:first-child{padding-left:0;}
    .index th:last-child, .index td:last-child{padding-right:0;}
    .index .actions{text-align:center;}
    .index table { border: 0; }    
    .index table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .index table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
    .index table td { border-bottom: 1px solid #ddd; display: block; font-size: 14px; text-align: right;  min-height: 18px;}
    .index table td::before { content: attr(data-th); float: left; font-weight: bold;}    
    .index table td:last-child { border-bottom: 0; }

    .jstree-default .jstree-anchor .dark_green{display: none;}
    .button-actions + h3 {float:left;width:100%;}
    /*#module_tree ul{overflow:hidden;}*/
}

/* inputs switch to 1 column list */ 
@media only screen and (max-width: 470px){
    .form .input{width: 100%; min-height:1px; padding:0;}    
    .form .checkbox, .form .related_checkbox .input{padding: 12px 0 6px 60px;}
    .hide_on_small_screen{display:none;}
}