.wrapper {
    width: 100%;
    margin: 0;
    padding: 60px 0 0;
    position: relative;
}

/* Header */
.real_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 60px;
    transition: all 0.3s ease;
}
.noscroll .real_header {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
}

/* Main Header */
.real_mainheader {
    height: 60px;
}
.main_header {
    display: flex;
    align-items: center;
    padding: 10px 0;
}
/* Logo */
.real_logo {
    margin: 0 40px 0 0;
}
.real_logo img {
    height: 36px;
    width: auto;
    display: block;
}
/* Menu */
.real_menu {
    display: flex;
    align-items: center;
    margin-left: auto;
    flex-direction: row-reverse;
}

.web_menu {
    height: 40px;
}
.web_menu,
.web_menu ul,
.web_menu li,
.web_menu a,
.web_menu span {
    border: none;
    outline: none;
}

.web_menu > li {
    float: left;
    display: inline-block;
    margin: 0;
    text-align: center;
    line-height: 40px;
    position: relative;
}
.web_menu > li.menu-item-has-children:before {
    content: "\f104";
    font-family: "propertix-font";
    position: absolute;
    right: 18px;
    transform: rotate(180deg);
}

.web_menu li > a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0 25px 0 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 40px;
    position: relative;
    transition: all 0.2s ease;
}
.web_menu > li.menu-item-has-children a {
    padding: 0 35px 0 0;
}
.web_menu li > .sub-menu {
    border-width: 0;
    border-style: solid;
    padding: 0;
    position: absolute;
    width: 130px;
    top: 40px;
    left: -20px;
    opacity: 0;
    transform: perspective(1000px) rotateX(-90deg);
    transform-origin: top center;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
}

.web_menu li:hover > .sub-menu {
    opacity: 1;
    transform: perspective(1000px) rotateX(0deg);
    visibility: visible;
}

.web_menu li > .sub-menu > li {
    display: block;
    float: none;
    text-align: left;
    position: relative;
}

.web_menu li > .sub-menu > li:hover {
    background: rgba(0, 0, 0, 0.02);
}

.web_menu li > .sub-menu > li > a {
    padding: 8px 15px;
    line-height: 1.25;
    font-size: 15px;
    font-weight: 400;
}
.web_menu li > .sub-menu > li.menu-item-has-children:before {
    position: absolute;
    right: 16px;
    top: -4px;
    content: "\f104";
    font-family: "propertix-font";
    transform: rotate(180deg);
}

.web_menu li > .sub-menu > li > ul {
    top: 0;
    left: calc(100% - 10px);
}

.real_openmenu {
    margin-left: auto;
    height: 17px;
    width: 30px;
    position: relative;
    display: none;
}
.real_openmenu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    border-width: 2px 0;
    border-style: solid;
    transition: all 0.2s ease;
}
.real_openmenu:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 0;
    border-width: 0 0 2px;
    border-style: solid;
    transition: all 0.2s ease;
}
.open_real_menu .real_openmenu:before {
    left: 6px;
}
.open_real_menu .real_openmenu:after {
    left: 0;
}

/* User Access */
.real_useraccess {
    margin-left: auto;
    padding-left: 30px;
    display: flex;
    align-items: center;
    height: 40px;
}
.addpro {
    margin-right: 30px;
    display: flex;
    align-items: center;
    position: relative;
}
.logout_tooltip:after {
    content: "Anda belum Login";
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 120px;
    padding: 10px;
    background: #fff;
    color: #555;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: none;
    font-weight: 400;
    z-index: 1;
}
.logout_tooltip:hover:after {
    display: block;
}
.login_tooltip:after {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 120px;
    padding: 10px;
    background: #fff;
    color: #555;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: none;
    font-weight: 400;
    z-index: 1;
}
.login_jual:after {
    content: "Jual Property";
}
.login_sewa:after {
    content: "Sewakan Property";
}
.login_tooltip:hover:after {
    display: block;
}
.addpro i {
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0 6px 0 0;
    text-align: center;
    border-radius: 27px;
    font-size: 12px;
}

.property_headaccess {
    display: inline-block;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.slogin {
    display: inline-block;
    float: left;
    position: relative;
    height: 26px;
    line-height: 26px;
    margin: 0;
    text-align: center;
    border-radius: 5px;
}
.slogin a {
    display: block;
    padding: 0 12px;
    border-radius: 4px;
	border-width: 1px;
	border-style: solid;
}
.sregister {
    display: inline-block;
    float: left;
    position: relative;
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 10px;
    text-align: center;
    border-radius: 5px;
}
.sregister a {
    display: block;
    padding: 0 12px;
    border-radius: 4px;
	border-width: 1px;
	border-style: solid;
}

/* ajax-auth */

.ajax-auth {
    position: fixed;
    top: 60px;
    right: 0;
    left: 0;
    height: 100%;
    display: none;
    backdrop-filter: blur(10px);
    z-index: 10;
}
.ajax-auth.showform {
    display: flex;
    align-items: center;
    overflow-y: auto;
}

.formim {
    width: 280px;
    margin: 0 auto;
    padding: 50px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.formim:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    left: 50%;
    height: 8px;
    border-radius: 0 0 10px 10px;
}
.pro_form {
    line-height: 1.3;

    text-align: left;
}
.pro_form h3 {
    font-size: 18px;
    margin: 0 0 10px;
}
.pro_form .close {
    float: right;
    cursor: pointer;
    color: #d33;
}
.logajax {
    margin: 0 0 16px;
}
.logajax input {
    height: 42px;
    line-height: 42px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 8px;
    padding: 0 14px;
    width: calc(100% - 30px);
    font-size: 16px;
    box-shadow: 0 0 10px inset rgba(0, 0, 0, 0.05);
}
.btlog {
    font-size: 16px;
}
.robot {
    margin: 0 0 5px;
}
#robot {
    margin: 4px 4px 4px 0;
}
.logajax label {
    padding: 4px 0 0;
    display: block;
    font-size: 13px;
    font-family: Montserrat;
}
.submit_button {
    margin: 5px 0;
    border: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
}
.footer_form {
    padding: 10px 0 0;
}

