.responsiveCampaignLink {
  display: none;
}

/*========== STYLES FOR DEVICES WITH 768PX DISPLAY (TABLET) ==========*/
@media only screen and (max-width: 768px) {
  .container {
    width: 100%;
  }
  /* HEADER */
  .navbar-fixed {
    height: 64px;
  }
  .navbar-fixed .header {
    max-width: 768px;
  }
  .navbar-fixed .header .container .brand-logo {
    left: 0;
    transform: none;
    margin: 0 10px;
    overflow: hidden;
    height: 64px;
  }
  .navbar-fixed .header .container .brand-logo img {
    margin: 12px 0;
  }
  .navbar-fixed .header .container .mobileMenu {
    height: 64px;
    width: 64px;
  }
  .navbar-fixed .header .container .mobileMenu .mobileMenu__burger {
    width: 64px;
  }
  .navbar-fixed .header .container .mobileMenu .mobileMenu__burger i {
    text-align: center;
  }
  .navbar-fixed .header .container .mobileMenu ul {
    left: 0;
    right: 0;
  }
  .navbar-fixed .header .container .mobileMenu ul li a {
    display: block;
    cursor: pointer;
  }
  .navbar-fixed .header .container .mobileMenu ul li a:hover {
    background: #eee;
  }
  /* CONTENT BLOCK */
  #page-container {
    /* Funding Page */
    /* Settings Page */
    /* Referrals Page */
    /* Sites List Page */
    /* Sites Wizard Page */
    /* Integrate page */
    /* Campaigns List Page */
    /* Campaigns Wizard Page */
    /* Campaigns Report Page */
    /* Publisher Home Page */
    /* Campaign Approval Page */
  }
  #page-container #paymentFormContainer .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container #paymentFormContainer .row .col.s6 {
    width: 70%;
  }
  #page-container #paymentFormContainer .row .col.s4 {
    width: 45%;
  }
  #page-container #paymentFormContainer .row .col.s2 {
    width: 25%;
  }
  #page-container #paymentFormContainer .row .col.s3 {
    width: 35%;
  }
  #page-container #paymentFormContainer .row .col.push-s3 {
    left: 15%;
  }
  #page-container .user-settings .row,
  #page-container .password-change .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container .user-settings .row .col.s6,
  #page-container .password-change .row .col.s6 {
    width: 70%;
  }
  #page-container .user-settings .row .col.push-s3,
  #page-container .password-change .row .col.push-s3 {
    left: 15%;
  }
  #page-container #referrals-page .row {
    margin-right: 0;
    margin-left: 0;
    padding-right: 20px;
    padding-left: 20px;
  }
  #page-container #sites-list-page .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container #sites-list-page .row #sitesListContainer {
    overflow: auto;
  }
  #page-container #sites-list-page .row #sitesListContainer #sitesList {
    width: 768px;
  }
  #page-container #site-wizard .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container #site-wizard .row .col.s6 {
    width: 70%;
  }
  #page-container #site-wizard .row .col.push-s3 {
    left: 15%;
  }
  #page-container #integratePageContainer .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container #integratePageContainer .page-title {
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
  }
  #page-container #integratePageContainer #embedTypesContainer {
    margin-top: -20px;
    padding: 10px 0;
    overflow: auto;
  }
  #page-container #integratePageContainer #embedTypesContainer .embedTypes > .col.s6 {
    width: 90%;
    left: 5%;
  }
  #page-container #integratePageContainer #embedTypesContainer .embedTypes #expendableImage {
    max-width: 431px !important;
    max-height: 268px !important;
    width: 100% !important;
    height: auto !important;
  }
  #page-container #integratePageContainer #embedTypesContainer .embedTypes #expendableImage img {
    max-width: 431px !important;
    max-height: 268px !important;
    width: 100% !important;
    height: auto !important;
  }
  #page-container #integratePageContainer .embedExample .col.s6 {
    width: 80%;
    left: 10%;
  }
  #page-container #integratePageContainer #videosTimeout .row .col.s6,
  #page-container #integratePageContainer #pageOverlayEvent .row .col.s6 {
    width: 90%;
    left: 5%;
  }
  #page-container #integratePageContainer #videosTimeout .row .col.s3,
  #page-container #integratePageContainer #pageOverlayEvent .row .col.s3 {
    width: 45%;
    left: 5%;
  }
  #page-container #integratePageContainer #integrate-units .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container #integratePageContainer #integrate-units .row .col.s10 {
    width: 90%;
  }
  #page-container #integratePageContainer #integrate-units .row .col.push-s1 {
    left: 5%;
  }
  #page-container #integratePageContainer #integrate-units .row .col .btn-flat {
    width: 100%;
    text-align: center;
  }
  #page-container #integratePageContainer #integrate-units .row .col .setEmbed {
    width: 100%;
    text-align: center;
  }
  #page-container #campaignsListPage {
    width: 100%;
  }
  #page-container #campaignsListPage .row {
    margin-left: 0;
    margin-right: 0;
  }
  #page-container #campaignsListPage .page-header {
    display: block;
  }
  #page-container #campaignsListPage .page-header .page-title {
    display: block;
    width: 100%;
    float: none !important;
    text-align: center;
    margin-bottom: 20px;
  }
  #page-container #campaignsListPage .page-header #statusPicker {
    float: none !important;
  }
  #page-container #campaignsListPage .campaigns-actions .col {
    width: 100%;
    float: none !important;
  }
  #page-container #campaignsListPage .campaigns-actions .col .add-campaign-btn {
    width: 50%;
    margin: 0 auto;
    display: block;
  }
  #page-container #campaignsListPage .campaigns-actions .campaignsDatePickerContainer {
    display: none;
  }
  #page-container #campaignsListPage #campaignsListContainer {
    overflow: auto;
  }
  #page-container #campaignsListPage #campaignsListContainer #campaignsList {
    width: 1000px;
  }
  #page-container #campaignsPagesContainer .row {
    margin-left: 0;
    margin-right: 0;
  }
  #page-container #campaignsPagesContainer #configurate #campaignsWizardUnitPreview {
    overflow: auto;
    width: 100%;
    margin: -20px 0 20px;
  }
  #page-container #campaignsPagesContainer #configurate #campaignsWizardUnitPreview > div {
    padding: 0;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configurationTabs li a {
    font-size: 12px;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .input-field label {
    width: auto;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .autoPlayBlockTitle {
    width: 30%;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .autoPlayBlockCheckbox,
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .autoPlayBlockTooltip {
    width: 20%;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .additionalOptionsButtons {
    margin-top: 10px;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .additionalOptionsButtons .btn {
    width: 50%;
    float: none;
    margin: 0 auto 5px;
    display: block;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .uploadImageBlock,
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .uploadVideoBlock {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .uploadImageBlock > span,
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .uploadVideoBlock > span {
    display: block;
    text-align: center;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #targeting .partTitle {
    text-align: center;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #targeting .input-field label {
    width: auto;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #targeting .countriesSelect,
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #targeting .countriesCheckbox {
    width: 100%;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #targeting .countriesSelect label.active {
    transform: translateY(-180%);
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #targeting .countriesCheckbox {
    text-align: center;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #targeting .campaignsCategories {
    margin-top: 30px;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .input-field label {
    width: auto;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .ytBudgetValue {
    width: 50%;
    margin: 0 auto;
    display: block;
    float: none;
    overflow: hidden;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .ytBudgetValue input {
    text-align: center;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .bidPriceTitle {
    width: 100%;
    text-align: center;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .bidPriceValue {
    width: 40%;
    left: 25%;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .bidPriceTooltip {
    width: 20%;
    left: 25%;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .bidPriceExample {
    width: 100%;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .bidPriceExample .btn {
    width: 60%;
    margin: 0 auto;
    display: block;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .bidPriceStatus {
    width: 100%;
    text-align: center;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .bidPriceStatus label {
    position: static;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .budgetTitle {
    width: 100%;
    text-align: center;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .budgetBtn {
    width: 50%;
    text-align: center;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .budgetValue {
    width: 50%;
    margin: 0 auto;
    display: block;
    float: none;
    overflow: hidden;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .budgetValue input {
    text-align: center;
  }
  #page-container #campaignsReportPage .row {
    margin-left: 0;
    margin-right: 0;
  }
  #page-container #campaignsReportPage #campaignSelectBlock {
    width: 65%;
  }
  #page-container #campaignsReportPage #reportPeriodBlock {
    width: 35%;
    float: right;
  }
  #page-container #campaignsReportPage #reportPeriodBlock label {
    width: auto;
  }
  #page-container #campaignsReportPage #reportButtonBlock {
    width: 100%;
  }
  #page-container #campaignsReportPage #reportButtonBlock .btn {
    margin-top: 0 !important;
  }
  #page-container #campaignsReportPage #reportTableContent {
    width: 95%;
    display: block;
    margin: 0 auto;
    overflow: auto;
  }
  #page-container #campaignsReportPage #reportTableContent #tableHead,
  #page-container #campaignsReportPage #reportTableContent #tableBody {
    width: 1000px;
  }
  #page-container #publisherHomePage .row {
    margin-left: 0;
    margin-right: 0;
  }
  #page-container #publisherHomePage .relPos {
    position: relative;
  }
  #page-container #publisherHomePage #siteStatisticsContainer {
    overflow: auto;
  }
  #page-container #publisherHomePage #siteStatisticsContainer #sitesStatistics {
    width: 1000px;
  }
  #page-container #publisherHomePage #siteStatisticsContainer #sitesStatistics .srLinkCol {
    display: none !important;
  }
  #page-container #publisherHomePage #siteStatisticsContainer > h5 {
    text-align: center;
  }
  #page-container #publisherHomePage #siteStatisticsContainer .listProgress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #page-container #approvalPage {
    padding: 0 20px;
  }
  #page-container #approvalPage #referrerCodeInput {
    width: 100% !important;
  }
  /* Datepicker */
  .daterangepicker .ranges .applyBtn {
    width: 48%;
  }
  .daterangepicker .ranges .cancelBtn {
    width: 48%;
    float: right;
  }
  #inArticleExampleModal,
  #engagementExampleModal {
    max-width: 500px;
    width: 90%;
  }
  #inArticleExampleModal .modalImageContainer,
  #engagementExampleModal .modalImageContainer {
    width: 100% !important;
    height: auto !important;
  }
  #inArticleExampleModal .modalImageContainer img,
  #engagementExampleModal .modalImageContainer img {
    width: 100% !important;
    height: auto !important;
  }
  /* FOOTER */
  footer {
    height: auto;
    line-height: 20px;
  }
  footer .container {
    width: auto;
    padding: 20px;
  }
}

.ytBudgetCounter {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 0;
}

.ytBudgetCounter label {
  position: inherit;
  width: 100% !important;
  text-align: center;
  left: 0 !important;
}

.increase_ytBudgetCounter label {
  position: inherit;
}

@media only screen and (max-width: 700px) {
  #page-container #campaignsPagesContainer #create .campaigns-buttons .block {
    width: 100%;
    margin-bottom: 20px;
  }
  #page-container #campaignsPagesContainer #create .campaigns-buttons .block .title {
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 500px) {
  #page-container {
    /* Campaigns Report Page */
  }
  #page-container #campaignsReportPage .row {
    margin-left: 0;
    margin-right: 0;
  }
  #page-container #campaignsReportPage #campaignSelectBlock {
    width: 100%;
  }
  #page-container #campaignsReportPage #reportPeriodBlock {
    width: 100%;
    float: left;
  }
  #page-container #campaignsReportPage #reportPeriodBlock label {
    width: auto;
  }
  #page-container #campaignsReportPage #reportButtonBlock {
    width: 100%;
  }
  #page-container #campaignsReportPage #reportButtonBlock .btn {
    margin-top: 0 !important;
  }
  #page-container #campaignsReportPage #reportTableContent {
    width: 95%;
    display: block;
    margin: 0 auto;
    overflow: auto;
  }
  #page-container #campaignsReportPage #reportTableContent #tableHead,
  #page-container #campaignsReportPage #reportTableContent #tableBody {
    width: 1000px;
  }
  #campaign-box,
  #channel-list {
    width: 90%;
    left: 5%;
    right: 5%;
  }
  #campaign-box h5,
  #channel-list h5 {
    line-height: 130%;
  }
}

