@media screen and (max-width:1900px){

    .page_wrapper{
        background-size:45.989583333333336VW;
    }
}
@media (max-width: 1450px) {
	.page_wrapper{
		background-image: url('../images/page_bg.png');
		background-size: cover;
		background-position:center;
	}
	.page_flex img {
		margin-bottom: 25px;
		width: 220px;
		height: 47px;
	}
	.page_flex img {
		padding-bottom: 7px;
	}
	.user-options {
		margin-left: 65px;
	}
	.page_para {
		margin-bottom: 25px;
	}
	.project-search .search-fld {
		min-width: 250px;
	}
	.purple_title {
		font-size: 35px;
	}
	.page_para {
		font-size: 16px;
	}
	.form-group label, .input_box label {
		font-size: 13px;
	}
	.input_box .submit_btn {
		font-size: 14px;
		height: 45px;
	}

	/* .project-search .nice-select{
		min-width: 180px;
	} */
	
	.nav-link {
		font-size: 15px;
		padding: 8px 13px;
	}
	.user-options {
		margin-left: 35px;
	}
	.user-options li+li {
		margin-left: 30px;
	}
	.overview-head h1 {
		font-size: 26px;
	}
	.overview-content h4 {
		font-size: 17px;
	}
	.overview-content span {
		font-size: 36px;
	}
	.overview-content {
		padding-left: 24px;
	}
	.overview-item {
		padding: 18px;
	}
	.table-head h2{
		font-size: 26px;
	}
	.day-choosing a{
		font-size: 15px;
	}
	 th{
		font-size: 18px;
	}
	td {
		font-size: 16px;
	}
	[class*="color-"]{
		font-size: 14px;
	}
	.btn {
		font-size: 15px;
		min-width: 125px;
	}
	.btn-outline span {
		font-size: 13px;
	}
	.table-head .btn span {
		margin-left: 15px;
	}
	.view-btn span{
		font-size: 10px;
	}
	.view-btn {
		width: 26px;
		height: 26px;
	}
	.upcoming-appointments {
		padding: 35px 0 0 0;
	}
	.table-head{
		padding-bottom: 20px;
	}
	.tab-list a {
		font-size: 15px;
	}
	.tab-list li::after {
		height: 5px;
	}
	.tab-list li {
		padding-bottom: 16px;
	}
	.project-search .search-fld {
		font-size: 14px;
	}
	[class*="select-"], [class*="nice-"] {
		font-size: 14px;
	}
	.pagination li:not(:first-child, :last-child) a {
		font-size: 15px;
		width: 40px;
	}
	.pagination a {
		height: 40px;
	}
	.project-first-head-left h4 {
		font-size: 17px;
	}
	.main-title{
		font-size: 26px;
	}
	.appointment-client-title h4 {
		font-size: 16px;
	}
	.date-year-time span {
		font-size: 60px;
	}
	.date-year-time p {
		font-size: 19px;
	}
	.date-year-time li:last-child{
		font-size: 16px;
	}
	.appointment-client-content {
		padding: 25px 25px;
	}
	.list-inline h6 {
		font-size: 16px;
	}
	.list-inline span {
		font-size: 17px;
	}
	.project-info-inner {
		padding: 25px;
	}
	/* .table-head-left{
		margin-bottom: 0.5rem;
	} */
	[class^="icon-"], [class*=" icon-"] {
		font-size: 23px;
	}
	.form-minute-select label {
		font-size: 15px;
	}
	.custom-intervals, .new-intervals {
		width: 45%;
	}
	.new-intervals h4, .custom-intervals h4 {
		font-size: 21px;
	}
	.intervals-table td {
		font-size: 15px;
	}
	.intervals-table td {
		font-size: 14px;
	}
	.select-lg {
		min-width: 214px;
	}
	.notification-list-content span {
		font-size: 15px;
	}
	.appointments-page{
		margin: 30px 0;
	}
	.notification-page .page-title{
		margin: 30px 0;
	}
	.payment-page,
	.project-page{
		padding: 30px 0;
	}
	.project-first-head-right label {
		font-size: 15px;
	}
	.change-password label, .personal-information label {
		font-size: 14px;
	}
	.form-control {
		height: 45px;
	}
	.change-password .btn, .personal-information .btn {
		height: 45px;
	}
	.input-group input {
		font-size: 16px;
	}
	.interval-btn {
		font-size: 15px;
	}
	.field-icon {
		bottom: 15px;
	}
	.project-search a {
		width: 30px;
	}
	.SumoSelect {
		width: 175px;
	}
	.tab-list-switch span.icon-calendar {
		font-size:19px
	}
	.tab-list-switch span.icon-list {
		font-size:15px
	}
}
@media (max-width: 1200px) {
	.nav-link {
		font-size: 14px;
	}
	[class^="icon-"], [class*=" icon-"] {
		font-size: 20px;
	}
	th {
		font-size: 17px;
	}
	td {
		font-size: 15px;
	}
	.notification_num {
		
		width: 16px;
		height: 16px;
		font-size: 12px;
	}
	.overview-head h1 {
		font-size: 24px;
	}
	.overview-content span {
		font-size: 33px;
	}
	.overview-item {
		min-height: 130px;
	}
	.overview-item {
		padding: 15px;
	}
	.overview-icon {
		width: 55px;
		height: 55px;
	}
	.table-head h2 {
		font-size: 24px;
	}
	.project-first-head-left h4 {
		font-size: 16px;
	}
	.main-title {
		font-size: 24px;
	}
	.appointment-client-title h4 {
		font-size: 15px;
	}
	.list-inline h6 {
		font-size: 15px;
	}
	.list-inline span {
		font-size: 16px;
	}
	.day-choosing a {
		min-width: 115px;
	}
	.select-lg {
		min-width: 155px;
	}
	.project-search .search-fld {
		min-width: 225px;
	}
	.project-search .nice-select {
		min-width: 175px;
		padding: 0 5px 0 10px;
	}
	.table-head-pricing p {
		font-size: 16px;
	}
	.btn {
		font-size: 14px;
	}
	.payment-page,
	.project-page{
		padding: 25px 0;
	}
	.appointments-page{
		margin: 25px 0;
	}
	.table-head {
		padding-bottom: 10px;
	}
	.notification-page .page-title{
		margin: 25px 0;
	}
	.notification-list-content span {
		font-size: 14px;
	}
	.change-password {
		margin-left: 130px;
	}
	.user-detail-head {
		padding: 45px 0 70px 0;
	}
	.notification-list-content h4{
		font-size: 15px;
	}
	.input_box label{
		font-size: 15px;
	}
	.form-minute-select label{
		font-size: 14px;
		margin-right: 0;
	}
	.form-minute-select label{
		font-size: 14px;
	}
	.grid-table td span {
		margin-bottom: 10px;
	}
	.page_flex img {
		margin-bottom: 13px;
		width: 200px;
	}
	.page_para {
		margin-bottom: 19px;
	}
	.input_box label {
		font-size: 13px;
	}
	.project-search a{
		width: 30px;
	}
}

