@media (min-height: 1000px) and (min-width: 1400px){
    .sign-up-wrap, .sign-in-wrap{height: 100vh;}
    .sign-up-left, .sign-in-left{height: 100%;}
    .sign-up-left, .sign-in-left {padding: 90px 117px 90px 116px;height: 100%;display: flex;flex-wrap: wrap;align-items: center;}
    .sign-up-right-content, .sign-in-right-content {position: absolute;top: 50%;transform: translate(0, -50%);}
}
@media (max-width: 1600px){
    .sign-up-left, .sign-in-left{width: 45%;padding: 150px 60px 30px 60px;}
    .sign-up-right, .sign-in-right {width: 55%;padding: 110px 20px 110px 20px;}
    .sign-up-logo-top, .sign-in-logo-top{left: 60px;}

}
@media (max-width: 1450px){
    .enumenu_ul ul.sb-menu{left: inherit;right: 0;}
    .enumenu_ul ul.sb-menu:before{right: 32px;top: -6px;left: inherit;}
    .successful-payment-wrap{padding: 130px 0;}
    .successful-payment-wrap:before{background-size: 520px;}
}
@media (max-width: 1300px){
    .connect-facebook-left {width: 60%;}

    .expand-popup-main {width: 1150px;}
    .expand-popup {width: 1150px;}
    .byUser, .byStatus, .byFranchise, .byOffice {width: 166px;}
    .byAddressOrCampaignNameHeader {width: 201px;}
    .popup-btn-container{left:75%;}
    .custom-file-button { width: 152px; }
}
@media (max-width: 1200px){
    .ad-preview-slider .slick-arrow{left: -78px;}
    .ad-preview-slider .slick-next.slick-arrow{right: -78px;}
    .payment-left {width: 45%;padding: 49px 15px 0 0;}
    .ad-preview-sec {width: 55%;}
    .advert-design-left {width: 45%;padding: 49px 15px 0 0;}
    .dashboard-campaign-list ul li a{padding: 14px 0 14px 14px;}
    .chart-design-left {width: 45%;padding: 49px 15px 0 0;}
    .chart-design-right {width: 45%;padding: 49px 15px 0 0;}
    .bottom-arrow-container{display: none;}

    .popup-btn-container {top:85% !important;transform: translate(-83%,10px);}
    .dropdown-menu {display: block;height: 455px;width: 100%;}
    .expand-popup {width: 320px;right:0;z-index: 1001;height: fit-content;}
    .byDate, .byUser, .byFranchise, .byStatus, .byOffice, .byAddressOrCampaignNameHeader {width:95%;margin:5px}
    .custom-file-button { width: 161px; }
}
@media (max-width: 1024px){
    .sign-up-left, .sign-in-left {width: 45%;padding: 110px 30px 30px 30px;}
    .sign-up-right, .sign-in-right {width: 55%;padding: 110px 20px 110px 20px;}
    .sign-up-right, .sign-in-right {width: 55%;padding: 30px 20px 30px 20px;display: flex;flex-wrap: wrap;align-items: center;}
    .sign-up-right-content h2, .sign-in-right-content h2 {font-size: 30px;line-height: 38px;margin: 32px 0 31px 0;}
    .sign-up-logo-top, .sign-in-logo-top {left: 30px;}
    .form-main p{margin: 10px 0 0 0;}
    .ad-preview-slider .slick-arrow{left: -43px;}
    .ad-preview-slider .slick-next.slick-arrow{right: -43px;}
    .connect-facebook-left {padding: 57px 0 58px 55px;}
    .connect-facebook-right {width: 40%;padding: 0 25px;}
    .connect-facebook-left {padding: 40px 0 40px 30px;}
    .account-details-left {padding: 0 30px 0 0;}
    .account-details-right {padding: 0 0 0 30px;}
    .account-details-info .form-main ul li.half{width: 100%;}
    .campaign-list ul li{padding: 16px 16px 16px 16px;}
    .status {max-width: 130px;}
    .campaign-top {padding: 0 16px 14px 16px;}
    .campaigns-detail-wrap .date-content {padding: 30px 30px 30px 30px !important;}
    .campaigns-detail-wrap .suburbs-content {padding: 30px 30px 30px 30px;}
    .campaigns-detail-wrap .advert-design-left {padding: 30px 30px 10px 30px;width: 50%;}
    .campaigns-detail-wrap .ad-preview-sec {width: 50%;}
    .campaigns-detail-wrap .ad-preview-slider {margin: 50px 0 50px 0;}
    .campaigns-detail-wrap .ad-preview-slider .slick-arrow {left: -20px;}
    .campaigns-detail-wrap .ad-preview-slider .slick-next.slick-arrow {right: -20px;left: inherit;}
    .advert-plan-sec ul li a,.advert-plan-sec-campselect ul li a{padding: 20px 20px 20px 20px; min-height: 100%;}
    .date-content, .suburbs-content, .category-keywords-top-content, .category-keywords-bottom-content, .category-keywords-left, .franchise-left, .agent-left, .date-duration-left {padding: 8px 30px 8px 30px !important; width: 100%;}
    .category-keywords-content,.franchise-content, .agent-content, .office-content, .date-duration-content {padding: 0;}
    .keyword-form input {width: 60%;}
    .campaigns-detail-wrap .chart-design-left {padding: 20px 30px 10px 30px;width: 50%;}
    .campaigns-detail-wrap .chart-design-right {padding: 20px 30px 10px 30px;width: 50%;}
    .chart-body {margin:10px;}
    .custom-file-button { padding: 15px; width: 174px; }
}