/* Search Area */
.real_top_block {
    padding: 50px 0;
    position: relative;
}
.real_top_block:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 1px;
    z-index: 1;
    opacity: 0.1;
}
.real_top_head {
    max-width: 800px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

.real_box_search {
    margin: -50px auto 30px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.real_box_top {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    height: 50px;
    align-items: center;
    padding: 0 30px;
    margin: 0;
}
.real_box_top:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    opacity: 0.15;
}
.real_box_switch {
    margin-right: auto;
    display: flex;
    align-items: center;
}
.real_box_switch span {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 25px 0 0;
    padding: 0 8px;
    font-weight: bold;
    font-size: 16px;
    height: 50px;
}

.real_box_switch span:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
}

.property_search {
    padding: 25px;
}
.outer_search {
    position: relative;
}
.outer_sell {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    grid-gap: 20px;
}
.outer_sell .sell1,
.outer_sell .sell2,
.outer_sell .sell3,
.outer_sell .sell4 {
    grid-column: span 3;
}
.outer_sell .sell5 {
    grid-column: span 1;
}

.outer_rent {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    grid-gap: 20px;
}
.outer_rent .rent1,
.outer_rent .rent2,
.outer_rent .rent3,
.outer_rent .rent4 {
    grid-column: span 3;
}
.outer_rent .rent5 {
    grid-column: span 1;
}
#rent_form {
    display: none;
}
.sewaan {
    position: absolute;
    top: -74px;
    left: 150px;
    font-weight: bold;
    font-size: 16px;
}
.radio-group {
    display: flex;
    height: 46px;
    align-items: center;
}
.radio-label {
    margin: 0 20px 0 0;
    border-radius: 5px;
}
.inner_column {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    padding: 1px;
    height: 44px;
}
.inner_column.noafter {
    border: 0;
    height: auto;
}
.inner_column:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 6px;
    opacity: 0.3;
}
.sewaan .inner_column:after {
    border: 0;
    z-index: -1;
}
.inner_column select {
    position: relative;
    z-index: 2;
    width: 100%;
    appearance: none;
    height: 44px;
    line-height: 44px;
    border: 0 !important;
    padding: 0 15px;
    font-size: 15px;
}
.inner_column input[type="text"] {
    position: relative;
    z-index: 2;
    width: calc(100% - 30px);
    height: 44px;
    line-height: 44px;
    border: 0 !important;
    padding: 0 15px;
    font-size: 15px;
    border-radius: 5px;
}
.inner_column i {
    position: absolute;
    right: 0;
    top: 1px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    opacity: 0.5;
    text-align: center;
    z-index: 4;
}

.property_button {
    text-align: right;
    z-index: 4;
}
.property_button button {
    width: 100%;
    border: 0;
    height: 46px;
    line-height: 46px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.select2-container {
    width: 100% !important;
}
.inner_column .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    font-size: 15px;
    padding: 0 15px;
    border-radius: 5px;
}
.inner_column .select2-container .select2-selection--single .select2-selection__rendered {
    position: relative;
    z-index: 2;
}
.inner_column .select2-container--default .select2-selection--single {
    position: relative;
    padding: 0;
    line-height: 44px;
    height: 44px;
}
.inner_column .select2-container--default .select2-selection--single:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: 0;
    opacity: 0.1;
    z-index: 1;
}
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
}
.select2-results__option {
    padding: 10px 15px !important;
    font-size: 15px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 44px;
    line-height: 44px;
    border: 1px solid rgba(125, 125, 125, 0.3) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    opacity: 0;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}
.pricing-range {
    margin: 0 -8px;
}

/* Location */
.real_top_location {
    padding: 0 0 30px;
    display: flex;
}
.real_top_location a {
    display: block;
    padding: 8px 8px;
    font-size: 15px;
    margin: 0 0 1px 0;
    border-radius: 6px;
}

/* Breadcrumb */
#breadcrumb {
    position: relative;
    padding: 6px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.breadcrumbs {
    position: relative;
    z-index: 3;
    font-size: 13px;
}

.inbread {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* Archive */
.real_arsip_title {
    font-size: 24px;
    margin: 0 0 15px;
}
.real_arsip_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin: 0 0 30px;
}
.real_arsip_loop {
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    overflow: hidden;
}
.arsip_image {
	position: relative;
    height: 150px;
    margin: 0 0 15px;
    padding: 15px;
}
.arsip_image:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.1;
}
.arsip_image img {
	position: relative;
	z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.real_ribbon {
    position: absolute;
    padding: 5px 0;
    width: 150px;
    text-align: center;
    top: 15px;
    right: -30px;
    transform: rotate(35deg);
    font-weight: bold;
    font-size: 13px;
    z-index: 3;
}
.arsip_detail {
    padding: 0 20px 20px;
}
.arsip_detail h2 {
    font-size: 18px;
    text-transform: capitalize;
    margin: 0 0 8px;
}

.arsip_location {
    display: flex;
    margin: 0 0 15px;
}
.type_name {
    margin-left: auto;
}
.loc_name {
    margin: 0 0 0 5px;
}
.arsip_meta {
    margin: 0 0 8px;
    display: flex;
    font-size: 14px;
}
.arsip_cat a {
    display: none;
}
.arsip_cat a:first-child {
    display: block;
}
.arsip_meta span {
    margin-left: auto;
}
.arsip_ext {
    font-size: 14px;
}
.arsip_price {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}
.current_real {
    font-weight: bold;
    font-size: 22px;
    margin-right: 10px;
}
.correct_real {
    margin-left: auto;
    text-decoration: line-through;
}

.arsip_call {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    font-weight: bold;
}
.arsip_agen_call {
    padding: 8px 16px;
    display: block;
    border-radius: 5px;
    text-align: center;
	border-width: 2px;
	border-style: solid;
}
.arsip_agen_chat {
    padding: 8px 16px;
    display: block;
    border-radius: 5px;
    text-align: center;
	border-width: 2px;
	border-style: solid;
}

/* Author */
.author_image {
    text-align: center;
    padding: 30px;
}
.author_image img {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    display: block;
    margin: 0 auto 30px;
}
.author_title {
    text-align: center;
    text-transform: capitalize;
}
.author_call {
    display: flex;
    justify-content: center;
    margin: 0 0 50px;
}
.author_call a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    margin: 0 3px;
    border-radius: 30px;
}

/* 404 */
.real_404 {
    padding: 150px 50px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    border-radius: 15px;
    margin: 0 0 30px;
}

