/* ------------------------------------------------------------------------------
 *  Designed by Dreamscape Media Pvt. Ltd.
 *  ------------------------------------------------------------------------------ *
 *  Author - Amit Verma
 *  ------------------------------------------------------------------------------
 *  Email: amit@dreamscape.co.in
 *  Work: UI Designer and Front-end Developer @ Dreamscape Media - http://dreamscape.co.in
 *  Latest update: Mar 01, 2018
 * ---------------------------------------------------------------------------- */

/* Large Devices, Wide Screens */
@media (max-width: 1200px) {}




/* Medium Devices, Desktops */
@media (max-width: 1024px) {}




/* Medium Devices, Desktops */
@media (max-width: 992px) {
   
}


/* Small Devices, Tablets */
@media (max-width: 768px) {
    h1{font-size: 40px; margin-bottom: 5px; line-height: 55px;}
    h2 {font-size: 30px;margin-bottom: 30px;}
    p{margin: 0 0 0 0; padding:0 0 20px 0; font-size: 18px; line-height: 22px;}
    
    .for-your-info {padding: 30px 0 30px 0;}
    .for-your-info p:last-child {padding: 0 0 5px 0;}
    .for-your-info img{ width: 170px;}
    .hot-baloon-bg {padding-top: 30px; padding-bottom: 30px;}
    
    .who-we-are {padding: 30px 0 0 0;}
    .meet-our-clients {padding: 30px 0;}
    .showcase {padding: 30px 0 20px 0;}
    .showcase p:last-child {padding: 0 0 5px 0;}
    .testimonials {padding: 30px 0;}
    .footer-top{background:url(../images/footer-bg.jpg) -685px top  no-repeat #cfbf72;  padding: 30px 0; height: 500px;}
    
    .what-we-do .overlap-left{margin:20px 0 0 -40px;}
    .what-we-do .overlap-right{margin:20px 0 0  40px;}
    .what-we-do .row.mb-40{margin-bottom: 20px;}
    
    ul.clients li {width: 29.1%;}
    
    .meet-our-clients{background:url(../images/hot-baloon-2-bg.png) -550px -50px no-repeat, url(../images/meet-our-clients-bg.jpg) top center no-repeat; padding: 30px 0;}
    
    .navbar-nav > li {padding: 0px 0px;}
    .navbar-default .navbar-nav > li > a {padding: 15px 7px;font-size: 16px;}
    
    
}


/* Extra Small Devices, Phones */
@media (max-width: 480px) {
     .carousel-caption h1 {font-size: 40px;}
    .carousel-caption h2 {font-size: 30px;}
    .carousel-caption p{display: none;}
    .carousel-caption p{display: none;}
    .footer-bottom {text-align: center;padding: 30px 0 10px 0;}
    .footer-bottom p.pull-right{float: none!important;}
    .col-sm-3.border{background: none;}
    ul.clients li {width: 50%;margin: 0;padding: 0 15px 30px 15px;}
    .what-we-do .overlap-left{margin: 20px 0 0 0px;}
    .navbar-brand{float: left;}
    .navbar-header{display: flex;}
    .navbar-toggle{position: absolute;right: 0;}
    .carousel,.carousel .item{height: 90vh;}
    .footer-top{height: 100%;}
    ul.social{display: inline-block;width: 100%;}
    
    .hot-baloon-bg{background-position:top left;}
    
    .what-we-do, .for-your-info, .serviceslider, .service-caption-text p, .who-we-are, .text-left {text-align: center;}
    .what-we-do .text-right {text-align: center;}
    .what-we-do img{width: 120px;}
    .letters img{width: 90px;}
    ul.letters li:last-child {margin: 0;}
    .showcase-box img,.service-name img{width: 90px;}
    .showcase-box a img{width: auto; margin-top: 0;}
    .showcase-box h2{margin: 0;}
}


/* Custom, iPhone Retina */
@media (max-width: 380px) {
    .carousel-indicators li {margin: 13px;}
    .carousel-indicators .active {
        margin: 13px;    
    }
}