/* hi! */
@media (min-width: 981px) {
    #mobile-home-footer, #mySidenav, #mobile-menu-login {
        display: none;
    }

    section.partner-widget .row > .span5 textarea {
        width: 210px;
    }

}

@media (max-width: 450px) {
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
        width: 100% !important;
        left: 0 !important;
    }
}

@media (max-width: 500px) {
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        width: 100% !important;
        left: 0 !important;
    }
}

@media (max-width: 980px) {


    .order-detail-mobile,
    .mobile-text{
        display: block;
    }

    .order-detail-mobile h2{
        font-size: 24px;
    }

    #video-instruction iframe {
        min-height: 460px ;
    }

    #exchange-and-return .row > [class*="span"]{
        width: 85%!important;
        float: none!important;
    }

    section.packing-manual > div > .row > div.span7 {
        width: 45%;
        text-align: left;
        float: left !important;
    }

    section.packing-manual > div > .row > div.span9 {
        width: 45%;
        float: rigth;
    }

    section.packing-manual > div > .row > div.span9 > a > div > img {
        height: auto;
    }

    section.packing-manual > div > .row > div.span9 > a > div > .img-border {
        display: none;
    }

    /*  #fast_order_btn{
         display: none;

      }*/
    section.blog-post .post iframe {
        width: 100%;
    }

    .car-choice-form {
        /*width: 575px!important;*/
        float: none !important;
    }

    #overlay-mob {
        position: fixed;
        width: 0;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        left: 0;
        top: 0;
        z-index: 1040;
    }

    .container {
        width: 95%;
    }

    a[href*="top100.rambler.ru/"] {
        right: 0;
    }

    .hero {
        min-width: 1px;
        width: 100%;
    }

    /*header*/
    #content > header .phone, #content > header .language, #content > header nav .nav-links {
        display: none;
    }

    #content > header {
        padding: 10px 0;
        height: auto;
        z-index: 0;
    }

    #mainMenu {
        margin-bottom: 0;
        float: right;
    }

    #mobile-menu-login {
        float: none;
        display: inline-block;
        width: 100%;
    }

    #mobile-menu-login:after {
        content: '';
        display: table;
        clear: both;
    }

    #mainMenu > li:nth-child(1) > a, #mainMenu > li:nth-child(2) > a {
        width: 55px;
        height: 55px;
        background: #00c1e9;
        margin-left: 20px;
        position: relative;
        padding: 0;
        border-radius: 0;
    }

    #mainMenu > li:nth-child(1) > a:before {
        content: '';
        position: absolute;
        display: block;
        width: 37px;
        height: 35px;
        -moz-transform: translate(-50%, -50%); /* Для Firefox */
        -ms-transform: translate(-50%, -50%); /* Для IE */
        -webkit-transform: translate(-50%, -50%); /* Для Safari, Chrome, iOS */
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        background: url("https://1df570.claudeassets.com/20250409154937im_/https://remarkpen.com/images/mob/login-icon.png") no-repeat center;
    }

    #mainMenu > li:nth-child(2) > a:before {
        content: '';
        position: absolute;
        display: block;
        width: 31px;
        height: 29px;
        -moz-transform: translate(-50%, -50%); /* Для Firefox */
        -ms-transform: translate(-50%, -50%); /* Для IE */
        -webkit-transform: translate(-50%, -50%); /* Для Safari, Chrome, iOS */
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        background: url("https://bc7324.claudeassets.com/20250409154937im_/https://remarkpen.com/images/mob/phone-icon.png") no-repeat center;
    }

    /*mobile-menu*/
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1050;
        top: 0;
        left: 0;
        background-color: #d9e4e6;
        overflow-x: hidden;
        padding-top: 60px;
        transition: 0.5s;
    }

    .sidenav a {
        padding: 12px 8px 12px 15px;
        text-decoration: none;
        font-size: 28px;
        text-transform: uppercase;
        color: #505050;
        display: block;
        transition: 0.3s;
        border-bottom: 1px solid #333;
        padding-left: 0;
        width: 85%;
        margin: auto;
    }

    .sidenav li:last-child a {
        border-bottom: none;
    }

    .sidenav a:hover, .offcanvas a:focus {
        color: #f1f1f1;
    }

    #mob-lang {
        width: 87%;
        margin: auto;
        display: none;
    }

    #mob-lang a {
        display: inline-block;
        width: 20%;
        border: 1px solid #333;
        border-radius: 5px;
        margin-top: 5px;
        margin-left: 5px;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    #mob-lang a:first-child {
        margin-left: 0;
    }

    #mob-lang a.active {
        background-color: #f1f1f1;
    }

    #mob-lang a:hover {
        border-color: #f1f1f1;
    }

    #mob-lang a.active:hover {
        background-color: #d9e4e6;
    }

    #mobile-nav-menu-close {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 36px;
        margin-left: 50px;
        color: #00c1e9;
    }

    #mobile-nav-menu {
        float: left;
        width: 62px;
        height: 55px;
        background: #00c1e9;
        display: inline-block;
        position: relative;
        margin: 5px 3px 5px 0;
    }

    #mobile-nav-menu:before {
        content: '';
        position: absolute;
        display: block;
        width: 35px;
        height: 29px;
        -moz-transform: translate(-50%, -50%); /* Для Firefox */
        -ms-transform: translate(-50%, -50%); /* Для IE */
        -webkit-transform: translate(-50%, -50%); /* Для Safari, Chrome, iOS */
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        background: url("https://252ac9.claudeassets.com/20250409154937im_/https://remarkpen.com/images/mob/navicon-round.png") no-repeat center;
        background-size: 90%;
    }

    /*logo*/
    #logo {
        position: absolute;
        left: 70px;
    }

    #logo h1 {
        margin: 0;
        line-height: 55px;
    }

    #logo h1 a {
        margin: 0;
        color: #00c1e9;
        line-height: 65px;
        font-size: 45px;
    }

    /*color-picker*/
    div.car-choice, .subscribe {
        position: relative;
        width: 100%;
        background-color: #fff;
    }

    #content > section.hero.main.container > div.container {
        margin-top: 0 !important;
    }

    .hero.main .car-choice, .hero.main .subscribe {
        box-shadow: none;
        z-index: 102;
        position: relative;
        top: 0;
        left: 0;
    }

    .chzn-container {
        font-size: 13px;
        position: relative;
        display: block;
        zoom: 1;
        width: 90% !important;
        margin: 10px auto;
    }

    div.car-choice form .chzn-container.chzn-container-single, .subscribe form .chzn-container.chzn-container-single {
        margin-right: auto;
    }

    div.car-choice form .chzn-container.chzn-container-single .chzn-single, .subscribe form .chzn-container.chzn-container-single .chzn-single {
        border: 1px solid #7bd4ea !important;
        background-image: none !important;
        background-color: #ffffff !important;
        border-radius: 16px !important;
        padding: 10px 0 !important;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

    #hero-car-choice-form select {
        border: 1px solid #7bd4ea !important;
        background-image: none !important;
        background-color: #ffffff !important;
        border-radius: 16px !important;
        padding: 10px 0 !important;
        text-align: center;
        height: 40px;
        margin: 15px auto;
        display: block;
    }

    div.car-choice form .btn[disabled],
    .subscribe form .btn[disabled],
    div.car-choice form .btn[readonly],
    .subscribe form .btn[readonly],
    #btn-order-later,
    #fast_order_btn {
        width: 90% !important;
        margin: 10px auto;
        float: none;
        display: block;
        border-radius: 16px !important;
        padding: 10px 0 !important;
    }

    div.car-choice form .btn, .subscribe form .btn {
        float: none;
        width: 90% !important;
        display: block;
        height: auto;
        margin: 10px auto;
        text-transform: uppercase;
        border-radius: 16px !important;
        padding: 10px 0 !important;
    }

    .chzn-container-single .chzn-single span {
        margin-right: 0;
    }

    div.car-choice form .btn, .subscribe form .btn {
        float: none;
    }

    div.car-choice form .chzn-container[id*="makeId_chzn"], .subscribe form .chzn-container[id*="makeId_chzn"] {
        width: 90% !important;
    }

    div.car-choice form .chzn-container[id*="modelId_chzn"], .subscribe form .chzn-container[id*="modelId_chzn"] {
        width: 90% !important;
    }

    div.car-choice form .chzn-container[id*="year_chzn"], .subscribe form .chzn-container[id*="year_chzn"] {
        width: 90% !important;
    }

    #headerSlideShow {
        width: 100%;
        height: 420px !important;
        position: relative;
    }

    #headerSlideShow a {
        width: 100%;
        height: 100% !important;
    }

    .hero.main .cycle a {
        background-size: contain;
    }

    .hero.main, .hero {
        height: auto;
    }

    .footer-spacer {
        height: 0;
    }

    div.car-choice form .chzn-container.chzn-container-single .chzn-single div, .subscribe form .chzn-container.chzn-container-single .chzn-single div {
        display: none;
    }

    div.car-choice form .chzn-container.chzn-container-single .chzn-single span, .subscribe form .chzn-container.chzn-container-single .chzn-single span {
        text-align: center;
        color: #00c1e9;
        cursor: pointer;
        font-size: 27px;
        font-weight: 400;
        line-height: 27px;
    }

    .chzn-container-single .chzn-single {
        height: auto;
    }

    .chzn-drop {
        visibility: hidden;
    }

    div.car-choice form .chzn-container.chzn-container-active .chzn-drop, .subscribe form .chzn-container.chzn-container-active .chzn-drop {
        top: 50% !important;
        transform: translate(-50%, -50%);
        position: fixed;
        width: 80% !important;
        height: 390px;
        display: block;
    }

    .chzn-container .chzn-results {
        max-height: 360px;
    }
    #hero-car-choice-form-makeId_chzn > .chzn-drop[style="left: 0px; width: 208px; top: 48px;"], #hero-car-choice-form-modelId_chzn > .chzn-drop[style="left: 0px; width: 208px; top: 48px;"], #hero-car-choice-form-year_chzn > .chzn-drop[style="left: 0px; width: 208px; top: 48px;"] {
        visibility: visible;
        transition: 0.5s;
        left: 50% !important;
    }

    #hero-car-choice-form-makeId_chzn > .chzn-drop[style="left: -9000px; width: 208px; top: 48px;"], #hero-car-choice-form-modelId_chzn > .chzn-drop[style="left: -9000px; width: 208px; top: 48px;"], #hero-car-choice-form-year_chzn > .chzn-drop[style="left: -9000px; width: 208px; top: 48px;"] {
        visibility: hidden;
    }

    .chzn-container .chzn-results li {
        color: #424242;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        text-transform: uppercase;
    }

    div.car-choice form .chzn-container.chzn-container-single .chzn-search input, .subscribe form .chzn-container.chzn-container-single .chzn-search input {
        width: 70% !important;
        position: relative;
        background-color: #fefefe;
        border: 1px solid #dbe3e5;
        padding: 8px 15px;
        font-size: 24px;
        border-radius: 4px;
        box-shadow: inset 1px 2px 3px rgba(12, 14, 15, 0.31);
    }

    .chzn-container-single .chzn-search input {
        background: url("https://72c492.claudeassets.com/20250409154937im_/https://remarkpen.com/images/mob/search-mob.png") no-repeat right;
        background-size: 5%;
        background-position-x: 98%;
    }

    .chzn-results li:nth-child(1) {
        font-size: 24px;
    }

    /*content*/
    .sub-nav.pages, .hero.main h2,/* .hero #mainVideoButton,*/
    #item1 > div > div:nth-child(2), #item1 > div > div:nth-child(3), .home-page #subNavContent, footer.footer {
        display: none;
    }

    .hero #mainVideoButton {
        right: 40%;
        top: -200px;
    }

    .hero.main .badge {
        display: block;
        top: -115px !important;
        left: 63px !important;
    }

    #issue74 {
        position: absolute;
        top: -180px !important;
        left: 40px !important;
        /*width: 20%;*/
        /*background-image: url(https://afb94d.claudeassets.com/20250409154937im_/https://remarkpen.com/images/hero/issue74ua.png);*/
        z-index: 10;
    }

    .hero.main .badge .info{
        font-size: 22px;
        margin: 0 0 0 5px;
        display: inherit;
    }

    .slide-price-box {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 19%;
        left: 25%;
        z-index: 5;
    }

    .slide-price-box .new-price {
        color: #ff9e25;
        font-size: 36px;
    }

    /*footer*/
    #mobile-home-footer {
        background: url("https://b39c10.claudeassets.com/20250409154937im_/https://remarkpen.com/images/mob/footer-mob-bg.jpg") no-repeat center;
        background-size: cover;
        padding: 40px 0;
        margin-bottom: -20px;
        display: block;
    }

    #mobile-home-footer p {
        color: #5b5a5a;
        font-size: 24px;
        font-weight: 400;
        line-height: 36px;
        text-align: center;
    }

    #mobile-home-footer a {
        font-size: 30px;
        font-weight: 900;
        padding-bottom: 6px;
        text-transform: uppercase;
        display: block;
        border-bottom: 3px dotted #00c1e9;
        color: #00c1e9;
        margin: 20px auto 0;
        width: 175px;
        text-align: center;
    }

    /*content about page*/
    .not-home-page .car-choice, .not-home-page #mobile-home-footer,
    .not-home-page .wayfinder, .not-home-page #item2.aboutProduct {
        display: none;
    }

    section.aboutProduct#item3 {
        height: auto;
    }

    .span7 {
        width: 100%;
        float: none !important;
        text-align: center;
        margin: 15px auto;
        margin-left: 0 !important;
        margin-right: 0;
        display: block !important;
    }

    #partner-widget .row > .span7.offset1 {
        width: 100%;
        float: none !important;
        text-align: center;
        margin: 15px auto;
        margin-left: 0 !important;
        margin-right: 0;
        display: inline-block !important;
    }

    section.aboutProduct#item3 h2 {
        margin: 0 0 28px 0;
        width: 100%;
    }

    section.aboutProduct#item3 .row {
        padding-top: 0;
    }

    .row > .offset11 {
        margin-left: 0;
        float: right;
    }

    section.aboutProduct#item4 {
        height: auto;
        padding: 30px 0;
        background-size: cover;
    }

    .section.aboutProduct#item5 {
        height: auto;
        padding: 30px 0;
    }

    .row > .offset9 {
        margin-left: 0;
        float: right;
        text-align: right;
    }

    section.aboutProduct#item6 {
        height: auto;
        background-size: cover;
        padding: 30px 0 250px;
    }

    .row > [class*="span"] {
        display: inline-block;
        float: right;
        margin-left: 20px;
    }

    .payment-select-div > [class*="span"]{
        float: left;
        width: auto;
    }
    .payment-select-div > [class="span6"]{
        margin: 0px 20px 5px 0px;
    }
    .payment-select-div > [class="span3"]{
        margin-left: unset;
    }

    #paymentSelect {
        width: auto;
    }

    #payment-logo{
        padding: 10px 2px 9px;
        text-align: left;
    }

    .row.contacts-price > [class*="span"],
    .row.country > [class*="span"]{
        float: left;
    }

    .row.contacts-price > [class*="span"] > img{
        max-width: none;
    }

    .span4, .span6 {
        width: 100%;
    }

    section.aboutProduct#item7 .benefits {
        margin-top: 15px;
    }

    section.aboutProduct#item7 .pig-money img {
        margin: 15px auto;
        display: block;
        width: 90%;
    }

    section.aboutProduct h2 {
        text-align: center;
    }

    section.aboutProduct#item5 {
        background: url(https://c68672.claudeassets.com/20250409154937im_/https://remarkpen.com/images/mainPage2/accuracyColor/background.jpg) no-repeat scroll center center transparent;
        height: auto;
        background-size: cover;
        padding: 30px 15px;
    }

    section.aboutProduct#item5 h2 {
        margin: 10px 0 28px;
    }

    section.aboutProduct#item7 .row {
        padding: 25px 0;
    }

    #item8 .row > [class*="span"] {
        display: inline-block;
        float: left;
        margin-left: 20px;
    }

    #item10 .row > [class*="span"] {
        display: inline-block;
        float: none;
        margin-left: 20px;
    }

    .span16 {
        width: 95%;
    }

    section.aboutProduct#item8 {
        height: auto;
    }

    section.aboutProduct#item9 h2 {
        margin: 15px auto;
    }

    section.aboutProduct#item9 .row.last {
        margin-top: 0;
    }

    section.aboutProduct#item9 {
        height: auto;
    }

    section.aboutProduct#item10 {
        padding: 0;
    }

    section.aboutProduct#item7 .benefits {
        display: none;
    }

    section.aboutProduct#item3 p {
        font-size: 19.5px;
        line-height: 24.7px;
        padding-right: 0;
        margin-left: 0;
        width: 90%;
        margin: 0 auto;
    }

    section.aboutProduct#item8 ul li {
        text-align: left;
    }

    /*complect page*/
    .wayfinder {
        display: none;
    }

    .payment .span5 {
        width: 30%;
    }

    .payment-delivery .to-home.row .span7.offset2 {
        position: relative;
        width: 61%;
        float: right !important;
        text-align: left;
    }

    .payment-delivery .to-home.row .span6 {
        position: relative;
        width: 30%;
        float: left;
    }

    .payment-delivery .to-warehouse.row .span7 {
        position: relative;
        width: 30%;
        float: left !important;
        text-align: left;
    }

    .payment-delivery .to-warehouse.row .span6.offset2 {
        position: relative;
        width: 61%;
        float: right;
    }

    .ui-accordion .ui-accordion-header {
        padding: 5px;
        width: 90%;
        margin: 0 auto;
    }
    #manual-enter-code .ui-accordion-header{
        width: auto;
    }
    #mainMenu > li:nth-child(3) {
        display: none;
    }

    section.aboutProduct#item9 .link {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #yw2 > div.items > article > div.span5 {
        float: left;
    }

    #yw2 > div.items > article > div.span11 {
        float: right;
        width: 50%;
    }

    /*contact*/
    #content > section.site > div > div.row.contacts > div.span7 {
        width: 50%;
        float: left !important;
        text-align: center;
        margin: 15px auto;
        margin-left: 0 !important;
        margin-right: 0;
        display: block !important;
    }

    #content > section.site > div > div.row.contacts > div.span9 {
        width: 47%;
    }

    .hero.contact {
        background-size: cover;
        padding: 50px 0 !important;
    }

    .hero .white-box {
        display: none;
    }

    #content > section.site > div > div:nth-child(2) > div > iframe {
        width: 90% !important;
        height: 340px !important;
    }

    #content > section.blog-post > div > div > article > div > p > img {
        max-width: 100%;
    }

    .ui-accordion .ui-state-default.ui-accordion-header {
        width: 83%;
    }
    #manual-enter-code .ui-state-default.ui-accordion-header {
        width: auto;
    }

    /*#issue74 {
        display: none;
    }*/

    section.blog article.prologue a.main-image img, section.blog-post article.prologue a.main-image img {
        max-width: 280px !important;
        display: block;
        margin: 10px auto;
    }

    #order-detail-form .row .span9 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

    section.color-code-places .row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .media-grid {
        margin-left: -20px;
        margin-bottom: 0;
        zoom: 1;
        display: flex;
        flex-wrap: wrap;
    }

    section.color-code-places {
        padding: 15px 0 56px;
        margin-top: 30px;
    }

    .color-code-places > div > div > div.span9 {
        float: none;
        margin: 0;
    }

    section.analog-fixitpro {
        padding: 15px 0;
    }

    section.color-code-auto-logo {
        width: 95%;
        margin: 15px auto;
    }

    .media-grid .span3 {
        width: 155px;
    }

    .color-code-places > div > div > div.span9 > a > div > img {
        width: 90%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .color-code-places > div > div > div.span9 > a > div > div {
        width: 90% !important;
        height: auto !important;
    }

    section.aboutProduct {
        position: relative;
    }

    section.aboutProduct .container {
        z-index: 1;
    }

    section.aboutProduct:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: 0;
        top: 0;
        background: rgba(255, 255, 255, .7);
    }

    #colorChoiceGrid > table {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .selectColorChoice {
        text-align: center;
    }

    #carColor .span9 {
        width: 100%;
        margin: auto;
        float: none;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    #carColor > div > div > div.span9 > div:nth-child(1) {
        margin-left: 15px !important;
    }

    .pagination li.previous {
        display: block;
        float: none;
        width: 100%;
    }

    .pagination li.previous a {
        width: 90%;
        text-align: center;
        margin: 15px auto;
    }

    .pagination li.next {
        display: block;
        float: none;
        width: 100%;
    }

    .pagination li.next a {
        width: 90%;
        text-align: center;
        margin: 15px auto;
    }

    #colorChoice-form > div.actions.clearfix {
        background: #ecf2f3;
        margin-top: 10px;
        margin-bottom: 19px;
        padding: 15px 20px 0 20px;
        border-top: 1px solid #ddd;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

    #colorChoice-form > div.actions.clearfix .pull-right {
        float: none;
        display: flex;
        flex-direction: column;
    }

    .actions .btn {
        margin-right: auto;
        margin: 15px auto;
    }

    #colorChoiceGrid > table td {
        vertical-align: top;
        border-top: 1px solid #ddd;
        text-align: center;
    }

    #colorNotFound {
        background: transparent;
        border-bottom: 3px dotted #00c1e9;
        color: #00c1e9;
        margin: 20px auto 0;
        width: 175px;
        text-align: center;
        border-radius: 0;
        text-transform: uppercase;
        font-size: 20px;
    }

    .manual-enter-code {
        background: transparent;
        border-bottom: 3px dotted #00c1e9;
        color: #00c1e9;
        /*margin: 20px 0px 10px 0px;*/
        text-align: center;
        border-radius: 0;
        text-transform: uppercase;
        font-size: 20px;
    }

    .carColorSeo {
        display: none;
    }

    section.carcolor .ui-accordion .ui-accordion-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 95%;
        margin: 0 auto;
    }

    .widget-tout {
        height: auto;
        width: 86%;
        padding: 15px 15px 15px 20px;
    }

    .pagination ul li {
        display: none;
    }

    .pagination ul li.previous, .pagination ul li.next {
        display: block;
        position: relative;
    }

    .pagination ul li.previous a, .pagination ul li.next a {
        text-indent: -9999px;
        position: relative;
    }

    .pagination ul li.previous a:before {
        content: '';
        position: absolute;
        display: block;
        width: 31px;
        height: 19px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        background: url("https://c36479.claudeassets.com/20250409154937im_/https://remarkpen.com/images/mob/ar-left.png") no-repeat center;
        background-size: cover;
    }

    .pagination ul li.next a:before {
        content: '';
        position: absolute;
        display: block;
        width: 31px;
        height: 19px;
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        -ms-transform: translate(-50%, -50%) rotate(180deg);
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg);
        left: 50%;
        top: 50%;
        background: url("https://c36479.claudeassets.com/20250409154937im_/https://remarkpen.com/images/mob/ar-left.png") no-repeat center;
        background-size: cover;
    }

    .pagination ul {
        float: none;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .grid-view .checkbox-column {
        width: 5%;
    }

    .row {
        zoom: 1;
        margin-left: 0;
    }

    img {
        max-width: 100%;
    }

    .color-image > img {
        max-width: unset;
    }
    .detail-view#yw0 > tbody {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #yw0.detail-view .orderdetail .odd {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
    }

    #yw1 > div.items > article > div > div.span10 {
        float: none;
        width: 95%;
    }

    #mainMenu > li:nth-child(4) {
        display: none;
    }

    .menu-dropdown, .dropdown-menu {
        top: 60px;
        left: -110%;
    }

    section.blog article.prologue, section.blog-post article.prologue {
        padding: 5px 0 15px;
    }

    a.menu:after, .dropdown-toggle:after {
        display: none;
    }

    body.home-page .car-choice {
        display: block;
    }

    .car-choice {
        display: none;
    }

    #partner-widget .row > .span10.offset1 {
        width: 98%;
    }

    #partner-widget .row > .span10.offset1 > .top-left-block {
        margin: 0;
    }

    section.partner-about, section.partner-widget {
        padding: 0;
    }

    /*widgets partner*/
    section.partner-widget .row > .span5 {
        float: none;
        width: 100%;
        margin: 0;
    }

    section.partner-widget .row > .span5 h2 {
        margin-left: 20px;
    }

    section.partner-widget .row > .span5 textarea {
        width: 98.5%;
    }

    section.partner-widget .row > .span9.offset1 {
        float: none;
        width: 100%;
        display: block;
    }

    section.partner-widget .row > .span9.offset1 #car-choice-preview {
        margin-top: 20px;
        margin-bottom: 50px;
    }

}

