/*  --------------------------------------------------------------------------  */
/*  ------------------- For portrait smart phones (320 wide - 20 for scrollbar) */
/*  --------------------------------------------------------------------------  */


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

h1{
    font-size: 20pt;
    }
h1 span{
    font-size: 15pt;    
}

h2{
    font-size: 15pt;
}

body{
	background-image: url('../images/bg-body-smartport.jpg');
}
	
#container{
    padding: 59px 0 120px;
    width: 300px;
}

a#logo{
    width: 156px;
    height: 73px;
    background-image: url('../images/bg-logo-smartport.png');
}

#slider{
    height: 73px;
}

.floatleft, .floatright{
    float: none;
    margin: 0 0 10px;
}

.icongroup2 ul.roxgal li{
	width: 139px;
	height: 139px;
} 

ul.roxgal{
	margin: 0 0 0 -5px;
    }
ul.roxgal li{
	margin: 5px;
	width: 145px;
	height: 145px;
    }
ul.roxgal li:nth-child(3n+3){
    margin-right: 5px;
    }
ul.roxgal li:nth-child(even){
    margin-right: 0;
}


    
#pricing{
    float: none;
    margin: 0 0 15px;
    width: 100%;
}

#contacts{
    min-height: 250px;
}

.mapcontainer{
    width: 100%;
}

#gmap{
    float: none;
    width: 100%;
}
    
#locationmap{
    width: 100%;
    background-position: right;
}

footer{
	margin-top: -117px; /* negative value of footer height */
	height: 117px;
}

#footercontainer{
	width: 300px;
	height: 117px;
}

ul#signature{
	height: 75px;
}

ul#signature li span{
	display: block;
    margin-bottom: -3px;
}

.googlefield{
    width: 150px;
}

/*  -- end  */
}