@charset "utf-8";
.pages{float:left !important}
 #loadershow{ height:16px; width:16px;}
 .selected{ background-color:rgb(238, 238, 238) !important;}
.design-style:hover{background-color:#DCE7EF;}
@media only screen and (min-width :1025px) and (max-width :5000px){ 
.right-div{height:940px !important;}
div#content {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  /*padding-bottom:50px;*/
}
.browse-sample{font-size: 28px !important;
  padding-bottom: 20px;}
 .tbl-ques-ans{width:335px;}
 div#breadcrumb {margin-left:3px;}
.lrtest1,.lrtest2{width:462px;}
.lr-test1{margin-bottom:50px;}
/*.lr-test2{margin-bottom:50px;}*/

 /*Paging CSS START*/
.pages {
  position: relative;
  padding: 2px 2px 2px 7px;
  float: right;
  margin-bottom: 10px;
  margin-top: 40px;
  font-size: 14px;
  text-shadow: 1px 1px 1px #fff;
}
.pages p {
  text-align: right;
}
.pages p span {
  padding: 2px 6px;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
  color: #888;
}
.pages p span.current {
  padding: 2px 6px;
  color: #3B5998;
  color: #333;
  font-weight: bold;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
}
.pages p a, .pages p a:visited {
  padding: 2px 6px;
  background: #EFF7FF;
  color: #069;
  border: 1px solid #C2D9EF;
  margin: 0px 0px 0px 5px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
.default_search_box #textSearch{width: 77%;}
/*Paging CSS END*/
}
@media (min-width: 768px) and (max-width: 979px) {
div#content {
  width: 686px;
  margin: 0 auto;
  background: #fff;
  /*padding-bottom:50px;*/
}

#contentbox{width: 686px !important; margin:0 auto;}
.browse-sample{  text-align: center;
  font-size: 28px !important;
  padding-bottom: 20px;  }
.lr-test{width:686px !important;text-align:center;}
.lr-test1{margin-bottom:50px;}
/*.lr-test2{margin-bottom:50px;}*/

/* After Search */
.searchcatalog{margin-top: 10px !important; }
.search-top{margin-top:8px !important; width:707px !important;}
.search-mid{  width:690px!important;}
.left-div {width: 343px !important;}
.main-right{width:343px !important; margin-left:0% !important;}
.input-box{width:182px !important;}
.labelHover p {width: 330px !important; text-align:left;}
 .design-style h1{width:316px !important;}
 .tbl-ques-ans{width:300px !important;}
 .right-div h2{font-size:16px !important;}

.right-div p{width: 311px !important;text-align: justify;}
.option-tbl{width:300px }
.right-div{height:995px !important;}
 

  /*PAGING CSS START*/
.pages {
  float: left !important;
  margin-left: 25px;
}
.pages {
  position: relative;
  padding: 2px 2px 2px 7px;
  float: right;
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 14px;
  text-shadow: 1px 1px 1px #fff;
}
.pages p {
  text-align: right;
}
.pages p span {
  padding: 2px 6px;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
  color: #888;
}
.pages p span.current {
  padding: 2px 6px;
  color: #3B5998;
  color: #333;
  font-weight: bold;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
}
.pages p a, .pages p a:visited {
  padding: 2px 6px;
  background: #EFF7FF;
  color: #069;
  border: 1px solid #C2D9EF;
  margin: 0px 0px 0px 5px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
.left-top {padding-left:12px;}
.default_search_box #textSearch{width: 77%;}
  /*PAGING CSS Endi*/
}
@media (max-width: 1199px) and (min-width: 980px)
{
	div#content {
  width: 954px;
  margin: 0 auto;
  background: #fff;
  /*padding-bottom:50px;*/
}

/*#contentbox{width: 954px !important; margin:0 auto;}*/
.browse-sample{  text-align: center;
  font-size: 28px !important;
  padding-bottom: 20px;  }
.lr-test {
  width: 950px !important;
  text-align: center;
}
.lr-test1{margin-bottom:50px;}
/*.lr-test2{margin-bottom:50px;}*/


/* After Search */

.searchcatalog{margin-top: 10px !important; }
.search-top{margin-top:8px !important; width:707px !important;}
.search-mid{  width:950px!important;}
.left-div {width: 475px !important;}
.main-right{width:470px !important; margin-left:0% !important;}
.input-box{width:312px !important;}
.labelHover p {width: 450px !important; text-align:left;}
 .design-style h1{width:450px !important;}
 .tbl-ques-ans{width:300px !important;}
 .right-div h2{font-size:16px !important;}

.right-div p{width: 440px !important;text-align: justify;}
.right-div{height:995px !important;}
 

  /*PAGING CSS START*/
.pages {
  float: left !important;
  margin-left: 25px;
}
.pages {
  position: relative;
  padding: 2px 2px 2px 7px;
  float: right;
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 14px;
  text-shadow: 1px 1px 1px #fff;
}
.pages p {
  text-align: right;
}
.pages p span {
  padding: 2px 6px;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
  color: #888;
}
.pages p span.current {
  padding: 2px 6px;
  color: #3B5998;
  color: #333;
  font-weight: bold;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
}
.pages p a, .pages p a:visited {
  padding: 2px 6px;
  background: #EFF7FF;
  color: #069;
  border: 1px solid #C2D9EF;
  margin: 0px 0px 0px 5px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
.default_search_box #textSearch{width: 77%;}

}
@media only screen and (min-width :481px) and (max-width :767px){ 
div#content {
  width: 437px;
  margin: 0 auto;
  background: #fff;
  /*padding-bottom:50px;*/
}
div#breadcrumb {
 
  width: 94%;
}
#contentbox{width: 437px !important;}
.browse-sample{  text-align: center;
  font-size: 28px !important;
  padding-bottom: 20px;  }