/* Pagination */
.property_pagination {
    margin: 0 0 30px;
    text-align: center;
    position: relative;
}
.property_pagination a {
    display: inline-block;
}
.just_featured .property_pagination {
    margin: 0 10px 30px;
}
.property_pagination span {
    display: inline-block;
    height: 30px;
    width: 36px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Single */
.real_content {
    padding: 20px 0;
}
.real_article {
    width: calc(100% - 345px);
    float: left;
}
.sp__image {
    margin: 0 0 30px;
}
.sp__image img {
    border-radius: 15px;
    display: block;
}
.real_title {
    font-size: 40px;
    line-height: 1.15;
    margin: 0 0 20px;
}
.sp__article {
    font-size: 16px;
    line-height: 1.4;
}

.sp__article p {
    margin: 0 0 15px;
}

.sp__article img {
    max-width: 100%;
    height: auto;
    margin: 0 0 20px;
}

.sp__article img.alignleft {
    float: left;
    margin: 0 30px 20px 0;
}

.sp__article img.alignright {
    float: right;
    margin: 0 0 20px 30px;
}
.sp__article .wp-caption {
    max-width: 100%;
}
.sp__article iframe {
    max-width: 100%;
}
.sp__article blockquote {
    margin: 0 0 20px;
    padding: 20px 20px 10px 50px;
    background: rgb(0, 0, 0, 0.05);
}
.sp__article table td {
    vertical-align: top;
    border: 1px solid #ddd;
}
.sp__article ul {
    margin: 0 0 20px;
    list-style: disc !important;
}

.sp__article ol {
    margin: 0 0 20px;
    list-style: decimal !important;
}

.sp__article li {
    margin: 0 0 0 15px;
}

.sp__article li ol,
.sp__article li ul {
    margin: 0;
}

.sp__meta {
    font-size: 13px;
    margin: 0 0 10px;
    display: flex;
}
.sp__meta span {
    margin-left: auto;
}
.sp__tags {
    padding: 15px 0;
    margin: 0;
}
.sp__tags a {
    margin: 0 0 4px 0;
    padding: 0;
    line-height: 26px;
    line-height: 26px;
    font-family: Montserrat;
    font-size: 13px;
    display: inline-block;
}

/* Comments */
.comment_leads {
    font-size: 18px;
    margin: 0 0 15px;
}
#comments {
    font-size: 14px;
}
.comment__listing .navigation {
    padding: 15px 0;
}
.commentlist li {
    margin: 0 0 30px;
    font-size: 13px;
    line-height: 1.4;
}
.commentlist .children {
    padding-left: 30px;
}
.comment-meta {
    margin: 0 0 8px;
}
.comment-author,
.comment_message {
    margin: 0 0 10px;
}
.comment-meta .avatar {
    float: left;
    margin: 0 25px 0 0;
    width: 45px;
    height: 45px;
    border-radius: 5px;
}
.comment-metadata {
    font-size: 12px;
    margin: 0 0 10px;
	opacity: 0.85;
}

.comment-body {
    margin: 0 0 25px;
}
.comment-content,
.reply {
    margin: 0 0 8px 70px;
}
.reply a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 10px !important;
    padding: 0 15px;
    margin: 0 2px 6px;
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: rgba(0, 0, 0, 0.1);
}
.comment-content p,
.comment-content ul {
	margin: 0 0 15px;
}

.comment-reply-title {
    display: none;
}
#commentform {
    margin: 0;
}
.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent,
.form-submit {
    margin: 0 0 10px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: calc(33.33% - 20px);
    float: left;
}
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
}
.comment-notes {
    font-size: 14px;
}
textarea#comment {
    border: 1px solid rgba(125, 125, 125, 0.3);
    padding: 10px;
    width: calc(100% - 22px);
    box-shadow: 0 0 10px inset rgba(0, 0, 0, 0.05);
    font-size: 13px;
    margin: 0 0 15px;
}
input#author,
input#email,
input#url {
    border: 1px solid rgba(125, 125, 125, 0.3);
    padding: 5px 10px;
    width: calc(100% - 22px);
    height: 30px;
    line-height: 30px;
    box-shadow: 0 0 10px inset rgba(0, 0, 0, 0.05);
    font-size: 14px;
    margin: 0 0 15px;
}
.comment-form-cookies-consent label {
    font-size: 14px;
}
#wp-comment-cookies-consent {
    margin: 4px 8px 4px 0;
}
.form-submit {
    text-align: right;
}
input#submit {
    height: 36px;
    display: inline-block;
    line-height: 36px;
    padding: 0 15px;
    border: 0;
    font-size: 14px;
    font-weight: 700;
}

/* Sidebar */
.real_bar {
    width: 320px;
    float: right;
    position: sticky;
    top: 80px;
}
.related_head {
    font-size: 22px;
    margin: 0 0 15px;
}
.related_loop {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
}

/* PJP */
.realty_pjp {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 15px;
    padding: 28px;
	position: relative;
    margin: 20px 0;
}
.pjp_text {
	position: relative;
	z-index: 2;
    margin: 0 0 20px;
    font-size: 16px;
}

.pjp_legal {
	position: relative;
	z-index: 2;
    display: block; 
    padding: 10px 30px;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
}

/* Single Property */
.row_reverse {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}

