/* ==========================================================================
  Wide Screen Layout: From 1200px.
========================================================================== */
@media (max-width: 1100px) {
#topheaderinner, #page, #supplementaryinner {
    padding:0 20px;
}
}



@media (max-width: 800px) {
#topheaderinnerleft {
    max-width:100%;
	float:none;
	padding:20px 0 20px 0;
    text-align: center;
}


#topheaderinnerright {
    max-width:100%;
	float:none;
	margin-top:0;
	text-align:center;
	font-size:20px;
    padding-bottom: 20px;
}

#topheaderinnerright .charteredtext {
    margin-right: 0px;
    display: block;
    overflow: hidden;
    clear: both;
    line-height: 1.3;
}
    
    .ricslogo {
    width: 100%;
    float: none;
}
    
    .ricslogo img {
    max-width: 30%;
}
    
    .propertyhive ul.properties li {
    width: 100% !important;
    margin-left: 0% !important;
    margin-bottom: 30px !important;
}
    
    .propbutton {
    position: inherit;
    bottom: 0;
    width: 100%;
}
    
    .property-search-form {
    display: block;
    width: 100%;
}
    
    .property-search-form .control {
    display: block !important;
        vertical-align: middle;
    padding: 0 !important;
    margin-bottom: 20px;
    position: relative;
}
    
    input#address_keyword {
    padding: 7px 0px 7px 0px;
}
}
/* ========= end of Wide Screen Layout: From 1200px. ========= */


/* ==========================================================================
  Normal Desktop Layout: From 980px.
========================================================================== */
@media (min-width: 1000px) and (max-width: 1050px) {




}
/* ========= end of Normal Desktop Layout: From 980px. ========= */


/* ==========================================================================
  Tablet Device Layout: From 768px.
========================================================================== */
@media (min-width: 768px) and (max-width: 990px) {

.propertyhive ul.properties li {
    width: 47% !important;
    margin-left: 0 !important;
}
.propertyhive ul.properties li:nth-child(2n+1) {
    clear: left !important;
    margin: 0 2% 0 0 !important;
}
li.type-property {
    min-height: 615px;
}
.propertyhive-pagination {
	text-align: center;
	margin: 0 0 30px 0;
}
.propertyhive-pagination ul li a {
    padding: 4px 12px;
    background: #f2f2f2;
    display: block;
    margin: 0 5px;
}
.propertyhive-pagination ul li a:hover {
    padding: 4px 12px;
    background: #06a750;
    color: #fff;
    display: block;
    margin: 0 5px;
}
.propertyhive-pagination li .current{
	padding: 7px 12px;
    background: #06a750;
    color: #fff;
    margin: 0 5px 0px 0;
}
.propertyhive-pagination ul li a.prev, .propertyhive-pagination ul li a.next{
    padding: 4px 12px;
    background: #fff;
    display: block;
    margin: 0 5px;
    border: 0px solid #06a750;
}
.propertyhive-pagination ul li a.prev:hover, .propertyhive-pagination ul li a.next:hover{
    padding: 4px 12px;
    background: #06a750;
    display: block;
    margin: 0 5px;
    border: 0px solid #06a750;
    color: #f8e926;
}

}
/* ========= end of Tablet Device Layout: From 768px. ========= */

@media (min-width: 768px) and (max-width: 800px) {



}


/* ==========================================================================
  Mobile Layout: From 320px.
========================================================================== */
@media (max-width: 767px) {




}
/* ========= end of Mobile Layout: From 320px. ========= */


/* ==========================================================================
  Wide Mobile Layout: 480px.
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.borderbox3col ul{
	margin: 0 0 15px 0;
    column-count: 2;
    margin: 0px 0 0px 25px !important;
    grid-column-gap: 10%;
    line-height: 1.5;
}
.propertyhive-pagination {
	text-align: center;
	margin: 0 0 30px 0;
}
.propertyhive-pagination ul li a {
    padding: 4px 12px;
    background: #f2f2f2;
    display: block;
    margin: 0 5px;
}
.propertyhive-pagination ul li a:hover {
    padding: 4px 12px;
    background: #06a750;
    color: #fff;
    display: block;
    margin: 0 5px;
}
.propertyhive-pagination li .current{
	padding: 7px 12px;
    background: #06a750;
    color: #fff;
    margin: 0 5px 0px 0;
}
.propertyhive-pagination ul li a.prev, .propertyhive-pagination ul li a.next{
    padding: 4px 12px;
    background: #fff;
    display: block;
    margin: 0 5px;
    border: 0px solid #06a750;
}
.propertyhive-pagination ul li a.prev:hover, .propertyhive-pagination ul li a.next:hover{
    padding: 4px 12px;
    background: #06a750;
    display: block;
    margin: 0 5px;
    border: 0px solid #06a750;
    color: #f8e926;
}


}
/* ========= end of Wide Mobile Layout: 480px. ========= */



/* ==========================================================================
  Small Mobile Layout
========================================================================== */
@media (max-width: 479px) {

li.type-property {
	min-height:inherit;
}
.propbutton a {
    margin: 20px 0 0;
}
.borderbox3col ul{
	margin: 0 0 15px 0;
    column-count: 1;
    margin: 0px 0 0px 25px !important;
    grid-column-gap: 10%;
    line-height: 1.5;
}
.borderbox ul {
    margin: 0 0 15px 0;
    column-count: 1;
    margin: 0px 0 0px 25px !important;
    grid-column-gap: 10%;
    line-height: 1.5;
}
.propertyhive-pagination {
	text-align: center;
	margin: 0 0 30px 0;
}
.propertyhive-pagination ul li a {
    padding: 4px 12px;
    background: #f2f2f2;
    display: block;
    margin: 0 5px;
}
.propertyhive-pagination ul li a:hover {
    padding: 4px 12px;
    background: #06a750;
    color: #fff;
    display: block;
    margin: 0 5px;
}
.propertyhive-pagination li .current{
	padding: 7px 12px;
    background: #06a750;
    color: #fff;
    margin: 0 5px 0px 0;
}
.propertyhive-pagination ul li a.prev, .propertyhive-pagination ul li a.next{
    padding: 4px 12px;
    background: #fff;
    display: block;
    margin: 0 5px;
    border: 0px solid #06a750;
}
.propertyhive-pagination ul li a.prev:hover, .propertyhive-pagination ul li a.next:hover{
    padding: 4px 12px;
    background: #06a750;
    display: block;
    margin: 0 5px;
    border: 0px solid #06a750;
    color: #f8e926;
}

}
/* ========= end of small Mobile Layout ========= */