@media only screen
and (min-device-width: 300px)
and (max-device-width: 480px) {

bosy {
	height: 100vh!important;
}

.topuser {
	padding-right : 40px;
}

.topuser::after {
	right : 5px; 
}

.tablelist table {
	width : 100%;
}

img.page-logo {
	max-width : 70%;
	margin : 60px auto 10px;
}

.log-form button, .log-form input[type=text], .log-form input[type=number], .log-form input[type=password], a.logbut {
	width : 100%;
}

.full-screen-click, .files-table th {
	display : none!important;
}

.main-header {
	/* position : fixed; */
	/* width : 100%; */
	background-color: #17558A !important;
	color : #FFF;
}

.topuser::after {
  color : #FFF;
}

.navbar-light .navbar-nav .nav-link {
  color : #FFF;
}

.nav-sidebar > .nav-item {
  margin-bottom: 7px;
}

aside .nav {
    margin: 0px auto;
}

.content-wrapper > .content {
  padding: 30px 0px 60px;
}

h2.page-title {
	text-align : center;
	font-size : 22px;
}

h4.page-sub-title {
	font-size : 18px;
	margin-top : 15px;
}

.zakaz-wrap .row .row, .sub-sub-wrap {
	margin : 0px; 
}

#prodkolall, .blog-news-item .page-header h2, .blog-news-item .published, .item-news-item .published, .item-page .page-header h2, label:not(.form-check-label):not(.custom-file-label), .rememb-pass {
	text-align : center;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  /* margin-right: 7.5px; */
  /* margin-left: 7.5px; */
}

.notpc {
	display : block;
}

.notmob {
	display : none;
}

.mob-mb-10 {
	margin-bottom : 8px;
}

.mob-text-center {
	text-align : center;
}

.shild {
	display : inline-block;
	margin-right : 10px;
}

.users-list {
	max-width : 100%;
	overflow-x : scroll;
}

.user-details {
	max-width: 80vw;
}

.bot-table-buts button {
	min-width : 90%;
}

.setts-maindate {
	font-size : 18px;
	font-weight : bold;
}

.setts-maindate2 {
	font-size : 16px;
	font-weight : bold;
	margin : 15px 0;
}

.blog-news-item .page-header h2 a {
	font-size : 20px;
}

.item-news-item .item-image img {
	max-width : 100%;
}

.small-box p {
  font-size: 16px;
}

.login-forms {
	max-width : 95%;
	margin : 0px auto;
}

a.logbut {
	line-height : 50px;
}

.layout-fixed .brand-link {
  width: 100%;
}

.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {
  width: 100%;
}

.main-sidebar {
  transition: margin-left .3s ease-in-out,width .3s ease-in-out;
  width: 100%;
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
  margin-left: -100%;
}

.main-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 51px;
  padding: 5px 15px;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
}

.main-footer .float-right {
	width : 100%;
}

.close-sidebar {
	position : absolute;
	display : block;
	top : 14px;
	right : 22px;
	font-size : 20px;
	color : #FFF;
}

#usertable_wrapper .pagination {
	margin-bottom : 15px;
}

.lk-page-title {
	margin-top : 0px;
	margin-bottom : 15px;
	text-align : center;
	padding-left : 5px;
	padding-right : 5px;
	margin-left: 0px;
}

.table-actions i {
	display : inline-block;
	margin-left : 7px;
	margin-right : 7px;
}

#warranttab, #regionaltab, #ordershtab, #tochekltab, #objstab, #allobjtab {
	max-width : 100%!important;
	width : 100%!important;
	border-right : 1px solid rgb(204, 204, 204);
}

#regionaltab, #ordershtab, #tochekltab {
	text-align : left;
}

#warranttab td, #objstab td, #allobjtab td {
	display : block;
	width : 100%;
	text-align : center;
	box-sizing: border-box;
}

#objstab td:nth-child(3) {
	display : inline-block;
	width : 70%;
	text-align : center;
	box-sizing: border-box;
	border-right : 0px;
	text-align : left;
}

#objstab td:nth-child(4) {
	display : inline-block;
	width : 30%;
	text-align : center;
	box-sizing: border-box;
	border-right : 0px;
}

#objstab .table-actions {
	text-align : right;
}

#ordershtab th, #regionaltab th, #warranttab th, #tochekltab th, #objstab th, #allobjtab th {
	display : none;
}

#regionaltab td:nth-child(1), #ordershtab td:nth-child(1), #tochekltab td:nth-child(1) {
	display : block;
	width : 100%;
	text-align : center;
	box-sizing: border-box;
	border-right : 0px;
}

