@media(min-width:1400px) {}

@media(max-width:1400px) {

    #header {
        padding: 30px 3%;
    }

    .container {
        padding: 0px 3%;
    }


    #header.header-scroll {
        padding: 10px 3%;
    }

    #sectionCrm .window {
        width: 58%;
    }

    #sectionCrm .media-textboxes {
        /* height: 308px; */
    }

    #sectionCrm .media-textboxes .textbox-inner {
        width: 255px;

    }
}

@media(max-width:1200px) {
    .banner-img img {
        width: 100%;
    }

    .sec-1-title {
        /* font-size: 1.9vw; */
    }

    .sec-1-text {
        /* font-size: 1.4vw; */
    }

    .section-2-item {
        width: calc(33.33333% - 40px);
        margin: 0 20px;
        margin-bottom: 55px;
    }

    .section-3-content,
    .section-4-content {
        padding: 0 50px;
    }

    .small-container {
        width: 100%;
        padding: 0 40px;
    }

    .banner-logos {
        width: 75%;
    }

    #sectionCrm .media-textboxes .textbox-inner .text {
        font-size: 12px;
    }

    #sectionCrm .media-textboxes {
        /* height: 268px; */
    }

    #sectionCrm .window {
        width: 55%;
    }

    .section-1-item {
        width: calc(25% - 30px);
        margin: 0 15px;
        padding: 15px;
        margin-bottom: 45px;
    }

    #sectionCrm .media-textboxes .textbox-inner {
        padding: 0.8rem;
        width: 218px;
    }
}

@media(max-width:1050px) {
    .blog-item {
        width: calc(50% - 40px);
    }
}

@media(max-width:992px) {

    #header {
        padding: 20px 3%;
    }

    .container {
        width: 100%;
    }

    #hamburger-btn {
        position: unset;
    }

    #hover-menu-wrapper {
        width: 100%;
        height: 100%;
        transform: translateX(100%);
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        padding: 25px 0px;
        border-radius: 0;
        padding-top: 96px;
    }

    #hover-menu-wrapper.hover-menu-visible {
        z-index: -1;
    }

    #header.menu-open {
        padding: 0;
    }

    #header.menu-open .header-content {
        padding: 20px 2%;
        background: #fff;
    }

    /* #header.menu-open #Layer_1-2 path {
        fill: #000 !important;
    }

    #header.menu-open .hamburger-item {
        background: #000;
    } */

    .hamburger-item:nth-child(3) {
        background: none !important;
    }

    .hover-content-item {
        flex-direction: column;
        padding: 15px;
    }

    .hover-item-icon {
        width: 40px;
    }

    .hevermenu-title {
        padding: 0 10px;
    }

    .section-1-item {
        width: calc(50% - 50px);
    }

    .sec-1-title {
        font-size: 20px;
    }

    .sec-1-text {
        font-size: 16px;
    }


    .section-2-item {
        width: calc(50% - 20px);
        margin: 0 10px;
        margin-bottom: 55px;
    }

    .footer-logo {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-logo img {
        width: 160px;
    }

    .footer-items {
        width: 100%;
        flex-wrap: wrap;
    }

    .copy-content {
        padding: 20px 0;
    }

    .banner-logos {
        width: 50%;
    }

    .section-2-content {
        padding: 0 55px;
    }

    #sectionCrm .media-textboxes {
        position: unset;
        margin-top: 20px;
    }

    #sectionCrm .media-textboxes .textbox-inner {
        width: 98%;
    }

    #sectionCrm .media-textboxes {
        /* height: 235px; */
    }

    #sectionCrm .window {
        width: 80%;
    }

    .sec-3-item,
    .section-3-text {
        width: 100%;
    }


    .banner-text p {
        width: 75%;
        font-size: 18px;
    }

    footer {
        padding-bottom: 42px;
    }

    .inner-item-text,
    .inner-item-img {
        width: 100%;
    }

    .inner-item-img img {
        width: 58%;
    }
}

@media(max-width:768px) {
    .header-login_demo {
        display: none;
    }

    .menu-login-demo {
        display: inline-block;
        color: #fff;
    }

    .header-demo-border {
        border: 2px solid #fff;
    }

    .header-demo-border:hover {
        border: 2px solid #44cda9;
    }

    .section-1-item {
        width: 100%;
    }

    .section-2-content {
        padding: 0px;
    }

    .section-3-content,
    .section-4-content {
        padding: 0px;
    }

    .footer-item ul li a {
        /* font-size: 15px; */
    }

    .copy-content {
        justify-content: center;
    }

    .copyright-left {
        width: 100%;
    }

    .banner-logos {
        width: 70%;
    }

    #sectionCrm .media-textboxes {
        /* height: 184px; */
    }

    .banner-text {
        max-height: 280px;
    }

    .banner-text p {
        width: 95%;
    }

    .banner-text h1 {
        font-size: 36px;
    }

    #cookie p {
        font-size: 14px;
    }

    .footer-lowest-row {
        flex-direction: column;
        align-items: center;
    }

    .footer-lowest-col75,
    .footer-lowest-col25 {
        max-width: 100%;
    }
}

@media(max-width:630px) {
    #sectionCrm .media-textboxes .textbox {
        /* display: flex; */
    }

    #sectionCrm .media-textboxes .textbox-inner {
        height: 80px;
    }

    #cookie p {
        font-size: 12px;
    }

    .footer-items {
        display: none;
    }

    .blog-item {
        width: 95%;
    }

    .blogDetay-content {
        width: 100%;
    }
}

@media(max-width:576px) {
    .footer-item {
        width: 100%;
        margin-bottom: 15px;
    }

    .footer-item h4 {
        color: #00b5ac;
    }

    .copyright-left ul li a,
    .copyright-left ul li span {
        font-size: 14px;
    }

    .banner-logos {
        width: 90%;
    }

    .header-login_demo {
        font-size: 3vw;
    }

    #sectionCrm .window {
        width: 100%;
    }

    #sectionCrm .media-textboxes .textbox-inner {
        width: 99%;
    }

    #cookie,
    .cookie-container {
        min-height: 80px;
    }

    .inner-item-img img {
        width: 75%;
    }
}

@media(max-width:470px) {
    #sectionCrm .media-textboxes .textbox-inner {
        height: 100px;
    }

    .footer-logo img {
        width: 100px;
    }

    .footer-lower-col4 {
        max-width: 100%;
        flex: 0 0 100%;
        justify-content: center;
        margin-top: 20px;
    }

    .footer-lower-row {
        justify-content: space-between;
    }

    .footer-lower-col3,
    .footer-lower-col1 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .inner-page-content-title h2 {
        font-size: 5vw;
    }
}

@media(max-width:400px) {
    #sectionCrm .media-textboxes .textbox-inner .text {
        display: none;
    }

    #sectionCrm .media-textboxes .textbox-inner .order {
        margin-right: 0;
    }

    #sectionCrm .media-textboxes .textbox-inner {
        /* display: inline; */
        justify-content: center;
    }

    #sectionCrm .media-textboxes .textbox {
        display: inline-block;
        width: 12%;
        flex: unset;
    }

    #sectionCrm .media-textboxes {}

    #sectionCrm .media-textboxes {
        flex-direction: row;
        justify-content: space-between;
        height: 45px;

    }

    #sectionCrm .media-textboxes .textbox-inner {
        height: 42px;
    }

    #cookie,
    .cookie-container {
        min-height: 90px;
    }

    .cookie-container {
        padding: 10px 10px;
    }

    .footer-demo {
        padding: 10px 12px;
        font-size: 13px;
    }
}