.realty_feat {
    margin: 0 0 15px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.realty_feat img {
    display: block;
    border-radius: 10px;
}
.realty_feat span {
    position: absolute;
    top: 0px;
    right: 30px;
    width: 80px;
    padding: 8px 0 12px;
    font-weight: bold;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
    z-index: 1;
}

.single_meta {
    display: flex;
    padding: 15px;
    align-items: center;
}
.realty_top_content {
    margin: 0 30px 0 0;
    width: 50%;
}
.realty_title {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 6px;
    line-height: 1.2;
}

.realty_top_data {
    display: flex;
    margin-left: auto;
}

.realty_type {
    padding: 0 0 0 20px;
    margin: 0 0 0 20px;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
}
.realty_loc {
    padding: 0 0 0 20px;
    margin: 0 0 0 20px;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
}
.top_datas {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 2px;
    line-height: 1.2;
}
.top_datas span {
    font-size: 80%;
}
.bot_datas {
    opacity: 0.6;
}

/* Realty Detail */
.realty_blank {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin: 0 0 20px;
}

/* Detail Agent */
.realty_agent {
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
    padding: 28px;
    grid-column: span 2;
}
.realty_agent .agen_block {
    display: flex;
    align-items: center;
	width: 100%;
}
.realty_agent img {
    width: 150px;
    height: 150px;
    margin: 0 25px 0 0;
    border-radius: 8px;
    box-shadow: 6px 10px 20px rgba(0, 0, 0, 0.06);
}
.agent_pro {
    width: calc(100% - 175px);
}
.agent_link {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.15;
    margin: 0 0 5px;
    text-transform: capitalize;
}

.agent_biodata {
    margin: 20px 0 0;
}

/* Detail Share */

.realty_share {
    border-radius: 6px;
    padding: 20px 28px;
    width: 280px;
    grid-column: span 1;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.share_heading {
    font-size: 18px;
    margin: 0 0 10px;
}
.share_link {
    display: flex;
    margin: 0 0 20px;
}
.share_link a {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    margin: 0 10px 0 0;
    display: flex;
}
.share_link a:last-child {
    margin: 0;
}
.share_link i {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin: 5px;
    border-radius: 26px;
    font-size: 12px;
}
.share_link .icon-facebook {
    background: #2073c6;
    color: #fff;
}
.share_link .icofont-x {
    background: #333333;
    color: #fff;
}
.share_link .icon-whatsapp {
    background: #0dca8c;
    color: #fff;
}

.share_link .icon-telegram {
    background: #4490dc;
    color: #fff;
}
.share_link .icon-linkedin {
    background: #1362b2;
    color: #fff;
}
.share_link .icon-pinterest {
    background: #dd3344;
    color: #fff;
}
.share_copy {
    margin: 0 0 10px;
}
.share_input {
    display: flex;
    align-items: center;
    height: 36px;
    border: 1px solid rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.06);
    border-radius: 6px;
    padding: 0 10px 0 15px;
}
.share_input span {
    display: block;
    border: 0;
    background: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: 30px;
}
.share_input i {
    margin-left: auto;
}

.agent_button {
	display: none;
}

/* Detail Gallery */
.realty_gallery {
    position: sticky;
    top: 80px;
    float: left;
    width: calc(100% - 355px);
    margin: 0 0 20px;
    column-gap: 10px;
}
.grid1 {
    column-count: 1;
}
.grid2 {
    column-count: 2;
}
.grid3 {
    column-count: 3;
}
.gallery_grid {
    display: grid;
    grid-template-rows: 1fr auto;
    break-inside: avoid;
    margin: 0 0 10px;
}
.gallery_grid img {
    display: block;
    width: 100%;
    border-radius: 6px;
}

/* Detail Facility */

.realty_facility {
    position: sticky;
    top: 80px;
    float: right;
    width: 294px;
    border-radius: 6px;
    display: block;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
    margin: 0 0 20px;
}
.fac_head {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px;
}
.fac_grup {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 12px;
    margin: 0 0 20px;
}
.fac_listing {
    display: flex;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.06);
}
.fac_listing span {
    margin-left: auto;
}
.fac_feat {
    display: flex;
    position: relative;
    padding: 10px 12px 10px 25px;
}
.fac_feat:before {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
    height: 10px;
    width: 15px;
    background: #777;
    border-radius: 20px;
}
.fac_feat:nth-child(n + 1):before {
    background: #f66;
}
.fac_feat:nth-child(n + 2):before {
    background: #9666ff;
}
.fac_feat:nth-child(n + 3):before {
    background: #1cc475;
}
.fac_feat:nth-child(n + 4):before {
    background: #f4a754;
}
.fac_feat:nth-child(n + 5):before {
    background: #b3c153;
}
.fac_feat:nth-child(n + 6):before {
    background: #626bf4;
}
.fac_feat:nth-child(n + 7):before {
    background: #dd3344;
}
.fac_feat:nth-child(n + 8):before {
    background: #5dbaf2;
}
.fac_feat:nth-child(n + 9):before {
    background: #98d60f;
}

/* Maps Detail */
.realty_maps {
	border-radius: 6px;
	overflow: hidden;
	margin: 0 0 20px;
}
.realty_maps iframe {
    width: 100%;
    display: block;
}
/* Article Detail */
.realty_article {
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  margin: 0 0 20px;
}
/* Video Detail */
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.responsive-video iframe, .responsive-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.real_article .breadcrumbs {
	display: none;
}
/* Related Detail */
.realty_more {
  font-size: 22px;
  text-transform: capitalize;
  margin: 0 0 20px;
}
.real_single_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  margin: 0 0 20px;
}

