@charset "UTF-8";

@media (min-width: 0px) {
    /*Default style for all screens*/
    #contact {
        background-image:url(../images/section6_background_fullwidth.jpg);
        background-size:cover;
    }

    #itemList {
        width:900%;
        height:50px;
        position:absolute;
        left:-280px;
    }

    #navbar {
        background:rgba(1,63,88,0.5);
        margin:0;
        padding:0;
    }

    #press span,#description span {
        float:left;
        margin:0;
    }

    #slideWrap {
        overflow:hidden;
        position:relative;
    }

    .alleylabs-footer {
        text-align:left;
        font-family:adget_sans_woo_medium;
    }

    .alleylabs-footer > a > img,.sgs-footer > a >img {
        float:left;
    }

    .alleylabs-footer-text {
        padding-left:10px;
        float:left;
        color:#000;
    }

    .alleylabs-top-logo {
        width:250px;
    }

    .bottom_align {
        position:fixed;
        width:100%;
        bottom:0;
        background-size:cover;
        padding-top:10px;
    }

    .button_hide {
        background-color:#777;
    }

    .contact-form p {
        margin-bottom:15px;
    }

    .contact-info {
        color:#fff;
        font-family:adget_sans_woo_medium;
    }

    .contact-info > a {
        color:#fff;
    }

    .contact-us-header {
        text-align:center;
        color:#fff;
        font-family:Nunito;
    }

    .contact_us_submit {
        clear:both;
        margin-right:10px;
        float:right;
        border:none;
        width:80%;
        background-color:#0f0;
        color:#000;
        font-family:adget_sans_woo_medium;
    }

    .controlButton {
        font-size:62pt;
        color:gray;
    }

    .controlButton:hover {
        color:#FFF;
        cursor:pointer;
    }

    .disabled_link {
        pointer-events:none;
    }

    .footer {
    }

    .footer-text {
        line-height:60px;
        font-family:adget_sans_woo_medium;
    }

    .game_trailer_wrap {
        background-color:#000;
        width:100%;
    }

    .img-item {
        float:left;
        outline:5px solid #F6EDE2;
        margin:20px;
    }

    .input_contact_us {
        width:80%;
        border:none;
        background:#fff;
        font-family:adget_sans_woo_medium;
        margin:5px 10px 5px 0;
        padding:10px;
    }

    .intro-background {
        background-size:cover;
        background-position:center center;
        position:absolute;
        width:100%;
        height:100%;
        z-index:-1;
    }

    .intro-bg-1 {
        background-image:url(../images/section1_background_fullwidth.jpg);
    }

    .intro-bg-4 {
        background:url(../images/Privacy_Background_1920.jpg) bottom left no-repeat;
        background-size: cover !important;
    }

    .intro-header {
        width:100%;
        overflow:auto;
        text-align:center;
        position:relative;
    }

    .intro-logo > img,.store_btn > img,.grass-top > img,.trailer_video,.img-item > img {
        width:100%;
    }

    .intro-title {
        font-family:Nunito;
        color:#FFF;
    }

    .launch_badge {
        display:block;
        position:absolute;
        left:50%;
        margin-top:10px;
    }

    .launch_badge img {
        position:relative;
        right:50%;
        width:100%;
    }

    .link_content > ul > li > a {
        color:#FFF;
    }

    .link_content,.press_content {
        font-family:adget_sans_woo_medium;
        color:#fff;
    }

    .link_press_wrap {
        background-image:url(../images/section3_background_fullwidth.jpg);
    }

    .link_title {
        font-family:Nunito;
        color:#0f0;
        margin-top:auto;
    }

    .navbar {
        margin:80px 0;
    }

    .navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand {
        margin-left:0;
    }

    .navbar-brand {
        padding:0;
    }

    .navbar-inverse {
        background:transparent;
        border:none;
        transition:.5s;
    }

    .navbar-inverse .navbar-nav > .active > a {
        color:#fff;
        background-color:transparent;
    }

    .navbar-inverse .navbar-nav > li > a {
        color:#FFF;
        font-family:adget_sans_woo_medium;
        -webkit-transition:color 1s;
        -moz-transition:color 1s;
        transition:color 1s;
    }

    .navbar-nav {
        float:right;
        font-family:Avenir;
    }

    .navbar-nav > li > a:hover {
        color:#0f0!important;
    }

    .navbar-nav a {
        font-family:Avenir, Arial, sans-serif;
        font-size:15pt;
        color:#fff;
    }

    .notification_wrap {
        top:0;
        position:fixed;
        width:100%;
        background:rgba(0,0,0,0.9);
        text-align:center;
        font-size:20pt;
        color:#f2f2f2;
        display:none;
        z-index:10000;
        padding:30px;
    }

    .overview_content {
        color:#FFF;
        font-family:adget_sans_woo_medium;
    }

    .overview_sub_title {
        color:#0f0;
        font-family:Nunito;
    }

    .overview_title,.press_title {
        font-family:Nunito;
        color:#0f0;
    }

    .overview_wrap {
        background-image:url(../images/section3_background_fullwidth.jpg);
        background-position:center top;
        background-size:cover;
    }

    .presskit_button > a {
        display:block;
        color:#000;
        background:#0f0;
        text-align:center;
        border:1px solid #fff;
        border-radius:5px;
        text-decoration:none;
        font-family:adget_sans_woo_medium;
    }

    .presskit_button > a:hover,.contact_us_submit:hover {
        background-color:#0c0;
        color:#f2f2f2;
    }

    .privacy_content {
        font-size:15px;
        margin-top:10px;
        margin-bottom:150px;
        overflow-y:hidden;
        overflow-x:hidden;
        text-align:left;
        font-family:adget_sans_woo_medium;
        color:#FFF;
    }

    .privacy_content h4 {
        color:#0c0;
    }

    .privacy_content p {
        margin-top:20px;
        margin-bottom:20px;
        font-family:adget_sans_woo_medium;
    }

    .privacy_title {
        font-size:24pt;
        text-align:left;
        color:#0c0;
        font-family:Nunito;
    }

    .row {
        display:flex;
        margin:0;
    }

    .screenshot_title {
        text-align:center;
        font-family:Nunito;
        color:#FFF;
    }

    .screenshot_wrap {
        background-image:url(../images/section4_background_fullwidth.jpg);
        background-size:cover;
    }

    .sgs-footer,.infusion-field,.infusion-submit {
        text-align:right;
    }

    .sgs-footer-text {
        float:right;
        text-align:left;
        color:#000;
    }

    .star {
        display:block;
        float:left;
    }

    .store_btn {
        margin-top:10px;
        position:relative;
        display:block;
        border:solid 1px #fff;
        border-radius:10px;
    }

    .trailer-wrapper {
        border:5px solid #707f95;
    }

    .trailer_content,#preButton,#nextButton {
        text-align:center;
    }

    .trailer_title {
        color:#fff;
        text-align:center;
        font-family:Nunito;
    }

    body {
        background:#fff;
        font-family:Avenir, Arial, sans-serif;
        color:#000;
    }
}

