/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

 #bream_page {
	width: auto;
    position:relative;
}


#bream_content {    	
    border: 0px solid #CCC;
	background-color: #FFF;
    position:relative;

}

#bream_header {
	border-top: solid 0.5px #CCCCCC;
    position:relative;
}

#bream_headerImage{
    display:none;
}

#bream_menu {
    height:auto !important;
	background-color: #EDEDED;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    overflow:visible;
}

#bream_content2 {    	
    position:static;
    overflow:hidden;
    min-height:400px;
    height:auto !important;
    padding: 10px 10px 10px 10px;
}


}

/* Smartphones (landscape) ----------- 
@media only screen 
and (max-width : 480px) {
#bream_leftPanel{
display:none;
}

#bream_rightPanel {
float: left;
width: 100%;
position:relative;
margin-left: 0px;
padding: 0px 10px 10px 10px;
}
#bream_header {
	height: auto;
}
#bream_menu {
    height: auto;
}
#bream_menu ul li {
	display: block;
    line-height:40px;
}
}

/* Smartphones (portrait) ----------- 
@media only screen 
and (max-width : 320px) {
#bream_leftPanel{
display:none;
}

#bream_rightPanel {
float: left;
width: 100%;
position:relative;
margin-left: 0px;
padding: 0px 10px 10px 10px;
}
#bream_header {
	height: auto;
}
#bream_menu {
    height: auto;
}
#bream_menu ul li {
	display: block;
    line-height:40px;
}
}

/* iPads (portrait and landscape) ----------- 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {


}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#bream_leftPanel{
display:none;
}
#bream_headerImage{
    display:none;
}


}

/* Desktops and laptops ----------- 
@media only screen 
and (min-width : 1224px) {

}

/* Large screens ----------- 
@media only screen 
and (min-width : 1824px) {

}
*/