@media (min-width: 319.98px) {

    .lg-margin-bottom {
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .product-headline-lg {
        font-size: 1.5rem;
    }

    .product-desc-headline-lg {
        font-size: 0.9rem;
    }

    .application-features-title {
        font-size: 2.2rem;
    }

    .product-list-title {
        font-size: 1.4rem;
    }

    .product-list-subtitle {
        font-size: 1.2rem;
    }

    .product-list-btn {
        font-size: 0.85rem;
    }

    .product-list-desc {
        font-size: 0.9rem;
    }


    .custom-bread-crumb {
        margin-top: 10px;

    }

    .feature-text-title {
        font-size: 0.8rem;
    }

    .feature-text-desc {
        font-size: 0.75rem;
    }


    .item-features-btn {
        font-size: 0.9rem;
    }

    .categories-titles {
        font-size: 0.9rem;
    }

    #news {
        margin-top: 0px;
    }

    .main-title-index {
        background: rgba(255, 255, 255, 0);
        border-style: hidden;
    }

    #news img {

        -webkit-box-shadow: 1px 1px 5px 0px rgba(68, 178, 178, 0);
        -moz-box-shadow: 1px 1px 5px 0px rgba(68, 178, 178, 0);
        box-shadow: 1px 1px 5px 0px rgba(68, 178, 178, 0);
    }

    .news-banner-container .row {
        background-color: rgba(248, 248, 248, 0.0);
    }

    .trade-mark-footer {
        font-size: 10px;
    }

    .main-title-index-title {
        font-size: 1.5rem !important;
    }

    .card-subtitle {
        font-size: 1rem;
    }

    .news-card-text {
        font-size: 0.9rem;
    }


    .home-more-text {
        margin-top: 2rem;
        font-size: 0.8rem;
    }

    .item-features-title {
        font-size: 1.6rem;
    }

    .item-features-sub-title {
        font-size: 0.9rem;
    }

    .item-features-marketing {
        font-size: 0.6rem;
        margin-top: 0.1rem;
    }



}

@media (min-width: 575.98px) {
    .lg-margin-bottom {
        margin-top: 2.5rem;
        margin-bottom: 3rem;
    }

    .product-headline-lg {
        font-size: 2rem;
    }

    .product-desc-headline-lg {
        font-size: 0.9rem;
    }

    .application-features-title {
        font-size: 2.8rem;
    }

    .product-list-title {
        font-size: 1.4rem;
    }

    .product-list-subtitle {
        font-size: 1.1rem;
    }

    .product-list-btn {
        font-size: 1rem;
    }

    .product-list-desc {
        font-size: 0.75rem;
    }

    .feature-text-title {
        font-size: 0.85rem;
    }

    .feature-text-desc {
        font-size: 0.8rem;
    }


    .item-features-btn {
        font-size: 1rem;
    }

    .categories-titles {
        font-size: 1.1rem;
    }


    .trade-mark-footer {
        font-size: 10px;
    }

    #news {
        margin-top: 30px;
    }

    .main-title-index-title {
        font-size: 1.7rem !important;
    }

    .card-subtitle {
        font-size: 1.2rem;
    }

    .news-card-text {
        font-size: 1rem;
    }

    .home-more-text {
        margin-top: 2rem;
        font-size: 0.9rem;
    }

    .item-features-title {
        font-size: 1.6rem;
    }

    .item-features-sub-title {
        font-size: 1.2rem;
    }

    .item-features-marketing {
        font-size: 0.8rem;
        margin-top: 0.8rem;
    }

}


