@media screen and (max-width: 1600px) {
	.banner-slider-content .container {
	    max-width: 820px;
	}
	.banner-card-lg h6{
		font-size: 22px;
	}
	.banner-slider-content h1 {
	    font-size: 40px;
	    margin-bottom: 18px;
	}
	.banner-card-lg .btn{
		margin-top: 20px;
	}	
	.banner-slider-content-lg .container{
		max-width: 1120px !important;
	}
	.banner-slider-content-lg-row .container{
		max-width: 1280px !important;
	}
	.booking-bottom-title{
		top: -15px;
		margin: 27px 0;
		position: relative;
	}
	.banner-image-lg img{
		max-width: 140%;
		margin-top: 0;
	}
	.banner-slider-content-lg-row.banner-slider-content h1{
		font-size: 58px;
	}
}

@media screen and (max-width: 1280px) {
	.banner-slider-icon{
		max-width: 65px;
		bottom: 65px;
		left: -62px;
	}
	.navbar-nav{
		padding-left: 20px;
	}
	.header{
		top: 20px;
	}
	.navbar-nav{
		margin-left: 0;
	}
	.navbar-collapse{
		width: auto;
		padding: 15px 0;
		margin-right: -15px;
		margin-left: -15px;
	}
	.navbar-collapse .navbar-nav .nav-link{
		padding-left: 12px;
		padding-right: 12px;
	}
	.sqm {
	    padding: 60px 0px;
	}
	.location-heading {
	    padding: 25px 15px 4px;
	}
	.location-body{
		padding: 0 15px 15px;
	}
	.banner-area h2{
		font-size: 26px;
	}
	.banner-area h4{
		font-size: 16px;
	}
	.btn-explore img{
		left: 7px;
	}
	.feature-slider{
		padding: 45px 0 85px;
	}
	.featured-section-heading h1{
		font-size: 48px;
	}
	.featured-section-heading h3{
		font-size: 22px;
	}
	.featured-section {
	    padding: 55px 0 50px;
	}
	.booking-image{
		max-width: 372px;
	}
	.booking-bottom {
	    margin-top: -10px;
	    top: -11px;
	    position: relative;
	}
	.section-bottom-up{
		padding: 40px 0 20px;
	}
	.section-bottom-up .our-clients {
	    margin-top: 60px;
	    margin-bottom: 25px;
	}
	.banner-image-lg img{
		max-width: 120%;
		margin-top: 0;
	}
	.po-membership h2{
		font-size: 68px;
	}
	.banner-slider-content-lg-row.banner-slider-content h1 {
	    font-size: 52px;
	}
	.banner-slider-content-lg-row.banner-slider-content h6{
		font-size: 17px;
	}
	.banner-card-row .col-lg-4 p {
	    font-size: 22px;
	}
	.offices {
	    padding-top: 90px;
	    padding-bottom: 60px;
	}
	.office-body{
		padding-left: 10px;
		padding-right: 10px;
	}
	.office-right-body{
		padding-left: 10px;
		padding-right: 10px;
	}
	.office-body > img{
		max-width: 65px;
	}
	.list-slider{
		padding: 35px 0;
	}
	.office h3{
		font-size: 30px;
		max-width: 90%;
	}
	.confirm-order{
		padding: 50px 0;
	}
}

@media screen and (max-width: 1199px) {
	.navbar-collapse{
		background-color: rgba(0, 0, 0, 0.85);
	}
}

@media screen and (min-width: 992px) {
	.banner-image{
		padding: 0 !important;
		background-color: transparent;
	}
}

