@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: 25px
	}
	.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;
		background: #fff;
		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) {


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

    .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: 35px;    }
    .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: bold;}
    
	.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: 18px;
        font-weight: bold;
    }

    .icondata p{
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
    }

    .icon- {
        width: 40px;
        height: 40px;
        font-size: 15px;
        margin-right: 12px;}

    .hero-slider {
        width: 100%;
        height: 80vh;}

    .featurelist-1 {
            grid-gap: 15px;
            padding: 30px 15px;
        }
        .flst {
            padding: 0px;
        }

		.hero-style .slide-title h2 {font-size: 40px; line-height: 50px;}

}



@media only screen and (max-width:375px) {
	.hero-slider {
		width: 100%;
		min-height: 550px;
	}
	
	.header-heading h1 {
		font-size: 35px
	}

	.icon- {
		width: 35px;
		height: 35px;	
		margin-right: 10px;
	}

	.icondata p {
		font-size: 14px;
		font-weight: normal;
		line-height: 25px;
	}

}