@charset "utf-8";
/*responsive CSS Document snapsupport */

/*question list page*/
/*iphone 6 potriat view*/
.respnse_libryclose{
	display:none;
}
.wthoutrespnse_libryclose{
	display:block;
}
.mobilemenuResp{
	position: absolute;
    top: 52px;
    left: 0px;
    width: 100%;
    padding:0px 15px;
    box-shadow: 0px 3px 7px #0000006e;
    z-index: 99999;
    background: #fff;
    border-radius: 0px 0px 5px 5px;
}
@media (min-width:0px) and (max-width:399px){
.QuespagOuterDiv 
{
    width: 100%;
}
.rgtQuesDiv 
{
	padding-left:0px;	
}
.noTimspan
{
    display: block !important;
    float: none;
}
.detimg2
{
	margin-right:10px;
}
.colgrsubres
{
	display:block !important;	
}
.htovrite,.htofdetsqus
{
	height:auto !important;	
}
.cstmsbres,.cstmflt2,.btmnoflt
{
	float:none;	
}
.btmnoflt
{
    margin-top: -13px;
}

.ltmins
{
	left:-15px;	
}
#pageNavPosition
{
	float:left;	
}
.altbtm
{
	width:245px;	
}
.respnsv_indichckspn{
	width:20px;
}
.respnsve_submarg{
	margin-top:0px !important;
}
.QuespagInnerDiv{
	padding: 0px 13px !important;
}
.respnsve_updatedat{
	float:right;
}
.respnsve_recmdid{
	float:left;
}
.inviteRepsQues .AssignSpan{
	width:50% !important;
}
.inviteRepsQues{
	width:130px;
}
.quesTitle{
	font-size:14px !important;
}
.DetailImgQuespan{
	width: 125px;
    height: 125px;
    display: block;
}
.respnsve_wdthtab{
	width:30%;
}
.respnsvesidemenu{
	width:10% !important;
	padding: 10px 5px !important;
	display: block;
}
.respnsve_library{
	width:100% !important;
}
.rspnsve_webonly{
	display:none;
}
.respnsve_srtLinDv{
	margin: 10px 0px !important;
}
.respnsve_addcatgry{
	width:100% !important;
	left:5% !important;
}
.fixedheadlib{
	width:100% !important;
	left: 0px;
}
.wthoutrespnse_libryclose{
	display:none;
}
.respnse_libryclose{
	display:block;
	right:0px;
	top:0px;
	font-size:unset;
}
}

