@media only screen and (min-width: 320px) {
    .navbar-brand > img {
        max-height: 55px;
        width: auto;
        padding-left: 15px
    }
    #bs-example-navbar-collapse-1 > ul > li a {
        text-align: left;
        font-size: 15px
    }
    .rmp-left-detail {
        width: 100%;
        margin: 0 auto
    }
}

@media only screen and (min-width: 480px) {
    h1 {
        font-size: 32px
    }
    h2 {
        font-size: 27px
    }
    h3 {
        font-size: 22px
    }
    h4 {
        font-size: 16px
    }
    .rmp-location-fig figcaption > h1 {
        font-size: 24px
    }
    .navbar-brand > img {
        max-height: 65px;
        width: auto
    }
    .col-md-6.col-sm-6.col-xs-6.noPad.rpm-location-col {
        width: 50%
    }
    .rmp-location-fig figcaption {
        transform: translateY(-30%);
        top: 30%
    }
    .rmp-left-detail {
        width: 50%;
        margin: 0 auto
    }
    .rmp-find-your-home-cont {
        padding: 4% 40px 5%
    }
    .form-group.rmp-find-your-home-second-fld {
        margin-top: 25px !important
    }
    .form-inline .rmp-find-your-home-second-fld input,
    .form-inline .rmp-find-your-home-second-fld button {
        margin-right: 3.2%;
        height: 45px;
        font-size: 12px;
        max-width: 100%
    }
    .form-inline select.form-control {
        width: 48.5%;
        height: 45px
    }
    .form-group:first-child {
        margin-top: 15px
    }
    .form-inline .form-control {
        margin-bottom: auto;
        font-size: 12px !important
    }
    .rmp-aboutus-desc {
        line-height: 1.6;
        font-size: 14px
    }
    .rmp-find-your-home-second-fld input.no-rooms,
    .rmp-find-your-home-second-fld input.min-price,
    .rmp-find-your-home-second-fld input.max-price,
    form .rmp-find-your-home-second-fld input.btn-frm.rmp-btn-red {
        margin-bottom: 20px
    }
    .rmp-find-your-home-second-fld a.btn-frm-yellow {
        margin-top: 20px !important;
        padding: 15px;
        line-height: 15px;
        font-size: 14px
    }
}

@media only screen and (min-width: 640px) {
    .rmp-location-fig figcaption {
        transform: translateY(-40%);
        top: 40%
    }
    .rmp-location-fig figcaption > h1 {
        font-size: 27px
    }
}