@media (min-width: 767.98px) {
    .lg-margin-bottom {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .product-headline-lg {
        font-size: 2.4rem;
    }

    .product-desc-headline-lg {
        font-size: 1rem;
    }

    .application-features-title {
        font-size: 3.2rem;
    }

    .custom-bread-crumb {
        margin-top: 150px;

    }

    .product-list-title {
        font-size: 2rem;
    }

    .product-list-subtitle {
        font-size: 1.2rem;
    }

    .product-list-btn {
        font-size: 1rem;
    }

    .product-list-desc {
        font-size: 0.8rem;
    }



    .feature-text-title {
        font-size: 0.9rem;
    }

    .feature-text-desc {
        font-size: 0.85rem;
    }



    .item-features-btn {
        font-size: 1.3rem;
    }

    .categories-titles {
        font-size: 1.5rem;
    }

    .product-banner-section-container {
        height: 45vh;
    }

    #news {
        margin-top: 160px;
    }

    .news-banner-container .row {
        background-color: rgba(248, 248, 248, 0.05);
    }

    .main-title-index {
        background: rgba(255, 255, 255, 0.0);
    }

    #news img {

        /*
    -webkit-box-shadow: 1px 1px 5px 0px rgba(68, 178, 178, 1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(68, 178, 178, 1);
    box-shadow: 1px 1px 5px 0px rgba(68, 178, 178, 1);
*/
    }

    .trade-mark-footer {
        font-size: 1.5px !important;
    }

    .main-title-index-title {
        font-size: 2rem !important;
    }

    .card-subtitle {
        font-size: 1.4rem;
    }

    .news-card-text {
        font-size: 1.1rem;
    }

    .home-more-text {
        margin-top: 2.5rem;
        font-size: 0.95rem;
    }


    .item-features-title {
        font-size: 2.3rem;
    }

    .item-features-sub-title {
        font-size: 1.1rem;
    }

    .item-features-marketing {
        font-size: 0.7rem;
        margin-top: 1rem;
    }

    .navs {
        width: auto;
        height: 80px;

    }


    .nav__content {
        width: 100px;
        height: 100%;
    }


    .nav__cb:checked ~ .nav__content {
        width: 500px;
    }

    .nav__items {
        width: 500px;
        height: 100%;
        padding-left: 20px;
        padding-right: 30px;

    }

    .nav__item {
        width: 55px;
        font-size: 9px;
        line-height: 80px;

    }

    .nav__img__item,
    .nav__img__item img {
        width: 80px;
        height: 80px;
        object-position: center;
    }


    .nav__btn {
        width: 100px;
        height: 80px;
        padding: 30px 32.5px;

    }

    .nav__btn:before,
    .nav__btn:after {
        content: "";
        display: block;
        width: 28px;
        height: 4px;
        border-radius: 2px;

    }


}


