/*------------------------------------------------------------------//

//      RESPONSIVE SYSTEM                                                                                 //

//------------------------------------------------------------------*/

@media screen and (min-width: 1400px) {

    /* PC 1400+  */
    .menuAc,
    .mContact {
        display: none !important;
    }
}

@media screen and (max-width: 1399px) and (min-width: 1199px) {
    .mContact {
        display: none;
    }

    .home-service .content {
        padding: 0;
    }
}


@media screen and (max-width: 1200px) and (min-width: 991px) {
    .header-left {
        display: none;
    }

    .header-right {
        display: none;
    }

    .slider-inner {
        height: 600px;
    }

    .slider-right {
        display: none;
    }

    .slider-left {
        border-right: 0;
    }

    .slider {
        background-position: 80%;
    }

    .home-about a {
        margin-bottom: 30px;
        display: block;
    }

    .home-about img {
        margin-bottom: 25px;
    }

    .home-contact-head a::before {
        right: 0;
    }

    .home-service-slider .slick-slide {
        margin: 0 !important;
    }

    .home-service .item {
        padding: 0;
    }

    .home-cat a.more {
        margin-bottom: 35px;
    }

    .home-cat-link .item a {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .home-cat {
        padding: 50px 0;
    }

    .home-cat-link .borders {
        height: 300px;
    }

    .home-bar .play-button {
        text-align: center;
    }

    .home-col-item .content .title {
        font-size: 40px;
    }

    .home-video .slick-slide {
        margin: 0 !important;
    }

    .home-video .slick-center {
        transform: scale(1.0);
    }

    .home-bar-link {
        flex-direction: column;
        align-items: center;
    }

    .home-bar-link a {
        margin-bottom: 25px;
    }

    .home-device .slick-slide {
        margin: 0 !important;
    }

    .home-device .slick-center {
        transform: scale(1.0);
    }

    .footer-menu {
        display: none;
    }

    .footer-logo img {
        width: 50%;
        padding: 15px 0;
    }

    .footer-inner {
        padding: 40px 0 0 0;
    }

    .footer-copy .text {
        color: #fff;
        font-size: 13px;
    }

    .footer-copy {
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .footer-copy {
        padding-top: 15px;
        padding-bottom: 70px;
    }

}


@media screen and (max-width: 1200px) and (min-width: 991px) {
    .header-left {
        display: none;
    }

    .header-right {
        display: none;
    }

    .slider-inner {
        height: 600px;
    }

    .slider-right {
        display: none;
    }

    .slider-left {
        border-right: 0;
    }

    .slider {
        background-position: 80%;
    }

    .home-about a {
        margin-bottom: 30px;
        display: block;
    }

    .home-about img {
        margin-bottom: 25px;
    }

    .home-contact-head a::before {
        right: 0;
    }

    .home-service-slider .slick-slide {
        margin: 0 !important;
    }

    .home-service .item {
        padding: 0;
    }

    .home-cat a.more {
        margin-bottom: 35px;
    }

    .home-cat-link .item a {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .home-cat {
        padding: 50px 0;
    }

    .home-cat-link .borders {
        height: 300px;
    }

    .home-bar .play-button {
        text-align: center;
    }

    .home-col-item .content .title {
        font-size: 40px;
    }

    .home-video .slick-slide {
        margin: 0 !important;
    }

    .home-video .slick-center {
        transform: scale(1.0);
    }

    .home-bar-link {
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
        padding-bottom: 0;
    }

    .home-bar-link a {
        margin-bottom: 25px;
    }

    .home-device .slick-slide {
        margin: 0 !important;
    }

    .home-device .slick-center {
        transform: scale(1.0);
    }

    .footer-menu {
        display: none;
    }

    .footer-logo img {
        width: 50%;
        padding: 15px 0;
    }

    .footer-inner {
        padding: 40px 0 0 0;
    }

    .footer-copy .text {
        color: #fff;
        font-size: 13px;
    }

    .footer-copy {
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .footer-copy {
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .header-logo img {
        width: 70%;
    }

    .home-contact-head a::before {
        position: absolute;
        content: "";
        background: url(/lib/images/vector.png);
        width: 250px;
        height: 250px;
        text-align: center;
        z-index: -10;
        bottom: 0;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .home-contact-head {
        margin-bottom: 0;
    }

    .home-virtual-inner {
        text-align: center;
    }

    .home-virtual {
        padding: 50px 0;

    }

    .home-device {
        padding: 100px 0 0 0;
        margin-bottom: 90px;
    }

    .home-contact {
        margin-top: 50px;
    }

    .home-bar {
        padding: 80px 0;
    }
}



@media screen and (max-width: 991px) and (min-width: 768px) {
    .header-menu-btn {
        display: block;
    }

    .header-left {
        display: none;
    }

    .header-right {
        display: none;
    }

    .slider-inner {
        height: 600px;
    }

    .slider-right {
        display: none;
    }

    .slider-left {
        border-right: 0;
    }

    .slider {
        background-position: 80%;
    }

    .home-about a {
        margin-bottom: 30px;
        display: block;
    }

    .home-about img {
        margin-bottom: 25px;
    }

    .home-contact-head a::before {
        right: 0;
    }

    .home-service-slider .slick-slide {
        margin: 0 !important;
    }

    .home-service .item {
        padding: 0;
    }

    .home-cat a.more {
        margin-bottom: 35px;
    }

    .home-cat-link .item a {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .home-cat {
        padding: 50px 0;
    }

    .home-cat-link .borders {
        height: 300px;
    }

    .home-bar .play-button {
        text-align: center;
    }

    .home-col-item .content .title {
        font-size: 40px;
    }

    .home-video .slick-slide {
        margin: 0 !important;
    }

    .home-video .slick-center {
        transform: scale(1.0);
    }

    .home-bar-link {
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
        padding-bottom: 0;
    }

    .home-bar-link a {
        margin-bottom: 25px;
    }

    .home-device .slick-slide {
        margin: 0 !important;
    }

    .home-device .slick-center {
        transform: scale(1.0);
    }

    .footer-menu {
        display: none;
    }

    .footer-logo img {
        width: 50%;
        padding: 15px 0;
    }

    .footer-inner {
        padding: 40px 0 0 0;
    }

    .footer-copy .text {
        color: #fff;
        font-size: 13px;
    }

    .footer-copy {
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .footer-copy {
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .header-logo img {
        width: 70%;
    }

    .home-contact-head a::before {
        position: absolute;
        content: "";
        background: url(/lib/images/vector.png);
        width: 250px;
        height: 250px;
        text-align: center;
        z-index: -10;
        bottom: 0;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .home-contact-head {
        margin-bottom: 0;
    }

    .home-virtual-inner {
        text-align: center;
    }

    .home-virtual {
        padding: 50px 0;

    }

    .home-device {
        padding: 100px 0 0 0;
        margin-bottom: 90px;
    }

    .home-contact {
        margin-top: 50px;
    }

    .home-bar {
        padding: 80px 0;
    }
}


@media screen and (max-width: 767px) and (min-width: 640px) {
    .header-menu-btn {
        display: block;
    }

    .header-left {
        display: none;
    }

    .header-right {
        display: none;
    }

    .slider-inner {
        height: 600px;
    }

    .slider-right {
        display: none;
    }

    .slider-left {
        border-right: 0;
    }

    .slider {
        background-position: 80%;
    }

    .home-about a {
        margin-bottom: 30px;
        display: block;
    }

    .home-about img {
        margin-bottom: 25px;
    }

    .home-contact-head a::before {
        right: 0;
    }

    .home-service-slider .slick-slide {
        margin: 0 !important;
    }

    .home-service .item {
        padding: 0;
    }

    .home-cat a.more {
        margin-bottom: 35px;
    }

    .home-cat-link .item a {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .home-cat {
        padding: 50px 0;
    }

    .home-cat-link .borders {
        height: 300px;
    }

    .home-bar .play-button {
        text-align: center;
    }

    .home-col-item .content .title {
        font-size: 40px;
    }

    .home-video .slick-slide {
        margin: 0 !important;
    }

    .home-video .slick-center {
        transform: scale(1.0);
    }

    .home-bar-link {
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
        padding-bottom: 0;
    }

    .home-bar-link a {
        margin-bottom: 25px;
    }

    .home-device .slick-slide {
        margin: 0 !important;
    }

    .home-device .slick-center {
        transform: scale(1.0);
    }

    .footer-menu {
        display: none;
    }

    .footer-logo img {
        width: 50%;
        padding: 15px 0;
    }

    .footer-inner {
        padding: 40px 0 0 0;
    }

    .footer-copy .text {
        color: #fff;
        font-size: 13px;
    }

    .footer-copy {
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .footer-copy {
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .header-logo img {
        width: 70%;
    }

    .home-contact-head a::before {
        position: absolute;
        content: "";
        background: url(/lib/images/vector.png);
        width: 250px;
        height: 250px;
        text-align: center;
        z-index: -10;
        bottom: 0;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .home-contact-head {
        margin-bottom: 0;
    }

    .home-virtual-inner {
        text-align: center;
    }

    .home-virtual {
        padding: 50px 0;

    }

    .home-device {
        padding: 100px 0 0 0;
        margin-bottom: 90px;
    }

    .home-contact {
        margin-top: 50px;
    }

    .home-bar {
        padding: 80px 0;
    }
}

@media screen and (max-width: 639px) and (min-width: 0px) {
    .header-menu-btn {
        display: block;
    }

    .header-left {
        display: none;
    }

    .header-right {
        display: none;
    }

    .slider-inner {
        height: 600px;
    }

    .slider-right {
        display: none;
    }

    .slider-left {
        border-right: 0;
    }

    .slider {
        background-position: 44%;
    }

    .home-about a {
        margin-bottom: 30px;
        display: block;
    }

    .home-about img {
        margin-bottom: 25px;
    }

    .home-contact-head a::before {
        right: 0;
    }

    .home-service-slider .slick-slide {
        margin: 0 !important;
    }

    .home-service .item {
        padding: 0;
    }

    .home-cat a.more {
        margin-bottom: 35px;
    }

    .home-cat-link .item a {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .home-cat {
        padding: 50px 0;
    }

    .home-cat-link .borders {
        height: 300px;
    }

    .home-bar .play-button {
        text-align: center;
    }

    .home-col-item .content .title {
        font-size: 40px;
    }

    .home-video .slick-slide {
        margin: 0 !important;
    }

    .home-video .slick-center {
        transform: scale(1.0);
    }

    .home-bar-link {
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
        padding-bottom: 0;
    }

    .home-bar-link a {
        margin-bottom: 25px;
    }

    .home-device .slick-slide {
        margin: 0 !important;
    }

    .home-device .slick-center {
        transform: scale(1.0);
    }

    .footer-menu {
        display: none;
    }

    .footer-logo img {
        width: 50%;
        padding: 15px 0;
    }

    .footer-inner {
        padding: 40px 0 0 0;
    }

    .footer-copy .text {
        color: #fff;
        font-size: 13px;
    }

    .footer-copy {
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .footer-copy {
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .header-logo img {
        width: 70%;
    }

    .home-contact-head a::before {
        position: absolute;
        content: "";
        background: url(../images/vector.png);
        width: 250px;
        height: 250px;
        text-align: center;
        z-index: -10;
        bottom: 0;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .home-contact-head {
        margin-bottom: 0;
    }

    .home-virtual-inner {
        text-align: center;
    }

    .home-virtual {
        padding: 50px 0;

    }

    .home-device {
        padding: 100px 0 0 0;
        margin-bottom: 90px;
    }

    .home-contact {
        margin-top: 50px;
    }

    .home-bar {
        padding: 80px 0;
    }

    .home-contact p {
        font-size: 20px;
        font-family: "Fira Sans", sans-serif;
        color: #fff;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .home-about {
        padding: 70px 0;
        margin-bottom: 75px;
    }

    .home-shorts-title {
        font-size: 27px;
    }

    .home-shorts-head {
        width: initial;
        max-width: 1100px;
    }

    .home-shorts-slider .item img {
        height: 485px;
        object-fit: cover;
    }

    .home-shorts-slider .item .icon {
        height: 45px;
        width: 45px;
    }

    .home-shorts-slider .item .text {
        font-size: 19px;
        margin-left: 0;
    }

    .home-shorts-slider .item .desc {
        font-size: 17px;
    }
}