@media only screen and (max-width : 30em) {
    .slide-social{
        width: 100%;
    }
    .slide-social .button{
        position: absolute;
        margin-left: 50%;
    }
}

@media (max-width: 1500px) {
    #benefits .overlay-outer {
        top: 55%;
    }

    .top_slider.au .slider_floating_content {
        width: 75%;
        right: 0;
    }
    .top_slider.au .slider_floating_content img {
        width: 100%;
        max-width: 100%;
        margin-top: 15%;
    }
}

@media (min-width:1500px) and (max-height:700px) {
    .top_slider.au .slider_floating_content img {
        width: 150vh;
    }
}

@media (max-width: 1280px) {
    .cw_main_grid {
        width: 38%;
    }
}

@media (max-width: 1024px) {
    .main h1 {
        font-size: 2.5em;
    }
    .login_connect {
        float: none;
    }
    .cw_main_grid {
        width: 47%;
    }
    .dd_container {
        margin-left: -45px;
    }
    /* x100 Comp */
    /* #x100_comp .content_container .grid_container ul {
        margin-bottom: 32px;
    } */
    /* / x100 Comp */
}

@media (max-width:991px) {
    .cw_main_grid {
        width: 49%;
    }
    .modal-w-content {
        width: 80%;
    }
    .qualify_close.terms {
        right: -39%;
    }
    .menu_nav li {
        padding: 0 15px;
    }
}

@media (max-width:970px) {
    .main_menu {
        display: none;
    }
    #mobile_menu {
        display: block;
    }
    .page_banner {
        top: 61px;
    }
    .repairs_header_img {
        top: 60px;
    }
    .content_container {
        margin: 70px auto 0;
        padding-bottom: 70px;
    }
    /* Hire a camera */
    #hac_iframe {
        margin-top: 60px;
        height: calc(100vh - 130px);
    }
    /* / Hire a camera */
    .dot, .basket_dot {
        left: 70px;
    }
}

@media (min-width:1500px) {
    .top_slider.au div.slider_img {
        background-position: 50% 36%;
    }
}

@media (min-width:970px) and (max-width:1500px) and (min-height:1024px) {
    .top_slider.au .slider_floating_content img {
        width: 140%;
        max-width: 140%;
    }
}

@media (max-width:819px) {
    .menu_nav li {
        padding: 0 10px;
    }
    .menu_nav li:first-child {
        padding: 0 10px 0 0;
    }
    .menu_nav .dd li {
        padding: 0 0 6px;
    }
    .fps_popup_block.long .col_5 .title {
        font-size: 14px;
        line-height: 17px;
    }
    #fps .fps_popup_block.long .col_5 .body_txt {
        font-size: 12px;
    }
    #benefits .overlay-outer {
        top: 50%;
    }
}

@media (max-width:800px) {
    .cw_main_grid {
        width: 60%;
    }
    .footer_links_left span,
    .footer_links_right a:not(.policy_btn, .imprint_btn) span {
        display: none;
    }
    /* X100 Comp  */
    #x100_comp .header_overlay_logo_wrapper {
        text-align: center;
    }
    #x100_comp .header_overlay_logo_wrapper .header_overlay_logo_inner img {
        margin: 0 auto;
    }
    #x100_comp .header_wrapper {
        background-image: url('https://fujifilm-connect.com/resources/images/x100_comp/X100V_Anniversary_header_mobile.jpg');
        background-position: right;
    }
    /* /X100 Comp  */

    /* Connect survey  */
    #connect_survey .arrow_btn {
        width: 40%;
    }
    #connect_survey #survey .survey_container {
        min-height: 550px;
    }
    #connect_survey #survey .answer_wrapper {
        max-height: none;
    }
    #connect_survey .otherOption1_input, #connect_survey .otherOption2_input, #connect_survey .otherOption3_input, #connect_survey .otherOption4_input, #connect_survey .otherOption5_input {
        width: 100%;
        text-align: center;
    }
    #connect_survey input[type="text"],
    #connect_survey .left_col input[type="text"],
    #connect_survey .left_col input[type="email"],
    #connect_survey .left_col select,
    #connect_survey .right_col select,
    #connect_survey select,
    #connect_survey textarea {
        width: 51%;
    }
    /* /Connect survey  */
}