@media (min-width: 320px) {
    /* smartphones, iPhone, portrait 480x320 phones */
    .intro-header {
        overflow: hidden;
    }
    .intro_privacy{
        overflow: visible;
    }
    .bottom_align{
        padding-bottom: 0px;
    }
    .container {
        width: 290px;
        padding-left: 0;
        padding-right: 0;
    }

    .alleylabs-top-logo {
        width: 200px;
        margin-top: 5px;
    }
    .launch_badge{
        width: 140px;
        margin-top: 10px;
    }
    .navbar-header {
        margin-right: 0px!important;
        margin-left: 0px!important;
    }

    .navbar {
        margin: 0px 0;

    }
    .navbar_padding{
        padding: 20px 0;
    }

    .navbar-toggle {
        background-color: #333;
    }

    .navbar-collapse {
        border: none;
    }

    .navbar-nav {
        margin-top: 10px;
        float: left;
        text-align: left;
        padding-left: 17px;
    }

    .alleylabs-top-logo {
        width: 220px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 12pt;
    }
    #navbar{
        background: rgba(1,63,88,0.5);
    }
    .row{
        display: block;
    }
    .display_flex{
        display: flex;
    }

    .intro-logo {
        width: 160px;
        margin: 0px auto 105px auto;
    }

    .intro-title {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 0px;
    }

    .store_btn {
        width: 120px;
        margin: 5px auto;
        border-radius: 3px;
    }

    .store_btn.googleplay {
        margin-top: 20px;
    }

    .trailer_title {
        font-size: 26px;
        padding: 15px;
    }

    .trailer_content {
        padding-bottom: 10px;
    }

    .overview_container {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .overview_title {
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 50px;
    }

    .overview_content {
        font-size: 14px;
    }
    .overview_content_left{
        padding-right: 0px;
    }

    .overview_sub_title {
        font-size: 18px;
        margin-top: 50px;
    }

    .overview_content > ul {
        padding-left: 20px;
    }

    .overview_content > ul > li {
        margin-bottom: 12px;
    }

    .screenshot_title {
        font-size: 28px;
        padding: 100px 0 10px 0;
        margin: auto;
    }

    .img-item {
        width: 210px;
    }

    #itemList {
        left: -250px;
    }

    #slideWrap {
        height: 480px;
        padding:0;
    }

    .controlButton {
        font-size: 62pt;
        padding:0px;
        padding-top: 140px;
    }

    .link_press_wrap{
        background-size: cover;
        padding-bottom: 150px;
        padding-top: 150px;
    }

    .link_title{
        font-size: 30px;
        margin-bottom: 20px;
    }

    .press_title{
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .link_content > ul{
        padding-left: 20px;
    }

    .link_content > ul > li{
        margin-bottom: 10px;
    }

    .link_content{
        font-size: 14px;
    }

    .press_content {
        font-size: 14px;
        margin-bottom: 40px;
    }

    .presskit_button{
        padding-left: 0px;
    }

    .presskit_button > a {
        padding: 10px;
        font-size: 18px;
        width: 250px;
    }

    .contact-us-header {
        padding: 30px 0px;
        margin-top: 100px;
        font-size: 30px;
    }

    .contact-icon {
        width: 30px;
    }

    .contact-info {
        font-size: 12px;
        padding-left: 20px;
    }

    .input_contact_us {
        font-size: 14px;
        width: 100%;
        margin: 3px 5px 3px 0px;
        padding: 10px;
    }
    .contact_us_submit {
        margin-right: 0px;
        width: 100%;
        padding: 12px 5px 10px 5px;
        font-size: 15px;
    }

    #contact {
        padding-bottom: 160px;
    }

    .footer{
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .footer-text {
        font-size: 10px;
    }

    .alleylabs-footer {
        font-size: 10px;
        line-height: 20px;
        padding: 3px;
    }

    .alleylabs-footer > a > img{
        height: 20px;
    }

    .alleylabs-footer-text{
        line-height: 20px;
        padding-left: 0px;
        padding-top: 10px;
    }

    .sgs-footer-text{
        line-height: 20px;
        padding-left: 0px;
        float: left;
        padding-top: 10px;
    }

    .sgs-footer > a >img {
        height: 20px;
        padding-left: 0px;
    }

    .alleylabs-footer > a > br{
        display: inline-block;
    }

    .sgs-footer > a > br{
        display: inline-block;
    }

    .sgs-footer{
        padding: 3px;
    }

    .notification_wrap{
        font-size: 12pt;
    }
    .privacy_content{
        margin-bottom: 0px;
    }

    .privacy-text{
        padding-top: 30px;
    }
    .privacy_title{
        font-size: 12pt;
    }
    .privacy_content h4{
        font-size: 10pt;
    }
    .privacy_content p{
        font-size: 8pt;
    }
    .privacy_content{
        font-size: 8pt;
    }
    .privacy_content ul{
        padding-left: 15px;
    }
    .bottom_align{
        padding-top: 10px;
    }
}