@media only screen and (min-width: 768px) {
    #bs-example-navbar-collapse-1 {
        box-shadow: none;
        border-color: #e7e7e7
    }
    #bs-example-navbar-collapse-1 > ul {
        width: 90%;
        margin: 35px auto 30px auto;
        border-bottom: 1px solid rgba(109, 106, 101, 0.4);
        height: 50px
    }
    #bs-example-navbar-collapse-1 > ul > li {
        display: inline-block;
        padding: 10px 13px
    }
    ul.sub-menu {
        position: absolute;
        width: 250px;
        padding-left: 10px;
        text-align: left
    }
    #bs-example-navbar-collapse-1 > ul > li a {
        text-align: center;
        font-size: 13px
    }
    ul.sub-menu > li > a {
        font-size: 13px !important
    }
    #bs-example-navbar-collapse-1 > ul > li:last-child {
        display: none
    }
    .navbar.navbar-default {
        background: transparent
    }
    .navbar-nav {
        height: 50px
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 15px
    }
    .navbar-brand > img {
        max-height: 70px;
        padding: 0
    }
    .rmp-location-fig figcaption > h1 {
        font-size: 35px
    }
    .rmp-left-detail {
        width: 100%;
        margin: 0 auto
    }
    .rmp-pagination-ul.pull-right {
        float: right !important;
        margin: 0
    }
    .col-md-6.col-sm-6.col-xs-6.noPad.rpm-location-col {
        width: 50%
    }
    .rmp-red-patch {
        display: none
    }
    .rmp-form-subscribe-lg input[type="submit"] {
        width: 40% !important
    }
    #rmp-red-patch-for-btn,
    #rmp-yellow-patch-for-btn {
        right: 60px
    }
    .btn-redpatch {
        display: block;
        transform: rotate(-90deg);
        z-index: 2;
        transform-origin: 100% 100%;
        width: 170px;
        height: 45px;
        position: absolute;
        padding: 4px 10px 15px 10px;
        font-size: 12px;
        top: -45px;
        right: 0;
        background: rgb(237, 28, 36);
        color: rgb(255, 255, 255);
        opacity: 0.5;
        border-top-left-radius: 1.5em;
        border-top-right-radius: 1.5em
    }
    .btn-yellowpatch {
        display: block;
        transform: rotate(-90deg);
        z-index: 2;
        transform-origin: 100% 100%;
        width: 170px;
        height: 45px;
        position: absolute;
        padding: 4px 10px 15px 10px;
        font-size: 12px;
        top: -45px;
        right: 0;
        background: rgb(238, 235, 0);
        color: rgb(51, 51, 51);
        opacity: 0.5;
        border-top-left-radius: 1.5em;
        border-top-right-radius: 1.5em
    }
    .btn-redpatch:hover,
    .btn-yellowpatch:hover {
        opacity: 1
    }
    .rmp-left-detail-fig {
        height: 250px
    }
    .rmp-footer span {
        font-size: 13px;
        text-align: left
    }
    .rmp-footer p {
        font-size: 17px;
        text-align: left
    }
    .rmp-footer {
        padding: 5% 0 6%
    }
    .rmp-footer-row .rmp-footer-logo {
        max-height: 100px;
        width: auto;
        margin: 0 auto 0 0
    }
    .rmp-footer-row > .col-md-2:after {
        border-bottom: none;
        content: '';
        width: auto;
        margin: 0 auto;
        height: auto;
        display: block
    }
    .rmp-footer-row > .col-md-2:last-child:after {
        content: '';
        border: none
    }
    .rmp-address-thumb-container {
        height: 230px
    }
    .rmp-contactus {
        padding-top: 2.5%
    }
    .rmp-col-nearby-prop {
        width: 50%
    }
    a.rmp-view-map {
        font-size: 14px;
        padding-right: 5%;
        line-height: 1.4
    }
    .flexslider.rmp-property-slider li {
        height: 370px
    }
    ul.sub-menu {
        display: none
    }
    .rmp-find-your-home-second-fld input.no-rooms,
    .rmp-find-your-home-second-fld input.min-price,
    .rmp-find-your-home-second-fld input.max-price,
    form .rmp-find-your-home-second-fld input.btn-frm.rmp-btn-red {
        margin-bottom: 20px
    }
    .rmp-find-your-home-second-fld a.btn-frm-yellow {
        margin-top: 20px !important
    }
}