@media screen and (max-width: 991px) {
	/*.banner-slider .carousel img{
		height: auto;
		min-height: auto;
	}*/
	/*.banner-slider-content{
		position: relative;
		padding: 25px 0;
		bottom: 0;
	}
	.banner-slider-content h1{
		color: #000;
	}*/
	/*.banner-slider-content h6{
		margin-left: 100px;
	}*/
	/*.banner-slider-icon {
	    max-width: 55px;
	    bottom: 85px;
	    left: 35px;
	}*/
	.banner-slider-content .row > .col-lg-6:first-child{
		padding-left: 75px
	}
	.banner-slider-content .row .row {
	    margin-left: 0px;
	    margin-top: 25px;
	    margin-left: -5px;
	    margin-right: -5px;
	}
	.banner-slider-icon {
	    max-width: 45px;
	    bottom: 74px;
	    left: 16px;
	}
	.banner-card p{
		margin-bottom: 5px
	}
	.banner-area{
		padding-top: 90px;
	}
	.booking-bottom{
		top: 20px;
	}
	.booking-image {
	    max-width: 322px;
	    top: 136px;
	}
	.banner-slider-content-lg p{
		color: #000;
	}
	.banner-slider-content-lg h6{
		margin-left: 0 !important;
	}
	/*.banner-card-lg{
		padding: 0 !important;
		background-color: transparent !important; 
	}*/
	.banner-image img{
		margin-bottom: -8%;
	}
	.membrships h2{
		font-size: 52px;
	}
	.booking-bottom-title{
		margin: 0;
	}
	.membrships{
		margin: 70px 0 0;
		padding: 45px 0;
	}
	.banner-image-lg img{
		margin-bottom: -3%;
	}
	.banner-card{
		/*background-color: transparent;*/
		/*max-width: 220px;*/
		padding: 15px;
		margin: auto;
		width: 100%;
	}
	.banner-card > img{
		max-width: 180px;
		margin: auto;
		width: 100%;
		float: none;
	}
	.banner-card-row .btn{
		bottom: -48px;
		left: 0;
		right: 0;
		margin: auto;
	}
	.owl-list-slider .owl-nav{
		text-align: center !important;
		margin-top: 10px !important;
		position: relative;
		top: 0;
	}
	.confirm-left h2{
		padding-left: 0;
	}
	.office-right-body h3{
		font-size: 36px;
	}

	.banner-slider-content h1{
		margin-bottom: 22px
	}
	.banner-slider-content{
		bottom: 95px
	}
	.banner-slider-content-lg p{
		color: #fff;
	}
	.banner-arrow-right{
		margin: auto;
		right: 0;
		left: 0;
	}
	.banner-arrow-right{
		bottom: 15px
	}
	.banner-image img{
		max-width: 480px
	}
	.banner-card-row .banner-card{
		padding: 10px 0;
		background-color: transparent !important
	}
	.banner-card-row .col-lg-4 p {
	    font-size: 18px;
	}
}