/*========== STYLES FOR DEVICES WITH 480PX DISPLAY ==========*/
@media only screen and (max-width: 480px) {
  /* CONTENT BLOCK */
  #page-container {
    /* Publisher Home Page */
    /* Integrate page */
  }
  #page-container #publisherHomePage .page-header {
    display: block;
  }
  #page-container #publisherHomePage .page-header .page-title {
    display: block;
    width: 100%;
    float: none !important;
    text-align: center;
    margin-bottom: 20px;
  }
  #page-container #publisherHomePage .page-header .site-select-block {
    width: 100%;
    float: none !important;
  }
  #page-container #publisherHomePage .page-header .site-select-block .btn {
    width: 100%;
  }
  #page-container #integratePageContainer .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container #integratePageContainer .embedExample .col.s8 {
    width: 100%;
    left: 0;
  }
  #page-container #campaignsPagesContainer #create .campaigns-buttons .block {
    width: 100%;
    margin-bottom: 20px;
  }
  #page-container #campaignsPagesContainer #create .campaigns-buttons .block .title {
    width: 100%;
    text-align: center;
  }
}

/*========== STYLES FOR DEVICES WITH 425PX DISPLAY ==========*/
@media only screen and (max-width: 425px) {
  /* CONTENT BLOCK */
  #page-container {
    /* Funding Page */
    /* Referrals Page */
    /* Settings Page */
    /* Sites Wizard Page */
    /* Campaigns List Page */
    /* Campaigns Wizard Page */
    /* Campaigns Report Page */
    /* Publisher Home Page */
    /* Sites List Page */
    /* Campaign Approval Page */
  }
  #page-container .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container #paymentFormContainer .row .col.s6 {
    width: 90%;
  }
  #page-container #paymentFormContainer .row .col.s4 {
    width: 50%;
  }
  #page-container #paymentFormContainer .row .col.s2 {
    width: 40%;
  }
  #page-container #paymentFormContainer .row .col.s3 {
    width: 45%;
  }
  #page-container #paymentFormContainer .row .col.push-s3 {
    left: 5%;
  }
  #page-container #referrals-page .referrals_input {
    width: 100% !important;
  }
  #page-container .user-settings .row,
  #page-container .password-change .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container .user-settings .row .col.s6,
  #page-container .password-change .row .col.s6 {
    width: 90%;
  }
  #page-container .user-settings .row .col.push-s3,
  #page-container .password-change .row .col.push-s3 {
    left: 5%;
  }
  #page-container #site-wizard .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container #site-wizard .row .col.s6 {
    width: 90%;
  }
  #page-container #site-wizard .row .col.push-s3 {
    left: 5%;
  }
  #page-container #campaignsListPage .campaigns-actions .col .add-campaign-btn {
    width: 100%;
  }
  #page-container #campaignsPagesContainer .steps {
    width: 330px;
  }
  #page-container #campaignsPagesContainer .steps .step.step-2 {
    left: 90px;
  }
  #page-container #campaignsPagesContainer .steps .step.step-3 {
    left: 180px;
  }
  #page-container #campaignsPagesContainer .steps .step.step-4 {
    left: 270px;
  }
  #page-container #campaignsPagesContainer .steps.steps--short {
    width: 280px;
  }
  #page-container #campaignsPagesContainer .steps.steps--short .step.step-2 {
    left: 0;
  }
  #page-container #campaignsPagesContainer .steps.steps--short .step.step-3 {
    left: 110px;
  }
  #page-container #campaignsPagesContainer .steps.steps--short .step.step-4 {
    left: 220px;
  }
  #page-container #campaignsPagesContainer #create .campaigns-buttons .block {
    width: 100%;
    margin-bottom: 20px;
  }
  #page-container #campaignsPagesContainer #create .campaigns-buttons .block .title {
    width: 100%;
    text-align: center;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configurationTabs li a {
    font-size: 12px;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .input-field label {
    width: auto;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .autoPlayBlockTitle {
    width: 40%;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .autoPlayBlockCheckbox,
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .autoPlayBlockTooltip {
    width: 20%;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .additionalOptionsButtons {
    margin-top: 10px;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #configure .additionalOptionsButtons .btn {
    width: 100%;
    margin-bottom: 5px;
  }
  #page-container #campaignsPagesContainer #configurate #configuratingBlock #budget .input-field label {
    width: auto;
  }
  #page-container #campaignsPagesContainer #pixel #pixelFormContainer .pixel-form .col.s6 {
    width: 90%;
    left: 5%;
    right: 5%;
  }
  #page-container #campaignsPagesContainer #pixel #pixelFormContainer .pixel-form .col.s4 {
    width: 70%;
    left: 5%;
  }
  #page-container #campaignsPagesContainer #pixel #pixelFormContainer .pixel-form .col.s2 {
    width: 25%;
    right: 5%;
  }
  #page-container #campaignsPagesContainer #paymentFormContainer #cancelPayment {
    width: 100%;
    margin-bottom: 10px;
  }
  #page-container #campaignsPagesContainer #paymentFormContainer #confirmPayment {
    width: 100%;
  }
  #page-container #campaign-box,
  #page-container #channel-list {
    width: 90%;
    left: 5%;
    right: 5%;
  }
  #page-container #campaign-box h5,
  #page-container #channel-list h5 {
    line-height: 130%;
  }
  #page-container #campaignsReportPage .row {
    margin-left: 0;
    margin-right: 0;
  }
  #page-container #campaignsReportPage #campaignSelectBlock {
    width: 100%;
  }
  #page-container #campaignsReportPage #reportPeriodBlock {
    width: 100%;
    float: left;
  }
  #page-container #campaignsReportPage #reportPeriodBlock label {
    width: auto;
  }
  #page-container #campaignsReportPage #reportButtonBlock {
    width: 100%;
  }
  #page-container #campaignsReportPage #reportButtonBlock .btn {
    margin-top: 0 !important;
  }
  #page-container #campaignsReportPage #reportTableContent {
    width: 95%;
    display: block;
    margin: 0 auto;
    overflow: auto;
  }
  #page-container #campaignsReportPage #reportTableContent #tableHead,
  #page-container #campaignsReportPage #reportTableContent #tableBody {
    width: 1000px;
  }
  #page-container #publisherHomePage .row {
    margin-left: 0;
    margin-right: 0;
  }
  #page-container #publisherHomePage .page-header {
    display: block;
  }
  #page-container #publisherHomePage .page-header .page-title {
    display: block;
    width: 100%;
    float: none !important;
    text-align: center;
    margin-bottom: 20px;
  }
  #page-container #publisherHomePage .page-header .site-select-block {
    width: 100%;
    float: none !important;
  }
  #page-container #publisherHomePage .page-header .site-select-block .btn {
    width: 100%;
  }
  #page-container #publisherHomePage #siteReportConfigure .col.s6 {
    width: 100%;
  }
  #page-container #publisherHomePage .relPos {
    position: relative;
  }
  #page-container #publisherHomePage #siteStatisticsContainer {
    overflow: auto;
  }
  #page-container #publisherHomePage #siteStatisticsContainer #sitesStatistics {
    width: 1000px;
  }
  #page-container #publisherHomePage #siteStatisticsContainer #sitesStatistics .srLinkCol {
    display: none !important;
  }
  #page-container #publisherHomePage #siteStatisticsContainer > h5 {
    text-align: center;
  }
  #page-container #publisherHomePage #siteStatisticsContainer .listProgress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #page-container #sites-list-page .row {
    margin-right: 0;
    margin-left: 0;
  }
  #page-container #sites-list-page .row #sitesListContainer {
    overflow: auto;
  }
  #page-container #sites-list-page .row #sitesListContainer #sitesList {
    width: 500px;
  }
  #page-container #approvalPage {
    padding: 0 20px;
  }
  #page-container #approvalPage #referrerCodeInput {
    width: 100% !important;
  }
  #page-container #approvalPage #approvalShareTitle {
    width: 100%;
    text-align: center;
  }
  #page-container #approvalPage #approvalShareButtons {
    float: none !important;
  }
  #page-container #approvalPage #approvalShareButtons .btn {
    width: 100%;
    margin: 0 0 10px;
  }
  /* FOOTER */
  footer {
    height: auto;
    line-height: 20px;
  }
  footer .container {
    width: auto;
    padding: 20px;
  }
}

