/* only small desktops */
/* tablets */
/* only small tablets */
@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-brand {
        display: none;
    }
}

    @media (min-width: 768px) and (max-width: 991px) {
        #hero-area .contents h1 {
            font-size: 28px;
        }

        .item-boxes h4 {
            font-size: 18px;
        }

        #features .show-box img {
            display: none;
        }

        .pricing-table .pricing-details ul li {
            font-size: 12px;
        }

        .counters .facts-item .fact-count h4 {
            font-size: 14px;
        }

        .single-team {
            margin-bottom: 30px;
        }

        .meta-tags span {
            margin-right: 3px;
        }

            .meta-tags span i {
                margin-right: 0px;
            }

        #blog .blog-item-text h3 {
            font-size: 14px;
            line-height: 20px;
        }
    }

    /* mobile or only mobile */
    @media (max-width: 767px) {
        .section-header .section-title {
            font-size: 24px;
        }

        .navbar-brand img {
            width: 60%;
        }

        #hero-area .contents {
            padding: 110px 0 80px;
        }

            #hero-area .contents h1 {
                font-size: 18px;
                line-height: 30px;
                margin-bottom: 0px;
            }

            #hero-area .contents .front-slider .front-text p {
                font-size: 16px;
            }

            #hero-area .contents .logo {
                width: 100%;
            }

            #hero-area .contents .vidtext h1 {
                font-size: 18px;
            }

            #hero-area .contents .vidtext {
                margin-top: 0px;
                padding: 20px 15px 0 15px;
            }

            #hero-area .contents .cotext {
                font-size: 100%;
            }

        #features .show-box img {
            display: none;
        }

        #features .box-item .text h4 {
            font-size: 14px;
        }

        .controls {
            margin: 0px;
        }

            .controls .btn {
                font-size: 13px;
                padding: 7px 7px;
            }

        .video-promo .video-promo-content h2 {
            font-size: 22px;
        }

        #pricing {
            background-position: center center;
        }

        .pricing-table {
            margin-bottom: 15px;
        }

        .counters .facts-item {
            margin-bottom: 30px;
        }

        .single-team {
            margin: 0px auto 15px;
        }

        #contact {
            padding: 20px 0;
        }

        .contact-us {
            margin-bottom: 30px;
        }

            .contact-us h3 {
                font-size: 20px;
            }

        .footer-links li a {
            margin-right: 10px;
        }

        .copyright {
            float: left;
        }

        #portfolios .mix {
            width: 70%;
            margin: auto;
        }

        #blog .blog-item-wrapper {
            background: rgba(250, 250, 250, 0.9);
            margin-bottom: 5px;
        }
        .modal-content h4 {
            font-size: 20px;
            text-align: center;
        }
        .modal-content a {
            font-size: 16px;
            text-align: center;
        }
        .modal-content span {
            display: block;
        }
    }