@media (max-width: 850px) {

    .home-page #fancybox-wrap,
    .home-page #fancybox-wrap #fancybox-content,
    .home-page #fancybox-wrap #fancybox-content div,
    .main-video{
        width: 740px!important;
        height: 444px!important;
    }

    #video-instruction iframe {
        min-height: 380px ;
    }


    #headerSlideShow {
        width: 100%;
        height: 360px !important;
        position: relative;
    }
}

@media (max-width: 767px) {

    .home-page #fancybox-wrap,
    .home-page #fancybox-wrap #fancybox-content,
    .home-page #fancybox-wrap #fancybox-content div,
    .main-video{
        width: 670px!important;
        height: 402px!important;
    }

 #headerSlideShow {
        width: 100%;
        height: 325px !important;
        position: relative;

    }

    .payment-delivery .to-home.row .span7.offset2 {
        position: relative;
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    .payment-delivery .to-home.row .span6 {
        position: relative;
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    .payment-delivery .to-warehouse.row .span7 {
        position: relative;
        width: 90%;
        float: none;
    }

    .payment-delivery .to-warehouse.row .span6.offset2 {
        position: relative;
        width: 90%;
        float: none;
    }

    .payment .span5 {
        width: 90%;
        float: none;
        margin: 0 auto;
        display: block;
    }

    /*blog page*/
    .prologue.row > .span5 {
        display: block;
        width: 30%;
        float: left;
        margin-left: 20px;
    }

    #yw2 > div.items > article > div.span11 {
        display: block;
        float: right;
        margin-left: 20px;
        width: 60%;
    }

    #yw2 > div.items > article > div.span5 {
        width: 90%;
        margin: 15px auto;
        float: none;
        text-align: center;
    }

    #yw2 > div.items > article > div.span11 {
        display: block;
        float: none;
        margin-left: 0;
        width: 90%;
        margin: 0 auto;
    }

    #content > section.blog-post > div > div > div > div {
        display: inline-block;
        margin-left: 0;
        float: none;
        width: 100%;
    }

    #content > section.site > div > div.row.contacts > div.span7 {
        width: 90%;
        float: none !important;
        text-align: center;
        margin: 15px auto !important;
        margin-left: 0 !important;
        margin-right: 0;
        display: block !important;
    }

    #content > section.site > div > div.row.contacts > div.span9 {
        width: 90%;
        margin: 0 auto;
    }

    section .contacts .widget-tout {
        margin-bottom: 20px;
        width: 90%;
    }

    section .contacts h2 {
        float: none;
        font-size: 18px;
        text-align: left;
    }

    section .contacts .widget-tout {
        margin-bottom: 20px;
        width: 93%;
    }

    .orderdetail #order-detail-form .clearfix {
        margin-bottom: 19px;
        zoom: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .orderdetail #order-detail-form .input {
        margin-left: 0;
    }

    .orderdetail #order-detail-form label {
        text-align: left;
    }

    .orderdetail textarea.span6 {
        display: inline-block;
        float: none;
        width: 270px;
        margin-left: 0;
    }

    .orderdetail .top-left-block {
        padding: 12px 0 0 12px;
    }

    .orderdetail .odd, .orderdetail .even {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .orderdetail .a .link-arrow-big {
        display: none !important;
    }

    .orderdetail .blue-arrow-link-big h6, .blue-arrow-link h6 {
        color: #00afd8;
        display: inline-block;
        margin-top: -1px;
        line-height: 15px;
        word-wrap: normal;
    }

    .orderdetail .blue-arrow-link-big, .orderdetail .blue-arrow-link {
        display: inline-block;
        white-space: normal;
    }

    .zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
        background-color: #fff;
        width: 100%;
        text-align: center;
    }

    #payment-logo{
        width:6%;
    }
    #payment-description{
        text-align: left;
    }


    #paymentGrid > table > tbody > tr > td:nth-child(1) > img {
        margin: 0 auto;
    }

    #carColor > div > div > div.span9 {
        width: 290px;
    }

    #content > section.user-login > div > div > div.span8 {
        width: 100%;
    }

    .detail-view#yw0 .odd {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
    }

    .detail-view#yw0 > tbody {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

