@media screen and (max-width:1800px){
	
}
@media screen and (max-width:1600px){
	
	.innervideo {
    height: 100%;
}
	.btn-play.platone {
    bottom: 21%;

}
	.typed-text-output.d-inline {
    font-size:45px;

}
	.typed-cursor {    line-height: 45px;
    font-size: 45px;}
	.display-3 {
    font-size: 3.5rem;
}
	.display-3.mb-3 span {
    color: #ee3c43;
    font-weight: 800;
    font-size: 71px;
    line-height: 71px;
}	
	.tebx {
    margin: 29px 0 0 0;
}
}
@media screen and (max-width:1366px){
	
	.btn-play.platone {
    bottom: 7%;
}
	.texocx {
    width: 78%;
}
}
@media screen and (max-width:1280px){
	
.howtowkbx ul {
    padding: 58px 24px 50px;
}
	.howtowkbx {
    padding-top: 48px;
}
	.howtowkbx ul li span {
    width: 78%;
    vertical-align: middle;
    margin: 0 0 0 6px;
    color: #355eac;
    font-weight: 600;
    display: inline-block;
}
	
	.howtowork .display-5.mb-0 {
    margin: 0;
}
	
	.bgfx-tt {
    padding-bottom: 6rem;
}
	
.contectox h3 {
    font-size: 20px;
}
	
}
@media screen and (max-width:1169px){
	
	.navbar .navbar-nav .nav-link {
    padding: 12px 8px;
    font-size: 14px;
}
.btn-play.platone {
    bottom: 43%;
}
	.display-3 {
    font-size: 2.5rem;
}
	.display-3.mb-3 span {
    font-size: 55px;
    line-height: 55px;
}
	
	.aboutbx.py-6 {
    padding-top: 3rem;
    padding-bottom: 0rem;
}
	
	.py-6  {  padding-top: 3rem;
    padding-bottom: 3rem;}
	.howtowkbx {
    padding-top: 48px;
    width: 277px;
    margin: 0 auto;
}
	.howtowkbx {
    font-size: 14px;
}
	
	.navbar-light .navbar-toggler {
    border-color: #ee3c43;
		background: #ee3c43;
}
}
@media screen and (max-width:991px){
	
	.btn-play.platone {
    bottom: 56%;
}
	
	.typed-text-output.d-inline { font-size: 25px;}
	.typed-cursor {    line-height: 22px;    font-size: 22px;}
	
	.btn-play {
    width: 4px;
    height: 9px;
    padding: 10px;
}
	
	.btn-play span {
    left: -3px;
    top: -2px;
}
	.aboutbx .img-fluid{
    width: 244px;
    margin: 0 auto;
    display: block;
}
	.aboutbx .textup {
    padding: 0 ;
}
	.aboutbx .display-3 {
    font-size: 30px;
}
	 .aboutbx.display-3.mb-3 span {
    font-size: 37px;
    line-height: 37px;
}
	
	.aboutbx .col-lg-8.py-6.pb-0  {
    padding-top: 0;
}
	.display-5 {font-size:  30px;}
	
	.skill .font-weight-bold {
    font-size: 20px;
}
	.skill .font-weight-bold.textwork {
    font-size: 36px;
    font-weight: 700;
    color: #ee3c43;
    line-height: 22px;
}
	.textwork::after {
    content: "%";
    font-size: 14px;
}
	.d-flex.align-items-center.pt-5 a {
    display: none;
}
	.logobx {
    text-align: center;
}
	.moehad {
    font-size: 41px;
    color: #ee3c43;
    font-weight: 700;
    margin-top: 60px;
}
	.mobilevideo {
    width: 300px;
    margin: 0 auto;

}
	.mobilebx {width: 300px;}
}
@media screen and (max-width:767px){
	
.textup {
    padding: 0 32px 0 32px;
    height: auto;
    bottom: 0;
}
	.btn-play.platone {
    bottom: 66%;
}
.videbx {
    width: 100%;
    height: auto;
}
	.btn-play.platone {
    bottom: 59px;
}
		.navbar-light .navbar-brand {
    color: rgba(0,0,0,0.9);
    display: inline-block !important;
}
	.navbar-light .navbar-toggler {
    display: inline-block;
    float: right;
}	
	.navbar-collapse.justify-content-between.py-4 .navbar-brand   { display: none !important;}
	
	.typed-text-output.d-inline {font-size: 25px;
    margin: 50% 0 0 0;
    display: inline-block !important;}
}
@media screen and (max-width:640px){
	
	.display-5 {
    font-size: 25px;
}
	.display-3.mb-3 span {
    font-size: 40px;
    line-height: 41px;
}
	.tebx {
    margin: 29px 0 0 0;
    font-size: 18px;
    line-height: 22px;
}
	.tebx p {
    padding: 0 0 0 27px;
}
	.tebx p i {
    position: absolute;
    left: 0;
    top: 5px;
}
.logobox {
    width: 110px;
}
	.innervideo {
    height: auto;
    margin: 50px 0 0 0;
}

	.d-flex.align-items-center.pt-5 a {display: none}
	
	.typed-text-output.d-inline {font-size:16px;margin:29% 0 0 0; display:inline-block !important; font-weight:600 !important;}
	
	.aboutbx .display-3 {
    font-size: 20px;
}
	.display-3.mb-3 span {
    font-size: 27px;
    line-height: 31px;
}
	
	.logobx li {
    width: 38%;
		margin: 0 0 20px 0;
}
	
	.logobx {
		text-align: center;
}
.mobilevideo, .mobilebx {
    width: 250px;
}
	.moehad {
    font-size: 24px;
    text-align: center;
		 margin:-27px 0 0;
}
	.moehad span {
    font-size: 22px;
    margin: 0;
}
.typed-text.whiclo {
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    line-height: 26px;
}
	.container-fluid.bg-withe  {    margin: -6px 0 0 0;
    position: relative;}
	
	.textup {

    height: 69px;
}
}
@media screen and (max-width:479px){}
@media screen and (max-width:440px){}
@media screen and (max-width:380px){}
@media screen and (max-width:359px){}
@media screen and (max-width:320px){}