/*
===========================================================================
 EXCLUSIVE ON themeforest.net
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Template Name   : Expresso - Cafe HTML Template
 Author          : bootWeb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Copyright (c) 2017 - bootWeb - https://themeforest.net/user/bootweb
===========================================================================

NOTE: This is a responsive stylesheet of the template. This file contains the styling for various devices like mobile phone, tablet, laptop etc.
*/

/*================================================
            Table of contents  
==================================================
 
1. Layout greater than 768px
2. Layout lesser than 768px
3. Subscribe Form
4. Layout lesser than 360px

====================================================
            End table content 
===================================================*/

/*-------------------------------------------------------*/
    /* Layout greater than 768px */
/*-------------------------------------------------------*/
@media(min-width:768px) {
    .custom-navbar {
        border-bottom: 0;
        padding: 10px 0px;
    }
    .custom-navbar .nav li a {
        margin: 8px 0px;
    }
    #home .text h1 {
      font-size: 60px;
      font-weight: bold;
  }
}

/*-------------------------------------------------------*/
    /* Layout lesser than 768px */
/*-------------------------------------------------------*/
@media (max-width:768px){
  .navbar-collapse {
    text-align:center;  
  }
  .custom-navbar .nav li a {
    line-height: 20px;
    overflow: hidden;
  }
  .custom-navbar .navbar-brand {
    position: absolute;
    top: -6px;
  }
  .custom-navbar .navbar-nav > li > a.active {
    border-bottom: none;
  }
  .mob-scroll {
    background-color: #fff;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,0.4);
  }
  .mob-scroll .navbar-brand p {
    color: #000;
  }
  .mob-scroll .nav li a {
    color: #000;
  }
  .custom-navbar .nav li:first-child {
    border-top: 1px solid #000;
  }
  #home .text h1 {
    font-size: 46px;
    font-weight: bold;
  }
}

/*-------------------------------------------------------*/
    /* Subscribe Form */
/*-------------------------------------------------------*/
@media(max-width: 990px) and (min-width: 460px) {
  #footer .input-group {
    width: 60%;
  }
}

/*-------------------------------------------------------*/
    /* Layout lesser than 360px */
/*-------------------------------------------------------*/
@media (max-width:360px){
  #home .text h1 {
  font-size: 26px;
  font-weight: bold;
}
}