@media (min-width: 768px) {

    /* -- BEGIN OPACITY VERTICAL -- */
    .interactive .opacity-vertical {
        opacity: 0;
        top: -50px;
        position: relative;
        animation: revertAnimationOpacity 800ms ease-in-out forwards,
        revertAnimationVertical 500ms ease-in-out forwards;
    }
    .animation .opacity-vertical {
        animation: animationOpacity 800ms 100ms ease-in-out forwards,
        animationVertical 500ms 100ms ease-in-out forwards;
    }

    /* -- BEGIN OPACITY LEFT TO RIGHT -- */
    .interactive .opacity-ltr {
        opacity: 0;
        left: -50px;
        position: relative;
        animation: revertAnimationOpacity 800ms ease-in-out forwards,
        revertAnimationLeftToRight 800ms ease-in-out forwards;
    }
    .animation .opacity-ltr {
        animation: animationOpacity 800ms 100ms ease-in-out forwards,
        animationLeftToRight 800ms ease-in-out forwards;
    }

    /* -- BEGIN OPACITY RIGHT TO LEFT -- */
    .interactive .opacity-rtl {
        opacity: 0;
        right: -50px;
        position: relative;
        animation: revertAnimationOpacity 800ms ease-in-out forwards,
        revertAnimationRightToLeft 800ms ease-in-out forwards;
    }
    .animation .opacity-rtl {
        animation: animationOpacity 800ms 100ms ease-in-out forwards,
        animationRightToLeft 800ms ease-in-out forwards;
    }
    .animation .icon-block {
        position: relative;
        animation: bounce .9s ease-in;
    }
    .header-social-search {
        float: right;
        display: flex;
    }
    .header-search {
        margin-left: 30px;
        padding-left: 30px;
        border-left: 1px solid #E3E3E3;
    }
    .header-nav > li > a {
        padding-top: 33px!important;
        padding-right: 20px !important;
        padding-left: 15px !important;
        padding-bottom: 33px!important;
    }
    .dropdown-menu {
        border: none;
        margin-top: -13px !important;
    }
    .header-nav li:last-child a {
        padding-right: 0 !important;
    }
    .dropdown-menu {
        min-width: 310px;
        border-radius: 4px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    }
    .dropdown-menu::before {
        right: 20px;
        top: -18px;
        content: "";
        width: 40px;
        height: 20px;
        display: block;
        position: absolute;
        background: url('../img/triangle.svg') center no-repeat;
        background-size: contain;
    }
    .submenu {
        opacity: 0;
        padding: 20px;
        position: absolute;
        visibility: hidden;
        right: 20px !important;
        display: block !important;
        -webkit-transition: .2s all ease-in-out;
        -moz-transition: .2s all ease-in-out;
        -ms-transition: .2s all ease-in-out;
        -o-transition: .2s all ease-in-out;
        transition: .2s all ease-in-out;
    }
    .dropdown:hover .submenu {
        opacity: 1;
        right: 0 !important;
        visibility: visible;
    }
    .newsletter-input {
        padding: 0;
        display: flex;
        max-width: 750px;
        margin: 50px auto 0;
    }
    .copyright,
    .form-radio-img {
        display: flex;
        overflow: hidden;
    }
    .copyright-text {
        text-align: left;
        line-height: 30px;
    }
    .copyright-action {
        margin-top: 0;
        text-align: right;
    }
    .copyright-action span {
        margin-bottom: 0;
        display: inline-block;
    }
    .newsletter-box h2 {
        font-size: 39px;
    }
    .newsletter-box > small {
        font-size: 16px;
    }
    .split-row,
    .section-coverflow {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .split-info,
    .split-img,
    .news-box {
        width: 100%;
    }
    .ltr .split-info-text {
        padding-right: 70px;
    }
    .rtl .split-info-text {
        padding-left: 70px;
    }
    .news-block,
    .steps-wrapper,
    .section-intro,
    .section-coverflow,
    .banner-block,
    .square-block,
    .frame-block,
    .faq-block,
    .publish-block,
    .flex-fluid {
        display: flex;
    }
    .news-info {
        padding-left: 30px;
    }
    .logos-block a {
        width: 25%;
    }
    .container {
        padding-left: 0;
        padding-right: 0;
    }
    .comments-box,
    .instagram-box {
        width: 50%;
    }
    .comments-box {
        padding-right: 100px;
    }
    .instagram-box{
        padding-left: 100px;
        border-left: 1px solid #E3E3E3;
    }
    .steps-title {
        text-align: left;
    }
    .row-img,
    .banner-action,
    .steps-numbers {
        text-align: right;
    }
    .steps-numbers li {
        margin: 0 0 0 20px;
    }
    .steps-numbers ul::before {
        left: 20px;
    }
    .info-form {
        width: 50%;
        float: right;
        margin-bottom: 50px;
    }
    .info-summary {
        width: 50%;
        float: left;
        padding-right: 40px;
    }
    .services-block {
        width: 33.33%;
    }
    .service-intro img {
        top: 0;
        bottom: 0;
        width: 100%;
        position: absolute;
    }
    .services-block .text-default {
        z-index: 1;
        font-size: 1.6vw;
        line-height: 3vw;
        position: absolute;
        padding: 0 3vw 0 6vw;
    }
    .container-position {
        top: 0;
        padding: 0;
        max-width: 750px;
        position: absolute;
        margin-left: -375px;
    }
    .featured-title {
        font-size: 4.2vw;
    }
    .product-featured::before {
        background: -moz-linear-gradient(45deg, rgba(0,0,0,0.50) 0%, rgba(134,134,134,0.14) 100%);
        background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.50) 0%,rgba(134,134,134,0.14) 100%);
        background: linear-gradient(45deg, rgba(0,0,0,0.50) 0%,rgba(134,134,134,0.14) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba000000', endColorstr='#24868686',GradientType=1 );
    }
    .menu-wrapper {
        text-align: center;
        background-color: #fff;
        border-bottom: 1px solid #DEDEDE;
    }
    .menu-wrapper li {
        display: inline-block;
    }
    .section-intro-img img {
        padding: 10px 30px 0 0;
    }
    .section-intro {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .section-coverflow-slides {
        padding: 20px 0 20px 60px;
    }
    .square-info {
        width: 60%;
        padding-right: 100px;
    }
    .square-img {
        width: 40%;
        position: relative;
        min-height: 480px;
    }
    .square-img img {
        z-index: 1;
        top: -220px;
        right: -80px;
        max-height: 670px;
        position: absolute;
    }
    .frame-img {
        min-height: 520px;
        position: relative;
    }
    .frame-img img {
        left: -300px;
        max-height: 480px;
        position: absolute;
    }
    .faq-action-box {
        text-align: right;
        align-items: center;
    }
    .publish-info {
        padding-right: 25px;
    }
    .publish-small-img img {
        padding-right: 25px;
        padding-bottom: 25px;
    }
    .map-info {
        margin-top: -20px;
        padding-right: 40px;
    }
    .map-wrapper {
        margin-top: -20px;
    }
    .map-info {
        width: 35%;
    }
    .map-iframe {
        width: 65%;
    }
    .table-block-img::before {
        display: none;
    }
    .column-wrapper tr:last-child td {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e3e3e3;
    }
    .column-wrapper td {
        margin: 0;
        padding: 0 40px;
        border-left: 1px solid #e3e3e3;
    }
    .column-wrapper {
        border-left: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
    }
    .form-block {
        top: 0;
        left: 50%;
        z-index: 2;
        width: 100%;
        max-width: 560px;
        position: absolute;
        margin-left: -280px;
    }
    .sidebar-block {
        width: 30%;
        padding-right: 40px;
    }
    .sidebar-text {
        width: 70%;
    }
    .sidebar-wrapper {
        margin: 80px 0;
    }
    .intro-space {
        margin: 50px 0;
    }
    .block-left-info {
        width: 65%;
    }
    .block-left-img {
        width: 35%;
    }
    .box-left-info {
        padding-right: 70px;
    }
    .row-img {
        width: 20%;
    }
    .row-info {
        width: 60%;
    }
    .row-btn {
        width: 20%;
        text-align: right;
    }
    .row-info {
        padding-left: 20px;
    }
    .button-demo,
    .button-video {
        margin-left: 10px;
    }
    .filter-block,
    .filter-block li {
        display: inline-block;
    }
    .services-block:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    .table-wrapper tr:hover td {
        background-color: #FAFAFA;
    }
    .tier-wrapper {
        justify-content: center;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .form-img img {
        margin: 0;
        max-width: 470px;
    }
    .instagram-img img {
        width: 33.33%;
    }
    .square-img img {
        bottom: 0;
        top: auto;
        max-width: 450px;
    }
    .frame-img img {
        max-width: 630px;
    }
    .sidebar-block {
        width: 40%;
    }
    .sidebar-text {
        width: 60%;
    }
}
@media (min-width: 992px) {
    .footer-menu {
        display: flex;
    }
    .footer-menu-block {
        padding: 0 20px;
    }
    .footer-menu-block:first-child {
        padding: 0;
    }
    .footer-menu-block:last-child {
        padding-right: 0;
    }
    .container-position {
        max-width: 970px;
        margin-left: -485px;
    }
    .attaiment-block {
        text-align: left;
        padding: 0 25px 0 100px;
    }
    .attaiment-block img {
        top: 0;
        left: 0;
        position: absolute;
    }
    .box-left {
        display: flex;
    }
    .box-left-info {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .column-info {
        line-height: 45px;
    }
    .logos-small a {
        width: 12.5% !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .form-img img {
        max-height: 360px;
    }
    .frame-img img {
        left: -180px;
        max-width: 635px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .split-img-logo {
        max-width: 80px;
    }
    .rtl .split-info-text {
        padding-left: 40px;
    }
    .numbers-block span {
        font-size: 40px;
    }
}
@media (min-width: 1200px) {
    .container-position {
        max-width: 1170px;
        margin-left: -585px;
    }
}
@media (min-width: 1440px) {
    .featured-text {
        margin-top: 80px;
    }
    .featured-title {
        font-size: 54px !important;
    }
    .featured-subtitle {
        font-size: 20px;
        max-width: 610px;
        margin-top: 35px;
        line-height: 35px;
    }
}
@media (max-width: 767px) {
    .newsletter-box small {
        font-size: 3vw;
    }
    .form-radio p {
        margin: 15px 0;
    }
    .featured-subtitle {
        font-size: 3vw;
        line-height: 4vw;
        margin: 3vw auto 0;
    }
    .featured-subtitle {
        max-width: 62vw;
    }
    .featured-text {
        margin-top: 3vw;
    }
    .header-search,
    .title-small {
        margin-top: 12px;
    }
    .navbar-nav .open .dropdown-menu {
        padding: 20px;
        overflow: hidden;
        border-radius: 5px;
        margin-bottom: 30px;
        border: 1px solid #f7f7f7;
    }
    .newsletter {
        padding-bottom: 40px;
    }
    .newsletter-button {
        width: 100%;
        padding: 15px;
        margin: 15px 0;
    }
    .sp,
    .form-img,
    .split-img,
    .square-img,
    .frame-img,
    .row-logo,
    .column-wrapper th,
    .table-wrapper table th,
    .newsletter-input small,
    .featured .slick-dots,
    .service-intro img,
    .product-featured img,
    .menu-wrapper,
    .line-flex-img,
    .form-wrapper img,
    .form-wrapper:before,
    .block-left-img,
    .comments-slides .slick-arrow {
        display: none !important;
    }
    .form-radio {
        text-align: center;
    }
    .form-button,
    .form-wrapper-radio {
        display: inline-block;
    }
    .form-button,
    .form-wrapper-dropdown select {
        max-width: none;
    }
    .split-info-text {
        margin-bottom: 20px;
        padding-bottom: 25px;
        border-bottom: 1px solid #e3e3e3;
    }
    .split-info-text {
        padding-right: 15px;
        padding-left: 15px;
    }
    .wrapper-title {
        border-top: 0;
        padding-top: 0;
    }
    .instagram-box {
        margin-top: 45px;
    }
    .info-form,
    .info-summary {
        margin-bottom: 50px;
    }
    .button-next {
        width: 100%;
        background-image: none;
    }
    .services-block .button-next {
        width: 95%;
        left: auto;
        margin-top: 50px;
        margin-left: auto;
        position: relative;
        text-align: center;
        margin-right: auto;
    }
    .services-title {
        padding: 15px;
        font-size: 20px;
        line-height: 25px;
    }
    .services-block .text-default {
        margin-bottom: 0;
    }
    .services-info {
        top: 0;
        font-size: 20px;
        line-height: 28px;
        position: relative;
    }
    .container-position {
        left: 0;
        padding: 5vw 15px;
        position: relative;
    }
    .menu-wrapper li a {
        padding-left: 0;
        padding-right: 0;
    }
    .button-action,
    .publish-action,
    .section-coverflow-slides {
        margin-top: 30px;
    }
    .section-box {
        padding-top: 40px;
    }
    .section-intro-info .title-intro {
        margin-bottom: 40px;
    }
    .table-wrapper table td,
    .table-wrapper table th,
    .column-wrapper td {
        display: block;
    }
    .table-wrapper table td:first-child {
        border-top: none;
        text-align: center;
    }
    .table-block-img {
        position: relative;
    }
    .table-wrapper table td {
        text-align: right;
        padding: 13px 15px;
    }
    .filter-dropdown,
    .column-wrapper td,
    .column-wrapper th {
        width: 100%;
    }
    .column-wrapper {
        border: 1px solid #e3e3e3;
    }
    .line-flex-info {
        padding: 50px 15px;
    }
    .numbers-block {
        text-align: center;
        margin-top: 50px;
    }
    .numbers-block span {
        font-size: 35px;
    }
    .numbers-block:first-child {
        margin-top: 0;
    }
    .numbers-block > img {
        display: block;
        margin: 0 auto;
    }
    .contact-map-block {
        max-width: 370px;
    }
    .contact-map-wrapper iframe {
        min-height: 780px;
    }
    .button-action-wrapper a {
        margin: 20px 0;
        display: block;
    }
    .button-action-wrapper {
        border: none;
        padding: 0 15px;
    }
    .row-img {
        margin-bottom: 20px;
    }
    .button-demo,
    .button-video {
        margin-right: 10px;
    }
}
@media (max-width: 479px) {
    .news-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 375px) {
    .form-radio p {
        line-height: 23px;
    }
    .products-box {
        font-size: 6vw;
    }
}
@media (max-width: 320px) {
    .link-default,
    .link-default-fill,
    .link-default-outline {
        margin: 0 5px;
    }
    .table-block-img::before {
        overflow: hidden;
        max-width: 230px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}