@media only screen and (min-width: 992px) {
    h1 {
        font-size: 40px
    }
    h2 {
        font-size: 35px
    }
    h3 {
        font-size: 30px
    }
    h4 {
        font-size: 24px
    }
    p,
    ul > li {
        font-size: 15px
    }
    #bs-example-navbar-collapse-1 > ul {
        width: 81%;
        margin: 45px 3px 30px 3px;
        height: auto
    }
    #bs-example-navbar-collapse-1 > ul > li {
        padding: 10px 2.1%
    }
    #bs-example-navbar-collapse-1 > ul > li a {
        font-size: 14px
    }
    .navbar-brand > img {
        max-height: 78px;
        padding: 0
    }
    .navbar-nav {
        width: 70%;
        margin: 55px auto 40px auto;
        height: 70px
    }
    .navbar-nav > li {
        padding: 10px 20px
    }
    .nav.navbar-nav > li:last-child {
        display: none
    }
    ul.sub-menu {
        position: absolute;
        width: 250px;
        padding-left: 10px;
        text-align: left
    }
    ul.sub-menu > li > a {
        font-size: 16px !important
    }
    .rmp-intro {
        padding: 5% 0 25%
    }
    .rmp-find-your-home-cont > p {
        font-size: 30px;
        font-weight: bold
    }
    p.rmp-sect-p {
        margin: 50px 0 0 0;
        font-size: 15px
    }
    .col-md-6.col-sm-6.col-xs-6.noPad.rpm-location-col {
        width: 50%
    }
    .btn-redpatch,
    .btn-yellowpatch {
        display: none
    }
    .rmp-red-patch {
        width: 200px;
        height: 186px;
        background-size: 200px 186px;
        padding: 12px 20px 0px;
        padding: 7px 20px 0px;
        display: block;
        right: 0
    }
    .rmp-yellow-patch {
        width: 210px;
        height: 220px;
        background-size: 210px 220px;
        padding: 12px 20px 0px;
        padding: 7px 20px 0px;
        display: block;
        right: 0
    }
    .rmp-red-patch span,
    .rmp-yellow-patch span {
        font-size: 12px
    }
    .rmp-red-patch p,
    .rmp-yellow-patch p {
        font-size: 12px
    }
    .rmp-btn-red,
    .rmp-btn-red[type="submit"] {
        padding: 15px 0
    }
    .form-group.rmp-find-your-home-second-fld {
        margin-top: 25px !important
    }
    .form-inline .rmp-find-your-home-second-fld input,
    .form-inline .rmp-find-your-home-second-fld button,
    .form-inline .form-control {
        font-size: 15px !important
    }
    .rmp-location-fig img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }
    .rmp-location-fig figcaption {
        transform: translateY(-50%);
        top: 50%
    }
    .rmp-location-fig figcaption > h1 {
        margin-top: 0;
        font-size: 32px
    }
    p.rmp-loc-desc {
        opacity: 0;
        visibility: hidden;
        padding: 0 50px
    }
    .rmp-featuredlistings {
        padding: 5.7% 0 0 0
    }
    .flexslider.rmp-featuredlistings-flex {
        margin-top: 75px
    }
    .rmp-featured-listings-figcapt {
        top: 55%
    }
    .rmp-featured-listings-figcapt span,
    .rmp-featured-listings-figcapt h2,
    .rmp-bedbath-rooms-li span,
    .rmp-featuredlistings-flex ul.rmp-bedbath-rooms > li > img {
        text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.7)
    }
    .rmp-featuredlistings-flex ul.rmp-bedbath-rooms > li span {
        font-size: 14px
    }
    .rmp-featuredlistings-flex ul.rmp-bedbath-rooms > li > img {
        max-height: none
    }
    ul.rmp-bedbath-rooms,
    .rmp-bedbath-rooms {
        padding-left: 0;
        margin: 0 auto
    }
    figure.rmp-featured-listings-fig {
        height: 280px
    }
    a.btn-frm-yellow > br {
        display: block
    }
    .rmp-subscribe {
        padding: 5% 0
    }
    .rmp-subscribe-header {
        font-size: 24px
    }
    .rmp-form-subscribe input,
    .rmp-form-subscribe-lg input,
    .rmp-form-subscribe button,
    .rmp-form-subscribe-lg button {
        height: 55px;
        font-size: 15px
    }
    .rmp-form-subscribe input,
    .rmp-form-subscribe-lg input {
        width: 79% !important;
        float: left !important;
        border: 1px solid #9e9e9e
    }
    .rmp-form-subscribe-lg input[type="submit"] {
        width: 19% !important;
        float: right !important;
        border: 1px solid #9e9e9e
    }
    .rmp-form-subscribe button,
    .rmp-form-subscribe-lg button {
        width: 19% !important;
        font-size: 14px;
        font-family: 'Museo Sans 500';
        float: right !important
    }
    .rmp-form-subscribe {
        margin: 30px auto 0 !important
    }
    .rmp-footer span {
        font-size: 15px;
        text-align: left
    }
    .rmp-footer p {
        font-size: 20px;
        text-align: left
    }
    .rmp-footer-bottom small,
    .rmp-socicon {
        float: none !important;
        text-align: left;
        padding: 0;
        font-size: 13px
    }
    .rmp-socicon {
        float: right !important
    }
    .rmp-footer-bottom small {
        float: left !important
    }
    .rmp-footer-row .rmp-footer-logo {
        max-height: none;
        width: auto;
        margin: 0 auto 0 0
    }
    .rmp-location-filter {
        padding-top: 6%
    }
    .rmp-sect-p-head,
    .rmp-form-heading {
        font-size: 24px
    }
    .rmp-pagination-txt,
    .rmp-col-nearby-prop span {
        font-size: 18px
    }
    .rmp-pagination-li {
        margin-right: 9px;
        padding: 6px 14px
    }
    .rmp-pagination-li a {
        font-size: 14px
    }
    .rmp-left-detail-fig > figcaption span.rmp-result-pricetag {
        font-size: 21px;
        line-height: 1
    }
    .rmp-search-filter-result-desc {
        margin-top: 0
    }
    .rmp-search-filter-result-desc h3 {
        font-size: 23px
    }
    .rmp-search-filter-result-desc span {
        font-size: 16px
    }
    .rmp-search-filter-result-desc p {
        font-size: 15px
    }
    .rmp-search-filter-row {
        padding: 30px 18px
    }
    .rmp-search-filter-result-desc a.rmp-a-red.rmp-left-item.margT25 {
        margin: 0 0 0 auto
    }
    .rmp-search-filter-row:hover {
        background: #f7f7f7;
        border-radius: 6px
    }
    .rmp-subscribe-bg {
        padding: 5% 0px
    }
    .rmp-filter-breadcrumbs:first-child {
        padding-bottom: 2%;
        padding-top: 0
    }
    .rmp-filter-breadcrumbs:last-child {
        padding-top: 2%;
        padding-bottom: 0
    }
    .rmp-aboutus-desc {
        font-size: 15px
    }
    .rmp-aboutus {
        padding-bottom: 5%
    }
    .rmp-address-thumb-info {
        bottom: 5%;
        top: auto;
        text-align: left;
        padding-left: 5%
    }
    .rmp-address-thumb-container {
        height: 430px
    }
    .rmp-address-thumb-info h3 {
        font-size: 32px
    }
    .rmp-featured-listings-figcapt span,
    .rmp-address-thumb-info span {
        font-size: 15px
    }
    .rmp-address-list {
        padding-top: 20px
    }
    .rmp-address-list-phone small,
    .rmp-address-list-eadd small,
    .rmp-address-list-phone a,
    .rmp-address-list-eadd a {
        font-size: 13px
    }
    .rmp-address-thumb-container:after {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        display: none
    }
    .rmp-address-modal-content {
        width: auto;
        top: 20%
    }
    .rmp-address-modal-content .modal-body {
        padding: 50px
    }
    .rmp-address-modal-content .modal-body p {
        font-size: 14px
    }
    .rmp-modal-loc-info h4 {
        font-size: 26px
    }
    .rmp-modal-loc-info p,
    .rmp-modal-loc-info a {
        font-size: 14px
    }
    .rmp-address-modal-content > .modal-content > .modal-header {
        padding: 35px 0 0 35px;
        height: 190px
    }
    .rmp-address-modal-content button.close {
        top: -40px;
        right: 10px;
        font-size: 18px
    }
    .rmp-generic-formpg {
        padding: 2.1% 0 5.5%
    }
    .googleMapBox {
        width: auto
    }
    .noPadL.rmp-generic-field {
        padding: inherit inherit inherit 0px !important;
        padding-right: 15px !important
    }
    .noPadR.rmp-generic-field {
        padding: inherit 0px inherit inherit !important;
        padding-left: 15px !important
    }
    .rmp-generic-form input,
    .rmp-generic-form select,
    .rmp-generic-form textarea {
        height: 45px;
        font-size: 12px
    }
    .rmp-generic-form textarea {
        height: auto
    }
    .rmp-generic-form {
        padding: 6% 12% 0;
        margin-top: 0
    }
    .rmp-col-nearby-prop {
        width: 25%
    }
    .custom-controls-container > .flex-control-nav.flex-control-paging,
    .custom-navigation.rmp-property-nav-slider {
        font-size: 16px
    }
    .rmp-property-details p {
        margin: 25px 0
    }
    .rmp-custom-pagntn-property {
        padding: 15px 10px 15px
    }
    .heading-search {
        font-size: 22px
    }
    .rmp-find-your-home-second-fld input.no-rooms {
        width: 15%
    }
    .rmp-find-your-home-second-fld input.min-price,
    .rmp-find-your-home-second-fld input.max-price {
        width: 19%
    }
    form .rmp-find-your-home-second-fld input.btn-frm.rmp-btn-red {
        width: 17%;
        margin-right: 3.2% !important;
        padding: 0
    }
    .rmp-find-your-home-second-fld a.btn-frm-yellow {
        width: 17%;
        margin-right: 0% !important;
        background: #eeeb00 !important;
        color: #000 !important;
        font-weight: bold;
        padding-top: 12px;
        border: none;
        text-shadow: none;
        font-family: 'Museo Sans 300';
        font-weight: bold;
        border-radius: 5px;
        padding: 5px 0 6px;
        margin-top: 0px !important;
        line-height: 17px
    }
    #modalPDF .modal-dialog {
        -webkit-transform: translate(0, 35%) !important;
        -ms-transform: translate(0, 35%) !important;
        -o-transform: translate(0, 35%) !important;
        transform: translate(0, 35%) !important
    }

}

