@media only screen and (max-width : 2500px) {
    .page-wrapper{
      overflow:hidden;
    }
    
}
@media screen and (min-width:1200px) and (max-width:1399px) {
	.hero-title {
		font-size: 55px;
	}
}
@media screen and (min-width:992px) and (max-width:1199px) {
	.hero-title {
		font-size: 45px;
	}
}
@media only screen and (max-width : 1199px) {
	.mt-xl-40{
      margin-top:40px;
    }
	.mb-xl-40{
      margin-bottom:40px;
    }

}
@media only screen and (max-width:992px) {
	.atf-service-box-content br {
		display:none;
	}
}
@media only screen and (max-width:991px) {
    .mt-lg-40{
      margin-top:40px;
    }
	.mb-lg-40{
      margin-bottom:40px;
    }
	.atf-section-title  br{
		display:none;
	}
	.atf-section-content{
		margin-left:25px;
	}
	.atf-portfolio-subtitle {
		margin-bottom: 10px;
	}
	.breadcrumb-title{
		font-size:36px;
	}
	
}
@media only screen and (max-width:767px) {
	.atf-cta-title-box br {
		display:none;
	}
	.atf-funfact-item{
		margin:12px 0;
	}
	.atf-hero-content .title {
		font-size: 50px;
		letter-spacing:-1px;
	}
	.footer-md-center .logo {
		margin: 0 auto;
		width: 160px;
	}
	.footer-md-center{
		text-align:center;
	}
	
}
@media screen and (min-width:320px) and (max-width:575px) {
#weex-fixed-bar {
    position: fixed !important;
    bottom: 40px !important;
    left: 10px !important;
    right: 10px !important;
    background: #333 !important;
    min-height: 56px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 12px !important;
    z-index: 99 !important;
    font-family: -apple-system, system-ui, sans-serif !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-shadow: none !important;
    transition: none !important;
    transform: none !important;
    animation: none !important;
    border: none !important;
    outline: none !important;
}

.bar-left {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.bar-logo {
    width: 20px !important;
    height: 20px !important;
    background: #000 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.bar-info h4 {
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #fff !important;
    line-height: 1.2 !important;
}
.bar-info p {
    margin: 0 !important;
    font-size: 9px !important;
    color: #fff !important;
}

.bar-right {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-right: 12px !important;
}
.bar-close {
    position: absolute !important;
    right: 6px !important;
    top: 4px !important;
    color: #ddd !important;
    font-size: 16px !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
}

.dw-btn {
    width: 90px !important;
    height: 30px !important;
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% auto !important;
    cursor: pointer !important;
    padding: 0 !important;
    display: block !important;
    border-radius: 6px !important;
    transition: none !important;
    transform: none !important;
}

.dw-btn-ios {
    background-image: url("../img/ios.jpg") !important;
}
.dw-btn-android {
    background-image: url("../img/android.jpg") !important;
}

.hero-button .dl-btn {
    display: none !important;
}
.header-area {
    display: none !important;
}
	.atf-section-title .title{
		font-size:28px;
	}
	.breadcrumb-title{
		font-size:28px;
	}
	.atf-hero-content .title {
		font-size: 36px;
		letter-spacing:-1px;
	}
	.atf-funfact-item{
		border-right:none;
	}
	.atf-service-item {
		flex-wrap: wrap;
	}
	.atf-hero-thumb {
		grid-template-columns: 1fr 1fr;
	}
	
}