/* XL Device :1200px. */

.nav-menu-underline {
    padding-bottom: 0.2em !important;
    border-bottom: 1px solid white;
}

@media (max-width: 1600px) {
    .owl-nav {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1449px) {
    .hero__content h4 {
        font-size: 2.75rem;
        line-height: 1.5em;
        margin-bottom: 10px;
    }
    .testimonial__slide__blk {
        padding: 3em 0 0;
    }
    .owl-stage-outer {
        padding: 0;
    }
    .start-free-trial-btn {
        width: 100%;
    }
    .mobile__counter {
        display: none !important;
    }
    .single__counter__up__blk h4 {
        font-size: 3.75em;
        line-height: 86px;
    }
    .pricing__btn a {
        font-size: 1rem;
        line-height: 1.125em;
    }
    .main__price h3 {
        font-size: 3.125rem;
        line-height: 1.5em;
        margin-bottom: 10px;
    }
    .pricing__title h3 {
        font-size: 3.125rem;
        line-height: 46px;
        margin-bottom: 45px;
    }
    .single__counter__up__blk h4 i {
        font-size: 40px;
    }
    .service__content>h4 {
        font-size: 38px;
        line-height: 46px;
        margin-top: 12px;
    }
    .features__content h4 {
        font-size: 28px;
        line-height: 1.875em;
    }
    .features__content p {
        font-size: 1.125rem;
        line-height: 1.75em;
    }
    .pricing__title p {
        font-size: 1.125rem;
        line-height: 1.75em;
    }
    .testimonial__slide__blk .owl-nav button {
        display: none;
    }
    .strong__shape img {
        height: 570px;
    }
    .pricing__inner__title h4 {
        font-size: 28px;
        line-height: 1.875em;
        margin-bottom: 10px;
    }
    .featues__area {
        padding-bottom: 100px;
    }
    .footer__content {
        display: block;
    }
    .footer__content div:first-child {
        justify-content: center;
    }
}


/* LG Device :992px. */

@media (min-width: 992px) and (max-width: 1200px) {
    .testimonial__slide__blk {
        padding: 3em 0;
    }
    .owl-stage-outer {
        padding: 0;
    }
    .start-free-trial-btn {
        width: 100%;
    }
    .mobile__counter {
        display: none !important;
    }
    .footer__email {
        width: 90%;
    }
    .single__counter__up__blk h4 {
        font-size: 2.875em;
        line-height: 65px;
    }
    .pricing__btn a {
        font-size: 1rem;
        line-height: 1em;
        height: 45px;
    }
    .main__price h3 {
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 10px;
    }
    .pricing__title h3 {
        font-size: 43px;
        line-height: 42px;
        margin-bottom: 45px;
    }
    .single__counter__up__blk h4 i {
        font-size: 1.875rem;
        margin-left: 7px;
    }
    .service__content>h4 {
        font-size: 38px;
        line-height: 46px;
        margin-top: 12px;
    }
    .features__content h4 {
        font-size: 1.625em;
        line-height: 1.875em;
    }
    .features__content p {
        font-size: 1rem;
        line-height: 1.75em;
    }
    .pricing__title p {
        font-size: 1.125rem;
        line-height: 1.75em;
    }
    .testimonial__slide__blk .owl-nav button {
        display: none;
    }
    .strong__shape img {
        height: 570px;
    }
    .pricing__inner__title h4 {
        font-size: 1.625em;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .featues__area {
        padding-bottom: 80px;
    }
    .main__menu nav ul li a {
        font-size: 1.25rem;
        line-height: 1.125em;
        margin: 0 16px;
    }
    .dashboard__thumb__blk {
        margin-top: -350px;
    }
    .global__btn {
        font-size: 15px;
        line-height: 1em;
        padding: 1em 2em;
    }
    .hero__content h4 {
        font-size: 2.5rem;
        line-height: 1.5em;
        margin-bottom: 10px;
    }
    .single__features__blk {
        padding-top: 40px;
        min-height: 360px;
    }
    .features__ico img {
        height: 33px;
    }
    .features__ico {
        height: 60px;
        width: 60px;
        border-radius: 1em;
    }
    .strong__shape {
        display: none;
    }
    .pricing__blk {
        padding: 25px 15px;
        border-radius: 1.5em;
    }
    .main__price h3 span {
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 41px;
        margin-left: 0.5em;
    }
    .price__list {
        margin-top: 30px;
    }
    .main__price p {
        font-size: 1rem;
        line-height: 1.125em;
    }
    .price__list ul li {
        font-size: 1rem;
        line-height: 1.125em;
        margin-bottom: 15px;
    }
    .single__counter__up__blk p {
        font-size: 1.125rem;
        line-height: 23px;
    }
    .strong__inner__blk {
        text-align: center;
    }
    .strong__content h3 {
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .footer__list ul li a {
        font-size: 1.125rem;
        line-height: 39px;
    }
    .testimonial__area {
        padding: 4.375em;
    }
    .price__list ul li img {
        height: 19px;
    }
    .pricing__inner__title p {
        font-size: 1rem;
        line-height: 1.625em;
    }
    .strong__content h3 {
        font-size: 42px;
        line-height: 50px;
        max-width: 520px;
        margin-bottom: 10px;
    }
    .footer__list ul li a {
        font-size: 1rem;
        line-height: 2.25em;
    }
    .testimonial__area {
        padding: 4.375em 0;
    }
    .strong__area {
        padding-bottom: 30px;
    }
    .footer__content {
        display: block;
    }
    .footer__content div:first-child {
        justify-content: center;
    }
}

/* MD Device :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    .testimonial__slide__blk {
        padding: 2em 0;
    }
    .owl-stage-outer {
        padding: 0;
    }
    .start-free-trial-btn {
        width: 100%;
    }
    .desktop__counter {
        display: none !important;
    }
    .mobile__counter {
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .single__counter__up__blk h4 {
        font-size: 2.875em;
        line-height: 65px;
    }
    .pricing__btn a {
        font-size: 1rem;
        line-height: 1em;
        height: 45px;
    }
    .main__price h3 {
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 10px;
    }
    .pricing__title h3 {
        font-size: 43px;
        line-height: 42px;
        margin-bottom: 45px;
    }
    .single__counter__up__blk h4 i {
        font-size: 1.875rem;
        margin-left: 7px;
    }
    .service__content>h4 {
        font-size: 38px;
        line-height: 46px;
        margin-top: 12px;
    }
    .features__content h4 {
        font-size: 1.625em;
        line-height: 1.875em;
    }
    .features__content p {
        font-size: 1rem;
        line-height: 1.75em;
    }
    .pricing__title p {
        font-size: 1.125rem;
        line-height: 1.75em;
    }
    .testimonial__slide__blk .owl-nav button {
        display: none;
    }
    .strong__shape img {
        height: 570px;
    }
    .pricing__inner__title h4 {
        font-size: 1.625em;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .featues__area {
        padding-bottom: 80px;
    }
    .main__menu nav ul li a {
        font-size: 1.25rem;
        line-height: 1.125em;
        margin: 0;
        display: block;
        padding: 6px 0;
    }
    .dashboard__thumb__blk {
        margin-top: -235px;
    }
    .global__btn {
        font-size: 15px;
        line-height: 1em;
        padding: 1em 2em;
    }
    .hero__content h4 {
        font-size: 2em;
        line-height: 1.5em;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .single__features__blk {
        padding-top: 40px;
        min-height: 360px;
    }
    .features__ico img {
        height: 33px;
    }
    .features__ico {
        height: 60px;
        width: 60px;
        border-radius: 1em;
    }
    .strong__shape {
        display: none;
    }
    .pricing__blk {
        padding: 25px 15px;
        border-radius: 1.5em;
    }
    .main__price h3 span {
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 41px;
        margin-left: 0.5em;
    }
    .price__list {
        margin-top: 30px;
    }
    .main__price p {
        font-size: 1rem;
        line-height: 1.125em;
    }
    .price__list ul li {
        font-size: 1rem;
        line-height: 1.125em;
        margin-bottom: 15px;
    }
    .single__counter__up__blk p {
        font-size: 1.125rem;
        line-height: 23px;
    }
    .strong__inner__blk {
        text-align: center;
    }
    .strong__content h3 {
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .footer__list ul li a {
        font-size: 1.125rem;
        line-height: 39px;
    }
    .testimonial__area {
        padding: 4.375em;
    }
    .price__list ul li img {
        height: 19px;
    }
    .pricing__inner__title p {
        font-size: 1rem;
        line-height: 1.625em;
    }
    .strong__content h3 {
        font-size: 42px;
        line-height: 50px;
        max-width: 520px;
        margin-bottom: 10px;
    }
    .footer__list ul li a {
        font-size: 1rem;
        line-height: 2.25em;
    }
    .testimonial__area {
        padding: 4.375em 0;
    }
    .strong__area {
        padding-bottom: 30px;
    }
    .desk__none {
        display: block;
    }
    .none__phone {
        display: none;
    }
    .main__menu nav ul li {
        display: block;
        padding: 6px 0;
        border-bottom: 1px solid #fff;
    }
    .main__menu nav ul li a:hover {
        color: #ED880E;
        padding-left: 6px;
    }
    .mobile__menu {
        position: fixed;
        left: -100%;
        top: 0;
        height: 100%;
        width: 330px;
        background: #003951;
        padding: 1.25em;
        padding-top: 120px;
        z-index: 999;
        transition: .3s all;
        display: block;
    }
    .header__area {
        padding: 1em 0;
    }
    .open__menu {
        font-size: 22px;
        color: #fff;
        cursor: pointer;
    }
    .close__menu {
        position: absolute;
        line-height: 1;
        top: 20px;
        left: 20px;
        color: #fff;
        font-size: 27px;
        cursor: pointer;
    }
    .overlay {
        position: fixed;
        left: -100%;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 666;
        background: #0000005c;
        transition: .5s all;
    }
    .mobile__menu.active {
        left: 0;
    }
    .overlay.active {
        left: 0;
    }
    .hero__content {
        margin-top: 10em;
    }
    .hero__area {
        min-height: 800px;
    }
    .brand__top__content p {
        font-size: 1.25rem;
        line-height: 24px;
    }
    .brand__single__slide {
        height: 125px;
        padding: 1em;
    }
    .brand__single__slide img {
        max-height: 100%;
    }
    .peco__interijeri__logo {
        width: 8em;
    }
    .stas__logo {
        width: 8em;
    }
    .single__service__blk {
        margin-top: 40px;
    }
    .service__thumb {
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .service__area {
        padding: 0;
    }
    .pricing__area {
        padding: 60px 0;
        padding-top: 0;
    }
    .footer__content {
        display: block;
    }
    .footer__content div:first-child {
        justify-content: center;
    }
    .mobile-applications {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 1399px) {
    .w-lightbox {
        pointer-events: none;
    }
}


/* SM Small Device :320px. */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .testimonial__slide__blk {
        padding: 1em 0;
    }
    .owl-stage-outer {
        padding: 0;
    }
    .start-free-trial-btn {
        width: 70%;
    }
    .desktop__counter {
        display: none !important;
    }
    .mobile__counter {
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .footer__widget {
        margin-top: 2em;
    }
    .footer__email {
        width: 100%;
    }
    .single__counter__up__blk h4 {
        font-size: 2.875em;
        line-height: 65px;
    }
    .pricing__btn a {
        font-size: 1rem;
        line-height: 1em;
        height: 45px;
    }
    .main__price h3 {
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 10px;
    }
    .pricing__title h3 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 0.5em;
        margin-top: 0;
    }
    .single__counter__up__blk h4 i {
        font-size: 1.875rem;
        margin-left: 7px;
    }
    .service__content>h4 {
        font-size: 28px;
        line-height: 39px;
        margin-top: 12px;
    }
    .features__content h4 {
        font-size: 1.625em;
        line-height: 1.875em;
    }
    .features__content p {
        font-size: 1rem;
        line-height: 1.75em;
    }
    .pricing__title p {
        font-size: 1.125rem;
        line-height: 1.75em;
    }
    .testimonial__slide__blk .owl-nav button {
        display: none;
    }
    .strong__shape img {
        height: 570px;
    }
    .pricing__inner__title h4 {
        font-size: 1.625em;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .featues__area {
        padding-bottom: 4em;
    }
    .main__menu nav ul li a {
        font-size: 1.25rem;
        line-height: 1.125em;
        margin: 0;
        display: block;
        padding: 6px 0;
    }
    .dashboard__thumb__blk {
        margin-top: 25px;
    }
    .global__btn {
        font-size: 15px;
        line-height: 1em;
        padding: 1em 2em;
    }
    .hero__content h4 {
        font-size: 2rem;
        line-height: 1.5em;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .single__features__blk {
        padding-top: 40px;
        min-height: 360px;
    }
    .features__ico img {
        height: 33px;
    }
    .features__ico {
        height: 60px;
        width: 60px;
        border-radius: 1em;
    }
    .strong__shape {
        display: none;
    }
    .pricing__blk {
        padding: 25px 15px;
        border-radius: 1.5em;
    }
    .main__price h3 span {
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 41px;
        margin-left: 0.5em;
    }
    .price__list {
        margin-top: 30px;
    }
    .main__price p {
        font-size: 1rem;
        line-height: 1.125em;
    }
    .price__list ul li {
        font-size: 1rem;
        line-height: 1.125em;
        margin-bottom: 15px;
    }
    .single__counter__up__blk p {
        font-size: 1.125rem;
        line-height: 23px;
    }
    .strong__inner__blk {
        text-align: center;
        padding: 45px 30px;
    }
    .strong__content h3 {
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .footer__list ul li a {
        font-size: 1.125rem;
        line-height: 39px;
    }
    .testimonial__area {
        padding: 4.375em;
    }
    .price__list ul li img {
        height: 19px;
    }
    .pricing__inner__title p {
        font-size: 1rem;
        line-height: 1.625em;
    }
    .strong__content h3 {
        font-size: 36px;
        line-height: 45px;
        max-width: 520px;
        margin-bottom: 10px;
    }
    .footer__list ul li a {
        font-size: 1rem;
        line-height: 2.25em;
    }
    .testimonial__area {
        padding: 2em 0;
    }
    .strong__area {
        padding-bottom: 30px;
    }
    .desk__none {
        display: block;
    }
    .none__phone {
        display: none;
    }
    .main__menu nav ul li {
        display: block;
        padding: 6px 0;
        border-bottom: 1px solid #fff;
    }
    .main__menu nav ul li a:hover {
        color: #ED880E;
        padding-left: 6px;
    }
    .mobile__menu {
        position: fixed;
        left: -100%;
        top: 0;
        height: 100%;
        width: 330px;
        background: #003951;
        padding: 1.25em;
        padding-top: 120px;
        z-index: 999;
        transition: .3s all;
        display: block;
    }
    .header__area {
        padding: 1em 0;
    }
    .open__menu {
        font-size: 22px;
        color: #fff;
        cursor: pointer;
    }
    .close__menu {
        position: absolute;
        line-height: 1;
        top: 20px;
        left: 20px;
        color: #fff;
        font-size: 27px;
        cursor: pointer;
    }
    .overlay {
        position: fixed;
        left: -100%;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 666;
        background: #0000005c;
        transition: .5s all;
    }
    .mobile__menu.active {
        left: 0;
    }
    .overlay.active {
        left: 0;
    }
    .hero__content {
        margin-top: 10em;
    }
    .hero__area {
        min-height: 9.375em;
        padding-bottom: 3em;
    }
    .brand__top__content p {
        font-size: 1.125rem;
        line-height: 1.625em;
    }
    .brand__single__slide {
        height: 125px;
        padding: 1em;
    }
    .brand__single__slide img {
        max-height: 100%;
    }
    .peco__interijeri__logo {
        max-width: 100%;
        width: 8em;
    }
    .stas__logo {
        max-width: 100%;
        width: 8em;
    }
    .single__service__blk {
        margin-top: 40px;
    }
    .service__thumb {
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .service__area {
        padding: 0;
    }
    .pricing__area {
        padding: 60px 0;
        padding-top: 0;
    }
    .hero__btn {
        display: flex;
        flex-direction: column;
        max-width: 350px;
        margin: 0 auto;
        margin-top: 23px;
    }
    .hero__btn a {
        justify-content: center;
        max-height: 3em;
        margin: 0;
        margin-top: 20px;
    }
    .service__top__ico {
        height: 50px;
        width: 50px;
        border-radius: 10px;
    }
    .service__content>p {
        font-size: 1rem;
        line-height: 1.625em;
    }
    .service__top__ico img {
        height: 23px;
    }
    .footer__content {
        display: block;
    }
    .footer__content div:first-child {
        width: 100%;
        justify-content: center;
        margin-bottom: 1em;
    }
    .footer__content p {
        font-size: 1rem;
        line-height: 1.625em;
    }
    .pricing__title span {
        font-size: 1rem;
        line-height: 20px;
    }
    .mobile-applications {
        display: flex;
        justify-content: center;
    }
}