@media (max-width:777px) {
    /* display at certain widths */
    .wide_only {
        display: none !important;
    }
    .flex_wide_only {
        display: none !important;
    }
    .narrow_only {
        display: block !important;
        width: 100%;
    }
    /* /display at certain widths */

    .login_form {
        text-align: center;
    }
    .login_connect {
        margin: 100px auto;
    }
    .top_slider_txt {
        width: 100%;
        right: 0px;
    }
    .cw_main_grid {
        width: 63%;
    }
    .left_col, .right_col {
        width: 100%;
        padding-right: 0px;
    }
    .left_col input[type="text"], .left_col input[type="email"], .ms-parent.country_sel_toggle {
        width: 100% !important;
        box-sizing: border-box;
    }
    /* x100 Comp */
    #x100_comp .short_input {
        width: 95%!important;
    }
    /* / x100 Comp */
    .labels {
        width: 100%;
        margin-bottom: 5px;
    }
    .ms-parent.country_sel_toggle {
        margin: 5px 0;
    }
    input[type=radio]:not(old) + label {
        width: 100%;
    }
    .save_btn_container, .btn {
        width: 100%;
        display: inline;
    }
    #hac .save {
        width: 100%;
        margin-right: 0;
    }
    #hac input[type="text"]{
        width: 96%;
    }
    .modal-firmware .btn, #article_snippet .btn {
        width: auto;
        display: inline-block;
    }
    .content_container .ms-parent:not(.country_sel_toggle) {
        width: 100% !important;
    }
    .left_col .dob select {
        width: 20%;
        margin-right: 4px;
        cursor: pointer;
        text-align: center;
        text-align-last: center;
    }
    .level .checkbox {
        margin-bottom: 15px;
        display: inline-block;
    }
    .footer_links_container {
        padding: 10px 20px;
    }
    .footer_links_left img {
        margin-right: 10px;
    }
    .footer_links_right img {
        margin-right: 0px;
    }
    .prev_img {
        right: 16%;
    }
    .swiss_date
    {
        margin-left: 12.5%;
    }
    .kit_bag {
        width: 15%;					/* inaccurate 6 accross for browsers that can't calc */
        width: calc(20% - 10px);	/* accurate 5 accross for browsers that can calc */
    }
    .left_col .ms-search input[type="text"] {
        width: 98%;
    }
    .slider_container.centre.top {
        top: 15%;
    }
    .slider_container.temp_moving {
        width: 70%;
    }
    .slider_container.temp_moving .slider_title {
        font-size: 60px;
        line-height: 60px;
    }
    .slider_container:not(.temp_moving) {
        display: none;
    }
    .slick-dots {
        display: none !important;
    }
    /* x100 Comp */
    #x100_comp .grid_container .slick-dots {
        display: block !important;
    }
    /* / x100 Comp */
    #repairs .modal-w-content {
        width: 50%;
    }
    html .alertify .ajs-dialog {
        width: 50%;
    }
    body#index.logged_in #cookieLaw {
        bottom: 53px;
    }
    body#settings #cookieLaw,
    body#regProd #cookieLaw,
    body#xMag #cookieLaw {
        bottom: 48px;
    }

    /* inspire */
    #inspire_articles .article_preview {
        width: 48.5%;
    }
    #inspire_articles .article_preview .article_img {
        height: 100px;
        height: 30vw;
    }

    body#inspire_article .contents_item.body_copy {
        width: auto;
    }

    body#index #article_snippet .article_snippet_image {
        background-size: cover;
        background-repeat: no-repeat;
        height: 250px;
        height: 53vw;
    }
    /* /inspire */


    /* reg prods */
    body#regProd .retailer_select_wrapper {
        position: relative;
        clear: both;
    }
    body#regProd .retailer_text {
        position: relative;
        top: -40px;
        left: 0%;
    }
    /* /reg prods */

    #fps .left_col input, #fps .right_col input.address {
        width: 100%;
    }
    #fps .left_col .social_info_container input {
        width: 69%;
    }
    #date_registered {
        display: inline-block;
    }
    #fps .fps_id {
        width: 100%;
    }

    /* Virtual Session */
    #virtual_session select, #virtual_session input[type="text"] {
        width: 100%;
        box-sizing: border-box;
    }
    /* / Virtual Session */

    /* x100 Comp */
    #x100_comp .question_mark.tooltip .tooltiptext {
        bottom: -245%;
        left: -530%;
        margin-left: -60px;
    }
    #x100_comp .question_mark.tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 103%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #75777a;
    }
    #x100_comp .tnx_msg_container {
        padding: 70px 30px;
    }
    #x100_comp_entries .gallery-grid {
        margin: 0 auto;
        width: 610px!important;
    }
    #x100_comp .social_description_wrapper {
        text-align: left;
        width: 100%;
    }
    #x100_comp .social_description {
        width: 92%;
    }
    #x100_comp .long_input {
        width: 98%!important;
    }
    #x100_comp .winners-grid .winners-item {
        width: 100%;
    }
    /* / x100 Comp */
}

