@media all and (min-width: 960px) and (max-width: 1300px) {

    .advert-big {
        display: none;
    }

    .advert-min {
        display: block;
    }

    header .site_name {
        font-size: 42px;
        text-align: center;
        display: block;
        padding: 0;
    }

    header .headline p {
        font-size: 24px
    }

    header .search {
        width: 380px
    }

    header .headline {
        width: 380px
    }

    nav {
        background: none
    }

    nav ul li a {
        font-size: 13px;
        padding: 0 10px;
    }

    #comparateur {
        padding: 40px 0
    }

    #comparateur .field .title {
        font-size: 16px
    }

    #comparateur .screen .choice {
        width: 90px;
        padding: 0 2px !important;
    }

    #comparateur .screen .choice .icon,
    #comparateur .screen .choice p {
        width: 90px;
        font-size: 13px;
    }

    #comparateur .desc_genie {
        width: 230px;
        font-size: 16px;
    }

    #comparateur .go_genius {
        margin: 18px 0 0
    }

    #slider_smartphones ul li {
        width: 175px !important
    }

    #slider_smartphones .bx-viewport {
        width: 875px !important;
        margin: auto;
    }

    #slider_smartphones .bx-controls .bx-next {
        right: 18px
    }

    #slider_smartphones .bx-controls .bx-prev {
        left: 18px
    }

    #content .title_section {
        font-size: 26px;
        line-height: 26px;
    }

    #content .top_smartphones .element .infos {
        width: 175px
    }

    #content .top_smartphones .element .vendor {
        margin-right: 25px
    }

    #content .top_smartphones .element .sp {
        margin: 10px 15px 10px 10px
    }

    #content .top_smartphones .element .sp img {
        width: auto;
        height: 100%;
    }

    #content .top_smartphones .element .brand img,
    #content .top_smartphones .element .vendor img {
        width: 50px;
        height: auto;
    }

    #content .best_review .pos {
        width: 40px;
        font-size: 30px;
    }

    #content .best_review .element .infos {
        width: 200px;
        margin: 0px 0px 0px 15px;
        font-size: 13px;
    }

    #content .best_review .element .review {
        margin: 0px 20px 0px 0px
    }

    #content .news .element .banner {
        height: 100px
    }

    #content .news .element .banner img {
        width: 520px;
        height: 100px;
    }

    #content .news .element .banner a {
        height: 100px
    }

    #content .news .element .banner a .icon {
        top: -2px
    }

    footer .content {
        width: 635px
    }

    aside .social .mascotte {
        width: 95px
    }

    aside .social .content {
        float: right !important;
        width: 205px;
    }

    aside .top_forfaits .element .infos .brand {
        width: 50px;
        height: 50px;
        margin: 20px 15px;
    }

    aside .top_forfaits .element .infos .brand img {
        width: 50px;
        height: auto;
    }

    aside .top_forfaits .element .head {
        font-size: 14px;
        font-weight: 700;
    }

    aside .top_forfaits .element .head .circle {
        display: none
    }

    aside .top_forfaits .element .infos .desc {
        color: #666;
        width: 200px;
        transition: all 0.3s ease 0s;
    }

    aside .top_forfaits .element .infos .icon {
        display: none
    }

    aside .best_smartphones .element .head {
        font-size: 14px;
        font-weight: 700;
    }

    aside .best_smartphones .element .head .circle {
        display: none
    }

    aside .best_smartphones .element .infos .sp {
        margin: 15px;
        width: 40px;
    }

    aside .best_smartphones .element .infos .sp img {
        width: 40px;
        height: auto;
    }

    aside .best_smartphones .element .infos ul li {
        width: 152px;
        list-style: none !important;
    }

    aside .best_smartphones .element .btn {
        padding: 0px 10px;
        font-size: 12px;
    }

    #content .module_genie .genie_action h1 {
        font-size: 38px
    }

    #content .news .element.single .banner {
        height: 140px
    }

    #content .news .element.single .banner img {
        width: 100%;
        height: auto;
    }

    #content .news .element.single .share p {
        width: 230px;
        font-size: 24px;
    }

    #content .news .element.single .author .content .profil {
        width: 300px
    }

    #content .news .element.single .author .content .bio {
        width: 270px
    }

    #content .news .element.single .related_posts ul.related_post li {
        width: 105px;
        height: 180px;
    }

    #content .news .element.single .related_posts ul.related_post li img {
        width: 105px;
        height: 105px;
    }

    #content .smartphone #caracteristiques .content .col {
        width: 445px
    }

    #content .smartphone #caracteristiques .content .col table tr .label {
        padding: 0px 0px 0px 10px
    }

    #content .smartphone #promotions .element {
        width: 302px
    }

    #content .smartphone #promotions .element .head .brand {
        width: 120px
    }

    #content .smartphone #promotions .element .head .infos {
        width: 180px
    }

    #content .smartphone #promotions .element .head .type {
        font-size: 24px
    }

    #content .smartphone #avis_clients .customers_avis .element .content {
        width: 740px
    }

    #content .smartphone #avis_clients .main .review {
        width: 200px;
        margin: 0px 25px 0px 0px;
    }

    #content .smartphone #avis_clients .main .cup {
        margin: 18px 0px 0px 50px
    }

    #content .smartphone #avis_clients .main .btn.box_avis {
        width: 120px;
        font-size: 15px;
    }

    #content .comparaison .choose_sp .container_sp {
        margin: 0px 25px
    }

    #content .comparaison .comparaison_elem .element {
        width: 280px;
        height: 260px;
        padding: 0px 0 15px 0;
    }

    #content .comparaison .comparaison_elem .element .sp {
        width: 140px
    }

    #content .comparaison .comparaison_elem .element .photo img {
        width: 75px;
        height: auto;
    }

    #content .comparaison .comparaison_elem .element .photo {
        height: 180px
    }

    #content .comparatif .container_cols .element table .sp {
        width: 310px
    }

    #content .comparatif .head .sp .name {
        font-size: 25px
    }

    #content .comparatif .actions .see_sp {
        width: 310px
    }

    #content .comparaison.full .choose_sp .container_sp {
        margin: 0px 150px
    }

    header #ajaxsearchlite1 .probox input {
        width: 325px !important
    }

    #content .smartphone #comparaisons .element {
        width: 286px
    }

    #content .smartphone #comparaisons .element .sp {
        width: 125px
    }

    #content .smartphone .head .sp_infos {
        padding: 0 0 0 9px
    }

    #content .smartphone .head .sp_infos .pricing .col {
        width: 262px
    }

    #content .smartphone .head .sp_infos h1 {
        width: 400px;
        line-height: 32px;
    }

    #content .smartphone .head .sp_infos .pricing .col .offer .btn {
        width: 55px
    }

    #content .smartphone .head .sp_infos .pricing .col .offer .btn .icon {
        display: none
    }

    #content .smartphone .head .sp_infos .main {
        margin: 0px 10px 0px 5px
    }

    #content .smartphone .head .sp_infos .pricing {
        margin: 0px 10px 0px 5px
    }

    #content .smartphone .head .sp_infos .pricing .col .offer .brand_img {
        width: 40px
    }

    #content .smartphone .head .sp_infos .pricing .col .title {
        font-size: 26px
    }

    #content .news .element.half .banner img {
        width: 100%;
        height: auto;
    }

    #content .news .element.medium .banner img {
        height: auto;
        width: 100%;
    }

    #content .news .element.medium .content .right {
        width: 315px
    }

    #content .news .element.half {
        width: 305px
    }

    #content .search_results .element .sp_img {
        margin: 0px 10px 0px 15px
    }

    #content .search_results .element .content {
        width: 325px
    }

    #content .search_results .element .content .title {
        font-size: 26px;
        width: 275px;
    }

    #content .search_results .element .action {
        margin: 0px
    }

    #content .search_results .element .content ul li {
        font-size: 16px
    }

    #content .comparaison .comparaison_elem .element .versus {
        top: 75px
    }

    #content .price_details .sp_infos {
        margin: 0px 9px 0px 0px
    }

    #content .price_details .sp_offers .offers.alone .element .price {
        width: 145px;
        font-size: 24px;
    }

    #content .price_details .sp_offers .offers.alone .element .btn {
        width: 125px;
        font-size: 15px;
    }

    #content .price_details .sp_infos .promos .element .head .brand {
        width: 100px;
        height: 90px;
    }

    #content .price_details .sp_infos .promos .element .head .brand img {
        width: 75px;
        height: auto;
    }

    #content .price_details .sp_infos .promos .element .head {
        margin: 20px 0 0 0
    }

    #content .price_details .sp_offers .offers.forfait tbody tr td.name span {
        padding: 0px 10px
    }

    #content .price_details .sp_offers .offers.forfait tbody tr td .btn {
        width: 105px;
        font-size: 13px;
    }

    #content .price_details .sp_offers .offers.forfait tbody tr td ul li {
        font-size: 13px
    }

    #content .price_details .sp_offers .offers.forfait tbody tr td img {
        width: 50px;
        height: auto;
    }

    #content .smartphone .head .sp_infos {
        height: 585px
    }

    #content .smartphone .head .sp_slider .bx-viewport {
        width: 250px !important;
        margin: auto;
    }

    #content .smartphone .head .sp_slider .bx-viewport li {
        width: 80px !important
    }

    #content .smartphone .head .like {
        display: inline-block;
        margin: 0 0 0 36px;
    }

    #content .advanced_search .field.budget .amount {
        float: none !important;
        display: inline-block;
        margin: 25px 0 0 0;
    }

    #content .advanced_search .field .opt p {
        font-size: 13px
    }

    #content .compare_results .content .container_sp .element .infos {
        width: 425px
    }

    #content .compare_results .content .container_sp .element .action {
        margin: 0px 40px 0px 0px
    }

    #content .compare_results .content .container_sp .element .infos .col {
        width: 200px
    }

    #content .compare_results .content .container_sp .element .infos .title h2 {
        font-size: 26px
    }

    #content .compare_results .content .container_sp .element .infos .col ul li {
        font-size: 14px
    }

    #content .compare_results .content .container_sp .element .ribbon_new {
        background: transparent url("../images/ribbon-new-min.png") no-repeat scroll 0 0;
        width: 156px;
        height: 124px;
        position: absolute;
        top: 0;
        left: 0;
    }

    #content .comparatif .head .result {
        font-size: 26px;
        padding: 0 20px 0 0;
    }

    #content .compare_results .content .head {
        position: relative
    }

    #content .compare_results .content .head .back {
        margin: 0px;
        position: absolute;
        top: -17px;
        left: 0;
        border-radius: 5px 5px 5px 0;
    }

    #content .smartphone .head .sp_infos .original_price {
        right: 10px;
    }

}

