/* For tablets: */
@media only screen and (max-width:800px) {
body {
float: none;
width: 100%;
}

.logoColumn {
    width: 100%;
    float: none;
    text-align: left;
    margin: 0px 0px 0px 0px;
}
.logoRight {
    padding:0px;
    text-align:left;
}

#topMenu {
width: 100%;
border-radius: 0px;
}

#topMenuBox {
float: none;
}

#topMenu ul li {
float: none;
width: 100%;
border-bottom: #EBE4E4 1px solid;
list-style: none;
}

#topMenu ul li a {
padding: .5rem .75rem;
}


#page {
float: none;
width: 100%;
}

#page #leftSide {
float: none;
width: 100%;
height: auto;
border-radius: 0px;
}

#page #rightSide {
float: none;
width: 100%;
height: auto;
border-radius: 0px;
padding: 0px;
margin: 2rem 0rem;
}

#rightSide #padd {
padding: 1rem;
margin: 1rem 0rem;
}

#footerBox #ftPadd .column {
width: 100%;
}

#footerBox #ftPadd {
float: none;
width: 100%;
}

#ftPadd #copyRight .copyRight {
margin: 5px 0px 2px 15px;
}
}






/* for phones */
@media screen and (max-width: 600px) {
body {
float: none;
width: 100%;
}

.logoColumn {
    width: 100%;
    float: none;
    margin: 0px 0px 0px 0px;
}

.logoRight {
    padding:0px;
    text-align:left;
}

#topMenu {
width: 100%;
border-radius: 0px;
}

#topMenuBox {
float: none;
}

#topMenu ul li {
float: none;
width: 100%;
border-bottom: #EBE4E4 1px solid;
list-style: none;
}

#topMenu ul li a {
padding: .5rem .75rem;
}

#page {
float: none;
width: 100%;
}

#page #leftSide {
float: none;
width: 100%;
height: auto;
border-radius: 0px;
}

#page #rightSide {
float: none;
width: 100%;
height: auto;
border-radius: 0px;
padding: 0px;
margin: 2rem 0rem;
}

#rightSide #padd {
padding: 1rem;
margin: 1rem 0rem;
}

#footerBox #ftPadd .column {
width: 100%;
}
}