/*mobile*/
/*Stop animation on mobile*/
@media only screen and (max-width: 767px) {
    body .wpb_animate_when_almost_visible {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none;
    }
}
@media only screen and (max-width: 767px) {
    .ct-container{width: 100% !important}
}

/*header*/

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

    .mobile-menu{margin-bottom: 0 !important}

    .mobile-menu > ul{
        padding-left:0;
        border-top:none !important;
    }

    .mobile-menu > ul li.menu-item{margin-bottom: 0}

    .mobile-menu > ul[role="menubar"] > li.menu-item:last-child{border-bottom: none}

    .mobile-menu > ul[role="menubar"] > li.menu-item.current-menu-item a{font-weight: 700}

    .mobile-menu > ul[role="menubar"] > li.menu-item.current-menu-ancestor > span > a{font-weight: 700}

    .mobile-menu > ul[role="menubar"] ul.sub-menu > li.menu-item.current-menu-item a{font-weight: 700}
}

/*style*/
@media only screen and (max-width: 767px) {
    .all-title br{display:none}
}

/*home*/
@media only screen and (max-width: 767px) {
    .home-suitable {
        padding-top: 70px;
        padding-bottom: 0;
    }

    .home-suitable{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }


    .home-suitable > .wpb_column:nth-child(1){
        width: 100%;
        flex-basis: 100%;
    }

    .home-suitable > .wpb_column:not(:nth-child(1)){
        width: 50%;
        flex-basis: 50%;
    }

/*    .home-suitable .wpb_text_column{text-align: justify;}*/

    .vc_row.home-about {
        padding-top: 35px;
        padding-bottom: 35px;
        background :#e6e7e8 !important;
    }

/*    .vc_row.home-about .wpb_text_column{text-align: justify;}*/

    .home-about .readmore{text-align: left !important}

    .home-about-counter-inner .evc-counter {
        text-align: center;
    }

    .home-about-counter-inner > .wpb_column:not(:last-child) > .vc_column-inner {
        border-right: none;
        position:relative;
        border-bottom: 1px solid transparent;
    }

    .home-about-counter-inner > .wpb_column:not(:last-child) > .vc_column-inner:after{
        content: '';
        position: absolute;
        width: calc(100% - 30px);
        background: rgba(0,0,0,0.5);
        height: 1px;
        bottom: 0;
        left:50%;
        transform: translateX(-50%);
        display: block !important;
        opacity: 1;
    }

    .home-pos-system {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .vc_row.home-pos-system {
        background-position: 100% 30% !important;
        background-size: contain !important;
    }

    .home-feedme {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .vc_row.home-feedme {
        background-position: 50% 37% !important;
        background-size: 135% auto !important;
    }

    .home-feedme #slider_106{
        padding-top: 0;
        padding-left:15px;
        padding-right:15px;
        max-width: 300px;
    }

    #slider_106  .owl-nav .owl-prev{left:-5px;}
    #slider_106  .owl-nav .owl-next{right:-5px;}

    .home-clients {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .home-clients:before{
        width: calc(100% - 30px);
    }

    .client-pagination .vc_tta-panel-body > .vc_row{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .client-pagination .vc_tta-panel-body > .vc_row > .wpb_column {
        width: 50%;
        flex-basis:50%;
    }

    .client-pagination .vc_row .wpb_single_image {
        padding-left: 0;
        padding-right: 0;
        text-align: center !important;
    }

    .customer-grid-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-bottom: 10px;
    }

    .customer-grid-list .wpb_single_image img{
        aspect-ratio: 1/1;
        object-position: center;
        object-fit: cover;
    }

    .vc_row.home-contact {
        padding-top: 35px;
        padding-bottom: 40px;
        position: relative;
    }

    .home-contact .vc_row.vc_inner {
        margin-top: 70px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

}

@media only screen and (max-width: 689.98px) {
    .home-about-counter-inner .evc-counter .evc-c-digit {
        font-size: 30px;
    }

    .home-about-counter-inner .evc-counter .evc-c-title {
        font-size: 18px;
    }

    .customer-social a {
        font-size: 25px;
        color: #1e3c70;
    }
}

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

    .home-suitable > .wpb_column:nth-child(1) .all-title{width: 78%}

    .home-suitable > .wpb_column:not(:nth-child(1)){
        width: 100%;
        flex-basis: 100%;
    }

    .home-suitable .setup-img img{
        aspect-ratio: 2/1;
    }

    .home-suitable > .wpb_column:nth-child(2) .setup-img img{
        object-position: 50% 100%;
    }

    .home-suitable > .wpb_column:nth-child(3) .setup-img img{
        object-position: 50% 0;
    }

    .home-suitable > .wpb_column:nth-child(4) .setup-img img{
        object-position: 50% 0;
    }

    .home-suitable > .wpb_column:nth-child(5) .setup-img img{
        object-position: 50% 39%;
    }

    .home-suitable > .wpb_column:nth-child(6) .setup-img img{
        object-position: 50% 50%;
    }
}

/*Contact form*/
@media only screen and (max-width: 767px) {
    .contact-form .form {
        display: block;
        grid-gap:0;
        margin-bottom:0;
    }

    .contact-form .form > *{margin-bottom: 20px}
}

/*Footer*/
@media only screen and (max-width: 991px) {
    #footer [data-row*="middle"] [data-column*="widget-area"]{
        width: 100%;
        flex-basis:100%;
    }

    #footer [data-row*="middle"] [data-column*="widget-area"]:not(:first-child){
        padding-top: 30px;
    }

    #footer [data-row*="middle"] [data-column="widget-area-1"] .widget_text{display: none}

    #footer [data-row*="bottom"] {display: block;}
}