@media (max-width: 700px) {
    .home-page #fancybox-wrap,
    .home-page #fancybox-wrap #fancybox-content,
    .home-page #fancybox-wrap #fancybox-content div,
    .main-video{
        width: 570px!important;
        height: 342px!important;
    }

    #video-instruction iframe {
        min-height: 340px ;
    }


    #headerSlideShow {
        width: 100%;
        height: 298px !important;
        position: relative;
    }

    section.packing-manual > div > .row > div.span7 {
        width: 100%;
    }

    section.packing-manual > div > .row > div.span9 {
        width: 100%;
        margin: 0;
    }

    section.packing-manual > div > .row > div.span9 > a {
        width: 100%;
    }

    section.packing-manual > div > .row > div.span9 > a > div > img {
        height: auto;
        width: 100%;
    }
}

@media (max-width: 600px) {

    .home-page #fancybox-wrap,
    .home-page #fancybox-wrap #fancybox-content,
    .home-page #fancybox-wrap #fancybox-content div,
    .main-video{
        width: 490px!important;
        height: 294px!important;
    }

    .hero #mainVideoButton {
        right: 35%;
        top: -150px;
    }

    .hero #mainVideoButton img {
        height: 90px;
        width: 90px;
    }

    #video-instruction iframe {
        min-height: 305px ;
    }

    #headerSlideShow {
        width: 100%;
        height: 255px !important;
        position: relative;
    }
    .hero.main .badge {
        /*display: block;*/
        top: -90px !important;
        /*left: 63px !important;*/
    }

    #issue74 {
        /*position: absolute;*/
        top: -150px !important;
        /*left: 40px !important;
        width: 20%;
        background-image: url(https://afb94d.claudeassets.com/20250409154937im_/https://remarkpen.com/images/hero/issue74ua.png);
        z-index: 10;*/
    }

    .hero.main .badge {
        width: 180px !important;
    }

    .hero.main .badge .price{
        font-size: 40px !important;
    }
   /* .hero.main .badge .currency {
        color: #f59d35;
        font-size: 24px;
        margin: 0;
        text-align: left;
        display: inline;
        font-weight: normal;
    }*/

    .hero.main .badge .info{
        font-size: 22px;
        margin: 0 0 0 5px;
        display: inherit;
    }
}

