@charset "utf-8";
/* CSS Document */

/**************************MEdia Queries ***************************************/

.container-fluid {margin: 0; padding: 0}

/* Smartphones (portrait and landscape) ----------- */
@media only screen  and (max-width:550px)
 { 

.a_left, #sbox1, .sbox2, #menu, #header, #workbar, #workdetails, .item, .hover-wrap {width:100%; margin: 0}
#workbar, #workdetails, #container {position:relative; float:none; margin: 0}
.item-thumbs .hover-wrap {width:22%}
.sbox2 img {float:left; text-align:left}
.sbox2 h3 {text-align:center}
.logo  {text-align:center; margin: 1em auto 0}
img {text-align:center;}
.a_left h3 {border-top: 3px solid #000; padding: 0.5em 0; width:100%}
.a_left2 {width:90%}
.a_row {width:100%}
.row2 {width: 90%}
.row3 {width:90%}
.profile {width:90%}
#cbar, #cleft, #cright {width:90%; margin: 0 auto; padding:0;height:auto}
#menu { height:auto;; padding:1em; width:100%}
#menu ul {height:auto; padding: 1em}
#menu ul li {height:10px}
#menu ul li a:link, #menu ul li a:hover {height:20px}
.logo {line-height:1.5em}
}

@media only screen and (max-width : 660px)

{

.a_left, #sbox1, .sbox2 {width:100%;}
.sbox2 img {float:left; text-align:left}
.a_left h3 {border-top: 3px solid #000; padding: 0.5em 0; width:100%}
.a_left2 {width:90%}
.a_row {width:100%}
.row2 {width: 45%}
.row3 {width:45%}
.profile {width:90%;}
#cbar, #cleft, #cright {width:90%; margin: 0 auto; padding:0;height:auto}
#menu { height:auto;; padding:1em; width:100%; margin: 0}
#menu ul {height:auto; padding: 1em}
#menu ul li {height:10px}
#menu ul li a:link, #menu ul li a:hover {height:20px; padding:0.5em}
.logo {line-height:1.5em}
}