@media only screen and (min-width: 1140px) {
    .rmp-red-patch {
        width: 230px;
        height: 214px;
        background-size: 230px 214px;
        padding: 12px 30px 0px
    }
    .rmp-yellow-patch {
        width: 230px
    }
    .rmp-red-patch span,
    .rmp-yellow-patch span {
        font-size: 13px
    }
    .rmp-red-patch p,
    .rmp-yellow-patch p {
        font-size: 15px
    }
}

@media only screen and (min-width: 1100px) {
    .rmp-red-patch {
        width: 230px;
        height: 214px;
        background-size: 230px 214px;
        padding: 12px 30px 0px
    }
    .rmp-yellow-patch {
        width: 230px
    }
    .rmp-red-patch span,
    .rmp-yellow-patch span {
        font-size: 13px
    }
    .rmp-red-patch p,
    .rmp-yellow-patch p {
        font-size: 15px
    }
    .navbar-nav > li {
        padding: 10px 25px
    }
}

@media only screen and (min-width: 1200px) {
    #bs-example-navbar-collapse-1 > ul {
        width: 75%;
        margin: 55px auto 30px auto;
        height: 55px
    }
    #bs-example-navbar-collapse-1 > ul > li {
        padding: 10px 25px
    }
    #bs-example-navbar-collapse-1 > ul > li a {
        font-size: 16px
    }
    .rmp-location-fig figcaption {
        transform: translateY(-50%);
        top: 50%
    }
    .rmp-location-fig figcaption > h1 {
        /* font-size: 29px */
        font-size: 26px
    }
    p.rmp-loc-desc {
        padding: 0 20px
    }
    .col-md-6.col-sm-6.col-xs-6.noPad.rpm-location-col {
        width: 25%
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 16px
    }
    .nav.navbar-nav {
        width: 90%;
        margin: 55px auto 30px auto
    }
    .rmp-red-patch {
        width: 220px;
        height: 204px;
        background-size: 220px 204px;
        padding: 12px 20px 0px
    }
    .rmp-yellow-patch {
        width: 220px
    }
    .rmp-red-patch span,
    .rmp-yellow-patch span {
        font-size: 12px
    }
    .rmp-red-patch p,
    .rmp-yellow-patch p {
        font-size: 14px
    }
    .navbar-nav > li {
        padding: 10px 25px
    }
    .rmp-find-your-home-second-fld a.btn-frm-yellow {
        width: 17%
    }
    #modalPDF .modal-dialog {
        -webkit-transform: translate(0, 35%) !important;
        -ms-transform: translate(0, 35%) !important;
        -o-transform: translate(0, 35%) !important;
        transform: translate(0, 35%) !important
    }
}