@media (min-width: 480px) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .container {
        width: 440px;
    }
    .privacy_content {
        font-size: 10pt;
    }
    .launch_badge{
        width: 210px;
        margin-top: 10px;
    }
    .navbar_padding{
        padding: 20px 0;
    }
    .bottom_align{
        padding-bottom: 0px;
    }

    .navbar-nav {
        margin-top: 10px;
        float: left;
        text-align: left;
    }

    .alleylabs-top-logo {
        width: 220px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 12pt;
    }

    #navbar{
        background: rgba(1,63,88,0.5);
    }
    .row{
        display: block;
    }
    .display_flex{
        display: flex;
    }



    .intro-logo {
        width: 160px;
        margin: 0px auto 120px auto;
    }

    .intro-title {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 0px;
    }

    .store_btn {
        width: 120px;
        margin: 5px auto;
        border-radius: 3px;
    }

    .trailer_title {
        font-size: 26px;
        padding: 15px;
    }

    .trailer_content {
        padding-bottom: 10px;
    }

    .overview_container {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .overview_title {
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 50px;
    }

    .overview_content {
        font-size: 14px;
    }

    .overview_content_left{
        padding-right: 0px;
    }

    .overview_sub_title {
        font-size: 18px;
        margin-top: 50px;
    }

    .overview_content > ul {
        padding-left: 20px;
    }

    .overview_content > ul > li {
        margin-bottom: 12px;
    }

    .screenshot_wrap {
        background-image: url("../images/section4_background.jpg");
        background-size: cover;
    }

    .screenshot_title {
        font-size: 28px;
        padding: 100px 0 10px 0;
    }

    .img-item {
        width: 150px;
    }

    #itemList {
        left: -190px;
    }

    #slideWrap {
        height: 400px;
    }

    .controlButton {
        font-size: 62pt;
        padding-top: 100px;
    }

    .link_press_wrap{
        background-size: cover;
        padding-bottom: 150px;
        padding-top: 150px;
    }

    .link_title{
        font-size: 30px;
        margin-bottom: 20px;
    }

    .press_title{
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .link_content > ul{
        padding-left: 20px;
    }

    .link_content > ul > li{
        margin-bottom: 10px;
    }

    .link_content{
        font-size: 14px;
    }

    .press_content {
        font-size: 14px;
        margin-bottom: 40px;
    }

    .presskit_button{
        padding-left: 50px;
    }

    .presskit_button > a {
        padding: 10px;
        font-size: 18px;
        width: 250px;
    }

    .contact-us-header {
        padding: 30px 0px;
        margin-top: 100px;
        font-size: 30px;
    }

    .contact-icon {
        width: 36px;
    }

    .contact-info {
        font-size: 14px;
        padding-left: 20px;
    }

    .input_contact_us {
        font-size: 14px;
        width: 100%;
        margin: 3px 5px 3px 0px;
        padding: 10px;
    }
    .contact_us_submit {
        margin-right: 0px;
        width: 100%;
        padding: 12px 5px 10px 5px;
        font-size: 15px;
    }

    #contact {
        padding-bottom: 160px;
    }

    .footer{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-text {
        font-size: 13px;
    }

    .alleylabs-footer {
        font-size: 14px;
        line-height: 30px;
    }

    .alleylabs-footer > a > img{
        height: 30px;
    }

    .alleylabs-footer-text{
        line-height: 30px;
        padding-left: 0px;
        padding-top: 10px;
    }

    .sgs-footer-text{
        line-height: 30px;
        padding-left: 10px;
        float: left;
        padding-top: 10px;
    }

    .sgs-footer > a >img {
        height: 30px;
        padding-left: 0px;
    }

    .alleylabs-footer > a > br{
        display: inline-block;
    }

    .sgs-footer > a > br{
        display: inline-block;
    }

    .privacy-text{
        padding-top: 40px;
    }
    .privacy_title{
        font-size: 14pt;
    }
    .privacy_content{
        margin-bottom: 100px;
    }
    .privacy_content ul{
        padding-left: 30px;
    }
}

