// Portrait tablet to landscape and desktop 

@media (min-width: 768px) and (max-width: 1024px) { 
    .section-header .section-title{
        font-size: 22px;
    }
    .navbar-light .navbar-nav .nav-link{
        padding: 7px 10px;
        font-size: 12px;
    }   
    #home .contents h1{
        font-size: 26px;
    }
    #home .contents-two h2{
        font-size: 30px;
    }
    #about .img-about-out{
        right: -110px;
        img{
            width: 378px;
        }
    }
    .services .service-box h3{
        font-size: 14px;
    }
    .services .service-box .icon i{
        font-size: 42px;
    }
    .why .why-content h3{
        font-size: 14px;
    }
    .single-team .team-content{
        padding: 10px 0;
    }
    .single-team h4{
        font-size: 14px;
    }
    .subscribe-box input[type="text"]{
        padding: 6px 10px;
    }
    .carousel-slider .owl-controls .owl-buttons div.owl-prev{
        margin-left: -60px;
    }
    .carousel-slider .owl-controls .owl-buttons div.owl-next{
        margin-right: -60px;
    }
    .great-started .great-started-text h2{
        font-size: 22px;
        line-height: 36px;
    }
}

@media (max-width: 640px) {
    #home .contents h1{
        font-size: 24px;
    }
    .bg-faded{
        background: #fff!important;
    }
    .navbar-light .navbar-nav .nav-link{
        color: #666;
    }
    #about .img-about-out{
        display: none;
    }
    #home .contents-two h2{
        font-size: 30px;
    }
}

// Landscape phones and down 
@media (min-width: 320px) and (max-width: 480px) {  
    .bg-faded{
        background: #fff!important;
        padding: 5px 30px;
    }
    .navbar-light .navbar-nav .nav-link{
        color: #666;
    }
    .section-header .section-title{
        font-size: 20px;
    }
    #home .contents h1{
        font-size: 22px;
        line-height: 30px;
    }
    #home .contents p{
        font-size: 14px;
        line-height: 22px;
    }
    #home .contents .btn{
        margin: 10px;
    }
    #home .contents-two h2{
        font-size: 24px;
    }
    #home .contents-two{
        padding: 130px 0 0px;
    }
    #home .intro-img{
        margin: 50px 0px;
    }
    #about .counters .facts-item .fact-count h3{
        font-size: 28px;
    }
    #about .counters .facts-item .fact-count h4{
        font-size: 15px;
    }
    #about .img-about-out{
        display: none;
    }   
    .services .service-box h3{
        font-size: 18px;
        margin-bottom: 7px;
    }
    .services .service-box{
        margin-bottom: 30px;
    }
    .services .service-box .icon i{
        font-size: 42px;
        line-height: 42px;
    }
    .controls{
        .btn{
            padding: 7px 5px;
            font-size: 13px;
        }
    }
    .why .why-content h3{
        font-size: 15px;
        line-height: 22px;
    }
    .why-two .why-content h3{
        font-size: 15px;
    }
    .single-team{
        margin-bottom: 30px;
    }
    .great-started .great-started-text h2{
        line-height: 30px;
        font-size: 22px;
    }
    .pricing-tables .pricing-table{
        margin-bottom: 30px;
    }
    #contact .section-title{
        font-size: 22px;
    }
    .widget{
        margin: 15px 0;
    }
    .pull-right{
        float: left;
    }
    
}