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

/* =========================================
   УБИРАЕМ ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ
========================================= */

html,
body {
    overflow-x: hidden !important;
}

.wrapper,
.container,
.darkart-main-col,
.general_content,
.general_area,
.widget-area-25,
.widget-area-26 {
   
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* убираем поломанные фиксированные ширины */

.wrapper {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}







	
	
/* =========================================
   ЛОГО + ШАПКА
========================================= */

.darkart-header-middle {
    padding: 15px 10px !important;
    text-align: center !important;
}

.darkart-logo {
    float: none !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

.darkart-logo img {

    width: 555px !important;
    height: auto !important;
}

/* =========================================
   ПОИСК
========================================= */

.darkart-search-box {
    position: relative !important;
    top: auto !important;
    right: auto !important;

    width: 100% !important;
    margin-top: 10px !important;
}

.darkart-search-box .search-form {
    width: 100% !important;
}

.darkart-search-box .search-form .search-text {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* =========================================
   МОБИЛЬНОЕ МЕНЮ
========================================= */

.top-nav-mobile,
.main-nav-mobile {
    width: 100% !important;
    overflow: hidden !important;
}

.top-nav-mobile ul,
.main-nav-mobile ul {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.top-nav-mobile li,
.main-nav-mobile li {
    width: 100% !important;
    display: block !important;
}




/* отключаем бургер */

.btn-menu {
    display: none !important;
}

/* показываем обычное меню */

.menu,
.top-menu,
.header-menu,
.main-menu,
.carou-menu {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* пункты меню в 2 колонки */

.menu li,
.top-menu li,
.header-menu li,
.main-menu li,
.carou-menu .cm-item {
    width: calc(50% - 4px) !important;
    box-sizing: border-box !important;
}

/* ссылки */

.menu a,
.top-menu a,
.header-menu a,
.main-menu a,
.carou-menu .cm-item a {
    display: block !important;
    width: 100% !important;

    text-align: center !important;
    white-space: normal !important;
}

/* контейнер меню */

.carou-menu {
    gap: 8px !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}




/* =========================================
   ПЕРЕСТАНОВКА БЛОКОВ
========================================= */

.darkart-main-col > .row {
    display: flex !important;
    flex-direction: column !important;
}

/* 1 — general_content */

.general_content {
    order: 1 !important;
}

/* 2 — general_area */

.general_area {
    order: 2 !important;
	margin: 21px !important;
}

/* 3 — widget-area-25 */

.widget-area-25 {
    order: 3 !important;
}

/* =========================================
   ОТСТУПЫ
========================================= */

.general_content,
.general_area,
.widget-area-25 {
    margin-bottom: 20px !important;
}

/* =========================================
   КАРТИНКИ
========================================= */

img {
    max-width: 100% !important;
    height: auto !important;
}

/* =========================================
   iframe/video
========================================= */

iframe,
video,
embed {
    max-width: 100% !important;
}

/* =========================================
   ТЕКСТ
========================================= */

p,
li,
a,
span {
    word-wrap: break-word !important;
}

}