@media only screen and (max-width: 959px) {
    header {
        margin: 0 !important;
        height: auto;
        border-bottom: 0;
    }

    header .site_name {
        font-size: 34px;
        padding: 90px 0px 0px;
        display: block;
        margin: auto;
        text-align: center;
        line-height: 42px;
    }

    header .headline {
        display: none
    }

    header .search {
        width: 100%;
        margin: 15px 0px;
    }

    header .site_logo {
        margin: -110px auto 25px
    }

    header .site_logo img {
        height: 60px;
        width: auto;
        display: block;
        margin: auto;
    }

    header #ajaxsearchlite1 .probox input {
        min-width: 201px
    }

    nav .open-nav {
        background: #097CDD;
        display: block;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
        padding: 10px 0;
    }

    nav .open-nav svg {
        fill: #FFF;
        display: block;
        margin: auto;
    }

    nav {
        background: none;
        height: auto;
        border-bottom: 0;
    }

    nav .grid_12 {
        margin: 0
    }

    nav ul {
        display: none
    }

    nav ul li:first-child {
        border: none
    }

    nav ul li {
        display: block;
        width: 100%;
        height: 40px;
        text-align: center;
        border-top: 1px dashed #DADADA;
    }

    nav ul li a {
        padding: 0px;
        line-height: 40px;
        float: none;
    }

    #comparateur {
        height: auto;
        padding: 20px 0px;
    }

    #comparateur #slider-range,
    #comparateur .marque .ui-multiselect {
        width: 90% !important
    }

    #comparateur .field.screen {
        margin: 25px 0 0
    }

    #comparateur .sep {
        display: none
    }

    .ui-multiselect-menu {
        width: 80% !important
    }

    #comparateur form {
        margin: 0px 0px 20px;
        border-bottom: 1px dashed #666;
        padding: 0 0 20px;
    }

    #comparateur .container_genie {
        width: 460px;
        margin: auto;
    }

    #comparateur .genius {
        left: auto;
        position: relative;
        float: left;
        width: 160px;
    }

    #slider_smartphones .bx-viewport {
        width: 80% !important;
        margin: auto;
    }

    #slider_smartphones ul li {
        width: 175px !important
    }

    #slider_smartphones {
        display: none
    }

    #content .title_section {
        line-height: 28px
    }

    #content .intro .short_desc {
        text-align: left
    }

    #content .top_smartphones .element,
    #content .best_review .element,
    #content .news .element,
    #content .search_results .element {
        max-width: 770px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #content .good_deals .element {
        width: 48% !important;
        float: left;
        margin: 1%;
    }

    #content .news .element .banner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    #content .news .element .banner a.purple {
        position: absolute;
        right: 0;
        top: 0;
    }

    footer .content {
        width: 100%;
        float: none !important;
    }

    footer .title {
        text-align: center;
        padding: 0;
    }

    footer .desc {
        padding: 0 15px;
        text-align: center;
    }

    footer .nav_footer {
        width: 100%;
        text-align: center;
    }

    footer .bottom .copyright {
        padding: 0;
        text-align: center;
        width: 100%;
    }

    footer .logo_footer {
        display: block;
        margin: 25px auto 25px auto !important;
        text-align: center;
        float: none !important;
    }

    aside {
        margin: 25px 0 0 0
    }

    aside .social {
        display: block;
        margin: auto;
        width: 370px;
    }

    aside .top_forfaits .element,
    aside .best_smartphones .element {
        text-align: center
    }

    aside .top_forfaits .element .infos,
    aside .best_smartphones .element .infos {
        display: inline-block;
        text-align: left;
    }

    .search-results aside {
        display: none
    }

    #content .smartphone .head .sp_infos .main {
        margin: 30px 15px 0px 0px
    }

    #content .smartphone .head .sp_infos .pricing .col {
        width: 49%
    }

    #content .smartphone .scroll_to {
        height: auto
    }

    #content .smartphone .scroll_to li.accessoires,
    #content .smartphone #accessoires {
        display: none
    }

    #content .smartphone #caracteristiques .content .col {
        width: 100%
    }

    #content .smartphone #caracteristiques .content .col table {
        width: 100%
    }

    #content .smartphone #caracteristiques .content .col table tr td {
        width: 60%
    }

    #content .smartphone #caracteristiques .content .col table tr .label {
        width: 40%
    }

    #content .smartphone #caracteristiques .content .col {
        margin: 15px 0 0 0
    }

    #content .smartphone #caracteristiques .content .col:first-child {
        margin: 0
    }

    #content .smartphone #promotions .element {
        width: 100%;
        border-bottom: 1px dashed #E8E8E8 !important;
        border-left: none;
    }

    #content .smartphone #comparaisons .element {
        float: none !important;
        display: inline-block;
        margin: 0 5px 15px 5px !important;
    }

    #content .smartphone #avis_clients .customers_avis .element .content {
        width: 70%
    }

    #content .smartphone #avis_clients .main .cup {
        margin: 18px 0px 0px 40px
    }

    #content .smartphone #avis_clients .main .review {
        width: 200px;
        margin: 0px;
    }

    #content .smartphone #avis_clients .main .btn.box_avis {
        display: none
    }

    #content .comparatif .title {
        line-height: 28px;
        margin: 15px 0px 25px;
    }

    #content .comparatif .head .mascotte {
        display: none
    }

    #content .comparatif .head .result {
        display: none
    }

    #content .comparatif .head .sp {
        width: 45% !important;
        float: left;
        margin: 0px !important;
    }

    #content .comparatif .head .versus_container {
        float: left;
        width: 10% !important;
        margin: 0px;
    }

    #content .comparatif .container_cols .element .head {
        height: auto
    }

    #content .comparatif .container_cols .element .title {
        padding: 10px 0;
        margin: 0;
    }

    #content .comparatif .container_cols .element table {
        width: 100%
    }

    #content .comparatif .container_cols .element table tr td {
        width: 37%
    }

    #content .comparatif .container_cols .element table tr .label {
        width: 26%;
        padding: 0 0 0 10px;
    }

    #content .comparatif .actions .print {
        width: 26%
    }

    #content .comparatif .actions .print .btn {
        width: 100%;
        height: auto;
        line-height: 20px;
        padding: 5px 0;
    }

    #content .comparatif .actions .see_sp {
        width: 37%
    }

    #content .comparatif .actions .see_sp .btn {
        width: 80%;
        height: auto;
        line-height: 20px;
        padding: 5px 0;
    }

    #content .comparaison.full .choose_sp .container_sp {
        margin: 0px 100px
    }

    #content .comparaison.full .comparaison_elem .element {
        margin: 0 8px 10px 8px !important
    }

    #content .module_genie .step .genie {
        display: none
    }

    #content .module_genie .step {
        width: 100%
    }

    #content .module_genie .genie_action h1 {
        font-size: 42px
    }

    .no-social {
        display: none
    }

    .advert {
        display: none
    }

    .compare_results .title_section {
        margin: 25px 0 !important
    }

    #content .advanced_search .box {
        display: none
    }

    #content .advanced_search .field.budget #slider-range {
        width: 50%
    }

    #content .advanced_search .title_section {
        background: #FFF none repeat scroll 0% 0%;
        border-radius: 8px;
        color: #38373C;
        cursor: pointer;
        padding: 10px 0;
    }

    #content .price_details .sp_infos {
        border-right: none;
        margin: 0;
    }

    #content .price_details .sp_offers {
        margin: 25px 0 0
    }

    #content .price_details .sp_offers .wysiwyg {
        margin: 0px 15px
    }

    #content .price_details .sp_offers .title {
        padding: 0 15px
    }

    #content .price_details .sp_offers .offers.alone .element {
        margin: 0 15px
    }

    #content .price_details .sp_offers .offers.alone .element .price {
        width: 175px
    }

    #content .price_details .sp_offers .head_offers {
        margin: 0px 15px 20px 15px
    }

    #content .price_details .sp_offers .container_table {
        margin: 0 15px
    }

    #content .smartphone .head .sp_infos h1 {
        max-width: none
    }

}