@media (max-width: 520px) {

    .home-page #fancybox-wrap,
    .home-page #fancybox-wrap #fancybox-content,
    .home-page #fancybox-wrap #fancybox-content div,
    .main-video{
        width: 480px!important;
        height: 288px!important;
    }


    .hero.main .badge {
        top: -100px !important;
    }

    #issue74 {
        top: -160px !important;
    }

}

@media (max-width: 500px) {

    .home-page #fancybox-wrap,
    .home-page #fancybox-wrap #fancybox-content,
    .home-page #fancybox-wrap #fancybox-content div,
    .main-video{
        width: 460px!important;
        height: 276px!important;
    }

    #video-instruction iframe {
        min-height:260px ;
    }

    .hero.main .badge {
        top: -80px !important;
    }

    #issue74 {
        top: -140px !important;
    }

    #headerSlideShow {
        width: 100%;
        height: 220px !important;
        position: relative;
    }

    #logo h1 a {
        margin: 0;
        line-height: 65px;
        font-size: 26px;
    }

    .row {
        margin-left: 0;
    }

    .media-grid .span3 {
        width: 150px;
        margin: auto;
    }

    .analog-fixitpro .span8, #partner-widget .row > .span8 {
        width: 95%;
        float: none;
    }

    .analog-fixitpro .top-left-block {
        margin: 25px 0;
        padding: 36px 0 0 15px;
        width: 95% !important;
        display: block !important;
    }

    .row > .offset1 {
        margin-left: 0;
    }
}

