/* only small desktops */
    /* tablets */
    /* only small tablets */
    
    @media screen and (max-width:1199px) {
        .container {
            max-width: 95%;
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            padding: 0 14px;
        }
    }
    
    @media only screen and (max-device-width:1024px) {
        #hero-area.bg-position-default {
            background-attachment: initial;
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            padding: 0 16px;
        }
        .navbar-brand {
            font-size: 18px;
        }
        .our-team h5 {
            font-size: 14px;
        }
        .navbar-brand img {
            width: 52px;
        }
        .back-to-top {
            bottom: 74px;
        }
        .inner-section.section {
            padding: 57px 0;
        }
    }
    
    @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;
        }
    }
    
    @media screen and (max-width:991px) {
        .slicknav_nav a {
            padding-left: 8px;
            margin-left: 0;
        }
        .inner-section.section {
            padding-bottom: 30px;
        }
    }
    /* mobile or only mobile */
    
    @media (max-width: 767px) {
         
        body {
            padding-bottom: 90px;
        }
        .footer-links {
            line-height: 30px;
        }
        .inner-section .section-header.inner-head {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .contact-address p {
            font-size: 14px;
        }
        .features .box-item {
            padding: 10px 0;
        }
        .section {
            padding: 40px 0;
        }
        .navbar-brand {
            padding: 8px
        }
        .about-us .section-header .lines {
            margin-left: inherit;
            margin: 0 auto;
        }
        .about-us .section-header.text-left {
            text-align: center !important;
        }
        .section-header .section-title {
            font-size: 20px;
        }
        #hero-area .contents {
            padding: 100px 0 80px;
        }
        #hero-area .contents h1 {
            font-size: 19px;
            line-height: 40px;
        }
        #hero-area .contents h1 span {
            font-size: 17px;
        }
        #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-table {
            margin-bottom: 15px;
        }
        .counters .facts-item {
            margin-bottom: 30px;
        }
        .single-team {
            margin-bottom: 15px;
        }
        .contact-us {
            margin-bottom: 30px;
        }
        .contact-us h3 {
            font-size: 28px;
        }
        .footer-links li a {
            margin-right: 10px;
        }
        .copyright {
            float: left;
        }
        .im-cirl { 
            width: inherit;
            height:inherit;
            max-height: 300px;
        }
        .service-section .subtitle { 
            line-height: 28px;
        }
    }

    @media screen and (max-width:516px) {
        body {
            padding-bottom: 120px;
        }
        .features .box-item .icon img {
            max-width: 40px;

        }
        .features .box-item .text h4 { 
            font-size: 14px
        }
    }
    
    @media screen and (max-width:374px) {
        .navbar-brand,
        .top-nav-collapse .navbar-brand {
            font-size: 14px;
        }
    }