.im-1 img{
    width:250px;
}

@media (min-width: 1200px) {
    .container {
    max-width: 1300px;
    }
}

@media (min-width: 1024px) {
    .passion-perfection .container-fluid.passion-images{
        max-width: 1620px;
    }
}

@media (min-width: 320px) {
    .navbar-side {
        max-width: 540px;
        overflow-y: hidden;
        overflow-x: hidden;
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 484px) {

    .navbar-side {
        width: 85%;
    }

    .navbar-side-item {
        padding: 1.5rem 0 4rem 0;
    }


    .navbar-side-item a {
        font-size: 1.4rem;
    }

}

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

@media screen and (max-width:1024px){
    .footer_main #map,
    .footer_main iframe{
        margin-top: 40px;
    }
    .passion-images .image-1 {
        margin-bottom: 50px;
    }
    .footer_main{
        background-size: 200% 100%;
    }
    .footer_main .textwidget a.get-in-touch{
        font-size:18px;
    }
    .project-details {
        width: auto;
    }
    .projects-listing.about-banner{
        min-height:50vh;   
    }
    .single-projects .about-banner{
        min-height:600px;
    }
    #project-map{
        height: 50vh !important;
    }
    
    .projects-listing p {
        max-width: 100%;
    }
    .single-projects .down-arrow-img {
        bottom: -130%;
    }
    .single-projects .project-detail h2{
        font-size: 40px;
        width:100%;
    }
    .project-detail{
        padding: 90px 0 63px;
    }
}

@media screen and (max-width:768px){
    div#n2-ss-3 .n2-ss-control-bullet{
        --widget-offset: 45px !important;
    }
    .single-projects .project-detail h2 {
        font-size: 32px;
    }
    #project-map{
        height: 50vh !important;
    }
    
    .about-banner {
        min-height: 500px;
        background-size: auto;
        background-position: center left;
    }
    .projects-listing.about-banner {
        min-height: 60vh;
    }
    .single-projects .down-arrow-img {
        bottom: -35%;
        left: 45%;
    }
    .single-projects .about-banner h1, .contact-bnr h1 {
        margin-top: 30%;
    }
    .contact-detail ul {
        padding: 0;
        margin-bottom: 40px;
    }
    .contact-detail .contact-info {
        padding-top: 0;
    }
    .project-detail{
        padding: 90px 0 59px;
    }
    .about-banner .scroll-next{
    	bottom: -23%;
    }

    .about-banner div#n2-ss-5 .n2-style-f8293b450b12ef15d5c4ff97a617a3e3-heading{
    	font-size: 32px;
    }
    .about-banner div#n2-ss-5 .n2-font-dc646dd03717890e08e91671dd8ecbc1-hover{
    	font-size: 20px;
    }
    .about-banner div#n2-ss-5 .n2-font-5745d36e607c58033daacb6f862a223d-paragraph{
    	font-size: 15px;
    }
    .about-banner div#n2-ss-5 .n2-font-785a7b94e89287b8836cac324212e1ea-paragraph{
    	font-size: 16px;
    }
    .about-banner div#n2-ss-5 .n2-font-eb4e040f4b53e6849f82cb93f4501d34-link a{
    	font-size: 14px;
    }
    .modal-body iframe {
    	height: 300px;
    	min-height: auto;
	}
}