@media (max-width: 1024px) {
	.nav-link {
		font-size: 13px;
	}	
	.overview-head h1 {
		font-size: 22px;
	}
	.overview-content h4 {
		font-size: 16px;
	}
	.overview-content span {
		font-size: 30px;
	}
	.overview-item {
		min-height: 110px;
	}
	.table-head h2 {
		font-size: 22px;
	}
	.day-choosing a {
		font-size: 14px;
	}
	.btn {
		font-size: 13px;
	}
	th {
		font-size: 16px;
	}
	td {
		font-size: 14px;
		padding :12.5px 0;
	}
	[class*="color-"] {
		font-size: 13px;
	}
	.view-btn span {
		font-size: 8px;
	}
	.btn-outline{
		line-height: 40px;
	}
	.tab-list a {
		font-size: 14px;
	}
	.tab-list li::after {
		height: 4px;
	}
	.project-search select, .project-search .search-fld {
		padding: 5px 5px 5px 10px;
	}
	.project-first-head-left h4 {
		font-size: 15px;
	}
	.main-title {
		font-size: 22px;
	}
	.date-year-time span {
		font-size: 50px;
	}
	.appointment-client-title {
		height: 60px;
	}
	.project-first-head-right label {
		font-size: 14px;
	}
	[class*="select-"], [class*="nice-"] {
		font-size: 13px;
	}
	.project-head {
		margin-bottom: 25px;
	}
	.project-info {
		margin-top: 40px;
	}
	.appointment-client {
		margin-top: 25px;
	}
	.project-upload-files {
		margin-top: 35px;
	}
	.appointments-page {
		margin: 20px 0;
	}
	.table-head-tab {
		margin-bottom: 30px;
	}
	.tab-list li {
		padding-bottom: 11px;
	}
	.tab-list a {
		font-size: 13px;
	}
	[class^="icon-"], [class*=" icon-"] {
		font-size: 18px;
	}
	.project-search a{
		width: 30px;
	}
	.project-search .csv_export,
	.project-search .pdf_export{
		width: 20px;
	}
		
	
	.pagination {
		margin-top: 17px;
	}
	.appointment-client-title h4 {
		font-size: 14px;
	}
	.date-year-time p {
		font-size: 17px;
	}
	.date-year-time li:last-child {
		font-size: 15px;
	}
	.appointment-client-content {
		padding: 20px 20px;
	}
	.list-inline h6 {
		font-size: 14px;
	}
	.list-inline span {
		font-size: 15px;
	}
	.select-lg {
		min-width: 145px;
	}
	.project-search .nice-select {
		min-width: 120px;
	}
	.table-head-pricing p {
		font-size: 15px;
	}
	[class^="icon-"], [class*=" icon-"] {
		font-size: 17px;
	}
	.notification_num {
		width: 15px;
		height: 15px;
		font-size: 11px;
		left: 9px;
    	top: -6px;
	}
	.notification-list-icon {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}
	.pagination li:not(:first-child, :last-child) a {
		font-size: 14px;
		width: 35px;
	}
	.pagination a {
		height: 35px;
	}
	.notification-list-content h4 {
		font-size: 14px;
	}
	.notification-list-content {
		padding-bottom: 17px;
	}
	.notification-list-content span {
		font-size: 13px;
	}
	.notification-list-content p{
		font-size: 15px;
	}
	.change-password h2, .personal-information h2{
		font-size: 20px;
		margin-bottom: 24px;
	}
	.change-password label, .personal-information label {
		font-size: 13px;
	}
	.user-detail-head h1 {
		font-size: 36px;
	}
	.user-detail-head p{
		font-size: 16px;
	}
	.user-detail-head {
		padding: 35px 0 50px 0;
	}
	.project-search .search-fld {
		font-size: 13px;
	}
	[class*="select-"], [class*="nice-"]{
		padding: 0 5px 0 10px;
	}
	.header{
		padding: 20px 0;
	}
	.logo-side{
		width: 125px;
	}
	.main {
		padding: 80px 0 35px 0;
	}
	.input_box .submit_btn {
		height: 40px;
	}
	.form-control {
		height: 40px;
	}
	.field-icon {
		bottom: 11px;
	}
	.SumoSelect {
		width: 120px;
	}
	
}