@media screen and (max-width: 1259px) {

    .center {
        width: 940px;
    }


    .references .col-md-4 {
        width: 33.33333333%;
    }

    .social-media a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
}



@media screen and (max-width: 991px) {

    .banner .overlay {
        background: rgba(16,56,82,.4);
    }

    .section {
        padding: 60px 0px;
    }

    .center,
    .section-md .center,
    .section-sm .center,
    .section-xs .center,
    .section-tab-group .center {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .section-header {
        padding-bottom: 15px;
    }

    
        .section .col {
        margin-bottom: 30px;
    }

    .section .article h3 {
        font-size: 24px;
    }

    .sub-menu {
        margin: 0px 0px 20px 0px;
    }

        .sub-menu.list-group {
            border-radius: 3px;
        }

        .sub-menu .list-group-item {
            display: none;
        }

        .sub-menu.list-group.open .list-group-item {
            display: block;
        }

            .sub-menu.list-group.open .list-group-item.active {
                color: #fff;
                background: #298ccd;
                border-radius: 0px;
            }

                .sub-menu.list-group.open .list-group-item.active:first-child {
                    border-radius: 4px 4px 0px 0px;
                }

                .sub-menu.list-group.open .list-group-item.active .fa {
                    display: none;
                }

        .sub-menu .list-group-item.active, .sub-menu .list-group-item.active:hover {
            display: block;
            background: inherit;
            color: inherit;
            border-radius: 4px;
            border-color: #ddd;
        }


            .sub-menu .list-group-item.active .fa-angle-right {
                opacity: 1;
            }

                .sub-menu .list-group-item.active .fa-angle-right:before, .sub-menu .list-group-item.active .fa-angle-down:before {
                    opacity: 1;
                    content: "\f0d7";
                }

    .content {
        padding: 30px 0px;
    }


    .check-list p {
        font-size: 14px;
    }

    .page-search .table {
        font-size: 11px;
    }

    .stats {
        width: 100%;
    }

    .references .col-md-4 {
        width: 50%;
        float: left;
    }

    .panel-heading p {
        font-size: 14px;
    }


    .panel-number h4 {
        font-size: 40px;
    }

    .blob {
        display: none;
    }

    .modal-body-xl {
        padding: 40px;
    }

    .modal .close-fixed {
        top: 0px;
        right: 0px;
    }

    .section-dark .graph {
    }

    .partners a {
        margin-bottom: 30px;
    }

    .hand-app {
        margin-top: 50px;
        width: 100%;
        right: 0px;
    }


    #contact-info .col-sm-3 {
        width: 50%;
    }

    .icon-jumbo {
        font-size: 100px;
    }


    .addon-top .price {
        font-size: 18px;
    }
}

@media screen and (max-width: 840px) {

    #contact-info p {
        min-height: unset;
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 767px) {

    body {
        font-size: 16px;
    }

    header {
        padding-top:30px;
    }

    header h1 {
        font-size: 30px;
    }


    .section.counters {
        padding: 30px 0px;
    }

        .section.counters h3 {
            font-size: 45px;
            margin-top:20px;
        }

    .section-header p {
        font-size: 16px;
    }

    .list-group-lg .panel-body {
        font-size: 16px;
    }


    .btn-dropdown {
        display: block;
        width: 100%;
    }

    .section .article .thumbnail {
        margin-bottom: 15px;
        border-radius: 5px;
    }

    .hide-in-mobile, .only-desktop {
        display: none !important;
    }

    .header-alert .btn {
        display: block;
        margin-top: 10px;
    }


    .contact [class^=col-sm] {
        margin-bottom: 40px;
    }

    #contact-info .col-sm-3 {
        width: 100%;
    }

    #contact-info .box {
        margin-bottom: 30px;
    }

        #contact-info .box.box-last {
            margin-bottom: 0;
        }


    .section {
        padding: 45px 0px;
    }

    .section-slim {
        padding: 40px 0px;
    }

    .section-xslim,
    .section-alternate {
        padding: 25px 0px;
    }

 

    .list-group-clean .list-group-item.list-group-item-sub {
        font-size: 11px;
        padding-left: 10px;
    }



    .col-set, .col-set li {
        display: block;
        padding-bottom: 20px;
    }

    .section h1, .section h2 {
        font-size: 28px;
        letter-spacing: -0.6px;
    }

        .section h1 small, .section h2 small {
            letter-spacing: 0px;
        }


    .icon-heading h3 {
        font-size: 22px;
    }

        .icon-heading h3 i[class^="fa-"] {
            font-size: 32px;
        }


    .addon img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .addon-image {
        width: 100%;
        height: auto;
    }


    .lok-video-player {
        height: 250px;
    }

    .stats {
        border: none;
        padding: 0px;
        box-shadow: none;
        border-radius: 0px;
    }

    .owl-carousel-nav {
        width: 100%;
    }

    .owl-theme .owl-controls .owl-buttons div {
        display: none;
    }

    .references .col-md-4 {
        width: 50%;
        float: left;
    }

    .panel-adjust .panel-heading {
        padding: 5px 10px;
        font-size: 12px;
    }


    .d-hidden {
        display: block;
    }

    .m-hidden {
        display: none;
    }


    .footer {
        text-align: center;
    }

        .footer [class^="col-"] {
            margin-bottom: 40px;
        }

    .panel-lg {
        padding: 30px;
    }

    .dropdown-menu-lg {
        width: 100%;
    }



    .check-list p {
        white-space: normal;
    }

    .signup .lead {
        font-size: 16px;
    }

}



