@-o-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}



@media(max-width: 1366px) {}
@media (max-width: 1199px) {
    .header-navigation {margin-bottom: 0;}
    .logo-box{width:100%;float:none;margin:0!important;}
    .navigation-box{margin:0;}
    .navbar-expand-lg .menu-toggler{display:block;background-color:transparent!important;color:#fff;border:none;font-size:28px;float:right;outline:none;cursor:pointer;border-color:#fff;margin:23px 0;}
    .navbar-expand-lg .navbar-collapse{overflow:auto!important;width:100%;display:none!important;background:#000;transition:all .5s ease;height:0;margin:0;padding:0!important;}
    .navbar-expand-lg .navbar-collapse.showen{display:block!important;height:auto;max-height:70vh;}
    .header-navigation .nav>li.show-mobile{display:none;}
    .header-navigation .container{display:block;padding-right:15px;padding-left:15px;position:relative;}
    .header-navigation .container .logo-box .navbar-brand{float:left;background-color:transparent;padding:20px 0;}
    .header-navigation .container .logo-box .navbar-toggler{float:left;}
    
    .theta{top: 80px; right: 75px;}
    
    .block-title h2 {font-size: 40px}
    
    }
@media (max-width: 1024px) {}
@media(max-width: 991px) {
    .header-navigation .container .logo-box{position:relative;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);float:none;padding-right:20px!important;}
    .banner {padding-bottom: 100px;}
    .banner .content-block h3{font-size:40px;line-height:50px;}
    .inner-banner{padding-top:200px;}
    .theta {width: 280px;top: -120px;right: -11px;position: relative;}
    .driven-by-ai { margin-right:120px!important ;}
    .about-us{margin-top: -280px;}

    .our-games .image-block .screen1{max-width: 95%;position: relative;left: 0;top: 45px;}
    .our-games .image-block .screen2{max-width: 70%;position: relative;left: 0;top: -120px;}
    .fun-fact{padding-top: 0px; margin-top: -130px;}
}


@media(max-width: 768px) {

    
    .about-us{margin-top: -190px;}
    .about-us .container{padding-bottom: 20px;}
    .our-games{padding-top: 100px;}
    .our-games .image-block .screen1{max-width: 95%;position: relative;left: 0;top: -10px;}
    .our-games .image-block .screen2{max-width: 70%;position: relative;left: 0;top: -86px;}
    .our-games .image-block {margin-top: 60px;position: relative;left: 0;}
    .our-games .content-block .app-btn{padding-left: 45px; padding-right: 15px;}
    .our-games .content-block .app-btn span{font-size: 16px;}
    .our-games .content-block .app-btn i{font-size: 26px; left: 15px;}
    .our-games .content-block .app-btn + .app-btn {margin-left: 10px;}
    .tarneeb{padding-bottom: 0px;}
    .banner {padding-bottom: 0px;padding-top: 180px;}
    .fun-fact{padding-top: 0px; margin-top: -80px;}
    .our-services{padding-top: 120px;}
    .founders{padding-top: 40px;}
    .news{padding-top: 120px;}
    .contact{padding-top: 20px;}

    

    .block-title h2 {font-size: 40px}
}

@media(max-width: 480px) {}

@media(max-width: 375px) {}


@media(max-width: 320px) {
    .header-navigation .container .logo-box {padding-right: 0 !important;}
}