@media (min-width: 991.98px) {
    .lg-margin-bottom {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .product-headline-lg {
        font-size: 3rem;
    }

    .product-desc-headline-lg {
        font-size: 1.1rem;
    }

    .application-features-title {
        font-size: 3.8rem;
    }


    .product-list-title {
        font-size: 2.7rem;
    }

    .product-list-subtitle {
        font-size: 1.5rem;
    }

    .product-list-btn {
        font-size: 1.2rem;
    }

    .product-list-desc {
        font-size: 1rem;
    }



    .feature-text-title {
        font-size: 1rem;
    }

    .feature-text-desc {
        font-size: 0.9rem;
    }

    .product-banner-section-container {
        height: 55vh;
    }


    .trade-mark-footer {
        font-size: 11.8px !important;
    }

    .main-title-index-title {
        font-size: 1.5rem !important;
    }

    .card-subtitle {
        font-size: 1.4rem;
    }

    .news-card-text {
        font-size: 1rem;
    }


    .home-more-text {
        margin-top: 2.8rem;
        font-size: 1.05rem;
    }



    .item-features-title {
        font-size: 2.8rem;
    }

    .item-features-sub-title {
        font-size: 1.8rem;
    }

    .item-features-marketing {
        font-size: 0.9rem;
        margin-top: 1.2rem;
    }



    .navs {
        width: auto;
        height: 80px;

    }


    .nav__content {
        width: 100px;
        height: 100%;
    }


    .nav__cb:checked ~ .nav__content {
        width: 600px;
    }

    .nav__items {
        width: 600px;
        height: 100%;
        padding-left: 20px;
        padding-right: 30px;

    }

    .nav__item {
        width: 70px;
        font-size: 12px;
        line-height: 80px;

    }

    .nav__img__item,
    .nav__img__item img {
        width: 90px;
        height: 80px;
        object-position: center;
    }


    .nav__btn {
        width: 100px;
        height: 80px;
        padding: 30px 32.5px;

    }

    .nav__btn:before,
    .nav__btn:after {
        content: "";
        display: block;
        width: 30px;
        height: 4px;
        border-radius: 2px;

    }


}


@media (min-width: 1199.98px) {
    .lg-margin-bottom {
        margin-top: 7rem;
        margin-bottom: 5rem;
    }

    .product-headline-lg {
        font-size: 3.3rem;
    }

    .product-desc-headline-lg {
        font-size: 1.2rem;
    }

    .application-features-title {
        font-size: 4rem;
    }


    .product-list-title {
        font-size: 3rem;
    }

    .product-list-subtitle {
        font-size: 1.8rem;
    }

    .product-list-btn {
        font-size: 1.3rem;
    }

    .product-list-desc {
        font-size: 1rem;
    }


    .feature-text-title {
        font-size: 1.2rem;
    }

    .feature-text-desc {
        font-size: 1.1rem;
    }

    .product-banner-section-container {
        height: 60vh;
    }

    .trade-mark-footer {
        font-size: 12.5px !important;
    }

    .main-title-index-title {
        font-size: 1.8rem !important;
    }

    .card-subtitle {
        font-size: 1.6rem;
    }

    .news-card-text {
        font-size: 1.2rem;
    }

    .home-more-text {
        margin-top: 3.2rem;
        font-size: 1.15rem;
    }


    .item-features-title {
        font-size: 3.6rem;
    }

    .item-features-sub-title {
        font-size: 2rem;
    }

    .item-features-marketing {
        font-size: 1.1rem;
        margin-top: 1.7rem;
    }



    .navs {
        width: auto;
        height: 80px;

    }


    .nav__content {
        width: 100px;
        height: 100%;
    }


    .nav__cb:checked ~ .nav__content {
        width: 900px;
    }

    .nav__items {
        width: 900px;
        height: 100%;
        padding-left: 20px;
        padding-right: 30px;

    }

    .nav__item {
        width: 90px;
        font-size: 14px;
        line-height: 80px;

    }

    .nav__img__item,
    .nav__img__item img {
        width: 100px;
        height: 80px;
        object-position: center;
    }


    .nav__btn {
        width: 100px;
        height: 80px;
        padding: 30px 32.5px;

    }

    .nav__btn:before,
    .nav__btn:after {
        content: "";
        display: block;
        width: 34px;
        height: 4px;
        border-radius: 2px;

    }

}


@media (min-width: 1399.98px) {
    .lg-margin-bottom {
        margin-top: 7rem;
        margin-bottom: 5rem;
    }

    .product-headline-lg {
        font-size: 3.5rem;
    }

    .product-desc-headline-lg {
        font-size: 1.3rem;
    }

    .application-features-title {
        font-size: 4.2rem;
    }


    .product-list-title {
        font-size: 3.2rem;
    }

    .product-list-subtitle {
        font-size: 2rem;
    }

    .product-list-btn {
        font-size: 1.5rem;
    }

    .product-list-desc {
        font-size: 1.2rem;
    }


    .feature-text-title {
        font-size: 1.2rem;
    }

    .feature-text-desc {
        font-size: 1.1rem;
    }

    .product-banner-section-container {
        height: 65vh;
    }

    .trade-mark-footer {
        font-size: 13px !important;
    }

    .main-title-index-title {
        font-size: 2.8rem !important;
    }

    .card-subtitle {
        font-size: 2rem;
    }

    .news-card-text {
        font-size: 1.3rem;
    }


    .home-more-text {
        margin-top: 3.5rem;
        font-size: 1.25rem;
    }

    .item-features-title {
        font-size: 4rem;
    }

    .item-features-sub-title {
        font-size: 2.2rem;
    }

    .item-features-marketing {
        font-size: 1.2rem;
        margin-top: 2rem;
    }


    .navs {
        width: auto;
        height: 80px;

    }

    .nav__content {
        width: 100px;
        height: 100%;
    }


    .nav__cb:checked ~ .nav__content {
        width: 1000px;
    }

    .nav__items {
        width: 1000px;
        height: 100%;
        padding-left: 20px;
        padding-right: 30px;

    }

    .nav__item {
        width: 100px;
        font-size: 15px;
        line-height: 80px;

    }

    .nav__img__item,
    .nav__img__item img {
        width: 110px;
        height: 80px;
        object-position: center;
    }


    .nav__btn {
        width: 100px;
        height: 80px;
        padding: 30px 32.5px;

    }

    .nav__btn:before,
    .nav__btn:after {
        content: "";
        display: block;
        width: 38px;
        height: 4px;
        border-radius: 2px;

    }

}