@media screen and (min-width: 1200px){
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.heading-title h2 {
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
}

@media screen and (min-width: 768px){
    .navbar-default .container,
    #footer .container {
        width: 970px;
    }
}

@media screen and (max-width: 767px){
    body {
        min-width: auto;
    }

    .top-navbar {
        display: none;
    }

	.topbar-nav{
		font-size: 12px;
		float: none;
		display: table;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.navbar{
		min-height: 60px;
	}

	.navbar-default .navbar-toggle{
		margin: 0;
		margin-right: 30px;
		margin-top: 12px;
		border: 0;
	}

	.navbar-header{
		height: 60px;
		}

    .navbar-default .navbar-brand img {
        height: 42px;
        margin-left: 30px;
    }

	.navbar-collapse{
		background-color: rgba(0, 0, 0, 0.8);
		position: absolute;
		width: 100%;
		border-top: 0;
		padding-bottom: 20px;
		z-index: 10;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background-color: #888;
	}

	.navbar-default .navbar-nav > li > a{
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 0;
		padding-right: 0;
		justify-content: center;
		font-size: 18px;
	}

	.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: #3bafda;
	}

	.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: #3bafda;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #898ba2;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #fff;
		background-color: #3bafda;
	}

	.dropdown-menu > li > a{
		display: block;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 25px;
	}

	.signup{
		margin-left: 0;
	}

	.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;
	}

	#header{
		width: 100%;
		min-height: 350px;
		padding-top: 40px;
		padding-bottom: 40px;
		-webkit-background-size: cover !important;
		   -moz-background-size: cover !important;
			-ms-background-size: cover !important;
			 -o-background-size: cover !important;
				background-size: cover !important;
		background-attachment: fixed;
		background-position: center 0;
		background-repeat: no-repeat;
	}

	.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;
	}

	.copyright{
		position: relative;
		margin-top: 60px;
		padding: 40px 0;
		border-top: 1px solid #2c3e50;
		text-align: center;
	}

    .page-banner {
        height: 54vw;
    }

    .box-wrapper-content {
        display: block;
        padding: 30px 15px;
    }

    .welcome-banner {
        width: 100%;
        height: 48vw;
        min-width: auto;
    }

    .welcome-content {
        padding-left: 0;
        min-width: auto;
        margin-top: 15px;
    }

    .welcome-title {
        font-size: 34px;
        margin-top: 15px;
        line-height: 35px;
    }

    .welcome-desc {
        margin-top: 15px;
        margin-bottom: 20px;
        font-size: 14px;
        letter-spacing: 1.2px;
        line-height: 18px;
    }

    .building {
        width: 100%;
        height: 98vw;
    }

    .always-ahead {
        width: 100%;
        height: auto;
        padding: 40px 30px;
    }

    .ahead-item-wrapper {
        display: block;
    }

    .ahead-item {
        margin: 50px auto;
    }

    .home-bottom {
        display: block;
    }

    .home-bottom-item {
        margin: 0 auto;
        padding: 50px 42px;
        width: 100%;
    }

    #subscribe .input-group {
        padding: 0 20px;
        max-width: 450px;
    }

    .email {
        max-width: 175px;
    }

    .email a {
        font-size: 15px;
    }

    #footer {
        height: 60px;
    }

    #footer img {
        height: 35px;
    }

    #footer .footer-line {
        width: 50px;
        margin: 0 15px;
    }

    #footer .copy-right {
        font-size: 11px;
	}

	.page-title h2 {
		font-size: 50px;
	}

	.breadcrumb {
		display: none;
	}

	.about-us .box-wrapper-content {
		padding: 35px 20px;
	}

	.about-us .big-title {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 5px;
	}

	.about-us .small-title {
		line-height: 20px;
	}

	.p-section .container {
		display: block;
	}

	.p-avatar {
		text-align: center;
	}

	.p-avatar img {
		width: 100%;
		max-width: 420px;
	}

	.p-info.m-left,
	.p-info.m-right {
		margin: 0 auto;
	}

	.p-name,
	.p-title,
	.p-intro {
		text-align: center;
	}

	.p-name {
		margin-top: 15px;
    }

    .mission-part {
        min-width: auto;
    }

    .mission-title {
        font-size: 50px;
    }

    .common-btn-text {
        font-size: 16px;
        padding: 13px 15px;
    }

    .mission-part.right {
        padding: 0;
    }

    .main-service-title {
        margin-top: 30px;
        font-size: 20px;
    }

    .service-item {
        display: block;
        margin-bottom: 35px;
    }

    .service-item-icon {
        margin: 0 auto;
    }

    .service-title {
        text-align: center;
        font-weight: bold;
        margin-top: 15px;
        font-size: 17px;
        margin-bottom: 15px;
    }

    .more-info-btn-wrapper {
        display: block;
    }

    .more-info-btn {
        max-width: 135px;
        text-align: center;
        margin: 0 auto;
    }

    .service-desc {
        text-align: center;
    }

	.our-portfolio.container {
		margin-top: 0;
	}

    .our-portfolio .main-tabs {
        margin-top: -44px;
        display: flex;
        justify-content: center;
    }

	.our-portfolio .nav a {
		padding: 12px 20px;
		font-size: 15px;
		margin: 0 3px;
    }

    .our-portfolio .nav.sub-tabs {
        display: flex;
        justify-content: center;
    }

    .our-portfolio .main-tabs+.tab-content {
        padding: 0 10px;
    }

    .prop-tab-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .prop-row {
        width: 50%;
    }

    .prop-row .prop-item-wrapper:not(:first-child) {
        display: none;
    }

    .prop-item-wrapper {
        width: 100%;
    }

    .prop-row .prop-item-wrapper:first-child {
        margin-left: 5px;
    }

    .prop-readmore {
        height: 50%;
        bottom: 0;
        top: auto;
    }

    .prop-item-wrapper img {
        /* width: 100%; */
        /* max-height: none; */
    }

    .prop-tab-wrapper button {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .case-studies-content.portrait {
        flex-flow: column-reverse;
    }

    .prop-name {
        font-size: 40px;
        font-weight: 500;
    }

    .case-studies-content .w-50 {
        width: 100%;
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .prop-img-vertical {
        width: 100%;
        margin-top: 40px;
    }

    .landscape {
        display: block;
    }

    .landscape .w-50 {
        width: 100%;
    }

    .prop-images-landscape {
        display: block;
    }

    .prop-images-landscape div:first-child {
        width: 100%;
    }

    .prop-images-landscape div:last-child {
        width: 100%;
        margin: 0;
        margin-top: 10px;
        display: flex;
    }

    .prop-images-landscape div:last-child img {
        width: 50%;
    }

    .prop-images-landscape div:last-child img:first-child {
        margin-bottom: 0;
        padding-right: 5px;
    }

    .prop-images-landscape div:last-child img:last-child {
        padding-left: 5px;
    }

    .contact-form {
        width: 100%;
        max-width: 500px;
        margin: 0px 25px;
    }

    .form-header {
        background-size: cover;
        height: 150px;
    }

    .contact-address-content,
    .address-zoom {
        flex-flow: column;
        align-items: center;
    }

    .contact-small-label {
        text-align: center;
        margin-top: 15px;
    }

    .map-small {
        margin-bottom: 10px;
    }

    .contact-small-text {
        text-align: center;
    }

    .contact-form-body .form-group {
        display: block;
    }

    .contact-form-body label {
        justify-content: center;
        margin-bottom: 6px;
    }

    .contact-form-body input,
    .contact-form-body textarea {
        text-align: center;
    }

    .contact-form-body input:focus {
        border-color: orange;
    }

    .map-background {
        max-height: initial;
        height: auto;
    }

    .contact-thank-sub-message {
        font-size: 15px;
    }

    .contact-form-body.thankyou {
        padding: 40px 20px;
    }

    #appointment-modal .modal-dialog {
        width: 95%;
        max-width: 500px;
        margin: 15px auto;
    }

    .captcha {
        justify-content: center;
    }
}

@media screen and (max-width: 480px){
	.heading-title h2{
		padding: 10px 14px;
		font-size: 18px;
		line-height: 24px;
	}

	.property-image-list {
		position: relative;
		width: 100%;
		display: block;
		vertical-align: top;
	}

	.property-text {
		position: relative;
		width: 100%;
		display: block;
		padding: 10px 15px;
		vertical-align: top;
	}

	.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;
	}

    .form-group.btn-submit button {
        max-width: 50%;
        margin: 0 2vw;
    }

    .form-group.btn-submit button .common-btn-text {
        font-size: 4vw;
        padding: 2.5vw;
    }

    .form-group.btn-submit button .chevron-btn {
        padding: 2.5vw;
        font-size: 4vw;
    }

    .form-group.btn-submit button .chevron-btn .fa {
        font-size: 3vw;
        margin-top: 1vw;
    }
}