@media (min-width: 421px) and (max-width: 1211px) {
    body {
        font-size: 13.4px;
    }

    body.sales .fiveBlock.pushLeft10 {
        margin-right: 8px;
    }

    #headerInner, #container, #heading, #heading .loginStatus, .oddEvenTable {
        width: 944px
    }

    #headerInner .logo {
        padding: 0px;
        margin-top: 7px;
        font-size: 161%;
        margin-left: 328px;
    }

    #headerInner .loginStatus {
        font-size: 100%;
    }

    #headerInner .loginStatus strong {
        letter-spacing: 1px;
    }

    #headerInner .loginStatus span {
        padding-right: 70px;
    }

    strong {
        letter-spaceing: 1px;
    }

    #subnavigation {
        padding-top: 27px;
        font-size: 107%;
    }

    #subnavigation li {
        padding-right: 8px;
    }

    .twoByTwoBlock {
        width: 407px;
        height: 119px;
    }

    .headerButtons {
        margin-top: 3px;
    }

    .headerButtons a {
        width: 198px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    table.oddEvenTable td {
        padding-left: 5px
    }

    table.oddEvenTable {
        width: 944px !important;
    }

    .pricingArea table.countryTable {
        width: 388px !important;
        margin-bottom: 40px;
    }

    table.countryTable a {
        position: absolute;
        margin-left: 57px;
        margin-top: 1px;
    }

    .thirdArea .label {
        margin: 8px 0px;
    }

    .thirdArea input {
        width: 264px;
        height: 30px;
    }

    .thirdArea {
        margin-right: 42px;
    }

    .thirdArea .calendarField {
        width: 135px;
    }

    .thirdArea .calendarField input[type="date"] {
        padding: 0px 0px 0px 2px;
        width: 111px;
    }

    .thirdArea .calendarField input {
        width: 91px;
        height: 19px
    }

    .thirdArea .calendarField.dtTo {
        margin-left: 12px;
    }

    .thirdArea .calendarField a {
        width: 20px;
        height: 19px;
        background-image: url('../img/tablet/calendar.png');
    }

    /* Calendar styling for stock */
    .stockArea .calendarField{
        width: 144px;
    }

    .thirdArea.submitButtons {
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .thirdArea.submitButtons input {
        width: 198px;
        height: 32px;
    }

    .thirdArea.submitButtons input[name="btnRefresh"] {
        width: 81px;
        margin-left: 8px;
    }

    .thirdArea.customerSearch input {
        width: 218px;
        height: 30px;
    }

    .statBox {
        margin-right: 23px;
        margin-top: 23px;
        width: 299px;
        height: 299px;
    }

    .preApprovedDetails input[type=text] {
        width: 193px;
        height: 30px;
    }

    .preApprovedDetails input[type=submit] {
        width: 215px;
        height: 30px;
    }

    .statBox.last {
        margin-right: 0px;
    }

    .fourBlock {
        width: 230px;
        height: 202px;
        margin-bottom: 8px;
    }

    .fourthArea {
        width: 220px;
    }

    .fourthArea input[type="button"], .fourthArea input[type="submit"] {
        margin-top: 36px;
        height: 32px;
        width: 220px;
        font-size: 100%;
    }

    .customerCount {
        width: 220px;
        padding-top: 46px;
    }

    .anayticsBlock div.titleText {
        margin-top: 37px;
        width: 230px;
        height: 202px;
        font-size: 98.3%;
    }

    .anayticsBlock div.valueText {
        margin-top: 110px;
        font-size: 177%;
        color: #000;
    }

    .landingAreaSelection .droppable.pushLeft10 {
        margin-right: 5px;
    }

    .anayticsBlock.pushLeft10 {
        margin-right: 8px;
    }

    .anayticsBlock div.valueText.avc {
        margin-top: 84px;
    }

    .anayticsBlock div.valueText.t5v {
        margin-top: 84px;
        font-size: 100%;
    }

    .anayticsBlock div.valueText.t5c {
        margin-top: 84px;
        font-size: 100%;
    }

    .anayticsBlock div.valueText.mvd {
        font-size: 69.9%;
        margin-top: 61px;
    }

    .anayticsBlock div.valueText.mvd img {
        max-width: 93px;
        max-height: 124px;
    }

    .anayticsBlock div.valueText.mvd .mvdImageContainer {
        width: 93px;
        height: 124px;
    }

    .anayticsBlock div.valueText.mvd span {
        padding-top: 57px;
    }

    .notificationBlock .emailName {
        color: #000;
        width: 170px;
        padding: 40px 30px;
    }

    .notificationBlock .arrRecipient {
        width: 682px;
        padding: 33px 0px 33px 32px;
        background-color: #dedfe0;
    }

    .notificationBlock input.btnAdd {
        cursor: pointer;
        padding: 0px;
        height: 32px;
        width: 198px;
    }

    .notificationBlock input[type="text"] {
        margin-right: 20px;
        height: 30px;
        margin-top: 20px;
        width: 446px;
        border: 1px solid #b3b3b3;
    }

    .notificationBlock input.blnDelete {
        background: url('../img/tablet/delete.png') no-repeat 0 0 transparent;
        height: 30px;
        width: 30px;
    }

    .fiveBlock {
        width: 149px;
    }

    .fiveBlock.pushLeft10 {
        margin-right: 10px;
    }

    .uploadDesignBlock .uploadDesignContainer img.design,
    .stockDesignBlock .stockDesignContainer img.design {
        max-width: 149px;
        max-height: 213px;
    }

    .fiveBlock.stockDesignBlock {
        min-height: 399px;
    }

    .uploadDesignBlock .uploadDesignContainer, .stockDesignBlock .stockDesignContainer {
        text-align: center;
        width: 149px;
        height: 213px;
        background-color: #CCC;
    }

    .uploadDesignBlock a.delete, .stockDesignBlock a.delete {
        z-index: 5;
        position: absolute;
        margin-left: 122px;
        margin-top: 8px;
    }

    .uploadDesignBlock .addTags, .stockDesignBlock .addTags {
        height: 34px;
        font-size: 90%;
        width: 131px;
        margin-left: 9px;
        margin-bottom: 0px;
    }

    .stockDesignBlock .changeVisible {
        font-size: 90%;
        width: 131px;
        height: 34px;
        margin-left: 9px;
        margin-bottom: 5px;
    }

    .halfQuarterBlock div.pushLeft10 {
        margin-right: 10px;
    }

    .halfQuarterBlock div input[type='text'] {
        width: 137px;
        height: 32px;
    }

    .halfQuarterBlock div select {
        width: 137px;
        height: 22px;
        font-size: 90%;
    }

    .halfQuarterBlock div.pushDown {
        padding-top: 25px;
    }

    /*login area*/
    .loginArea {
        width: 926px;
        padding: 10px;
        height: 459px;
        margin: 30px auto;
    }

    .loginArea table {
        width: 420px
    }

    .loginArea td.signInAssistanceLeft {
        padding-bottom: 35px;
    }

    .loginArea td.signInAssistanceRight {
        padding-bottom: 35px;
    }

    .loginArea td {
        padding: 5px 0px;
    }

    .loginArea input[type="text"], .loginArea input[type="password"] {
        width: 420px;
    }

    .loginArea input[type="submit"] {
        width: 252px;
        height: 30px;
    }

    /*Forgotten Password*/
    #forgotPasswordContainer {
        width: 926px;
        padding: 10px;
        height: 459px;
        margin: 40px auto;
    }

    #forgotPasswordContainer table {
        width: 527px;
        margin: 0px auto;
    }

    #forgotPasswordContainer td {
        padding: 5px 0px;
    }

    #forgotPasswordContainer input[type="email"] {
        width: 527px;
    }

    #forgotPasswordContainer input[type="button"], #forgotPasswordContainer input[type="submit"] {
        height: 30px;
    }

    #forgotPasswordContainer .backSignInButton {
        text-align: right;
    }

    #forgotPasswordContainer .successText {
        padding-bottom: 30px;
    }

    #forgotPasswordContainer .forgotPasswordInput {
        padding-bottom: 30px;
    }

    #tophr {
        display: none;
    }

    #forgotPasswordContainer input[type="text"], #forgotPasswordContainer input[type="password"], #forgotPasswordContainer input[type="email"] {
        width: 527px;
    }

    /* User Admin */
    .usersAdmin .userAdminBlock {
        width: 307px;
    }

    .usersAdmin .userAdminBlock input[type="text"],
    .usersAdmin .userAdminBlock input[type="password"],
    .usersAdmin .userAdminBlock select {
        border: 1px solid;
        width: 279px;
        height: 30px;
    }

    .usersAdmin .userAdminBlock span {
        display: inline-block;
        margin-top: 5px;
    }

    .usersAdmin .optionBlock {
        margin-top: 30px;
    }

    .usersAdmin .pushLeft10 {
        margin-right: 10px;
    }

    .usersAdmin input[type="submit"] {
        width: 270px;
        height: 30px;
        margin-top: 15px;
    }

    /*Pricing Area*/
    .pricingArea h1 {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .pricingArea .left {
        width: 425px;
    }

    .pricingArea .left select {
        width: 380px;
        height: 30px;
        margin-bottom: 30px;
    }

    .pricingArea .right select {
        width: 300px;
        height: 30px;
    }

    .pricingArea .right input {
        margin-left: 50px;
        width: 160px;
        height: 30px;
    }

    /* Uploads Area*/
    .notCompatible {
        display: inline;
    }

    .uploadBlock {
        display: none;
    }

    .uploadDesignBlock {
        display: none;
    }

    /* Studio List */
    .studioArea input[type='text'] {
        width: 460px;
        height: 30px;
        margin-bottom: 50px;
    }

    .studioArea input[type='submit'] {
        margin-left: 30px;
        width: 160px;
        height: 32px;
        font-size: 100%;
    }

    .studioArea input[type='button'] {
        height: 32px;
        font-size: 100%;
    }

    /* Studio Admin */
    .studioAdmin .studioAdminBlock {
        width: 280px;
    }

    .studioAdmin .studioAdminBlock input[type="text"],
    .studioAdmin .studioAdminBlock select {
        width: 273px;
        height: 32px;
    }

    .studioAdmin .studioAdminBlock span {
        display: inline-block;
        margin-top: 5px;
    }

    .studioAdmin .optionBlock {
        margin-top: 30px;
    }

    .studioAdmin .pushLeft10 {
        margin-right: 52px;
    }

    .studioAdmin .studioOtherInfo input[type="text"] {
        width: 937px;
        height: 32px;
    }

    .studioAdmin .studioPricing p {
        margin: 10px 0px;
    }

    .studioAdmin .studioPricing input[type="text"] {
        padding: 0px;
        width: 73px;
        text-align: center;
    }

    .studioPricing .studioAdminBlock {
        width: 75px;
        margin-left: 4px;
    }

    .studioPricing .studioAdminBlock p {
        margin: 5px 0px;
    }

    .studioPricing .studioAdminBlock.noMargin {
        margin-left: 0px;
        margin-right: 0px;
    }

    .studioAdmin input[type="submit"] {
        width: 210px;
        height: 30px;
        margin-top: 30px;
    }

    .lastPurchase, .customersDetail, .stockList, .usersTable, .studioTable, .pricingTable2, .pricingTable, .turnkeyTable, .countryTable {
        font-size: 80%;
    }

    .lastPurchase .purchaseApprove a {
        width: 38px;
        height: 38px;
    }

    .lastPurchase .purchaseApprove {
        width: 76px;
    }

    .lastPurchase .purchaseApprove a.purchaseTickBox {
        background: url('../img/tablet/purchaseTick.png') no-repeat top left transparent;
    }

    .lastPurchase .purchaseApprove a.purchaseCrossBox {
        background: url('../img/tablet/purchaseCross.png') no-repeat top left transparent;
    }

    /*Account Details*/
    .accountDetailsLeft {
        width: 500px;
    }

    .accountDetailsRight {
        width: 443px;
    }

    .accountDetailsRight .greyTable {
        width: 433px;
    }

    .accountDetailsFormBlock input.dataField[type='text'] {
        width: 242px;
    }

    .accountDetailDesignBlock .accountDesigns {
        width: 882px;
    }

    .accountDetailDesignBlock .fiveBlock.pushLeft10 {
        margin-right: 27px;
    }

    /*Stock Area*/
    .stockArea .halfQuarterBlock input[type='button'] {
        font-size: 90%;
        height: 34px;
    }

    .stockArea .halfQuarterBlock div.pushDown input[type='button'] {
        height: 34px;
    }

    /*Turnkey Area*/
    #turnkeyNav {
        display: none;
    }

    .turnkey {
        display: none;
    }

    .tpclivedesigns {
        display: none;
    }

    #turnkeyNavFooter {
        display: none;
    }

    .apperanceKey {
        display: none;
    }

    /*Tags*/
    .tagsArea {
        display: none;
    }

    .tags .headerButtons {
        display: none;
    }

    /*Labels*/
    .labelsArea {
        display: none;
    }

    .labelForm {
        display: none;
    }

    .labels .headerButtons {
        display: none;
    }

    /* Lightweight replacement of strange margins for utility style margin */
    .marginRight2{
        margin-right: 16px !important;
    }
}