@media (max-width:667px) {
    .main h1 {
        font-size: 2.2em;
    }
    .cw_copyright {
        padding: 3em 0 4em;
    }
    .cw_main_grid {
        width: 73%;
    }
    #fps input[name="facebook"], #fps input[name="instagram"], #fps input[name="twitter"] {
        width: 91%;
    }
    .left_col input[type="text"], .left_col input[type="email"], .left_col select, .right_col select {
        width: 100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .connect_tab_grid_list li span {
        margin: 5px 0 0px 0;
    }
    .content_container .ms-parent {
        width: 100% !important;
    }
    .right_col .labels {
        width: 100%;
    }
    .col_5, .col_4 {
        width: 100%;
        margin: 0 2% 5%;
    }
    .modal-b-content, .modal:not(.modal-firmware) .modal-w-content {
        position: relative;
        overflow: scroll;
    }
    #repairs .product_block .labels {
        width: 100px;
    }

    .content_container .item_claim,
    .content_container .item_more_info,
    .content_container .item_retailers,
    .content_container .item_terms {
        width: 100%;
        display: inline-block;
        padding: 10px 0;
    }
    .content_container .item_retailers {
        margin-right: 0px;
    }
    .content_container .item_terms, .content_container .item_more_info {
        margin-left: 0px;
    }
    #more_info_container, .more_info_container {
        text-align: center;
        padding: 0 !important;
    }
    .promo_btn_container a, .content_container button {
        margin-bottom: 20px;
    }

    #welcome_popup.welcome_popup_1 .left_col {
        width: 75%;
        padding: 0;
        margin: 50px 0;
    }
    #welcome_popup.welcome_popup_1 .modal-w-content {
        background-size: 75%;
        background-position: 120% 0;
    }
    #welcome_popup.welcome_popup_1 .fading_circles_block img {
        max-width: 100px;
    }

    div[id^="firmware_popup_"] .popup_close {
        top: 7%;
        right: -130px;
    }
    .promo {
        margin-bottom: 10px !important;
    }
    #promotions hr {
        display: none;
    }
    .promo_closed_container .promo {
        border: none;
    }
    /* x100 Comp */
    #x100_comp .content_container .grid_container ul {
        margin-bottom: 15px;
    }
    #x100_comp .short_input {
        width: 94%!important;
    }
    #x100_comp_entries .gallery-grid {
        margin: 0 auto;
        width: 450px!important;
    }
    /* / x100 Comp */
}

