
@media screen and (max-width: 1200px) {
    #navbar-top-1 {
        display: none;
    }
    .property-badge {
        float: left;
        width: 100%;
        padding-top: 5px;
    }
    .property-title .property-badge .property-contract-badge {
        margin-left: 0;
    }
    .sidebar-left {
        width: 100%;
    }

    .sidebar-right {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.heading-title h2 {
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
    .header-info {
        zoom: 85%;
    }
    .navbar-default .navbar-text {
        display: none;
    }
    .content-box {
        padding: 40px 0;
        border-right: none;
    }
    .login-box, .register-box {
        margin: auto 15%;
    }
    .navbar-brand {
        zoom: 70%;
        padding-top: 30px !important;
    }
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
	.fact-box-sm{
		margin-top: 60px !important
	}
}



@media (min-width: 768px) {

    #testimonials {
        padding: 60px 0;
    }
}

@media (max-width: 767px) {
    .property-amenities li {
        width: 100%;
    }
    .property-public-facility-wrapper {
        width: 100%;
    }
	.popup {
		width: 70%;
	}
}

@media screen and (min-width: 768px){
	.navbar-nav.navbar-right:last-child {
		margin-right: 0; 
	}
    .nav-justified > li {
        display: inline-block !important;
        width: auto !important;
    }
    .nav-tabs.nav-justified > li > a {
        border-bottom: none;
        border-radius: 0;
        background-color: #d82460;
        color: #fff;
        z-index: 100;
    }
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border: none;
        background: #fff; 
        color: #222;
    }
}

@media screen and (max-width: 767px){
	.topbar{
		position: static;
		width: 100%;
		left: 0;
		top: 0;
	}

	.topbar-nav{
		font-size: 12px;
		float: none;
		display: table;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.navbar{
		min-height: 80px;
	}

	.navbar-default.navbar-fixed-top{
		position: static;
		left: 0;
		top: 40px;
		margin-bottom: 0;
	}

    .navbar-toggle {
        background-color: #484848;
        border: none;
    }

    .signin, .signup, .signout, .submit-property {
        display: table-cell !important;
        float: left;
        margin-top: 0;
    }

	.navbar-default .navbar-toggle{
		margin-top: 22px;
	}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #d82460;
    }
    .header-middle .img-responsive {
        zoom: 80%;
    }

	.navbar-header{
		min-height: 80px;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background-color: #fff;
	}

	.navbar-default .navbar-nav > li > a{
		padding-top: 12px;
		padding-bottom: 12px; 
		padding-left: 15px;
	}

	.navbar-default .navbar-nav > .active > a::before{
		content: "";
		display: none;
		background: transparent;
	}

	.navbar-default .navbar-nav > .active > a::after{
		content: "";
		display: none;
	}

	.navbar-default .navbar-nav li.dropdown.open > a,
	.navbar-default .navbar-nav li.dropdown.open > a:hover{
		color: #fff;
		background-color: #d82460;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #fff;
		background-color: #d82460;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		padding-top: 12px;
		padding-bottom: 12px; 
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #fff;
		background-color: #d82460; 
	}

	.dropdown-menu > li > a{
		display: block;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 25px;
	}

	.signin,
	.signup{
		margin-top: 0;
	}

	.signup{
		margin-left: 0;
		background-color: transparent !important;
		color: #898ba2 !important;
	}

	.signup:hover,
	.signup:focus,
	.signup:active{
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
			-ms-border-radius: 0;
			 -o-border-radius: 0;
				border-radius: 0;
		background-color: #0f101a !important;
		color: #fff !important;
	}
	
	#header{
		width: 100%;
		min-height: 250px;
		height: auto;
	}

	#header.heading{
		padding-top: 30px;
	}

	#header .carousel-control > .glyphicon,
	#header .carousel-control > .fa{
		font-size: 16px;
		line-height: 50px;
	}

	#header .carousel-control.left,
	#header .carousel-control.right{
		margin-top: 25%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.carousel-control .icon-prev, 
	.carousel-control .fa,
	.carousel-control .icon-next, 
	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right{
		top: 25%;
	}

	#header .carousel-inner .item{
		min-height: 250px;
		height: auto;
		padding-top: 40px;
	}

	#header .carousel-inner .item .carousel-caption{
		background-color: rgba(255,255,255,.9);
		right: 15%;
		left: 15%;
		color: #6b6e80;
		text-shadow: none;
		text-align: left;
		padding: 25px;
	}

	.sidebar{
		margin-bottom: 20px;
		margin-top: 20px;
	}

	/*.blog-title,*/
	.blog-text,
	.blog-meta,
	.blog-paged,
	.blog-comment,
	.blog-comment-form{
		padding-left: 10%;
		padding-right: 10%; 
	}

	.blog-comment ul.comments ul{
		margin-left: 0;
	}

	#slider-property .carousel-control > .glyphicon, 
	#slider-property .carousel-control > .fa {
		font-size: 16px;
		line-height: 24px;
	}

	.copyright{
		text-align: center;
		position: relative;
		margin-top: 60px;
		padding: 40px 0;
		border-top: 1px solid #fff;
	}

	.copyright .scroltop{
		right: 15px;
	}

    .blog-header {
        padding-left: 7.5%;
    }

    .blog-header .blog-excerpt {
        display: none;
    }

    .author-info-social a {
        margin-bottom: 5px;
    }

    .tag-cloud a {
        margin-bottom: 5px;
    }

    .author-info-container {
        float: none;
        margin: 0 0 20px 0;
    }
    .header-info {
        width: 100%;
        border-bottom: 1px solid #eee;
        display: none;
    }
    .header-info:not(:last-of-type):after {
        content: none;
    }
    .navbar-default .navbar-text {
        padding-right: 15px;
        padding-left: 15px;
        line-height: 40px;
    }
    .page-template-template-box-right_sidebar .cmb-th {
        padding: 0 !important;
        padding-top: 12px !important;
        display: block;
        width: 100% !important;
    }
    .page-template-template-box-right_sidebar .cmb-td {
        width: 100% !important;
        padding: 0 !important;
    }
    .col-md-3 .property-container .property-content h3 a, .similar-properties .property-container .property-content h3 a, .property-box-archive .col-md-4 .property-container .property-content h3 a {
        font-size: 22px;
    }
    .col-md-3 .property-attributes h4, .similar-properties .property-attributes h4, .property-box-archive .col-md-4 .property-attributes h4 {
        font-size: 18px;
    }
    .col-md-3 .property-attributes, .col-md-3 .agency-attributes, .col-md-3 .agent-attributes, .similar-properties .property-attributes, .property-box-archive .col-md-4 .property-attributes {
        font-size: 16px;
    }
    .property-content-list, .agent-content-list, .agency-content-list{
	    display: block;
    }
    .property-slider .carousel-inner .item figure figcaption .slider-details {
        display: none;
    }
    .content-box {
        padding: 40px 0 0;
        border-right: none;
    }
    .widget .widgettitle small {
        line-height: 24px;
    }
    .col-md-3 .property-btn, .similar-properties .property-btn, .property-box-archive .col-md-4 .property-btn {
        padding: 10px 30px;        
        font-size: 16px;
        font-weight: 500;
    }
    #service {
        background-image: none !important;
    }
    .testimonial-box-3 {
        margin-top: 30px;
        text-align: center;
    }
    .sidebar .widget {
        padding: 0;
    }
    .login-box, .register-box {
        margin: auto 5%;
    }
    #navbar-top-1 {
        display: inherit !important;
    }

    .slide-text {
        padding: 10px 50px;
        top: 20%;
        width: 100%;
    }
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }
    .bs-slider .button, .bs-slider input[type="submit"] {
        zoom: 60%;
    }
	.fact-box-xs{
		margin-top: 60px !important
	}
}

