/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
.container {
	width: 90%;
	margin: 0 auto;
}

.header-top {
    background-color: #002157;
    height: auto;
    padding: 13px 0 11px;
    width: 100%;
}
.header-top-left {
	width: 100%;
	float: none;
	text-align: center;
}
.header-top-right {
	float: none;
	width: 100%;
}
.header-top-right .view-demo{
	 float: none;
	 margin: auto;
}
.header-top-left p {
	margin: 0 0 10px 0;
}
.header-middle {
	height: auto;
}
h1.logo {
	float: none;
	text-align: center;
	padding: 10px 0;
}
.header-middle-right {
	float: none;
}
.header-middle-right .searchContainer input[type="text"] {
	width: 62%;
}
.containerUp {
	top: 15px;
}
.banner-container {
	height: auto;
	margin-bottom: 70px;
}
.containerDown-right {
	width: 100%;
	float: none;
}
.newUser {
	width: 100%;
	float: none;
}
.newUser-form fieldset .textfield, .newUser-form fieldset .textfield02 {
	width: 76%;
}
.newUser-form {
	padding: 10px 20px;
}
.newUser-form fieldset {
	margin-bottom: 5px;
}
.exambody {
	float: none;
	width: 100%;
	margin-top: 15px;
}
.exambody-heading h3 {
	font-size: 16px;
}
ul.exambodyLogo li a {
	width: 116px;
}
.containerDown-left {
	width: 100%;
	margin: 15px 0 0 0;
}
.availableExam {
	height: auto;
}
.viewDemo-left {
	width: 100%;
}
.viewDemo {
	padding: 15px;
	margin: 15px 0;
}
.footer-left {
	width: 100%;
	float: none;
	margin: 0;
	padding: 15px 0;
}
.footer-right {
	width: 100%;
	float: none;
	text-align: center;
}
#vertical-horizontal-scrollbar-demo {
	width: 100% !important;
}
.scrollable .viewport {
	width: 100% !important;
}
ul.exambodyLogo li {
	margin-left: 12px;
}
ul.footer-nav li a {
	background: none;
	padding-left: 8px;
	font-size: 12px;
}
.footer-right {
	margin: 0;
	padding: 5px 0 15px 0;
}
nav ul {
	display: none;
}
nav select {
	display: block;
}
.header-middle-right .searchContainer {
	float: none;
}
.header-middle-right .searchContainer {
	margin: 5px 0;
}
nav {
	padding: 10px 0;
	text-transform: uppercase;
}
.responsive-slider .slides ul li .slide-body .caption.header {
	display: none;
}
/*user login page start*/

.innerContainer {
	top: 20px;
	margin: 0 0 36px;
}
.userLogin fieldset {
	width: 100%;
	float: none;
}
.userLogin fieldset .usertextfield {
	width: 71%;
	padding: 0 14%;
}
.userLogin fieldset .userpassword {
	width: 95%;
}
.userLogin fieldset .continue {
	margin: 10px 0 0;
}
.userLogin .continue {
	margin: 10px 0 0;
}
/*new user registration start*/

.new-userLogin fieldset {
	width: 100%;
	float: none;
}
.new-userLogin .continue02 {
	margin: 0;
}
/*dashboard exam start*/

.dashboardExam-content-left {
	width: 96%;
	float: none;
	margin: 0;
}
.dashboardExam-content-left .examBody-Category {
	width: 96%;
	margin: 0 0 20px;
}
.dashboardExam-content-right {
	width: 91% !important;
	float: none;
}
.dashboardExam-content-right .contentarea h2 {
	font-size: 30px;
	line-height: 36px;
	padding: 20px;
}
.dashboardExam-content-right .contentarea-down {
	padding: 0 0 30px;
}
.dashboardExam-heading h3 {
	padding: 0 10px;
	font-size: 16px;
}
.dashboardExam-heading .username {
	padding: 0 10px;
	font-size: 16px;
}
/*dashboard profile start*/