@media (min-width: 640px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    /* portrait tablets */
    .container {
        width: 600px;
    }
    .navbar_padding{
        padding: 20px 0;
    }
    .launch_badge{
        width: 230px;
        margin-top: 10px;
    }

    .navbar-nav {
        margin-top: 10px;
        float: left;
        text-align: left;
    }

    .alleylabs-top-logo {
        width: 220px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 12pt;
    }

    .intro-logo {
        width: 160px;
        margin: 0px auto 120px auto;
    }

    .intro-title {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 0px;
    }

    .store_btn {
        width: 120px;
        margin: 5px auto;
        border-radius: 3px;
    }

    .trailer_title {
        font-size: 26px;
        padding: 15px;
    }

    .trailer_content {
        padding-bottom: 10px;
    }

    .overview_container {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .overview_title {
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 50px;
    }

    .overview_content {
        font-size: 14px;
    }

    .overview_content_left{
        padding-right: 50px;
    }

    .overview_sub_title {
        font-size: 18px;
        margin-top: 50px;
    }

    .overview_content > ul {
        padding-left: 20px;
    }

    .overview_content > ul > li {
        margin-bottom: 12px;
    }

    .screenshot_wrap {
        background-image: url("../images/section4_background.jpg");
        background-size: cover;
    }

    .screenshot_title {
        font-size: 28px;
        padding: 100px 0 10px 0;
    }

    .img-item {
        width: 210px;
    }

    #itemList {
        left: -250px;
    }

    #slideWrap {
        height: 500px;
    }

    .controlButton {
        font-size: 62pt;
        padding-top: 150px;
    }

    .link_press_wrap{
        background-size: cover;
        padding-bottom: 150px;
        padding-top: 150px;
    }

    .link_title{
        font-size: 30px;
        margin-bottom: 20px;
    }

    .press_title{
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .link_content > ul{
        padding-left: 20px;
    }

    .link_content > ul > li{
        margin-bottom: 10px;
    }

    .link_content{
        font-size: 14px;
    }

    .press_content {
        font-size: 14px;
        margin-bottom: 40px;
    }

    .presskit_button{
        padding-left: 50px;
    }

    .presskit_button > a {
        padding: 10px;
        font-size: 18px;
        width: 250px;
    }

    .contact-us-header {
        padding: 30px 0px;
        margin-top: 100px;
        font-size: 30px;
    }

    .contact-icon {
        width: 36px;
    }

    .contact-info {
        font-size: 14px;
        padding-left: 20px;
    }

    .input_contact_us {
        font-size: 14px;
        width: 100%;
        margin: 3px 5px 3px 0px;
        padding: 10px;
    }
    .contact_us_submit {
        margin-right: 0px;
        width: 100%;
        padding: 12px 5px 10px 5px;
        font-size: 15px;
    }

    #contact {
        padding-bottom: 160px;
    }

    .footer{
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .footer-text {
        font-size: 14px;
    }

    .alleylabs-footer {
        font-size: 14px;
        line-height: 30px;
    }

    .alleylabs-footer > a > img{
        height: 30px;
    }

    .alleylabs-footer-text{
        line-height: 30px;
        padding-left: 0px;
        padding-top: 10px;
    }
    .privacy-text {
        line-height: 50px;
        padding-top: 30px;
    }

    .sgs-footer-text{
        line-height: 30px;
        padding-left: 10px;
        float: left;
        padding-top: 10px;
        clear: both;
    }

    .sgs-footer > a >img {
        height: 30px;
        padding-left: 0px;
    }

    .alleylabs-footer > a > br{
        display: inline-block;
    }

    .sgs-footer > a > br{
        display: inline-block;
    }
    .privacy_title{
        font-size: 16pt;
    }
    .privacy_content h4{
        font-size: 12pt;
    }
    .privacy_content p{
        font-size: 10pt;
    }
}

