@media (max-width: 1199px) {
    nav ul.pagination {
        font-size: 13px;
    }

    @media (max-width: 991px) {
        body {
            padding: 0;
        }

        header, footer {
            position: relative;
        }

        .container {
            min-width: 90%;
            max-width: 95%;
        }

        .form-group .col-sm-2.control-label {
            text-align: left;
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }

        .form-group .text-right {
            text-align: left !important;
        }

        .form-group .col-sm-10, form .col-sm-10 {
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }

        footer ul.legal-links a, section.news .col-9 .news-item .col-10 .item-body, section.news .col-3 .news-item .item-title {
            font-size: 14px;
        }

        .no-device{
            display:none;
        }

        @media (max-width: 920px) {
            header .menu ul li a {
                padding: 5px 6px;
            }

            @media (max-width: 899px) {
                section a.btn, section button.btn, section a.badge {
                    font-size: 11px;
                }
                header .container a.btn {
                    font-size: 13px;
                    padding: 5px 10px;
                    display: flex;
                    width: fit-content;
                }

                @media (max-width: 849px) {
                    header .container.menu {
                        padding: 4px 0 0 0;
                    }

                    header .container a.btn {
                        padding: 5px 10px;
                    }

                    header a, footer ul.legal-links a {
                        font-size: 15px;
                    }

                    header a i.fas {
                        font-size: 20px;
                    }

                    section a.btn {
                        font-size: 10px;
                    }

                    header a.btn {

                    }

                    @media (max-width: 767px) {
                        .no-mobile {
                            display: none;
                        }

                        body {
                            padding: 100px 0 180px 0;
                            position: relative;
                            min-height: 100%;
                        }

                        header ul li {
                            display: block;
                        }

                        li.border-white:hover, li.border-white.active {
                            box-shadow: none;
                        }

                        header img {
                            max-height: 60px;
                            float: left;
                            margin: 10px 0 0 20px;
                        }

                        footer {
                            position: absolute;
                            bottom: 0
                        }

                        a:not([href]):not([tabindex]) {
                            color: #ffffff;
                        }

                        a.btn, button.btn, a.badge {
                            font-size: 12px;
                        }

                        .modal, .modal .modal-dialog, .modal .modal-dialog .modal-content {
                            width: 100%;
                            height: 100%;
                            margin: 0;
                        }

                        .modal .modal-dialog .modal-content .modal-body {
                            overflow: hidden;
                            overflow-y: auto;
                        }

                        @media (max-width: 575px) {
                            .no-small-mobile {
                                display: none;
                            }
                        }
                        @media (min-width: 576px) {
                            .no-large-mobile {
                                display: none;
                            }
                        }
                    }
                }
            }

        }
        @media (min-width: 768px) {

            .no-desktop{
                display:none;
            }
            header .menu {
                max-width: none;
                min-width: 758px;
            }

            footer .container {
                min-width: 30%;
                max-width: 70%;
            }
        }
    }

}
@media (min-width: 1200px) {

}
@media (min-width: 992px) {
    .device-only{
        display:none;
    }
}
@media (min-width: 768px) {
    .no-large-mobile{
        display:none;
    }
}