@media only screen and (max-width: 799px) {
    #comparateur .screen .choice {
        width: 90px;
        padding: 0 2px !important;
    }

    #comparateur .screen .choice .icon,
    #comparateur .screen .choice p {
        width: 90px;
        font-size: 13px;
    }

    #content .top_smartphones .element .brand,
    #content .top_smartphones .element .vendor {
        display: none
    }

    #content .top_smartphones .element .infos {
        width: 45%
    }

    #content .top_smartphones .element .sp {
        margin: 10px 0;
        width: 25%;
    }

    #content .top_smartphones .element .action {
        float: right !important;
        width: 30%;
    }

    #content .best_review .pos {
        display: none
    }

    #content .best_review .element {
        height: auto
    }

    #content .best_review .pos {
        display: none
    }

    #content .best_review .element .brand {
        width: 100%;
        margin: 10px 0px;
    }

    #content .best_review .element .infos {
        width: 100%;
        margin: 0 !important;
        text-align: center;
    }

    #content .best_review .element .review {
        margin: 20px 0 0px 0px !important;
        text-align: center;
        width: 100%;
    }

    #content .best_review .element .action {
        width: 100%;
        margin: 25px 0px 10px 0 !important;
    }

    #content .news .element.single .author .content .profil {
        width: 100%
    }

    #content .news .element.single .author .content .bio {
        width: 100%;
        margin: 15px 0px 0px;
    }

    #content .news .element.single .share .content .mascotte {
        display: none
    }

    #content .news .element.single .share p {
        margin: 0px !important;
        width: 100%;
    }

    #content .news .element.single .share .links {
        display: inline-block;
        margin: 15px auto 0px !important;
        float: none !important;
    }

    #content .news .element.half {
        width: 100%
    }

    #content .news .element.half .banner img {
        float: none !important;
        margin: auto;
        display: block;
    }

    #content .news .element.medium .banner {
        width: 100%;
        text-align: center;
    }

    #content .news .element.medium .banner img {
        float: none !important
    }

    #content .news .element.medium .content .right {
        width: 100%;
        margin: 15px 0px 0px;
    }

    #content .news .element.medium .content {
        height: auto
    }

    #content .news .element.half .read_more,
    #content .news .element.medium .read_more {
        display: block
    }

    #content .search_results .element .sp_img {
        width: 100%;
        margin: 0;
    }

    #content .search_results .element .content {
        width: 100%;
        height: auto;
        background: transparent none repeat scroll 0% 0%;
        text-align: center;
    }

    #content .search_results .element .content .title {
        font-size: 28px;
        margin: 15px 0px 5px;
        width: auto;
    }

    #content .search_results .element .content ul li {
        font-size: 16px
    }

    #content .search_results .element .action {
        width: 100%;
        margin: 15px 0 0 !important;
    }

    #content .search_results .element {
        height: auto
    }

    #content .smartphone .head .sp_infos .original_price {
        position: inherit;
        display: block;
        float: none !important;
        margin: 25px 0px 0px;
        right: 0;
        top: 0;
    }

    #content .smartphone .head .sp_vis .sp_img {
        width: 100%
    }

    #content .smartphone .head .sp_infos .main {
        margin: 30px 0 0px 0px;
        text-align: center;
    }

    #content .smartphone .head .sp_infos .review .avis {
        float: left
    }

    #content .smartphone .head .sp_infos .review {
        display: inline-block
    }

    #content .smartphone .head .sp_infos .pricing .col {
        width: 100%;
        border: none;
    }

    #content .smartphone .part .head .scroll_top {
        display: none
    }

    #content .smartphone #comparaisons .element {
        width: 100%
    }

    #content .smartphone .part .head {
        height: auto;
        line-height: 28px;
    }

    #content .smartphone #avis_clients .main .detail_avis {
        display: none
    }

    #content .smartphone #avis_clients .main .sp_img {
        display: none
    }

    #content .smartphone #avis_clients .content {
        text-align: center
    }

    #content .smartphone #avis_clients .main {
        display: inline-block
    }

    #content .smartphone #avis_clients .main .cup {
        margin: 18px 0px 0px 25px
    }

    #content .smartphone #avis_clients .customers_avis .element .content {
        width: auto;
        text-align: left;
        padding: 0;
    }

    #content .smartphone #avis_clients .customers_avis .element .rate {
        position: relative
    }

    #content .smartphone #avis_clients .customers_avis .element .rate .rating {
        display: inline-block
    }

    #content .smartphone #avis_clients .customers_avis .element .thumb {
        display: inline-block;
        transform: scale(0.3);
        position: absolute;
        width: 81px;
        height: 90px;
        top: -34px;
        margin: 0 !important;
    }

    #content .comparatif .container_cols .element .head .title {
        text-align: center
    }

    #content .comparatif .container_cols .element .head {
        padding: 0
    }

    #content .comparatif .head .sp .sp_img img {
        height: 200px;
        width: auto;
    }

    #content .comparatif .head .sp .sp_img {
        height: 200px;
        width: 100%;
    }

    #content .comparatif .head .grid_3 {
        margin: 0 0 25px 0
    }

    #content .comparatif .head .sp .name {
        font-size: 26px;
        line-height: 28px;
        height: 56px;
        padding: 0 5px;
    }

    #content .comparatif .head .versus {
        margin: 75px auto 0 -52px;
        position: relative;
        left: 50%;
    }

    #content .comparatif .container_cols .element table tr td {
        padding: 10px 5px;
        height: auto;
    }

    #content .comparatif .container_cols .element table .auto {
        display: none
    }

    #content .comparaison.full .choose_sp .container_sp {
        margin: 0px
    }

    #content .comparaison .comparaison_elem .element {
        width: 100%
    }

    #content .comparaison .choose_sp .container_sp .sp {
        width: 230px
    }

    #content .comparaison .choose_sp .container_sp .sp select {
        width: 180px
    }

    #content .comparaison .choose_sp .container_sp .sp {
        width: 200px
    }

    #content .comparaison .choose_sp .container_sp {
        margin: 0px
    }

    #content .comparatif .container_cols .element table tr td .btn {
        margin: 5px 0px 0px 10px
    }

    #content .news .element .head {
        height: auto
    }

    #content .news .element.single .head {
        margin: 0 0 15px 0
    }

    #content .news .element.single .comments {
        padding: 0px
    }

    #content .smartphone .head .sp_infos {
        padding: 0
    }

    #content .module_genie .fields .genie_action h1 {
        float: none !important;
        display: block;
        text-align: center;
    }

    #content .module_genie .fields .genie_action .results {
        float: none !important;
        display: block !important;
        margin: 10px auto 0 auto;
    }

    #content .module_genie .see_results_final {
        width: 80%;
        height: auto;
        line-height: 24px;
        padding: 8px 0;
    }

    #content .module_genie .fields .content .field .opt .check {
        padding: 6px 25px;
        line-height: 18px;
        height: auto;
    }

    #content .compare_results .content .head {
        position: relative
    }

    #content .compare_results .content .head .back {
        margin: 0px;
        position: absolute;
        top: -17px;
        left: 0;
        border-radius: 5px 5px 5px 0;
    }

    #content .compare_results .content .head .order select,
    #content .compare_results .content .head .order .chosen-container {
        width: 90px !important
    }

    #content .compare_results .content .container_sp .element {
        height: auto
    }

    #content .compare_results .content .container_sp .element .action {
        margin: 0px;
        text-align: center;
        width: 100%;
    }

    #content .compare_results .content .container_sp .element .action .sp_img {
        margin: 0px 0px 10px;
        width: 100%;
    }

    #content .compare_results .content .container_sp .element .infos {
        width: 100%;
        margin: 15px 0px;
        text-align: center;
    }

    #content .compare_results .content .container_sp .element .infos .review {
        display: inline-block
    }

    #content .compare_results .content .container_sp .element .infos .col {
        width: 100%
    }

    #content .compare_results .content .container_sp .element .pricing {
        margin: 10px 0 0;
        border-top: 1px dashed #e8e8e8;
        padding: 10px 0 0;
    }

    #content .compare_results .content .container_sp .element .infos .price {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    #content .compare_results .content .container_sp .element .infos .price p {
        float: none !important;
        display: inline-block;
        padding: 0px;
        position: relative;
        top: -5px;
    }

    #content .compare_results .content .container_sp .element .infos .price .brand {
        float: none !important;
        display: inline-block;
    }

    #content .module_genie #step_1 .genie_action p,
    #content .module_genie #step_5 .genie_action p {
        font-size: 18px;
        padding: 0 25px;
    }

    aside .best_smartphones .element .infos .btn {
        float: left
    }

    #content .smartphone .scroll_to li {
        display: block
    }

    #content .smartphone .scroll_to li a,
    #content .smartphone .scroll_to li span {
        float: none !important;
        display: block;
    }

    #content .price_details .sp_offers .offers.alone .element .delivery {
        width: 25%;
        font-size: 24px;
    }

    #content .price_details .sp_offers .offers.alone .element .price {
        width: 25%;
        font-size: 24px;
    }

    #content .price_details .sp_offers .offers.alone .element .btn {
        width: 25%;
        margin: 32px 0 0 0;
        font-size: 14px;
    }

    #content .price_details .sp_offers .container_table {
        margin: 0px;
        overflow-x: scroll;
        width: 100%;
    }

    #content .price_details .sp_offers .offers.forfait {
        width: 770px
    }

    #content .price_details .sp_offers .head_offers {
        height: auto;
        text-align: center;
    }

    #content .price_details .sp_offers .head_offers .nb {
        float: none !important;
        text-align: center;
        display: block;
        padding: 5px 0;
    }

    #content .price_details .sp_offers .head_offers .order {
        display: inline-block;
        margin: 5px auto;
        float: none !important;
    }
}

