@media screen and (max-width: 1400px){
	.container{width: 100%; padding: 0 30px;}
}
@media screen and (max-width: 1199px){
	body{ overflow-x: hidden;}
	#header{ height: 80px; position: relative; z-index: 99;}
	#header #m-menu{ display: block; font-size: 24px; width: 40px; line-height: 40px; z-index: 9; position: absolute; text-align: center; color: #fff; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 0px;}
	#header #m-menu.active{ color: #287EFF;}
	#header #menu{display: none;}
	#header #menu.active{display: block !important; position: absolute; top: 50px; left: auto; right: 0px; width: 250px; background: rgba(0,0,0,.95); padding: 1rem; border-radius: 1rem;}
	#header #menu .top-menu{margin: 0; flex-direction: column;}
	#header #menu .top-menu li{display: block; text-align: right; width: 100%; padding: .75rem 1rem;}
	#header #menu .top-menu li + li{ margin-left: 0;}
	#header #menu .top-menu li a{display: block; font-size: 1em;}
	.section-about .sac-photo{ width: auto; padding-top: 4rem;text-align: center;}
	.section-about .sac-photo .os-phone{ position: relative; top: auto; right: auto}
	.section-about .sac-photo .os-phone img{ width: 330px;}
	.features-list{ grid-template-columns: repeat(2,1fr);}
	.on-top-wrap-content{ padding: 100px 0 140px; margin: 0 auto; text-align: center;}
	.on-top-wrap-content .ot-buttons{ justify-content: center;}
}
@media screen and (max-width: 991px){ 
	.section-about .sac-text {padding-right: 1rem;}
	.features-list{ grid-template-columns: repeat(1,1fr);gap: 1rem;}
}
@media screen and (max-width: 767px){ 
	.section-about .container .sa-content{ flex-direction: column;}
	.section-about .sac-text{ padding-right: 0;}
	.features-list{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 640px){
	#logo img{ height: 32px;}
	.container{ padding: 0 20px;}
	.heading-2x{ font-size: 1.8em;}
	.on-top-wrap-content{ padding-top: 50px;}
	.on-top-wrap::before{ filter: blur(20px);}
	.on-top-wrap .ts-heading{ font-size: 3em;}
	.on-top-wrap .ts-body{ font-size: 1em;}
	.ot-buttons .ot-btn img{ height: 30px;}
	.ot-buttons .ot-btn{ min-width: 0; padding: .8rem 1.2rem; border-radius: .75rem;}
	.features-list .fl-item .fl-icon img{ height: 40px;}
	.section-download{ padding-top: 40px !important; padding-bottom: 60px !important;}
	.section-download .ot-buttons{ margin-top: 2rem;}
	.footer-flex{ flex-direction: column-reverse; gap: 2rem;}
	.footer-flex > .ff-right{ text-align: center;}
	.fl-socials{ justify-content: center;}
	.section-about .sac-photo .os-phone img{ width: 270px;}
	
}
@media screen and (max-width: 520px){
	.on-top-wrap .ts-heading{ font-size: 2.2em;}
	.ot-buttons{ gap: 1rem;}
	.features-list{ grid-template-columns: repeat(1,1fr);}
	.section{padding: 2rem 0;}
}
@media screen and (max-width: 480px){
	body{ font-size: 14px;}
}
@media screen and (max-width: 479px){
}
@media screen and (max-width: 360px){
}
@media screen and (max-width: 320px){
}