/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 

    header.header ul.nav.navbar-nav {
        margin-right: 3px;
    }
    header.header a {
        font-size: 15px;
        padding: 12px;
    }
    .logo h2 { font-size: 30px; }
    .logo h2 span {
        font-size: 40px;
    }
    .section-title h2 {
        font-size: 35px;
    }
    .single-slide {
        min-height: inherit;
        height: auto;
    }
    .slider-text {
        padding: 120px 0;
    }
    .slider-text h1 {
        font-size: 45px;
    }
    .portfolio-icon a i {
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
    .portfolio-desc h3, .portfolio-desc h4 {
        margin-bottom: 7px;
    }    
    
    .element-item:hover .portfolio-icon {
        bottom: 15%;
    }  
    .team-people-profile a i {
        font-size: 16px;
        height: 35px;
        line-height: 35px;
        margin: 0 4px;
        width: 35px;
    }   
    .home-blog-content h3 {
        font-size: 18px;
    }    
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    h3{
        font-size: 20px;
    }

    h4{
        font-size: 15px;
    }
    .logo h2 {
        text-align: center;
    }
    .section-title h2 {
        font-size: 30px;
    } 
    header.header a {
        font-size: 12px;
        margin-top: 7px;
        padding: 9px;
    }
    header.header ul.nav.navbar-nav {
        margin-right: -21px;
    }
    .is-sticky header.header a {
        font-size: 12px;
        margin-top: 7px;
        padding: 9px;
    } 
    .slide-text h2 {
        font-size: 35px;
    }
    .single-slide {
        min-height: inherit;
        height: auto;
    }
    .slider-text {
        padding: 120px 0;
    }
    .about-left,
    .single-fact, 
    .single-team-people, 
    footer-widget, 
    .single-pricing-table  {
        margin-bottom: 35px;
    }
    .about-content {
        padding: 0 100px;
    }    
    .element-item {
        width: 50%;
    }
    .home-blog-content .post-details span {
        font-size: 12px;
    }
    .home-blog-content h3 {
        width: 80%;
    }     

}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    body {
        font-size: 12px;
    }
    h3{
        font-size: 18px;
    }

    h4{
        font-size: 14px;
    }    
    .element-item {
        width: 100%;
        height: auto;
    } 
    .slide-text h2 {
        font-size: 24px;
    }
    .slide-text p {
        font-size: 12px;
    }    
    .section-title h2 {
        font-size: 24px;
    }
    .portfolio-menu button {
        margin-bottom: 15px;
    }      
    /* Mobile Responsive Menu */
    .navbar-toggle {
        border: 1px solid #fff;
        color: #fff;
        margin-top: -42px;
    }
    .navbar-toggle .icon-bar {
        background: #fff none repeat scroll 0 0;
    }
    header.header ul.nav.navbar-nav {
        background: #000 none repeat scroll 0 0;
        font-size: 14px;
        padding: 25px 0;
        margin: 0;
    }
    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset;
        padding-left: 0px;
        padding-right: 0px;
    }
    .nav > li > a:hover:before {
        width: 0%;
    }
    .about-left,
    .single-fact,
    .skill,
    .single-team-people, 
    .footer-widget, 
    .single-pricing-table,
    .home-blog-content {
        margin-bottom: 35px;
    }
    .single-service {
        margin-bottom: 40px;
    }    
    .mobile-menu-activated ul.mainMenu li {
        display: block;
        padding: 10px;
    }
    .mobile-menu-activated .navbar-collapse {
        box-shadow: 0 0 0;
    }
    .mobile-menu-activated nav ul.mainMenu li a {
        font-size: 12px;
    }
    .testimonial-details .lead {
        font-size: 14px;
    }    
    #googleMap {
        height: 250px;
    }
    .home-contact-form input[type="submit"] {
        width: 200px;
    }
    .home-blog-content .post-details span {
        font-size: 12px;
    }
    .home-blog-content h3 {
        width: 80%;
    }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

}