.dashboardExam-content .dashboardProfile-right {
	width: 100% !important;
}
.dashboardProfile-right ul.mysubjects li {
	float: none;
	margin: 0 0 6px;
}
.dashboardProfile-right .dashboard-form-container {
	width: 93%;
}
.dashboardProfile-right .dashboard-form fieldset {
	width: 98%;
}
.aboutUs img {
	width: 100%;
	float: none;
	margin: 0 0 16px 0;
	height: 100%;
}
.contact-left {
	float: none;
	width: 100%;
}
.contactForm fieldset .contact-textfield {
	width: 95%;
}
.contactForm fieldset .contact-textarea {
	width: 95%;
}
.contact-right {
	float: none;
	width: 100%;
	margin: 10px 0 0;
}
.contact-right-up {
	float: none;
	width: 100%;
}
.contact-right-up img {
	width: 100%;
	height: 100%;
	margin: 20px 0 0;
}
.contact-right-down .addressRight {
	float: right;
	width: 70%;
}
.contact-right-down .addressleft {
	width: 30%;
	margin: 0;
}
.dashboardExamBatch-content h4 {
	font-size: 16px;
}
.dashboardExamBatch-content h4 {
	margin: 0 0 6px;
	float: left;
	text-align: center;
	width:100%;
}
.dashboardExamBatch-content h4 span.dateTime {
	float: left;
	margin: 13px 0;
	text-align: center;
	width: 100%;
}
.second-top a {
	float: none;
}
.second-top span {
	float: left;
	margin: 10px 0;
	width: 100%;
}
.questionArea {
	margin: 35px 0 0;
	width: 91% !important;
}
.questionArea h2.qusHeader {
	font-size: 16px;
	line-height: normal;
	padding: 0;
}
.questionArea h4.qus {
	text-align: left;
}
.questionArea .options .row-block .option-block {
	width: 100%;
}
.center-div, .column {
	width: 100%;
}
.mid-img {
	margin: 15px auto 10px;
	width: 116px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
/*Added by somnath 28/7/14--------------------*/

.for-chat {
	width: 98.5% !important;
}
.for-chat .chat-user {
	margin-left: 0;
	width: 81.5%;
	padding-right: 16.5%;
}

/*Added by somnath 19/9/14--------------------*/
.dashboardProfile-right a.edit img{
	width:26px;
	height:26px;
}
fieldset.MarginRight .row.buttons{text-align:center;}
.row input[type="submit"], .row input[type="button"]{margin:0 8px 0 0;}
/*.questionArea{
	background: none repeat scroll 0 0 #E9E9E9 !important;
    margin: 35px 0 0;
    text-align: center;
    width: 91% !important;
}*/
.questionArea{
	background: none repeat scroll 0 0 #E9E9E9 !important;
	margin: 3px 0 0;
	padding: 2%;
	width: 96% !important;
	text-align:center;
}
.user_time{
  margin: 0;
  width: 92%;
}

.table tr th{
	font-size: 12px;
	font-weight: bold;
}
.table tr td{
	font-size: 12px;
}

.chat-search {
    margin: 0 0 15px;
    width: 100%;
}
.chat-search .row label{
	width:24%;
	right:0;
	float:left;
}
.for-chat .chat-user {
    margin-left: 0;
    padding-right: 13.5%;
    width: 81.5%;
}
.chat-search .row input[type="text"] {
    width: 69.9% !important;
	padding:0 2.19%;
}

.dashboardExam-heading h3 {
     border-bottom: 1px dashed #AAAAAA;
    float: none;
    font-size: 16px;
    padding: 0 10px;
    text-align: center;
}
.dashboardExam-heading .username {
    float: none;
    font-size: 16px;
    padding: 0 10px;
    text-align: center;
}
.chat-search-section{
	float:left;
	width:100%;
	margin-bottom:10px;
}

.chat-search-section{
	margin:0 0 15px;
}

.questionArea h4.qus p:first-child{
	width:91% !important;
}
.questionArea .options{
	padding:0 1% 8%;
}
.questionArea .options .row-block .option-block{
	max-width:100% !important;
}
.questionArea .options .row-block .option-block .options-ops{	width:90%; text-align:left;}
.options-ops p:first-child{
	width:85%;
	text-align:left;
}
.questionArea h4.qus img{max-width:100%;}
.exam-success span {
    float: left;
    font-size: 24px;
    margin: 9px 0;
    width: 100%;
}


.ans-page .qus p:nth-child(2){
	width:85% !important;
	text-align:left;
}
h4.qus span.ans-icon img.wrong {
    height: 11px;
    width: 11px;
}
.ans-icon {
    float: left;
    left: -7px;
    position: relative;
    top: 6px;
    width: 11px;
}


h4.qus span.ans-icon img.correct {
    left: 4px;
    margin: 0 !important;
    position: relative;
    top: -6px !important;
    width: 22px;
}


.options table  {
   margin:0 auto;
   float:none;
   max-width:100%;
}
.options table tr td {
   
    text-align: center !important;
}
}











/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.header-middle-right .searchContainer input[type="text"] {
	width: 76.1%;
}
.newUser-form fieldset .textfield, .newUser-form fieldset .textfield02 {
	width: 85%;
}
.userLogin fieldset .usertextfield {
	width: 80%;
	padding: 0 10%;
}
.userLogin fieldset .userpassword {
	width: 97%;
}
.dashboardExam-content-right .contentarea h2 {
	font-size: 31px;
}
.dashboardExam-content-left .examBody-Category {
	width: 96%;
}
.dashboardExam-content-right {
	float: none;
	width: 100%;
}
.dashboardExam-content-right .contentarea h2 {
	font-size: 27px;
}
.dashboardExam-content-left {
	width: 100%;
}
.dashboardExam-content-right {
	width: 96% !important;
}
.dashboardProfile-right .dashboard-form-container {
	width: 95%;
}
.dashboardProfile-right .dashboard-form fieldset {
	width: 99%;
}
.questionArea h2.qusHeader {
	font-size: 16px;
}
/*Added by somnath 28/7/14--------------------*/

	/*.for-chat{

		width: 98.5% !important;

	}*/
	
	
