//******************************PÁGINA MYAPPSNEW MOBILE***********************************

//---------RESOLUÇÃO MOBILE----------
@media only screen and (max-width:767px) {
    #myApps {
        margin-left: 8px;
        margin-right: 8px;

        .container {
            padding-right: 0px;
            padding-left: 0px;
        }

        .containerContent {
            width: 100%;

            .esqIMG {
                margin-top: 16px;
                margin-left: 16px;

                img {
                    height: 104px;
                    width: 104px;
                }
            }

            .content {
                margin-left: 0px;
                margin-right: 16px;

                .descTXT {
                    margin-left: 16px;
                    margin-top: 20px;
                }

                .esqTXT {
                    margin-top: 18px !important;
                    margin-left: 143px;

                    .Name {
                        line-height: 24px;
                    }
                }
            }

            .areaLinks {
                .linkApp {
                    margin-left: 0px;
                    margin-top: 3px;

                    a:first-child {
                        img {
                            margin-right: 4px;
                        }
                    }
                }
            }
        }
    }
}

//---------RESOLUÇÃO TABLET----------
@media only screen and (min-width:768px) and (max-width:1024px) {
    #myApps {
        .containerContent {
            width: 576px;

            .areaLinks {

                .linkApp {
                    margin-top: 0px;
                    margin-left: 52px;

                    img {
                        margin-top: 32px;
                        margin-left: 4px;
                    }
                }
            }

            .content {
                margin-left: 184px;
                margin-right: 40px;

                .esqTXT {
                    margin-top: 0px;
                }
            }
        }
    }
}
//---------RESOLUÇÃO ATÉ AO TABLET-------------
@media only screen and (max-width:1024px) {

    #myApps {
        margin-top: 18px;

        .containerContent {
            display: block !important;

            .content {
                padding-top: 27px;
                margin-bottom: 0px;

                .descTXT {
                    display: inline-block;
                }

                .esqTXT {
                    margin-top: 0px;
                    width: auto;

                    .SubName {
                        font-size: 12px;
                    }
                }
            }

            .areaLinks {
                text-align: center;
                margin-bottom: 32px;

                .linkApp {
                    margin-right: 0px;
                }
            }
        }
    }
}
//****************************************************************************************

//******************************PÁGINA OLIMPIADAS***********************************

//---------RESOLUÇÃO MOBILE----------
@media only screen and (max-width:767px) {
    .olimpiadas {
        margin-left: 8px;
        margin-right: 8px;

        .title-bar {
            width: 100%;
        }

        .main {
            width: 100%;

            .time {
                text-align: right;
            }
            /*.time {
                margin-left: 65px !important;
            }*/
            .text-wrap {
                margin-left: 0px;
                margin-right: 0px;
            }

            .link_game {
                height: auto !important;
                width: 100% !important;
                position: initial !important;
            }

            #iframecontent {
            }
        }
    }
}
//****************************************************************************************
//******************************PÁGINA DESAFIOS***********************************
//---------RESOLUÇÃO MOBILE----------
@media only screen and (max-width:767px) {
    .contest {
        margin-left: 8px;
        margin-right: 8px;

        .title-bar {
            width: 100%;
        }

        .main {
            width: 100%;

            #flash_content {
                iframe {
                    height: 45vw !important;
                }
            }

            #DesafioDisponivelArea {
                display: none !important;
            }

            #ProximoDesafioArea {
                display: none !important;
            }

            #flash_content {
                iframe {
                    width: 100% !important;
                }
            }
        }
    }
}
//****************************************************************************************