@media (max-width: 600px) {
    .main h1 {
        font-size: 2em;
    }
    .cw_main_grid {
        width: 81%;
    }
    .product_block .labels, #repairs .product_block .labels {
        margin: 0 0 5px 0;
        width: 78%;
        padding: 1%;
    }
    .product_block input[type="text"] {
        margin: 0;
        width: 78%;
        padding: 1%;
        float: left;
    }
    #regProd .prev_img, #repairs .prev_img {
        float: left;
        right: 0%;
        left: 0 !important;
        clear: both;
        margin: 10px 10px 0 0;
        width: 15%;
        margin-right: 2%;
        padding: 1%;
    }
    .product_block select {
        width: 26% !important;
        margin: 0 1% 0 0;
        float: left;
    }
    .product_block select:nth-of-type(3) {
        margin-right: 0;
    }
    .submit_repair {
        right: 0;
    }
    .spacer {
        display: none;
    }
    #fps .spacer, .xMag .spacer {
        display: block;
    }
    hr {
        clear: both;
    }
    .prod_img {
        width: 15%;
        padding: 1%;
        margin-right: 2%;
    }
    .swiss_languagedop {
        position: absolute;
        top: 24%;
        left: 24%;
    }
    .swiss_languages1 {
        position: absolute;
        top: 34%;
        left: 24%;
    }
    .swiss_languages2 {
        position: absolute;
        top: 34%;
        left: 50%;
    }
    .swiss_languages3 {
        position: absolute;
        top: 34%;
        left: 75%;
    }
    .retailer_text {
        position: absolute;
        top: 50%;
        left: 24%;
    }
    .retailer_select {
        position: absolute;
        top: 60%;
        left: 24%;
        width:74% !important;
    }
    .swiss_date {
        position: absolute;
        top: 72%;
        left: 12%;
    }
    .serial_number_tip {
        position: absolute !important;
        left: 45% !important;
        top: 0% !important;
    }
    .retailer_field-tip {
        position: absolute !important;
        left: 38% !important;
        top: 50% !important;
    }
    .swiss_field_tip {
        position: absolute !important;
        left: 29% !important;
        top: 10% !important;
    }
    .validation {
        width: 60% !important;
        position: absolute !important;
        top:93% !important;
        left: 24% !important;
    }
    .field-tip .tip-content {
        width:100px !important;
        right: 100% !important;
    }

    #benefits .overlay-column {
        width: 100%;
        display: block;
    }

    #benefits .overlay-outer {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 85%;
        min-width: 0;
        margin: 90px auto;
    }

    #benefits .bg-img img {
        display: none;
    }
}

@media (max-width:568px) {
    .login_form{
        overflow-y: auto;
        max-height: calc(100vh - 50px);
    }
    .loginBox_col_2_left, .loginBox_col_2_right {
        float: none;
    }
    .loginBox_col_2_left {
        margin-bottom: 10px;
    }
    .login_connect .loginBox_col_2_right h5, .login_connect .loginBox_col_2_left h5 {
        text-align: center;
    }
    .slide-social .button {
        margin: 11px 0 0 58px;
    }
    .cw_main_grid {
        width: 86%;
    }
    .connect_tab_grid_list li span {
        margin: 5px 20px 0px 0;
    }
    .dob li span {
        margin: 10px 10px 0px 0;
    }
    .header {
        text-align: left;
    }
    .logo_desktop {
        display: none;
    }
    body.v2 .logo_mob {
        top: 1px;
        left:3px;
    }
    .logo_mob {
        display: inline-block;
        position: relative;
        top: 1px;
        left:3px;
    }
    .logo_mob.logo_mob_loggedout {
        margin-left: 20px;
    }
    .header .lang_sel {
        right: -34px;
    }
    #popup_menu a {
        margin-bottom: 14px;
    }
    #mobile_menu .mobile_sub_menu.open {
        height: 270px;
    }

    /* Promotions page */
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    /* /Promotions page */


    /* inspire */
    #inspire_articles .article_preview .article_tag {
        font-size: 14px;
        line-height: 16px;
    }
    #inspire_articles .article_preview .article_title {
        font-size: 16px;
        line-height: 18px;
    }

    body#inspire_article .col_2 {
        width: 100%;
        margin: 0 0 8px;
    }
    body#inspire_article .body_copy p {
        margin: 0 0 8px;
    }
    body#inspire_article .nav_block {
        height: 15px;
    }
    /* /inspire */

    .swiss_languagedop{
        position: absolute;
        top: 24%;
        left: 19%;
    }
    .swiss_languages1 {
        position: absolute;
        top: 34%;
        left: 19%;
    }
    .swiss_languages2
    {
        position: absolute;
        top: 34%;
        left: 46%;
    }
    .swiss_languages3
    {
        position: absolute;
        top: 34%;
        left: 73%;
    }
    .retailer_text
    {
        position: absolute;
        top: 50%;
        left: 19%;
    }
    .retailer_select
    {
        position: absolute;
        top: 60%;
        left: 19%;
        width:80% !important;
    }
    .swiss_garantie
    {
        width:96%;
    }
    .swiss_date
    {
        position: absolute;
        top: 69%;
        left: 7%;
    }
    .serial_number_tip
    {
        position: absolute !important;
        left: 37% !important;
        top: 0% !important;
    }
    .retailer_field-tip
    {
        position: absolute !important;
        left: 31% !important;
        top: 50% !important;
    }
    .swiss_field_tip
    {
        position: absolute !important;
        left: 23% !important;
        top: 15% !important;
    }
    .validation
    {
        width: 60% !important;
        position: absolute !important;
        top:93% !important;
        left: 19% !important;
    }
    .field-tip .tip-content
    {
        width:100px !important;
        right: 100% !important;
    }
    .redemptions_images img {
        margin-top: 40px !important;
    }
    /* x100 Comp */
    #x100_comp .short_input {
        width: 90%!important;
    }
    #x100_comp_entries .gallery-grid {
        margin: 0 auto;
        width: 300px!important;
    }
    /* / x100 Comp */

    /* Connect survey  */
    #connect_survey input[type="text"],
    #connect_survey .left_col input[type="text"],
    #connect_survey .left_col input[type="email"],
    #connect_survey .left_col select,
    #connect_survey .right_col select,
    #connect_survey select,
    #connect_survey textarea {
        width: 76%;
    }
    #connect_survey .question br {
        display: none;
    }
    #connect_survey .content_container {
        margin: 70px auto;
    }
    #connect_survey .arrow_btn {
        width: 35%;
    }
    /* /Connect survey  */

    .footer_links_right {
        width: 70%;
    }
}