#regionaltab td:nth-child(2) {
	display : inline-block;
	width : 76%;
	text-align : left;
	box-sizing: border-box;
}

#tochekltab td:nth-child(2) {
	display : inline-block;
	width : 88%;
	text-align : left;
	box-sizing: border-box;
}

#regionaltab td:nth-child(3), #regionaltab td:nth-child(4), #tochekltab td:nth-child(4) {
	display : inline-block;
	width : 12%;
	text-align : center;
	box-sizing: border-box;
	border-right : 0px;
}

#ordershtab td:nth-child(2), #ordershtab td:nth-child(4), #tochekltab td:nth-child(3) {
	display : none;
}

#ordershtab td:nth-child(3) {
	display : inline-block;
	width : 88%;
	text-align : center;
	box-sizing: border-box;
	text-align : left;
}

#ordershtab td:nth-child(5) {
	display : inline-block;
	width : 12%;
	text-align : center;
	box-sizing: border-box;
}

.dark-mode #warranttab, .dark-mode #objstab, .dark-mode #regionaltab, .dark-mode #ordershtab, .dark-mode #tochekltab {
	border-right : 1px solid rgb(108, 117, 125);
}

.btn-wrap a.btn {
	width : 70%;
	display : block;
	margin : 0 auto;
}

.dropzone .dz-preview .dz-image {
  width: 100%!important;
  height: 90px!important;
}

.dropzone .dz-preview {
  min-height: 90px;
  width: 40%;
  overflow : hidden;
}

.dropzone {
  min-height: 100px!important;
  padding: 20px 10px 60px!important;
}

.dz-filename {
	display : none;
}

#confirm-modal {
	padding-left : 17px;
}

.all-files-dl-wrap #progressbar {
	max-width : 90%;
}

.dz-remove, .dz-download, .dz-newremove, .dz-newdownload {
	display : block;
	padding : 4px 0px;
}

.dropzone .dz-preview {
  margin: 4px!important;
}

.hen-buttons a.btn {
	margin-right : 0px;
	margin-bottom : 10px;
	width : 100%;
}

.files-table td {
	display : block!important;
	text-align : center!important;
	width : 100%!important;
}

.row.hen-container .btn-wrap a.btn, label {
	width : 100%;
}

.obj-price-line .control-label {
	min-height : auto;
}

label {
	text-align : left;
}

#warranttab_length label, #objstab_length label {
	font-size : 0px;
}

#warranttab_length label select, #objstab_length label select {
	font-size : 14px;
}

.ta-support {
	min-height : 180px;
}

.obj-title-link {
	font-size : 17px;
}

div.dataTables_wrapper div.dataTables_length label {
	width : 100%;
	text-align : center!important;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin: 5px 0!important;
  display: block!important;
  width : 100%!important;
}

.toptitle {
	font-size : 20px;
	text-align : center;
}

span.not-pc {
	display : inline-block;
}

div.not-pc {
	display : block;
}

.not-mob {
	display : none;
}

.current-bonuses, .card-header .card-title {
	text-align : center;
}

.items-history-row .textright {
	text-align : center;
}

.nav-treeview > .nav-item > .nav-link {
	padding-left : 30px;
}

.left-lk-menu .nav-item .nav-icon.fa-arrow-right, .os-host-overflow .left-lk-menu .nav-item .nav-icon.fa-arrow-right {
  margin-left: 0px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  padding-left: 40px!important;
}

table.dataTable > tbody > tr.child span.dtr-title {
  min-width: 100%!important;
  font-weight: normal!important;
  font-style : italic;
}

table.dataTable > tbody > tr.child span.dtr-details {
	width : 100%!important;
	border-bottom : 1px solid #ccc!important;
}

table.dataTable > tbody > tr.child span.dtr-data {
	width : 100%!important;
	padding-left : 15px!important;
}

.lk-page-title h1 {
	text-align : center;
	font-size : 24px;
}

.ml30 {
	margin-left : 15px;
}

.mob-text-left-filter  {
	text-align : left;
	margin-left : 15px;
	padding-top : 0px!important;
}

.mob-text-left-filter label:not(.form-check-label):not(.custom-file-label) {
    text-align: left;
}

.mob-not-mb {
	margin-bottom : 0px!important;
}

.btn-wrap .input-group-prepend, .btn-wrap .input-group-prepend .btn {
	width : 100%;
}

.btn-wrap1 {
	order : 2;
}

.btn-wrap2 {
	order : 1;
}

.dt-not-mob {
	font-size : 0px!important;
}












}