@media (min-width: 768px) {
    /* portrait tablets */
    .container {
        width: 720px;
    }
    .launch_badge{
        width: 260px;
        margin-top: 10px;
    }

    .alleylabs-top-logo {
        width: 220px;
    }

    .navbar-nav {
        margin-top: 3px;
        float: right;
    }
    #navbar{
        background: none;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 12pt;
    }
    .navbar-inverse{
        padding-top: 0px;
    }
    .navbar_padding{
        padding-top: 20px;
    }

    .intro-logo {
        width: 160px;
        margin: 0px auto 120px auto;
    }

    .intro-title {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 0px;
    }

    .store_btn {
        width: 120px;
        margin: 5px auto;
        border-radius: 3px;
    }

    .trailer_title {
        font-size: 26px;
        padding: 15px;
    }

    .trailer_content {
        padding-bottom: 10px;
    }

    .overview_container {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .overview_title {
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 50px;
    }

    .overview_content {
        font-size: 14px;
    }

    .overview_content_left{
        padding-right: 15px;
    }
    .overview_sub_title {
        font-size: 18px;
        margin-top: 50px;
    }

    .overview_content > ul {
        padding-left: 20px;
    }

    .overview_content > ul > li {
        margin-bottom: 12px;
    }

    .screenshot_wrap {
        background-image: url("../images/section4_background.jpg");
        background-size: cover;
    }

    .screenshot_title {
        font-size: 28px;
        padding: 100px 0 10px 0;
    }

    .img-item {
        width: 160px;
    }

    #itemList {
        left: -200px;
    }

    #slideWrap {
        height: 360px;
    }

    .controlButton {
        font-size: 62pt;
        padding-top: 110px;
    }

    .link_press_wrap{
        background-size: cover;
        padding-bottom: 150px;
        padding-top: 150px;
    }

    .link_title{
        font-size: 30px;
        margin-bottom: 20px;
    }

    .press_title{
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .link_content > ul{
        padding-left: 20px;
    }

    .link_content > ul > li{
        margin-bottom: 10px;
    }

    .link_content{
        font-size: 14px;
    }

    .press_content {
        font-size: 14px;
        margin-bottom: 40px;
    }

    .presskit_button{
        padding-left: 20px;
    }

    .presskit_button > a {
        padding: 10px;
        font-size: 22px;
        width: 300px;
    }

    .contact-us-header {
        padding: 30px 0px;
        margin-top: 100px;
        font-size: 30px;
    }

    .contact-icon {
        width: 36px;
    }

    .contact-wrap-info{
        padding:0;
    }

    .contact-info {
        line-height: 30px;
        font-size: 13px;
        padding-left: 0px;
    }

    .input_contact_us {
        font-size: 15px;
    }

    .contact_us_submit {
        padding: 12px 5px 10px 5px;
        font-size: 15px;
    }

    #contact {
        padding-bottom: 160px;
    }

    .footer{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-text {
        font-size: 14px;
    }

    .alleylabs-footer {
        font-size: 14px;
        line-height: 30px;
    }

    .alleylabs-footer > a > img{
        height: 30px;
    }

    .alleylabs-footer-text{
        line-height: 30px;
        padding-left: 5px;
        padding-top: 0;
    }

    .sgs-footer-text{
        line-height: 30px;
        padding-left: 5px;
        padding-top: 0;
        clear: none;
    }

    .sgs-footer > a >img {
        height: 30px;
        padding-left: 0px;
    }

    .alleylabs-footer > a > br{
        display: none;
    }

    .sgs-footer > a > br{
        display: none;
    }
    .privacy_title{
        font-size: 16pt;
    }
    .privacy_content{
        margin-bottom: 0px;
    }
    .bottom_align{
        padding-top: 10px;
    }
}

