@charset "UTF-8";
/*Berlin, NY */

.see-big {
display:inline;
}
.see-tiny {
display: none;
}


    @media screen and (min-width: 950px) and (max-width: 1080px) {
        /* Most Tablets */

.see-big {
display:inline;
}
.see-tiny {
display:none;
}

#wrapper{ 
/*width:62em;*/
width:100%; 
} 



.column-quarter {
width:24%;
float:left;
min-height:36em;
}




}

    @media screen and (min-width: 800px) and (max-width: 949px) {
        /* Most Tablets */

.see-big {
display:inline;
}
.see-tiny {
display:none;
}

#wrapper{ 
/*width:62em;*/
width:100%; 
} 




.column-half-listing{
float:left;
width:48%;
margin-left:1%;
}

.column-half-agents{
float:left;
width:46%;
margin-left:1%;
min-height:22em;
}

.column-quarter {
width:24%;
float:left;
min-height:36em;
}




}



    @media screen and (min-width: 650px) and (max-width: 799px) {
        /* Most smartphones is portait mode (Holding phone up and down) */

#wrapper {
width: 100%;

}

#main{
float:left;
margin-left:1%;
margin-right:1%;
width:98%;
color:#000;
min-height:34em;
}
.see-big {
display:none;
}
.see-tiny {
display:inline;
}




.column-half-listing{
float:left;
width:100%;
margin-left:1%;
}

.column-half-agents{
float:left;
width:100%;
margin-left:1%;
min-height:22em;
}



      /* place the rest of your css here */
    }

    @media screen and (min-width: 300px) and (max-width: 649px) {
        /* Most smartphones is portait mode (Holding phone up and down) */

#wrapper {
width: 100%;
}

.see-big {
display:none;
}
.see-tiny {
display:inline;
}

#main{
float:left;
margin-left:1%;
margin-right:1%;
width:98%;
color:#000;
min-height:4em;
}

.column-half {
color:#333333;
float:left;
width:96%;
margin-left:1%;
padding-left:1%;
min-height:3em;
}


.column-half-listing{
float:left;
width:98%;
margin-left:0%;
}

.column-half-agents{
float:left;
width:98%;
margin-left:1%;
min-height:22em;
}

.textbox {
width:100%;
font-size:110%;
margin:auto;
}


.column-half-footer-l{
float:left;
width:100%;
min-height:6em;
}

.column-half-footer{
float:left;
width:98%;

min-height:6em;
}

.column-third {
width:98%;
float:left;
margin-left:1%;
margin-right:1%;
min-height:6em;
}


      /* place the rest of your css here */
    }