/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/

@media screen and (min-width: 1601px) {
    /* PC 1400+  */
    .menuAc {
        display: none !important;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1367px) {
    .menuAc {
        display: none !important;
    }
    .site-header .main .left {
        max-width: 40%;
        min-width: 40%;
    }
    .site-header .main .right {
        max-width: 60%;
        min-width: 60%;
    }
    main #other .video .text {
        padding-left: 120px;
    }
    footer .top .left {
        max-width: 30%;
        min-width: 30%;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1199px) {
    .menuAc {
        display: none !important;
    }
    .site-header .main .left {
        max-width: 40%;
        min-width: 40%;
    }
    .site-header .main .right {
        max-width: 60%;
        min-width: 60%;
        padding: 15px;
    }
    .site-header .main .right .contact {
        display: none;
    }
    main #other .video .text {
        padding-left: 120px;
    }
    footer .top .left {
        max-width: 30%;
        min-width: 30%;
    }
}

@media screen and (max-width: 1198px) and (min-width: 992px) {
    /* IPAD PRO */
    .menuAc {
        z-index: 999;
        right: 45px;
    }
    .menuAc,
    .mContact {
        display: block !important;
    }
    .site-header .main .left {
        max-width: 90%;
        min-width: 90%;
    }
    .site-header .main .right {
        max-width: 10%;
        min-width: 10%;
    }
    .site-header nav.menu,
    .site-header .main .contact,
    .site-header .main .social-media {
        display: none !important;
    }
    main #other .bars .bar .desc .title {
        font-size: 30px;
    }
    footer {
        margin-bottom: 45px;
    }
    footer .top .left,
    footer .top .right {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    footer .top .right:before {
        display: none;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    /* TABLET 768+ ~ 960 */
    .menuAc {
        z-index: 999;
        right: 45px;
    }
    .menuAc,
    .mContact {
        display: block !important;
    }
    .site-header .main .left {
        max-width: 90%;
        min-width: 90%;
    }
    .site-header .main .right {
        max-width: 10%;
        min-width: 10%;
    }
    .site-header nav.menu,
    .site-header .main .contact,
    .site-header .main .social-media {
        display: none !important;
    }
    main #other .bars .bar .desc .title {
        font-size: 30px;
    }
    main #other .video .text {
        right: -40%;
        padding-left: 10px;
    }
    main #other .video {
        margin-top: 40px;
    }
    footer .top .right .contact {
        display: block !important;
    }
    footer .top .right .contact .col {
        max-width: 100%;
        min-width: 100%;
        padding: 15px 0;
    }
    footer {
        margin-bottom: 45px;
    }
    footer .top .left,
    footer .top .right {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    footer .top .right:before {
        display: none;
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    /* TABLET 640+ ~ 768 */
    .menuAc {
        z-index: 999;
        right: 25px;
    }
    .menuAc,
    .mContact {
        display: block !important;
    }
    .site-header .main .left {
        max-width: 90%;
        min-width: 90%;
    }
    .site-header .main .right {
        max-width: 10%;
        min-width: 10%;
    }
    .site-header nav.menu,
    .site-header .main .contact,
    .site-header .main .social-media {
        display: none !important;
    }
    main #other .bars .bar .desc .title {
        font-size: 30px;
    }
    main #other .video .text {
        right: -40%;
        padding-left: 10px;
    }
    main #other .video {
        margin-top: 40px;
    }
    footer .top .right .contact {
        display: block !important;
    }
    footer .top .right .contact .col {
        max-width: 100%;
        min-width: 100%;
        padding: 15px 0;
    }
    footer {
        margin-bottom: 45px;
    }
    footer .top .left,
    footer .top .right {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    footer .top .right:before {
        display: none;
    }
    footer .main .column {
        padding: 15px 0 !important;
        border-right: none !important;
        border-bottom: 1px solid #333;
    }
}