@media screen and (max-width: 540px) {

    .col-xs-1 {
        padding-right: 5px;
        padding-left: 5px
    }


    .section .article h3 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    #benefits .btn-tab-group .btn {
        font-size: 14px;
        line-height: 40px;
        padding: 0 20px;
    }

    .footer-footer img {
        width: 60%;
    }

    .section-dark .graph {
        padding: 15px;
    }

    .blog-posts li a {
        padding: 10px;
        font-size: 14px;
    }

        .blog-posts li a .date {
            width: 45px;
        }

    .check-list-subtitle {
        text-align: center;
    }

        .check-list-subtitle li {
            padding: 0px;
        }

            .check-list-subtitle li:before {
                position: static;
            }

        .check-list-subtitle h4 {
            margin-bottom: 8px;
        }

        .check-list-subtitle p {
            margin-bottom: 20px;
        }

    .content {
        padding: 20px 0px;
        min-height: inherit;
    }

        .content h1 {
            font-size: 24px;
        }

    .video-player {
        height: 250px;
        width: 100%;
    }

    .data-list {
        font-size: 12px;
    }

    .data-list-sm {
        font-size: 11px;
    }

    .data-list h4 {
        font-size: 12px;
    }

    .funcImg {
        width: 20px;
        height: 20px;
    }

    .showFunctionInfo {
        cursor: default;
    }

    #functionInfo {
        display: none !important;
    }

    .page-search .table img {
        display: none;
    }

    .page-search .table tr th:nth-child(2),
    .page-search .table tr td:nth-child(2),
    .page-search .table tr th:nth-child(3),
    .page-search .table tr td:nth-child(3) {
        display: none;
    }

    .page-search .alert .counter {
        display: none;
    }

    .owl-carousel .item .item-text {
        font-size: 12px;
    }

    .logo-title {
        font-size: 16px;
    }

    .hero-default {
        padding: 20px 0px 40px 0px;
    }

    .list-group-lg .list-group-item {
        font-size: 17px;
        padding: 20px 15px;
    }

        .list-group-lg .list-group-item .angle {
            display: none;
        }


    .section.counters h3 {
        font-size: 40px;
    }


    .section.counters .panel p {
        margin-bottom: 0px;
    }

    .panel-lg {
        padding: 25px 20px;
    }

    h2.modal-title {
        font-size: 22px;
    }

    .modal-body-xl {
        padding: 30px 20px;
    }

    .panel-body-lg {
        padding: 30px;
    }
}

@media screen and (max-width: 414px) {


    /*.center,
    .section-md .center,
    .section-sm .center,
    .section-xs .center,
    .section-tab-group .center {
        width: 100%;
        padding: 0px 15px;
    }*/

    .section-header {
        padding-bottom:15px;
    }


    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .panel-body-lg {
        padding: 30px 15px 20px 15px;
    }

    .list-group-lg .panel-body {
        padding: 0px 15px 20px;
    }

}

@media screen and (max-width: 400px) {

    .table-collapse {
        font-size: 12px;
    }

        .table-collapse .fa-check {
            width: 20px;
        }

        .table-collapse .function-text {
            padding: 10px 20px;
            font-size: 11px;
        }
}