@media (max-width: 991px){
    .resp-tab-content .form-main ul li.half {width: 100%;}
    .connect-facebook-content .btn{margin: 0 70px 20px 0;}
    .search-sec {width: 100%;padding: 0 0 20px 0;}
    .search-sec form input{width: 100%;}
    .dashboard-campaign-list ul li a{flex-wrap: wrap;}
    .name-sec {max-width: 100%;width: 80%;}
    .name-sec + .dashboard-count-box{max-width: 100%;width: 20%;border: 0;}
    .dashboard-count-box{width: 33.33%;max-width: 100%;border-left: 0;}
    .mfp-content {max-width: 87%;width: 100%;}
    .campaign-list ul li{flex-wrap:wrap;}
    .campaign-top{display: none;}
    .campaign {max-width: 100%;width: 100%;padding: 0 0 10px 0;}
    .post-codes {max-width: 25%;width: 100%;}
    .package {max-width: 25%;width: 100%;}
    .status {max-width: 22%;}
    .action {max-width: 28%;width: 100%;}
    .campaigns-count-box{padding: 8px 0 10px 15px;}
    .campaigns-detail-top{padding: 16px 16px 16px 16px;}
    .invoice-number {max-width: 230px;}
    .date {max-width: 143px;}
    .amount {max-width: 125px;}

    .role-action {max-width: 30%;width: 100%;}
    .firstName{max-width: 48%;width: 100%;}
    .lastName{max-width: 48%;width: 100%;}
    .email-address{max-width: 30%;width: 100%;}
    .role{max-width: 20%;width: 100%;}
    .btn-update, .btn-delete{padding:10px 20px;}
    .imageUploader{transform: translate(15%,0px);top:15%;max-height: 450px;}
    .imageUploader .body{min-height:400px;max-height: 450px;}
    .imageUploader .header, .footer-container-popup{height: 40px;}
    .inlineVideo{transform: translate(15%,0px);top:15%;max-height: 300px;}
    .inlineVideo .body{min-height:300px;max-height: 300px;}
    .inlineVideo .header, .footer-container-popup{height: 40px;}
    .light-modal-body{max-height:400px !important;overflow: auto;}
    .fullSizeAdPreview{max-width: 95%; overflow-x: auto;}
}

