/*  --------------------------------------------------------------------------  */
/*  ------------------- For portrait smart phones (320 wide) */
/*  --------------------------------------------------------------------------  */


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

body{
    background-position: 0 -130px;
}

#container, #footercontainer{
    width: 320px;
}

header, #headerbody{
    height: 170px;
}

#navbtn{
    padding: 0;
    width: 52px;
    height: 50px;    
}
#navbtn span{
    display: none;
}

a#logo{

    width: 249px;
    height: 105px;
    background: url('../images/bg-logo-smartport.png') no-repeat top;
}

#content{
    padding: 0 0 125px; /* bottom must be same/more height as the footer */
}

#aboutlopec{
    width: 300px;
}

.carouselgallery .theme-roxy2 .nivo-controlNav{
    width: 325px;
    }
.carouselgallery .theme-roxy2 .nivo-controlNav .nivo-control{
    margin: 0 4px 0 0;
    width: 104px !important;
    height: 56px;
}

.basicform label span{
	display: none;
}

#fb-buttons{
    left: 0;
    right: auto;
}

ul#signature {
    padding: 40px 0;
}
ul#signature, ul#signature li{
    text-align: center;
	}
ul#signature li a{
    letter-spacing: -0.1px;
}

a.social{
    top: -34px;    
    }
a.social-facebook{
    right: 2px;
    }
a.social-twitter{
    right: 36px;
}


table.vehiclemodels td:nth-child(1){
    width: auto;
    }
table.vehiclemodels td:nth-child(2){
    width: auto;
    }
table.vehiclemodels td:nth-child(3){
    width: auto;
}


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