/*Added by somnath 19/9/14--------------------*/
.for-chat .chat-user {
    margin-left: 0;
    padding-left: 2%;
    padding-right: 11%;
    width: 86%;
}

}



/* note design for tab */

@media only screen and (min-width: 768px) and (max-width: 989px) {
.container {
	width: 740px;
	margin: 0 auto;
}
.responsive-slider .slides ul li .slide-body .caption.header {
	bottom: 0;
}
.banner-container {
	height: 252px;
}
.containerDown-right {
	width: 510px;
}
.containerDown-left {
	width: 220px;
	margin: 0 10px 0 0;
}
.newUser {
	width: 250px;
}
.newUser-form {
	padding: 20px 10px;
}
.newUser-form fieldset .textfield, .newUser-form fieldset .textfield02 {
	width: 163px;
}
.exambody {
	width: 250px;
}
ul.exambodyLogo li a {
	width: 96px;
}
.exambody-heading h3 {
	font-size: 15px;
}
.availableExam h3 {
	font-size: 15px;
}
.viewDemo-left {
	width: 532px;
}
.scrollable .viewport {
	width: 264px;
}
#vertical-horizontal-scrollbar-demo {
	width: 236px;
}
/*user login start*/

.innerContainer {
	margin: 0;
}
.userLogin .continue {
	margin: 0;
}
.userLogin fieldset .usertextfield {
	padding: 0 40px;
	width: 270px;
}
/* new user registration start*/

.userLogin .userpassword {
}
.userLogin fieldset {
	width: 47%;
}
.dashboardExam-content-right {
	width: 63% !important;
}
.dashboardExam-content-right .contentarea h2 {
	font-size: 32px;
	line-height: 38px;
}
.new-userLogin fieldset {
	width: 31%;
}
.dashboardProfile-right {
	width: 67%;
}
.dashboardProfile-right ul.mysubjects li {
	padding: 0 15px;
}
.dashboardProfile-right .dashboard-form-container {
	width: 96%;
}
.dashboardProfile-right .dashboard-form fieldset {
	width: 48%;
}
.dashboardProfile-right .dashboard-form fieldset .dashboard-textfield {
	height: 28px;
	line-height: 28px;
	width: 95%;
}
.dashboardExam-content-left {
	width: 29%;
}
.contact-left {
	width: 48%;
}
.contact-right img {
	width: 100%;
	height: 100%;
}
.contactForm fieldset .contact-textfield {
	width: 96%;
}
.contactForm fieldset .contact-textarea {
	width: 96%;
}
.contact-right-down .addressRight {
	width: 70%;
}
.contact-right-up {
	margin: 0;
}
.contact-right-down .addressleft {
	margin: 0;
}
.contact-right-down .addressleft {
	width: 25%;
}
.contactForm fieldset .contact-textfield {
	width: 97%;
}
.contact-right {
	width: 47%;
}
.contact-right img {
	width: 100%;
	height: 100%;
}
.contact-right-up img {
	width: 100%;
	height: 100%;
}
.contact-right-down .addressleft {
	margin: 0;
}
.questionArea h2.qusHeader {
	font-size: 15px;
	line-height: normal;
}
.questionArea .options .row-block .option-block {
	width: 48%;
}
.center-div {
	width: 100%;
}
/*Added by somnath 28/7/14--------------------*/

.for-chat .chat-user {
	width: 35%;
}
/*Added by somnath 19/9/14--------------------*/

.chat-search {
    margin: 0 0 15px 9px;
    width: 49%;
}
.chat-search .row label{
	 width: 26%;
	   right: 0;
	   float: left;
}

.chat-search .row input[type="text"] {
    padding: 0 2.5%;
    width: 67% !important;
}
.chat-search-section .row input[type="submit"]{
	 margin: 0 0 0 3px;
}
.chat-search .row a input[type="button"]{
	 margin: 0 0 0 3px;
}


}

@media only screen and (min-width: 990px) and (max-width: 1159px) {
.chat-search{ width: 66%;}
.chat-search .row label{width:13%;}
.row > div input[type="text"]{  width: 49.4%;}
}


 @media only screen and (min-width: 1160px) {
.container {
	width: 1140px;
	margin: 0 auto;
}
.containerDown-left {
	width: 290px;
}
.containerDown-right {
	width: 815px;
}
.newUser, .exambody {
	width: 390px;
}
.newUser-form fieldset .textfield, .newUser-form fieldset .textfield02 {
	width: 290px;
}
#vertical-horizontal-scrollbar-demo {
	width: 365px;
}
ul.exambodyLogo li {
	margin-left: 35px;
}
.userLogin fieldset .usertextfield {
	width: 368px;
	padding: 0 40px;
}
.userLogin .userpassword {
	width: 98%;
}
.dashboardExam-content-left {
	width: 24%;
}
.dashboardExam-content-right {
	width: 71%;
}
.userLogin fieldset .usertextfield {
	width: 84%;
}
.dashboardProfile-right ul.mysubjects li {
	padding: 0 44px;
}
/*Added by somnath 28/7/14--------------------*/

.for-chat .chat-user {
	padding: 9px 50px 9px 9px;
}
}
/*-------------------------------------------------------*/