@media (max-width:480px) {
    .main h1 {
        font-size: 1.8em;
    }
    .login_connect_grid {
        padding: 1.5em;
    }
    .cw_copyright p {
        font-size: 14px;
        padding: 0 1em;
    }
    .cw_copyright {
        padding: 2em 0 3em;
    }
    .login_connect h3 {
        font-size: 1.3em;
    }
    .resp-tab-content {
        padding: 1.5em;
    }
    .resp-tab-item {
        width: 24.74%;
    }
    input[type=radio]:not(old) + label {
        width: 100%;
    }
    .kit_bag {
        width: 22%;
    }
    .popup_r_btn {
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
        float: left;
        margin-top: 20px;
    }
    .modal-b-content {
        padding: 80px 0 0;
    }
    .qualify_close.terms {
        top: 13%;
    }
    #fps .fps_id {
        margin-left: 40px;
    }

    .modal-w-content {
        max-height: 100%;
        margin: 0 auto;
    }
    #repairs .modal-w-content {
        width: 70%;
    }
    html .alertify .ajs-dialog {
        width: 70% !important;
        padding: 15px 15px 0 !important;
        position: absolute;
        left: 0;
        right: 0;
    }
    html .alertify .ajs-footer {
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding-left: 0;
        padding-right: 0;
    }
    html .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok,
    html .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
    html .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
        margin-left: 20% !important;
        float: left;
    }
    html .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
        margin-right: 20% !important;
        float: right;
    }

    html body.long .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok,
    html body.long .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
        margin: 0 auto 10px !important;
        float: none !important;
    }

    #social_terms_capture input[type="email"] {
        margin: 0;
    }
    #social_terms_capture .modal-body {
        padding: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #social_terms_capture .check .checkbox:first-of-type {
        margin-top: 20px;
    }

    #social_terms_capture label, #fps_password_capture label {
        margin-left: 28px;
    }
    #social_terms_capture i, #fps_password_capture i {
        margin-left: -28px;
    }
    #social_terms_capture label:first-of-type i, #fps_password_capture label:first-of-type i {
        margin-bottom: 0;
    }


    .prod_img, #regProd .prev_img, #repairs .prev_img {
        width: 20%;
    }
    .product_block .labels, #repairs .product_block .labels {
        width: 73%;
    }
    .product_block input[type="text"] {
        width: 73%;
    }
    .product_block select {
        width: 24% !important;
    }

    #regProd .ms-drop li label input:checked ~ span:not(.rowhide) {		/* make product names wrap before +/- btns in dropdown on register prods page */
        max-width: calc(100% - 70px);
    }
    #regProd .ms-drop li label span:not(.rowhide) {
        display: inline-block;
        white-space: normal;
    }
    #fps .prev_img {
        width: 18%;
    }

    .ms-drop ul > li {
        margin: 10px 0;
    }


    #welcome_popup.welcome_popup_1 .left_col {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }
    #welcome_popup.welcome_popup_1 .modal-w-content {
        background-image: none;
        margin-bottom: 20px;
    }
    #welcome_popup.welcome_popup_1 .fading_circles_block {
        margin: 0 0 20px;
    }
    #welcome_popup.welcome_popup_1 .col_4 {
        margin-bottom: 20px;
    }
    #welcome_popup.welcome_popup_1 .col_4 > div:last-child {
        margin-top: -10px;
    }
    #welcome_popup.welcome_popup_1 .fading_circles_block img {
        max-width: 80px;
    }
    #welcome_popup.welcome_popup_1 .popup_btn {
        float: left;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    #welcome_popup .inner_form_container {
        bottom: 0;
    }
    #welcome_popup .inner_form_container .col_2 {
        width: 100%;
    }

    /* settings */
    #settings #delete_account {
        position: relative;
        margin: 15px;
    }
    /* /settings */

    .serial_number
    {
        position: absolute;
        top: 10%;
        left: 25%;
    }


    .swiss_languagedop
    {
        position: absolute;
        top: 24%;
        left: 24%;
    }
    .swiss_languages1
    {
        position: absolute;
        top: 34%;
        left: 25%;
    }
    .swiss_languages2
    {
        position: absolute;
        top: 34%;
        left: 51%;
    }
    .swiss_languages3
    {
        position: absolute;
        top: 34%;
        left: 76%;
    }
    .retailer_text
    {
        position: absolute;
        top: 50%;
        left: 24%;
    }
    .retailer_select
    {
        position: absolute;
        top: 60%;
        left: 25%;
        width:74% !important;
    }
    .swiss_date
    {
        position: absolute;
        top: 72%;
        left: 12%;
    }
    .serial_number_tip
    {
        position: absolute !important;
        left: 95% !important;
        top: 1% !important;
    }
    .retailer_field-tip
    {
        position: absolute !important;
        left: 96% !important;
        top: 50% !important;
    }
    .swiss_field_tip
    {
        position: absolute !important;
        left: 93% !important;
        top: 12% !important;
    }
    .validation
    {
        width: 60% !important;
        position: absolute !important;
        top:93% !important;
        left: 24% !important;
    }
    .field-tip .tip-content
    {
        width:100px !important;
        right: 100% !important;
    }

}