@media only screen and (max-width: 479px) {
    #comparateur .container_genie {
        width: 100%
    }

    #comparateur .container_genie .genius {
        display: none
    }

    #comparateur .desc_genie {
        width: 100%
    }

    #comparateur .go_genius {
        margin: 18px auto 0 auto;
        float: none !important;
    }

    #content .top_smartphones .element {
        height: 300px
    }

    #content .top_smartphones .element .brand,
    #content .top_smartphones .element .vendor {
        display: none
    }

    #content .top_smartphones .element .sp {
        width: 100%;
        margin: 10px 0;
    }

    #content .top_smartphones .element .infos {
        width: 100%;
        margin: 0 !important;
    }

    #content .top_smartphones .element .action {
        width: 100%;
        margin: 15px 0 !important;
    }

    #content .good_deals .element {
        margin: 0 0px 10px 0;
        width: 100% !important;
    }

    #content .news .more_news {
        width: 80%
    }

    aside .social .mascotte {
        display: none
    }

    aside .social {
        width: 100%
    }

    aside .social .content {
        width: 100%
    }

    aside .top_forfaits .element .head {
        font-size: 13px;
        text-align: center;
    }

    aside .top_forfaits .element .head .circle {
        display: none
    }

    aside .top_forfaits .element .infos .icon {
        display: none
    }

    aside .top_forfaits .element .infos .brand {
        margin: 15px 10px 15px 10px
    }

    aside .top_forfaits .element .infos .desc {
        width: 210px
    }

    aside .best_smartphones .element .head {
        font-size: 13px;
        text-align: center;
    }

    aside .best_smartphones .element .head .circle {
        display: none
    }

    aside .best_smartphones .element .infos {
        height: auto
    }

    aside .best_smartphones .element .infos .sp {
        width: 100%;
        margin: 10px 0 0 0;
        float: none !important;
    }

    aside .best_smartphones .element .infos .desc {
        width: 100%;
        text-align: center;
        float: none !important;
        margin: 10px 0px !important;
    }

    aside .best_smartphones .element .infos .btn {
        margin: 0px 0 10px 0 !important;
        display: block;
        float: none;
    }

    #content .comparaison .comparaison_elem .element .sp {
        width: 120px
    }

    #content .comparaison .choose_sp .container_sp .sp {
        width: 140px
    }

    #content .comparaison .choose_sp .container_sp .sp select {
        width: 120px
    }

    #content .comparaison.full .comparaison_elem .element {
        margin: 0 0 10px 0 !important;
        height: auto;
    }

    #content .comparaison .last_compare .title {
        font-size: 26px
    }

    #content .comparatif .head .sp .name {
        font-size: 24px;
        min-height: 84px;
    }

    #content .comparatif .head .versus {
        background: transparent url("../images/sprite.png") no-repeat scroll -603px -161px;
        width: 47px;
        height: 29px;
        margin-left: -23px;
    }

    #content .comparatif .head .versus_container {
        width: 0% !important
    }

    #content .comparatif .head .sp {
        width: 50% !important
    }

    #content .comparatif .head .sp .review .rating {
        float: none !important;
        margin: 0 auto;
    }

    #content .comparatif .head .sp .review p {
        float: none !important;
        line-height: 35px;
    }

    #content .comparatif .head .sp .nb_avis a {
        display: block
    }

    #content .comparatif .container_cols .element table tr {
        font-size: 13px
    }

    #content .comparatif .container_cols .element .title {
        padding: 10px
    }

    #content .comparatif .container_cols .element table tr .label {
        padding: 0 5px;
        word-break: break-all;
        text-align: center;
    }

    #content .comparatif .actions .print .btn {
        font-size: 0
    }

    #content .comparatif .actions .print .btn .icon {
        top: 6px
    }

    #content .comparatif .actions .see_sp .btn {
        font-size: 12px;
        font-weight: 400;
    }

    #content .module_genie .genie_action .next_step {
        width: 80%;
        font-size: 20px;
    }

    #content .module_genie .fields .head {
        margin: 0px 0 40px 0
    }

    #content .module_genie .fields .content {
        margin: 0px 10px
    }

    #content .module_genie .fields .content .field.budget .amount {
        margin: 20px 0 0 0
    }

    #content .module_genie .fields .content .field .title {
        line-height: 28px
    }

    #content .module_genie .genie_action .nav_buttons .prev_step {
        display: block;
        margin: 25px auto;
    }

    #content .module_genie .genie_action .nav_buttons .next_step {
        display: block;
        margin: 0 auto;
    }

    #content .compare_results .content .head {
        height: auto
    }

    #content .compare_results .content .head .nb {
        float: none !important;
        width: 100%;
        text-align: center;
    }

    #content .compare_results .content .head .order {
        float: none !important;
        width: 100%;
        text-align: center;
    }

    #content .compare_results .content .head .order select,
    #content .compare_results .content .head .order .chosen-container {
        width: 150px !important
    }

    #content .compare_results .content .container_sp .element .infos .title h2 {
        line-height: 30px
    }

    #content .compare_results .content .container_sp .element .infos .review p {
        float: none !important
    }

    #content .compare_results .content .container_sp .element .infos .review .rating {
        display: block;
        margin: 0 auto 10px auto;
        float: none !important;
    }

    #content .news .element.single .author .infos p {
        display: block;
        text-align: center;
        float: none !important;
    }

    #content .news .element.single .related_posts .head,
    #content .news .element.single .comments .head {
        height: auto;
        line-height: 25px;
        padding: 10px 0;
    }

    #content .smartphone .head .sp_slider .slider li {
        width: 80px !important
    }

    #content .smartphone .head .sp_slider .bx-viewport {
        width: 170px !important;
        margin: auto;
    }

    #content .smartphone .head .sp_infos h1 {
        padding: 0 5px
    }

    #content .smartphone .head .sp_infos .review .rating {
        float: none !important;
        margin: 0px auto 5px auto;
        display: block;
    }

    #content .smartphone .head .sp_infos .pricing .col .offer .btn {
        width: 60px
    }

    #content .smartphone .head .sp_infos .pricing .col .offer .btn.choose .icon {
        display: none
    }

    #content .smartphone #caracteristiques .content .col table tr .label {
        text-align: center;
        font-size: 13px;
        word-break: break-all;
        padding: 0 5px;
    }

    #content .smartphone #caracteristiques .content .col table tr {
        font-size: 13px
    }

    #content .smartphone #comparaisons .element .sp {
        width: 50%
    }

    #content .smartphone #promotions .element .head .brand {
        width: 50%
    }

    #content .smartphone #promotions .element .head .infos {
        width: 50%
    }

    #content .smartphone #avis_clients .main .review {
        width: 100%
    }

    #content .smartphone #avis_clients .main .cup {
        display: none
    }

    #content .price_details .sp_infos .promos .element .head .infos,
    #content .price_details .sp_infos .promos .element .head .brand {
        width: 50%
    }

    #content .price_details .sp_offers .offers.alone .element {
        height: auto
    }

    #content .price_details .sp_offers .offers.alone .element .brand {
        width: 100%;
        margin: 0;
        float: none !important;
    }

    #content .price_details .sp_offers .offers.alone .element .delivery {
        width: 100%;
        padding: 0;
        float: none !important;
    }

    #content .price_details .sp_offers .offers.alone .element .price {
        width: 100%;
        line-height: 50px;
        float: none !important;
    }

    #content .price_details .sp_offers .offers.alone .element .btn {
        width: 80%;
        margin: 0px auto 10px auto;
        display: block;
        float: none !important;
    }
}