@media (max-width: 480px) {

    .home-page #fancybox-wrap,
    .home-page #fancybox-wrap #fancybox-content,
    .home-page #fancybox-wrap #fancybox-content div,
    .main-video{
        width: 380px!important;
        height: 228px!important;
    }

    #headerSlideShow {
        width: 100%;
        height: 202px !important;
        position: relative;
    }

    #item5 > div > div > div {
        width: 90%;
        margin: 0 auto;
        padding-left: 15px;
        float: none;
        display: block;
    }

}

@media (max-width: 480px) {
    #issue74 {
        /*top: -125px !important;*/
        display: none;
    }

    .hero.main .badge {
        top: -85px !important;
    }

    .row.to-warehouse > div.span6.offset2 > img {
        width: 100%;
        max-width: 90%;
    }
}

@media (max-width: 400px) {

    .home-page #fancybox-wrap,
    .home-page #fancybox-wrap #fancybox-content,
    .home-page #fancybox-wrap #fancybox-content div,
    .main-video{
        width: 300px!important;
        height: 180px!important;
    }


    .hero #mainVideoButton {
        right: 20%;
        top: -140px;
    }

    #video-instruction iframe {
        min-height:192px ;
    }

    #headerSlideShow {
        width: 100%;
        height: 170px !important;
        position: relative;
    }
    #issue74 {
        /*top: -110px !important;*/
        display:none;
    }

    .hero.main .badge {
        top: -70px !important;
    }
}