/* Single Testimoni */
.real_tess_grid {
	column-count: 4;
	column-gap: 10px;
}
.realty_test_loop {
	border-radius: 8px;
	padding: 15px;
	display: grid;
	grid-template-rows: 1fr auto;
	break-inside: avoid;
	margin: 0 0 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.tes_top {
	display: flex;
	align-items: center;
	margin: 0 0 15px;
}
.tes_top img {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	margin: 0 15px 0 0;
}
.tes_name {
	font-size: 15px;
	font-weight: bold;
}
.tes_pro {
	font-size: 13px;
	opacity: 0.7;
}
.tes_star {
	margin: 0 0 10px;
}
.tes_article p,
.tes_article li {
	line-height: 1.4;
}
.tes_article p,
.tes_article ul {
	margin: 0 0 15px;
}
.tes_article p:last-child,
.tes_article ul:last-child {
	margin: 0;
}

/* Search */
.real_search_head {
	margin: 0 0 20px;
}
.real_rec {
	margin: 0 0 20px;
}





#sidebar {
    width: 420px;
    float: right;
    position: relative;
}
.sidebar_inner .widget_block {
    margin: 0 20px 30px;
    padding: 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

/* Footer */
#footbar {
    padding: 30px 0;
	margin: 0;
}
.column_footer {
    display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.footbar_inner {
    margin: 0;
}

.widget_block {
    margin: 0 0 30px;
    font-size: 15px;
    line-height: 1.4;
}

.widget_block h1 {
    font-size: 27px;
    margin: 0 0 15px;
    letter-spacing: -1px;
}

.widget_block h2 {
    font-size: 25px;
    margin: 0 0 15px;
    letter-spacing: -1px;
}

.widget_block h3 {
    font-size: 22px;
    margin: 0 0 15px;
    letter-spacing: -1px;
}

.widget_block h4 {
    font-size: 18px;
    margin: 0 0 15px;
}

.widget_block h5 {
    font-size: 17px;
    margin: 0 0 15px;
}

.widget_block h6 {
    font-size: 16px;
    margin: 0 0 15px;
}

.widget_block p {
    margin: 0 0 15px;
}

.widget_block ul,
.widget_block ol {
    margin: 0 0 10px;
}

.widget_block ul li,
.widget_block ol li {
    margin: 0 0 15px;
}

.widget_block blockquote {
    padding: 15px;
    background: rgba(0, 0, 0, 0.02);
    font-size: 16px;
}

.widget_block blockquote cite {
    font-size: 13px;
}

.widget_block .wp-block-code code {
    padding: 15px;
    background: rgba(0, 0, 0, 0.02);
}

.widget_block .wp-block-table {
    width: 100%;
}

.widget_block .wp-block-table td {
    padding: 10px;
    border: 1px solid rgba(125, 125, 125, 0.3);
    margin: 0 0 -1px -1px;
}

.widget_block .wp-block-pullquote blockquote {
    background: none;
}

.widget_block figcaption {
    font-size: 12px;
    padding: 5px 0;
}

.widget_block .wp-block-archives,
.widget_block .wp-block-categories {
    margin: 0;
    list-style: none;
}

.widget_block .wp-block-archives li,
.widget_block .wp-block-categories li {
    padding: 0 0 7px;
    margin: 0 0 7px;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.widget_block .wp-block-calendar table th {
    background: rgba(0, 0, 0, 0.05);
}

.widget_block .wp-block-calendar table caption {
    font-size: 16px;
    padding: 0 0 10px;
}

.widget_block .wp-calendar-nav {
    padding: 10px 0;
}

.widget_block .wp-block-latest-comments__comment {
    padding: 0 0 7px;
    margin: 0 0 7px;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.widget_block .wp-block-latest-comments__comment-excerpt p {
    line-height: 1.4;
}

.widget_block .wp-block-latest-comments__comment-date {
    font-style: italic;
}

.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li,
.widget_block .wp-block-pages-list__item {
    margin: 0;
    padding: 0 0 10px;
}

.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li time {
    font-size: 12px;
    line-height: 1.3;
}

.widget_block .wp-block-page-list {
    list-style: none;
}

.widget_block .wp-block-pages-list__item.has-child {
    padding: 0;
}

.widget_block .wp-block-pages-list__item.has-child .submenu-container {
    margin: 10px 0 0 15px;
}

.widget_block .wp-block-rss {
    list-style: none;
}

.widget_block .wp-block-rss__item {
    padding: 0 0 10px;
    margin: 0;
}

.widget_block .wp-block-tag-cloud a {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 14px !important;
    padding: 0 15px;
    margin: 0 2px 6px;
}

.widget_block .wp-block-search .wp-block-search__button {
    border: 0;
    height: 30px;
    line-height: 30px;
    width: 70px;
    padding: 0;
    margin-left: 10px;
    text-align: center;
    overflow: hidden;
}

.widget_block .wp-block-search .wp-block-search__input {
    border: 1px dashed rgba(125, 125, 125, 0.3);
    height: 30px;
    line-height: 30px;
    width: calc(100% - 90px);
    padding: 0 9px;
    background: #fff;
    color: #222;
    float: left;
}

.widget_block .wp-block-search .wp-block-search__label {
    margin: 0 0 6px;
    font-style: italic;
    display: block;
}

.widget_block.widget_meta li {
    padding: 0 0 10px;
}

.widget_block.widget_nav_menu li {
    padding: 0 0 10px;
}

.widget_block.widget_nav_menu li.menu-item-has-children {
    padding: 0;
}

.widget_block.widget_nav_menu li.menu-item-has-children ul.sub-menu {
    margin: 10px 0 0;
}

.widget_block .wp-block-video iframe {
    width: 100%;
    padding: 0 0 10px;
    height: 200px;
}

/* Company */
.compro table i {
    font-size: 16px;
    width: 30px;
}
.compro table td {
    padding: 0 0 15px;
}
.compro .number .icon-phone,
.compro .email_data .icon-mail {
    display: none;
}

/* Search */

.wp-block-search input {
    width: calc(100% - 100px) !important;
    height: 34px;
    padding: 0 10px;
}

/* Pos Terbaru */
.widget_post {
    margin: 0 0 20px;
}
.widget_thumb {
    position: relative;
    float: left;
    width: 120px;
    height: 90px;
    margin: 0 20px 0 0;
    background: #222222;
}
.widget_thumb img,
.widget_thumb_full img {
    width: 100%;
    height: auto;
    display: block;
}
.widget_thumb_full {
    position: relative;
    width: 100%;
    margin: 0 0 12px 0;
}
.widget_thumb span,
.widget_thumb_full span {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 20px);
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    z-index: 1;
}
.widget_info {
    float: right;
    width: calc(100% - 140px);
    line-height: 1.3;
}
.widget_info_full {
    padding: 0 15px;
    line-height: 1.3;
}
.widget_posttitle {
    position: relative;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 4px;
}
.widget_posttitle span.wsale {
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    line-height: 14px;
    padding: 0;
    width: 32px;
    text-align: center;
    font-size: 8px;
    font-weight: 400;
    letter-spacing: 1px;
}
.widget_posttitle span.wrent {
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    line-height: 14px;
    padding: 0;
    width: 32px;
    text-align: center;
    font-size: 8px;
    font-weight: 400;
    letter-spacing: 1px;
}
.widget_info_full .widget_posttitle {
    text-align: center;
    margin: 0 0 12px;
}
.widget_postspan {
    height: 12px;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Montserrat;
    margin: 0 0 6px;
}
.widget_info_full .widget_postspan {
    text-align: center;
}
.widget_half {
    float: left;
    width: 50%;
    text-align: center;
}

/* Widget Testomini */

.widget_testphoto {
    margin: 0 auto 15px;
}
.widget_testphoto img {
    width: 60px !important;
    height: 60px;
    margin-right: 25px;
    border-radius: 50px;
    float: left;
    border: 8px solid rgba(0, 0, 0, 0.05);
}
.widget_teststar {
    padding: 12px 0 0;
    font-size: 13px;
    letter-spacing: 2px;
}
.widget_test h5 {
    font-weight: 400;
    font-size: 16px;
    margin: 0 0 8px;
}
.widget_postsummary {
    font-weight: 400;
    margin: 0 0 30px;
    padding: 20px;
    text-align: left;
    background: rgba(0, 0, 0, 0.05);
}
.widget_testcity {
    float: right;
    width: calc(100% - 105px);
    font-size: 13px;
    line-height: 1.4;
    margin: 0 0 15px;
    font-weight: 400;
}
.widget_price {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 4px;
}
.widget_price span {
    font-size: 11px;
    font-weight: 400;
    font-family: Montserrat;
}

/* Slide Property */
.widget_slidelistpro {
    position: relative;
}
.widget_slidelistpro h2 {
    margin: 0 65px 15px 0;
}
.widget_slidelistpro .owl-theme .owl-nav {
    position: absolute;
    top: -46px;
    right: 0;
    width: 75px;
    margin: 0;
    z-index: 1;
}
.widget_slidelistpro .owl-theme .owl-nav [class*="owl-"] {
    margin: 0 0 0 3px;
    border-radius: 0;
    height: 24px;
    padding: 0;
    width: 30px;
    line-height: 23px;
}

/* Copyright */
.footer {
	padding: 20px 0 !important;
}
.copyright {
    text-align: center;
}

.form-notification {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 9999;
        max-width: 350px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    }
    
    .notification {
        background-color: #dd3333;
        color: white;
        padding: 16px 24px;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        animation: slideIn 0.3s ease, fadeOut 0.5s ease 2.7s forwards;
        transform: translateX(0);
        opacity: 1;
    }
    
    .notification.warning {
        background-color: #dd3333;
    }
    
    .notification.info {
        background-color: #dd3333;
    }
    
    .notification.success {
        background-color: #dd3333;
    }
    
    .notification-icon {
        margin-right: 12px;
        font-size: 20px;
    }
    
    .notification-content {
        flex: 1;
    }
    
    .notification-title {
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 2px;
    }
    
    .notification-message {
        font-size: 13px;
        opacity: 0.9;
    }
    
    @keyframes slideIn {
        from {
            transform: translateX(100%);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }
    
    @keyframes fadeOut {
        from {
            transform: translateX(0);
            opacity: 1;
        }
        to {
            transform: translateX(100%);
            opacity: 0;
        }
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .form-notification {
            top: 10px;
            right: 10px;
            left: 10px;
            max-width: none;
        }
        
        .notification {
            padding: 14px 20px;
        }
    }

/* Widget Slider */
.realty_inner_slide {
	margin: 30px 0;
	border-radius: 20px;
	overflow: hidden;
}
.slider_realty {
	position: relative;
	overflow: hidden;
}
.slider_realty_image {
	position: relative;
	overflow: hidden;
}
.slider_realty_image img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.slider_realty_box {
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.slider_realty_overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1;
	opacity: 0.4;
}
.slider_realty_inner {
	display: flex;
	flex-direction: column;
	padding: 50px;
}
#sd_center .slider_realty_inner {
	margin: 0 auto;
}
#sd_left .slider_realty_inner {
	margin-right: auto;
}
#sd_right .slider_realty_inner {
	margin-left: auto;
}


