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



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

body {
    font-size: 14pt;
}

#container {
    background-image: url('../images/bg-container-smartland.png');
}

.content{
    padding: 0 20px !important;
    width: 460px;
}


h1 {
    font-size: 30pt;
    line-height: 80%;
    }
h1 span {
    font-size: 13pt;
}

h2 {
    font-size: 20pt;
}

p.emphasis {
    font-size: 17pt;
    line-height: 130%;
}

header {
    height: 100px;
    background: rgba(0,0,0,0.5);
}

#logo{
    left: 20px;
}


section.left {
    float: none;
    margin: 50px 0;
    padding: 50px;
    background: rgba(0,0,0,0.8);
}


div.aboutimg{
    float: none;
    margin: 0 0 20px;


}

ul#footermenu {
    text-align: center;
}


#ValidatedForm label{
    float: none;
    width: 100%;
    text-align: left;
    }
#ValidatedForm .textfield{
    float: none;
    width: 100%;
}

.carouselgallery{
    width: 100%;
    }
.carouselgallery .theme-roxy2 .nivo-controlNav{
    margin: 6px 0 0;
    width: 100%;
    }
.carouselgallery .theme-roxy2 .nivo-controlNav .nivo-control{
    margin: 0 6px 0 0;
    width: 136px !important;
    height: 73px;
}
.carouselgallery .theme-roxy2 .nivo-controlNav .nivo-control:last-child{
    margin: 0;   
}

.homelink a {
    padding: 130px 0 0;
    width: 135px;  
    font-size: 13pt;
}


    
/*  ---end---  */
}