@media only screen and (min-width: 1295px) {
    .rmp-red-patch {
        width: 220px;
        height: 204px;
        background-size: 220px 204px;
        padding: 12px 20px 0px;
        right: 0
    }
    .rmp-yellow-patch {
        width: 220px;
        height: 240px;
        background-size: 220px 240px;
        padding: 12px 20px 0px;
        right: 0
    }
    .rmp-red-patch span,
    .rmp-yellow-patch span {
        font-size: 12px
    }
    .rmp-red-patch p,
    .rmp-yellow-patch p {
        font-size: 14px
    }
    .navbar-nav > li {
        padding: 10px 30px
    }
    .navbar-brand > img {
        max-height: 93px;
        padding: 0
    }
    #bs-example-navbar-collapse-1 > ul {
        width: 90%;
        margin: 55px auto 30px auto;
        height: 70px
    }
    #bs-example-navbar-collapse-1 > ul > li {
        padding: 10px 25px
    }
    #bs-example-navbar-collapse-1 > ul > li a {
        font-size: 17px
    }
    .rmp-find-your-home-second-fld a.btn-frm-yellow {
        width: 17%
    }
}

@media only screen and (min-width: 1450px) {
    .rmp-location-fig figcaption > h1 {
        /* font-size: 40px */
        font-size: 30px;
    }
    .col-md-6.col-sm-6.col-xs-6.noPad.rpm-location-col {
        width: 25%
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 18px
    }
    .nav.navbar-nav {
        width: 100%
    }
    .rmp-red-patch {
        width: 253px;
        height: 235px;
        padding: 12px 40px 0px;
        background-size: 253px 235px;
        right: 20px
    }
    .rmp-yellow-patch {
        width: 253px;
        height: 300px;
        padding: 12px 40px 0px;
        background-size: 253px 300px;
        right: 0
    }
    .rmp-red-patch span,
    .rmp-yellow-patch span {
        font-size: 14px
    }
    .rmp-red-patch p,
    .rmp-yellow-patch p {
        font-size: 16px
    }
    .navbar-nav > li {
        padding: 10px 30px
    }
    .navbar-brand > img {
        max-height: none
    }
    .rmp-find-your-home-second-fld a.btn-frm-yellow {
        width: 17%
    }

}


