/* #Responsive
================================================== */

@media only screen and (min-width: 340px) {
    body {overflow-x: hidden;}
}

/* desktop */
@media only screen and (min-width: 992px) {
    .mobile.only, .tablet.only, .tightDesktop.only {display: none;}
    .desktop.only {display: block !important;}
    .header.steps .h1duplicate {display: none;}
    .header.servicesteps .h1duplicate {display: none;}
    .datetime .calender {cursor: pointer;}
    .datetime .calenderIcon {cursor: pointer;}

    td.carDetails .left {position: relative; padding-bottom: 60px;}
    .vehUploadSection {padding: 15px 0;}

    td.carDetails .left .vehUploadSection {position: absolute !important; border-top: 1px solid #ececec; padding: 10px 0; width: 90%; bottom: 0;}
    .vehUploadSection .button {margin-right: 30px;}
}

@media only screen and (min-width: 1201px) {
    .message.space.small {padding-right: 280px;}
    .message.space.medium {padding-right: 380px;}
    .message.space.big {padding-right: 560px;}
}

@media only screen and (max-width: 1200px) {
    .customerRecord .halfSize {margin-right: 0;}
    .customerRecord .header a.button {margin-right: 0;}
    .mobile.only, .tablet.only, .desktop.only {display: none;}
    .tightDesktop.only {display: block !important;}

    .userArea .userAreaWide,
    .mobileNavi,
    .container,
    .topBarContent {width: auto;}

    .container.halfSize {width: 515px;}
    .container .halfSize {width: auto;}
    .leftHalfSize {float: none; margin-right: 0;}
    .rightHalfSize {float: none; margin-top: 30px;}

    .filesColumn {float: none;}
    .notesForm {width: 510px;}

    .header h1.short {width: auto;}
    .header h1.medium {width: auto;}

    .headerNavigation {display: none; position: absolute; top: 5px; right: 70px; z-index: 1003; width: auto; background-color: #fff; box-shadow: 0 0 3px #999; border-radius: 0 0 3px 3px; border: 1px solid #eee; padding: .5rem .8rem 1rem;}

    .headerNavigation > h1,
    .header.steps .headerNavigation h1.step,
    .header.steps .headerNavigation h1.laststep,
    .header.steps .headerNavigation .button,
    .headerNavigation > a,
    .headerNavigation > a.button,
    .headerNavigation > span,
    .headerNavigation > button,
    .asideMenuButtons > a,
    .asideMenuButtons > a.button,
    .asideMenuButtons > span,
    .asideMenuButtons > button {margin: 0 0 3px 0; display: block; float: none; text-align: center;}
    .asideMenuButtons > a.button.red {background-color: #ce3535; color: #fff;}

    .header.servicesteps .headerNavigation h1.step,
    .header.servicesteps .headerNavigation h1.laststep,
    .header.servicesteps .headerNavigation .button {margin: 0 0 3px 0; display: block; float: none; text-align: center;}

    .header.steps .headerNavigation {top: 5px; left: 5px; width: 190px;}
    .header.steps .h1duplicate {display: block;}
    .header.steps .headerNavigation > span,
    .header.steps .headerNavigation > a,
    .header.steps .headerNavigation > a.button,
    .header.steps .headerNavigation > button,
    .header.steps .headerNavigation > h1.step,
    .header.steps .headerNavigation > h1.laststep,
    .header.steps .headerNavigation > h1 {display: block; text-align: left;}
    .header.steps .headerNavigation > a.button {text-align: center;}
    .header.steps .headerNavigation h1.step span:before,
    .header.steps .headerNavigation h1.laststep span:before,
    .header.steps .headerNavigation .h1duplicate span:before {display: none;}
    .header.steps .headerNavigation .h1duplicate span:before {display: none;}
    .header.steps .headerNavigation .step:after {display: none;}
    .header.steps .headerNavigation .step span, .header.steps .headerNavigation .laststep span {margin: 0 5px 0 0;}

    .header.servicesteps .headerNavigation {top: 5px; left: 5px; width: 190px;}
    .header.servicesteps .h1duplicate {display: block;}
    .header.servicesteps .headerNavigation > span,
    .header.servicesteps .headerNavigation > a,
    .header.servicesteps .headerNavigation > a.button,
    .header.servicesteps .headerNavigation > button,
    .header.servicesteps .headerNavigation > h1.step,
    .header.servicesteps .headerNavigation > h1.laststep,
    .header.servicesteps .headerNavigation > h1 {display: block; text-align: left;}
    .header.servicesteps .headerNavigation > a.button {text-align: center;}
    .header.servicesteps .headerNavigation h1.step span:before,
    .header.servicesteps .headerNavigation h1.laststep span:before,
    .header.servicesteps .headerNavigation .h1duplicate span:before {display: none;}
    .header.servicesteps .headerNavigation .h1duplicate span:before {display: none;}
    .header.servicesteps .headerNavigation .step:after {display: none;}
    .header.servicesteps .headerNavigation .step span, .header.steps .headerNavigation .laststep span {margin: 0 5px 0 0;}

    .quoteAdditionalMenu {display: none;}

    .button.callback span {display: inline;}
    .button.callback:before {display: none;}

    .button.timeline span {display: inline;}
    .button.timeline:before {display: none;}

    .policyTimeline {top: 45px;}

    .policyTimeline.forQuote {top: 287px; left: 4px; width: auto; right: auto;}
    .policyTimeline.forQuote:before {left: 28px;}

    .policyTimeline.forQuoteFinal {top: -10px; right: 65px;}
    .policyTimeline.forQuoteFinal:before {right: 46px;}

    #chosingProductAndAddOns {margin: 0;}
    #chosingProductAndAddOns > div {display: block;}
    .singleProduct {display: block; padding: 0; margin: 0; width: 100%;}
    .singleProduct .productContainer {margin-top: 27px; min-width: 217px;}
    .singleProduct .productName {padding-left: 20px; padding-right: 20px; font-size: 18px;}
    .singleProduct .description {padding-left: 20px; padding-right: 20px;}
    .singleProduct .addOns {padding-left: 20px; padding-right: 20px;}
    .singleProduct .terms {padding-left: 25px; padding-right: 20px;}
    .singleProduct .motservice {padding-left: 20px; padding-right: 20px;}
    .singleProduct .motservice .motserviceLabel {margin-left: -20px; margin-right: -20px; padding-left: 50px;}
    .singleProduct .motservice .motserviceLabel:after {left: 19px;}
    .singleProduct .motservice .motserviceLabel:before {left: 13px;}
    .singleProduct .periods {padding-left: 20px; padding-right: 20px;}
    #chosingProductAndAddOns .groupForm.productsCount1 .singleProduct .terms,
    .settingsArea .header.halfSize,
    .settingsArea .header.fullSize,
    .settingsArea .ui-state-highlight.halfSize,
    .customerRecord .halfSize {width: auto; float: none; margin-left: 0;}
    .settingsArea .ui-state-highlight {height: 64px;  width: auto; margin-left: 0;}
    .settingsArea label {display: none;}
    .settingsArea select {margin-left: 10px;}
    .settingsArea .header h2 {padding-right: 20px;}
    .notesForm label {width: 100%; padding: 0 0 5px 7px; text-align: left;}
    .notesForm textarea {width: 100%;}
    .notesForm {width: 100%;}
    .notesForm .reminderButton {margin-left: 0;}

    .editCarDetails .filesUploadContainer textarea {width: 411px;}
    .quote.inputs .input .container .date-question .date-group .year {width: 50px;}
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
    ul.topMenu.amount12 li a {padding: 15px 4px 0;}
    ul.topMenu.amount11 li a {padding: 15px 6px 0;}
    ul.topMenu.amount10 li a {padding: 15px 8px 0;}
    ul.topMenu.amount9 li a {padding: 15px 13px 0;}
    ul.topMenu.amount8 li a {padding: 15px 18px 0;}
    .leftCol .lastMessageBoxHeader {padding-left: 8%;}
    .leftCol .lastMessageBox { padding: 20px 8%;}

    .systemStaticPage .side.right {padding-right: 70px;}
}

@media only screen and (min-width: 992px) and (max-width: 1090px) {
    ul.topMenu.amount12 li a {padding: 15px 1px 0;}
    ul.topMenu.amount11 li a {padding: 15px 3px 0;}
    ul.topMenu.amount10 li a {padding: 15px 6px 0;}
    ul.topMenu.amount9 li a {padding: 15px 11px 0;}
    ul.topMenu.amount8 li a {padding: 15px 16px 0;}

}

@media only screen and (min-width: 992px) and (max-width: 1040px) {
    ul.topMenu.amount12 {margin-left: 230px;}
    ul.topMenu.amount12 li a {padding: 15px 1px 0;}
    ul.topMenu.amount11 li a {padding: 15px 1px 0;}
    ul.topMenu.amount10 li a {padding: 15px 4px 0;}
    ul.topMenu.amount9 li a {padding: 15px 9px 0;}
    ul.topMenu.amount8 li a {padding: 15px 13px 0;}
    .fileDownload {margin-left: 152px;}
    .formFieldRightButton.documents .fileDownload {margin-left: 0;}
}

/* tablet & mobile */
@media only screen and (max-width: 991px) {
    html {-webkit-text-size-adjust: none;}
    .content.home.twoColumnsForm .formGroup {min-width: 49%;}

    .notesRemindsRowTable {display: block; padding-right: 0;}
    .notesRemindsRow .noteRemindInfo {width: 95%;}
    .notesRemindsRow .noteRemindContent {width: 95%;}
    .notesRemindsRowTable .notesRemindsRowCell {display: block;}
    .notesRemindsRow .noteRowInfo {padding: 10px 0 0 0;}
    .notesRemindsRow .noteRowContent {padding: 5px 0 0 0;}
    .notesRemindsRow .remindPageLink {padding: 12px 0 0 0;}

    .twoColumnsForm div.formGroup {width: auto; float: none;}
    .twoColumnsForm div.input {width: auto; float: none;}

    .leftHalfSize {float: none; margin-right: 0;}
    .container .marginSeparator {margin-top: 27px;}
    .halfSize {width: auto;}
    .sortableItem .content {margin-bottom: 0;}
    /* timepicker */
    #ui-datepicker-div {z-index: 1000000 !important;}
    .ui-slider .ui-slider-handle {height: 2em; width: 2em;}
    .ui-slider-horizontal .ui-slider-handle {top: -.6em;}
    .ui_tpicker_hour_slider {padding-top: 10px;}
    .ui-timepicker-div dl dd {margin: 17px 10px 22px 45%;}

    /* messages */
    .internal.Message .bubbles {width: auto; margin: 0 10px;}
    .internal.Message .vertical.line {display: none;}
    .internal.Message.received .content.bubble:after, .internal.Message.sent .content.bubble:before {display: none;}
    .internal.Message .content.bubble {margin-top: 25px;}
    .internal.Message.received .content.bubble,
    .internal.Message.sent .content.bubble {float: none; width: auto;}
    .internal.Message.received .content.bubble {margin-right: 24px;}
    .internal.Message.sent .content.bubble {margin-left: 24px;}
    .internal.Message .action.bubble {position: absolute; margin: 0 !important; top: -15px; left: 0; right: 0;}
    .internal.Message.sent .action.bubble .info {padding: 0 0 0 35px;}
    .internal.Message.received .action.bubble .info {padding: 0 35px 0 0;}
    .internal.Message.sent .info {text-align: left;}
    .internal.Message .action.bubble .notice {display: none;}
    .internal.Message .action.bubble .message.icon {top: -10px;}
    .internal.Message.received .action.bubble .message.icon {left: auto; right: -25px;}
    .internal.Message.sent .action.bubble .message.icon {right: auto; left: -25px;}
    .internal.Message .body img {width: 70%;}
    .internal.Message .body img.messageBox {width: 40%;}

    .Attachments li {text-overflow: ellipsis; white-space: nowrap;}
    .Attachments li a {width: auto;}

    .form h2.shorty {padding-right: 190px;}

    .leftCol .lastMessageBoxHeader {padding-left: 5%;}
    .leftCol .lastMessageBox { padding: 20px 5%;}
    .leftCol a.button {text-align: center; width: 100%; margin: 10px 0;}

    .vehUploadSection {padding: 20px 0; margin-top: 10px;}
    td.carDetails .half.image {text-align: center; padding: 0;}
    td.carDetails .left .vehUploadSection {border-top: 1px solid #ececec;}

    .form.twoColumnsForm.white .vehUploadSection {border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;}
    .form.twoColumnsForm.white .vehUploadSection .button {margin-right: 30px;}

    .systemStaticPage .side.right {padding-right: 40px;}
    .systemStaticPage .side.right .frame.motInfo {background-position: 32px 50%; padding: 45px 25px 25px 220px;}
}

/* tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile.only, .tightDesktop.only, .desktop.only {display: none;}
    .tablet.only {display: block !important;}

    .container {padding-top: 40px; padding-bottom: 27px;}

    .userArea {height: 70px; background: none; border-top: 1px solid #0282c5;}
    .userArea ul {padding-top: 0; position: relative;}
    .userArea ul li {padding-top: 37px;}
    .userArea ul li.userName {padding-top: 17px; position: absolute; top: 0; right: 0; white-space: nowrap;}

    ul.topMenu.amount12 li a {padding: 15px 1px 0;}
    ul.topMenu.amount11 li a {padding: 15px 2px 0;}
    ul.topMenu.amount10 li a {padding: 15px 5px 0;}
    ul.topMenu.amount9 li a {padding: 15px 10px 0;}
    ul.topMenu.amount8 li a {padding: 15px 15px 0;}

    .loggedIn {padding-top: 0; padding-bottom: 65px;}
    .loggedIn .topBarContent {height: 159px; padding-top: 70px;}
    .loggedIn .topBarContent .logo {top: 21px;}
    .loggedIn .topBarContent .phone {top: 42px;}
    .loggedIn ul.topMenu {float: none; margin: 0 auto; display: table;}

    .form .formFieldRightButton {margin-left: 446px;}
    .form .formFieldLeftButton {margin-left: 140px;}
    .descriptionSection {padding-left: 140px;}
    .twoColumnsForm div.input.withButton {float: left;}
    .form .datetime .calenderIcon {left: 424px;}
    .form .datetime .calender {left: 415px;}
    .form .help {left: 383px;}

    .policyNumber {height: 45px;}
    .policyNumber .transform {transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); height: 45px; right: -118px; width: 455px;}
    .policyNumber .number {top: 9px;}

    .reveal-modal .callbackForm .datetime .calenderIcon {left: 403px;}
    .reveal-modal .callbackForm .datetime .calender {left: 394px;}

    table.vehiclesList td.header {background-image: none;}
    table.vehiclesList td.header.mobileBlock {display: block; width: 100%; border-width: 0 0 0 1px;}
    table.vehiclesList td.header.mobileBlock.third {border-width: 0 0 1px 1px; padding: 0 20px 22px 20px;}
    table.vehiclesList td.header.mobileBlock.second {padding: 10px 20px;}
    table.vehiclesList td.header.mobileBlock.first {padding: 22px 20px 0 20px;}
    table.vehiclesList td.header.fourth {border-width:  0 0 1px 1px;}

    td.carDetails .left {width: 100%; margin:0; display: block; padding: 20px 10px 0 10px;}
    td.carDetails .half{ width: 100%; float:none; padding: 0 5px; border-bottom: 1px solid #ececec;}
    td.carDetails .half.image {text-align: center;}
    td.carDetails .half.carData {padding: 20px 10px 10px 10px; border-bottom: 1px solid #ececec;}
    td.carDetails .content {display: block;}

    /*.leftCol .userDetails .email span.icon {display: none;}*/
    .leftCol .lastMessageBox .message.icon {display: none;}
    .leftCol .userDetails h2 strong {display: block;}
    .lastMessageBox.Thread .info {margin-left: 0;}

    .leftCol a.button {text-align: center; width: 100%; margin: 10px 0;}

    .fileDownload {margin-left: 152px;}
    .formFieldRightButton.documents .fileDownload {margin-left: 0;}
}

@media only screen and (max-width: 1017px) {
    .twoColumnsForm div.formGroup.vehiclePhoto {display: none;}
    .twoColumnsForm div.formGroup.vehiclePhoto.mobile {display: block; width: 100%;}
}

/* mobile */
@media only screen and (max-width: 767px) {
    .tablet.only, .tightDesktop.only, .desktop.only {display: none;}
    .mobile.only {display: block !important;}

    .rightHalfSize {float: none; margin-top: 0;}

    .userArea .userAreaWide,
    .mobileNavi,
    .topBarContent {padding: 0;}

    .container {padding: 1rem .25rem;}
    .container.halfSize {width: auto; padding: 1px;}
    .container .marginSeparator {margin-top: 0;}

    .halfSize {width: auto;}

    .loggedIn {padding-top: 0; padding-bottom: 65px;}

    .topBarContent {width: 250px;}
    .logo,
    .logo img {width: 250px;}
    .topBarContent .logo {left: 0;}
    .topBarContent .phone {left: 117px;}

    .topBarContent {height: 52px;}
    .topBarContent .logo {top: 11px;}
    .topBarContent .phone {top: 42px;}

    .rightCol {padding: 10px;}

    .label, label, legend, .loginForm label {width: 100%; text-align: left; padding: 0 0 5px 7px;}
    .checkbox label {width: auto; padding-top: 7px;}

    .label.nbsp {display: none;}

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    select,
    textarea {box-shadow: none !important; -webkit-appearance: none; border-radius: 0;}

    .form {padding-bottom: 20px;}
    .form div.input {padding-left: 20px; padding-right: 20px;}
    .form h2 {padding-left: 20px;}
    .form h2.shorty {padding-right: 137px;}
    .form h2:before {left: 40px;}
    .form .input input {width: 100%;}
    .form textarea {width: 100%;}
    .form .select select {width: 100%;}
    .form .select .dropdown {width: 100%;}
    .form .dropdown {width: 100%;}
    .form .input.radio input {width: auto;}
    .form .radio fieldset {margin-left: 0;}
    .form .radio legend {margin-left: 0;}
    .form .radio label {padding-top: 7px;}

    .loginForm {padding: 20px;}
    .loginForm .input input {width: 100%;}
    .loginForm .email:before, .loginForm .password:before {top: auto; bottom: 0; width: auto;}
    .loginForm .email:after {top: auto; bottom: 7px; right: 12px;}
    .loginForm .password:after {top: auto; bottom: 9px; right: 7px;}
    .loginForm .checkbox {margin-left: 0;}
    .loginForm .formFooter {padding-left: 0;}
    .loginForm .forgotten {padding-right: 0;}

    .forgottenPasswordForm div.input .error-message {margin-left: 0; width: auto;}

    #loadRangesModel .dropdown div,
    #addCarQuote .dropdown div,
    #PolicySearchIndexForm .header .dropdown div,
    #PolicySearchRenewalsForm .header .dropdown div,
    .form .select.long .dropdown div {width: 100%;}

    .twoColumnsForm .enterReg div.input.withButton {width: 273px; padding-right: 0;}
    .twoColumnsForm div.formGroup.enterReg {width: 273px; padding: 2px 0;}
    .twoColumnsForm .enterReg {background-position: 20px 0;}
    .enterReg label {display: none;}
    .form .enterReg .error-message {margin: 0px 0 20px 20px; width: auto;}
    .form div.input .error-message {margin: 20px 0 20px 0; width: auto;}
    .form .enterReg .registrationLookupLoader {margin-left: 20px;}

    .form .enterReg2 .error-message {margin: 0 20px 0 20px; width: auto;}
    .form .enterReg2 .registrationLookupLoader {margin-left: 30px; width: 230px;}

    .form .datetime .calenderIcon {right: 30px;}
    .form .datetime .calender {right: 23px;}

    .twoColumnsForm .formFooter {margin-top: 0;}
    .form .formContentButton {padding-right: 0;}
    .form .formContentButton.lastOne {padding-bottom: 0;}

    #loadCarModel label,
    #loadCarModel .dropdown,
    #loadCarModel select,
    #loadRangesModel label,
    #loadRangesModel .dropdown,
    #loadRangesModel select {margin-top: 0;}

    #choosingCarInSteps .dropdown,
    #loadCarModel .dropdown {margin-bottom: 20px;}

    .form .formFieldRightButton {margin: 1px 20px 1px 1px; float: right;}
    .form .formFieldLeftButton {margin: 1px 1px 1px 20px; float: left;}
    .descriptionSection {padding-left: 20px;}
    .editCarDetails.notesForm {padding-left: 40px;}
    .form .inputWithPrefix {padding-left: 34px;}
    .form .hint {margin-left: 7px; width: 100%; font-size: 10px;}
    .form .help {right: 32px;}
    .twitter-typeahead {width: 100%;}
    .ui-widget {font-size: 14px;}
    .form .prefix {position: absolute; bottom: 0; left: 20px;}
    .addDiff {position: absolute; bottom: 0; right: 25px;}
    .twoColumnsForm .formFooter.marginBottom.lastOne {margin-bottom: 0;}

    input[type="submit"],
    input[type="button"],
    button[type="submit"],
    button[type="button"],
    .button {padding: 0 8px;}

    .button,
    button {font-size: 14px;}
    .button.save,
    button.save {font-weight: normal;}
    .button.medium,
    button.medium {height: 29px; line-height: 29px;}

    .button.medium.add span:before,
    button.medium.add:before {margin-top: 8px;}

    .button.buttonMargin {margin: 20px;}

    .formFieldValue .label {border-bottom: 1px solid #e1e1e1;}
    .formFieldValue .value {padding: 0 0 0 7px;}

    .form.home .preview .formFieldValue .label {margin-top: 4px;}

    .preview .formFieldValue .label {border-bottom: 1px solid #e1e1e1;}
    .preview .formFieldValue .value {padding: 5px 0 0 7px;}
    .formFieldValue .value {width: 100%;}

    .formFieldInfo {margin-left: 27px;}

    .form .checkbox.previewCheckbox {margin-bottom: 20px; margin-left: 10px;}
    .form .checkbox.previewCheckbox label {margin-left: 0; padding-top: 0;}
    .form .checkbox.previewCheckbox div.prettyCheckbox {margin-top: -3px;}
    .form .checkbox.previewCheckbox input {margin-top: 0px;}
    .form div.checkbox.pretty {margin-left: 10px;}
    .form .rating span {margin-top: 0;}

    .mobileNavi {margin-top: 0; display: none; border: none; margin-left: 1px; margin-right: 1px;}
    .mobileNavi ul li:last-child {-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}

    .userArea {height: auto; position: relative; border-bottom: 0; margin-left: 1px; margin-right: 1px; width: auto;}
    .userArea ul {float: none; padding: 0;}
    .userArea ul li {float: none; display: block; padding: 0; font-size: 14px; background-color: #f1f1f1; border-top: 1px solid #dadada; text-align: right;}
    .userArea ul li.userName {white-space: normal; padding: 15px 20px;}
    .userArea ul li.userName span {white-space: nowrap;}
    .userArea ul li a {float: none; display: block; padding: 15px 20px;}

    .userAreaWide {display: none; border-bottom: 2px solid #0282c5; border-left: 2px solid #0282c5; border-right: 2px solid #0282c5; margin-left: 1px; margin-right: 1px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}
    .userAreaWide ul li:last-child {-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}

    ul.topMenu,
    ul.topMenu.amount13 {float: none; margin: 0 auto; display: block;}
    ul.topMenu li {float: none; display: block; width: auto; white-space: normal; font-size: 14px; background-color: #f1f1f1; border-top: 1px solid #dadada;}
    ul.topMenu li.active {border-bottom: none; background-color: #ffffff;}
    ul.topMenu li:last-child {-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}
    ul.topMenu li a {text-align: left; height: auto;}
    ul.topMenu li a,
    ul.topMenu.amount13 li a,
    ul.topMenu.amount12 li a,
    ul.topMenu.amount11 li a,
    ul.topMenu.amount10 li a,
    ul.topMenu.amount9 li a,
    ul.topMenu.amount8 li a {padding: 15px 15px 15px 0; border-right: 0;}
    ul.topMenu li a:before {margin: -13px 15px 0 18px; float: left;}
    ul.topMenu li span.amount {top: 11px; right: 24px; font-size: 14px; padding: 5px 7px; border-radius: 15px;}

    #notesList .noteRow:before,
    #filesList .noteRow:before,
    .filesUploadContainer .noteRow:before {left: 4px;}

    #notesList .noteRow.tickedOff:before {left: 23px;}

    #notesList .noteRow,
    #filesList .noteRow,
    .filesUploadContainer .noteRow {padding-left: 55px;}

    .headerNavigation {border-top: 1px solid #dadada; clear: both; margin: 0 -20px -20px; position: relative; top: 0; left: 0; width: auto; background-color: #f1f1f1; box-shadow: none; border-radius: none; padding: 13px 20px;}

    .header.steps .headerNavigation {top: 0; left: 0; margin: -1px -20px -11px; padding: 0; width: auto;}
    .header.steps .mobileNaviButton {margin: 0; position: absolute; top: 12px; right: 20px; z-index: 1005;}
    .header.steps.visibleMenu .h1duplicate {display: none;}
    .headerNavigation > h1,
    .header.steps .headerNavigation h1.step,
    .header.steps .headerNavigation h1.laststep,
    .header.steps .headerNavigation .button,
    .headerNavigation > a,
    .headerNavigation > a.button,
    .headerNavigation > span,
    .headerNavigation > button {margin: 0;}

    .header.servicesteps .headerNavigation {top: 0; left: 0; margin: -1px -20px -11px; padding: 0; width: auto;}
    .header.servicesteps .mobileNaviButton {margin: 0; position: absolute; top: 12px; right: 20px; z-index: 1005;}
    .header.servicesteps .mobileNaviButton.active {margin: 0;}
    .header.servicesteps.visibleMenu .h1duplicate {display: none;}

    .header.servicesteps.visibleMenu {padding-bottom: 0;}
    .header.servicesteps .headerNavigation > span {display: flex; align-items: center;}

    .header.steps .headerNavigation h1.step,
    .header.steps .headerNavigation h1.laststep,
    .header.steps .headerNavigation .button {margin: 0;}

    .header.servicesteps .headerNavigation h1.step,
    .header.servicesteps .headerNavigation h1.laststep,
    .header.servicesteps .headerNavigation .button {margin: 0;}

    .headerNavigation > h1,
    .header.steps .headerNavigation h1.step,
    .header.steps .headerNavigation h1.laststep,
    .headerNavigation > a,
    .headerNavigation > span {padding: 7px 20px; border-bottom: 1px solid #dadada; text-align: left;}

    .header.servicesteps .headerNavigation h1.step,
    .header.servicesteps .headerNavigation h1.laststep {padding: 7px 20px; border-bottom: 1px solid #dadada; text-align: left;}

    .header.steps .headerNavigation h1.step,
    .header.steps .headerNavigation h1.laststep {padding: 7px 20px; border-bottom: 1px solid #dadada; text-align: left;}

    .header.servicesteps .headerNavigation h1.step,
    .header.servicesteps .headerNavigation h1.laststep {padding: 7px 20px; border-bottom: 1px solid #dadada; text-align: left;}

    .headerNavigation > a.button,
    .headerNavigation > button {border-bottom: none;}

    .headerNavigation > a.button.callback {border: 1px solid #d3d3d3;}
    .headerNavigation > a.button.timeline {border: 1px solid #d3d3d3;}

    .headerNavigation > h1 {background-color: #ffffff;}

    .headerNavigation a.button,
    .headerNavigation > button {padding: 0 10px; float: none; margin: 7px 0; width: 100%; text-align: center;}

    .header.steps .headerNavigation .button,
    .header.steps .headerNavigation > button {width: auto; margin: 14px 20px;}

    .header.servicesteps .headerNavigation .button,
    .header.servicesteps .headerNavigation > button {width: auto; margin: 14px 20px;}

    .header .dropdown {width: 100%; margin: 15px 0 0 0;}
    .header div.input {margin: 0; clear: both; padding: 0; float: none;}
    .header h1.withDropdown {padding: 0;}

    .header.visibleMenu h1,
    .header.visibleMenu h2 {padding-bottom: 15px;}
    .header.visibleMenu h1.withDropdown {padding-bottom: 15px;}
    .header.visibleMenu .dropdown {margin: 0 0 15px 0;}

    .header h1.withDropdown,
    .header h2.withDropdown {padding-right: 50px;}

    .policyNumber {height: 45px;}
    .policyNumber .transform {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); height: 135px; right: -131px; width: 275px;}
    .policyNumber .number {top: 13px; color: #fff;}

    .message,
    .notice {margin: 5px; padding: 10px 15px;}

    #notesList .noteRow,
    #filesList .noteRow,
    .filesUploadContainer .noteRow {padding-right: 20px;}

    .notesForm label {width: 100%;}
    .notesForm textarea {width: 100%;}
    .editCarDetails .filesUploadContainer textarea {width: 100%;}

    .notesForm {width: 100%;}
    .notesForm .reminderButton {margin-left: 0;}

    .filesColumn #browse  {margin-left: 20px;}

    .reminderArea {padding-left: 0; width: 100%;}
    .reminderArea .input label,
    .reminderArea .reminderUser {width: 100%; padding-left: 7px;}
    .reminderArea .checkbox {padding: 9px 10px 9px 7px;}

    #chosingProductAndAddOns a.showPopup {padding: 2px 7px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;}
    #chosingProductAndAddOns div.checkbox a.showPopup {padding: 3px 6px 3px 7px; margin-top: -2px;}

    .searchForm {float: none;}
    .searchForm div.input {float: none; margin: 0 0 10px 0;}
    .searchForm button {float: right; margin-bottom: 20px; margin-right: 3px;}
    .searchForm button.search {float: right; margin-bottom: 11px; margin-right: 60px;}
    .searchForm input {width: 100%;}
    .searchForm .searchFormLabel {float: none; padding: 0 0 5px 7px;}
    .searchForm .searchFormRow {padding: 0 0 10px 0;}
    .searchForm .additionalSearch {padding-bottom: 45px;}
    .searchForm .additionalSearch p.searchFormLabel {width: 100%; text-align: left;}
    .searchForm .searchFormRow .input.datetime {width: 50%; float: left;}
    .searchForm .searchFormRow .dropdown {width: 100%;}
    .searchForm .rangeSeparator {display: none;}

    .pager {padding: 10px 5px; float: none; clear: both; border-top: 1px solid #dadada;}
    .pager span {display: none;}
    .pager span.current {display: table; margin: 0 auto; width: 1%; border-radius: 16px; padding: 7px 10px;}
    .pager span.next {display: block; float: right; width: 35%; margin-top: -23px;}
    .pager span.prev {display: block; width: 35%; margin-bottom: -23px; text-align: right; padding-top: 9px;}
    .pager span.next a,
    .pager span.prev a {padding: 15px 5px;}

    .tableTopLeftRadiusBorder div .tableTd:first-child {-webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0;}
    .tableTopRightRadiusBorder div .tableTd:last-child {-webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0;}
    .tableBottomLeftRadiusBorder div:last-child .tableTd:first-child {-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;}
    .tableBottomRightRadiusBorder div:last-child .tableTd:last-child {-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0;}

    .table {border: none;}
    .table.tableWithoutTopBorder {border-top: none;}
    .tableThead {display: none;}
    .tableTr {display: block; position: relative; overflow: auto;}
    .tableTr .tableTd {padding: 0; background-color: #f9f9f9; display: block; border-right: none; border-bottom: none; border-top: 1px solid #d5d5d5; width: 70%; margin-left: 30%;}
    .tableTd:after {content: ""; clear: both; display: table;}
    .tableTd.w99,
    .tableTd.w49,
    .tableTd.w33 {width: 70%;}
    .tableTr .tableTd.firstTd {clear: both; width: 100%; margin: 0; font-size: 15px; display: block; position: relative; background-color: #fc0; width: 100%; color: #fff; border-top: 19px solid #fc0; font-weight: bold;}
    .tableTr .tableTd.firstTd:after {display: none;}
    .tableTr .tableTd.firstTd:before {content: ''; width: 11px; height: 6px; background-position: -47px -170px; position: absolute; bottom: -6px; right: 60px; z-index: 1;}
    .tableTr .tableTd.firstTd > a,
    .tableTr .tableTd.firstTd > span {padding: 10px 20px; color: #fff; margin-top: -19px;}
    .tableTr .tableTd.withSelectBox {position: absolute; top: 0; right: 0; padding: 10px 20px; background-color: transparent; width: auto; border: none;}
    .table.reports .tableTd.link a {padding: 10px 20px;}
    .table.reports .tableTd {padding: 0;}
    .tableThead .tableTd.withSelectBox,
    .tableTr .tableTd.withSelectBox {position: absolute;}
    .tableTr .tableTdLabel {display: block; padding: 10px 20px; width: 30%; float: left; color: #606060; border-top: 1px solid #d5d5d5; text-align: right;}
    .tableTr .tableTd a,
    .tableTr .tableTd.link a,
    .tableTr .tableTd span {padding: 10px 20px; display: table;}
    .tableTr .tableTd.firstTd > a {display: block; text-decoration: underline;}
    .tableTr .tableTd .time {display: inline; padding: 2px 0 0 10px;}
    .tableTr .tableTd.withSelectBox span,
    .tableTr .tableTd a span,
    .tableTr .tableTd .time span {display: inline; padding: 0;}

    .tableTr .tableTd .firstTdLabel {display: inline; padding: 0;}
    .tableTr .tableTd.rating span {margin: 5px 20px; padding: 0;}

    .tableTr .tableTd.no,
    .tableTr .tableTd.yes {padding-left: 0; padding-right: 0;}

    .content .scrollLeft,
    .content .scrollRight {display: none;}

    .tableTr .tableTd.greenBg span ,
    .tableTr .tableTd.redBg span,
    .tableTr .tableTd.orangeBg span,
    .tableTr .tableTd.yellowBg span,
    .tableTr .tableTd.blueBg span,
    .tableTr .tableTd.grayBg span,
    .tableTr .tableTd.no span,
    .tableTr .tableTd.yes span,
    .tableTr .tableTd span.greenBg,
    .tableTr .tableTd span.redBg,
    .tableTr .tableTd span.orangeBg,
    .tableTr .tableTd span.yellowBg,
    .tableTr .tableTd span.blueBg,
    .tableTr .tableTd span.grayBg,
    .tableTr .tableTd span.no,
    .tableTr .tableTd span.yes {margin: 4px 20px; display: table;}

    .tableTr .tableTd.darkBg span {margin: -6px 0;}

    .tableTr .tableTd.greenBg span .time span,
    .tableTr .tableTd.redBg span .time span,
    .tableTr .tableTd.orangeBg span .time span,
    .tableTr .tableTd.yellowBg span .time span,
    .tableTr .tableTd.blueBg span .time span,
    .tableTr .tableTd.grayBg span .time span {margin: 0; display: inline-block;}

    .tableTr.tableCaption {height: 35px; border-top: 1px solid #d5d5d5; overflow: hidden;}
    .content.pointer.dark:before {background-position: -139px -386px;}
    .tableTr.tableCaption .tableTd {background-color: #fdfdfd !important; color: #000;}
    .table .tableTr.tableCaption.first {border-top: none;}
    .tableTr.tableCaption .tableTd.firstTd:before {display: none;}
    .tableTr.tableCaption .tableTd.firstTd span {display: none;}
    .tableTr.tableCaption .tableTd.firstTd {padding: 10px 20px; border-top: 0;}

    .topList {padding: 10px 20px 20px 20px; margin: 0; border-top: 1px solid #dadada; display: block; width: 100%;}
    .topList .button {margin: 10px 0 0 0; float: none; display: block; width: 100%; text-align: center;}
    .bottomList {padding: 20px 20px 10px 20px; margin: 0; display: block; width: 100%;}
    .bottomList .button {margin: 0 0 10px 0; float: none; display: block; width: 100%; text-align: center;}

    .headerNavigation .button.checked span:before,
    .headerNavigation a.button.checked:before,
    .headerNavigation button.checked:before,
    .headerNavigation .button.save span:before,
    .headerNavigation a.button.save:before,
    .headerNavigation button.save:before,
    .topList .button.checked span:before,
    .topList a.button.checked:before,
    .topList button.checked:before,
    .topList .button.save span:before,
    .topList a.button.save:before,
    .topList button.save:before,
    .bottomList .button.checked span:before,
    .bottomList a.button.checked:before,
    .bottomList button.checked:before,
    .bottomList .button.save span:before,
    .bottomList a.button.save:before,
    .bottomList button.save:before {height: 15px; float: none; display: inline-block; margin-top: 0;}

    .headerNavigation .button.add span:before,
    .headerNavigation button.add:before,
    .headerNavigation .button.delete span:before,
    .headerNavigation a.button.delete:before,
    .headerNavigation button.delete:before,
    .topList .button.delete span:before,
    .topList a.button.delete:before,
    .topList button.delete:before,
    .bottomList .button.delete span:before,
    .bottomList a.button.delete:before,
    .bottomList button.delete:before {height: 15px; float: none; display: inline-block; margin-top: 0; position: relative; top: 2px;}

    .mobileSort {display: block; clear: both; position: relative;}
    .mobileSortButton {position: absolute; top: -49px; right: 20px; height: 38px;}
    .mobileSortLinks {display: none; border-bottom: 1px solid #606060; border-top: 1px solid #606060;}
    .mobileSortLinks .tableTd {display: block; padding: 0; border: none;}
    .mobileSortLinks .tableTd.w99,
    .mobileSortLinks .tableTd.w49,
    .mobileSortLinks .tableTd.w33 {width: auto;}
    .mobileSortLinks .tableTd a,
    .mobileSortLinks .tableTd div {border-top: 1px solid #dadada; background-color: #f1f1f1; padding: 10px 20px; display: block; text-align: right;}
    .mobileSortLinks .tableTd .order a {background-color: #fff;}
    .mobileSortLinks .tableTd .order.desc a:before,
    .mobileSortLinks .tableTd .order.asc a:before {content: ''; height: 11px; width: 7px; display: inline-block; margin: 0 15px 0 -30px;}
    .mobileSortLinks .tableTd .order.desc a:before {background-position: -20px -160px;}
    .mobileSortLinks .tableTd .order.asc a:before {background-position: -11px -160px;}

    .callbackForm .half {width: 100%; float: none;}
    .callbackForm .select {padding-top: 11px;}
    .callbackForm .datetime input {width: 100%;}
    .callbackForm .datetime .calenderIcon {right: 29px;}
    .callbackForm .datetime .calender {right: 21px;}
    .callbackForm .markAsCompleated {margin: 0 0 10px 0;}
    .callbackForm .callbackWideButtons a,
    .callbackForm .callbackWideButtons button {display: block; margin: 0 0 10px 0; text-align: center; float: none; width: 100%;}
    .callbackForm .message {margin: 0 0 20px;}

    .table.callbackCalendar {border: none;}
    .table.callbackCalendar .tableTr {padding-bottom: 7px;}
    .table.callbackCalendar .tableTr .tableTd {margin-left: 0; width: 100%; padding: 0 7px; border: 0;}
    .table.callbackCalendar .remindDate {text-align: center;}
    .table.callbackCalendar .tableTr .tableTd a,
    .table.callbackCalendar .tableTr .tableTd.link a,
    .table.callbackCalendar .tableTr .tableTd span {display: inline; padding: 0;}
    .table.callbackCalendar .tableTr .tableTd .remindDate {padding: 8px 12px;}
    .table.callbackCalendar .tableTr .tableTd .remindDate .time {margin-left: 4px;}
    .callbackCalendarElement .remindDate > span {font-size: 16px;}
    .callbackCalendarElement .remindDate .mobile.only {display: inline !important;}
    .callbackCalendarElement {padding-bottom: 12px;}
    .callbackCalendarElement > div {padding: 7px 12px 0;}
    .callbackCalendarElement > div.remindTitle {padding-top: 7px;}

    .policyTimeline {top: 56px; right: 0; width: 100%; padding: 2px;}
    .policyTimeline .policyTimelineRow .timelineDate {width: 99%;}
    .policyTimeline .policyTimelineRow .timelineNumber {white-space: normal;}
    .policyTimeline .policyTimelineRow .timelineDate span {white-space: normal;}
    .policyTimeline .policyTimelineRow .timelineDate span.timelinePeriod {white-space: nowrap;}

    .policyTimeline.forQuote {top: -14px; left: 0; right: 0; width: 100%;}
    .policyTimeline.forQuote:before {left: 38px;}

    .policyTimeline.forQuoteFinal {top: -166px; left: 0; right: 0; width: 100%;}
    .policyTimeline.forQuoteFinal:before {left: 38px;}

    .hiddenReminders {right: 10px; text-align: center;}

    .visibbleThead .tableThead {display: table-row;}
    .visibbleThead .tableTr .tableTd.firstTd .firstTdLabel {display:none;}
    .visibbleThead .tableTr .tableTd.firstTd:before {display:none;}
    .visibbleThead .tableTr .tableTd {background-color: #efefef; border-bottom: 1px solid #d5d5d5;}
    .visibbleThead .tableTr .tableTd.firstTd span {margin-top: 0; padding: 20px; color: #000;}
    .visibbleThead .tableTr .tableTd.firstTd {border-top: none;}
    .visibbleThead .tableTr .tableTd span {display: block;}
    .visibbleThead .tableTr .tableTd a.button span {padding: 0px; color: #fff;}
    .visibbleThead .tableTr .tableTd a {padding: 0px 20px;}
    .visibbleThead .tableTr.crLink .tableTd a {padding: 20px; color: #006093; margin-top: 0; text-decoration: none;}

    .timelineContainer {background: none;}
    .timelineContainer .timelineItem {width: 95%;}
    .form.preview .table .tableTr .tableTd.firstTd > a {white-space: pre-line;}
    .customerRecord #flashMessage {top: 20px; z-index: 1005;}
    .assignTo .dropdown {min-width: 100%;}
    .customer .messages {margin-left: 42px; clear: both; margin-top: 5px;}
    .customerRecord {margin-top: 0;}
    .button.marginTopMinus {margin-top: -36px;}


    .vehicleTable .secondCol, .vehicleTable .tableTdLabel {display: none;}
    .vehicleTable .tableTr .tableTd.firstTd {width: auto; padding: 0; border-bottom: none; border-top: 1px solid #d5d5d5;}
    .vehicleTable .tableTr .tableTd.firstTd a {padding: 0 20px;}
    .vehicleTable .tableTr .tableTd a {display: inline-block;}
    .vehicleTable .tableTr .tableTd a.carImage {padding-top: 0;}
    .vehicleTable .tableTr .tableTd {width: auto; margin: 0; border-top: none; padding: 0; text-align: center;}
    .visibbleThead.vehicleTable .tableTr .tableTd {background-color: #ffffff; border-bottom:none;}
    .vehicleTable .tableTr:nth-child(2n) .tableTd {padding: 0;}
    .hr {border: none;}
    .leftCol {width: 100%;}
    .rightCol {width: 100%; margin:0;}

    table.vehiclesList td.header {background-image: none;}
    table.vehiclesList td.header.mobileBlock {display: block; width: 100%; border-width: 0 ;}
    table.vehiclesList td.header.mobileBlock.third {border-width:  0 0 1px 0; padding: 0 20px 22px 20px;}
    table.vehiclesList td.header.mobileBlock.second {padding: 10px 20px;}
    table.vehiclesList td.header.mobileBlock.first {padding: 22px 20px 0 20px;}
    table.vehiclesList td.header.fourth {border-width:  0 0 1px 1px;}


    td.carDetails .left {width: 100%; margin:0; display: block; padding: 20px 10px 0 10px;}
    td.carDetails .half{ width: 100%; float:none; padding: 0 5px; border-bottom: 1px solid #ececec;}
    td.carDetails .half.image {text-align: center; padding: 0;}
    td.carDetails .half.carData {padding: 20px 10px 10px 10px; border-bottom: 1px solid #ececec;}
    td.carDetails .content {display: block;}

    .form.twoColumnsForm.white .vehUploadSection .button {margin-right: 30px;}
    .form.twoColumnsForm.white .vehUploadSection {margin: 0 20px; border-color: #e1e1e1;}

    .select2 {width: 100% !important;}

    .firstHeader.firstDownloadHeader {padding-left: 37px;}

    .content.pointer.space.systemStaticPage:before {left: 28px;}
    .header h1.leftSpace {padding-left: 0;}
    .systemStaticPage p {padding-bottom: 20px;}
    .systemStaticPage h3 {margin-bottom: 20px;}
    .systemStaticPage .side.left {width: auto; float: none;}
    .systemStaticPage .side.left img {display: none;}
    .systemStaticPage .side.right {padding: 20px;}
    .systemStaticPage .side.right .frame {padding: 10px 15px 0 15px; margin-bottom: 20px;}
    .systemStaticPage .side.right .frame.motInfo {background: #ffffff url('../img/making-a-claim-mot.jpg') 50% 10px no-repeat; margin-top: 0; padding: 110px 15px 0 15px;}
    .systemStaticPage .side.right .frame.grey {padding: 10px 15px 0 15px;}
    .systemStaticPage .number {margin: 20px 0 0 20px;}
    .systemStaticPage ul {padding-left: 17px;}
    .systemStaticPage ul li {padding-bottom: 10px;}

    .internal.Message .body img {width: 100%;}
    .internal.Message .body img.messageBox {width: 300px;}

    .quote.inputs .container table tr {display: flex; flex-direction: row;}
    .quote.inputs .container table th {width: auto; font-weight: normal;}
    .quote.inputs .container table th:after{content: ": "; white-space: pre;}

    .service-confirmation-aa span.success {font-size: 1.3rem; font-weight: bold;}
    .service-confirmation-aa span.ref {font-size: 1.1rem; font-weight: 450; padding-top: 30px; padding-bottom: 30px;}
    .service-confirmation-aa img {height: 55px; width: 60px; padding-right: 5px;}
    .service-confirmation-container table tr {display: flex; flex-direction: row;}
    .service-confirmation-container table th {width: auto; font-weight: normal;}
    .service-confirmation-container table  th:after{content: " "; white-space: pre;}
}

@media only screen and (max-width: 479px) {
    .form .formFieldCenterButton {margin-top: 40px;}
    .form .formFieldCenterButton + .formFieldRightButton {margin-bottom: 15px;}

    .form .formFieldRightButton.documents {clear: both; float: none; padding-left: 20px; padding-top: 20px;}

    .internal.Message .body img.messageBox {width: 100%;}
}

@media only screen and (min-width: 370px) and (max-width: 767px) {
    .twoColumnsForm div.formGroup.enterReg {width: 373px;}
    .twoColumnsForm .enterReg div.input.withButton { padding-right: 0;}
    .twoColumnsForm div.formGroup.enterReg div.input { float: left;}
}

@media only screen and (max-width: 369px) {
    #registrationLookup {background: #acacac url('../img/registration-plate-ie.png') -264px -15px no-repeat; width: 132px; margin-left: 21px; margin-bottom: 20px; height: 35px; border-radius: 5px; line-height: 15px; font-size: 15px; text-indent: 0; text-align: right;}
    .form.twoColumnsForm.white .vehUploadSection {margin: 0 20px;}
}

@media only screen and (min-width: 768px) {
    .vehicleTable .tableTr .tableTd.firstTd a img {width: 120px;}

    .twoColumnsForm div.formGroup.colspan2 {width: 80%;}
    .twoColumnsForm div.formGroup.colspan2 div.input {width: 100%;}
    .twoColumnsForm div.formGroup.colspan2 div.input textarea {width: 60%;}
}

@media only screen and (max-width: 1200px) {
    .withAsideMenuContainer .button.callback span {display: none;}
    .withAsideMenuContainer .button.callback:before {display: block;}

    .withAsideMenuContainer .button.timeline span {display: none;}
    .withAsideMenuContainer .button.timeline:before {display: block;}
}

@media only screen and (min-width: 1024px) {
    .header.withAsideMenuContainer {padding-bottom: 74px;}
    .asideMenuContainer {position: absolute; left: -1px; width: 100%; top: 55px; z-index: 1002;}
    .asideMenu {background-color: #0081c5; width: 1092px; border: 2px solid #0081c5; border-radius: 0 0 5px 5px; overflow: hidden;}
    .asideMenu.fixed {position: fixed; top: 0;}
    .asideMenuButtons {padding: 3px; display: table; border-collapse: separate; border-spacing: 5px;}
    .asideMenuButtons > a,
    .asideMenuButtons > a.button,
    .asideMenuButtons > span,
    .asideMenuButtons > button {white-space: nowrap; padding: 0 1px; display: table-cell; width: 1%; float: none; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
    .asideMenuButtons > a.button.red {background-color: #ce3535; color: #fff;}
    .asideMenuButton.tightDesktop.only {display: none !important;}
    .headerNavigation.asideMenuContainer {display: block; background-color: transparent; padding: 0; box-shadow: none; border-radius: none; border: none;}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .asideMenu {width: 100%;}
}

@media only screen and (max-width: 1023px) {
    .headerNavigation.asideMenuContainer {background-color: #0081c5;}

    .withAsideMenuContainer .button.timeline {margin-right: 44px;}
    .withAsideMenuContainer .policyTimeline::before {right: 76px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .withAsideMenuContainer .policyTimeline {top: 55px;}
}

@media only screen and (max-width: 767px) {
    .withAsideMenuContainer .policyTimeline::before {right: 70px;}
    .withAsideMenuContainer.header h1 {padding-right: 20px;}
}