@media (min-width: 960px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    /* big landscape tablets, laptops, and desktops */

    .container {
        width: 900px;
    }
    .launch_badge{
        width: 340px;
        margin-top: 10px;
    }
    .alleylabs-top-logo {
        width: 260px;
    }

    .intro-bg-4{
        margin-top: -50px;
    }

    .navbar-nav {
        margin-top: 10px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 13pt;
    }

    .intro-logo {
        width: 180px;
        margin: 20px auto 150px auto;
    }

    .intro-title {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .intro-social-icon-wrap {
        margin-top: 250px;
    }

    .intro-social-icon > img {
        height: 50px;
        margin: 20px;
    }

    .store_btn {
        width: 150px;
        margin: 10px auto;
        border-radius: 5px;
    }

    .trailer_title {
        font-size: 28px;
        padding: 25px;
    }

    .trailer_content {
        padding-bottom: 30px;
    }

    .overview_container {
        padding-top: 300px;
        padding-bottom: 300px;
    }

    .overview_title {
        font-size: 32px;
        margin-bottom: 20px;
        margin-top: 50px;
    }

    .overview_content {
        font-size: 15px;
    }

    .overview_content_left{
        padding-right: 50px;
    }

    .overview_sub_title {
        font-size: 18px;
        margin-top: 50px;
    }

    .overview_content > ul {
        padding-left: 20px;
    }

    .overview_content > ul > li {
        margin-bottom: 12px;
    }

    .screenshot_wrap {
        background-image: url("../images/section4_background.jpg");
        background-size: cover;
    }

    .screenshot_title {
        font-size: 28px;
        padding: 120px 0 20px 0;
    }

    .img-item {
        width: 210px;
    }

    #itemList {
        left: -250px;
    }

    #slideWrap {
        height: 470px;
    }

    .controlButton {
        font-size: 62pt;
        padding-top: 150px;
    }

    .link_press_wrap{

        background-size: cover;
        padding-bottom: 300px;
        padding-top: 300px;
    }

    .link_title{
        font-size: 32px;
        margin-bottom: 20px;
    }

    .press_title{
        font-size: 32px;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .link_content > ul{
        padding-left: 20px;
    }

    .link_content > ul > li{
        margin-bottom: 10px;
    }

    .link_content{
        font-size: 15px;
    }

    .press_content {
        font-size: 15px;
        margin-bottom: 50px;
    }

    .presskit_button{
        padding-left: 50px;
    }

    .presskit_button > a {
        padding: 10px;
        font-size: 22px;
        width: 300px;
    }

    .contact-us-header {
        padding: 60px 0px;
        margin-top: 100px;
        font-size: 32px;
    }

    .contact-icon {
        width: 40px;
    }

    .contact-info {
        font-size: 15px;
        padding-left: 20px;
    }

    .input_contact_us {
        font-size: 15px;
        width: 80%;
    }

    .contact_us_submit {
        padding: 12px 5px 10px 5px;
        font-size: 15px;
        width: 80%;
        margin-right: 4px;
    }

    #contact {
        padding-bottom: 160px;
    }

    .footer{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-text {
        font-size: 15px;
    }

    .alleylabs-footer {
        font-size: 15px;
        line-height: 40px;
    }

    .alleylabs-footer > a > img{
        height: 40px;
    }

    .alleylabs-footer-text{
        line-height: 40px;
        padding-left: 10px;
        padding-top: 0px;
    }

    .sgs-footer-text{
        line-height: 40px;
        padding-left: 10px;
        padding-top: 0px;
    }

    .sgs-footer > a >img {
        height: 35px;
        padding-left: 0px;
    }

    .alleylabs-footer > a > br{
        display: none;
    }

    .sgs-footer > a > br{
        display: none;
    }
    .privacy_content{
        margin-bottom: 200px;
    }

}