@media (min-width:400px) and (max-width:425px){
.QuespagOuterDiv 
{
    width: 100%;
}
.rgtQuesDiv 
{
	padding-left:0px;	
}
.noTimspan
{
    display: block !important;
    float: none;
}
.detimg2
{
	margin-right:10px;
}
.colgrsubres
{
	display:block !important;	
}
.htovrite,.htofdetsqus
{
	height:auto !important;	
}
.cstmsbres,.cstmflt2,.btmnoflt
{
	float:none;	
}
.btmnoflt
{
    margin-top: -13px;
}

.ltmins
{
	left:-15px;	
}
#pageNavPosition
{
	float:left;	
}
.altbtm
{
	width:245px;	
}

.respnsv_indichckspn{
	width:20px;
}
.respnsve_submarg{
	margin-top:0px !important;
}
.QuespagInnerDiv{
	padding: 0px 13px !important;
}
.respnsve_updatedat{
	float:right;
}
.respnsve_recmdid{
	float:left;
}
.inviteRepsQues .AssignSpan{
	width:100% !important;
}
.inviteRepsQues{
	width:130px;
}
.quesTitle{
	font-size:14px !important;
}
.DetailImgQuespan{
	width: 125px;
    height: 125px;
    display: block;
}
.respnsve_wdthtab{
	width:30%;
}
.respnsvesidemenu{
	width:10% !important;
	padding: 10px 5px !important;
	display: block;
}
.respnsve_library{
	width:100% !important;
}
.rspnsve_webonly{
	display:none;
}
.respnsve_srtLinDv{
	margin: 10px 0px !important;
}
.respnsve_addcatgry{
	width:100% !important;
	left:5% !important;
}
.fixedheadlib{
	width:100% !important;
	left: 0px;
}
.wthoutrespnse_libryclose{
	display:none;
}
.respnse_libryclose{
	display:block;
	right:0px;
	top:0px;
	font-size:unset;
}
}
/*480 view landscape*/
@media (min-width:426px) and (max-width:480px){

.QuespagOuterDiv 
{
    width: 100%;
}
.widmobi 
{
    padding-left: 5px;
}
.htovrite,.htofdetsqus
{
	height:auto !important;	
}
.ltmins
{
    left: -107px;
}
}
/*i phone 5s landscape*/
@media (min-width:568px) and (max-width:600px){
.QuespagOuterDiv 
{
    width: 100%;
}
.htovrite,.htofdetsqus
{
	height:auto !important;	
}
.altbtm 
{
	width:350px;
}
.widmobi
{
	padding-left:15px;
}
.btmnoflt 
{
    margin-top: -5px;
}
}
@media (min-width:600px) and (max-width:768px){
.QuespagOuterDiv 
{
    width: 100%;
}
.ltmins 
{
    left: -109px;
}
.btmnoflt 
{
    margin-top: -4px;
}
.altbtm 
{
	width:300px;	
}
#pageNavPosition
{    
    margin-right: 40px;
}
.wid80
{
    width: inherit;
}
.DetailsQues
{
	height:inherit;	
}
.htovrite,.htofdetsqus
{
	height:auto !important;	
}
}
@media (min-width:1000px) and (max-width:1024px){
.QuespagOuterDiv 
{
    width: 97%;
}
}
@media (min-width: 768px){
	.respMenu{
    display: inline-block !important;
    float: right;
	}
	.containerdynamic{
	width:100% !important;
	}
}
@media (max-width: 767px) {
	.navbar-right {
		float: left !important;  
	}
	.top_nav .navbar-right{
		width: 100%;
	}
	.top_nav .navbar-right li {
    float: left;
	}
	.menuHighlight a {
	   border-radius: 0px !important;
	}
	.navbar-nav .open .dropdown-menu{
	width: 100%;
	left: 0;
    right: auto;
	border-radius:0px !important;
	}
	.SignTag {
	width: 175px !important;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
    color: #9d9d9d !important;
   }
}
/*july 19 styling*/
/*login page responsive*/
@media (min-width:0px) and (max-width:500px){
.bglogbg
{
	width: 99.1%;
    margin-top: 20%;	
}
}
@media (min-width:501px) and (max-width:993px){
.bglogbg
{
	width: 55%;
    margin: 0 26%;
    display: block;
}
}
/*pick account page responsive*/
@media (min-width:993px) and (max-width:1200px){
.pikAcc .bglogbg 
{
	width: 45%;
}
}
@media (min-width:500px) and (max-width:550){
.pikAcc .bglogbg
{
    min-height: 520px;
    width: 100%;
    margin: 0px;
}
}
@media (min-width:550px) and (max-width:755px){
.pikAcc .bglogbg
{	
	min-height: 520px;
    width: 80%;
    margin: 0px 10%;
}	
}
@media (min-width:370px) and (max-width:415px){	
.pikAcc .RepInvit 
{
    height: 78px;
    padding-top: 5px;
}	
.instyle
{
    display: inline-block;
    width: 57%;
}
.pikAcc .RepInvit 
{
    height: 89px;
}
}
@media (min-width:300px) and (max-width:369px){
.EntrBtn
{
     float:none;
}
.instyle
{    
    width: 75%;
}
.pikAcc .RepInvit {
   height: 118px;
    padding-top: 5px;
}
.compDetails
{
	font-size:11px;	
}
}
/*end of july 19*/
/*august 2 styling*/
.chartdivwid
{
	width:80%;
	height:auto;	
}
.pd0
{
	padding:0px;	
}
@media (min-width:500px) and (max-width:1000px){
.repwidth
{
	width:100%;	
}	
}
@media (max-width:500px){
.repwidth
{
	width:320px;	
}	
}
@media (min-width:1100px){
.chartdivwid
{
	width:900px;
	height:400px;	
}	
}
@media (min-width:768px) and (max-width:980px){
.DetailsBox 
{
	width: 100%;
}
.chartdivwid
{
	width:600px;
	height:400px;	
}	
}
@media (min-width:1024px) and (max-width:1060px){
.chartdivwid
{
	width:600px;
	height:400px;	
}		
}
@media (min-width:600px) and (max-width:767px){
.chartdivwid
{
	width:600px;
	height:400px;	
}		
}
@media (min-width:480px) and (max-width:599px){
.chartdivwid
{
	width:400px;
	height:300px;	
}		
}
@media (min-width:320px) and (max-width:340px){
.repwidth {
    width: 287px;
}
}
.chatMsg 
{
    width: 53%;
}
.chatDate 
{
    width: 36%;
}
/*other page edits*/
@media (min-width:0px) and (max-width:768px){
.QuespagInnerDiv
{
	padding:0px 15px;	
}
.submarg
{
	padding:0px;	
}
}
/*end of august 2*/
/*august 10*/
@media (min-width:0px) and (max-width:380px){
.greyTxtOvrflow22
{   
    width: inherit;
	margin: 10px 0px;
    display: block;
}
}
@media (max-width:1000px){
.shwonmob
{
 display:block;
}
.hidecls
{
 display:none; 
}
}
/*end of august 10*/
@media (min-width:980px) and (max-width:1079px){
  .QuesDetOuterDiv{width:950px;}
  .rgtMrgnQuesDiv{width:600px;}
  .RghtDivQuesDet{width:350px;}
  .DynamicSelect{width: 150px;}
  .attrQues{width:99%;}
  .videoaddimg{width:10%;}
  .Answerdiv{width:90%;}
}
@media (min-width:640px) and (max-width:979px){
  .QuesDetOuterDiv{width:620px;}
  .rgtMrgnQuesDiv{width:620px;}
  .RghtDivQuesDet{width: 100%;}
  .DynamicSelect{width: 150px;}
  .attrQues{width:100%;}
  .videoaddimg{width:10%;}
  .Answerdiv{width:90%;}
  .repDetailRgt{width: 515px;}
  .repDetailRgtOwnChat{width: 85%;margin-left:0px;}
  .RepansourChatTxt{width: 90%; float: right;}
  .repDetailRgt1{width: 95%;}
  .OurView {  margin-right: -100px;}
  .ArrowClass1Txt{left: 108%;}
  .floatRgtimg{margin-right: -80px !important;}
  .QuesDetOuterDiv .whtbg{padding-bottom:50px;}
  .notesprntDiv{margin-left: -475px;}
}
@media (min-width:480px) and (max-width:639px){
  .QuesDetOuterDiv{width: 95%;}
  .rgtMrgnQuesDiv{width: 100%;}
  .RghtDivQuesDet{width: 100%;}
  .DynamicSelect{width: 150px;}
  .attrQues{width:100%;}
  .videoaddimg{width:10%;}
  .Answerdiv{width:90%;}
  .repDetailRgt{width: 100%;margin-left:20px;}
  .repDetailRgtOwnChat{width: 85%;margin-left:0px;}
  .RepansourChatTxt{width: 90%; float: right;}
  .repDetailRgt1{width: 95%;}
  .OurView {  margin-right: -100px;}
  .ArrowClass1Txt{left: 110%;}
  .floatRgtimg{margin-right: -80px !important;}
  .QuesDetOuterDiv .whtbg{padding-bottom:50px;}
  .notesprntDiv{margin-left: -70%;}
  .messenger{min-width:450px !important;width:100%;}
  .ListQuesimgCam{margin-left: 13px !important;}
  .txtQuesresp{width:100%;}
  .RepNamQuesDet{width: 50%;position: absolute;margin-top: -50px;margin-left: 50px;}
   .catClassDet{width: 50% !important;position: absolute;margin-top: -30px;margin-left: 50px !important;} 
   .classrepprofTim {margin-top:-50px !important;margin-right:20px;}
  
}
@media (max-width:767px){
.whtbg{position:static;}
.bkIcon{position: relative;display: inherit;}
}
@media (max-width:479px){
  .QuesDetOuterDiv{width: 95%;}
  .rgtMrgnQuesDiv{width: 100%;}
  .RghtDivQuesDet{width: 100%;}
  .DynamicSelect{width: 140px;}
  .attrQues{width:100%;}
  .videoaddimg{width:10%;}
  .Answerdiv{width:90%;padding: 0;margin: 0;}
  .repDetailRgt{width: 100%;margin-left:20px;}
  .repDetailRgtOwnChat{width: 80%;margin-left:0px;}
  .RepansourChatTxt{width: 90%; float: right;}
  .repDetailRgt1{width: 95%;}
  .OurView {  margin-right: -72px;}
  .ArrowClass1Txt{left: 110%;}
  .floatRgtimg{margin-right: -60px !important;}
  .QuesDetOuterDiv .whtbg{padding-bottom:50px;}
  .notesprntDiv{margin-left: -60%;}
  .messenger{min-width:320px !important;width:100%;}
  .ListQuesimgCam{margin-left: 2px !important;}
  .txtQuesresp{width:100%;}
  .RepNamQuesDet{width: 50%;position: absolute;margin-top: -50px;margin-left: 50px;}
   .catClassDet{width: 50% !important;position: absolute;margin-top: -30px;margin-left: 50px !important;}  
   .classrepprofTim {margin-top:-50px !important;margin-right:20px;}
   .txtarae{padding-left: 0% !important;width: 70%;}
   .DetailImgQues{max-width: 100%;}
   #AssignSpanId2 ,#AssignSpanId{width:150px !important;}
  
}
@media (max-width:768px){
	.responspopupimg{
		width:100% !important;
		left:5% !important;
	}
	.responspopupimg1{
		width:87% !important;
	}
	.upldimgrepsnsve img, .upldimgrepsnsve video{
		width:100% !important;
	}
}