.lr-test{width:430px !important;text-align:center;}
.lr-test1{margin-bottom:50px;width:430px !important;}
.lr-test2{/*margin-bottom:50px;*/ width:430px !important;}
.inputsearchtest{width:261px !important; font-size:18px !important;}

.searchcatalog{margin-top: 10px !important; }
.search-top{margin-top:8px !important;  width: 416px!important;}
.search-mid{width: 437px!important;}
.left-div {width: 437px !important;}
.main-right{width:341px !important; left:37% !important;}
.input-box{width:182px !important;}

.labelHover p {width: 330px !important; text-align:left;}
.labelHover h1{width:316px !important;}
 .tbl-ques-ans{width:300px !important;}
 .right-div h2{font-size:16px !important;}
.right-div p{width: 311px !important;text-align: justify;}
.option-tbl{width:300px }

  /*PAGING CSS START*/
.pages {
  float: left !important;
  margin-left: 25px;
}
.pages {
  position: relative;
  padding: 2px 2px 2px 7px;
  float: right;
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 14px;
  text-shadow: 1px 1px 1px #fff;
}
.pages p {
  text-align: right;
}
.pages p span {
  padding: 2px 6px;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
  color: #888;
}
.pages p span.current {
  padding: 2px 6px;
  color: #3B5998;
  color: #333;
  font-weight: bold;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
}
.pages p a, .pages p a:visited {
  padding: 2px 6px;
  background: #EFF7FF;
  color: #069;
  border: 1px solid #C2D9EF;
  margin: 0px 0px 0px 5px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
.default_search_box #textSearch{width: 60%;}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
	div#content {
  width: 282px;
  margin: 0 auto;
  background: #fff;
  /*padding-bottom:50px;*/
}
#contentbox{width: 282px !important;}
.browse-sample{  text-align: center;
  font-size: 28px !important;
  padding-bottom: 20px;  }