.slider_realty_tax {
	display: flex;
	margin: 0 0 15px 0;
	overflow: hidden;
	font-weight: bold;
}

.slider_realty_type {
	padding: 6px 15px;
	margin: -100% 15px 100% 0;
	border-width: 2px;
	border-style: solid;
  border-radius: 6px;
}
.is-visible .slider_realty_type  {
	margin: 0 15px 0 0;
	transition: all 1s ease .1s;
}
.slider_realty_location {
	padding: 6px 15px;
	margin: 100% 15px -100% 0;
	border-width: 2px;
	border-style: solid;
  border-radius: 6px;
}
.is-visible .slider_realty_location {
	margin: 0 15px 0 0;
	transition: all 1s ease .1s;
}


.slider_realty_meta {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
}
.slider_realty_head {
	position: relative;
	font-size: 50px;
	font-weight: 400;
	line-height: 1.15;
	opacity: 0;
}
.is-visible .slider_realty_head {
	transition: all 1s ease .4s;
	opacity: 1;
}
.label {
	opacity: 0;
}
.is-visible .label {
	transition: all .5s ease .2s;
	opacity: 1;
}
.label span {
	display: block;
	text-align: right;
}
.realty_price_real {
	font-size: 50px;
	display: block;
	text-align: right;
	transform: scale(0);
}
.is-visible .realty_price_real {
	transition: all .5s ease .4s;
	transform: scale(1);
}
.price_discount {
	font-size: 50px;
}
.is-visible .price_discount {
	transition: all .5s ease .4s;
	font-size: 20px;
}
.price_real {
	font-size: 50px;
	transform: scale(0);
}
.is-visible .price_real {
	transition: all .5s ease .4s;
	transform: scale(1);
}



.slider_realty_jual,
.slider_realty_sewa {
	position: absolute;
  top: -100px;
  right: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: 3;
}
.is-visible .slider_realty_jual,
.is-visible .slider_realty_sewa {
	transition: all .5s ease .3s;
	opacity: 1;
	top: 50px;
}

.slider_realty_nego {
	position: absolute;
  top: -100px;
  left: 50px;
  width: 46px;
  height: 46px;
  border-radius: 50px;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  border-width: 2px;
  border-style: dashed;
  z-index: 3;
}
.is-visible .slider_realty_nego {
	transition: all .5s ease .3s;
	opacity: 1;
	top: 50px;
}

.slider_realty_price {
	display: flex;
	align-items: center;
	justify-content: right;
}
.is-visible .slider_realty_price {
	transition: all 1s ease 1s;
	opacity: 1;
}
.prox_big_slide .splide__arrows {
	
}

.realty .ft_sell a,
.realty .ft_rent a {
  padding: 8px 30px;
  display: block;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px 0 0;
  text-transform: capitalize;
  font-weight: bold;
}