@media (max-width: 767px){
    .sign-up-left, .sign-in-left {width: 100%;padding: 0 0 0 0;order: 2;position: static}
    .sign-up-right, .sign-in-right {width: 100%;padding: 0 0 0 0;display: flex;flex-wrap: wrap;align-items: center;margin: 70px 0 0 0;}
    .sign-up-wrap, .sign-in-wrap {position: relative;}
    .sign-up-logo-top, .sign-in-logo-top {left: 0;top: 0;width: 100%;background-color: #ffffff;padding: 16px 25px 16px 24px;}
    .sign-up-right-content, .sign-in-right-content {padding: 29px 0 33px 0;}
    .sign-up-right-content img, .sign-in-right-content img {max-width: 68%;margin: 0 0 0 -17px;}
    .sign-up-right-content h2, .sign-in-right-content h2 {font-size: 20px;line-height: 24px;margin: 21px 0 16px 0;letter-spacing: -0.2px;}
    .sign-up-form-sec, .sign-in-form-sec {padding: 32px 24px 32px 24px;}
    .sign-up-form-sec h2, .sign-in-form-sec h2 {color: #262C5C;letter-spacing: -0.3px;margin: 0 0 8px 0;font-size: 20px;line-height: 24px;}
    .sign-up-form-sec p, .sign-in-form-sec p {margin: 0 0 33px 0;font-size: 14px;line-height: 18px;}
    .form-main input{padding: 14px 16px 16px 16px;}
    .form-main ul li {margin: 0 0 23px 0;}
    .form-main button{margin: 9px 0 0 0;}
    .pagination{padding: 27px 0 0 19px;}
    .form-main p {margin: 12px 0 0 0;}
    .sign-up-logo-top a, .sign-in-logo-top a {max-width: 167px;width: 100%;display: inline-block;}
    .sign-up-right:before, .sign-in-right:before {left: 0;right: 0;top: 0;bottom: 0;opacity: 0.35;background-size: 308px;margin: auto;}
    .login-form .form-main button {margin: 0px 0 0 0;}
    .forgot-password{top: 14px;}
    .ad-preview-sec{display: none;}
    .mob-ad-preview-sec{background-color: #553c9a;padding: 32px 0 32px 0;position: relative;}
    .mob-ad-preview-sec:before{position: absolute;content: "";left: -1000%;right: -1000%;top: 0;bottom: 0;background-color: inherit;left: -1000%;z-index: -1;}
    .site-header {padding: 16px 10px 15px 10px;}    
    .logo svg{width: 100%;}
    .logo svg path.c1 {transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
    .menu-open .logo svg path.c1 {fill: #ffffff;}
    .payment-left {width: 100%;padding: 32px 10px 0 9px;}
    .payment-heading h2 {font-size: 20px;line-height: 24px;margin: 0 0 8px 0;}
    .payment-heading p {font-size: 14px;line-height: 20px;color: #525252;margin: 0 0 20px 0;}
    .payment-heading {padding: 0 0 12px 0;}
    .billing-sec h2 {font-size: 20px;line-height: 24px;margin: 0 0 22px 0;}
    .billing-sec .form-main ul li {margin: 0 0 20px 0;}
    .billing-sec .form-main ul li.complete-order-btn{display: none;}
    .complete-order-sec.hide{display: block;}
    .form-main ul li.half{width: 100%;}
    .payment-info {padding: 7px 0 104px 0;}
    .payment-info h2 {font-size: 20px;line-height: 24px;margin: 0 0 22px 0;}
    .ad-preview-heading h2 {font-size: 20px;line-height: 24px;letter-spacing: 0px;}
    .ad-preview-heading {padding: 0 0 0 0;border-bottom: 0;}
    .ad-preview-slider-sec h5 {font-size: 14px;line-height: 18px;}
    .ad-preview-slider-sec {max-width: 100%;padding: 9px 0 0 0;}
    .ad-preview-slider {margin: 26px 0 0 0;}
    .ad-preview-slider .slick-arrow {left: 0px;bottom: 78px;}
    .ad-preview-slider .slick-next.slick-arrow{right: 0;}
    .complete-order-sec {padding: 32px 0 32px 0;}
    .successful-payment-wrap {padding: 121px 50px 130px;}
    .successful-payment-wrap img {max-width: 96px;}
    .successful-payment-wrap h1 {font-size: 24px;line-height: 28px;margin: 32px 0 15px 0;}
    .successful-payment-wrap p {font-size: 14px;line-height: 18px;}
    .successful-payment-wrap a{margin: 25px 0 0 0;}
    .successful-payment-wrap:before {background-position: 50% 94px;background-size: 335px;}
    .advert-design-sec {padding-top: 10px;}
    .advert-design-left {width: 100%;padding: 32px 9px 9px 9px;}
    .advert-design-heading h2 {font-size: 20px;line-height: 24px;margin: 0 0 8px 0;}
    .advert-design-heading p {font-size: 14px;line-height: 20px;}
    .advert-design-tab-wrap {padding: 22px 0 0 0;}
    .advert-design-tab-wrap span.note{margin: 0 0 6px 0;}
    .designTypeChoice button {font-size: 12px;}
    .resp-tabs-list li{padding: 15px 10px 15px 10px;}
    .resp-tab-content {padding: 23px 0 0 0;}
    .resp-tab-content .form-main input {padding: 14px 16px 16px 16px;}
    .resp-tab-content .form-main ul li {margin: 0 0 23px 0;}
    .select-styled{padding: 14px 16px 16px 16px;}
    .upload-logo{padding: 14px 17px 16px 16px;}
    .select-btn{padding: 15px 15px 15px 16px;top: 24px;}
    .resp-tab-content .mob-ad-preview-sec{margin: 9px 0 0 0;}
    .resp-tab-content .ad-preview-slider .slick-arrow {margin: 0;border-radius: 0;bottom: 0;margin: auto;}
    .resp-tab-content .form-main button {margin: 8px 0 0 0;}
    .resp-tab-content .pagination {padding: 26px 0 0 20px;}
    .select-styled:before{width: 12px;height: 8px;right: 16px;top: 19px;}
    .enumenu_ul{position: absolute;display: block !important;width: 100%;right: -110%;top: 100%;height: 100vh;overflow: scroll;background-color: #262C5C;z-index: 2;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;border-top: 1px solid #3c416b;padding: 0 0 150px 0;}
    .header-main{padding: 10px 9px 16px 10px;}
    .footer.bottom .container {padding-bottom: 52px;}
    .footer.bottom .container p {margin-right: 14px;}
    .menu-icon {display: block;width: 32px;height: 20px;position: relative;top: 1px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
    .menu-icon span {display: block;position: absolute;height: 2px;width: 100%;background: #262C5C;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    .menu-icon span:nth-child(1) {top: 0px;}
    .menu-icon span:nth-child(2) {top: 8px;}
    .menu-icon span:nth-child(3) {top: 16px;}
    .menu-icon.active span{background-color: #ffffff;}
    .menu-icon.active span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
    .menu-icon.active span:nth-child(2) {opacity: 0;left: -60px;}
    .menu-icon.active span:nth-child(3) {top: 8px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
    .admin-header {height: 64px;}
    .small-header .header-main {padding-top: 10px; height: 74px;}
    .header-main .logo {margin-top: 0px;}
    .stepper-wrapper {padding-top: 80px; padding-bottom: 10px;}
    .stepper-wrapper .stepper-inner {margin-bottom: 0;}
    .step-name {display: none;}
    body.menu-open{overflow: hidden;}
    .menu-open .admin-header{background-color: #262C5C;border-bottom: 1px solid #3c416b;}
    .menu-open .enumenu_ul{right: 0;}
    .enumenu_ul ul li {margin: 0 0 0 0;width: 100%;}
    .enumenu_ul ul li a {font-weight: 700;font-size: 20px;line-height: 24px;color: #ffffff;padding: 22px 23px 23px 23px;display: block;border-bottom: 1px solid #3c416b;letter-spacing: -0.2px;}
    .enumenu_ul ul li a:before{height: auto;right: auto;bottom: 0;width: 2px;}
    .enumenu_ul ul li.has-children > a:after{display: none;}
    span.arrow {position: absolute;content: "";width: 40px;height: 70px;right: 26px;top: 0;bottom: auto;margin: auto;background-image: url(../images/down-arrow-green.svg);background-position: center center;background-repeat: no-repeat;background-size: 13px;z-index: 1;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
    .enumenu_ul ul.sb-menu:before{display: none;}
    .enumenu_ul ul.sb-menu {position: static;width: 100%;opacity: 1;visibility: visible;box-shadow: none;border-radius: 0px;background-color: rgba(0, 0, 0, 0.1);padding: 31px 0 0 0;transition: none;border-bottom: 1px solid #3c416b;}
    .enumenu_ul ul.sb-menu li a {font-weight: 500;font-size: 18px;line-height: 20px;color: #ffffff;padding: 0 20px 30px 23px;text-align: left;display: block;border-bottom: 0;}
    .arrow.up {transform: rotate3d(0, 0, 1, 180deg);}
    .connect-facebook-sec {padding: 24px 0 30px 0;}
    .connect-facebook-wrap{max-width: 95%;margin: 0 auto;}
    .connect-facebook-right {width: 100%;padding: 62px 0 61px 0;order: 1;}
    .connect-facebook-left {padding: 32px 23px 33px 20px;order: 2;width: 100%;}
    .connect-facebook-right img {max-width: 56%;}
    .connect-facebook-content h3 {font-size: 20px;line-height: 24px;margin: 0 0 16px 0;}
    .connect-facebook-content p {margin: 0 0 24px 0;font-size: 14px;line-height: 18px;}
    .connect-facebook-content .btn {margin: 0 0 17px 0;display: block;text-align: center;}
    .connect-facebook-content a{font-size: 14px;line-height: 18px;}
    .account-details-sec {padding: 24px 0 30px 0;}
    .account-details-wrap{max-width: 95%;width: 100%;margin: 0 auto;padding: 24px 24px 24px 24px;}
    .account-details-heading h2 {font-size: 20px;line-height: 24px;letter-spacing: -0.2px;}
    .account-details-left{border: 0;width: 100%;padding: 0 0 9px 0;border-bottom: 1px solid rgba(73, 73, 73, 0.1);}
    .account-details-heading {padding: 0 0 33px 0;}
    .account-details-info h4{font-size: 18px;line-height: 20px;letter-spacing: -0.2px;margin: 0 0 23px 0;}
    .account-details-info .form-main ul li {margin: 0 0 23px 0;}
    .account-details-right {padding: 32px 0 0 0;width: 100%;}
    .account-details-info .form-main ul li.hide-desk{display: block;}
    .account-details-info .form-main ul li.hide-mob{display: none;}
    .account-details-info .form-main button {margin: 9px 0 0 0;padding: 18px 10px 16px 10px;font-size: 14px;line-height: 18px;width: 100%;text-align: center;}
    .credit-card-details-sec {padding: 32px 0 0 0;border-top: 1px solid rgba(73, 73, 73, 0.1);margin: 9px 0 0 0;}
    .credit-card-details-sec h5 {font-weight: 700;font-size: 18px;line-height: 20px;letter-spacing: -0.2px;margin: 0 0 25px 0;}
    .credit-card-details-sec a {border: 1px solid rgba(73, 73, 73, 0.1);font-size: 14px;line-height: 18px;padding: 16px 10px 16px 10px;width: 100%;text-align: center;}
    .enumenu_ul ul.sb-menu li.active a {color: #00deae;}
    .dashboard-sec {padding: 8px 0 16px 0;}
    .dashboard-wrap{position: relative;max-width: 95%;width: 100%;margin: 0 auto;}
    .mob-filter-btn{position: absolute;right: 0;top: 0;display: block;}
    .dashboard-heading {padding: 14px 0 0 0;}
    .dashboard-heading h2 {font-size: 20px;line-height: 24px;letter-spacing: -0.2px;margin: 0 0 30px 0;}
    .mob-filter-btn a {border: 1px solid rgba(73, 73, 73, 0.1);border-radius: 8px;display: inline-block;font-weight: 600;font-size: 16px;line-height: 18px;color: #494949;padding: 16px 24px 16px 59px;background-image: url(../images/filter-icon.svg);background-position: 22px 50%;background-repeat: no-repeat;}
    .search-sec form input {width: 100%;padding: 16px 50px 16px 23px;}
    .search-sec form button{height: 52px;}
    .close-icon {right: 23px;top: 23px;width: 26px;height: 26px;background-size: cover;}
    .filter-list{position: fixed;top: 60px;right: -110%;width: 100%;bottom: 0;height: 100vh;overflow: scroll;background-color: #262C5C;z-index: 2;display: block;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;padding: 0 0 40px 0;}
    .filter-list.active{right: 0;}
    .filter-list ul li input.date-range{width: 100%;text-align: center;font-size: 16px;line-height: 20px;padding: 16px 20px 14px 20px;max-width: 330px;background-position: 75% 50%;}
    .dashboard-campaign-list {padding: 12px 0 0 0;}
    .dashboard-campaign-list ul li a {padding: 22px 24px 24px 24px;align-items: flex-start;}
    .name-sec {max-width: 100%;width: 100%;border-bottom: 1px solid rgb(73 73 73 / 10%);padding: 0 90px 22px 0;}
    .name-sec + .dashboard-count-box {max-width: 100%;width: 32%;padding: 1px 0 19px 6px;position: absolute;right: 9px;top: 22px;}
    .name-sec + .dashboard-count-box small{display: none;}
    .dashboard-count-box{padding: 21px 0 0 0;}
    .dashboard-count-box span{font-size: 14px;line-height: 18px;position: static;max-width: 100%;}
    .dashboard-count-box small {font-size: 11px;line-height: 12px;}
    .dashboard-sec.without-facebook {padding: 24px 0 16px 0;}
    .close-filter {display: block;background-image: url(../images/filter-close-icon.svg);width: 32px;height: 32px;position: absolute;right: 29px;top: 18px;}
    .filter-list span.mob{display: block;margin: 0;font-weight: 700;font-size: 20px;line-height: 24px;color: #ffffff;border-bottom: 1px solid #3c416b;padding: 23px 70px 22px 24px;letter-spacing: -0.2px;}
    .filter-list span{display: none;}
    .filter-list ul{padding: 24px 24px 0 24px;}
    .filter-list ul li{width: 100%;margin: 0 0 25px 0;text-align: center;}
    .filter-list ul li a{display: block;text-align: center;font-size: 16px;line-height: 20px;padding: 16px 20px 14px 20px;max-width: 330px;margin: 0 auto;}
    .filter-list ul li a.date-range{padding: 15px 46px 15px 23px;background-image: none;}
    .filter-list ul li a.date-range:after{content: "";position: absolute;background-image: url(../images/calendar-icon.svg);width: 15px;height: 16px;margin: 2px 0 0 9px;}
    body.filter-open{overflow: hidden;}
    .campaign-list small{display: block;padding: 4px 0 0 0;}
    .action{display: none;}
    .campaigns-wrap {position: relative;max-width: 95%;width: 100%;margin: 0 auto;}
    .campaigns-heading h2, .roles-heading h2 {font-size: 20px;line-height: 24px;letter-spacing: -0.3px;margin: 0 0 30px 0;}
    .campaigns-heading, .roles-heading {padding: 14px 0 0 0;}
    .campaigns-sec, .roles-sec {padding: 24px 0 32px 0;}
    .campaign-list {padding: 12px 0 0 0;}
    .campaign {max-width: 100%;width: 100%;padding: 0 94px 21px 0;border-bottom: 1px solid #ededed;}
    .campaign-list span.live {font-size: 14px;line-height: 16px;}
    .role-list ul li {width: 100%;}
    .campaign-list ul li {justify-content: space-between;padding: 23px 16px 22px 24px;}
    .campaign-list ul li .sub-title {display: none;}
    .campaign-list span {font-weight: normal;font-size: 12px;line-height: 14px;}    
    .package {max-width: 36%;width: 100%;padding: 22px 0 0 2px;}
    .status {max-width: 33%;position: absolute;right: -1px;top: 24px;}
    .status span {font-weight: 600; font-size: 14px;line-height: 16px;}
    .post-codes {max-width: 45%;width: 100%;padding: 22px 0 0 0;}
    .new-campaign-btn a{display: block;width: 100%;text-align: center;}
    .new-campaign-btn {padding: 8px 0 0 0;}
    .campaigns-detail-sec {padding: 23px 0 32px 0;}
    .campaigns-detail-wrap {width: 100%;margin: 0 auto;}
    .campaigns-detail-top h2 {font-size: 18px;line-height: 28px;letter-spacing: -0.2px;width: 100%;padding: 0 70px 0 0;}
    .campaigns-detail-top {padding: 21px 23px 7px 23px;}
    .campaigns-detail-btn {width: 100%;padding: 21px 0 0 0;}
    .campaigns-detail-btn a {border: 1px solid rgba(73, 73, 73, 0.1);display: block;padding: 15px 20px 14px 20px;font-size: 14px;line-height: 18px;margin: 0 0 16px 0;text-align: center;}
    .campaigns-detail-btn .back-icon {background-image: none;}
    .campaigns-detail-btn .back-icon:before{background-image: url(../images/green-arrow-back.svg);background-repeat: no-repeat; content: "";display: inline-block;vertical-align: top;margin: 4px 16px 0 0;width: 22px;height: 22px;}    
    .campaigns-detail-btn .duplicate-icon {background-image: none;}
    .campaigns-detail-btn .duplicate-icon:before{background-image: url(../images/green-duplicate-icon.svg);content: "";display: inline-block;vertical-align: top;width: 22px;height: 22px;margin: -1px 14px 0 0;}
    .campaigns-detail-btn .cancel-icon {background-image: none;}
    .campaigns-detail-btn .cancel-icon:before{background-image: url(../images/red-cancel.svg);content: "";display: inline-block;vertical-align: top;margin: -1px 15px 0 0;width: 22px;height: 22px;}
    .campaigns-detail-main{position: relative;}
    .campaigns-count-box:first-child {position: absolute;right: -1px;top: 26px;max-width: 27%;padding: 0 0 0 0;}
    .campaigns-count-box:first-child span{top: 0;left: 0;}
    .campaigns-count-box:first-child small{display: none;}
    .campaigns-count-box span{font-size: 14px;line-height: 18px;}
    .campaigns-detail-bottom{padding: 21px 24px 1px 23px;}
    .campaigns-count-box{padding: 0 0 22px 0;max-width: 33.33%;border: 0;}
    .campaigns-count-box:last-child{max-width: 33.33%;}
    .campaigns-count-box small {font-size: 11px;line-height: 12px;}
    .campaigns-detail-main{margin: 0 0 23px 0;}
    .date-left {width: 100%;}
    .date-right {width: 100%;}
    .date-sec .campaigns-detail-wrap .date-content {padding: 8px 24px 8px 24px !important;}
    .suburbs-left {width: 100%;}
    .suburbs-right {width: 100%;padding-top: 85%;}
    .suburbs-right .drop-pin-btn a {padding: 7px 12px 7px 12px; font-weight: normal; font-size: 12px; border-radius: 4px;}    
    .campaigns-detail-wrap .suburbs-content {padding: 25px 24px 9px 24px;}
    .suburbs-content h4 {font-size: 18px;line-height: 20px;letter-spacing: -0.2px;margin: 0 0 9px 0;}
    .campaigns-detail-wrap .suburbs-content p {margin: 0 0 30px 0;}
    .location-info {padding: 17px 0 0 0;}
    .location-info span {font-size: 12px;line-height: 16px;padding: 10px 34px 10px 16px;margin: 0 3px 15px 0;}
    .close-location{right: 11px;}
    .keyword-list-box div {height: 220px;}
    .category-list-box div {height: 220px;}
    .demographics-list-box div {height: 220px;}
    .demographics-list-box div {height: 220px;}
    .suggested-keyword-list span, .keyword-list span {font-size: 11px; line-height: 15px; padding: 10px 36px 10px 18px;}
    .suggested-keyword-list {flex: 0 0 100%; display: flex;flex-wrap: wrap;}
    .category-list span, .keyword-list span {font-size: 11px; line-height: 15px; padding: 10px 36px 10px 18px;}
    .category-list {flex: 0 0 100%; display: flex;flex-wrap: wrap;}
    .demographics-list span, .keyword-list span {font-size: 11px; line-height: 15px; padding: 10px 36px 10px 18px;}
    .demographics-list {flex: 0 0 100%; display: flex;flex-wrap: wrap;}
    .keyword-list-box {width: 100%; flex: 0 0 100%;}
    .keyword-list-box ul li {margin: 0; margin-bottom: 1px;}
    .category-list-box {width: 100%; flex: 0 0 100%;}
    .category-list-box ul li {margin: 0; margin-bottom: 1px;}

    .demographics-list-box {width: 100%; flex: 0 0 100%;}
    .demographics-list-box ul li {margin: 0; margin-bottom: 1px;}
    
    .demographics-list-box {width: 100%; flex: 0 0 100%;}
    .demographics-list-box ul li {margin: 0; margin-bottom: 1px;}
    .keyword-move-icons {width: 100%; flex: 0 0 100%; padding-top: 20px;}
    .keyword-move-icons ul {width: 100%; align-content: center;}
    .keyword-move-icons ul li {margin: 0 12px;}
    .keyword-move-icons ul li a{margin-right: -3px;}
    .keyword-move-icons ul li img {transform: rotate(90deg); margin: 0};
    .category-move-icons {width: 100%; flex: 0 0 100%; padding-top: 20px;}
    .category-move-icons ul {width: 100%; align-content: center;}
    .category-move-icons ul li {margin: 0 12px;}
    .category-move-icons ul li a{margin-right: -3px;}
    .category-move-icons ul li img {transform: rotate(90deg); margin: 0};

    .demographics-move-icons {width: 100%; flex: 0 0 100%; padding-top: 20px;}
    .demographics-move-icons ul {width: 100%; align-content: center;}
    .demographics-move-icons ul li {margin: 0 12px;}
    .demographics-move-icons ul li a{margin-right: -3px;}
    .demographics-move-icons ul li img {transform: rotate(90deg); margin: 0};

    .update-btn{display: none;}
    .mob-update-btn {display: block;width: 100%;padding: 24px 22px 24px 22px;}
    .campaigns-detail-wrap .date-sec{margin: 0 0 24px 0;}
    .campaigns-detail-wrap .suburbs-sec{margin: 0 0 24px 0;}
    .campaigns-detail-wrap .advert-design-left {padding: 23px 20px 10px 20px;width: 100%;}
    .designTypeChoice div {margin: 24px 6px;}
    .campaigns-detail-wrap .advert-design-heading h2 {font-size: 18px;line-height: 22px;margin: 0 0 8px 0;letter-spacing: -0.2px;}
    .campaigns-detail-wrap .advert-design-tab-wrap span.note {margin: 0 0 7px 0;}
    .campaigns-detail-wrap .resp-tabs-list li {padding: 16px 5px 16px 5px;font-size: 13px;line-height: 16px;}
    .campaigns-detail-wrap .resp-tab-content .mob-ad-preview-sec {margin: 1px 0 0 0;}
    .campaigns-detail-wrap .mob-ad-preview-sec{padding: 0 0 32px 0;}
    .campaigns-detail-wrap .ad-preview-slider-sec {padding: 33px 0 0 0;}
    .campaigns-detail-wrap .ad-preview-slider {margin: 26px 0 0 0;}
    .campaigns-detail-wrap .mob-ad-preview-sec:before{z-index: 0;}
    .campaigns-detail-wrap .ad-preview-wrap{z-index: 1;position: relative;}
    .campaigns-detail-wrap .resp-tab-content .ad-preview-slider .slick-arrow{left: -10px;margin: auto;width: 48px;}
    .campaigns-detail-wrap .resp-tab-content .ad-preview-slider .slick-next.slick-arrow{left: inherit;right: -10px;}
    .campaigns-detail-wrap .resp-tab-content .form-main button {margin: 0 0 0 0;width: 100%;text-align: center;}
    .invoice-list small{display: block;padding: 5px 0 0 0;}
    .invoice-sec {padding: 24px 0 16px 0;}
    .invoice-wrap {max-width: 95%;width: 100%;margin: 0 auto;position: relative;}
    .invoice-heading h2 {font-size: 20px;line-height: 24px;margin: 0 0 31px 0;padding: 14px 0 0 0;}
    .invoice-top{display: none;}
    .invoice-list {padding: 11px 0 0 0;}
    .invoice-number{max-width: 100%;padding: 0 0 21px 0;border-bottom: 1px solid #ededed;}
    .invoice-list ul li {flex-wrap: wrap;padding: 22px 25px 24px 24px;justify-content: space-between;margin: 0 0 18px 0;}
    .date {max-width: 66%;padding: 22px 0 0 0;}
    .amount {max-width: 34%;padding: 22px 0 0 2px;}
    .invoice-list span {font-weight: 600;font-size: 14px;line-height: 16px;}
    .invoice-list .action {max-width: 100%;width: 100%;display: block;padding: 23px 0 0 0;}
    .download-btn a{display: block;background-image: none;font-size: 14px;line-height: 16px;text-align: center;padding: 14px 25px 14px 42px;}
    .download-btn a:before{content: "";background-image: url(../images/expand-arrow-filterable.svg);width: 13px;height: 15px;display: inline-block;position: absolute;margin: 2px 0 0 -19px;}
    .update-popup-content {padding: 32px 24px 32px 24px;}
    .update-popup-content h4 {font-size: 20px;line-height: 24px;letter-spacing: -0.2px;margin: 0 0 20px 0;width: 100%;}
    .update-popup-content img {display: block;margin: 0 auto 33px;}
    .update-popup-content .card-cancel {font-size: 14px;line-height: 16px;border: 1px solid rgba(73, 73, 73, 0.1);padding: 17px 20px 17px 20px;margin: 0 0 16px 0;display: block;}
    .update-popup-content .card-update {font-size: 14px;line-height: 16px;padding: 16px 20px 16px 20px;margin: 0 0 0 0;display: block;}
    .mfp-close{background-image: url(../images/close-icon-white.svg);top: -53px;right: -1px;}
    .resize-image-content h2 {font-size: 20px;line-height: 24px;margin: 0 0 0 0;position: absolute;left: 0;top: -49px;color: #ffffff;}
    .resize-image-content img {border-radius: 16px 16px 0 0;}
    .resize-image-bottom{padding: 31px 25px 33px 24px;}
    .zoom {padding: 0 0 31px 0;width: 100%;}
    .rotation {padding: 0 0 25px 0;width: 100%;}
    .rotate {display: none;}
    .resize-image-btn {padding: 0 0 0 0;width: 100%;}
    .resize-image-btn a{display: block;text-align: center;}
    .resize-image-content{padding: 0;}
    .payment-wrap,.verify-email-wrap{padding: 0;}
    .payment-page-sec .payment-wrap,.payment-page-sec .verify-email-wrap {min-width: 100%; padding: 16px;}
    .form-main button.search-icon{width: 44px;height: 50px;background-size: 16px;}
    .dashboard-count-box span.up:before{margin: -2px 2px 0 0;}
    .dashboard-count-box span.down:before{margin: -2px 3px 0 0;}
    .advert-design-wrap{padding: 0;}
    .mfp-container{padding: 100px 0;}
    .advert-location-heading h2, .advert-campaignSelect-heading h2, .category-list-container h2, .demographics-list-container h2 {font-size: 20px;line-height: 24px;margin: 0 0 9px 0;}
    .advert-location-wrap, .advert-campaignSelect-wrap {padding: 0 10px 0 10px;}
    .advert-plan-sec ul li,.advert-plan-sec-campselect ul li {width: 100%;padding: 0 15px 17px;}
    .advert-location-sec, .advert-campaignSelect-sec {padding: 22px 0 50px 0;}
    .advert-plan-sec ul li a, .advert-plan-sec-campselect ul li a {padding: 20px 20px 21px 20px; min-height: auto;}
    .advert-plan-sec ul li h5, .advert-plan-sec-campselect ul li h5 {font-size: 18px;line-height: 22px;letter-spacing: -0.1px;}
    .advert-plan-sec ul li h5 span, .advert-plan-sec-campselect ul li h5 span {font-size: 14px;line-height: 18px;letter-spacing: -0.3px;padding: 0 0 0 1px;}
    .advert-plan-sec, .advert-plan-sec-campselect {padding: 32px 0 14px 0;}
    .cancel-popup-content{padding: 32px 23px 32px;}
    .cancel-popup-content h4 {font-size: 20px;line-height: 24px;letter-spacing: -0.2px;margin: 0 0 16px 0;}
    .cancel-popup-content p {margin: 0 0 24px 0;font-size: 14px;line-height: 18px;}
    .cancel-popup-content a.dont-btn {display: block;border: 1px solid rgba(73, 73, 73, 0.1);border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #262C5C;padding: 16px 31px 16px 30px;margin: 0 0 16px 0;width: 100%;}
    .cancel-popup-content a.yes-btn {display: block;background-color: #00DEAD;border-radius: 8px;border: 1px solid #00DEAD;font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;padding: 16px 38px 16px 38px;margin: 0 0 0 0;width: 100%;}
    .canceled-popup-content img {max-width: 95px;}
    .canceled-popup-content {padding: 38px 24px 32px;}
    .canceled-popup-content h4 {font-weight: bold;font-size: 20px;line-height: 24px;letter-spacing: -0.2px;color: #262C5C;margin: 33px 0 16px 0;}
    .canceled-popup-content p {margin: 0 0 24px 0;font-size: 14px;line-height: 18px;padding: 0 6px 0;}
    .canceled-popup-content p br{display: none;}
    .canceled-popup-content .back-btn {display: block;font-size: 14px;line-height: 16px;padding: 16px 34px;}    
    .close-source-keyword, .close-keyword { right: 12px; }    
    .hovertext::after {right: 0; left: auto;}
    .chart-design-left {width: 100%;padding: 32px 9px 9px 9px;}
    .chart-design-right {width: 100%;padding: 32px 9px 9px 9px;}
    .campaigns-detail-wrap .chart-design-left {padding: 23px 20px 10px 20px;width: 100%;}
    .campaigns-detail-wrap .chart-design-right {padding: 10px 20px 10px 20px;width: 100%;}
    .chart-body {margin:10px;}
    .chart-design-wrap {padding: 0;}
    .chart-design-left{ width:45% }
    .chart-design-right{ width:45% }
    .main-filter-container, .expand-popup-main{width:500px;}
    .popup-btn-container{top:85% !important;transform: translate(-83%,10px);}
    .from-date input, .to-date input, .byAddress input {font-size:12px;width:50%;}
    .dropdown-menu{display: block;height: 455px;width: 100%;}
    .expand-popup {width: 320px;right:0;z-index: 1001;height: fit-content;}
    .byDate, .byUser, .byFranchise, .byStatus, .byOffice, .byAddressOrCampaignNameHeader {width:95%;margin:5px}
    .from-date p, .to-date p, .byAddress p {font-size:12px;}
    .byUser select, .byFranchise select, .byStatus select, .byOffice select {font-size:12px;}
    .search-container{width:300px;margin-bottom: 20px;}
    .btn-search{width: 30%;padding: 0px;}
    .role-select select, .office-select select, .franchise-select select {font-size:14px;padding: 5px 10px;}
    .btn-update, .btn-delete{padding:5px 10px}
    .role-top{display: none;}
    .msg-box{top:50px}

    .imageUploader{width:500px;transform: translate(15%,0px);top:10%;}
    .inlineVideo{width:500px;transform: translate(15%,0px);top:10%;}
    .inlineVideo video {width:488px;}
    .custom-close-btn{top:10px;right:15px;background-image: url('../images/close-icon-blue.svg') !important;}
    .footer-fixed{position: relative;}
    .shortcut{left:10px;}
    .recurring-prices-heading::after, .one-time-prices-heading::after {left: 0 !important;}
    .uploadAudio, .uploadVideo {margin-top: 0 !important;}
    .fullSizeAdPreview{max-width: 90%; overflow-x: auto;}
    .custom-file-button { padding: 15px 30px 15px 30px; width: 144px; }
}
@media (max-width: 640px){
    .main-filter-container {width: 400px;display: block;}
    .expand-popup{width:320px;right:0;z-index: 1001;height: fit-content;}
    .popup-btn-container{width: 320px;}
    .dropdown-menu{display: block;height: 452px;width: 100%;}
    .byDate, .byUser, .byFranchise, .byStatus, .byOffice, .byAddressOrCampaignNameHeader {width:95%;margin:5px}
    .from-date input, .to-date input, .byAddress input {font-size:14px;width:55%;}
    .from-date p, .to-date p,  .byStatus select,  .byUser select, .byFranchise select, .byOffice select, .byAddress select {font-size:14px;}
    .popup-btn-container{top:86% !important;transform: translate(-84%,10px);}
    .inlineAudio {transform: translate(45%, 0px) !important;}
}

@media (max-width: 550px){
    .custom-file-button { width: 162px; }
}
@media (max-width: 480px){
    .roles-sec{padding: 40px 0px;}
    .expand-popup{width: 300px;height: fit-content;max-height: 450px;right:0;z-index: 1001;}
    .main-filter-container {width: 200px;display: block;}
    .dropdown-menu{display: block;height: 450px;width: 100%;}
    .byDate, .byUser, .byStatus, .byFranchise, .byOffice, .byAddressOrCampaignNameHeader {width:95%;margin:5px;text-align: left;}
    .popup-btn-container{top:86% !important;transform: translate(-87%,10px);left: 80%;}
    .header-text{font-size: 14px;}
    .role-list ul li{display: block;}
    .name-box{display: flex;position: relative;width: 100%;margin-bottom: 10px;}
    .firstName,.lastName{width: 48%;max-width: 48%;}
    .firstName{float: left;}
    .email-address, .role-action{width: 80%;margin-top: 5px;margin-bottom: 10px;}
    .role{max-width:60%;width: 60%;}
    .role-action {position: absolute;top:62%;right:0px}
    .search-box{margin-bottom: 65px;}
    .search-container{float: right;}
    .search-container input{padding:15px 10px; }
    .msg-box{top:42px}
    .instructions{font-size: 12px;}
    .imageUploader{width: 80%;transform: translate(10%,0px);top:12%;height: 390px;}
    .inlineVideo{width: 80%;transform: translate(10%,0px);top:12%;height: 300px;}
    .inlineVideo video{width: 70.4%}
    .logo-header-text{font-size: 14px;}
    .imageUploader .header, .footer-container-popup{height:45px;}
    .inlineVideo .header, .footer-container-popup{height:45px;}
    #verification-form .form-main button{padding:15px 20px 15px 20px}
    .loading-div{background-size: 40%;}
    .sign-up-right-content {padding: 25px 4px 30px 4px}
    .sign-up-right-content h2{margin: 10px 0px 15px 0px}
    #verification-form .form-main .intro p{padding:8px !important}
    .shortcut{left:20px;}
    .inlineAudio {transform: translate(20%, 0px) !important;}
    .advert-design-tab-logo li {flex: 50% !important;margin: 0 !important;}
    .advert-design-tab-2 > .resp-tabs-list li {flex: 50% !important;margin: 0 !important;border: 1px solid #e9eaef !important;}
    .resp-tabs-list-logo li:nth-child(1), .advert-design-tab-2 > .resp-tabs-list li:nth-child(1){border-radius: 4px 0 0 0 !important;}
    .resp-tabs-list-logo li:nth-child(3), .advert-design-tab-2 > .resp-tabs-list li:nth-child(3){border-radius: 0 0 0 4px !important;}
    .resp-tabs-list-logo li:nth-child(2), .advert-design-tab-2 > .resp-tabs-list li:nth-child(2){border-radius: 0 4px 0 0 !important;}
    .resp-tabs-list-logo li:nth-child(4), .advert-design-tab-2 > .resp-tabs-list li:nth-child(4){border-radius: 0 0 4px 0 !important;} 
    .loader .user-msg {transform: translate(15%,65%);}
    .fullSizeAdPreview{max-width: 85%; overflow-x: auto;}
}

@media (max-width:1000px) {
	.light-modal {--lm-small-modal: 44vw;--lm-large-modal: 70vw;}
    .inlineAudio{transform: translate(90%, 0px);}
}
@media(max-width: 370px){
    .main-filter-container{width:160px;}
    .ad-preview-slider .slick-arrow {left: -15px;bottom: 78px;}
    .ad-preview-slider .slick-next.slick-arrow{right: -15px;}
    .campaigns-detail-wrap .resp-tab-content .ad-preview-slider .slick-arrow {width: 35px;height: 35px;background-size: cover;}
    .inlineAudio {transform: translate(5%, 0px) !important;}
}

@media (max-width: 312px){
    .inlineAudio{width: 90% !important; transform: none !important;}
    .inlineAudio audio{width: 90% !important;}
}

@media (min-width: 1024px){
    .advert-design-left{height: 1431px;overflow-y: scroll;overflow-x: hidden;}
}

@-webkit-keyframes basic {
	0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes basic {
	0% {opacity: 0}
    100% {opacity: 1}
}

@media (max-width: 925px) {
	.advert-plan-sec ul li.small-package {width: 33.33%;}
  }
@media (max-width: 575px) {
	.advert-plan-sec ul li.small-package {width: 100%;}
    .advert-plan-sec ul li.small-package p[title] {display: block; font-size: 14px;}
    .advert-plan-sec ul li.small-package h5 {font-size: 18px;}
    .advert-plan-sec ul li.small-package .targeted-companies {font-size: 14px; }
  }