div.userDescMobile,
.siteLogAndLangMob,
div.siteMenu div.backToHome a.backMob,
div.logActiveMob,
.purchaseList .historybg table td.packageRow a.newTest.mob,
.purchaseList .historybg table thead.mob,
.questionnairesList .historybg table td.packageRow span.item.mob,
.reportsList .historybg table td.packageRow span.item.mob,
#userTest .navigateQuestion .tab.next.mob,
#userTest .navigateQuestion .tab.prev.mob{display:none;}
@media only screen and (max-width: 1660px) {
	#newTopImage .topImageOn{top:150px;}
}
@media only screen and (max-width: 1645px) {
	#userTest #sideQuestionNav{right:0;}
}
@media only screen and (max-width: 1400px) {
	#newTopImage .topImageOn{top:140px;}
}
@media only screen and (max-width: 1280px) {
	#userTest{width:100%;}
}
@media only screen and (max-width: 1270px) {
	#usersDiv .userTab{float:none !important; display:inline-block; margin-bottom:20px; width:25%;}
	#usersDiv .userTab .userTitle{height: 60px; overflow: hidden;}
	#usersDiv .tabs{text-align:center;}
}
@media only screen and (max-width: 1240px) {
	div#header{width:85%;}
	div#header div.siteTopArea{width:calc(100% - 210px);}
	ul#navmenu-h li{margin-right:6px; margin-left:6px;}
	ul#navmenu-h a{margin-left:5px; margin-right:5px;}
	ul#navmenu-h a.start{margin-left:0;}
	div.otherLangs{float: right; position: inherit;}
	div#header div.siteLogo img{height: 70px;margin-top: 26px;}
	
}
@media only screen and (max-width: 1085px) {
	div#header{width:98%; margin:0 auto;}
	#newTopImage .topImageText{font-size:25px; line-height:normal;}
	#newTopImage .topImageDesc{font-size:18px; line-height:30px;}
	#newTopImage .topImageMore{margin-top:10px;}	
}
@media only screen and (max-width: 1000px) {
	#myAccount .form{width:100%;}
}
@media only screen and (max-width: 900px) {
	#myAccount .form .fieldSet, #myAccount .myAccountHead2{width:98%;}
	#myAccount .form input{width:265px;}
}
@media only screen and (max-width: 930px) {
	#newTopImage .topImageMore a{height:40px; line-height:40px; margin:0 auto;}
	ul#navmenu-h a{font-size:16px;}
	ul#navmenu-h a.start{padding:5px;}
	div#header div.siteTopArea{width:calc(100% - 180px);}
}


