@media only screen and (max-width: 1400px){
.visual-arrow{
    display: none!important;
}
}
@media only screen and (max-width: 1199px){
    .products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .nav {
        left: 0;
    }
    .h_pg5-1 {
        background: url(../img/Why.webp) right bottom no-repeat;
        background-size: cover;
    }
    .footer-left-block {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .footer-right-block {
        text-align: start;
    }
    .footer-logo-2 .logo-top {
        margin-left: 0;
    }
    .swiper-container-horizontal {
        margin-right: 0;
    }
    .head-nav {
        gap: 30px;
    }
    .center-line-block {
        gap: 60px;
    }
    .container {
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
    }
    .center-line-block {
        padding: 0;
    }
    .div-block-7 {
        width: calc(50% - 10px);
    }
    .div-block-6 {
        height: 73%;
    }
    .tonk-laptops-inner {
        display: block;
    }
    .mob-slide{
        display: block;
    }
    .desc-slide{
        display: none;
    }
    .product-visual {
        max-width: 100%;
        margin: 24px auto 40px auto;
    }
    .index-smart-home {
        margin-top: 60px;
    }
    .product-visual-dots-wrapper {
        bottom: -25px;
    }
    .slick-dots li button {
        width: 13px;
        height: 13px;
    }
    .slick-dots li.slick-active button {
        width: 13px;
        height: 13px;
    }
    .products-list-left {
        display: none;
    }
    .product-about-left, .product-about-right {
        width: 100%;
    }
    .product-about-data {
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 991px){
    .about-block {
        flex-wrap: wrap;
    }
    .about-one {
        width: 48%;
    }
    .slide-mob{
        display: block;
    }
    .slide-desktop{
        display: none;
    }
    .slider-large .one-slide img{
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }
    .box-one {
        width: 100%;
    }
    .mob-block-home-1{
        display: flex;
        justify-content: center;
    }
    .home-phone {
        display: none;
    }
    .home-block-1-body {
        position: static;
        justify-content: center;
        text-align: center;
        width: 100%;
        padding: 0 15px;
    }
    .home-block-1{
        padding-top: 20px;
        background: rgba(236,236,236,0.2) url(../img/Akuvox-SmartPlus-3.jpg) center center no-repeat;
        background-size: cover;
    }
    .home-block-1-btn {
        margin: 40px auto 0 auto;
    }
    .swiper-slide-text {
        display: block;
    }
    .swiper-slide-body {
        display: block;
    }
    .center-slider .slick-slide {
        filter: none;
        transform: scale(1);
    }
    .center-slider .slick-current {
        transform: scale(1);
    }
    .reshenia-title h2 {
        margin-left: 0;
        top: 0;
    }
    .swipr-solutions-wrapper {
        padding: 60px 0 80px 0;
    }
    .swipr-solutions-block {
        padding-top: 30px;
    }
    .center-slider .slick-dots {
        bottom: -50px;
    }
    .center-slider .slick-slide {
        margin: 0 20px;
    }
    .h_pg5-1 {
        background: url(../img/BG.jpg) right bottom no-repeat;
        background-size: cover;
        margin-top: -61px;
    }
    .box-why {
        margin-top: 0;
        padding-top: 30px;
    }
    .get-partner-one{
        width: 100%;
    }
    .get-partner-block {
        gap: 50px;
    }
    .footer-left-1{
        width: 100%;
    }
    .footer-left-2 {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }
    .footer-right-block {
        margin-top: 20px;
    }
    .footer-bottom {
        flex-wrap: wrap;
    }
    .footer-bottom-left ul {
        flex-wrap: wrap;
    }
    .footer-bottom-left ul li{
        width: 100%;
    }
    .footer-bottom-right{
        margin-top: 10px;
    }
    .order-modal-wrapper{
        width: calc(100% - 20px);
        margin: 0 auto;
    }
    .one-item-list {
        width: calc(100% / 2);
    }
    .himgs {
        flex-wrap: wrap;
    }
    .lts {
        width: 100%;
        max-width: 100%;
        order: 2;
        margin-top: 20px;
        text-align: center;
    }
    .top-h3 {
        text-align: center;
    }
    .swiper-container-horizontal{
        width: 100%;
        max-width: 100%;
        order: 1;
    }
    .item-products-back {
        height: auto;
        padding: 0 0 40px 0;
    }
    .ico {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
    .ico img {
        margin-right: 0;
    }
    .swiper-container-horizontal {
        margin-top: 20px;
    }
    .order-modal-block{
        width: 100%;
    }
    .products-back {
        background: url(../img/product_back-1.jpg) no-repeat center top;
        background-size: cover;
    }
    .imgs-solution {
        align-items: flex-start;
        padding-top: 55px;
    }
    .cent-note-sol {
        margin-bottom: 0;
        text-align: center;
    }
    .partners-block {
        flex-wrap: wrap;
    }
    .partners-block .imgs {
        order: 2;
        margin: 0 auto;
    }
    .partners-block .txt {
        width: 100%;
        padding: 0;
        background: none;
        margin: 0;
        text-align: center;
        order: 1;
    }
    .page-padding {
        padding: 40px 0 40px 0;
    }
    .partners-block .blue-separator {
        margin: 40px auto 40px auto;
    }
    .partners-form-wrapper {
        background: none;
        top: 0;
        padding: 0;
        box-shadow: none;
        flex-wrap: wrap;
    }
    .partners-form-left {
        width: 100%;
        margin-top: 30px;
    }
    .partners-form-right {
        width: 100%;
        margin-top: 25px;
    }
    .partners-form-right .img{
        position: relative;
        left: -15px;
        width: calc(100% + 30px);
        display: block;
    }
    .partners-form-right img{
        width: 100%;

    }
    .blog-padding{
        padding-top: 80px;
    }
    .press-new-link {
        width: calc(50% - 15px);
        margin-bottom: 0;
    }
    .imgs-solution h1 {
        text-align: center;
    }
    .center-nav{
        position: fixed;
        z-index: 999;
        background: #fff;
        width: 100%;
        height: 100vh;
        left: 0;
        top: 0;
        padding: 0 20px 20px 20px;
        box-sizing: border-box;

        opacity: 0;
        visibility: hidden;
        transform: translateX(100%);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
    }

    .center-nav.is-open {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    body.no-scroll {
        overflow: hidden;
    }

    .head-nav {
        gap: 0;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow-y: auto;
        max-height: calc(100vh - 80px);
        -webkit-overflow-scrolling: touch;
    }
    .head-nav::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .head-nav {
        scrollbar-width: none; /* Firefox */
    }
    .head-nav li {
        width: 100%;
        border-bottom: 1px solid #B9B9B9;
        margin: 0;
        padding: 0;
    }
    .head-nav li a{
        display: block;
        padding: 22px 0 17px 0;
    }
    .head-nav li span {
        display: block;
        padding: 22px 0 17px 0;
    }
    .laptoms-nav li:last-child{
        border-bottom: none;
    }
    .laptoms-nav li:first-child{
        border-top: 1px solid #B9B9B9;
    }
    .head-nav .has-childs-nav:first-child{
        border-top: 1px solid #B9B9B9;
    }
    .nav-link {
        font-size: 18px;
        color: #000;
        text-decoration: none;
        font-weight: 400;
    }
    .nav-link::after{
        display: none;
    }
    .mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 88px;
    }
    .close-mobile-nav{
        border: none;
        background: none;
        margin: 0;
        padding: 0;
    }
    .laptoms-nav {
        background: none;
        position: static;
        padding: 0;
        width: 100%;
        opacity: 1;
        -webkit-transform: scaleY(100%);
        transform: scaleY(100%);
    }
    .laptoms-nav li a{
        color: #2A2A2A80;
        font-size: 18px;
        line-height: 1.2;
    }
    .has-childs-nav li a{
        padding-left: 24px;
    }
    .open-mobile-nav {
        display: flex;
    }
    .center-line-block {
        gap: 0;
        justify-content: space-between;
        padding: 0;
        height: 88px;
    }
    body {
        padding-top: 88px;
    }
    .header .logo-img{
        max-width: 130px;
    }
    .box-wrapper {
        justify-content: center;
        text-align: center;
    }
    .div-block-10 {
        margin-top: 40px;
        padding-bottom: 40px;
    }
    .section-3 {
        margin-top: 0;
    }
    .index-back-section {
        padding-top: 60px;
    }
    .index-press {
        padding-top: 40px;
        padding-bottom: 0;
    }
    .press-slide-link {
        font-size: 22px;
        gap: 16px;
        flex-wrap: wrap;
    }
    .press-date-block {
        gap: 0;
        margin-top: 30px;
        justify-content: space-between;
    }
    .press-slide-link .have-press-img {
        width: 100%;
        min-width: 1px;
    }
    .w-row-left, .w-row-right {
        width: 100%;
    }
    .w-row-solutions {
        gap: 24px;
    }
    .div-block-13 {
        height: auto;
        border-radius: 12px;
        padding: 140px 20px;
    }
    .flex-block-6 {
        border: 1px solid #000;
        border-radius: 12px;
        padding: 50px;
        height: auto;
    }
    .text-block-9 {
        margin-top: 45px;
        text-align: center;
    }
    .footer-nav-list {
        gap: 40px;
    }
    .page-padding{
        padding: 40px 0 40px 0;
    }
    .iten-chars-body {
        line-height: 1.4;
    }
    .get-partner-block {
        gap: 24px;
        flex-wrap: wrap;
    }
    .get-partner-one{
        width: 100%;
    }
    .w-row-media .w-row-left, .w-row-media .w-row-right {
        width: 100%;
    }
    .contacts-block {
        flex-wrap: wrap;
        gap: 24px;
    }
    .contacts-right {
        width: 100%;
        box-sizing: border-box;
    }
    .contacts-left {
        width: 100%;
        box-sizing: border-box;
    }
    .w-layout-hflex {
        line-height: 1.6;
    }
}
@media only screen and (max-width: 768px){
    .about-one {
        width: 100%;
    }
    .product-about-right {
        padding: 20px 40px;
    }
    .index-press .right-next {
        top: 10px;
        margin-top: 0;
    }
    .index-press .right-prev {
        top: 10px;
        left: unset;
        margin-top: 0;
        right: 120px;
    }
    .box-why {
        padding: 30px 15px 0 15px;
        width: 100%;

    }
    .home-block-1-text{
        text-align: center;
    }
    .box-why h2 {
        text-align: center;
    }
    .why-dop-wrapper {
        margin-top: 30px;
    }
    .why-dop-one {
        width: calc(100% / 2);
    }
    .half-line {
        width: 100%;
    }
    .l_banner .first-solution-text {
        position: static;
        transform: translateY(0);
        height: auto;
        box-shadow: none;
        overflow: visible;
        background: none;
        border-bottom: 1px solid #e4eaff;
        margin: 0 -15px;
        padding: 0 15px 24px 15px;
    }
    .single-category-block {
        height: auto;
        flex-wrap: wrap;
    }
    .category-block-left {
        width: 100%;
        text-align: center;
    }
    .category-block-right {
        width: 100%;
    }
    .page-padding-table{
        padding: 150px 0 80px 0;
    }
    .category-block-media img {
        margin: 0 auto;
        width: 380px;
        max-width: 100%;
    }
    .category-block-one {
        padding: 40px 0 130px 0;
        position: relative;
    }
    .category-block-two{
        padding: 40px 0 170px 0;
        position: relative;
        background: url(../img/x_bg2.jpg) no-repeat center #fff;
        background-size: cover;
    }
    .category-block-two .category-block-left {
        order: 1;
    }
    .category-block-one {
        background: url(../img/x_bg1.jpg) no-repeat center right #fff;
        background-size: cover;
    }
    .category-block-two .category-block-right {
        order: 2;
    }
    .single-category-block .blue-separator {
        margin: 40px auto 40px auto;
    }
    .category-block-link{
        position: absolute;
        bottom: 40px;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        left: 0;
    }
    .iten-chars-one {
        padding: 0;
        flex-wrap: wrap;
        gap: 0;
    }
    .iten-chars-title {
        width: 100%;
        min-width: 100%;
        border-bottom: none;
        padding-bottom: 0;
    }
    .iten-chars-body {
        width: 100%;
    }
    .iten-chars-wrapper{
        width: 100%;
        margin-top: 15px;
    }
    .iten-chars-body:before {
        display: none;
    }
    .item-chars-block {
        margin-top: 24px;
        background: #fff;
    }
    .item-page-note {
        margin-bottom: 24px;
    }
    .smart-header .cent-one-sol h1 {
        text-align: center;
    }
    .solution-block-two .category-block-right {
        order: 2;
    }
    .solution-block-two{
        padding: 40px 0 40px 0;
    }
    .solution-block-one{
        padding: 40px 0 40px 0;
    }
    .solution-block-one .category-block-link {
        position: static;
        margin: 0 auto 30px auto;
    }
    .solution-block-two .category-block-link {
        position: static;
        margin: 0 auto 30px auto;
    }
    .solution-block-media::after {
        display: none;
    }
    .imgs-solution {
        padding-top: 0;
        align-items: center;
    }
    .partner-one {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .partner-one-left {
        padding-top: 25px;
    }
    .support-page{
        padding: 0;
    }
    .two-sides{
        flex-wrap: wrap;
    }
    .left-side {
        width: 100%;
    }
    .right-side {
        width: 100%;
    }
    .l_banner .first-blog-text{
        background: #fff;
        margin-top: -20px;
        padding: 20px 15px 24px 15px;
    }
    .blog-padding {
        padding-top: 100px;
    }
    .press-new-link {
        width: 100%;
        flex-wrap: wrap;
        gap: 24px;
    }
    .news-section {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 25px;
    }
    .two-blocks-flax{
        flex-wrap: wrap;
    }
    .left-part-block {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    .right-part-block {
        width: 100%;
        max-width: 100%;
    }
    .contacts-two-sides {
        padding: 24px 24px 24px 24px;
    }
    .contacts-left {
        width: 100%;
        max-width: 100%;
    }
    .contacts-right {
        width: 100%;
        margin-top: 24px;
    }
    .footer-nav-list {
        gap: 10px;
        flex-wrap: wrap;
    }
    .footer-nav-list li{
        width: 100%;
    }
    .w-row-media .w-row-left, .w-row-media .w-row-right {
        width: 100%;
    }
    .order-mob-1 {
        order: 2;
    }
    .order-mob-2 {
        order: 1;
    }
    .after-desc-content{
        margin-top: 24px;
    }
    .press-note{
        overflow: hidden;
        max-height: 1000px;
    }
    .press-slider {
        width: calc(100% - 40px);
    }
    .footer-contacts-link {
        width: calc(100% - 30px);
        margin-top: 29px;
    }
    .footer-contacts-text {
        width: 70%;
    }
    .footer-contacts-btn {
        width: 30%;
    }
    .index-slider-block {
        background: url(../img/Vector-481.webp) center top no-repeat;
        background-size: 100% 63%;
        min-height: 1px;
    }
    .product-list-one {
        flex-wrap: wrap;
    }
    .one-product-main {
        flex: 0 0 100%;
        aspect-ratio: 1 / 1;
    }
    .one-product-right {
        flex: 0 0 100%;
    }
    .one-item-btns-block {
        flex-wrap: wrap;
    }
    .one-item-btns-block .orange-btn{
        width: 100%;
    }
    .one-item-btns-block .violet-btn{
        width: 100%;
    }
    .product-futures-one {
        width: 100%;
    }
    .product-futures-wrapper {
        padding: 40px 0;
    }
    .two-blocks-flax {
        flex-wrap: wrap;
        gap: 24px;
    }
    .solution-page section{
        padding: 30px 0 30px 0!important;
    }
    .press-new-media {
        width: 100%;
    }
    .press-new-data {
        width: 100%;
    }
    .news-bottom {
        flex-wrap: wrap;
        gap: 20px;
    }
    .news-bottom-left{
        width: 100%;
    }
    .news-bottom-right {
        gap: 16px;
        flex-wrap: wrap;
        width: 100%;
    }
    .news-bottom-right a{
        width: 100%;
    }
    .news-section .container{
        width: 100%;
        padding: 0;
        max-width: 100%;
    }
    .news-section section{
        padding: 30px 0 30px 0!important;
    }
    .between-content .container{
        width: 100%;
        padding: 0;
        max-width: 100%;
    }
}
@media only screen and (max-width: 576px){
    .news-section {
        margin: 40px auto 0 auto;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
    .right-next {
        right: 15px;
        width: 40px;
        height: 40px;
    }
    .right-prev {
        left: 15px;
        width: 40px;
        height: 40px;
    }
    .uit_txt {
        text-align: center;
        margin-top: 30px;
    }
    .why-dop-one {
        width: 100%;
    }
    .page-padding {
        padding: 40px 0 40px 0;
    }
    .why-dop-block {
        background: #f6f6f6 url(../img/bg-1.jpg) right bottom no-repeat;
        background-size: cover;
    }
    .page-padding-table {
        padding: 150px 0 80px 0;
        margin-top: 10px;
    }
    .ring-link-btn {
        font-size: 18px;
    }
    .cent-note-sol {
        margin-bottom: 0;
        text-align: center;
    }
    .products-header {
        justify-content: center;
        text-align: start;
    }
    .imgs-solution {
        align-items: center;
        padding-top: 0;
    }
    .products-header {
        align-items: flex-start;
    }
    .l_banner {
        height: 452px;
    }
    .smart-header .cent-one-sol {
        margin: 0 auto;
        width: 100%;
    }
    .one-item-list {
        width: 100%;
    }
    .gold-text{
        position: absolute;
        bottom: 60px;
    }
    .l_banner {
        height: 380px;
    }
    .blog-padding {
        padding-top: 160px;
    }
    .form-line-sub {
        width: 100%;
    }
    .form-btn-sub{
        width: 100%;
        margin-top: 20px;
    }
    .form-btn-sub button{
        width: 100%;
    }
    .form-wrapper-sub {
        flex-wrap: wrap;
    }
    .modal-wrapper {
        max-width: calc(100% - 30px);
        padding: 0 24px 24px 24px;
    }
    .modal-wrapper .large-btn{
        width: 100%;
    }
    .contacts-two-sides {
        padding: 24px 15px 24px 15px;
    }
    .top__bread-crumbs {
        position: static;
        flex-wrap: wrap;
        padding-top: 10px;
        top: 20px;
        z-index: 10;
    }
    .footer {
        background: #fff url(../img/Footer-1.png) 70% top no-repeat;
        background-size: cover;
        padding: 138px 0 80px 0;
    }
    .div-block-7 {
        width: calc(100% - 40px);
    }
    .w-row {
        justify-content: center;
    }
    .index-back-section {
        background: none;
    }
    .text-block-9 .orange-btn {
        width: 100%;
    }
    .faq-icon{
        display: none;
    }
    .faq-title{
        order: 2;
    }
    .faq-toggle{
        order: 1;
    }
    .faq-question {
        gap: 15px;
    }
    .faq-answer {
        padding-left: 40px;
        padding-top: 10px;
    }
    .faq-title {
        font-size: clamp(20px, 3vw, 32px);
    }
}
@media only screen and (max-width: 490px){
    .orange-btn {
        font-size: 20px;
        padding: 0 27px;
        height: 45px;

    }
    .violet-btn {
        font-size: 20px;
        padding: 0 27px;
        height: 45px;

    }
    .product-list-one-btns {
        gap: 10px;
    }
}
@media only screen and (max-width: 428px){
    .contacts-two-sides {
        margin-top: 0;
        box-shadow: none;
        padding: 20px 0;
        background: #fff;
    }
}
@media only screen and (max-width: 380px){
    .product-slider-title {
        font-size: clamp(42px, 5vw, 54px);
    }
    .product-spec-list li {
        padding-left: 0;
    }
    .order-modal-wrapper {
        padding: 40px 30px;
    }
    .product-list-one-body {
        margin-top: 24px;
    }
    .product-futures-media {
        min-width: 40px;
        width: 40px;
    }
    .product-futures-title {
        margin: 0 0 10px 0;
    }
    .product-futures-text {
        line-height: 1.6;
    }
    .product-about-right {
        padding: 20px 16px;
    }
    .share-block {
        margin-top: 30px;
    }
    .press-new-link {
        padding: 24px 30px 24px 30px;
    }

}
@media only screen and (max-width: 375px){
    .product-t {
        top: 20px;
    }
    .p-more {
        width: 136px;
        height: 26px;
        margin: 10px auto 0 auto;
        border-radius: 17px;
    }
    .home-block-1-text p {
        line-height: 1.5;
        font-size: 14px;
    }
    .home-block-1-btn {
        margin: 15px auto 0 auto;
    }
    .center-slider .slick-slide {
        margin: 0 10px;
    }
    .swipr-solutions-wrapper {
        padding: 45px 0 70px 0;
    }
    .swiper-slide-body {
        padding: 15px 20px;
    }
    .swiper-slide-title {
        font-size: 16px;
    }
    .swiper-slide-note {
        font-size: 14px;
    }
    .soc-block {
        bottom: 30px;
        left: 10px;
    }
    .h_pg5-1 {
        background: #80b7f8 url(../img/BG.jpg) right bottom no-repeat;
        background-size: contain;
    }
    .ring-link-btn {
        font-size: 18px;
        padding: 0 24px;
        height: 45px;
    }
    .note-small {
        font-size: 14px;
    }
    .item-page-note {
        margin-bottom: 20px;
    }
    .box-wrapper {
        gap: 0;
    }
    .category-link {
        padding: 0 20px;
    }
    .blog-padding {
        padding-top: 210px;
    }
    .div-block-6 {
        height: 75%;
    }
    .product-list-one .orange-btn{
        width: 100%;
    }
    .product-list-one .violet-btn{
        width: 100%;
    }
    .product-list-one-btns {
        display: flex;
        gap: 15px;
        margin-top: 24px;
        flex-wrap: wrap;
    }
    .product-list-one-title a {
        font-size: 22px;
    }
}

@media only screen and (max-width: 350px){
    .div-block-7 {
        width: 100%;
    }
    .flex-block-6 {
        padding: 25px;
    }
    .press-slide-one {
        padding: 15px;
    }
}
@media only screen and (max-height: 600px){

}