@media only screen and (max-width: 767px) {
    #footer [data-row*="middle"] [data-column="widget-area-1"] .widget_media_image img {
        width: auto;
        max-height: 60px;
    }
}

/*about*/
@media only screen and (max-width: 767px) {
    .icon-title-desc {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    .icon-title-desc .wpb_single_image img {
        height: 50px;
    }

    .icon-title-desc .wpb_single_image {
        margin-bottom: 20px;
        width: 100px;
        height: 100px;
        margin-top: -85px;
    }

    .icon-title-desc .wpb_single_image.mission-image img {
        padding-left: 11px;
    }

    .icon-title-desc > .wpb_column > .vc_column-inner {
        padding-top: 50px;
    }

    .icon-title-desc > .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding: 36px 15px 1px;
    }

/*    .icon-title-desc  .wpb_text_column > .wpb_wrapper > *{
        text-align: justify !important

    }*/

    .vc_row.home-about.about-main{
        background: #111840 !important;
    }

    .about-main .home-about-counter-inner > .wpb_column:not(:last-child) > .vc_column-inner::after {
        background: rgba(255,255,255,0.5);
    }

    .home-about.about-main .home-about-counter-inner > .wpb_column:not(:last-child) > .vc_column-inner {
        border-right: none;
    }

    .about-main-grid-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
    }

    .about-main-grid-list .wpb_single_image img{
        aspect-ratio: 2/1;
        object-position: center;
        object-fit: cover;
    }

    .home-clients.about-clients {
        padding-top: 35px;
        padding-bottom: 70px;
    }

    .about-clients-section {
        padding-bottom: 40px;
    }
}

/*contact*/
@media only screen and (max-width: 767px) {
    .contact-main {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 689.98px) {
    .contact-main .company-name > .wpb_wrapper > * {
        line-height: 1;
        font-size: 25px;
    }
}

/*Free demo*/
@media only screen and (max-width: 767px) {
    .demo-form {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .demo-section {
        padding-bottom: 40px;
    }
}

/*Feedme App*/
@media only screen and (max-width: 767px) {
    .vc_row.feedme-main {
        padding-top: 70px;
        padding-bottom: 35px;
        position: relative;
    }

    .feedme-main .all-title{text-align: center !important}

    .apps-list > .wpb_column > .vc_column-inner > .wpb_wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .apps-list .wpb_single_image img {
        width: auto;
        height: 60px;
    }

    .feedme-main #slider_106 {
        margin-left: auto;
        max-width: 300px;
        padding-left:15px;
        padding-right:15px;
    }

    .vc_row.feedme-main:before {
        width: 50%;
        height: 50%;
        top: 44%;
    }

    .more-app-info{
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .inner-info > .wpb_column{padding-bottom: 35px}

    .inner-info .wpb_single_image img{
        aspect-ratio: 2/1;
        object-fit: cover;
        object-position: center;
    }
}

/*POS system*/
@media only screen and (max-width: 767px) {
/*    .icon-title-desc.mobile-2-col{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .icon-title-desc.mobile-2-col > .wpb_column{
        width: 50%;
        flex-basis: 50%;
    }*/

    .pos-system-app-section {
        padding-top: 70px !important;
    }

    .pos-system-app {
        padding-bottom: 35px;
    }

    .pos-system-app .wpb_single_image{
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .pos-system-app .wpb_single_image img {
        width: auto;
        max-height: 300px;
    }

    .pos-system-app .all-title{text-align: center !important}

    .pos-system-app .wpb_text_column{text-align: center;}

    .app-in-left{
        display: flex;
        flex-direction: column-reverse;
/*        justify-content: center;
        align-items: center;*/
    }

    .pos-system-swan {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .vc_row.pos-system-swan {
        background-position: center !important;
        background-size: contain !important;
    }

    .pos-system-swan .wpb_single_image {
        padding-top: 0;
    }

    .design-experience-section {
        padding-top: 70px !important;
    }

    .design-experience-section:before{
        width: calc(100% - 30px);
    }

    .design-experience {
        padding-bottom: 35px;
    }

    .design-experience.right-image{
        display: flex;
        flex-direction: column-reverse;
/*        justify-content: center;
        align-items: center;*/
    }

    .design-experience .wpb_single_image{
        margin-left: auto;
        margin-right: auto;
        width: 70%;
    }

    .design-experience .all-title{text-align: center !important;}

    .design-experience .wpb_text_column{text-align: center;}

    .design-experience .wpb_text_column ul, 
    .design-experience .wpb_text_column ol {
        list-style-position: inside;
    }

    .pos-system-more-info.more-app-info .all-title{text-align: left !important;}

    .pos-system-more-info.more-app-info .wpb_text_column > .wpb_wrapper > *{text-align: left !important;}

    .pos-system-more-info .inner-info{padding-top:0}

    .pos-system-more-info .inner-info.view-full .wpb_single_image img{
        aspect-ratio: 2/1;
        object-fit: contain;
        object-position: center;
        background: #fff;
    }
}

/*contact v2*/
@media only screen and (max-width: 767px) {
    .contact-info-section{padding-top:70px;}
    
    .contact-info-side{
        padding-bottom:35px;
        margin-bottom:70px;
    }
    
    .contact-info-side .contact-info-v2 > .wpb_wrapper > div p .add{
        display:inline;
        padding-right:0;
    }
}