/*------------------------------------*\
         Media Queries
\*------------------------------------*/

@media (min-width:768px) {.container {width: 100%;}}

@media (min-width:992px) {
	
	.container {width:100%; max-width:1200px;} 
	.nav-list { display:block !important;}

 }



@media (max-width:1024px){
.tab-right{ padding:0;}
.loader a{ margin-right: 40px;}
.who-we-are ul li a{ font-size:24px;}
.intro-theme .intro { margin-bottom:50px;}

}

@media (max-width:990px){
	
	.announcement{ font-size:11px;}
	.half-text{ max-width:80%;}
	.nav-list > li::before, .nav-click i:before, 
	.case-studies-slider .bx-wrapper .bx-pager, 
	.who-we-are::before, 
	.psychometric-settings:before{ display:none;}


	.nav-list li.register-btn, .nav-list li.login-btn { width: 46%; margin: 2%;}
	.nav-list li a.btn-white{ margin:0;}
	.brand{ position:absolute; z-index:999;	}
	header::before {
    position: absolute;
    width: 184px;
    height: 45px;
    content: "";
    display: block;
    right: 0;
    top:0px; background:url(../images/header-bg.png) no-repeat 0 0; z-index:9999;
}
.yellow-theme header::before { background:url(../images/header-yellow-bg.png) no-repeat 0 0; z-index:9999;}
.red-theme header::before { background:url(../images/header-red-bg.png) no-repeat 0 0; z-index:9999;}
.blue-theme header::before { background:url(../images/header-blue-bg.png) no-repeat 0 0; z-index:9999;}
.green-theme header::before { background:url(../images/header-green-bg.png) no-repeat 0 0; z-index:9999;}
	
header.ActiveMenu {
    position: fixed;
    width: 100%;
}	
.loader, .loader a{ margin:0;}
#app-illustrations{ margin-top:-220px;}

.who-we-are { background:#1ab9f5;}
.who-we-are ul {

    margin: 0px -37px;
    background:#168dff;
    padding: 50px;

}

.psychometric-settings ul{ background:#4098d3; padding: 10px 40px;}
.psychometric-settings { background:#a0cce9;}
.account_page dl dt, .account_page dl dd {
    width:100%;
}
.table_icon { margin: 0 1px;  width: 17px; display: inline-block; }
.table_icon img { max-width: 100%;}
.assessment-products {
margin-top: 25px;
}


}

@media (min-width:768px) and (max-width:991px){
	.express-interest-section h4 {
    margin-bottom: 15px;
    display: inline-block;
    margin-right: 10px;
    font-size: 21px;
}
	.tab-right ul li a {
   
    font-size: 14px;    
    padding: 5px 14px 5px 50px !important;    
    margin-bottom: 10px;
    background-size: 40px !important;
}
.tab-right .nav-submenu li {
    padding: 0 15px;
}
}

@media (max-width: 767px) {
	
	.container{ max-width:100%;}
	h1{ font-size:30px;}
.intro ul li:last-child, .tab-right, .tab-right .line-link, .side-nav ul{ display:inline-block;}
.primary-nav, .asside-nav{ display:block;}
.scroll a{padding: 0px;}
#tab-content .line-link { display:inline-block; }

.brand{ position:absolute; z-index:999; max-width: 100%; width: 100%; left: 0; top: -20px; padding: 15px;
				background: #0506d2;
				background: -moz-linear-gradient(left, #0506d2 0%, #0564f9 25%, #0fadea 75%, #1ed2bf 100%);
				background: -webkit-linear-gradient(left, #0506d2 0%,#0564f9 25%,#0fadea 75%,#1ed2bf 100%);
				background: linear-gradient(to right, #0506d2 0%,#0564f9 25%,#0fadea 75%,#1ed2bf 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0506d2', endColorstr='#1ed2bf',GradientType=1 );	
}

.yellow-theme .brand{
background: #ef9802;
background: -moz-linear-gradient(left, #ef9802 0%, #fbc803 25%, #e3f230 75%, #c7d822 100%);
background: -webkit-linear-gradient(left, #ef9802 0%,#fbc803 25%,#e3f230 75%,#c7d822 100%);
background: linear-gradient(to right, #ef9802 0%,#fbc803 25%,#e3f230 75%,#c7d822 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9802', endColorstr='#c7d822',GradientType=1 );}
.red-theme .brand{
background: #c10000;
background: -moz-linear-gradient(left, #c10000 0%, #e2473f 25%, #c20392 75%, #660099 100%);
background: -webkit-linear-gradient(left, #c10000 0%,#e2473f 25%,#c20392 75%,#660099 100%);
background: linear-gradient(to right, #c10000 0%,#e2473f 25%,#c20392 75%,#660099 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10000', endColorstr='#6194bc',GradientType=1 );}
.blue-theme .brand{
background: #00a1d8;
background: -moz-linear-gradient(left, #00a1d8 0%, #1ab9f5 25%, #2a96fc 75%, #168dff 100%);
background: -webkit-linear-gradient(left, #00a1d8 0%,#1ab9f5 25%,#2a96fc 75%,#168dff 100%);
background: linear-gradient(to right, #00a1d8 0%,#1ab9f5 25%,#2a96fc 75%,#168dff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1d8', endColorstr='#168dff',GradientType=1 );}
.green-theme .brand{
background: #5dc004;
background: -moz-linear-gradient(left, #5dc004 0%, #80da2f 25%, #6ce3b5 75%, #62e4b2 100%);
background: -webkit-linear-gradient(left, #5dc004 0%,#80da2f 25%,#6ce3b5 75%,#62e4b2 100%);
background: linear-gradient(to right, #5dc004 0%,#80da2f 25%,#6ce3b5 75%,#62e4b2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dc004', endColorstr='#62e4b2',GradientType=1 );}


	
.brand a{ max-width:150px; display: inline-block;}
header { padding: 15px 0; min-height: 66px;}
.nav{ padding:0;}
.nav-mobile, .nav-mobile.open{ top:-7px;}

.intro { padding:0;}
.announcement { font-size: 15px; margin: 0 -15px; border-radius: 0; display: block; padding:20px 15px;

		background: #0405bc;
		background: -moz-linear-gradient(left, #0405bc 0%, #0564f9 25%, #0fadea 75%, #0dbeab 100%);
		background: -webkit-linear-gradient(left, #0405bc 0%,#0564f9 25%,#0fadea 75%,#0dbeab 100%);
		background: linear-gradient(to right, #0405bc 0%,#0564f9 25%,#0fadea 75%,#0dbeab 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0405bc', endColorstr='#0dbeab',GradientType=1 );
		
}
.announcement .new-pill{ padding:5px 15px;}
.intro { padding: 0 0 50px 0; min-height:inherit;}
.intro-theme #stripes, .intro-theme .intro { min-height: 350px; height: auto;}

#app-illustrations { position: static; margin: 50px 0 0 0; width: 100%; float: left; text-align: center;}
#app-illustrations img { max-width: 70%; }
.intro-business-bg h1 { background: url(../images/1.png) no-repeat center 0;  padding: 100px 0 0 0px; text-align: center; background-size:80px;}
.intro-business-bg h1:hover{background: url(../images/1-hover.png) no-repeat center 0; background-size:80px;}
.intro-business{padding-bottom:100px;}
#stripes { height:100%;}
.half-text{ max-width:100%;}
.intro ul{ margin-top:30px;}
.search-field{ width:100%; }

.order-1-custom {
	-ms-flex-order: 1;
	order: 1
}
.order-2-custom {
	-ms-flex-order: 2;
	order: 2
}
#tab-content{ margin-top:30px;}
.developer-section{ padding:50px 0 90px 0;}
.who-we-are ul { margin: 0px -15px; padding: 50px 30px;}
.psychometric-settings ul { padding: 10px 20px;}

.express-interest-section{ text-align:center;}
.pricing-table .table-left, .pricing-table .table-right {
    float: left;
    width: 100%;
    padding: 0 10px;
}
.pricing-table table { display:block; overflow:scroll;}
.calculate-inner input { width:100%;}
.express-interest-section h4 {    margin-right: 0;}
.widget.search_field_das .btn{margin: 10px 0 0px 0;}

.top-section-pricing ul li { width: 100%;}
.modal-open .modal { max-width: 90%; }
.table-scroll {overflow: auto;} 


.tab-right ul.nav-submenu {width: 100%;margin-right: 0px; float: left;}
.who-we-are p {padding: 10px 0;}
.asside-nav .fa.fa-bars { margin-top: 4px;}
.assessment-products-info #complete_checkout {margin-top: 10px; width: 100%; margin-bottom: 25px;} 
.client-profile {margin-top: 30px;}
#captcha{margin-left: 0;}
.candidate_form {margin-bottom: 30px;}
.top-text h2 {font-size: 20px;}
.consultancy-wrapper .h1, .consultancy-wrapper h1 { font-size: 2.75rem;}
.consultancy-wrapper .h2, .consultancy-wrapper h2 {font-size: 2rem;}
.tab-right .nav-mobile { display: none;}
.questionnaireHeader, .surveyTitle { text-align: center; }
.logo--questionnaire a {
    max-width: 150px;
    display: inline-block;
}.questionnaireForm { 
    position: relative;
    z-index: 9999;
}

}




@media (max-width:500px){
.candidate_form dl dt {

    width: 100%;
    margin-right: 0;}

}

@media (max-width: 340px) {
	.intro ul li{
		margin-right:8px;
	}
}
	
@media (min-width:320px) and (max-width:479px){
	
	.who-we-are ul li a{ font-size:16px;}
	.who-we-are ul li i { width: 40px; height: 40px; line-height: 40px; font-size: 21px; margin-right: 10px;}
header::before {background-size: 120px !important; width:120px !important;}


}