@media (max-width:477px) {
    .submit_repair {
        bottom: -28px;
    }
}

@media only screen and (max-width: 776px) and (min-width: 569px) {
    .main h1 {
        font-size: 2em;
    }
    .cw_main_grid {
        width: 81%;
    }
    .product_block .labels, #repairs .product_block .labels {
        margin: 0 0 5px 0;
        width: 78%;
        padding: 1%;
    }
    .product_block input[type="text"] {
        margin: 0;
        width: 78%;
        padding: 1%;
        float: left;
    }
    #regProd .prev_img, #repairs .prev_img {
        float: left;
        right: 0%;
        left: 0 !important;
        clear: both;
        margin: 10px 10px 0 0;
        width: 15%;
        margin-right: 2%;
        padding: 1%;
    }
    .product_block select {
        width: 26% !important;
        margin: 0 1% 0 0;
        float: left;
    }
    .product_block select:nth-of-type(3) {
        margin-right: 0;
    }
    .submit_repair {
        right: 0;
    }
    .spacer {
        display: none;
    }
    #fps .spacer, .xMag .spacer {
        display: block;
    }
    hr {
        clear: both;
    }
    .prod_img {
        width: 15%;
        padding: 1%;
        margin-right: 2%;
    }

    .swiss_languagedop
    {
        position: absolute;
        top: 24%;
        left: 19%;
    }
    .swiss_languages1
    {
        position: absolute;
        top: 34%;
        left: 19%;
    }
    .swiss_languages2
    {
        position: absolute;
        top: 34%;
        left: 46%;
    }
    .swiss_languages3
    {
        position: absolute;
        top: 34%;
        left: 73%;
    }
    .retailer_text
    {
        position: absolute;
        top: 50%;
        left: 19%;
    }
    .retailer_select
    {
        position: absolute;
        top: 60%;
        left: 19%;
        width:80% !important;
    }
    .swiss_garantie
    {
        width:96%;
    }
    .swiss_date
    {
        position: absolute;
        top: 69%;
        left: 7%;
    }
    .serial_number_tip
    {
        position: absolute !important;
        left: 93% !important;
        top: 2% !important;
    }
    .retailer_field-tip
    {
        position: absolute !important;
        left: 94% !important;
        top: 51% !important;
    }
    .swiss_field_tip
    {
        position: absolute !important;
        left: 92% !important;
        top: 18% !important;
    }
    .validation
    {
        width: 60% !important;
        position: absolute !important;
        top:93% !important;
        left: 19% !important;
    }
    .field-tip .tip-content
    {
        width:100px !important;
        right: 100% !important;
    }
    .failure_desc {
      margin-left: 19%;
    }
}

