@media screen and (min-width:601px) {
    #navButton {
        display:none!important;
    }
    #navButtonSub {
        display:none!important;
    }
    div#navInner {
        display:block!important;
        float: right;
    }
    div#subMenu {
        display:block!important;
    }
    .mobileOnly {
        display:none;
    }
    #campaignCreateButton {
        color:#ffffff;
    }
    .campaignButton p span {
        color:#ffffff;
    }
    div#header {
        height:55px;
    }

}
@media screen and (max-width: 650px) {
    h1 {
        font-size:22px;
    }

    td.mobileHide {
        display: none!important;
        padding:0px!important;
    }
    strong {
        font-weight:600;
    }
    .mobileHide {
        display:none!important;
    }
    .mobileOnly {
        display:block;
    }
    p {
        max-width:100%!important;
    }
    td {
        background:none!important;
    }
    img {
        max-width:100%
    }
    input[type=submit], input[type=button] {
        background-color:#347b1e!important;
        width:96%!important;
        padding:10px 2% 10px 2%!important;
    }
    input {
        font-size:15px!important;
    }
    div {
        max-width:100%!important;
    }
    body {
        padding-left:0px!important;
        padding-right:0px!important;
    }
    div#logo {
        margin-left:10px;
        margin-top:10px;
    }
    div#header {
        overflow:auto!important;
    }
    div.content {
        width:100%!important;
    }
    div#logo {
        /*width:150px!important;*/
    }
    div#headerMiddle {
        min-width:100%!important;
        height:75px!important;
    }
    div#headerBottom {
        min-width:100%!important;
        height:auto!important;
        overflow:auto;
        background:none!important;
    }
    div#nav {
        width:100%!important;
        margin-left:0px!important;
        position: relative!important;
        height:auto!important;
        margin-top:18px!important;

    }
    #navButton {
        background-color: #349fb6;
        border-radius: 4px;
        color: #fff!important;
        display: block;
        margin-bottom: 5px;
        padding: 10px 10px;
        text-decoration: none;
        width:70px;
        float:right;
        text-align:center;
        position:absolute;
        right:10px;
        top:-65px;
    }
    #navButtonSub {
        background-color: #b33a2e;
        border-radius: 4px;
        color: #ffffff!important;
        display: block;
        margin-bottom: 10px;
        padding: 10px 10px;
        text-decoration: none;
        width:70px;
        float:right;
        text-align:center;
        position:relative;
        right:10px;
        font-size:14px;
        margin-top:10px;
    }

    #navButton:hover {
        text-decoration: underline;
    }

    #navInner {
        border-top:1px solid #b33a2e;
        margin-top:6px;
    }
    div#nav a, div#nav a:visited {
        display:block;
    }
    div#subMenu a, div#subMenu a:visited {
        display:block;
    }
    div#subMenu {
        overflow: auto;
        width: 100%;
        margin-top: 10px;
    }
    .linkContainer {
        width:100%!important;
        padding:0px!important;
        height:auto!important;
    }
    .linkContainerEnd {
        width:100%!important;
        padding:0px!important;
        height:auto!important;
    }
    .linkContainerSelected {
        width:100%!important;
        padding:0px!important;
        height:auto!important;
    }
    .linkContainerEnd {

    }

    .linkText {
        text-align:left!important;
        padding:5%!important;
        border-bottom:1px solid #b33a2e;
        background-color: white;
    }
    .linkContainer.contactItem {
        display:none;
    }
    .subLinkContainer {
        width:94%!important;
        padding:3% 3% 0% 3%!important;
        border-bottom:1px solid #b33a2e;
        background:#f16331;

    }
    .subLinkContainerSelected {
        width:94%!important;
        padding:3% 3% 0% 3%!important;
        border-bottom:1px solid #b33a2e;
        background:#f16331;

    }
    .subLinkContainer a {
        color:#ffffff!important;
    }
    .subLinkContainerSelected a {
        color:#ffffff!important;
    }
    .greenButton {
        color: #FFFFFF !important;
        background-color: #419626;
        display: block;
        text-align: center;
        width: 94%!important;
        margin: 5px 0px 5px 0px!important;
        padding: 3%!important;
        text-transform: uppercase;
    }
    label.greenButton {
        background:none;
        padding: 0!important;
        width: 100%!important;
    }
    .greenButton:after {
        display:none!important;
    }
    .contactDashboardTable {
        width:100%!important;
        margin:0px!important;
    }
    .reportsLink {
        display:none!important;
    }
    .sendDomainLink {
        display:none;
    }
    .campaignCatLink {
        display:none;
    }
    .customDataLink {
        display:none;
    }
    .invoiceLink {
        display:none;
    }
    .savedSearchesLink {
        display:none;
    }
    .subLinkContainerSelected.customDataFields {
        display:none;
    }
    .customDataFields {
        display:none;
    }
    .supportLink {
        display:none;
    }
    div#body {
        padding:1% 3% 3% 3%;
        width:94%!important;
        margin-top:0px;
    }


    .datagridTable .lbl, .datagridTable .field, .datagridTable .type, .datagridTable .modifiedcol, .datagridTable .editcol {
        width: 100%;
    }

    .datagridTable .td, .addingtd {
        margin-bottom: 10px;
    }


    /* ///// DASHBOARD ///// */
    .contactDashboardTable .greenFont {
        color: #347b1e;
        font-size: 16px!important;
        padding-top: 20px!important;
    }
    .graphWrapper {
        float:none!important;
        width:100%!important;
    }
    div#latestDashboardCampigns {
        overflow:hidden;
        margin-bottom:0px;
    }
    #latestDashboardCampigns tr {
        display:none;
    }
    #latestDashboardCampigns tr:nth-child(2) {
        display:block!important;
    }
    #latestDashboardCampigns tr td {
        font-size: 13px!important;
        width: 100%!important;
        overflow: auto;
        padding:5px 0px 5px 0px!important;
    }
    #latestDashboardCampigns span {
        float:left;
        font-weight:300;
    }
    div#latestDashboardCampigns table {
        border:0px;
    }
    h3.mobileOnly {
        font-weight:600;
        font-size:15px;
    }
    #customerGuide {
        display:none;
    }
    .left {
        width:100%!important;
    }
    .right {
        width:100%!important;
    }
    .dashboardTable th {
        display:none;
    }
    .dashboardTable, .dashboardTable tbody,  .dashboardTable tr, .dashboardTable td {
        display:block;
        width:100%!important;
    }
    .dashboardTable td {
        border:0px!important;
        width:96%!important;
        padding:2%!important;
    }
    .dashboardTable tr {
        border-bottom:1px solid #dedbde;
    }
    .ui-accordion .ui-accordion-content {
        padding:1.7%!important;
        width:96%;
    }
    .accordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons {
        width:100%!important;
    }
    div#trackingStatisticsHistory {
        width:100%!important;
    }
    td.campaignInformation {
        display:block!important;
        width:50%!important;
        float:left;
    }
    table.informationTable.campaignCatTable td {
        width:44%!important;
        float:left;
    }
    table.statsOptions {
        display:none;
    }
    a.submit, a.submit:visited {
        display:block;
        text-align:center;
        width:94%!important;
        margin:5px 0px 5px 0px!important;
        padding:3%!important;
        text-transform:uppercase;
        border:0px!important;
    }
    div#trackingStatisticsBar {
        width:100%!important;
    }
    div#highcharts-0 {
        width:100%!important;
    }
    div#deliveryStatisticsPie {
        width:100%!important;
    }
    div#highcharts-6 {
        width:100%!important;
    }
    svg {
        width:100%!important;
    }
    div#highcharts-6 svg rect {

    }
    .ui-accordion .ui-accordion-header a {
        font-size:14px!important;
    }
    g.highcharts-legend-item rect {

    }
    g.highcharts-legend > rect {

    }
    .highcharts-contextmenu {

    }
    .highcharts-contextmenu div div {

    }
    .totalContactsTab th {
        display:block!important;
        width:96%!important;
        border:0px!important;
        padding:2%!important;
    }
    .ui-widget-header {
        margin-bottom:10px!important;
    }
    div#tabs {
        margin:0px!important;
    }
    form#guideform > div > div {
        width:100%!important;
    }
    form#guideform table {
        overflow:hidden;
    }
    form#guideform table, form#guideform table tbody, form#guideform table tr, form#guideform table td {
        width:100%!important;
        display:block!important;
        overflow: auto;
    }
    .searchOpt4 {
        width:100%;
        margin:0%;
        margin-bottom:15px;
        margin-top:15px;
    }
    .searchAccordion input[type=button] {
        margin-right:0px!important;
    }
    .searchOpt1, .searchOpt2, .searchOpt3, .searchOpt4 {
        min-height:10px!important;
    }
    div#tabs {
        width:95%!important;
        margin-top:20px!important;
        padding:2%!important;
    }
    .ui-tabs {
        padding:0px!important;
    }
    .ui-tabs .ui-tabs-panel {
        padding:0px!important;
    }
    table.tblCurrentSearchTable {
        width:96%!important;
        padding:2%!important;
        max-width:100%!important;
    }
    .tblSavedSearchTableR2C1 {
        padding:0px!important;
    }
    table.tblCurrentSearchTop, table.tblCurrentSearchTop tbody, table.tblCurrentSearchTop tr, table.tblCurrentSearchTop td {
        display:block!important;
        width:100%!important;
    }
    table.tblCurrentSearchTop div {
        padding:2%!important;
    }
    .tblCurrentSearchTop td, .tblCurrentSearchBottom td {
        padding:0px!important;
    }
    .tblCurrentSearchTop, .tblCurrentSearchBottom {
        max-width:100%!important;
    }
    td.tblSavedSearchTableR2C1 input {
        margin-bottom:10px;
    }
    .tblCurrentSearchTopR1C2 div {
        float:left;
    }
    .tblCurrentSearchBottomR1C1 div {
        padding-left:0px;
    }
    table.savebox {
        width:94%!important;
        padding:0%!important;
    }
    table.savebox {
        max-width: 94%!important;
        padding: 2%!important;
    }
    input#searchName {
        border:0px!important;
        margin-bottom:10px;
    }


    /* /// CAMPAIGN ///*/
    .arrowBox {
        position: initial;
        float: left;
        margin-right:20px;
    }
    .campaignTable {
        float: left!important;
    }
    #fromDate {
        margin-left: 0!important;
    }
    #leftFilterInputs {
        width: 98%!important;
    }
    #rightFilterInputs {
        width: 98%!important;
    }
    .filterSelection select {
        display:block!important;
        width: 100%!important;
    }
    #rightFilterInputs input {
        margin: 4px 18px 6px 0!important;
    }
    div#toDate {
        margin-left: 0!important;
    }
    .filterDates {
        display: block!important;
        width: 87%!important;
    }
    #campaignFilter {
        height: 316px!important;
    }
    #rightFilterInputs #filterSubmit {
        margin: 5px 0!important;
        float: none!important;
    }
    #campaignFilter #rightFilterInputs span.add-on {
        margin-top: 4px!important;
        height: 23px!important;
    }
    #campaignFilter #filterSearchTerm {
        margin: 3px 15px 10px 0!important;
    }


    /* /// REGISTER ///*/
    div#registerBody {
        width:90%!important;
        margin:3%!important;
        padding:2%!important;
    }
    input[type=text], input[type=password] {
        width:96%!important;
        padding:2%!important;
    }
    div.formRegisterContent .formRegisterRow {
        margin:20px 0px 20px 0px!important;
        width:100%!important;
    }
    .formRegisterInput {
        width:100%!important;
    }
    .formRegisterInput div {
        padding:0px!important;
        width:100%!important;
        text-align:center;
        padding-bottom:10px!important;
    }
    .formRegisterInput > .formRegisterInput > div {
        padding:0px!important;
    }
    input#humanCheck {
        width:90%!important;
        margin:3%!important;
    }
    input[type=submit], input[type=button] {
        padding:3%!important;
        width:100%!important;
        display:block;
        padding:3%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height:auto!important;
        text-transform:uppercase;
        border:0px!important;
    }
    .passwordRecoveryLink {
        text-align:center;
        font-size:14px;
        margin:10px 0px 6px 0px;

    }
    .passwordRecoveryLink a {
        color:#414042!important;
    }
    .footerText {
        width:100%!important;
        text-align:center;
        padding-bottom:30px;
    }
    .campaignButton {
        display:none;
    }
    table.informationTable, table.informationTable tbody, table.informationTable tr {
        display:block!important;
        width:100%!important;
    }
    table.informationTable th {
        display:none;
    }
    table.informationTable td {
        display:block!important;
        width:94%!important;
        padding:3%;
        float:left;
    }
    .informationTable tr:last-child td {
        border-bottom:0px!important;
    }
    .informationTable td {
        /* border:0px!important;*/
    }
    table.informationTable a#previewCampaignButton, table.informationTable .attainicon-editSubjectTitle, table.informationTable .attainicon-edit, table.informationTable .attainicon-duplicate, table.informationTable .attainicon-delete {
        display:none;
    }
    div.pagination {
    }
    #paginationContent {
        float: left;
        font-size: 16px;
        margin-top: 10px;
    }
    a.pages {
        padding: 0px 20px 0px 0px!important;
        margin-top: 10px!important;
        display: inline-block;
    }
    table.informationTable.creditHistoryTable td:nth-child(even) {
        width:44%!important;
        float:left;
    }
    table.informationTable.creditHistoryTable td:nth-child(odd) {
        width:44%!important;
        float:left;
    }
    .contactDetails {
        width:100%!important;
        padding:0px!important;
        font-size:14px;
    }
    .contactDetails h3 {
        font-size:14px;
    }
    .contactDetails p {
        font-size:15px;
    }
    .contactDetails h3 {
        font-weight:bold;
        font-size:18px;
    }
    div.formContent {
        margin:0px!important;
    }
    div.formContent .formRow {
        margin:2%!important;;
        width:96%!important;
        clear:both;
    }
    div.formRow .formLabel {
        width:100%;
    }
    fieldset {
        width:100%!important;
    }
    div.formRow .formInput {
        width:100%!important;
    }
    div.formRow .formInput input {
        width:93%!important;
        padding:3%!important;
    }
    form#frmAddSingleContact {

    }
    .optionIcon {
        width:100%;
        margin:0px;
    }
    .optionTypeImage {
        width:100%;
    }
    table.informationTable, table.informationTable tbody, table.informationTable tr, table.informationTable td {
        display:block!important;
        overflow:auto;

    }
    table.informationTable tr {
        border-bottom:1px solid #000000;
    }
    div#ui-datepicker-div {
        width: 88%;
        padding: 1%;
        left: 5%!important;
    }
    .sendDomainTable tr td {
        border:0px!important
    }
    .sendDomainTable tr:last-child td {
        border:0px!important
    }
    #dashboardWrapper .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom {
        display:block!important;
        margin-bottom:10px;
    }
    #dashboardWrapper span.ui-icon.ui-icon-triangle-1-e {
        display:none;
    }
    #dashboardWrapper span.ui-icon.ui-icon-triangle-1-s {
        display:none;
    }
    #dashboardWrapper .ui-accordion-icons .ui-accordion-header a {
        padding-left:0px!important;
        text-align:center;
    }
    .ui-accordion-icons .ui-accordion-header a {
        font-weight:600;
        font-size:16px!important;
    }
    div#tabsLeft {
        width:90%!important;
    }

    div#tabsRight {
        margin:10px 0px 0px 0px!important;
        width:100%!important;
    }
    .campaignCatTable td {
        width:44%!important;
    }
    g.highcharts-button {
        display:none;
    }
    .searchOpt1 {
        padding-right:0px!important;
    }
    table.informationTable.userTable td {
        width:44%!important;
        float:left;
    }
    table.informationTable.campaignResultsTable td {
        width:44%!important;
        float:left;
        word-break:break-all;
    }
    ul#selectable {
        width:100%!important;
        overflow:auto;
    }
    #selectable li {
        margin: 1%!important;
        width: 29%!important;
        padding: 1%!important;
        height:44px;
    }
    table.informationTable.trackingTable td {
        width: 44%!important;
        float: left;
        min-height: 35px;
        padding: 5px 3% 5px 3%!important;
    }

    td#campaignStatus {
        display:none!important;
    }
    table.informationTable.latestCampaignsTable {
        margin-bottom:20px!important;
    }
    table.informationTable.latestCampaignsTable tr {
        border-bottom:1px solid #ccc!important;
    }
    table.informationTable.latestCampaignsTable td {
        border:0px!important;
    }
    table.informationTable.latestCampaignsTable td.sentTd {
        width:94%!important;
        float:right;
    }
    table.informationTable.latestCampaignsTable td.campaignStatusTd {
        width:30%!important;
        float:right;
    }
    td.campaignStatusTd.mobileHide {
        display:none!important;
    }
    td.mobileOnly.mobileStatusIcon {
        width: 40px!important;
    }
    .informationTable .campaignOptions {
        width:190px!important;
    }
    [class^="attainicon-"], [class*=" attainicon-"] {
        font-size:4.2em!important;
    }
    .campaignIcons {
        width: 40px;
        padding: 16px 5px 0px 5px!important;
        height: 36px!important;
    }
    .attainModalButton, div#sendTestEmail {
        padding:3%!important;
        width:94%!important;
        text-align:left!important;
        text-transform:uppercase!important;
    }
    #addTestRecipient span {
        margin-left:0px!important;
    }
    table.statsList {
        width:100%;
    }
    table.statsList th, table.statsList td {

        font-size:14px!important;
    }
    td.viewListTd {
        overflow: auto;
        color: #FFFFFF !important;
        background-color: #56c957!important;
        display: block;
        text-align: center;
        width: 100%!important;
        margin: 5px 0px 5px 0px!important;
        padding: 2%!important;
        text-transform: uppercase;
        text-align:center!important;
    }
    td.viewListTd a {
        display: block;
        padding: 6px 0px 6px 0px;
    }
    table.statsList a {
        color:#ffffff!important;
    }
    table.statsList tr th, table.statsList tr td {
        text-align: left;
        padding: 5px 0px 5px 0px!important;
        display: block;
        float: left;
        width:50%;
    }
    table.statsList th {
        font-weight:600;
        font-size:16px;
    }
    .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
        height:auto!important;
    }
    .accordion.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons {
        margin-left:0px!important;
    }

    .campaignStatisticsContent .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
        height:0px!important;
        padding: 0px!important;
    }
    .campaignStatisticsContent .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom {
        height:auto!important;
        display:block!important;
    }
    div#dashboardWrapper .ui-accordion .ui-accordion-header {
        padding:0%!important;
    }
    .ui-accordion .ui-accordion-header {
        padding:3%;
    }
    .ui-accordion .ui-accordion-header .ui-icon {
        left:.3em!important;
    }
    .ui-accordion .ui-accordion-header-active {
        border-bottom: 1px solid #aaaaaa!important;
    }
    input#scheduleDateInput {
        padding:3px!important;
        height:34px;
    }
    input#scheduleTime {
        padding:3px!important;
        height:34px;
    }
    .exportListTable td {
        display:block;
    }
    div#tabsLeft {
        width: 100%!important;
        border: 0px;
    }
    .ui-tabs .ui-tabs-nav {
        margin:0px!important;
    }
    .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-left.timepicker-orient-top.open {
        width: 82%;
        float: left;
        left: 0;
        margin-left: 0px;
        padding: 2%!important;
    }
    .contactDetails {
        min-height: 0;
        background: none;
    }

    #findtext {
        margin-bottom: 10px!important;
    }

    .buttons {
        height: 75px!important;
        padding-top: 10px;
        text-align: center;
    }
    .mapButtonRange {
        width: calc(100% - 30px)!important;
        margin-left: 0!important;
    }
    /* /// LOGIN /// */
    div#securityLogo {
        width: 200px;
        background-size: contain!important;
        margin: 0px auto;
        margin-top: 10px;
    }
    div.securityContent {
        width:86%!important;
        padding:2%!important;
        margin:5%!important;
    }
    div.securityContent h2 {
        text-align:center;
        margin:5px 0px 5px 0px;
        font-size:18px;
    }
    div.securityContent input {
        text-align:center;
    }
    div.formLoginRow .formLoginLabel {
        width:100%!important;
        text-align:center;

    }
    div.formLoginRow .formLoginLabel label {
        color:#414042!important;
    }
    div.formLoginContent .formLoginRow {
        width:100%!important;
    }
    .footerText {
        display:none;
    }
    div#adminBar span {
        width:96%!important;
        padding:2%;!important
    }

    div#footer > .content {
        display:none;
    }
    /* /// FOOTER /// */
    div#footer {
        width:100%!important;
        padding:0%!important;
        height:60px!important;
        background-color:#ffffff!important;
        word-break:break-all;
    }
    div#footer #copyright {
        padding:2%;
        width:96%;
    }
    div#adminBar span {
        display:block;
        width:100%;
        font-size:12px!important
    }
    span#domianIDFooter {
        text-align:left;
    }
    div#footer div {
        height:auto!important;
        overflow:auto;
    }
    select#domains {
        margin:0px;
    }
    div#footer label {
        display:none!important;
    }
    select#domains {
        width: 70%;
        height: 30px;
        display: block;
        border: 1px;
        padding:0px;
        margin:6px 3% 0px 3%;
    }
}
@media screen and (max-width: 768px) {
    td.keyStats {
        width: 147px;
        font-size: 20px;
        padding: 7px;
    }
    .StatsSize {
        font-size: 20px;
        padding: 7px;
    }
    .statsDifference {
        font-size: 20px;
        padding: 7px;
    }
}
@media screen and (max-width: 425px) {
    td.keyStats {
        max-width: 62px;
        font-size: 12px;
        padding: 7px;
        text-align: center;
    }
    .StatsSize {
        font-size: 12px;
        padding: 5px;
        text-align: center;
    }
    .statsDifference {
        font-size: 13px;
        padding: 5px;
        text-align: center;
    }
    .avgStats {
        display: none;
    }
}
/* max device width for a iphone */
@media screen and (max-width: 375px) {
    td.keyStats {
        max-width: 62px;
        font-size: 12px;
        padding: 7px;
        text-align: center;
    }
    .StatsSize {
        font-size: 12px;
        padding: 5px;
        text-align: center;
    }
    .statsDifference {
        font-size: 13px;
        padding: 5px;
        text-align: center;
    }
    .avgStats {
        display: none;
    }
}