.lr-test{width:280px !important;text-align:center;}
.lr-test1{margin-bottom:50px;width:280px !important;}
.lr-test2{/*margin-bottom:50px;*/ width:280px !important;}
.searchcatalog{margin-top: 10px !important;  font-size: 23px !important; }
.inputsearchtest{width:261px !important; font-size:18px !important; text-align:center;}
input.btn_class.btn-big.primary {margin-top: 6px;}
.subtest{font-size: 14px !important;}
.search-top{margin-top:8px !important;  width:282px!important;}
.search-mid{width: 282px!important;}
.left-div {width: 282px !important;}
.main-right{width:282px !important;}
.input-box{width:244px !important;}

.labelHover p {width: 265px !important; text-align:left;}
.labelHover h1{width:200px !important}
.right-div h2{font-size:16px !important;}
.right-div p{width: 311px !important;text-align: justify;}
.option-tbl{width:225px }
.left-top{height:103px !important;}
input#btnTest {
  margin: -10px 0px 0px 78px !important;
}
.close{position:fixed !important;float:left !important; margin-left:200px !important; color:#000 !important;}
  /*PAGING CSS START*/
.pages {
  float: left !important;
  margin-left: 25px;
}
.pages {
  position: relative;
  padding: 2px 2px 2px 7px;
  float: right;
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 14px;
  text-shadow: 1px 1px 1px #fff;
}
.pages p {
  text-align: right;
}
.pages p span {
  padding: 2px 6px;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
  color: #888;
}
.pages p span.current {
  padding: 2px 6px;
  color: #3B5998;
  color: #333;
  font-weight: bold;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
}
.pages p a, .pages p a:visited {
  padding: 2px 6px;
  background: #EFF7FF;
  color: #069;
  border: 1px solid #C2D9EF;
  margin: 0px 0px 0px 5px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
#textSearch{width:130px;}
.btn_class {padding: 9px 8px!important;}
.primaryTextSearch {padding: 4px 15px 4px 15px!important;}
.txt{font-size:16px;}
.primaryTextSearch{width:163px !important;}
.feature_tab{width:100%; font-size:12px; text-align:left;}
}
	
}
@media only screen and (min-width :0px) and (max-width :319px){
div#content {
  width: 198px;
  margin: 0 auto;
  background: #fff;
  padding-bottom:70px;
}
div#breadcrumb {
	width:100%;
  

}
#contentbox{width: 198px !important;}
.browse-sample{  text-align: center;
  font-size: 28px !important;
  padding-bottom: 20px;  }
.lr-test{width:190px !important;text-align:center;}
.lr-test1{margin-bottom:50px;width:190px !important;}
.lr-test2{/*margin-bottom:50px;*/ width:190px !important;}
.searchcatalog{margin-top: 10px !important;  font-size: 19px !important; }
.inputsearchtest{width:190px !important; font-size:14px !important; text-align:center;}
input.btn_class.btn-big.primary {margin-top: 6px;}
.subtest{font-size: 14px !important;}

.search-top{margin-top:8px !important;  width:198px!important;}
.search-top h1{font-size:18px !important;}
.search-mid{width: 198px!important;}
.left-div {width: 198px !important;}
.main-right{width:282px !important;}
.input-box{width:156px !important;}

.labelHover p {width: 173px !important; text-align:left;}
.labelHover h1{width:173px !important}
.right-div h2{font-size:16px !important;}
.right-div p{width: 311px !important;text-align: justify;}
.option-tbl{width:300px }
.left-top{height:103px !important;}
input#btnTest {
  margin: -10px 0px 0px 37px !important;
}
  /*PAGING CSS START*/
.pages {
  float: left !important;
  margin-left:-11px;
}
.pages {
  position: relative;
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 14px;
  text-shadow: 1px 1px 1px #fff;
}
.pages p {
  text-align: right;
}
.pages p span {
  padding: 2px 6px;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
  color: #888;
}
.pages p span.current {
  padding: 2px 6px;
  color: #3B5998;
  color: #333;
  font-weight: bold;
  border: 1px solid #ddd;
  margin: 0px 0px 0px 5px;
}
.pages p a, .pages p a:visited {
  padding: 2px 6px;
  background: #EFF7FF;
  color: #069;
  border: 1px solid #C2D9EF;
  margin: 0px 0px 0px 5px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
}/* CSS Document */