@media screen and (max-width: 767px) {
	.fd-row .col {
	    min-width: 32%;
	}	
	.booking-image{
		top: -106px;
	}
	.header {
	    top: 10px;
	}
	.navbar-brand img {
	    width: 100px;
	}
	.booking-bottom-title{
		padding: 0;
		top: 0;
	}
	.membrships h2 {
	    font-size: 42px;
	}
	.membrships{
		margin-top: 55px;
	}
	.card-box h4{
		font-size: 20px;
	}
	.card-box p{
		font-size: 15px;
	}
	.po-membership h2{
		font-size: 46px;
	}
	.po-membership-bottom{
		font-size: 18px;
	}
	.modal-view-content{
		padding: 0;
	}
	.confirm-card .office, .confirm-card .office-right{
		width: 100%;
	}
	.confirm-left, .confirm-right{
	    padding: 30px 0px;
	}
	.list-slider h3{
		font-size: 23px;
	}
}
@media screen and (max-width: 575px) {
	.banner-slider-content-lg-row.banner-slider-content h6{
		font-size: 20px
	}
	.banner-slider-content h6{
		font-size: 18px
	}
	.banner-slider-content h1 {
	    font-size: 24px;
	}
	.banner-slider-content h6{
		font-size: 16px
	}
	.banner-slider-icon {
	    max-width: 32px;
	    bottom: 52px;
	    left: 15px;
	}
	.banner-card{
		padding: 10px 10px 15px;
		background: rgb(0 100 168 / 60%) !important;
	}
	.banner-card-row{
		padding: 15px 15px 0px 15px;
	}
	.banner-card p strong{
		font-size: 17px;
	}
	.fd-row .col {
	    min-width: 50%;
	}
	.fd-row .col img{
		max-height: 62px;
	}
	.featured-section-heading {
	    margin-bottom: 30px;
	}
	.booking-image {
	    top: -76px;
	    max-width: 182px;
	}
	.booking h4{
		margin-bottom: 90px;
	}
	.membrships h2 {
	    font-size: 34px;
	}
	.offices {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.office-title{
		min-height: auto;
		margin-bottom: 20px;
	}
	.confirm-left h2{
		font-size: 22px;
		margin-bottom: 20px;
	}
	.banner-slider-content-lg-row.banner-slider-content h1 {
	    font-size: 36px;
	}
	.banner-card .btn-explore{
		font-size: 13px;
	}
	.banner-arrow{
		bottom: 10px;
		width: 30px;
	}
	.banner-slider-content {
	    bottom: 58px;
	}
	.banner-slider-content .row > .col-lg-6:first-child{
		padding-left: 55px
	}
	.icons-list-col p{
		font-size: 14px
	}
	.icons-list-col span{
		margin-right: 5px
	}
	.list-divider:after{
		left: 100%
	}


	/*  content  */
	.content-sections h2{
		font-size: 40px
	}
	.content-sections h6{
		font-size: 18px
	}
	.payment-list div{
		border: none !important
	}
	.accordion .card-header .btn{
		font-size: 14px
	}
	.accordion .card-body{
		font-size: 15px
	}
}


/* new banner */
@media screen and (max-width: 767px) {
	.booking-btns-new {
		bottom: 0;
		z-index: 0;
		max-width: 100%;
		position: relative;
		margin-bottom: -40px;
		background: rgb(16,100,167);
		background: -moz-linear-gradient(180deg, rgba(16,100,167,0) 0%, rgba(16,100,167,1) 68%);
		background: -webkit-linear-gradient(180deg, rgba(16,100,167,0) 0%, rgba(16,100,167,1) 68%);
		background: linear-gradient(180deg, rgba(16,100,167,0) 0%, rgba(16,100,167,1) 68%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1064a7",endColorstr="#1064a7",GradientType=1);
	}

	.booking-btns-new > img{
		max-width: 280px;
	}

	.booking-btns-list{
		flex-direction: row;
	}

	.nav-tabs-coworking.nav-tabs-links{
		margin-right: 0;
	}

	.tab-content-coworking .tab-search{
		margin-right: 0;
	}

	.tab-content-coworking .tab-search .btn-search{
		position: relative;
		right: 0;
		width: 100%;
	}

	.tab-content-coworking .tab-search .row > div{
		border-bottom: 3px solid #1064a7;
	}

	.tab-content-coworking .tab-field{
		margin: 10px 0 0;
	}

	.tab-content-coworking .tab-field img + input[type="date"]{
		padding-left: 70px !important;
	}

	.tab-content-coworking .tab-field-area img, .tab-content-coworking .tab-field img{
		left: 30px !important;
	}

	.banner-slider-content-middle-content-inner{
		background: rgb(16,100,167);
		background: -moz-linear-gradient(180deg, rgba(16,100,167,0) 0%, rgba(16,100,167,1) 32%);
		background: -webkit-linear-gradient(180deg, rgba(16,100,167,0) 0%, rgba(16,100,167,1) 32%);
		background: linear-gradient(180deg, rgba(16,100,167,0) 0%, rgba(16,100,167,1) 32%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1064a7",endColorstr="#1064a7",GradientType=1);
	}

	.banner-slider .carousel img{
		min-height: 450px;
		height: auto;
	}

	.banner-slider-content-middle-content{
		position: relative;
		margin-top: -300px;
	}

	.banner-slider-content-middle-content-inner{
		padding-bottom: 30px;
	}

	.nav-tabs-coworking.nav-tabs-links button{
		font-size: 10px;
	}

	.fr .booking-btns-list h4{
		font-size: clamp(12px, 2vw, 18px);
		position: absolute;
		color: #fff;
		bottom: 30%;
		z-index: 1;
		margin: 0;
		left: 8%;
	}

	.booking h2 {
		font-size: 44px !important;
	}	
}