@media screen and (max-width:1900px){
	.gridview .campaign-card .rank-up, .gridview .campaign-card .rank-down {
		padding: 7px 13px 5px;
		font-size: 13px;
	}
}
@media screen and (max-width:1800px){
	.cam_cnt .custom-dataTable table.dataTable tbody tr td:last-child {
	    min-width: 110px;
	}
	#rank_history_chart .modal-dialog {
	    max-width: 1400px;
	}
}
@media screen and (max-width:1700px){
	.cam_cnt .details-subheader {
		padding: 21px 20px 17px;
	}
	.cam_cnt .link-type-span, .cam_cnt .average-span {
	    padding: 8px 20px 6px;
	    font-size: 16px;
	}
}
@media screen and (max-width:1600px){
	.mp_blocks .mp_block h3 {
		font-size: 26px;
	}
	.liu_c_wrapper .c-subheader h2 {
		font-size: 18px;
	}
	.liu_c_wrapper .btn.main-button, #shareCampaign .btn#btn_share.btn-success {
		font-size: 17px;
	}
	.prof_info h4 {
		font-size: 22px;
	}
	.prof_info .prof_img img {
	    width: 100px;
	    border: 2px solid #FE624C;
	}
	.gridview .campaign-card .card-header, .gridview .campaign-card .card-body {
	    padding: 0 15px !important;
	}
	/*.gridview .campaign-card .card-body .campaign-card-detail {
	    margin-bottom: 20px;
	}*/
	.plan_cnt h5 {
		font-size: 40px;
	}
	.liu_c_wrapper .plan_cnt .plan-price .price-number, .liu_c_wrapper .plan_cnt .plan-price .price-number span.main_price {
		font-size: 60px;
	}
	.bh_block {
		margin-top: 60px;
	}
	.bh_block h5 {
		font-size: 28px;
	}
	.cam_cnt table.dataTable#rank_table thead th:nth-child(9) {
	    min-width: 150px;
	}
	.cam_cnt table.dataTable#rank_table thead th:first-child {
	    min-width: 150px;
	}
}
@media screen and (max-width:1500px){
	.liu_c_wrapper .c-header ul.c-sidebar-nav li a {
		font-size: 16px;
	}
	.liu_c_wrapper .c-header ul.c-sidebar-nav {
		column-gap: 40px;
		margin-left: 40px;
	}
	.gridview .campaign-card {
		padding-top: 20px;
	}
	.gridview .campaign-card .card-footer .form-group {
		flex-direction: column;
	}
	.gridview .campaign-card .card-footer .grid_btn {
		width: 100%;
	}
	.gridview .campaign-card .card-footer .grid_btn:first-child {
	    border-right: 0;
	    border-bottom: 1px solid #3D3D70;
	}
    .gridview .campaign-card .card-body img {
	    margin-bottom: 15px;
	}
	/*.gridview .campaign-card .card-body .campaign-card-detail {
        margin-bottom: 10px;
    }*/
    .liu_c_wrapper .plan_cnt .plan-detail .pd_top {
    	padding-bottom: 30px;
    	margin-bottom: 30px;
    }
    .plan_cnt .plan-detail {
    	padding-top: 30px;
    }
    .liu_c_wrapper .plan_cnt .plan-head p {
    	padding: 0 10px;
    }
    .liu_c_wrapper .plan_cnt .plan-price .monthly, .liu_c_wrapper .plan_cnt .plan-price .annually {
    	margin-bottom: 30px;
    }
    .bh_block {
    	padding: 45px 55px 40px;
    }
    .cam_cnt .details-subheader {
    	column-gap: 20px;
    }
    .cam_cnt table.dataTable thead th:nth-child(11) {
	    min-width: 150px;
	}
	.gridview .campaign-card .campaign-card-detail p,
	.campaign-card .campaign-card-detail span:nth-child(2) {
		font-size: 14px;
	}
	.gridview .campaign-card .card-header {
		margin-bottom: 20px;
	}
	#rank_history_chart .modal-dialog {
	    max-width: 1200px;
	}
}
@media screen and (max-width:1400px){
	.prof_info .prof_img img {
        width: 80px;
    }
    .prof_info h4 {
        font-size: 20px;
    }
    .liu_c_wrapper .campaign-list .title span, .liu_c_wrapper .campaign-list .total span {
    	font-size: 16px;
    }
    .liu_c_wrapper .c-header ul.c-sidebar-nav {
        column-gap: 25px;
    }
    .hdr_user_inner {
    	padding-left: 40px;
    }
    .liu_c_wrapper .campaign-list {
    	padding: 15px !important;
    }
    .liu_c_wrapper .campaign-list p {
    	font-size: 15px;
    }
    .liu_c_wrapper .campaign-list .rank-up, .liu_c_wrapper .campaign-list .rank-down {
    	font-size: 13px;
    }
    .hdr_user_inner {
        padding-left: 30px;
    }
    .liu_c_wrapper .plan_cnt #my_plan .plan-head h2 {
    	font-size: 32px;
    }
    .liu_c_wrapper .plan_cnt .plan-price .price-number, .liu_c_wrapper .plan_cnt .plan-price .price-number span.main_price {
        font-size: 50px;
    }
    .bh_block {
    	margin-bottom: 15px;
    }
}
@media screen and (max-width:1300px){
	.liu_c_wrapper .campaign-list .thumbnail img {
	    width: 60px !important;
	}
	.liu_c_wrapper .campaign-list .title span, .liu_c_wrapper .campaign-list .total span {
        font-size: 15px;
    }
    .hdr_user_inner {
        padding-left: 20px;
    }
    .liu_c_wrapper .c-header ul.c-sidebar-nav {
    	margin-left: 25px;
    }
    .liu_c_wrapper .c-header-nav .btn.main-button {
	    padding: 8px 15px;
	    font-size: 16px;
	}
	.liu_c_wrapper .c-header ul.c-sidebar-nav li a, .hdr_user h4 {
        font-size: 15px;
    }
    .plan_cnt h5 {
        font-size: 34px;
    }
    .cam_cnt .link-type-span, .cam_cnt .average-span {
    	font-size: 14px;
    }
	#rank_history_chart .modal-dialog {
	    max-width: calc(100% - 40px);
	}
}
@media screen and (max-width:1200px){
	.liu_c_wrapper .c-header .c-header-brand img {
	    width: 130px;
	}
	.liu_c_wrapper .c-header ul.c-sidebar-nav {
		margin-left: 30px;
	}
	.liu_c_wrapper .c-header ul.c-sidebar-nav {
        column-gap: 30px;
    }
    .liu_c_wrapper .container-fluid, .liu_c_wrapper .c-footer {
	    padding-left: 40px;
	    padding-right: 40px;
	}
	.mp_blocks .mp_block {
		padding: 30px;
	}
	.mp_blocks .mp_block h3 {
        font-size: 23px;
    }
    .prof_info .prof_img img {
        width: 70px;
    }
    .pi_form .row {
    	flex-direction: column;
    }
    .pi_form .row .col-md-4 {
    	max-width: 100%;
    }
    .pi_form .alert-info {
    	padding: 14px 20px 15px;
    }
    .liu_c_wrapper .c-subheader {
    	padding: 20px 25px 19px;
    }
    .liu_c_wrapper .btn.main-button {
    	margin-right: 0;
    }
    .liu_c_wrapper .c-header ul.c-sidebar-nav li.dash_item a:before, .liu_c_wrapper .c-sidebar ul.c-sidebar-nav li.dash_item a:before {
    	width: 18px;
    	background-size: contain;
	    background-position: center;
	    background-repeat: no-repeat;
    }
    .liu_c_wrapper .c-header ul.c-sidebar-nav {
        column-gap: 25px;
    }
    .liu_c_wrapper .table-header .custom-search, .liu_c_wrapper .c-subheader .custom-search {
    	width: 250px;
    }
    .campaign-list .d-flex.align-items-center {
	    flex-direction: column;
	    text-align: center;
	    row-gap: 15px;
	}
	.liu_c_wrapper .campaign-list .thumbnail img {
        width: 90px !important;
    }
    .liu_c_wrapper .campaign-list {
        padding: 25px !important;
    }
    .liu_c_wrapper .campaign-list .rank-up {
	    margin-right: 0 !important;
	}
	.liu_c_wrapper .table-header .custom-search, .liu_c_wrapper .c-subheader .custom-search {
		margin-left: 0;
	}
	.liu_c_wrapper .c-subheader-actions {
	    display: flex;
	    column-gap: 10px;
	}
	.hdr_user {
		width: 180px;
    	flex-direction: column;
		border-left: 2px solid #191932;
		padding-top: 15px;
		row-gap: 10px;
		padding-bottom: 15px;
		align-items: flex-end;
	}
	.hdr_user .c-header-nav {
	    padding: 0 !important;
	    margin: 0 !important;
	}
	.hdr_user_inner {
		border: 0;
		padding-left: 0;
	}
	.liu_c_wrapper .c-header .c-header-nav.float-right {
		min-height: inherit;
	}
	.ha_inner, .layout_btns {
		column-gap: 10px;
		display: flex;
	}
	.liu_c_wrapper .plan_cnt .card {
		padding-top: 30px !important;
	}
	.liu_c_wrapper .plan_cnt .available-plans {
		row-gap: 30px;
	}
	.bh_block {
        margin-top: 45px;
        padding: 35px 45px;
    }
    .bh_block h5 {
        font-size: 26px;
    }
    .cam_cnt .details-subheader .custom-search {
    	width: 253px;
    }
    .cam_cnt .c-header-nav {
    	column-gap: 15px;
    }
    .cam_cnt #btn_show_edit_campaign_modal {
    	margin-left: 0 !important;
    }
    .cam_cnt .details-subheader {
        flex-direction: column;
        row-gap: 15px;
    }
    .liu_c_wrapper .cam_cnt .table-header .btn {
	    margin-left: 4px;
	}
	.liu_c_wrapper .c-subheader h2, .liu_c_wrapper .table-header .table-description span {
		font-size: 18px;
	}
	#rank_history_chart .modal-content {
	    padding-top: 100px !important;
	}
	.chart-toolbar {
		top: 30px;
		right: 25px;
	}
}
@media screen and (min-width:991px){
	#filterBox .modal-dialog {
		max-width: 790px;
	}
}
@media screen and (max-width:991px){
	.liu_c_wrapper .c-header ul.c-sidebar-nav {
		display: none;
	}
	.liu_c_wrapper .c-header-toggler {
	    display: block !important;
	    color: #fff;
	}
	.liu_c_wrapper .c-sidebar {
		display: block !important;
		background-color: #0D0D1F;
	}
	.liu_c_wrapper .c-header-toggler .c-icon {
		font-size: 2rem !important;
	}
	.liu_c_wrapper .c-header .c-header-brand {
		margin-left: 15px;
	}
	.liu_c_wrapper .c-subheader {
		row-gap: 20px;
	}
	.mp_blocks {
		flex-direction: column;
		row-gap: 30px;
	}
	.mp_blocks .mp_block {
		width: 100%;
	}
	.liu_c_wrapper .c-footer {
		padding-bottom: 70px;
	}
	.mp_blocks .mp_block:nth-child(2) h3 {
	    margin-bottom: 20px;
	}
	.plan_cnt .plan-detail {
		padding-left: 0;
		padding-right: 0;
	}
	.liu_c_wrapper .plan_cnt .card-body .btn.btn-current-plan, .liu_c_wrapper .plan_cnt .card-body .btn.main-button {
		height: 50px;
		line-height: 50px;
	}
	.bh_block .custom-box {
		padding-left: 20px;
		padding-right: 20px;
	}
	.bh_block > .row .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0;
	}
	.bh_block h5 {
		margin-bottom: 20px;
	}
	.cam_cnt .details-subheader {
        flex-direction: column;
        row-gap: 20px;
    }
    .cam_cnt .link-type-span, .cam_cnt .average-span {
        text-align: center;
    }
    .liu_c_wrapper .cam_cnt .table-header {
        flex-direction: column;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        row-gap: 15px;
    }
    .liu_c_wrapper .cam_cnt .table-header .btn.main-button.btn-tableColumns {
    	margin-left: 0;
    	margin-right: 4px;
    }
    .liu_c_wrapper .cam_cnt .table-header .btn.main-button#btn_apply {
    	margin-left: 5px !important;
    }
    .cam_cnt .custom-dataTable table.dataTable tfoot th {
    	font-size: 16px;
    }
    .cam_cnt.db_cnt .table-action {
	    flex-direction: column;
	    row-gap: 15px;
	}
}
@media screen and (max-width:767px){
	.liu_c_wrapper .container-fluid, .liu_c_wrapper .c-footer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .liu_c_wrapper .c-footer {
    	flex-direction: row;
    	flex: inherit;
    	text-align: center;
        gap: 20px;
        padding-top: 0;
    }
    .liu_c_wrapper .c-footer > div {
	    width: 100%;
	}
	.liu_c_wrapper .c-subheader h2 {
		line-height: 1.5;
		font-size: 17px;
		margin-right: 0 !important;
	}
	.liu_c_wrapper .c-main {
	    padding-top: 40px;
	}
	.pi_form .row .col-md-4, .pi_form .form-group .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.liu_c_wrapper .c-subheader, .ha_inner {
		flex-direction: column;
	}
	.ha_inner {
	    flex-direction: column;
	    row-gap: 10px;
	    align-items: center;
	}
	.bh_block .custom-box h2, .bh_block .custom-box p {
		line-height: 1.5;
	}
	.bh_block .custom-box {
		padding: 15px 20px;
	}
	.cam_cnt .d-inline-block#info_group {
	    flex-direction: column;
	    align-items: center;
	    row-gap: 10px;
	}
	.cam_cnt .btn.btn-tab {
		font-size: 16px;
	}
	#filterBox .modal-dialog {
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #edit_campaign .region-select2 .form-group:last-child {
	    display: flex;
	    flex-direction: column;
	}
	#register_form .col-md-6 {
	    padding-right: 0 !important;
	    padding-left: 0 !important;
	}
	.authentication-card.login_form .card form button[type="submit"] {
	    font-size: 15px !important;
	}
	.dl_link label {
	    margin-right: 10px;
	}
	.chart-toolbar {
        flex-wrap: wrap;
        width: calc(100% - 50px);
    }
	.chart-toolbar .datepicker-select-list {
		width: calc(50% - 10px);
	}
	.chart-toolbar .date-range {
		width: calc(50% - 10px);
	}
	#rank_history_chart .modal-content {
        padding-top: 140px !important;
    }
    .chart-toolbar .reset-chart {
    	display: none;
    }
}
@media screen and (min-width:576px){
	.modal-dialog {
		max-width: 610px;
	}
}
@media screen and (max-width:568px){
	.cam_cnt .table-description {
		flex-direction: column;
		row-gap: 15px;
		align-items: flex-start;
	}
	.cam_cnt #bulk_action_types_group {
	    margin: 0;
	}
	.cam_cnt .dataTables_wrapper .dataTables_paginate {
		text-align: right;
	}
	.modal-content {
		padding: 37px 20px 30px !important;
	}
	.modal-content h5 {
		font-size: 26px;
	}
	.popup-modal #btn_clear_filter {
		font-size: 16px;
	}
	#shareCampaign .modal-content h5 {
	    font-size: 19px;
	}
}
@media screen and (max-width:533px){
	.liu_c_wrapper .plan_cnt .btn.main-button {
		font-size: 16px;
	}
	.plan_cnt h5 {
        font-size: 32px;
        letter-spacing: 0;
    }
    .liu_c_wrapper .plan_cnt #my_plan .plan-head h2 {
    	letter-spacing: 0;
    }
}
@media screen and (max-width:480px){
	.liu_c_wrapper .c-header .c-header-brand {
		padding: 23px 20px;
	}
	.hdr_user_inner {
        padding-left: 15px;
    }
    .hdr_user {
    	padding-right: 15px;
    }
    .hdr_user_inner {
    	column-gap:10px;
    }
    .hdr_user h4 {
    	display: none;
    }
    .liu_c_wrapper .c-subheader h2 {
    	font-size: 16px;
    }
    .prof_info .prof_img img {
        width: 60px;
    }
    .prof_info {
    	column-gap: 15px;
    }
    .liu_c_wrapper .c-header-nav .btn.main-button {
    	font-size: 13px;
    }
    .liu_c_wrapper .c-subheader #btn_filter_by_tags img {
    	width: 20px;
    }
    .plan_cnt h5 {
        font-size: 28px;
    }
    .liu_c_wrapper .plan_cnt .plan-price .price-number, .liu_c_wrapper .plan_cnt .plan-price .price-number span.main_price {
        font-size: 40px;
    }
    .liu_c_wrapper .plan_cnt #my_plan .plan-detail h2 {
    	font-size: 22px;
    }
    .plan_cnt .upgrade-plan .section-head {
    	flex-direction: column;
    	row-gap: 15px;
    }
    .liu_c_wrapper .plan_cnt #my_plan .plan-head h2 {
        font-size: 30px;
    }
    .liu_c_wrapper .plan_cnt .plan-price .price-number, .liu_c_wrapper .plan_cnt .plan-price .price-number span.main_price {
        font-size: 36px;
    }
    .liu_c_wrapper .plan_cnt .plan-head p {
        padding: 0;
    }
    .cam_cnt .btn-group.tablist {
	    flex-wrap: wrap;
	}
	.cam_cnt #btn_all_tab {
		z-index: 9;
	}
	.cam_cnt .tablist .btn.btn-tab {
        font-size: 16px;
        margin-right: 0;
    }
    .cam_cnt.db_cnt .table-action > div {
	    display: flex;
	    flex-wrap: wrap;
	    row-gap: 10px;
	    column-gap: 6px;
	}
	.rem_row {
	    flex-direction: column;
	}
	.login_form .card {
		padding: 20px 25px 30px!important;
	}
	.rem_row {
	    flex-direction: column;
	    margin-bottom: 20px !important;
	}
	.login_form img {
	    max-width: 100%;
	}
}
@media screen and (max-width:440px){
	.cam_cnt .tablist .btn.btn-tab {
		width: 50%;
		margin-bottom: 0;
		padding: 10px 27px 12px;
	}
	.liu_c_wrapper .cam_cnt .card {
		z-index: 9;
	}
	.liu_c_wrapper .cam_cnt .table-header {
		padding-left: 15px;
		padding-right: 15px;
	}
	.liu_c_wrapper .cam_cnt .btn.main-button {
		padding: 8px 20px
	}
	.swal2-container .swal2-actions button {
		font-size: 16px !important;
		padding: 8px 15px;
	}
	.chart-toolbar {
		padding: 0;
		gap: 10px;
	}
	.chart-toolbar .datepicker-select-list, .chart-toolbar .date-range {
        width: calc(50% - 5px);
    }
}
@media screen and (max-width:400px){
	.liu_c_wrapper .c-header .c-header-brand img {
        width: 110px;
    }
    .liu_c_wrapper .c-header .c-header-brand {
        padding: 23px 15px;
    }
    .liu_c_wrapper .c-header-nav .btn.main-button {
        font-size: 12px;
    }
    .liu_c_wrapper .table-header .custom-search, .liu_c_wrapper .c-subheader .custom-search {
    	width: calc(100% - 50px);
    }
    .cam_cnt .link-type-span, .cam_cnt .average-span {
        font-size: 12px;
        padding: 8px 15px 6px;
    }
    .cam_cnt .d-inline-block {
    	column-gap: 5px;
    }
    .liu_c_wrapper .cam_cnt .btn.main-button {
        padding: 8px 15px;
    }
    .liu_c_wrapper .cam_cnt .table-header .btn.main-button.btn-tableColumns.exp_btn {
	    height: 45px;
	    width: 45px;
	    margin-right: 0;
	}
	.liu_c_wrapper .cam_cnt .table-header .btn.main-button.btn-tableColumns.exp_btn img {
	    width: 15px;
	}
	.cam_cnt .details-subheader .custom-search {
        width: 220px;
    }
    .cam_cnt .table-action {
	    row-gap: 5px;
	    display: flex;
	    flex-wrap: wrap;
	    column-gap: 5px;
	    width: 100%;
	}
	.liu_c_wrapper .db_cnt .table-header .custom-search {
		width: calc(100% - 55px);
	}
}
@media screen and (max-width:370px){
	.hdr_user {
        width: 160px;
    }
    .liu_c_wrapper .c-header-nav .btn.main-button {
        padding: 8px 10px;
    }
}