@media screen and  (min-width: 610px) and (max-width: 767px) {
    .dataTables_info {
        float: left;
        margin-top: 5px;
    }

    .dataTables_paginate {
        margin-top: -25px !important;
    }

    .dataTables_filter {
        float: right;
        margin-top: -43px;
    }

    .dataTables_length {
        float: left;
    }
    #upstreamFilterSearch{
        margin-right:70px !important;
    }
}

@media screen and  (min-width: 429px) and (max-width: 610px) {
    .dataTables_info {
        float: left;
        margin-left: 2px !important;
    }

    .dataTables_paginate {
        margin-top: -25px !important;
    }

    .page-link {
        display: none;
        margin-right: 0 !important;
    }

    .previous .page-link, .active .page-link, .next .page-link {
        display: block !important;
    }

    .dataTables_filter {
        float: right;
        margin-top: -43px;
    }

    .dataTables_length {
        float: left;
    }
    #upstreamFilterSearch{
        margin-right:70px !important;
    }
}

@media screen and  (min-width: 376px) and (max-width: 575px) {
    .downstreamHeader .filterButton {
        margin-right: 30px !important;
        margin-top: -136px !important;
    }
}

@media screen and  (max-width: 375px) {
    .downstreamHeader .filterButton {
        margin-right: 30px !important;
    }
}

@media screen and  (max-width: 429px) {
    .dataTables_info {
        float: left;
        margin-left: 2px !important;
    }

    .upstreamDataTable .dataTables_filter {
        width: 100px !important;
    }

    .dataTables_paginate {
        margin-top: 15px !important;
    }

    .responsiveButton .filterButton {
        margin-top: -135px !important;
        margin-right: 40px !important;
    }

    .navbar {
        z-index: 1 !important;
        margin-top: 10px !important;
    }

    .dataTables_filter {
        float: right;
        margin-top: -43px;
        width: 150px;
    }

    .dataTables_length {
        float: left;
    }

    .page-link {
        display: none;
        margin-right: 0 !important;
    }

    .previous .page-link, .active .page-link, .next .page-link {
        display: block !important;
    }

    .dataTables_paginate {
        float: left;
    }
    #searchPlatform {
        margin-left: 50% !important;
    }

    .downstreamLogMainPanel .navbar {
        margin-top: 0 !important;
    }

    .signUpContent {
        margin-left: -10px !important;
    }

    .responsiveTable {
        overflow-x: hidden;
    }
    .downstreamFrequencySelectBox .filter-option, .downstreamFrequencySelectBox .dropdown-toggle {
        width: 180px !important;
    }
    #upstreamFilterSearch{
        margin-left:-158px !important;
        margin-top:28px !important;
    }
}

@media screen and  (max-width: 662px) {
    .upstreamHeader .reportrange {
        margin-top: -95px !important;
        margin-right: 10px !important;
        font-size: 12px;
    }

    .upstreamHeader .reportrange #reportrangeinput {
        width: 250px !important;
    }
}

@media screen and  (min-width: 429px) and (max-width: 1200px) {
    #searchPlatform {
        margin-left: 65% !important;
    }
    .downstreamFrequencySelectBox .filter-option, .downstreamFrequencySelectBox .dropdown-toggle {
        width: 180px !important;
    }
    .navbar {
        z-index: 1 !important;
        margin-top: 11px !important;
    }
}

@media screen and  (max-width: 978px) {
    .upstreamCard {
        margin-left: 25px !important;
    }

    .downstreamCard {
        margin-left: 0 !important;
    }

    .labelName {
        margin-left: -230px !important;
        margin-top: -30px;
        position: absolute;
    }

    .upstreamDetailsForm .togglebutton {
        width: 300px;
        margin-left: -220px;
        margin-top: 110px;
    }

    .frequencySelectBox .filter-option, .frequencySelectBox .dropdown-toggle,
    .upstreamAdvertiserSelectBox .filter-option, .upstreamAdvertiserSelectBox .dropdown-toggle {
        width: 250px !important;
    }
    .frequencySelectBox {
        margin-left: -10px !important;
    }

    .apiUrlRow {
        margin-top: 3px !important;
    }

    .additionalApiUrlRow {
        margin-top: 10px;
    }

    .upstreamCardHeading {
        margin-left: 15px !important;
    }

    .downstreamIntegrationFormHeading {
        margin-left: -13px !important;
    }

    .downstreamMainPanel .navbar {
        margin-top: 10px;
    }
}

