.iphone iframe{
    height: 315px;
    width: 300px;
}
@media all and (max-width: 960px){
    #thumbNav a:hover  { background: url(../images/normal.png) no-repeat;  }
    #thumbNav a.cur  { background: url(../images/current.png) no-repeat;  }
    .forward {
        background: url("../images/forward.png") no-repeat scroll left top;
    }
    .back {
        background: url("../images/back.png") no-repeat scroll left top;
    }
}
@media all and (min-width: 640px) and (max-width: 960px) {
    /*************************** Header *****************************/
    #header-in, #wrapper, #bottom, #footer{
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .header_content {
        width: 96%;
        float: left;
        margin-top: 0;
        min-height: 0;
        position: relative;
        padding: 2%;
        text-align: center;
    }
    .header_content img{
        max-width: 100%;
        margin: 0;
    }
    .header_content .app_store{
        float: none;
    }
    .header_content h2{
        margin: 0;
        padding: 0;
    }
    .iphone {
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
        padding: 2%;
        width: 263px;
        margin: auto;
        overflow: hidden;
        text-align: center;
        float: none;
    }
    .iphone .anythingSlider {
        margin: 61px 0 0 10px;
        position: relative;
    }

    /*************************** Navigation *****************************/


    /*************************** Page *****************************/
    #wrapper{
        width: 100%;
        float: left;
    }
    #content {
        width: 96%;
        padding: 50px 2%;
    }
    #page .center img{
        max-width: 100%;
    }
    #sidebar {
        float: left;
        margin: 10px 2%;
        padding: 0;
        width: 96%;
    }
    .iphone iframe{
        width: 600px;
        height: 500px;
    }
    #footer .fl {
        float: none;
        text-align: center;
    }
}
@media all and (min-width: 320px) and (max-width: 639px) {
    /*************************** Header *****************************/
    #header-in, #wrapper, #bottom, #footer{
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .header_content {
        max-width: 96%;
        float: left;
        margin-top: 0;
        min-height: 0;
        position: relative;
        padding: 2%;
        text-align: center;
    }
    .header_content img{
        max-width: 100%;
        margin: 0;
    }
    .header_content .app_store{
        float: none;
    }
    .header_content h2{
        margin: 0;
        padding: 0;font-size: 1em;
    }
    .iphone {
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
        padding: 2%;
        width: 263px;
        margin: auto;
        overflow: hidden;
        text-align: center;
        float: none;
    }
    .iphone .anythingSlider {
        margin: 70px 0 0 19px;
        position: relative;
    }
    .iphone iframe{
        width: 100%;
        height: 400px;
    }

    /*************************** Navigation *****************************/

    .navigation {
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .navigation .sf-menu {
        width: auto;
        margin: 2%;
    }
    .navigation .sf-menu li {
        width: 100%;
    }

    /*************************** Page *****************************/
    #wrapper{
        width: 100%;
        float: left;
    }
    #content {
        width: 96%;
        padding: 50px 2%;
    }
    #page .center img{
        max-width: 100%;
    }
    .list-item{
        width: 100%;
    }
    #sidebar {
        float: left;
        margin: 10px 2%;
        padding: 0;
        width: 96%;
    }
    .wpcf7 .wpcf7-form-control-wrap input,.wpcf7 .wpcf7-form-control-wrap textarea,.wpcf7 .wpcf7-form-control-wrap select{
        min-width: 300px;
        max-width: 90%;
    }
    #footer .fl {
        float: none;
        text-align: center;
    }
}
@media all and (min-width: 320px) and (max-width: 480px){
    .iphone iframe{
        width: 100%;
        height: 315px;
    }
}
@media all and (min-width: 786px) and (max-width: 1024px){
    .iphone .anythingSlider {
        margin: 61px 0 0 10px;
        position: relative;
    }
}