/*  --------------------------------------------------------------------------  */
/*  ------------------------ For portrait tablets (600 wide - 32 for scrollbar) */
/*  --------------------------------------------------------------------------  */

#navbtn{
	display: none;
	float: right;
    padding: 0 40px 0 20px;
	background: #0093dd url('../images/bg-navbtn.png') no-repeat right;
    font: 500 17pt/57px Exo, "Helvetica Neue", Helvetica, sans-serif;
    border-top: 1px solid #eaf8f9;
    text-align: right;
    color: #fff;
	overflow: hidden;
}

@media screen and (max-width: 991px){

h1{
	padding: 0 0 20px;
    font-size: 25pt;
}
h1 span{
    display: block;
	margin-top: -5px;
    font-size: 22pt;    
    }
h1 span:before{
	content: "";    
}

body{
	background-image: url('../images/bg-body-tabport.jpg');
}

#container{
    padding: 59px 0 110px;
    width: 568px;
}

a#logo{
    margin: 59px 0 0;
    width: 295px;
    height: 138px;
    background-image: url('../images/bg-logo-tabport.png');
}

#slider{
    margin: 0 0 30px;
    height: 138px;
}

nav{
	position: absolute;
    top: 0; right: 0;
	width: 100%;
	z-index: 400;
}

ul#menu{
	display: none; 
	position: static;
	margin: 0;
    width: 100%;
	top: auto; right: auto;
	}
ul#menu li{
	display: inline;
	margin: 0;
	float: none;
	}
ul#menu li:last-child{
	float: none;
	}
ul#menu li a, ul#menu li a:last-child{
	float: right; display: block;
	padding: 0 20px 0;
    width: 100%;
	border: 0;
	background: #0093dd;
    border-top: 1px solid #aeddf0;
    text-shadow: 0 1px 0px #002845, 0 0 5px rgba(0,43,71,0.5);
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
	}
ul#menu li a:hover, ul#menu li a:last-child:hover{
    background: #23a2e1;
}


.pg-index ul#menu li a.btn-index,
.pg-team ul#menu li a.btn-team,
.pg-services ul#menu li a.btn-services,
.pg-solutions ul#menu li a.btn-solutions,
.pg-finance ul#menu li a.btn-finance,
.pg-contact ul#menu li a.btn-contact{
	background: #23a2e1;
    color: #aeddf0;
    text-shadow: none;
} 		
  
#navbtn {
	display: block;
}

ul#menu li ul, ul#menu li ul li{display: none;}

.hugo{
    height: 350px;
}

.staff{
    width: 284px;
    min-height: 570px;
    }
.anne{ border-right: none; }
.marinda{ margin-top: 0; border-top: 1px dotted #0093dd; }
.evelyne{ margin-top: 0; border-top: 1px dotted #0093dd; }

ul#pageoptions li a{
    float: none;
    width: 100%;
    border-right: 1px solid #fff;
}

.icongroup2 ul.roxgal li{
	width: 123px;
	height: 123px;
    } 
ul.roxgal li:nth-child(4n+4){
    margin-right: 0;
}
ul.roxgal li{
	width: 135px;
	height: 135px;
} 


.finlogo{
    display: block;
    margin: 0 0 4px;  
}

#pricecontact{
    float: none;
    margin: 0 0 20px;
    padding: 0 0 20px;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e3f1f4; 
}

#pricing{
    float: left;
    margin: 0 20px 0 0;
    width: 280px
}

#contacts h2{
    padding: 0 0 10px;
}

form#enquiry{
    float: none;
    margin: 0 0 20px;
    padding: 0 0 20px;
    width: 100%;
    border-bottom: 1px solid #e3f1f4; 
}

#maps{
    float: none;
    margin: 0 0 20px;
    padding: 0 0 20px;
    width: 100%;
    border: none;
}

.mapcontainer{
    float: left;
    width:284px;
}

#gmap, {
    width: 284px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
    
#locationmap{
    width: 284px;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

#footercontainer{
	width: 568px;
}
        
/*  -- end  */
}