@media (max-width: 320px) {

    .hero #mainVideoButton {
        top: -100px;
    }

    .hero #mainVideoButton img {
        height: 60px;
        width: 60px;
    }


    #video-instruction iframe {
        min-height:160px ;
    }


    #headerSlideShow {
        width: 100%;
        height: 135px !important;
        position: relative;
    }

    #logo h1 a {
        margin: 0;
        line-height: 65px;
        font-size: 26px;
    }

    .slide-price-box {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 16%;
    }

    #issue74 {
        position: absolute;
        top: -85px !important;
        left: 18px !important;
        /*width: 23%;*/
        /*background-image: url(https://afb94d.claudeassets.com/20250409154937im_/https://remarkpen.com/images/hero/issue74ua.png);*/
        z-index: 10;
        background-size: cover;
    }

    .hero.main .badge {
        display: block;
        top: -50px !important;
        left: 24px !important;
    }

    .badge .price {
        font-size: 45px !important;
        letter-spacing: -1.5px;
    }

    #colorChoiceGrid > table {
        display: flex;
        width: 90%;
        margin: 0 auto;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .grid-view .checkbox-column {
        width: 15px;
        padding: 10px 0;
    }

    #colorChoiceGrid > table > tbody > tr > td:nth-child(3) {
        display: none
    }

    #colorChoiceGrid > table > tbody > tr > td:nth-child(4) {
        margin-left: 40px;
    }

}

/*
     FILE ARCHIVED ON 07:51:44 Oct 09, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:05:23 Jun 08, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.496
  exclusion.robots: 0.043
  exclusion.robots.policy: 0.034
  esindex: 0.01
  cdx.remote: 8.038
  LoadShardBlock: 73.913 (3)
  PetaboxLoader3.datanode: 64.817 (4)
  PetaboxLoader3.resolve: 64.458 (2)
  load_resource: 64.642
*/