@media only screen and (max-width: 982px) {
    .wrapper {
        overflow-x: hidden;
    }
    /* HEADER */

    /* MENU */
    .real_menu {
        align-items: start;
        position: fixed;
        top: 60px;
        right: -110%;
        bottom: 0;
        width: 100%;
        background: #f7f7f7;
        z-index: 10;
        transition: all 0.3s ease-in-out;
    }
    .open_real_menu .real_menu {
        right: 0;
    }
    .fixed_menu {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background: #fff;
    }
    .mob_menu {
        padding: 10px 25px;
    }
    .mob_menu li {
        position: relative;
        float: none;
        display: block;
        line-height: 1.3;
        text-align: left;
    }
    .mob_menu li a {
        display: flex;
        line-height: 1.3;
        padding: 10px 0;
        font-size: 16px;
        font-weight: bold;
    }
    .mob_menu li.menu-item-has-children > a {
        margin-right: 25px;
    }
    .mob_menu li.menu-item-has-children:before {
        content: "\f104";
        font-family: "propertix-font";
        transform: rotate(180deg);
        position: absolute;
        right: 0;
        top: 10px;
        font-size: 16px;
    }
    .mob_menu li > .sub-menu,
    .mob_menu li:hover > .sub-menu {
        padding: 0;
        position: relative;
        width: auto;
        max-height: 0;
        /* Mulai dari tinggi 0 */
        overflow: hidden;
        opacity: 0;
        /* Mulai dari opacity 0 */
        transform: translateY(-10px);
        /* Geser ke atas sedikit */
        transition:
            max-height 0.3s ease,
            opacity 0.3s ease,
            transform 0.3s ease;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
    .mob_menu > li > .sub-menu,
    .mob_menu > li:hover > .sub-menu {
        margin: 0;
    }
    .mob_menu li.active > .sub-menu {
        max-height: 500px;
        /* Sesuaikan dengan ketinggian maksimal submenu */
        opacity: 1;
        transform: translateY(0);
        /* Geser kembali ke posisi normal */
    }
    .mob_menu li > .sub-menu > li {
        width: 100%;
    }
    .mob_menu li > .sub-menu > li a {
        padding: 8px 20px;
        font-size: 15px;
        position: relative;
    }
    .mob_menu li > .sub-menu > li a:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        left: 0;
        top: 14px;
    }
    .mob_menu li > .sub-menu > li.menu-item-has-children:before {
        top: 8px;
    }
    .real_openmenu {
        display: block;
    }
    .real_useraccess {
        width: 160px;
        padding: 25px 0;
        margin: 0 25px;
        height: auto;
        flex-direction: column;
    }
    .addpro {
        margin: 0 0 15px;
        width: 100%;
    }
    .logout_tooltip:before,
    .logout_tooltip:after {
        left: auto;
        right: 0;
    }
    .slogin {
        width: 100%;
        padding: 10px 0 15px;
    }
    .slogin a {
        display: block;
    }
    .sregister {
        width: 100%;
        padding: 0 0 15px;
        margin: 0;
    }
    .sregister a {
        display: block;
    }

    /* Arsip */
    .real_arsip_grid {
        grid-template-columns: repeat(3, 1fr);
    }
	.slider_realty_meta {
		grid-template-columns: repeat(3, 1fr);
	}
	.slider_realty_head {
		grid-column: span 2;
		font-size: 40px;
	}
	.slider_realty_price {
		grid-column: span 1;
	}
}

@media only screen and (max-width: 800px) {
    /* SEARCH */
    .outer_search {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .outer_sell .sell1,
    .outer_sell .sell2,
    .outer_sell .sell3,
    .outer_sell .sell4,
    .outer_rent .rent1,
    .outer_rent .rent2,
    .outer_rent .rent3,
    .outer_rent .rent4 {
        grid-column: span 1;
    }
    .outer_sell .sell5,
    .outer_rent .rent5 {
        grid-column: span 2;
    }
    /* Arsip */
    .real_arsip_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    /* Single */
    .real_article {
        width: 100%;
        margin: 0 0 50px;
    }
    .real_bar {
        width: 100%;
        position: static;
    }
    .real_bar.single_real_bar {
        position: fixed;
        width: auto;
		top: 0;
		left: -100%;
        right: 100%;
        bottom: 0;
        padding: 20px 20px 80px;
        background: #fff;
        overflow-y: auto;
		display: block;
		transition: all .3s ease;
        z-index: 101;
    }
	.callbutton .real_bar.single_real_bar {
		left: 0;
        right: 0;
	}
	.real_bar .real_arsip_loop {
		max-width: 380px;
		margin: 0 auto;
	}
	.realty_pjp {
		max-width: 322px;
		margin: 20px auto;
	}
    .related_loop {
        grid-template-columns: repeat(2, 1fr);
    }
    /* Single Jual */
    .row_reverse {
        display: flex;
    }
    .single_meta {
        flex-direction: column;
    }
    .realty_top_content {
        margin: 0 0 15px;
        width: 100%;
    }
    .realty_top_data {
        margin-left: 0;
        width: 100%;
    }
    .realty_type:first-child {
        padding: 0;
        margin: 0;
        border-width: 0 0 0 0;
    }
    .realty_pricing {
        grid-template-columns: repeat(1, 1fr);
    }

    .realty_feat img {
        border-radius: 0;
    }
	.realty_blank {
		margin: 0;
	}
	
	.realty_agent {
        position: fixed;
        bottom: -60px;
        right: 0;
        left: 0;
        padding: 20px 100px 80px 20px;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
        display: flex;
        align-items: center;
        z-index: 102;
    }
    .realty_agent img {
        width: 60px;
        height: 60px;
        border-radius: 10px;
        margin: 0 25px 0 0;
    }
    .agent_pro {
        width: calc(100% - 85px);
    }
    .agent_link {
        font-size: 15px;
        margin: 0 0 2px;
    }
    .agent_recall {
        font-size: 13px;
    }
    .agent_button {
		display: block;
        position: absolute;
        top: 0;
        right: 0;
		bottom: 0;
    }
    .agent_button i {
        display: inline-block;
        width: 50px;
        height: 100px;
        text-align: center;
        line-height: 100px;
        margin: 0;
        font-size: 18px;
        color: #098;
    }
	
    .agent_button i:first-child {
        border-right: 1px solid #eee;
        color: #f66;
    }
	.callbutton .cb {
		background: #faeded;
	}
	.sharebutton .sb {
		background: #e5fbf9;
	}
	.agent_biodata {
		display: none;
	}
	
	.realty_share {
		position: fixed;
		top: 0;
		left: 100%;
		right: -100%;
		bottom: 0;
		border-radius: 0;
		width: auto;
		display: flex;
		align-items: center;
		z-index: 101;
		transition: all .3s ease;
	}
	.sharebutton .realty_share {
		left: 0;
		right: 0;
	}
	.realty_inshare {
		width: 280px;
		margin: 0 auto 100px;
	}
	
	.realty_gallery {
		position: static;
		width: 100%;
	}
	.realty_facility {
		position: static;
		width: 100%;
		margin: 0 -20px;
		border-radius: 0;
	}
	.realty_maps,
.realty_article	{
  border-radius: 0;
  margin: 0 -20px;
}
.realty_more {
	margin: 20px 0;
}
.real_single_grid {
  grid-template-columns: repeat(2, 1fr);
}
/* Single Testimoni */
.real_tess_grid {
	column-count: 2;
}
.column_footer {
  grid-template-columns: repeat(2, 1fr);
}
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 720px) {
	.slider_realty_image {
	height: 500px;
}
.slider_realty_inner {
	padding: 30px;
}
.slider_realty_meta {
  grid-template-columns: repeat(1, 1fr);
}
.slider_realty_head {
  font-size: 30px;
}
.slider_realty_head {
		grid-column: span 1;
	}
	.slider_realty_price {
		grid-column: span 1;
	}
	.slider_realty_jual, 
	.slider_realty_sewa {
		right: 30px;
	}
	
	.is-visible .slider_realty_jual, 
	.is-visible .slider_realty_sewa {
		top: 30px;
	}
	.slider_realty_nego {
		left: 30px;
	}
	.is-visible .slider_realty_nego {
		top: 30px;
	}
}
@media only screen and (max-width: 640px) {
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 480px) {
    /* Arsip */
    .real_arsip_grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }
    /* Single */
    .related_loop {
        grid-template-columns: repeat(1, 1fr);
    }
	.real_single_grid {
  grid-template-columns: repeat(1, 1fr);
}
.column_footer {
  grid-template-columns: repeat(1, 1fr);
}
}