@media only screen and (max-width: 568px) and (min-width: 481px) {
    .swiss_languagedop
    {
        position: absolute;
        top: 24%;
        left: 19%;
    }
    .swiss_languages1
    {
        position: absolute;
        top: 34%;
        left: 19%;
    }
    .swiss_languages2
    {
        position: absolute;
        top: 34%;
        left: 46%;
    }
    .swiss_languages3
    {
        position: absolute;
        top: 34%;
        left: 73%;
    }
    .retailer_text
    {
        position: absolute;
        top: 50%;
        left: 19%;
    }
    .retailer_select
    {
        position: absolute;
        top: 60%;
        left: 19%;
        width:80% !important;
    }
    .swiss_garantie
    {
        width:96%;
    }
    .swiss_date
    {
        position: absolute;
        top: 72%;
        left: 7%;
    }
    .serial_number_tip
    {
        position: absolute !important;
        left: 93% !important;
        top: 0% !important;
    }
    .retailer_field-tip
    {
        position: absolute !important;
        left: 94% !important;
        top: 50% !important;
    }
    .swiss_field_tip
    {
        position: absolute !important;
        left: 91% !important;
        top: 25% !important;
    }
    .validation
    {
        width: 60% !important;
        position: absolute !important;
        top:93% !important;
        left: 19% !important;
    }
    .field-tip .tip-content
    {
        width:100px !important;
        right: 100% !important;
    }
}

@media (max-width:414px) {
    .slide-social {
        width: 139px;
    }
    .cw_main_grid {
        width: 95%;
    }
    .resp-tab-content {
        padding: 1em;
    }
    .resp-tab-item {
        width: 24.73%;
    }
    .connect_tab_grid ol li {
        padding: 1em 0;
    }
    .connect_tab_grid ol li:first-child {
        padding-top: 0;
    }
    .genre_left_col, .genre_right_col {
        width: 100%;
    }
    .prev_img, .prod_img {
        max-width: 103px;
    }
    .product_block .labels {
        width: 60%;
    }

    .submit_repair {	/* also remove for repairs page? */
        bottom: -28px;
    }
    .fps_main_title {
        font-size: 28px;
        line-height: 30px;
    }
    #fps .col_2, #fps .col_3 {
        width: 100%;
        margin: 0 0 20px 0;
    }

    /* inspire */
    #inspire_articles {
        margin-top: 6%;
    }
    #inspire_articles .article_preview {
        width: 100%;
        margin-bottom: 8%;
    }
    #inspire_articles .article_spacer {
        width: 0;
    }
    #inspire_articles .article_preview .article_img {
        height: 180px;
        height: 50vw;
    }
    /* /inspire */
}