@media (max-width: 575px){
    .about-content {
        padding: 40px 0 20px;
    }

    .about-main .col-image {
        justify-content: flex-start;
    }
    .container{
        width:95%;
    }
    .bars div:not(.first-bar) {
        margin: 10px 0;
    }
    .bars div {
        width: 45px;
        height: 3px;
    }
    .close-icon {
        width: 30px;
        height: 25px;
    }
    .close-icon:before, .close-icon:after {
        height: 35px;
    }
    .main-header img{
        max-width: 95px;
        height: auto;
    }
    .site-content {
        margin-top: -175px;
    }
    .navbar-side{
        width:100%;
        background-color: #000000e0;
        justify-content: flex-start;
        padding-top: 250px !important;
    }
    .navbar-side ul{
        padding-left: 0;
    }
    .navbar-side-item{
        padding: 0;
    }
    .navbar-side-item a.side-link{
        font-size:42px;
    }
    .menu-venture{
        bottom: 10%;
    }
    .footer_main {
        background-repeat: repeat;
        padding: 50px 0;
        background-size: auto;
    }
    .footer_main .container{
        width:95%;
    }
    .footer_main .textwidget a.get-in-touch{
        font-size:16px;
    }
    .footer_main h4{
        margin-top: 20px;
    }
    .footer_main .direct{
        margin-bottom: 40px;
    }
    .bottom-footer i {
        font-size: 22px;
        width: 50px;
        height: 50px;
    }
    div#n2-ss-3 .n2-ss-control-bullet{
        --widget-offset: 30px !important;
    }
    .passion-perfection h2{
        font-size:38px;
    }
    .passion-perfection {
        padding: 50px 0;
    }
    .passion-perfection p, .about-content p {
        font-size: 18px;
    }
    .passion-perfection a.vc_general.vc_btn3 {
        font-size: 16px;
    }
    .passion-images .wpb_single_image.vc_align_right{
        text-align: center;
        margin-bottom:45px;
    }
    .passion-images .image-2 .vc_single_image-wrapper,
    .passion-images .image-3 .vc_single_image-wrapper{
        width:95%;
    }
    .about-banner {
        min-height: 50vh;
        box-shadow: inset 0 0 0 25rem rgb(0 0 0 / 45%);
        background-size: cover;
        background-position: center;
    }
    .about-banner h1 {
        font-size: 48px;
        margin-top: 15%;
    }
    .about-content .container{
        width: 95%;
        padding-top: 30px !important;
    }
    .about-main h2{
        font-size: 36px;
        width:100%;
        margin-bottom: 25px;
    }
    .about-main h2:before {
        top: 10px;
    }
    .about-main p{
        width: 100%;
        font-size:16px;
    }
    .page-id-2  .about-main .wpb_single_image{
        margin-bottom: 0;
    }
    .about-content .about-main:not(.second-row){
        flex-direction: column-reverse;
    }
    .about-main .col-sm-7{
        padding-left:40px !important;
    }
    .about-main .vc_single_image-wrapper{
        width: auto;
    }
    
    .page-id-2 .about-main .col-image.app-logo .vc_single_image-wrapper{
        width: 120px;
        text-align: left;

    }
    .page-id-2 .about-main .col-image .vc_single_image-wrapper{
        width: 230px;
        text-align: left;
        margin-top: 50px;
        margin-left:20px;
        margin-bottom:50px;
    }
    
    .service-content .about-main h2 {
        width: 100%;
        margin-bottom: 25px;
    }
    .service-content .about-main .vc_single_image-wrapper{
        width: 350px;
    }
    .about-banner.projects-listing{
        min-height: 90vh;
        box-shadow: inset 0 0 0 25rem rgb(0 0 0 / 35%);
    }
    .about-banner.projects-listing h1{
        margin-top: 25%;
    }
    #project-map{
        height: 70vh !important;
    }
    .down-arrow-img {
        left:43%;
        font-size:15px;
    }
    .single-projects .down-arrow-img{
        bottom: -35%;
        left: 40%;
    }
    .listing-section .filter-holder{
        top: 5%;
    }
    .listing-section .filter-holder ul{
        gap:15px;
        padding: 15px;
    }
    .listing-section .filter-holder ul li {
        font-size: 12px;
    }
    
    .projects-listing p {
        font-size: 18px;
        max-width: 100%;
    }
    .project-details {
        max-width: 100%;
        margin-top: 70px;
    }
    
    .project-details a.img-link{
        margin-bottom:0;
    }
    
    .project-details span a{
        
        padding: 5px 25px;
        font-size: 18px;
    }
    .project-details span.sold-out:before {
        top: -13px;
        right: 1px;
        border-bottom: 9px solid #d1c48cb8;
        border-right: 18px solid transparent;
    }
    .project-details img {
        margin-bottom: 10px;
    }
    .project-details a.view-btn {
        font-size: 16px;
    }
    .single-projects .about-banner{
        background-position: center;
        min-height: 60vh;
    }
    .single-projects .about-banner h1,
    .contact-bnr h1{
        font-size: 38px;
        margin-top: 35%;
    }
    .single-projects .about-banner p {
        font-size: 18px;
    }
    .single-projects .project-detail h2{
        font-size: 38px;
        width: 100%;
        margin-bottom: 0;
        order: 2;
    }
    .postid-388 .single-projects .project-detail h2{
    	margin-bottom: 20px;
    }
    .single-projects .project-detail{
        padding: 50px 0 60px;
    }
    .project-detail p {
        font-size: 18px;
        width: 100%;
    }
    .project-detail .left-col .vc_column-inner > .wpb_wrapper{
        display: flex;
        flex-direction: column-reverse;
    }
    .single-projects .project-detail.queens h2{
    	margin-bottom: 30px;
    }    
    .single-projects .project-detail .usp a.vc_general.vc_btn3, .project-detail.features a.vc_general.vc_btn3{
    	font-size: 14px;
    }
    .project-detail.features .grid-features .col-sm-6:nth-child(1){
    	padding-top: 0;
    }
    .project-detail.features .grid-features .col-sm-6:nth-child(1), 
    .project-detail.features .grid-features .col-sm-6:nth-child(2),
    .project-detail.features .grid-features .col-sm-6:nth-child(3){
    	border-bottom: 1px solid #d1c58d;
    	border-right: 0;
    	border-left: 0;
	}
	.project-detail.features .grid-features .col-sm-6:nth-child(4){
	    border-right: 0;
    	border-left: 0;
    	padding-bottom: 20px;
	}
	.project-detail.contact-detail h2{
		order: 0;
	}
	.project-detail.contact-detail .left-col .vc_column-inner > .wpb_wrapper{
		flex-direction: column;
	}
	.project-detail.contact-detail .wpb_raw_code{
		margin-bottom: 0;
	}
	.project-detail.features .grid-features {
    	margin: 0;
	}
    .single-projects .project-detail .usp{
    	flex-direction: column-reverse;
    	gap: 50px;
    }
    .single-projects .project-detail .usp h3{
    	width: 100%;
    	font-size: 32px;
    }
    .single-projects .project-detail .usp ul li{
    	font-size: 16px;
    }
    .single-projects .project-detail.plans{
    	padding: 0;
    }
    .single-projects .project-detail.plans h2{
    	margin-bottom: 20px;
    }
    .project-detail.queens .conn-living{
    	row-gap: 50px;
    }
    .project-detail.plans .conn-living .wpb_single_image .wpb_wrapper {
    	max-width: 70%;
	}
	.project-detail.plans .conn-living h4{
		font-size: 18px;
		max-width: 90%;
	}
    .project-detail  .usp .left-col .vc_column-inner > .wpb_wrapper{
    	flex-direction: column;	
    }
    .project-detail .single-image-2 img {
        margin-bottom: 0;
    }
    .project-detail .single-image-3 img {
        margin-top: 0;
    }
    .single-pagination{
        margin-top: -1px;
    }
    .single-pagination .pagination-holder {
        padding: 0 15px;
    }
    .single-pagination a i.arrow {
        width: 20px;
        height: 20px;
    }
    .about-banner.contact-bnr {
        background-size: auto;
        background-position: 10% 5%;
    }
    .contact-detail .contact-form label{
        margin-bottom: 40px;
    }
    .contact-detail {
        padding: 30px 0 70px;
    }
    
    .contact-detail ul li {
        font-size: 16px;
    }
    .contact-detail .contact-form h2 {
        font-size: 38px;
    }
    .sbmt-btn {
        font-size: 18px;
    }
    .disc-banner{
        box-shadow: inset 0 0 0 25rem rgb(0 0 0 / 25%);
        min-height: 40vh;
    }
    .disc-banner img{
        margin-top: 90px;
    }
    .disc-content h1{
        font-size: 36px;
    }
}

