@media screen and (min-width: 1025px) {
    .link-dot:hover {
        animation: link-dot .5s .1s;
    }
    .site-button:hover::before {
        height: 100%;
        bottom: 0;
        top: initial;
    }
    .site-button:hover span:first-child {
        opacity: 0;
    }
    .site-button:hover span:last-child {
        opacity: 1;
    }
    .new-column:hover .news-img img {
        transform: scale(1.1);
    }
    .footer .column .nav-menu a:hover {
        color: #fff;
    }
    .link-dot:hover::before {
        right: -19px;
        opacity: 1;
    }
    .footer .copy a:hover {
        color: #fff;
    }
    .footer .social a:hover {
        opacity: .5;
    }
    .product-thumb:hover .img img {
        transform: scale(1.3);
    }
}
@media (max-width: 1440px) {
    .account-icon-area svg {
        width: 20px;
        height: 20px;
    }
    .cart-icon-area svg {
        width: 25px;
        height: 25px;
    }
    .laptop-33 {
        width: 33.333%;
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
}
@media (max-width: 1024px) {
    body, html {
        overflow-y: visible;
    }
    .ipad-50 {
		width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
    } 
    .ipad-60 {
		width: 60%;
		-ms-flex-preferred-size: 60%;
		flex-basis: 60%;
		max-width: 60%;
    }  
    .ipad-33 {
		width: 33.333%;
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%;
    }
    .p-gap {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .pm-gap {
        padding-bottom: 4rem;
    }
    .menu__item .nav-arrow {
        width: 10px;
        height: 10px;
    }
    .title {
        margin-bottom: 40px;
    }
    .main-video {
        padding: 40px;
    }
    .featured-arrows .site-button {
        width: 50px;
        height: 50px;
    }
    .logo-loader .logo-img {
        width: 150px;
        height: 150px;
    }
    .hamburger-container {
        display: none;
    }
    .site-menu-toggle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .main-header .main-navigation-area {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        height: 95vh;
        opacity: 0;
        visibility: hidden;
        justify-content: center;
        align-items: center;
        padding: 100px 0 50px;
        max-width: 1145px;
        width: calc(100% - 60px);
        margin: 0 auto;
    }    
    .main-header .main-navigation-area .main-navigation {
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0 30px;
    }
    .main-header .main-navigation-area .main-navigation ul li a {
        height: auto;
        font-weight: bold;
    }
    .main-header .main-navigation-area .main-navigation ul li.menu__item a.menu-item__link {
        border-bottom: 1px solid #ddd;
    }
    .main-header .main-navigation-area .main-navigation ul li:last-child a {
        border-bottom: none;
    }
    .main-header .main-navigation-area .main-navigation ul li a.menu-item__link {
        padding-right: 0;
        padding-left: 0;
        display: flex;
        width: 100%;
        margin: 0;
        justify-content: space-between;
    }
    .main-header .main-navigation-area .main-navigation ul.menu>li>a:after {
        display: none;
    }
    .main-header .main-navigation-area .main-navigation ul li .sub-menu {
        border-top: none;
        box-shadow: none;
    }
    .main-header .site-branding {
        margin-left: 0;
    }
    .header-search-area {
        display: none;
    }
    .header-icon-area .cart-icon-total {
        display: none;
    }
    .header-icon-area .icon-area-content {
        margin-right: 2.74vw;
    }
    .menu-bg__bg {
        position: fixed;
        height: 95vh!important;
        top: 0;
        left: 0;
        right: 0;
        transition: none;
        max-height: inherit;
        transform: translateY(-100%);
        pointer-events: none;
        max-width: 1145px;
        width: calc(100% - 60px);
        margin: 0 auto;      
    }
    .menu-bg__bg {
        display: flex;
    }
    .main-header .main-navigation-area .menu {
        flex-direction: column;
        justify-content: flex-start;
    }
    .main-header .main-navigation-area .main-navigation ul li.mega-menu>.sub-menu {
        position: relative;
        display: none;
        top: 0;
        padding: 15px 0 0;
    }
    .header, .main-header .header-row {
        height: 90px;
    }
    .header__logo .logo {
        width: 105px;
        height: 80px;
    }
    .header-holder {
        top: 0;
    }
    .site-menu-toggle {
        width: 90px;
    }
    .b-slider--holder {
        padding: 0 30px;
    }
    .main-video {
        padding: 45px;
    }
    .b-slider--holder .swiper-pagination {
        bottom: 10px;
    }
    .b-store-slider .circle {
        bottom: 17px;
    }
    .featured-arrows .site-button {
        width: 55px;
        height: 55px;
    }
    .b-slider--holder .site-button span svg {
        width: 10px;
    }
    .cell-slider .site-button:hover span:last-child {
        top: 16px;
    }
}
@media (max-width: 991px) {
    .ipad-v-100 {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    } 
    .ipad-v-50 {
        width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    } 
    .ipad-v-70 {
        width: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%;
    } 
    .ipad-v-60 {
        width: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
    } 
    .ipad-v-33 {
        width: 33.333%;
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    } 
    .menu-wrapper {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 0;
    }
    .solutions-thumb {
        width: 100%;
    }
    .solutions-col__img {
        flex: 1;
        height: auto;
    }
    .newsletter-form {
        flex-direction: column;
        align-items: center;
    }
    .newsletter-form .input {
        width: 100%;
        margin-bottom: 20px;
    }
    .newsletter-form p {
        max-width: inherit;
        margin-bottom: 20px;
        text-align: center;
    }
    .footer .copy {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-info {
        margin-bottom: 30px;
    }
    .footer .social .inner {
        padding: 0 25px;
    }
    .footer .social a {
        padding: 10px 15px;
    }
    .footer .social a svg {
        width: 19px;
        height: 19px;
    }
    .brand-holder .swiper-slide {
        max-width: 25%;
    }
    .developer {
        margin-top: 20px;
    }
}
@media (max-width: 768px) {
    .tablet-v-100 {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .tablet-v-50 {
        width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .tablet-v-40 {
        width: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }
    .tablet-v-60 {
        width: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
    }
    .tablet-v-70 {
        width: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%;
    }
    .tablet-v-80 {
        width: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
    }
    .tablet-v-33 {
        width: 33.333%;
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .gutter {
        margin-left: 24px;
        margin-right: 24px;
    }
    .gutter.gutter-xs {
        margin-left: 24px;
        margin-right: 24px;
    }
    .p-gap {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .pm-gap {
        padding-bottom: 3rem;
    }
    .header-holder .gutter {
        margin: 0;
    }
    .menu-bg__bg, .main-header .main-navigation-area {
        width: 100%;
    }
    .site-menu-toggle {
        width: 80px;
    }
    .actions-btn.social-action {
        width: 40px;
    }
    .header__logo .logo {
        width: 90px;
        height: 70px;
    }
    .header, .main-header .header-row {
        height: 80px;
    }
    .actions-btn {
        height: 35px;
    }    
    .actions-btn.lang-btn a {
        padding: 7px 15px;
    }
    .mouse-wheel {
        width: 8px;
        height: 8px;
    }
    .scroll-wrap {
        bottom: 50px;
    }
    .cell .property__link {
        height: auto;
        padding: 0;
    }
    .new-column p {
        margin-bottom: 20px;
    }
    .new-column h4 {
        margin-bottom: 10px;
    }
    .news-columns .new-column {
        padding: 25px;
    }
    .column-flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .column-flex .column {
        position: relative;
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
        margin-bottom: 40px
    }
    .column-flex .column:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .footer-menu .column:not(:last-child)::before {
        content: '';
        width: 10px;
        height: 10px;
        background: #fff;
        position: absolute;
        bottom: -19px;
        border-radius: 50%;
        margin: 0 auto;
    }
    .footer-menu .column:not(:last-child)::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        width: 220px;
        height: 1px;
        background: rgba(256,256,256,.3);
        margin: 0 auto;
    }
    .brand-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .brand-wrapper .cx-title {
        padding-left: 0;
        width: auto;
        margin-bottom: 25px;
    }
    .brand-wrapper + .brand-wrapper {
        margin-top: 30px;
    }
    .brand-slider {
        width: 100%;
    }
    .brand-wrapper .swiper-button-next, .brand-wrapper .swiper-button-prev {
        top: -40px;
    }
    .footer .top {
        padding: 30px 0;
    }
    .footer .bottom {
        padding: 30px 0;
    }
    .newsletter-form {
        margin-bottom: 30px;
    }
    .footer .copy {
        margin-top: 30px;
    }
    .menu__section_categories li {
        width: 50%;
    }
    .menu__footer {
        display: none;
    }
    .menu_aside {
        padding-bottom: 30px;
    }
    .hamburger-container {
        width: 70px;
    }
    .title {
        margin-bottom: 30px;
    }
    .main-video {
        padding: 30px;
    }
    .tab-links__item {
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
    }
}
@media (max-width: 550px) {
    p {
        font-size: 18px;
    }
    .mobile-100 {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .mobile-80 {
        width: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
    }
    .mobile-50 {
        width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .mobile-33 {
        width: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
    .gutter {
        margin-left: 15px;
        margin-right: 15px;
    }
    .gutter.gutter-xs {
        margin-left: 15px;
        margin-right: 15px;
    }
    .header__logo {
        padding: 15px;
    }
    .site-menu-toggle {
        width: 60px;
    }
    .main-header .main-navigation-area .main-navigation ul li a {
        padding: 12px 0;
    }
    .menu-wrapper.solution-menu {
        flex-direction: column;
    }
    .solutions-thumb {
        display: none;
    }
    .featured-arrows .site-button {
        width: 45px;
        height: 45px;
    }
    .flex-block {
        flex-direction: column;
    }
    .footer-info {
        flex-direction: column;
        text-align: center;
        align-items: center;
        margin-bottom: 0;
    }
    .footer-logo {
        max-width: 150px;
        margin-bottom: 15px;
    }
    .brand-holder .swiper-slide {
        max-width: 33.333%;
    }
    .newsletter-form .site-button {
        min-width: auto;
    }
    .footer .social a {
        padding: 10px 10px;
    }
}
@media (max-width: 425px) {
    .mobile-v-100 {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .site-menu-toggle {
        width: 50px;
    }
    .actions-btn.lang-btn a {
        padding: 5px 10px;
        font-size: 12px;
    }
    .header, .main-header .header-row {
        height: 70px;
    }
    .main-video {
        padding: 25px;
    }
    .b-slider--holder .swiper-pagination {
        font-size: 15px
    }
    .brand-holder .swiper-slide {
        max-width: 50%;
    }
    .menu__section_categories li {
        width: 100%;
    }
    .ns__field {
        padding: 10px 15px;
    }  
    .ns-holder img {
        bottom: 0;
    }
    .footer-logo {
        max-width: 130px;
    }
    .header__logo .logo {
        width: 80px;
        height: 60px;
    }
}
@media (max-width: 375px) {
    .main-header .main-navigation-area .main-navigation {
        padding: 0 15px;
    }
    .news-columns .new-column {
        padding: 20px;
    }
    .b-slider--holder {
        padding: 0 30px;
    }
    .main-video {
        padding: 20px;
    }
    .b-slider--holder .swiper-pagination {
        left: 30px;
    }
    .actions-btn.social-action {
        width: 35px;
    }
}