@media (min-width: 1024px) {
    /* big landscape tablets, laptops, and desktops */
    .container {
        width: 1000px;
    }

    .alleylabs-top-logo {
        width: 275px;
    }
    .launch_badge{
        width: 400px;
        margin-top: 10px;
    }
    .navbar {
        margin: 36px 0;
    }

    .navbar-nav {
        margin-top: 10px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 16px;
    }

    .intro-logo {
        width: 280px;
        margin: 0px auto 160px auto;
    }

    .intro-title {
        font-size: 26px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .intro-social-icon-wrap {
        margin-top: 250px;
    }

    .intro-social-icon > img {
        height: 50px;
        margin: 20px;
    }

    .store_btn {
        width: 150px;
        margin: 5px auto;
        border-radius: 5px;
    }

    .store_btn.googleplay {
        margin-top: 25px;
    }

    .trailer_title {
        font-size: 35px;
        padding: 31px;
    }

    .trailer_content {
        padding-bottom: 40px;
    }

    .overview_container {
        padding-top: 150px;
        padding-bottom: 190px;
    }

    .overview_title {
        font-size: 30px;
        margin-bottom: 33px;
    }

    .overview_content {
        font-size: 14px;
    }

    .overview_content_left{
        padding-right: 45px;
    }

    .overview_sub_title {
        font-size: 18px;
        margin-top: 13px;
    }

    .overview_content > ul {
        padding-left: 20px;
    }

    .overview_content > ul > li {
        margin-bottom: 12px;
    }

    .screenshot_wrap {
        background-size: cover;
    }

    .screenshot_title {
        font-size: 35px;
        padding: 170px 0 22px 0;
    }

    .img-item {
        width: 240px;
    }

    #itemList {
        left: -280px;
    }

    #slideWrap {
        height: 500px;
    }

    .controlButton {
        font-size: 62pt;
        padding-top: 167px;
    }

    .link_press_wrap{
        background-size: cover;
        padding-bottom: 160px;
        padding-top: 200px;
    }

    .link_title {
        font-size: 36px;
        margin-bottom: 25px;
    }

    .press_title{
        font-size: 36px;
        margin-bottom: 35px;
    }

    .link_content > ul{
        padding-left: 20px;
    }

    .link_content > ul > li{
        margin-bottom: 10px;
    }

    .link_content{
        font-size: 16px;
    }

    .press_content {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .presskit_button{
        padding-left: 50px;
    }

    .presskit_button > a {
        padding: 10px;
        font-size: 22px;
        width: 300px;
    }

    .contact-us-header {
        padding: 50px 0px;
        margin-top: 100px;
        font-size: 35px;
    }

    .contact-icon {
        width: 40px;
    }

    .contact-info {
        font-size: 15px;
        padding-left: 20px;
    }

    .input_contact_us {
        font-size: 15px;
    }

    .contact_us_submit {
        padding: 12px 5px 10px 5px;
        font-size: 15px;
    }

    #contact {
        padding-bottom: 105px;
    }

    .footer{
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .footer-text {
        font-size: 15px;
    }

    .alleylabs-footer {
        font-size: 15px;
        line-height: 40px;
    }

    .alleylabs-footer > a > img{
        height: 40px;
        padding-left: 30px;
    }

    .alleylabs-footer-text{
        line-height: 40px;
        padding-top: 0px;
        padding-left: 10px;
        text-align: center;
    }

    .sgs-footer-text{
        line-height: 40px;
        padding-left: 10px;
        padding-top: 0px;
    }

    .sgs-footer > a >img {
        height: 40px;
        padding-left: 0px;
    }

    .alleylabs-footer > a > br{
        display: none;
    }

    .sgs-footer > a > br{
        display: none;
    }

    .privacy_content{
        margin-bottom: 150px;
    }
}