@media (max-width: 380px){
    .service-content .about-main .vc_single_image-wrapper {
        width: auto;
    }
    .projects-listing p {
        font-size: 16px;
    }
    .listing-section .filter-holder ul{
        gap:10px;
        padding: 15px;
    }
    .listing-section .filter-holder ul li {
        font-size: 11px;
    }
}

@media (max-width: 300px){
    p,a{
        font-size: 12px !important;
    }
    .contact-detail ul li {
        font-size: 11px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-top: 25px;
    }
    .single-projects .about-banner h1, .contact-bnr h1,h1{
        font-size: 26px !important;
    }
    h2{
        font-size: 22px !important;  
    }
    .contact-detail .contact-form .form-control,
    ::-webkit-input-placeholder,
    select,
    .sbmt-btn
    {
        font-size: 12px;
    }
    .navbar-side-item a.side-link{
        font-size: 28px !important;
    }
    .menu-venture.reveal.menu-venture.reveal{
        font-size: 16px !important;
    }
    .about-banner h1 {
        margin-top: 35%;
    }
    .listing-section .filter-holder {
        left: 4%;
    }
    .listing-section .filter-holder ul li {
        font-size: 10px;
    }
    .listing-section .filter-holder ul {
        gap: 10px;
    }
    .project-details span.sold-out:before {
        top: -8px;
        right: 0px;
        border-bottom: 9px solid #d1c48cb8;
        border-right: 12px solid transparent;
    }
}