@media  (max-width: 600px) {
    .slide-text > p, .bs-slider .button, .bs-slider input[type="submit"] {
        display: none;
    }
}

@media screen and (max-width: 480px){
	.heading-title h2{
		padding: 10px 14px;
		font-size: 18px;
		line-height: 24px;
	}

	.property-image-list, .agent-image-list, .agency-image-list {
		position: relative;
		width: 100%;
		display: block;
		vertical-align: top;
	}

	.property-text, .agent-text, .agency-text {
		position: relative;
		width: 100%;
		display: block;
		padding: 10px 15px;
		vertical-align: top;
	}

    .md-4 {
        width: 100% !important;
    }

	.testimony-image{
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.testimony-content{
		display: block;
		margin-left: 0;
		text-align: center;
	}

	#testislider .carousel-control.left {
		z-index: 3;
		left: 15px;
		right: auto;
	}

	#testislider .carousel-control.right {
		z-index: 3;
		right: 15px;
		left: auto;
	}

	#subscribe h3{
		display: block;
		text-align: center;
	}

	#slider-property .carousel-indicators{
		display: none;
	}

    .blog-header {
        padding-left: 7.5%;
    }

    .blog-header .blog-title h2 {
        font-size: 18px;
    }
    .blog-header .blog-author {
        font-size: 13px;
    }

    .widget .widgettitle {
        font-size: 30px;
        line-height: 40px;
    }
    .slide-text {
        display: none;
    }
    .slide-text h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .slide-text > a.button-icon { padding-left:38px; padding-right:15px; font-size: 10px; line-height: 10px;}
    .slide-text > a.button-icon .fa { padding-top:8px; width:27px; }
    .indicators-line > .carousel-indicators{
        display: none;
    }

}
