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

  .featurelist-1 {

    background: #0a2233;

    color: #fff;

    display: grid;

    grid-template-columns: auto auto

  }

}

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

  .th2 .contact- span {

    display: none

  }

}

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

  .top-header .nav-link {

    font-size: 16px

  }

  .agent-photo img {

    width: 180px

  }

}

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

  .swiper-button-next, .swiper-button-prev {

    display: none

  }

  .extrabtn {

    position: absolute;

    right: 60px;

    top: 8px

  }

  .navbar-toggler {

    padding: 0

  }

  .halfsec {

    display: grid;

    grid-template-columns: auto

  }

  .bghalfimg {

    height: 60vh

  }

  html body .top-header.header-2 .nav-link {

    font-weight: 600;

    font-size: 17px;

    color: #0a2233

  }

  .featurelistgere {

    display: grid;

    grid-template-columns: auto

  }

  .whatwedonw {

    margin-bottom: 40px;

    grid-gap: 20px

  }

  .featurelist-1 .flst {

    display: flex

  }

  .featurelist-2 {

    padding: 20px 0

  }

  .flst2 p {

    text-align: center

  }

  .opl ul li {

    width: 50%;

    padding: 15px

  }

  .agent-photo img, .gallery- a img {

    width: 100%

  }

  .fixed-top, .project-logo- img {

    height: auto

  }

  .about-feature .mt45 {

    margin-top: 20px

  }

  .mt30a {

    margin-top: 0

  }

  .h4-heading {

    margin-top: 0px

  }

  .media {

    display: block

  }

  .contact- span, .nav-number, .top-header .nav-link.active:after {

    display: none

  }

  .agent-details {

    margin: 15px 0 0;

    text-align: justify

  }

  footer h3 {

    margin-top: 40px

  }

  #button {

    bottom: 20px;

    right: 10px

  }

  .navbar-collapse {

    margin: 10px 0 0;

    padding: 10px 16px

  }

  .sticky .navbar-collapse {

    padding: 0

  }

  .top-header {

    min-height: auto

  }

  .fixed-top {

    padding-top: 8px;

    padding-bottom: 8px

  }

  .header-heading h1 {

    font-size: 40px

  }

  .header-heading {

    margin: 0;

    padding: 0;

    text-align: center

  }

  .feature-image, .single-image, .single-image- {

    margin: 30px 0 0

  }

  .pad-tb {

    padding-top: 60px;

    padding-bottom: 60px

  }

  .form-block {

    margin: 0 0 30px

  }

  .hero-section {

    padding-top: 96px;

    padding-bottom: 60px

  }

  .top-header .nav-link {

    font-size: 16px;

    padding: 8px 0

  }

  .cta-heading-2 {

    text-align: center;

    margin: 0 auto 30px;

    display: block

  }

}

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

  .navbar-brand img {

    width: 175px;

  }

	.common-heading-2 p {

    font-size: 15px;

}

	p {

    font-size: 15px;

}

	.gallery- {

   

    margin: 0px 0 10px;

}

	

  .banner-form {

    display: none;

  }

  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {

    display: none;

  }

  .hero-style .slide-text p {

    font-size: 14px;

    margin: 0 0 30px;

    transition: all .4s ease;

  }

  .h2 {

    font-size: 26px;

    line-height: 45px;

  }

  #floorPlans .container-fluid {

    padding: 0 15px;

  }

  .gallery- a img {

    display: block;

    border-radius: 6px;

    min-height: 95px;

  }

  iframe {

    height: 170px;

  }

  .fix-mobile-strip {

    display: block;

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 1;

  }

  .fix-mobile-strip ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

  }

  .fix-mobile-strip ul li {

    width: 50%;

    text-align: center;

  }

  .fix-mobile-strip ul li a {

    display: block;

    text-decoration: none;

    color: #010101;

    background-color: #e7c306;

    padding: 10px;

    font-size: 16px;

  }

  a.whatsapp_float {

    width: 46px;

    height: 44px;

    left: 50%;

    bottom: 0;

    z-index: 1;

    transform: translateX(-50%);

    background-image: url(../images/common/mobile-whatsapp.webp);

    background-size: cover;

  }

  .extrabtn {

    display: none;

  }

  .fltwithiconss .nav {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

    justify-content: flex-start;

    white-space: nowrap;

    align-items: center;

    flex-wrap: nowrap;

    align-content: center;

    overflow-x: auto;

    overflow-y: hidden

  }

  .fltwithiconss .nav-tabs .nav-item {

    margin: 0 20px 10px

  }

  .loc-list {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    grid-gap: 30px;

    justify-content: space-between;

    justify-items: stretch

  }

  .loc-list li {

    font-size: 16px

  }

  .cta-section-1 h2 {

    font-size: 30px

  }

  .content-column {

    padding: 70px 15px

  }

  .itawastats p:last-child {

    font-size: 14px;

    line-height: 22px

  }

  .itawastats p:first-child {

    font-size: 35px

  }

  .icondata p span {

    font-size: 22px;

    font-weight: 700

  }

  .nav-tabs .nav-item {

    margin: 0 5px 5px 10px;

    width: 45%

  }

  .common-heading h2 {

    font-size: 30px

  }

  .m-spc {

    margin-bottom: 20px

  }

  .top-header .nav-link {

    font-size: 16px;

    padding: 5px 0

  }

  .hero-section .form-block {

    margin: 30px 0 0

  }

  .header-right ul {

    padding: 0

  }

  .pl0 {

    padding-left: 15px !important

  }

  .cta-heading-2 h2 {

    font-size: 30px;

    text-align: center

  }

  .cta-section img {

    margin: 0 auto;

    display: block

  }

  .reg- {

    display: none !important

  }

  .common-heading h3 {

    font-size: 20px;

    margin-bottom: 20px

  }

  .cta-heading p {

    margin: 0 0 25px;

    text-align: center;

    line-height: 1.3

  }

  .cta {

    width: 100%

  }

  .common-heading p {

    max-width: 100%

  }

  .agent-photo .media {

    display: block

  }

  .agent-photo img {

    margin: 0 auto !important;

    display: block

  }

  .agent-details {

    margin: 15px 0 0;

    text-align: center

  }

  .feature-image {

    margin: 30px 0 0

  }

}

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

  .icondata p span {

    font-size: 13px;

    font-weight: 700;

  }

  .icondata p {

    font-size: 12px;

    font-weight: 400;

    line-height: 20px;

  }

  .icon- {

    width: 40px;

    height: 40px;

    font-size: 15px;

    margin-right: 12px

  }

  .hero-slider {

    width: 100%;

    height: 65vh

  }

  .featurelist-1 {

    grid-gap: 10px;

    padding: 20px 10px;

  }

  .flst {

    padding: 0

  }

  .hero-style .slide-title h2 {

    font-size: 25px;

    line-height: 30px;

  }
	
	.slide-title{
		display: none;
	}
	
	.slide-text{
		display: none;
	}
	.slide-img{
		display: none;
	}

}

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

  .hero-slider {

    width: 100%;

  }

  .header-heading h1 {

    font-size: 35px

  }

  .icon- {

    width: 35px;

    height: 35px;

    margin-right: 10px

  }

  .icondata p {

    font-size: 12px;

    font-weight: 400;

    line-height: 20px

  }
	
	
	.slide-title{
		display: none;
	}
	
	.slide-text{
		display: none;
	}
	.slide-img{
		display: none;
	}


}