@media only screen and (max-width: 420px) {
    .wrapper {
        padding: 60px 0 0;
    }
    /* HEADER */
    .main_header {
        padding: 12px 0;
    }
    .real_logo img {
        height: 36px;
    }
    .addpro {
        font-size: 16px;
    }
    .logout_tooltip:after {
        font-size: 14px;
    }
    .slogin,
    .sregister {
        font-size: 15px;
        height: 36px;
        line-height: 36px;
    }
    .real_useraccess .slogin a,
    .real_useraccess .sregister a {
        border-width: 2px;
    }
    /* SEARCH */
    .real_top_block {
        padding: 30px 0;
    }
    .real_box_search {
        margin: -40px auto 20px;
    }

    .real_box_top {
        height: 40px;
        align-items: center;
        padding: 0 15px;
        margin: 0 0 10px;
    }

    .real_box_switch span {
        margin: 0 10px 0 0;
        padding: 0 5px;
        font-weight: bold;
        font-size: 14px;
        height: 40px;
    }

    .property_search {
        padding: 0 15px 15px;
    }

    .inner_column .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px;
        font-size: 13px;
        padding: 0 10px;
    }

    .inner_column {
        height: 36px;
    }
    .inner_column input[type="text"] {
        width: calc(100% - 20px);
        height: 36px;
        line-height: 36px;
        padding: 0 10px;
        font-size: 13px;
    }
    .inner_column i {
        width: 36px;
        height: 35px;
        line-height: 36px;
        font-size: 14px;
    }
    .property_button button {
        height: 36px;
        line-height: 36px;
    }

    .real_top_head {
        font-size: 22px;
        line-height: 1.2;
    }
    .sewaan {
        position: absolute;
        top: -50px;
        left: auto;
        right: 0;
        font-size: 13px;
    }
    .radio-group {
        display: flex;
        height: 36px;
        align-items: center;
    }
    .radio-label {
        margin: 0 0 0 8px;
        padding: 4px 0 4px 2px;
    }
    .real_box_title {
        display: none;
    }
    /* LOG/REG */
    .formim {
        width: 240px;
        padding: 25px;
    }
    .logajax input {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .btlog {
        font-size: 14px;
    }
    /* Single */
    .real_content {
        padding: 20px 0;
    }
    .sp__image {
        margin: 0 0 20px;
    }

    .real_title {
        font-size: 25px;
    }

    .realty_top_content {
        margin: 0 0 15px;
    }
    .top_datas {
        font-size: 18px;
    }
    /* Single Pro */
    .row_reverse {
        display: flex;
        margin: -20px -20px 10px;
        padding: 10px;
        border-radius: 8px;
    }
    .row_reverse img {
        border-radius: 8px;
    }
    .single_meta {
        padding: 15px 10px;
    }
    .realty_feat {
        margin: 0;
    }
    .realty_feat span {
        right: 15px;
        width: 60px;
        padding: 6px 0 9px;
    }

    
	

    .realty_share {
        grid-column: span 3;
    }
	.realty_agent {
        padding: 15px 100px 75px 20px;
    }
    .realty_agent img {
        width: 40px;
        height: 40px;
        border-radius: 4px;
        margin: 0 15px 0 0;
    }
    .agent_pro {
        width: calc(100% - 55px);
    }
    .agent_button {
        
    }
	.agent_button i {
		font-size: 18px;
		height: 70px;
		line-height: 70px;
	}
	
	
	

    /* Detail Gallery */
    .realty_gallery {
        position: static;
        width: 100%;
        column-count: 2;
    }

    .realty_facility {
        position: static;
        width: 100%;
    }
	
	.fac_head {
  font-size: 22px;
}
.fac_listing {
  padding: 16px;
  font-size: 16px;
}
.fac_list {
display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.fac_feat {
  font-size: 16px;
}

/* Single Testimoni */
.real_tess_grid {
	column-count: 1;
}
    /* Sidebar */
   
    /* PJP */
    .realty_pjp {
        padding: 20px;
    }

#propertix_testimonials-3 .re_protestimoni {
  color: #000000;
}
.re_testimoni, .re_protestimoni {
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}
.re_testimoni, .re_protestimoni {
  font-size: 25px !important;
  margin: 0 0 20px;
}
.realty_inner_slide {
  border-radius: 10px;
}
.tes_name {
  font-size: 16px;
}
}

@media only screen and (max-width: 375px) {
}

@media only screen and (max-width: 320px) {
}