@media (max-width:384px) {
    .slide-social {
        width: 126px;
    }
    .slide-social .button {
        margin: 11px 0 0 48px;
    }
    .resp-tab-item {
        width: 24.7%;
    }
    .kit_bag {
        width: 29%;
    }
}

@media (max-width:375px) {
    .login_connect {
        margin: 70px 10px;
    }
    .login_connect h3 {
        font-size: 1.2em;
    }
    .login_connect_grid {
        padding: 1em 1em 2em;
    }
    .login_connect h5 {
        margin: 1em 0 0;
    }
    .resp-tab-item {
        width: 24.7%;
    }
    .col_2_l {
        width: 100%;
        margin-bottom: 10px;
    }
    .col_2_r {
        width: 100%;
    }
    #fps .prev_img {
        float: left;
    }
    .login_connect {
        max-width: none;
    }
    .logo_mob.logo_mob_loggedout {
        margin-left: 10px;
    }

    /* inspire */
    .inspire_filter_item.label {
        display: none;
    }
    /* /inspire */

    #hac .loan_info .btn.save {
        width: 25%;
    }

    .footer_links_right {
        width: 67%;
    }
}

@media (max-width:360px){

    .serial_number_tip
    {
        position: absolute !important;
        left: 92% !important;
        top: 0% !important;
    }
    .retailer_field-tip
    {
        position: absolute !important;
        left: 94% !important;
        top: 50% !important;
    }
    .swiss_field_tip
    {
        position: absolute !important;
        left: 90% !important;
        top: 6% !important;
    }
    .field-tip .tip-content
    {
        width:100px !important;
        right: 100% !important;
    }

}

@media (max-width:320px) {
    .main h1 {
        font-size: 1.6em;
    }
    .login_connect input[type="text"], .login_connect input[type="password"], .login_connect input[type="email"] {
        font-size: 13px;
    }
    .checkbox {
        padding-left: 30px !important;
    }
    .login_connect input[type="email"] {
        margin: 1.5em 0 2em;
    }
    .login_connect h5, .cw_copyright p {
        font-size: 0.9em;
    }
    .login_connect h3 {
        padding: .5em;
    }
    .loginBox_col_2 {
        padding: 0.5em 0 0;
    }
    .login_connect h4 {
        font-size: 1.1em;
        margin: 1em 0 1em;
    }
    .login_connect_grid {
        padding: 1em;
    }
    .cw_copyright {
        padding: 1em 0 1em;
    }
    .checkbox i {
        width: 15px;
        height: 15px;
    }
    .checkbox input + i:after {
        background: url("../images/tick.png") no-repeat 0px 2px;
        background-size: 55%;
    }
    .cw_main_grid1_sub h2 {
        font-size: 1em;
    }
    .cw_main_grid1 {
        padding: 1.5em;
    }
    p.eget,ul.nav1 li a,.connect_tab_grid ol li,.connect_tab_grid_list li {
        font-size: 13px;
    }
    p.eget1 {
        font-size: 13px;
        margin: 0.5em 0 1.5em;
    }
    .resp-tab-active .cws_figure,.resp-tab-active .cws_figure1,.resp-tab-active .cws_figure2,.resp-tab-active .cws_figure3,.cws_figure1,.cws_figure,.cws_figure2,.cws_figure3 {
        height: 25px;
        background-size: 75%;
    }
    .resp-tab-item {
        width: 24.65%;
    }
    .col_2_l, .col_2_r {
        width: 100%;
    }
    .col_2_l {
        margin-bottom: 20px
    }
    #fps .prev_img {
        float: left;
    }
    #fps input[name="facebook"], #fps input[name="instagram"], #fps input[name="twitter"] {
        width: 89%;
    }
    #fps .help_icon {
        margin: 0 5px 40px 0;
    }
}

@media (min-width:777px) {
    .swiss_garantie, #swiss_garantie {
        margin-top: 2% !important;
    }
}