@media screen and  (max-width: 740px) {
    .downstreamHeader .reportrange {
        margin-top: -95px !important;
        margin-right: 10px !important;
    }

    .navbar {
        z-index: 1 !important;
    }

    .offerHeader #reportrange {
        margin-top: -130px !important;
        margin-right: 30px;
    }

    .inLine {
        display: none;
    }

    .offerMainPanel .navbar {
        margin-top: 20px !important;
    }

}

@media screen and  (max-width: 500px) {
    .downstreamContent, .downstreamCard, .lineWidth {
        width: 440px !important;
    }

    .downstreamSelectBox .fstMultipleMode .fstControls {
        width: 405px !important;
        margin-left: -210px;
        margin-top: 35px;
    }

    .downstreamCard .row {
        margin-top: -25px !important;
    }

    .navbar {
        z-index: 1 !important;
    }
    .apiMargin{
        margin-top:20px !important;
        margin-left:10px !important;
    }
    .downstreamFrequencySelectBox{
        margin-top:-45px !important;
        margin-left:160px !important;
    }
    .toggleButtonDownstream{
        position: relative !important;
        margin-top:0 !important;
        margin-left:-15px !important;
    }
    .upstreamResponsive .filterButton {
        margin-top: -135px !important;
        margin-right: 25px !important;
    }
    .upstreamResponsive .upstreamFilter{
        margin-top: -134px !important;
    }
}

