@media only screen and (min-width: 1024px) and (max-width: 1024px) {
/*Inner 1*/	
.quest-pic {margin-right:20px;}
.quest-info {float:left; width:400px;}
.info-details li {width:200px; font-size:12px;}
.info-details li strong {width:50px;}
.quest-link a {font-size:11px;  padding: 0 10px;}

.tab-content ul li span.name {width: 182px;}
.tab-content ul li a.name-link {width: 182px;}
.tab-content ul li span.company { width:325px;}
.tab-content ul li span.email { width: 182px;}
.tab-content ul li span.phone { width: 182px;}

/*Inner 4*/	
.workflow-title h2.vendor-head {width: 420px;}
.customer-flow { width:448px; padding-left:50px;}
.vendar-flow { width:397px;}

}

@media only screen and (min-width: 768px) and (max-width: 999px) {
.search-area a { display:none;}
.search-btn { display:none;}
.nav li {padding: 0 10px;}
.search-field { width:95px !important;}

/*end header*/
.todo-list { padding-bottom:0px;}

/*Inner 1*/	
.quest-info h3 { margin-bottom:5px;}
.quest-pic {margin-right:10px; width:80px; height:80px;}
.quest-info {float:left; width:288px;}
.info-details li {width:230px; font-size:12px; margin-bottom:5px;}
.info-details li strong {width:50px;}
.quest-link a {font-size:10px; margin-left:2px;  padding: 0 5px;}

.check-box {margin-right: 20px;}
.tab-content ul li span.name {width: 145px;}
.tab-content ul li a.name-link {width: 145px;}
.tab-content ul li span.company { width:240px;}
.tab-content ul li span.email { width: 182px;}
.tab-content ul li span.phone { width: 100px;}

/*Inner 2*/	
.customer-byname li { margin-bottom:5px;}


/*Inner 3*/	
.employees_nav { width: 630px;}
.employees_nav ul li { width: 145px;}
.wizard-field {width:158px !important;}

/*Inner 4*/	
.workflow-title h2.vendor-head {width: 315px;}
.customer-flow { width:360px; padding-left:30px;}
.vendar-flow { width:319px;}


}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.top-nav { float:left;}	
.top-nav li a {background:none; padding-right:0px;}
/*.hide480 { display:none;}*/
.hide480 { width: 200px;text-align: left !important;}
.top-nav.AccountantInfo { display:none;}
.RadComboBox.RadComboBox_Default.CompanyComboClass {width: inherit !important; font-size:11px !important; }
.header-right { display:none;}
.narrow-nav { display:block;}
.nav { display:none !important;}
.search-btn { display:none;}
.subnav { display:none;}
.search-field {width: 280px !important;}

/*end header*/
.todo-list { padding-bottom:0px;}

.message-inbox li a {width: 300px;}
.todo-list li strong { width:280px;}

/*Inner 1*/	
.quest-info h3 { margin-bottom:5px; font-size:14px;}
.quest-pic {margin-right:10px; width:70px; height:70px;}
.quest-info {float:left; width:185px;}
.info-details li {width:230px; font-size:12px; margin-bottom:5px;}
.info-details li strong {width:50px;}
.quest-link a {font-size:10px; margin:0 0 5px 0;  padding: 0 5px; float:right;}
.quest-link { width:120px;}


.quest-column { float: none; width: 100%;}
.quest-column-right { height:300px; width:65%;}
.quest-column-left { height:300px; width:35%;}

	
.quest-field {
	width:250px !important;
	background-color: #FFFFFF !important;
    border: 1px solid #CCCCCC !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s !important;
	}
	

.setting-nav { display:none;}
.tab-nav li { font-size:11px;}
	
.check-box {margin-right: 10px;}
.tab-content ul li { font-size:11px;}
.tab-content ul li span.name { width:65px; margin-right:5px;}
.tab-content ul li a.name-link {width:65px; margin-right:5px;}
.tab-content ul li span.company { width:100px; margin-right:10px;}
.tab-content ul li span.email {width:145px; margin-right:5px;}
.tab-content ul li span.phone {width:50px;}