/*!!! full mobile !!!*/
@media only screen and (max-width: 850px) {	
	#allHeader{height: 60px !important; border-bottom: 1px solid #CCC;}	
	#header{width: 100% !important; margin: 0% !important;}
	div#header div.siteLogo{display:none;}
	.siteLogo{margin-left: 5px;}
	.siteLogo img{height: 45px !important;margin-top:10px !important;}
	.siteTopArea{float: left !important;}
	div#header div.siteTopArea{width:calc(100% - 50px);}
	div.siteLogAndLang{display:none;}
	div.siteMenu{float:right;}
	div.siteLogAndLangMob{display:block;}
	ul#navmenu-h a.start{display:none;}
	a.startMobile{
		display:block;
		float: right;
		font-size: 12px;
		background-color: #663399;
		color: #fff;
		width: 85px;
		border-radius: 5px;
		margin-left: 10px;
		margin-top: 9px;
		text-align: center;}
	a.startMobile:hover{text-decoration:none;}
	div.languageWrapper{background-image: none; width: 70px; padding: 0; border-radius: 5px !important; height: 27px; margin-top: 16px;}
	div.languageWrapper div.siteLang, div.otherLangs a{font-size:14px; padding: 3px;}
	div.languageWrapper div.siteLang .fa{display: inline; font-size:9px; margin-top: -15px; float: right;}
	
	div.otherLangs{width:70px;}
	div.loginWrapper{margin-right:13px; margin-top:21px; padding-right:16px; display:none;}
	div.logActive .userName{display:none;}
	
	#newTopImage{margin-top: 60px;}
	.topImageOn{position: inherit !important;}
	.topImageText{color: #000 !important; font-size: 25px !important;}
	.topImageDesc{color: #000 !important; font-size: 18px !important; line-height: normal !important;}
	.header-strip{display:none;}	
	.header-strip-mobile{display:block; border-bottom: 1px solid #ced4e0; margin-top:60px;}	
	.header-strip-mobile table{float:none; width:100%;}
	.header-strip-mobile td{vertical-align:middle; text-align:center; padding:5px;}
	.header-strip-mobile p{margin:0; padding:0;}
	.header-strip-mobile a{display:block;}
	.header-strip-mobile img{max-width:80% !important; height:auto !important;}
	#editPageContainer{display:none;}
	.top-strip{display:none;}
	header{background:#fff; min-height:0; position:fixed; top:0; right:0; width:100%; z-index:1000;}
	div#menuStrip div.siteLogo{width:140px;}
	#menuStrip .page-wrapper{width:100%;}
	div#menuStrip div.topMenu{width:auto;}
	ul#navmenu-h li{margin-left:0; margin-right:0;}
	ul#navmenu-h a{line-height:50px; font-size:14px; margin: 0px !important; border: none !important;}
	div#menuStrip{position:static; background:none; padding-top:0;}
	div#menuStrip div.siteLogo{display:block; float:right; margin:0; height:auto; margin-top:5px; margin-right:5px; position:static;}
	div#menuStrip div.siteLogo a{display:block;}
	div#menuStrip div.siteLogo img{display:block; max-height:none; height:50px;}
	div#menuStrip div.searchSite{display:none;}
	div#menuStrip div.languageWrapper{float:left; margin-top:19px;}
	div#menuStrip div.menuStripWrapper{width:100%;}
	div#menuStrip div.topMenu{display:block; float:left; min-height:60px; position:static;}
	div#menuStrip{min-height:60px;}
	div#menuStrip div.topMenu a.mobileRoot{display:block; width:60px; height:60px; background:url(../vendor/images/menu-icon.png) no-repeat center; background-size:30px auto;}
	ul#navmenu-h .mobileSubMenu{display:block;}
	ul#navmenu-h{position:absolute; top:60px; left:auto; width:100vw; background:#fff; height:0px; display:none; overflow:auto; right:0;}
	ul#navmenu-h.on{display:block; height:auto;}
	ul#navmenu-h li{float:none; width:100%; height:auto; display:block; position:relative; border-bottom:1px solid #009999;}
	ul#navmenu-h a{float:none; width:100% !important; padding:0; text-align:left; padding-left:15px;}
	ul#navmenu-h ul li{display:none; float:none; width:100%;}
	ul#navmenu-h li li a{padding-right:40px; font-weight:normal;}
	ul#navmenu-h ul{display:block; position:static; width:100%;}
	ul#navmenu-h .mobileOpen{display:block; padding:0; width:60px; height:60px !important; background:url(../vendor/images/menu_arrow_bottom.png) no-repeat center; position:absolute; left:0px; top:0px;}
	ul#navmenu-h .mobileOpen.on{background-image:url(../vendor/images/menu_arrow_top.png);}
	ul#navmenu-h li:hover, 
	ul#navmenu-h li.on{border-bottom:1px solid #009999;}
	ul#navmenu-h li ul{background:none;}
	ul#navmenu-h li li{border-top:1px solid #009999;}
	ul#navmenu-h li li a,
	ul#navmenu-h li.on li a,
	ul#navmenu-h li:hover li a,
	ul#navmenu-h li.iehover li a {
		text-align:right;
		float: none;
		width:100%;
		color:#2c2322;
		border-top:none;
		line-height:16px;
		padding-top:16px;
		padding-bottom:16px;
		padding-left:0;
		padding-right:40px;
		background:none;
		font-size:18px;
		font-weight:normal;
	}	
	
	ul#navmenu-h a.start{padding-left:15px; line-height:50px; border-radius:0; font-size:14px;}
	#menuStrip .mobile{display:block;}
	div#menuStrip.openSearch div.siteLogo,div#menuStrip.openSearch .mobile, #menuStrip.openSearch .basket, div#menuStrip.openSearch div.topMenu a.mobileRoot{display:none;}
	/*home page*/
	#newTopImage .topImageOn{width:95%; margin:0 auto; text-align:center;}
	#aboutDiv .aboutTitle{margin-top:25px; font-size:30px; line-height:normal; margin-bottom:5px;}
	#aboutDiv .aboutText{font-size:18px; line-height:30px;}
	#aboutDiv{width:95%; margin:0 auto;}
	#usersDiv{margin-top:0;}
	#usersDiv .usersList{width:95%; margin:0 auto;}
	#usersDiv .usersTitle{font-size:30px; line-height:normal; margin-top:20px;}
	#usersDiv .userTab{width:100%;}
	#usersDiv .userTab .userTitle{height:auto;}
	#usersDiv .tabs{margin-top:15px;}
	#usersDiv .descs{display:none;}
	.userDescMobile.first{/*display:block;*/}
	div.userDescMobile{text-align:left;}
	#registerDiv{margin-top:35px;}
	#registerDiv .registerWrapper, #contactDiv .contactForm{width:100%;}
	#registerDiv .registerTabs{padding:0;}
	#registerDiv .registerTitle{font-size:30px; line-height:normal; padding-top:30px; padding-bottom:5px;}
	#registerDiv .registerTabs .registerTab{float:none; margin:0 auto; max-width:100%;}
	#registerDiv .registerTabs .registerTab:last-child{float:none; margin-top:10px; margin-bottom:10px;}
	#registerDiv .regiterForm{padding:2%;}
	#registerDiv .regiterForm .field-left, #registerDiv .regiterForm .field-right{float:none; margin:0 auto; margin-bottom:15px; width:80% !important; height:auto !important;}
	#registerDiv .regiterForm .fieldSet{height:auto !important; padding:0px;}
	#registerDiv .regiterForm input.half{width:100%; text-indent:5px; font-size:14px;}
	#registerDiv .registerWrapper, #contactDiv .contactForm{padding-bottom:35px;}
	#registerDiv .subTitle2 {font-size: 18px; line-height: 22px;}
	.roundCheckbox span{width: calc(100% - 43px);}
	#contactDiv .contactTitle{font-size:30px; line-height:normal; padding-top:20px;}
	#contactDiv .contactForm .contactFields .field,#contactDiv .contactForm .contactFields .field:nth-child(2),
	#contactDiv .contactForm .contactFields .field:nth-child(4){float:none; margin: 0 auto; width: 85%;}
	#contactDiv .contactForm .contactFields .field input{width:100%;}
	footer div.footerWrapper{text-align:center;}
	footer .footerWrapper .float-left, footer .footerWrapper .float-right{float:none; margin-top:10px;}
	
	/*login page*/
	div.siteMenu div.backToHome a.backMob{display:block;}
	div.siteMenu div.backToHome a.backReg{display:none;}
	div.logActive{display:none;}
	div.logActiveMob{display:block;}
	div.logActive.mob{display: inline-block; margin-top: 22px;/*margin-top: 28px;*/ margin-right: 10px; font-size: 16px;/*font-size: 12px*/}
	div.logActive.mob a{color: #000000;}
	div.backToHome a{font-size:14px; line-height:normal; padding:3px; margin-top:16px; margin-left:10px;}
	#myAccount .regiterForm .form .fieldSet,
	#myAccount .regiterForm .form,
	#myAccount .form .fieldSet,
	#myAccount .form .fieldSet2,
	#myAccount .myAccountHead2{max-width:100%;}
	div.grayBackColor{max-width:100%; margin:0 auto;}
	#myAccount .formTitle, #myAccount .myAccountTitle{font-size:30px; line-height:65px; margin: 60px 0px 0px 0px;}
	#myAccount .regiterForm .form input{width:100% !important; margin:0 auto;}
	#myAccount .regiterForm .form .field-row{width:90%;}
		
	/*user area home page*/
	#myAccount .tabs .tab2{margin: 0; font-size: 14px; word-break: break-word; overflow: hidden; line-height: normal; width:25%;}
	#myAccount .myAccountHead2{margin-bottom:0; width:95%;}
	#myAccount .tabs{margin: 0 0 15px 0;}
	#myAccount .tabs .tab2:first-child{border-radius: 5px 0 0 5px;}
	#myAccount .tabs .tab2:nth-child(2){border-radius: 0; border-right: none; border-left: none;}
	#myAccount .tabs .tab2:nth-child(3){border-radius:0;}
	#myAccount .tabs .tab2:nth-child(4){border-left: 0; border-radius: 0 5px 5px 0;}
	#myAccount .tabs .tab2{display:table}
	#myAccount .tabs .tab2 span{display: table-cell; vertical-align: middle;}
	/*Tab 1*/
	#myAccount .form{width:100%;}
	#myAccount .form .fieldsRow div{float:none !important; padding:10px; margin:0;}
	#myAccount .form input{width:100%}
	#myAccount .form .fieldSet{padding-top:10px;}
	#myAccount .form .buttons{width:95%; text-align:center;}
	#myAccount .form .buttons button{float:none; display:inline-block;}
	/*Tab 2*/
	#purchaseContent{width:95%;}
	#purchaseContent .packageBox{width:100%; padding:15px;}
	#purchaseContent .packageRow .orderPackage{float: none; margin-top: 10px; padding: 5px; text-align: center;}
	.purchaseList .historybg, .purchaseList .historybg table{width:100%;}
	.purchaseList .historybg table thead{display:none;}
	.purchaseList .historybg table thead.mob{display: table-header-group;}
	.purchaseList .historybg table th{font-size:15px; line-height:45px;}
	.purchaseList .historybg table td.packageRow span.item{font-size:14px;}
	.purchaseList .historybg table td.packageRow{width:auto !important; height:60px; line-height:60px;}
	.purchaseList .historybg table td.packageRow a.newTest{display:none;}
	.purchaseList .historybg table td.packageRow a.newTest.mob{font-size:14px; padding:5px; line-height:normal; display:block;}
	.purchaseList .historybg .historyTitle{font-size: 26px; line-height: normal; padding: 10px 0px 15px 0px; text-align:center;}
	.purchaseList .historybg{padding-bottom:0;}
	/*Tab 3,Tab 4 */
	.questionnairesList .historybg, .questionnairesList .historybg table,
	.reportsList .historybg, .reportsList .historybg table{width:100%;}
	.questionnairesList .historybg table thead,
	.reportsList .historybg table thead{display:none;}
	.questionnairesList .historybg table td.packageRow,
	.reportsList .historybg table td.packageRow{width:auto !important; display:block; line-height: normal; height: auto; background: transparent; 
			border-bottom: 1px solid #FBFBFB; text-align: left;}
	.questionnairesList .historybg table tr,
	.reportsList .historybg table tr{display:block; width: 95%; margin: 0 auto; border: 1px solid #cccccc; border-radius: 5px; background:#fff; padding:10px; margin-bottom:15px;}
	.questionnairesList .historybg table td.packageRow span.item,
	.reportsList .historybg table td.packageRow span.item{font-size:14px;}
	.questionnairesList .historybg .historyTitle,
	.reportsList .historybg .historyTitle{font-size: 26px; line-height: normal; padding: 10px 0px 15px 0px; text-align: center;}
	.questionnairesList .historybg table td.packageRow a.newTest,
	.reportsList .historybg table td.packageRow a.newTest{text-align:center; padding:5px; font-size:14px; line-height:normal; margin-top:5px;}
	.reportsList .historybg table td.packageRow a.newTest.space{margin-right:0;}
	.reportsList .historybg table td.packageRow a.newTest em.small{padding-left:7px;}
	.questionnairesList .historybg table td.packageRow span.item.mob,
	.reportsList .historybg table td.packageRow span.item.mob{display:inline-block; font-weight:bold;}
	/*Questionnaire- Register*/
	#userTest .testTitle{margin: 60px 0 0 0;}
	#userTest .testDesc{width:90%; padding-top:10px; }
	#userTest .testChildTitle{width:95%; padding-top:0; font-size:20px;}
	#userTest .testChildTitleStudy{width:95%; padding-top:0; font-size:17px; margin-top:80px;}
	
	#myAccount .regiterForm .form .fieldSet{width:100%; padding-top:20px;}
	#myAccount .regiterForm .form .fieldSet2{width:100%; padding-top:20px;}
	#myAccount .regiterForm .form .field-row{margin-bottom:15px;}
	#myAccount .regiterForm .form select.third{width:33.33% !important;}
	#myAccount .regiterForm .form select.half{width:100% !important;}
	#myAccount .regiterForm .form input[type="radio"]{width: 20px !important; height:20px !important;}
	#myAccount .regiterForm .form{margin-bottom:30px;}
	#myAccount div#another_factor .anotherTitle{font-size:20px;}
	/*Questionnaire*/
	#userTest .tabs,
	#userTest .note,
	#userTest .note textarea,
	#userTest .navigateQuestion{width:100%; margin-top:0px !important; /*margin-bottom:12px !important;*/}
	#userTest #sideQuestionNav{position: fixed; right: 5px; top: 65px; height: calc(100% - 60px); overflow: auto;}
	#userTest.realTest{width: calc(100% - 50px); margin-left: 10px;}
	#myAccount .tabs .tab{width: calc(33.333% - 8px); height:40px; font-size: 16px; margin: 4px; line-height: 20px; display:table;}
	#myAccount .tabs .tab span{display:table-cell; vertical-align:middle;}
	#userTest .navigateQuestion .tab{margin-left:0;}
	/*#userTest #sideQuestionNav .sideQuestionLink{width:30px; line-height:30px;}*/
	div.grayBackColor.exampleDiv{max-width:100%;}
	#userTest .testChildDetails{padding:10px; text-align:left; width:100% !important; margin:0px;}
	#userTest .testChildDetails span.childDetail{display:block;}
	#userTest .navigateQuestion .tab.next{display:none;}
	#userTest .navigateQuestion .tab.next.mob{display:block; float:right;}
	#userTest .navigateQuestion .tab.prev{display:none;}
	#userTest .navigateQuestion .tab.prev.mob{display:block;}
	#userTest .navigateQuestion .tab2.next{float:right;}
	#userTest .questionNum{padding-bottom:10px; font-size:20px;}
	#userTest .exampleDiv{margin-top:0; padding:10px;}
	#userTest .exampleDiv .exampleRow input{width:25px; height:25px;}
	#userTest .exampleDiv .exampleRow .exampleTd1{width:30px; padding:2px 2px 0px 2px;}
	#userTest .exampleDiv .exampleRow .exampleTd2{width:calc(100%-30px);}
	
	
	
	.exampleCheckBox .exampleSymble1{float:left !important; margin:0px !important; margin-bottom:2px !important;}
	.exampleCheckBox .exampleSymble2{float:left !important; margin:0px !important;}
	
	#userTest .questionText{margin-bottom:10px; font-size:20px;}
	
	#userTest .navigateQuestion .tab3{float:none !important; width:50%; margin:10px auto !important; height:41px; line-height:41px; font-size:14px !important;}
	/*#userTest .navigateQuestion{margin-top:0; margin-bottom:0;}*/
	
	#userTest .questionDiv .scroll{width: calc(100% - 50px) !important; top:60px !important;}
	
	#userTest .notePop {width:95% !important; top:155px !important;}
	#userTest .notePop .donKnow{width:100% !important;}	
	
	/*div.accessibileMenu button.open{left:-82px !important; top:-26px !important;}*/
	div.accessibileMenu button.open{left:-40px !important; top:30px !important;}

	#pre_2 .exampleTd1{width:60px; padding:2px 2px 0px 2px;}
	#pre_2 .exampleTd2{width:calc(100%-60px);}	
	.arrowLink{display:none; position:fixed; height:40px; top:217px; text-align:center; width:100%; }
	
	.exampleCheckBox .recognized{float:left !important; margin:4px !important;}
	
	/*div#header div.siteTopArea{float: none !important;width: 100% !important;}*/
	div#header div.siteLogo{display:none;}
	div#header div.siteLogoMobile{display:block !important;margin-left:5px;}
	div#header div.siteLogoMobile img{width:45px;margin-top:7px;}
}
@media only screen and (max-width: 400px) {
	div#header div.siteLogo img{width:70px !important;height:auto !important;margin-top:17px !important;}
	div#header div.siteTopArea{width: calc(100% - 50px);}
}