@media screen and  (max-width: 481px) {
    .advanceSettingCard {
        width: 340px !important;
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .upstreamHeader .filterButton {
        margin-top: -145px !important;
        margin-right: 325px !important;
        padding: 2px 5px !important;
    }

    .countrySelectBox {
        margin-top: 60px;
        margin-left: -155px;
    }

    .countryLabelName {
        margin-left: -135px !important;
        margin-top: 50px !important;
    }

    .countryStatusSelectBox {
        margin-left: -150px;
    }

    .countryStatusLabelName {
        margin-top: -16px !important;
    }

    .countrySelectBox .filter-option, .countrySelectBox .dropdown-toggle,
    .countryStatusSelectBox .filter-option, .countryStatusSelectBox .dropdown-toggle,
    .offersVisibility .filter-option, .offersVisibility .dropdown-toggle,
    .upstreamDevice .filter-option, .upstreamDevice .dropdown-toggle,
    .redirectingOffers .filter-option, .redirectingOffers .dropdown-toggle,
    .nonRedirecting .filter-option, .nonRedirecting .dropdown-toggle {
        width: 250px !important;
    }

    .maxHops {
        margin-top: 5px !important;
        margin-left: 10px !important;
    }

    .maxHopsLabel {
        position: absolute;
        margin-top: -20px !important;
        margin-left: -10px;
    }

    .minPayoutLabel {
        margin-top: -20px !important;
        margin-left: 140px !important;
    }

    .minPayout {
        margin-top: -40px !important;
        margin-left: 50px !important;
    }

    .maxPayout {
        margin-left: -150px !important;
    }

    .rowMargin {
        height: 100px !important;
    }

    .offersVisibilityLabel {
        margin-top: -5px !important;
        margin-left: 20px !important;
    }

    .offersVisibility {
        margin-left: -185px !important;
        margin-top: 10px;
    }

    .borderHeight {
        height: 120px;
    }

    .upstreamDeviceLabel {
        margin-left: 10px;
    }

    .upstreamDevice {
        margin-top: -20px !important;
        margin-left: 2px !important;
    }

    .updatedColumns {
        height: 140px;
    }

    .descriptionMargin, .trackingURLMargin, .revenueMargin {
        margin-left: 130px;
        margin-top: -25px !important;
        width: 100% !important;
    }

    .redirectingOffersLabel {
        margin-left: -80px;
        margin-top: -20px !important;
    }

    .nonRedirectingLabel {
        margin-left: -80px;
        margin-top: 20px !important;
    }

    .redirectingOffers {
        margin-left: -270px;
    }

    .redirectingHeight {
        height: 90px !important;
    }

    .nonRedirecting {
        margin-left: -300px;
        margin-top: 35px !important;
    }

    .toggleButtonMargin {
        margin-left: -30px !important;
    }

    .offersContent, .bulkActionContent, .upstreamLogContent {
        width: 440px !important;
        margin-left: -10px;
    }

    .offersCard, .offerBottomLine, .bulkActionCard, .upstreamLogCard, .upstreamLogRow {
        width: 440px !important;
    }

    .offersCard .fa, .offersCard .material-icons {
        display: none;
    }

    .offerCountriesRow {
        margin-top: -5px !important;
        margin-left: 15px !important;
    }

    .offerDataColumnsRow {
        margin-top: -40px !important;
        margin-left: 15px !important;
    }

    .offerJumpsRow {
        margin-top: -15px !important;
        margin-left: -10px !important;
    }

    .offerAdvertisersRow {
        margin-top: -55px !important;
        margin-left: 15px !important;
    }
    .offersRow {
        margin-top: -35px !important;
        margin-left: 15px !important;
    }

    .offerSelectBox .fstMultipleMode .fstControls,
    .offerJumpsSelectBox .fstMultipleMode .fstControls,
    .dataColumnsUpstream .fstMultipleMode .fstControl {
        width: 400px !important;
    }
    .offerSelectBox .select2{
        width: 420px !important;
        margin-top:10px;
        margin-left:-10px;
    }
    .offerSelectBox {
        margin-top: -10px !important;
        margin-left: -10px !important;
    }

    .offerJumpsSelectBox {
        margin-top: -10px !important;
        margin-left: 0 !important;
    }

    .offerRedirect, .offerMissing {
        margin-left: 200px !important;
    }

    .offerRedirect .typeFalse, .offerMissing .typeFalse {
        margin-left: -20px !important;
    }

    .cardBodyWidth {
        width: 350px !important;
        margin: 0 auto !important;
    }

    .apiKeyFeedOptimizeLabel {
        position: absolute;
        margin-left: 60px !important;
        margin-top: -30px;
    }

    .apiKeyFeedOptimize {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 278px;
        margin-top: -5px !important;
    }
    .apiKeyFeedOptimize .inputTextOC{
        width: 278px !important;
    }
    .advertiserOCSelectBox {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 278px !important;
        margin-top: 20px !important;
    }
    .advertiserOCSelectBox .select2{
        width: 278px !important;
    }
    .advertiserOCLabel {
        margin-left: 55px !important;
        margin-top: -5px !important;
    }

    .redirectingOCLabel {
        margin-left: 70px !important;
        margin-top: -20px !important;
    }

    .redirectingOC .filter-option, .redirectingOC .dropdown-toggle,
    .nonRedirectingOC .filter-option, .nonRedirectingOC .dropdown-toggle,
    .resumedOffersOC .filter-option, .resumedOffersOC .dropdown-toggle,
    .expiryOfferOC .filter-option, .expiryOfferOC .dropdown-toggle {
        width: 250px !important;

    }

    .redirectingOC, .nonRedirectingOC, .resumedOffersOC, .expiryOfferOC {
        margin-left: 50px !important;
        margin-top: -18px !important;
    }

    .nonRedirectingOCLabel {
        margin-left: 65px !important;
        margin-top: 10px !important;
    }

    .resumedOffersOCLabel {
        margin-left: 55px !important;
        margin-top: -15px !important;
    }

    .expiryOfferOCLabel {
        margin-left: 40px !important;
        margin-top: 10px !important;
    }

    .headingApproveOffers {
        width: 350px !important;
    }

    .publisherJumpsTable {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .previewURLOffer, .descriptionOffer, .trackingURLOffer {
        margin-left: -55px !important;
    }

    .titleOffer, .payoutOffer, .revenueOffer {
        margin-left: -20px !important;
    }

    .dataColumnsUpstream, .dataColumnsUpstreamLog {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    .dataColumnsUpstreamLog .fstMultipleMode .fstControls {
        width: 405px !important;
        margin-top: -15px !important;
    }

    .dataColumnsUpstreamLogLabel {
        margin-left: 20px !important;
    }

    .upstreamLogCard {
        margin-top: -25px !important;
    }

    .upstreamLogMainPanel .navbar {
        margin-top: 0 !important;
    }
    #exportData, .btnDatatable  {
       display:none !important;
    }
}

@media screen and  (min-width: 481px) and (max-width: 530px) {
    .rowMargin {
        height: 100px !important;
        margin-left: 60px !important;
    }

    .maxHops {
        margin-top: 5px !important;
        margin-left: 10px !important;
    }

    .maxHopsLabel {
        position: absolute;
        margin-top: -20px !important;
        margin-left: -10px;
    }

    .minPayoutLabel {
        margin-top: -20px !important;
        margin-left: 140px !important;
    }

    .minPayout {
        margin-top: -40px !important;
        margin-left: 50px !important;
    }

    .maxPayout {
        margin-left: -150px !important;
    }

    .countrySelectBox .filter-option, .countrySelectBox .dropdown-toggle,
    .countryStatusSelectBox .filter-option, .countryStatusSelectBox .dropdown-toggle,
    .offersVisibility .filter-option, .offersVisibility .dropdown-toggle,
    .upstreamDevice .filter-option, .upstreamDevice .dropdown-toggle,
    .redirectingOffers .filter-option, .redirectingOffers .dropdown-toggle,
    .nonRedirecting .filter-option, .nonRedirecting .dropdown-toggle {
        width: 160px !important;
    }

    .redirectingOffers .filter-option, .redirectingOffers .dropdown-toggle,
    .nonRedirecting .filter-option, .nonRedirecting .dropdown-toggle {
        width: 240px !important;
    }

    .upstreamDevice {
        margin-left: 190px !important;
    }

    .upstreamDeviceLabel {
        margin-left: 110px !important;
    }

    .updatedColumns {
        height: 140px;
    }

    .descriptionMargin, .trackingURLMargin, .revenueMargin {
        margin-left: 180px;
        margin-top: -25px !important;
        width: 100% !important;
    }

    .redirectingOffersLabel, .nonRedirectingLabel {
        margin-left: -20px;
        margin-top: -20px !important;
    }

    .nonRedirectingLabel {
        margin-left: -20px;
        margin-top: 20px !important;
    }

    .redirectingOffers {
        margin-left: -210px;
    }

    .redirectingHeight {
        height: 90px !important;
    }

    .nonRedirecting {
        margin-left: -240px;
        margin-top: 35px !important;
    }

    .toggleButtonMargin {
        margin-left: -30px !important;
    }
}

@media screen and  (min-width: 531px) and (max-width: 574px) {

    .maxHops {
        margin-top: 5px !important;
        margin-left: 10px !important;
    }

    .maxHopsLabel {
        position: absolute;
        margin-top: -20px !important;
        margin-left: -10px;
    }

    .minPayoutLabel {
        margin-top: -20px !important;
        margin-left: 145px !important;
    }

    .minPayout {
        margin-top: -43px !important;
        margin-left: 45px !important;
    }

    .maxPayout {
        margin-left: 30px !important;
        margin-top: -20px;
    }

    .maxPayoutLabel {
        position: absolute;
        margin-top: -55px !important;
        margin-left: 265px !important;
    }

    .countrySelectBox .filter-option, .countrySelectBox .dropdown-toggle,
    .countryStatusSelectBox .filter-option, .countryStatusSelectBox .dropdown-toggle,
    .offersVisibility .filter-option, .offersVisibility .dropdown-toggle,
    .upstreamDevice .filter-option, .upstreamDevice .dropdown-toggle,
    .redirectingOffers .filter-option, .redirectingOffers .dropdown-toggle,
    .nonRedirecting .filter-option, .nonRedirecting .dropdown-toggle {
        width: 180px !important;
    }

    .redirectingOffers .filter-option, .redirectingOffers .dropdown-toggle,
    .nonRedirecting .filter-option, .nonRedirecting .dropdown-toggle {
        width: 240px !important;
    }

    .upstreamDevice {
        margin-left: 190px !important;
    }

    .upstreamDeviceLabel {
        margin-left: 110px !important;
    }

    .updatedColumns {
        height: 140px;
    }

    .descriptionMargin, .trackingURLMargin, .revenueMargin {
        margin-left: 180px;
        margin-top: -25px !important;
        width: 100% !important;
    }

    .redirectingOffersLabel, .nonRedirectingLabel {
        margin-left: 0;
        margin-top: -20px !important;
    }

    .nonRedirectingLabel {
        margin-left: 0;
        margin-top: 20px !important;
    }

    .redirectingOffers {
        margin-left: -180px;
    }

    .redirectingHeight {
        height: 90px !important;
    }

    .nonRedirecting {
        margin-left: -210px;
        margin-top: 35px !important;
    }

    .toggleButtonMargin {
        margin-left: -30px !important;
    }
}

@media screen and  (min-width: 575px) and (max-width: 700px) {
    .maxHops {
        margin-top: 5px !important;
        margin-left: 10px !important;
    }

    .maxHopsLabel {
        position: absolute;
        margin-top: -20px !important;
        margin-left: -10px;
    }

    .minPayoutLabel {
        position: absolute;
        margin-top: -20px !important;
        margin-right: auto !important;
        margin-left: 175px !important;
    }

    .minPayout {
        position: absolute;
        margin-top: 5px !important;
        margin-left: 70px !important;
    }

    .maxPayout {
        position: absolute;
        margin-left: 80px !important;
        margin-top: 35px;
    }

    .maxPayoutLabel {
        position: absolute;
        margin-top: -55px !important;
        margin-left: 265px !important;
    }

    .countrySelectBox .filter-option, .countrySelectBox .dropdown-toggle,
    .countryStatusSelectBox .filter-option, .countryStatusSelectBox .dropdown-toggle {
        width: 160px !important;
    }

}

@media screen and  (min-width: 701px) and (max-width: 831px) {
    .rowMargin {
        margin-left: 80px !important;
    }

    .maxHops {
        margin-top: 15px !important;
        margin-left: 10px !important;
    }

    .maxHopsLabel {
        position: absolute;
        margin-top: -10px !important;
        margin-left: -10px;
    }

    .minPayoutLabel {
        position: absolute;
        margin-top: -10px !important;
        margin-right: auto !important;
        margin-left: 175px !important;
    }

    .minPayout {
        position: absolute;
        margin-top: 15px !important;
        margin-left: 70px !important;
    }

    .maxPayout {
        position: absolute;
        margin-left: 80px !important;
        margin-top: 45px;
    }

    .maxPayoutLabel {
        position: absolute;
        margin-top: -55px !important;
        margin-left: 265px !important;
    }

    .countrySelectBox .filter-option, .countrySelectBox .dropdown-toggle,
    .countryStatusSelectBox .filter-option, .countryStatusSelectBox .dropdown-toggle {
        width: 160px !important;
    }
}

@media screen and  (min-width: 832px) and (max-width: 991px) {
    .minPayoutLabel {
        margin-top: 10px !important;
    }

    .minPayout {
        margin-top: 10px !important;
    }

    .countrySelectBox .filter-option, .countrySelectBox .dropdown-toggle,
    .countryStatusSelectBox .filter-option, .countryStatusSelectBox .dropdown-toggle {
        width: 160px !important;
    }
}

@media screen and  (min-width: 992px) and (max-width: 1039px) {
    .minPayoutLabel {
        margin-top: 10px !important;
        margin-left: 210px !important;
    }

    .minPayout {
        margin-left: -20px !important;
    }

    .maxPayoutLabel {
        position: absolute;
        margin-left: 170px !important;
        margin-top: -27px !important;
    }

    .maxPayout {
        margin-left: 280px !important;
        margin-top: -15px;
    }

    .maxHops {
        margin-left: 90px !important;
        margin-top: -30px !important;
    }

    .maxHopsLabel {
        margin-left: -20px !important;
    }

}

@media screen and  (min-width: 481px) and  (max-width: 700px) {
    .countryLabelName {
        margin-left: 20px !important;
        margin-top: -10px !important;
    }

    .countryStatusSelectBox {
        margin-left: -150px;
    }

    .countryStatusLabelName {
        margin-top: -16px !important;
    }

    .countrySelectBox .filter-option, .countrySelectBox .dropdown-toggle,
    .countryStatusSelectBox .filter-option, .countryStatusSelectBox .dropdown-toggle {
        width: 150px !important;
    }

    .maxHops {

    }

    .maxHopsLabel {

    }

    .minPayoutLabel {

    }

    .minPayout {

    }

    .maxPayout {

    }
}

@media screen and  (min-width: 701px) and (max-width: 1200px) {
    .countrySelectBox {
        margin-left: 105px;
    }

    .countryLabelName {
        margin-left: 30px !important;
    }

    .countryStatusSelectBox {
        margin-left: -30px;
    }
}

@media screen and  (min-width: 575px) and (max-width: 767px) {
    .countrySelectBox .filter-option, .countrySelectBox .dropdown-toggle,
    .countryStatusSelectBox .filter-option, .countryStatusSelectBox .dropdown-toggle,
    .offersVisibility .filter-option, .offersVisibility .dropdown-toggle,
    .upstreamDevice .filter-option, .upstreamDevice .dropdown-toggle,
    .redirectingOffers .filter-option, .redirectingOffers .dropdown-toggle,
    .nonRedirecting .filter-option, .nonRedirecting .dropdown-toggle {
        width: 180px !important;
    }

    .redirectingOffers .filter-option, .redirectingOffers .dropdown-toggle,
    .nonRedirecting .filter-option, .nonRedirecting .dropdown-toggle {
        width: 200px !important;
    }

    .updatedColumnsLabel {
        margin-left: 10px !important;
    }

    .upstreamDevice {
        margin-left: 190px !important;
    }

    .upstreamDeviceLabel {
        margin-left: 110px !important;
    }

    .updatedColumns {
        height: 140px;
    }

    .descriptionMargin, .trackingURLMargin, .revenueMargin {
        margin-left: 180px;
        margin-top: -25px !important;
        width: 100% !important;
    }

    .redirectingOffersLabel {
        margin-left: -85px;
        margin-top: -20px !important;
    }

    .nonRedirectingLabel {
        margin-left: 150px;
        margin-top: -60px !important;
    }

    .redirectingOffers {
        margin-left: -270px;
    }

    .redirectingHeight {
        margin-top: 20px !important;
    }

    .nonRedirecting {
        margin-left: -60px !important;
        margin-top: -38px !important;
    }

    .toggleButtonMargin {
        margin-left: -30px !important;
    }

    .recheckFrequency {
        margin-left: -130px !important;
    }

    .cardBodyWidth {
        width: 600px !important;
        margin: 0 auto !important;
    }

    .apiKeyFeedOptimizeLabel {
        margin-left: -45px !important;
    }

    .apiKeyFeedOptimize {
        margin-left: 40px !important;
        margin-right: auto !important;
        width: 370px;
        margin-top: -30px !important;
    }
    .apiKeyFeedOptimize .inputTextOC{
        width: 370px !important;
    }
    .advertiserOCSelectBox {
        margin-left: 40px !important;
        margin-right: auto !important;
        width: 370px !important;
        margin-top: 10px !important;
    }
    .advertiserOCSelectBox .select2{
        width: 370px !important;
    }
    .advertiserOCLabel {
        margin-left: -140px !important;
    }

    .redirectingOCLabel {
        margin-left: 20px !important;
    }

    .redirectingOC .filter-option, .redirectingOC .dropdown-toggle,
    .nonRedirectingOC .filter-option, .nonRedirectingOC .dropdown-toggle,
    .resumedOffersOC .filter-option, .resumedOffersOC .dropdown-toggle,
    .expiryOfferOC .filter-option, .expiryOfferOC .dropdown-toggle {
        width: 120px !important;

    }

    .redirectingOC {
        margin-left: -40px !important;
        margin-top: 0 !important;
    }

    .nonRedirectingOC {
        margin-left: -20px !important;
        margin-top: 0 !important;
    }

    .resumedOffersOC {
        margin-left: -20px !important;
        margin-top: 5px !important;
    }

    .expiryOfferOC {
        margin-left: -40px !important;
        margin-top: 0 !important;
    }

    .nonRedirectingOCLabel {
        margin-left: -10px !important;
        margin-top: 10px !important;
    }

    .resumedOffersOCLabel {
        margin-left: 5px !important;
        margin-top: 10px !important;
    }

    .expiryOfferOCLabel {
        margin-left: 0 !important;
        margin-top: 5px !important;
    }

    .publisherJumpsTable {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .upstreamDetailsForm, .downstreamAddIntegrationForm {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .apiUrlRow, .additionalApiUrlRow, .commissionUpstream{
        margin-top:10px !important;
    }
    .trackingParameters{
        margin-top:11px !important;
    }
    .labelName{
        margin-top:10px !important;
        margin-left:-30px !important;
    }
    .frequencyRow{
        margin-top:-18px !important;
    }
    .frequencyRow .filter-option, .frequencyRow .dropdown-toggle{
        width:150px !important;
    }
    .toggleButtonUpstream{
        position:absolute;
        margin-top:35px !important;
        margin-left:-15px !important;

    }
    .upstreamDetailsForm .submitButton{
        top:60px !important;
    }
    .submitButtonRow{
        height:80px;
    }
}

@media screen and  (min-width: 768px) and (max-width: 991px) {
    .countrySelectBox .filter-option, .countrySelectBox .dropdown-toggle,
    .countryStatusSelectBox .filter-option, .countryStatusSelectBox .dropdown-toggle,
    .offersVisibility .filter-option, .offersVisibility .dropdown-toggle,
    .upstreamDevice .filter-option, .upstreamDevice .dropdown-toggle,
    .redirectingOffers .filter-option, .redirectingOffers .dropdown-toggle,
    .nonRedirecting .filter-option, .nonRedirecting .dropdown-toggle {
        width: 180px !important;
    }

    .redirectingOffers .filter-option, .redirectingOffers .dropdown-toggle,
    .nonRedirecting .filter-option, .nonRedirecting .dropdown-toggle {
        width: 250px !important;
    }

    .nonRedirectingLabel {
        margin-left: -35px !important;
        margin-top: 30px !important;
    }

    .redirectingHeight {
        margin-top: -10px !important;
        height: 80px !important;
    }

    .nonRedirecting {
        margin-left: -30px !important;
        margin-top: 20px !important;
    }

    .cardBodyWidth {
        width: 850px !important;
        margin: 0 auto !important;
    }

    .apiKeyFeedOptimizeLabel {
        margin-left: -45px !important;
    }

    .apiKeyFeedOptimize {
        margin-left: 40px !important;
        margin-right: auto !important;
        margin-top: -35px !important;
    }
    .apiKeyFeedOptimize .inputTextOC{
        width: 470px !important;
    }
    .advertiserOCSelectBox {
        margin-left: 40px !important;
        margin-right: auto !important;
        width: 470px !important;
        margin-top: 10px !important;
    }
    .advertiserOCSelectBox .select2{
        width: 470px !important;
    }
    .advertiserOCLabel {
        margin-left: -140px !important;
    }

    .redirectingOCLabel {
        position: absolute;
        width: 200px !important;
        margin-left: -209px;
    }

    .redirectingOC .filter-option, .redirectingOC .dropdown-toggle,
    .nonRedirectingOC .filter-option, .nonRedirectingOC .dropdown-toggle,
    .resumedOffersOC .filter-option, .resumedOffersOC .dropdown-toggle,
    .expiryOfferOC .filter-option, .expiryOfferOC .dropdown-toggle {
        width: 120px !important;
    }

    .redirectingOC {
        margin-left: 170px !important;
        margin-top: -13px !important;
    }

    .nonRedirectingOC, .expiryOfferOC {
        margin-left: 105% !important;
        margin-top: -45px !important;
    }

    .resumedOffersOC {
        margin-left: 170px !important;
        margin-top: -6px !important;
    }

    .resumedOffersOCLabel {
        position: absolute;
        width: 200px !important;
        margin-left: -175px !important;
        margin-top: 0 !important;
    }

    .expiryOfferOCLabel, .nonRedirectingOCLabel {
        position: absolute;
        width: 200px !important;
        margin-left: 180px !important;
        margin-top: 5px !important;
    }

    .homeNav {
        margin-left: -100px;
        color: #fff !important;
    }

    .signUpNav {
        margin-left: 10px;
        margin-top: -48px;
    }

    .OfferCheckNav {
        margin-left: 120px;
        margin-top: -48px;
    }
    .upstreamDetailsForm, .downstreamAddIntegrationForm {
        width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .apiUrlRow, .additionalApiUrlRow{
        margin-top:10px !important;
    }
    .commissionUpstream{
        margin-top:1px !important;
    }
    .trackingParameters{
        margin-top:11px !important;
    }
    .labelName{
        position:absolute;
        margin-top:10px !important;
        margin-left:-10px !important;
    }
    .frequencyRow{
        margin-top:-18px !important;
    }
    .frequencyRow .filter-option, .frequencyRow .dropdown-toggle{
        width:150px !important;
    }
    .toggleButtonUpstream{
        position:absolute;
        margin-top:35px !important;
        margin-left:5px !important;

    }
    .upstreamDetailsForm .submitButton{
        top:60px !important;
    }
    .submitButtonRow{
        height:80px;
    }
    .upstreamAdvertiserSelectBox .filter-option, .upstreamAdvertiserSelectBox .dropdown-toggle {
        width: 250px !important;
    }
}

@media screen and  (min-width: 992px) and (max-width: 1120px) {
    .redirectingHeight {
        margin-top: -10px !important;
        margin-left: -10px !important;
    }

    .apiKeyFeedOptimizeLabel {
        margin-left: -45px !important;
    }

    .apiKeyFeedOptimize {
        margin-left: 40px !important;
        margin-right: auto !important;
        margin-top: -35px !important;
    }
    .apiKeyFeedOptimize .inputTextOC{
        width: 470px !important;
    }
    .advertiserOCSelectBox {
        margin-left: 40px !important;
        margin-right: auto !important;
        width: 470px !important;
        margin-top: 10px !important;
    }
    .advertiserOCSelectBox .select2{
        width: 470px !important;
    }

    .advertiserOCLabel {
        margin-left: -140px !important;
    }

    .redirectingOCLabel {
        position: absolute;
        margin-left: -250px;
    }

    .redirectingOC .filter-option, .redirectingOC .dropdown-toggle,
    .nonRedirectingOC .filter-option, .nonRedirectingOC .dropdown-toggle,
    .resumedOffersOC .filter-option, .resumedOffersOC .dropdown-toggle,
    .expiryOfferOC .filter-option, .expiryOfferOC .dropdown-toggle {
        width: 120px !important;
    }

    .redirectingOC {
        margin-left: -340px !important;
        margin-top: 0 !important;
    }

    .nonRedirectingOC, .expiryOfferOC {
        margin-left: 82% !important;
        margin-top: -45px !important;
    }

    .resumedOffersOC {
        margin-left: -340px !important;
        margin-top: -6px !important;
    }

    .resumedOffersOCLabel {
        position: absolute;
        width: 200px !important;
        margin-left: -275px !important;
        margin-top: 0 !important;
    }

    .expiryOfferOCLabel, .nonRedirectingOCLabel {
        position: absolute;
        width: 200px !important;
        margin-left: 140px !important;
        margin-top: 5px !important;
    }
}

@media screen and (min-width: 482px) and (max-width: 575px) {
    .cardBodyWidth {
        width: 500px !important;
        margin: 0 auto !important;
    }

    .apiKeyFeedOptimizeLabel {
        position: absolute;
        margin-left: 70px !important;
        margin-top: -35px;
    }

    .apiKeyFeedOptimize {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 400px;
        margin-top: -10px !important;
    }
    .apiKeyFeedOptimize .inputTextOC{
        width: 400px !important;
    }
    .advertiserOCSelectBox {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 400px;
        margin-top: 20px !important;
    }
    .advertiserOCSelectBox .select2{
        width: 400px !important;
    }
    .advertiserOCLabel {
        margin-left: 65px !important;
        margin-top: -5px !important;
    }

    .redirectingOCLabel {
        margin-left: 145px !important;
    }

    .redirectingOC .filter-option, .redirectingOC .dropdown-toggle,
    .nonRedirectingOC .filter-option, .nonRedirectingOC .dropdown-toggle,
    .resumedOffersOC .filter-option, .resumedOffersOC .dropdown-toggle,
    .expiryOfferOC .filter-option, .expiryOfferOC .dropdown-toggle {
        width: 160px !important;

    }

    .redirectingOC, .nonRedirectingOC, .resumedOffersOC, .expiryOfferOC {
        margin-left: 320px !important;
        margin-top: -45px !important;
    }

    .nonRedirectingOCLabel {
        margin-left: 110px !important;
        margin-top: 10px !important;
    }

    .resumedOffersOCLabel {
        margin-left: 50px !important;
        margin-top: -15px !important;
    }

    .expiryOfferOCLabel {
        margin-left: 15px !important;
        margin-top: 10px !important;
    }

    .headingApproveOffers {
        width: 495px !important;
    }

    .publisherJumpsTable {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .upstreamHeader .filterButton {
        margin-right: 40px !important;

    }
}

@media screen and  (max-width: 767px) {
    .offerBulkAction .bulkSubmit {
        margin-top: -35px !important;
    }

    .offerDataTable {
        overflow-x: hidden;
    }

    .offerDataTable .dataTables_paginate {
        float: right;
        margin-top: 0 !important;
    }

    .offerDataTable .dataTables_info {
        margin-left: 10px !important;
    }

    .offerDataTable table {
        margin-top: 40px !important;
    }

    .offerDataTable .dataTables_length {
        display: block !important;
        margin-top: -3px !important;
    }

    .signUpContent {
        width: 350px !important;
        margin-left: -10px !important;
    }

    .signUpCard {
        width: 350px !important;
    }

    .signupModalBody {
        width: 350px !important;
        margin-left: -20px !important;
    }
   .platformContent{
       width:350px !important;
       margin-left:auto !important;
       margin-right:auto !important;
   }
    .nextPrevButton .next{
        margin-right:30px !important;
    }
    #pagingControls{
        float:left !important;
    }
    #showingInfo{
        margin-top:10px !important;
        margin-right: 0 !important;
        margin-left: 25px !important;
    }
}

@media screen and (min-width: 501px) and (max-width: 641px) {
    .apiMargin{
        margin-top:-10px !important;
        margin-left:10px !important;
    }
    .downstreamFrequencySelectBox{
        margin-top:-45px !important;
        margin-left:160px !important;
    }
    .toggleButtonDownstream{
        position: relative !important;
        margin-top:0 !important;
        margin-left:-15px !important;
    }
}

@media screen and (min-width: 641px) and (max-width: 739px) {
    .dt-buttons {
        margin-top: -59px !important;
    }
}

@media screen and (max-width: 575px){
    .upstreamDetailsForm, .downstreamAddIntegrationForm {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .apiUrlRow, .additionalApiUrlRow, .commissionUpstream{
        margin-top:10px !important;
    }
    .trackingParameters{
        margin-top:11px !important;
    }
    .labelName{
        margin-top:80px !important;
    }
    .frequencyRow{
        margin-top:-18px !important;
    }
}
@media screen and (min-width: 642px) and (max-width: 992px){
    .toggleButtonDownstream{
        margin-top:-80px !important;
    }
}
@media screen and (min-width: 482px) and (max-width: 640px){
    .dt-buttons{
        margin-top:-109px !important;
    }
}