/*  --------------------------------------------------------------------------  */
/*  ------------------ For landscape smart phones (480 wide - 20 for scrollbar) */
/*  --------------------------------------------------------------------------  */



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

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

h2{
    font-size: 15pt;
}

h3{
    font-size: 12pt;
}

h4{
    font-size: 10pt;
}

p{
	line-height: 22px;
}

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

#container{
    padding: 59px 0 130px;
    width: 460px;
}

#slider{
    height: 112px;
}

a#logo{
    width: 239px;
    height: 112px;
    background-image: url('../images/bg-logo-smartland.png');
}

.hugo{
    margin: 0 20px 10px 0;
    width: 100px;
    height: 100px;
    background: url('../images/bg-hugo-smartland.jpg') no-repeat top left;
}

.staff{
    margin: 20px 0 0;
    padding: 0 0 20px 120px;
    width: 100%;
    min-height: 150px;
    background-position: top left;
    border: none;
    border-bottom: 1px dotted #0093dd;
    }
.staff h3{
    padding: 0 0 10px;
    }
.marika{ background-image: url('../images/bg-staff-marika-smartland.jpg'); }
.anne{ background-image: url('../images/bg-staff-anne-smartland.jpg'); }
.marinda{ background-image: url('../images/bg-staff-marinda-smartland.jpg'); }
.evelyne{ background-image: url('../images/bg-staff-evelyne-smartland.jpg'); border-bottom: none;}


.toggle h2{
    padding: 5px 5px 5px;
    }
.toggle h4{
    margin: -5px 0 0;
    padding: 0 5px 5px;
}

.icongroup2{
	margin: 0;
	padding: 0 5px 15px;
    border-top: 1px dotted #e3f1f4;
    border-left: 1px solid #e3f1f4;
    border-right: 1px solid #e3f1f4;
    }
.icongroup2 h3{
    padding: 5px 0 0;
}
.icongroup2 ul.roxgal li{
	width: 144px;
	height: 144px;
} 

ul.roxgal li{
	width: 148px;
	height: 148px;
    }
ul.roxgal li:nth-child(3n+3){
    margin-right: 0;
}
ul.roxgal li:nth-child(4n+4){
    margin-right: 4px;
}
#pricing{
    float: left;
    margin: 0 15px 0 0;
    width: 220px
    }
#contacts{
    min-height: 330px;
}

.mapcontainer{
    width:230px;
}

#gmap{
    width: 230px;
}
    
#locationmap{
    width: 230px;
    background-position: right;
}

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

#footercontainer{
	width: 460px;
    height: 107px;
}

ul#signature{
	height: 65px;
}

ul#signature li{
	display: block;
    padding: 0;
	text-align: center;
	}
ul#signature li:before{
	padding-right: 0;
	content: ""
}    

.googlefield{
    width: 260px;
}


/*  -- end  */
}