@media only screen and (min-width: 768px) and (max-width: 1450px) {
	#rmp-body { position: relative; }
	.btn-yellowpatch-student { 
		display: block; 
	}
	.rmp-student-accomodation-patch{
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.rmp-student-accomodation-patch { display: none; }
	.rmp-yellow-patch-mobile { display: block; }
	.rmp-student-accomodation-patch-mobile {
		display: block; 
		padding: 20px 10px;
		margin: 0 auto;
		width: 100%;
		max-width: 420px;
		background: rgba(238, 235, 0, 0.4);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
		/* .rmp-sap-content-mobile br { display: none; } */
		.rmp-sap-content-mobile {
			text-align: center;
			color: #fff;
		}
		.rmp-sap-content-mobile p {
			font-family: 'Museo Sans 700';
			font-size: 14px;
			color: #fff;
			line-height: 1.4;
		}
		.rmp-sap-content-mobile .btn {
			margin: 0 0 15px;
			background: #ed1c24;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border: none;
		    text-shadow: none;
		    color: #FFF;
		    font-family: 'Museo Sans 500';
		    font-size: 12px !important;
		    text-align: center !important;
		}
		.rmp-sap-content-mobile span {
			display: block;
			font-family: 'Museo Sans 500';
			font-size: 12px;
		}
	#rmp-student-accomodation-patch-btn,
	#rmp-yellow-patch-for-btn,
	.btn-yellowpatch-student { display: none !important; }
}