/*========== STYLES FOR DEVICES WITH 350PX DISPLAY ==========*/
@media only screen and (max-width: 350px) {
  /* HEADER */
  .navbar-fixed {
    height: 47px;
  }
  .navbar-fixed .header {
    position: relative;
    height: 47px;
    line-height: 47px;
  }
  .navbar-fixed .header .container {
    width: 100%;
  }
  .navbar-fixed .header .container .brand-logo {
    transform: none;
    left: auto;
    margin: 10px;
    display: inline-block;
    line-height: 27px;
    height: 27px;
  }
  .navbar-fixed .header .container .brand-logo img {
    width: 100px;
    height: 27px;
    margin: 0;
  }
  .navbar-fixed .header .container .mobileMenu {
    width: 47px;
    height: 47px;
  }
  .navbar-fixed .header .container .mobileMenu .mobileMenu__burger {
    margin: 0;
    width: 47px;
    height: 47px;
    line-height: 47px;
  }
  .navbar-fixed .header .container .mobileMenu .mobileMenu__burger i {
    line-height: 47px;
  }
  .navbar-fixed .header .container .mobileMenu .mobileMenu__nav {
    top: 47px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.9);
  }
  .navbar-fixed .header .container .mobileMenu .mobileMenu__nav li {
    background: none;
    text-align: center;
  }
  .navbar-fixed .header .container .mobileMenu .mobileMenu__nav li a {
    color: #fff;
  }
  /* CONTENT */
  #page-container {
    width: 100%;
    /* USER SETTINGS PAGE */
    /* Campaigns List Page */
    /* Campaigns Wizard Page */
  }
  #page-container .row {
    margin-left: 0;
    margin-right: 0;
  }
  #page-container .user-settings .col,
  #page-container .password-change .col {
    float: none;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
  #page-container .user-settings .col label,
  #page-container .password-change .col label {
    width: auto !important;
  }
  #page-container #campaignsPagesContainer .steps {
    width: 280px;
    margin: 20px auto 30px;
  }
  #page-container #campaignsPagesContainer .steps .step {
    width: 40px;
    height: 40px;
  }
  #page-container #campaignsPagesContainer .steps .step .content {
    width: 40px;
    height: 40px;
  }
  #page-container #campaignsPagesContainer .steps .step .content .number {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
  }
  #page-container #campaignsPagesContainer .steps .step .content .step-label {
    top: 40px;
    font-size: 14px;
  }
  #page-container #campaignsPagesContainer .steps .step.step-2 {
    left: 80px;
  }
  #page-container #campaignsPagesContainer .steps .step.step-3 {
    left: 160px;
  }
  #page-container #campaignsPagesContainer .steps .step.step-4 {
    left: 240px;
  }
  #page-container #campaignsPagesContainer .steps .line {
    height: 6px;
    top: 17px;
  }
  #page-container #campaignsPagesContainer .steps.steps--short {
    width: 200px;
  }
  #page-container #campaignsPagesContainer .steps.steps--short .step.step-3 {
    left: 80px;
  }
  #page-container #campaignsPagesContainer .steps.steps--short .step.step-4 {
    left: 160px;
  }
  #page-container #campaignsPagesContainer #create .row .col h5 {
    font-size: 1.3rem;
    margin-bottom: 0;
  }
  #page-container #campaignsPagesContainer #create .campaigns-buttons .block {
    width: 100%;
    margin-bottom: 20px;
  }
  #page-container #campaignsPagesContainer #create .campaigns-buttons .block .icon {
    width: 80px;
    height: 80px;
    background-size: 80px 80px;
  }
  #page-container #campaignsPagesContainer #create .campaigns-buttons .block .title {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
  }
  #page-container #campaignsPagesContainer #pixel #pixelFormContainer .pixel-form .col.s4 {
    width: 60%;
    left: 5%;
  }
  #page-container #campaignsPagesContainer #pixel #pixelFormContainer .pixel-form .col.s2 {
    width: 35%;
    right: 5%;
  }
  #page-container #channel-list #videosList .videoItem {
    height: 80px;
  }
  #page-container #channel-list #videosList .videoItem .icon {
    width: 90px;
    height: 60px;
  }
  #page-container #channel-list #videosList .videoItem .icon img {
    width: 100%;
    height: 100%;
  }
  #page-container #channel-list #videosList .videoItem .title {
    margin-left: 100px;
    font-size: 13px;
  }
  #page-container #channel-list #videosList .videoItem .description {
    display: none;
  }
  #confirm-box {
    width: 90%;
  }
  /* FOOTER */
  footer {
    height: auto;
    line-height: 20px;
  }
  footer .container {
    width: auto;
    padding: 20px;
  }
}