@media screen and (min-width:240px) and (max-width:480px) {
#hpge-body-wrapper h1, h1 {    
    font-size:26px; 
}

h2 {  
    font-size:16px;       
}

h1.error {
    color: #F10606;
    font-size:22px;
    margin-bottom:0px;
}
}




/* --- Project gallery -- */

@media screen and (min-width:240px) and (max-width:480px) {
.project-gallery-pgeNav h4 { 
    font-size:14px;   
}
}


/***************************************************
	Navbar Section
***************************************************/

@media (max-width:980px) {
    .navbar-header {
        float:none;
    }
    .navbar-left,.navbar-right {
        float:none !important;
    }
    .navbar-toggle {
        display:block;
    }
    .navbar-collapse {
        border-top:1px solid transparent;
        box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display:none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top:7.5px;
	}
	.navbar-nav>li {
        float:none;
    }
    .collapse.in{
  		display:block !important;
	}
}

@media (max-width:1024px) {
.navbar-custom .navbar-nav>li>a { 
    color:#FFFFFF;
    font-family:'roboto_condensedregular',Arial;  
    font-size:18px;
    text-transform:uppercase;  
    border-right:0px solid #FFF; 
    text-decoration:none;
    padding:15px 15px; 
    margin-right:0px;   
}
}


/***************************************************
	Header Section
***************************************************/

@media screen and (min-width:240px) and (max-width:480px) {
#header-wrapper .callUs {
    color:#FFFFFF;
    font-size:14px;     
    font-family:'liberation_sansregular',Arial;
    padding-top:10px;
    margin-bottom:0px;
    text-align:right;       
}

#header-wrapper .bno {
    font-size:18px; 
    font-family:'OswaldRegular', Arial; 
    line-height:16px; 
    text-transform:uppercase; 
    text-align:right;        
}
}

@media screen and (min-width:768px) and (max-width:980px) {
#slogan-box .title {
     color:#262626;
     font-size:16px;
     font-family:'OswaldRegular', Arial;
     text-transform:uppercase;   
     margin:0px; 
     padding-top:2px;    
}

#slogan-box .subtitle {
     color:#262626;
     font-size:14px;
     font-family:'OswaldRegular', Arial;
     text-transform:uppercase;
     margin:0px;
}
}