/*.footer-quest { float: left;}*/
.footer-quest a { margin-left:2px; font-size:12px;}

/*Inner 2*/	
.customer_btn { float:left;}
.customer-byname li { margin-bottom:5px;}

/*Inner 3*/	
.employees_nav { width: 390px;}
.employees_nav ul li { width: 85px;}
.employees_nav ul li span { font-size:11px;}

.wizard-field {width:250px !important;}

/*Inner 4*/
.workflow-box { display:none;}	
.vendor-head { display:none;}
.vendar-flow { display:none;}
.vendar-box { display: block;}

.narrow-drop { display:block;}

}


@media only screen and (min-width: 150px) and (max-width: 479px) {
.top-nav { float:left;}	
.top-nav li a {background:none; padding-right:0px;}
/*.hide480 { display:none;}*/
.hide480 { width: 200px;text-align: left !important;}
.top-nav.AccountantInfo { display:none;}
.RadComboBox.RadComboBox_Default.CompanyComboClass {width: inherit !important; font-size:11px !important; }

.header-right { display:none;}
.narrow-nav { display:block;}
.nav { display:none !important;}
.search-btn { display:none;}
.subnav { display:none;}
.search-field {width: 120px !important;}
.submenu-wrap { display:none;}

/*end header*/
.top-nav li { font-size:11px;}
.todo-list { padding-bottom:0px;}

.to-do { padding: 10px;}
.to-do ul li { font-size:9px; margin-right:5px;}

.message-inbox li { font-size:11px;}

.message-inbox li span { width:80px;}
.message-inbox li a { width:168px;}

.todo-list li { font-size:11px;}

.todo-list li span {width:115px;}
.todo-list li strong {width:130px;}
.todo-list li strong small { font-size: 12px;}

.bills-overview li { font-size:11px;}

/*Inner 1*/	

.quest-tech-area { padding: 10px;}
.quest-info h3 { margin-bottom:5px; font-size:14px;}
.quest-pic {margin-right:10px; width:70px; height:70px;}
.quest-info {width:175px;}
.info-details li { width:auto; font-size:12px; margin-bottom:5px;}
.info-details li strong {width:50px;}
.quest-link a {font-size:9px; margin:0 1px 0 0;  padding: 0 3px;}


.quest-column { float: none; width: 100%;}
.quest-column-right { /*height:300px;*/
    width:60%;}
.quest-column-left { /*height:300px;*/ 
    width:40%;}
.quest-column-left label {font-size: 11px; padding-right:10px;}

	
.quest-field {
	width:145px !important;
	background-color: #FFFFFF !important;
    border: 1px solid #CCCCCC !important;
	font-size:12px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s !important;
	}
	

.setting-nav { display:none;}
.tab-nav li { font-size:10px;}
.tab-nav li a { padding:0 6px;}
	
.check-box {margin-right: 5px;}
.tab-content ul li { font-size:11px; word-wrap:break-word;}
.tab-content ul li span.name { width:60px; margin-right:5px;}
.tab-content ul li a.name-link {width:60px; margin-right:5px;}
.tab-content ul li span.company { width:60px; margin-right:8px;}
.tab-content ul li span.email {width:55px; margin-right:5px;}
.tab-content ul li span.phone {width:40px;}

.footer-quest { float:left;}
.footer-quest a { float:none; margin:0 0 5px 0; text-align:center; font-size:11px;}

.customer_btn { float:left;}
.customer_btn a { float:none; margin:0 0 5px 0; text-align:center; font-size:11px;}

.customer-byname li { margin-bottom:5px;}

/*Inner 3*/	
.employees_nav { width: 270px;}
.employees_nav ul li { width: 55px;}
.employees_nav ul li span {
    font-size: 8px;
    left: -10px;
    width: 70px;
}

.wizard-field {width:140px !important;}

/*Inner 4*/
.workflow-box { display:none;}	
.vendor-head { display:none;}
.vendar-flow { display:none;}
.vendar-box { display: block;}

.narrow-drop { display:block;}
}