@media(max-width: 1799px){
	/*a.email-inner{
		min-height: 134px;
	}*/
	.emain-info{
		flex-basis: 70%;
	}
	.emain-info p{
		font-size: 14px;
	}
	.dl-model-col {
	    flex-basis: 18.44%;
	}
	.dl-content {
	    padding: 16px 15px 0px 15px;
	}
	span.customer-status{
		padding: 1px 6px;
	}
	.filter-btns .btn{
		min-width: 105px;
	}
}
@media(max-width: 1699px){
	.plan-graph-sublist .flex-box{
		width: 49.2%;
	}
	.dl-icon{
		width: 35px;
	    height: 35px;
	    line-height: 33px;
	    margin-right: 5px;
	}
	.dl-heading {
	    padding: 0px 10px 14px 15px;
	}
	.rvn-sub-filter{
		flex-basis: 15%;
	}
	.serch-box.cust-search {
	    margin-left: 30px;
	}
	.cust-search input.form-control {
	    width: 230px;
	}
	.title-rgt .cust-header-link li {
	    margin: 0 23px 0 0;
	}
	.title-rgt .cust-header-link li a{
		font-size: 17px;
	}
}
@media(min-width: 1299px) and (max-width: 1699px){
	.customer-row .col-xl-3{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 33.33%;
	    flex: 0 0 33.33%;
	    max-width: 33.33%;
	}

	.customer-view .col-xl-4{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}
@media(min-width: 1199px) and (max-width: 1299px){
	.customer-row .col-xl-3{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.customer-view .col-xl-4{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}
@media(max-width: 1399px){
	a.all-btn{
		padding: 12px 20px;
		font-size: 16px;
	}
	.title-first h2{
		font-size: 22px;
	}
	.serch-box input.form-control{
		width: 400px;
	}
	.serch-box{
		margin-left: 30px;
	}
	/*a.email-inner {
	    min-height: 174px;
	}*/
	.plan-graph-sublist .flex-box{
		width: 49%;
	}
	.dl-model-col {
	    flex-basis: 31.39%;
	    margin-bottom: 15px;
	}
	.rvn-sub-filter{
		flex-basis: 18%;
	}
	.serch-box.cust-search {
	    margin-left: 20px;
	}
	.cust-search input.form-control {
	    width: 220px!important;
	}

	.filter-btn{
		margin-left: 3px;
	}
	.title-rgt .cust-header-link li {
	    margin: 0 10px 0 0;
	}
	.title-rgt .cust-header-link li a {
	    font-size: 14px;
	}
	.filter-btns .btn {
	    min-width: 83px;
	    font-size: 16px;
	}
}
@media(max-width: 1299px){
	table.table.plan-tbl thead th span{
		display: block;
	}
}
@media(max-width: 1199px){
	/*a.email-inner {
	    min-height: 114px;
	}*/
	.edit-pic img {
	  width: 100%;
	}
	.plan-graph-sublist .flex-box{
		width: 100%;
	}
	.plan-graph-sublist .flex-box:last-of-type {
	    margin-left: 0;
	    margin-top: 15px;
	}
	.dl-model-col {
	    flex-basis: 47.4%;
	}
	.rvn-sub-filter{
		flex-basis: 25%;
	}
	.cust-search input.form-control {
	    width: 250px!important;
	    padding-left: 30px;
	}
	.cust-search span.form-control-feedback {
	    left: 10px;
	}

	.filter-btn{
		letter-spacing: 0;
	}

	.title-add.customer-mgt {
	    display: block;
	}
	.customer-mgt .title-lt {
	    display: block;
	}
	.serch-box.cust-search {
	    margin: 15px 0;
	}
	.title-rgt .cust-header-link {
	    margin: 0 0 20px;
	}
	.filter-btns .btn{
		min-width: 139px;
	}
}
@media (max-width: 1140px) {
	.serch-box input.form-control {
		width: 250px;
    	margin-right: 10px;
    	padding-left: 46px;
	}
	.serch-box .form-group.has-search .reset{
		right: 18px;
	}
	span.form-control-feedback{
		left:15px;
	}
	.title-add {
		justify-content: space-between;
	}
	.new-plan .form-group label{
		font-size: 10px;
	}

	.customer-view .customer-inner .cust-info ul {
	    margin: 0;
	    position: absolute;
	    left: 24px;
	    bottom: 16px;
	}
}


@media (max-width: 991px) {
	nav#mainNav {
	    height: 80px;
	    background: #fff;
	}
	div#navbarResponsive {
	    margin-top: 0px;
	}
	ul#exampleAccordion {
	    background: #131B41;
	}
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
		padding: 10px;
	}
	/*.serch-box {
	    margin-left: 0px;
	}*/
	.title-add{
		padding: 16px 21px;
	}
	button.navbar-toggler.navbar-toggler-right {
	    /*width: 200px;*/
	    text-align: center;
	    width: 30px;
	    height: 30px;
	    background-color: #131B41;
	    border-radius: 50%;
	    border: none;
	    padding: 0.25rem;
    	font-size: 0;
	}
	.profile-side,
	a#messagesDropdown::after{
		display: none;
	}
	a#messagesDropdown{
		border:none;
	}
	a#messagesDropdown img {
	    width: 40px;
	    height: 40px;
	    border-radius: 7px;
	}
	.logo-pic a.navbar-brand{
		margin-right: 0;
	}
	.nav-main{
		padding: 15px 15px;
	}
	.edit-pic img {
	    width: 100%;
	}
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
	    padding-top: 0;
	}
	.plan-graph-sublist .flex-box{
		width: 48.7%;
	}
	.plan-graph-sublist .flex-box:last-of-type {
	    margin-left: 16px;
	    margin-top: 0;
	}
	.subscriber-detail h2{
		font-size: 16px;
	}
	.subscriber-img img{
		margin-right: 10px;
	}
	.validity .num{
		padding: 7px 10px;
	}
	.dropdown-menu.user-profile {
	    position: absolute;
	    left: -143px;
	}
}
@media (max-width: 767px) {
	.title-first h2 {
	    font-size: 22px;
	}
	.serch-box input.form-control {
	    width: 265px;
	}

	.pageallmain{
		justify-content: center;
	}
	.multiopt {
	    min-height: auto;
	    margin-bottom: 15px;
	}
	.edit-btm {
	    justify-content: center;
	    margin-top: 15px;
	}
	.new-plan textarea {
	    min-height: 100px;
	}
	.title-add, .title-lt {
	    display: block;
	    flex: none;
	}
	.serch-box input.form-control {
	    width: 100%;
	}
	.serch-box {
	    margin: 15px 0;
	}
	table.table.plan-tbl thead th span{
		padding: 5px 9px;
    	font-size: 11px;
	}
	a.email-inner {
	    min-height: auto;
	}

	.edit-btm .btn {
	    font-size: 14px;
    	min-width: auto;
	}
	.all-opt li{
		margin-left: 10px;
	}
	.serch-box .form-group.has-search .reset{
		right: 15px;
	}
	.plan-graph-sublist .flex-box{
		width: 100%;
	}
	.plan-graph-sublist .flex-box:last-of-type {
	    margin-left: 0;
	    margin-top: 15px;
	}
	.dl-model-col {
	    flex-basis: 100%;
		margin: 0 0 15px;
	}
	.rvn-sub-filter{
		flex-basis: 28%;
	}
	.subscriber-list-section .pageallmain {
	    padding: 10px 0 0 0;
	}

	span.customer-status {
	    top: 0;
	}
	.manage-customer .customer-inner{
		padding-top: 30px;
	}
	.cust-prof-toggle{
		display: block;
	}
	.subscription-section{
		display: none;
	}
	.user-credential-page .flex-box {
	    width: 100%!important;
	}
	.customer-img-bg{
		width: 100%;
	    background-position: center;
	    border-radius: 10px;
	}
	.user-credential-page .flex-box:last-of-type{
		margin: 20px 0;
    	padding: 25px 15px;
	}
	.customer-img{
		margin-bottom: 30px;
	}
	.change-pswd{
		text-align: left;
	}
	.change-pswd a{
		padding-top: 0;
	}
	.filter-btns {
	    margin-bottom: 1rem;
	}
	.customer-inner .user-info.org-content ul li {
	    width: 49%;
	    margin: 15px 0 0;
	}
	.customer-inner .user-info.org-content {
	    padding: 0px 14px 14px;
	}
	.organization-inner{
		margin-bottom: 15px;
	}
	.page-title .form-control{
		max-width: 100%;
	}

}
@media (max-width: 576px) {
	.info-inner {
		max-width: 85%;
		padding: 45px 20px;
	}
	.top-info {
	    margin-top: 0px;
	    margin-bottom: 25px;
	}
	.logo-pic a.navbar-brand{
		width: 150px
	}
	.logo-pic a.navbar-brand img{
		width: 100%;
	}
	.sm-text-psw{
		margin-top: 35px;
	}
	.plan-main .plan-tbl{
		display: block;
	    width: 100%;
	    overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	}

	.login-sec .info-rgt form .form-control{
		height: 50px;
		font-size: 16px;
	}
	.info-rgt form .all-btn{
		line-height: 1;
	}
	.all-opt li {
	    margin: 0px 0 5px;
	    display: block;
	}
	.rvn-sub-text h2{
		padding: 20px 21px;
		font-size: 18px;
	}
	.rvn-sub-filter {
	    flex-basis: 100%;
	    margin: 0;
	    padding: 0 21px;
	}
	.graph-section h2{
		font-size: 18px;
	}
	.dl-model-premium h3{
		font-size: 16px;
	}
	.title-rgt .cust-header-link li {
	    margin: 0 10px 0 0;
	}
	.title-rgt .cust-header-link li a{
		font-size: 14px;
	}
	.customer-inner .cust-info ul {
	    margin: 0;
	    position: absolute;
	    left: 24px;
	    bottom: 16px;
	}
	.manage-customer .customer-inner ul {
		bottom: 30px;
	}
	.manage-customer .customer-inner{
		min-height: 158px;
	}
	.cust-icon {
	    height: 30px;
	    width: 30px;
	    line-height: 28px;
	    margin-right: 10px;
	}
	.cust-info .profession{
		line-height: 1.2;
	}
	.cust-search input.form-control{
		width: 190px!important;
    	padding-left: 30px;
	}
	.customer-inner .user-info ul li {
	    display: block;
	    width: 100%;
	    margin-top: 10px;
	}
	.modal-title{
		font-size: 22px;
	}
	.modal-header{
		padding-bottom: 0;
	}
	.save-btn {
	    text-align: center;
	}
	.plan-upgradation .profile-btn {
		float: none;
	    margin: 0 17px 10px;
    	display: inline-block;
	}
	.subscription-section .profile-set-btn{
		padding: 12px 20px;
    	min-width: auto;
    	margin-top: 10px;
	}
	.filter-btns .btn {
	    min-width: auto;
	    width: 100%;
	}
	.organization-inner {
	    display: block;
	}
	.organization-icon{
		margin: 0 0 15px;
	}
	.filter-btn.filter-toggle {
	    position: absolute;
	    bottom: 20px;
	    width: 90%;
	    display: block;
	    margin: 0;
	    left: 50%;
	    transform: translateX(-50%);
	}
	.title-add.customer-mgt {
	    display: block;
	    position: relative;
	    padding-bottom: 70px;
	}
	.customer-inner .user-info.org-content ul li {
	    width: 100%;
	}
}
@media (max-width: 360px) {
	.from-checkall {
		flex-direction: column;
		align-items: flex-start;
	}
	.fg-psw {
	    margin-top: 10px;
	}
	.plan-opt .inputGroup label {
	    width: 105px;
		padding: 0 10px;
	    font-size: 14px;
	}
	.edit-offer .plan-opt .inputGroup label {
	    width: auto;
	    padding: 0 30px;
	    margin: 0;
	}
	.plan-opt .inputGroup label:after{
		width: 15px;
   		height: 15px;
   		left: 9px;
   		background-position: 1px 2px;
	}
	.validity span{
		display: inline-block;
		margin-top: 25px;
	}
	.validity .num{
		margin-left: 10px;
	}

}