@media screen and (max-width: 639px) and (min-width: 480px) {
    /* MOBILE 480+ ~ 640 */
    p {
        font-size: 12px;
    }
    .menuAc {
        z-index: 999;
        right: 10px;
    }
    .menuAc,
    .mContact {
        display: block !important;
    }
    .site-header .main .left {
        max-width: 90%;
        min-width: 90%;
    }
    .site-header .main .right {
        max-width: 10%;
        min-width: 10%;
    }
    .site-header nav.menu,
    .site-header .main .contact,
    .site-header .main .social-media {
        display: none !important;
    }
    .site-header .main .left .logo {
        width: 150px;
    }
    .site-header .bottom {
        margin-bottom: 0;
    }
    main #home-bar,
    main #services {
        margin: 25px 0;
    }
    main .main-title.v2 {
        margin-bottom: 20px;
    }
    main .main-title {
        font-size: 35px;
        line-height: 35px;
    }
    main .main-title span {
        font-size: 10px;
    }
    main #home-bar .form .title {
        font-size: 30px;
    }
    main #home-bar .bars .bar {
        padding: 15px;
    }
    main #home-bar .bars .bar .title {
        font-size: 20px;
    }
    main #home-bar .bars .bar p {
        font-size: 12px;
    }
    main .main-title.v2 p {
        font-size: 10px;
    }
    main #services .service .desc .title {
        font-size: 16px;
    }
    main #services .service .desc .title span {
        font-size: 9px;
    }
    main #services .service .desc {
        padding: 15px;
    }
    main #services .service .desc p {
        font-size: 12px;
    }
    main #other .bars .bar .desc .title {
        font-size: 20px;
    }
    main #other .bars .bar .desc p {
        font-size: 12px;
    }
    main #other .video .text {
        display: none;
    }
    main #other .video {
        margin-top: 0;
        padding: 0;
    }
    main #services .more a {
        font-size: 25px;
    }
    main #other .bars .bar {
        padding: 15px;
    }
    main #other .bars .bar .icon {
        width: 90px;
    }
    footer .top .right .contact {
        display: block !important;
    }
    footer .top .right .contact .col {
        max-width: 100%;
        min-width: 100%;
        padding: 15px 0;
    }
    footer {
        margin-bottom: 45px;
        font-size: 12px;
    }
    footer .main {
        padding: 25px 15px;
    }
    footer .top .left,
    footer .top .right {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    footer .top .left .logo {
        width: 190px;
    }
    footer .top .right:before {
        display: none;
    }
    footer .top .right .contact .col .desc {
        font-size: 12px;
        line-height: 15px;
    }
    footer .top .right .contact .col .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        min-width: 40px;
    }
    footer .main .column {
        padding: 15px !important;
        border-right: none !important;
        border-bottom: 1px solid #333;
    }
    footer .copyright {
        padding: 15px;
    }
}

@media screen and (max-width: 479px) and (min-width: 320px) {
    /* MOBILE 320+ ~ 480 */
    p {
        font-size: 12px;
    }
    .menuAc {
        z-index: 999;
        right: 10px;
    }
    .menuAc,
    .mContact {
        display: block !important;
    }
    .site-header .main .left {
        max-width: 90%;
        min-width: 90%;
    }
    .site-header .main .right {
        max-width: 10%;
        min-width: 10%;
    }
    .site-header nav.menu,
    .site-header .main .contact,
    .site-header .main .social-media {
        display: none !important;
    }
    .site-header .main .left .logo {
        width: 150px;
    }
    .site-header .bottom {
        margin-bottom: 0;
    }
    main #home-bar,
    main #services {
        margin: 25px 0;
    }
    main .main-title.v2 {
        margin-bottom: 20px;
    }
    main .main-title {
        font-size: 35px;
        line-height: 35px;
    }
    main .main-title span {
        font-size: 10px;
    }
    main #home-bar .form .title {
        font-size: 30px;
    }
    main #home-bar .bars .bar {
        padding: 15px;
    }
    main #home-bar .bars .bar .title {
        font-size: 20px;
    }
    main #home-bar .bars .bar p {
        font-size: 12px;
    }
    main .main-title.v2 p {
        font-size: 10px;
    }
    main #services .service .desc .title {
        font-size: 16px;
    }
    main #services .service .desc .title span {
        font-size: 9px;
    }
    main #services .service .desc {
        padding: 15px;
    }
    main #services .service .desc p {
        font-size: 12px;
    }
    main #other .bars .bar .desc .title {
        font-size: 20px;
    }
    main #other .bars .bar .desc p {
        font-size: 12px;
    }
    main #other .video .text {
        display: none;
    }
    main #other .video {
        margin-top: 0;
        padding: 0;
    }
    main #services .more a {
        font-size: 25px;
    }
    main #other .bars .bar {
        padding: 15px;
    }
    main #other .bars .bar .icon {
        width: 90px;
    }
    footer .top .right .contact {
        display: block !important;
    }
    footer .top .right .contact .col {
        max-width: 100%;
        min-width: 100%;
        padding: 15px 0;
    }
    footer {
        margin-bottom: 45px;
        font-size: 12px;
    }
    footer .main {
        padding: 25px 15px;
    }
    footer .top .left,
    footer .top .right {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    footer .top .left .logo {
        width: 190px;
    }
    footer .top .right:before {
        display: none;
    }
    footer .top .right .contact .col .desc {
        font-size: 12px;
        line-height: 15px;
    }
    footer .top .right .contact .col .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        min-width: 40px;
    }
    footer .main .column {
        padding: 15px !important;
        border-right: none !important;
        border-bottom: 1px solid #333;
    }
    footer .copyright {
        padding: 15px;
    }
}