/* class add for responsive design*/
 
  .req-heading {width: 18%; margin-left:1%; font-size: 20px;color: #800000; font-style: italic; float:left; }
  .req-h5 {
    height: 5px;
}
.font11 {
    font-size: 11px;
}
 .pop-msgdiv {background-color: #DAECF8;border: 4px solid #4E9FCA; color: red; left: 50%;  margin-left: -250px;margin-top: -90px;
    padding: 5px;position: absolute; text-align: center; top: 50%; width: 500px; z-index: 9002;}
.reqpop-message-div {
    background-color: #DAECF8;
    border: 4px solid #4E9FCA;
    color: red;
    left: 50%;
    margin-left: -218px;
    margin-top: -90px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 500px;
    z-index: 9002;
}
.req-popcancel2
{
	position:absolute; 
	margin-left:499px;
	margin-top:-15px; 
	cursor:pointer;
}
.TiltDscAbsolute {
    background-color: #F1F1F1;
    border: 5px solid #999999;
    left: 28%;
    line-height: 25px;
    padding-right: 2%;
    position: absolute;
    text-align: justify;
    top: -29%;
    width: 413px;
    z-index: 27;
}
.Addphoneinput {
    border: 1px solid #BDBDBD;
    border-radius: 4px 4px 4px 4px;
    font-size: 14px;
    /*height: 15px;
    padding: 5px 6px 2px;*/
    width: 110px;
    height:28px;
    margin-top:0; margin-right:5px;
    margin-bottom:4px; float:left;
}

.btnAddPhone{
	background: url(../images/button_bg.jpg) top left repeat-x;
	/*height:24px;
	padding:2px 10px;*/
 	-moz-border-radius: 4px;
	-webkit-border-radius:4px; float:left;
	 margin-top:4px;
    margin-bottom:4px;
	border-radius: 4px; margin:0; padding:4px 7px;
	cursor:pointer; font-size:13px;
	color:Green; font-family:Arial;
	border:1px solid #bdbdbd;
}
 .req-message-div
        {
            width: 99%;
            padding: 4px;
            float: left;
            border: 1px solid #2F7AA1;
            background: #DAECF8;
            text-align: center;
            color: green;
        }
        
  .req-box {
    color: #303030;
    width: 100%;
    border: 1px solid #2F7AA1;
    background: none repeat scroll 0% 0% #DAECF8;
    padding: 5px 10px;
    margin-bottom: 8px;
    box-sizing: border-box;
}

  .editClaim
        { background:red !important;
          color:#fff !important;
          font-size:12px !important;
            
            }
            
            .onlyEdit
            {
                background: #c5511e !important;
    border-color: #c5511e !important;
    color: #fff !important;
    font-size: 12px !important;
                
                }

#PhNoMsgdis{ width:260px !important;}

#drpType{ font-size:11px}

.drpType_popup{ margin-top:6px;}

.ItWrk { font-size: 12px;width: 100%;}
 .ItWrk ul    { margin:0px; padding:0px; list-style-type:none;}
.ItWrk ul li {background:url(../images/arrow.png) no-repeat scroll 5px 4px transparent; padding: 0 0 8px 30px;   }


 .req-colm {float: left;width: 39%; }
  .req-option{ font-size: 12px;   width: 21%;float: left; margin-left: 0px;font-family: Arial, Helvetica, sans-serif; color: #024370;  margin-top:5px; }
  .req-col2text{color: #024370;float: left; font-family: Arial,Helvetica,sans-serif;font-size: 12px; width: 12%; margin-top:5px; }
    .req-textarea{ border: 1px solid #D8D7D7;height: 45px; margin-top: 0px;padding: 5px;width: 75%; }     
    .req-textbox{ border: 1px solid #D8D7D7; height:25px;  padding: 5px; width: 88%; }     
        
        .req-text
        {
        font-size: 12px;
        width: 100%;
        float: left;           
        font-family: Arial, Helvetica, sans-serif;
        color: #024370;
        }
        .req-formtext
        {
        font-size: 13px;
        margin-right:2px;
        float: right;
        font-style: italic;
        font-family: Arial, Helvetica, sans-serif;
        color: #ca1214;
        }
        
        .city-name {
    color: #800000;
    float: left;
    font-family: cambria;
    font-style: italic;
    font-weight: bold;
    margin-top: 5px;
    width: 40%;
}
   .req-button
        {
        background: url("../images/button_bg.jpg") repeat-x scroll left top transparent;
        border: 1px solid #BDBDBD;
        border-radius: 4px 4px 4px 4px;
        height: 24px;
           cursor:pointer; 
        margin-top: 4px;
        padding: 2px 5px;
        } 
      .req-blanket {
        background-color: #999;
        left: 0;
        opacity: 0.60;
        filter: alpha(opacity=60);
        height:100%;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9001;
        }   
        .req-popUpDiv {
        background-color: #daecf8;
        border-radius:20px;
        border: 4px solid #4e9fca;
        left: 50%;
        margin-left: -195px;
        padding:5px;
        margin-top: -160px;
        position: absolute;
        top: 50%;
        width: 390px;
        z-index: 9002;
        } 
          .req-popcancel
        {
        cursor: pointer;
        margin-left: 368px;
        margin-top: -4px;
        position: absolute;
        }

        .popDiv-inr
        {
        width:100%; position:relative;
        }
      .popDiv-inr .close-icon{position:absolute; right:-18px; top:-14px; width:28px; height:28px; cursor:pointer;}
        .popDv-hder
        {
        width:100%;
        float:left;
        }
        .save-money
        {
        float:left;
        width:75px;
        background:url(../images/save.png);
        height:75px;
	
        }
        .popUp-hding{  float:left;padding:20px;width:275px;text-align:center;color:#024370;font-size:18px;font-weight:bold;font-style:italic;
       }
        .Pop-cntnt{ width:366px;margin-left:7px;margin-bottom:7px;padding:5px;background-color:#daecf8;}
        .req-text
        {
        font-size:11.5px;
        width:100%;
        float:left;
        font-family:Arial, Helvetica, sans-serif;
        color:#024370;
        }
        .reqpopup-textarea
        {
        padding:5px;
        width:87%;
        border:1px solid #d8d7d7;
        margin-top:3px;
        height:50px;
        }
        .reqpopup-row
        {
        float:left;
        width:100%;
        margin-bottom:5px;
        }
    
        .mgt5{margin-top:5px;}
        .popup-btn2 {
        background:url(../../images/button_bg.jpg) repeat-x scroll left top transparent;
        border: 1px solid #BDBDBD;
        border-radius: 4px 4px 4px 4px;
        height: 24px;
        cursor:pointer;
        padding: 2px 5px;
        margin-top:20px;
        }
        
      .reqpopup-colm
        {
          float:left;
          width:50%;
          margin-bottom:5px;
        }
#div_codeValidate_popup{background: none repeat scroll 0px 0px #FFF;padding: 5px;width: 100%;display: block; box-sizing:border-box; margin-bottom:10px;}
#div_Req_popup{float:left; background-color:#fff; padding:10px; border-radius:10px;}
.w100 {width: 100%;}    
#drpType_popup{padding: 4px; font-size: 12px;border: 1px solid #B9B9B9; width: 100%;margin-top: 0px;} 
 .popDiv-inr .hw-it-works{text-align: center;color: #024370;font-size: 18px;font-weight: 700;font-style: italic; width:100%; float:left; margin:10px 0 5px;}
 .pop-txtbx2{width:165px; padding:4px; margin-top:3px;margin-bottom:3px;border:1px solid #d8d7d7;}


.PhNoDv
{
    padding:0px;
    border-radius:10px;
    z-index:100;
    background-color:#fff;
    max-width:457px; width:100%;
    position:absolute;
    top:30%;
    left:18%;
    display:none;
    border: 8px #666 solid;
}

.HdDverr {
    font-size: 16px; font-family:Arial,Helvetica,sans-serif;
}

.HdDverr {
    float: left;
    font-size: 16px;
    margin-left: 90px;
    padding-bottom: 5px;
}

.w25 {
    width: 25%; font-family:Arial,Helvetica,sans-serif; font-size:12px;
}

.DvOneHd {
    margin-left: 11px;
    margin-top: 5px;
    width: 98%;
}
.left_search .clr{line-height:13px;}
.left_search {
    background-color: #FFFFFF;  
    clear: both;
   /* padding: 2%;*/
    /*width: 96%;*/
}
.bdrAll{
    border:#CCCCCC solid 1px;    
}
.ht
{min-height:200px;  }
.none{
	display:none;
 }
 .SpnEmail { font-weight:normal;font-size:10px;display:none; }
 .DivEmail { width:0px; margin:0px; padding :0px; background:#FFF; border:0px;}
.p5{
padding:2%;
}
.popupstyle
{
	width: 265px; padding: 10px 0px 0px 20px; color:#024370;
	}
	.smsLayer1{padding:0px;z-index:100;background-color:#fff;width:386px;position:absolute;top:39%;left:0; left:0 !important; margin:0 auto; right:0; display:none;  border: 8px #666 solid;
 border-radius: 8px 8px 8px 8px;
}
.city, .area, .search-area 
{
 position:relative;
 }
.bdrColor
{
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	
	border:1px solid #bdbdbd;
  }
  .disnone
        {
        display: none;
        }
.layer {    
    display: none;
    line-height: 18px;
    left:0;
    position: absolute;
    z-index: 100;
}
.bdrColor
{
	-moz-border-radius: 4px;
	border:1px solid #bdbdbd;
}
#loading{position:absolute;left:44%;top:40%;z-index:200;display:none;}
.loading {
    display: none;
    left: 30%;
    position: absolute;
    top: 40%;
    z-index: 100;
}

.home-srchBtn{width:100%; text-align:center;}
.cursor{cursor:pointer;}
.bigtextbox{width:332px;height:100px;padding:5px;font-size:12px;border-radius: 0px;-moz-border-radius: 0px; -webkit-border-radius: 0px;border:1px solid #bdbdbd;}
#txtCityDiv input[type="text"]:focus{border:none; outline:none;}
.textbox{width:200px;height:21px;padding:11px 6px;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;border:1px solid #bdbdbd;}
#Button1{-webkit-border-radius:0;-moz-border-radius:0; border-radius:0;}
.inner-text2{ width:120px; float:left; font-size:12px; line-height:25px;}
.toltip{height:auto; padding:5px; clear:both; display:none; width:160px;}
#uniquename3 {background-color: white; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;  border:1px solid #bdbdbd;
display: none; font-family: Verdana;font-size: 8pt;height: auto; padding: 5px;position: absolute;width:198px; left:auto !important; top:37px !important; right:-150px;}
.pos-relative{position:relative;}
.menu_txtBox_home { background: url(https://www.grotal.com/img_Res/select-dd-img.png) no-repeat right 2px center #FFFFFF; border: medium none;color: #333333;
 cursor: pointer;font-size:13px; height: 28px; line-height:28px; padding: 2px 29px 2px 6px; width: 100%;float:left; border:1px solid #d8d8d8; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.search_txtBox{border: none;}
#CityDiv, #txtCityDiv, #div_Search{margin-top:0px;float:left;width:100%;}
#dropmenu{background-color: #FFFFFF;border: 1px solid #CCCCCC;border-top:none;
position: absolute; z-index:5666;padding-bottom: 3px;left:-1px; top:30px;  
   /* width:130px;*/
}
#dropmenu ul li {
    line-height:25px;
    list-style: none outside none;
    margin: 0;
    padding: 0 5px;
    display:list-item;
    white-space: nowrap;  
    width:80%;
    position:inherit;
}
.search_button{
	background:url(../images/btn_seach.png) top left no-repeat;
	height:28px;
	width:71px;
	padding:2px 0px;
	*padding:2px 0px;
	cursor:pointer;
	margin:0px;
	border: none;
	background-size:100% 100%;
}
.layerContents {
    max-height: 200px;
    overflow: auto;
    padding:8px 2px;
    width: 100%;
    z-index:2;
    margin-top:2px;
    background-color: #FFFFFF;
}
.layerContents span{width:50%;padding:1%;float:left;cursor:pointer; display:block; overflow:hidden; white-space:nowrap; font-size:12px;}
.layerContents span:hover{background-color:#D0E3FF;}tr{background:#FFF;}
#form1{height:100%;}
.livesearch{-moz-box-sizing:border-box;  background-color:#FFFFff;color:#000000;position:absolute; top:36px;text-align:left; padding:5px 6px 5px 6px; width:100%;display:none;border: 1px solid #bdbdbd;z-index:200;font-size: 11pt;font-weight: normal;}
.ARealMod{float: left; margin: 0px; padding: 0px; width: 100%; border: 1px solid rgb(204, 204, 204)}


.popupSnp_otr{ background: #069; border: 1px solid #069; display: block; float: left; left: 250px; margin: 0; position: absolute; top: 220px; width: auto;}
.searchsinglimage{cursor:pointer;}
.popupSnp_imgs{ width:540px; padding:5px; height:auto;}
/*Responsive style starts css*/



 @media only screen and (min-width:896px) and (max-width:1023px) 
{
  .req-heading{font-size:18px; margin-left:0; padding-right:1%;}  
  .req-colm{width:40%;}
  .req-option{width:24%;}
  .req-textarea{width:69%;}
  .req-col2text{width:14%;}
  .req-textbox{width:86%;}
  .popupSnp_otr{ left:20px; top:230px;}
  .popupSnp_imgs{ width:460px;} 

 
    
    }
@media only screen and (min-width:768px) and (max-width:895px) 

{
    .home-search{padding-top:20%;}
     .req-heading{font-size:18px; margin-left:0; padding-right:0%; width:100%; margin-bottom:15px;}  
  .req-colm{width:50%;}
  .req-option{width:24%;}
  .req-textarea{width:69%;}
  .req-col2text{width:14%;}
  .req-textbox{width:86%;}
  
   .popupSnp_otr{ float:none; margin:0 auto; left:0; right:0; top:220px; width:75%;}
  .popupSnp_imgs{ width:100%;}

    
    
    }
@media only screen and (min-width:480px) and (max-width:767px) 
{
     .livesearch{font-size:10pt;}
     .hdr-search .input-group input[type="text"]{width:82% !important;}
     .mob-tab-nav{top:35px !important;}
.contactLayer {border: 5px solid #666;left: 50%; width: 410px; margin-left:-205px;}
    
    .bigtextbox{width:249px;}
   .top_header{height:30px; line-height:30px;}
   #RdiButton{font-size:11px;}
   .inner-text2, .popUp-row{font-size:11px;}
   .p-btmTxt{ font-size:11px; }
   #uniquename3{right:0;}
    #dropmenu{width:100%; border:1px solid #dadada; top:24px;}
    #more:hover{ border-left: none; border-right:none ;}
  .mid-add-lt iframe,  .mid-add-rt iframe{width:100%;}
  .mid-add-lt{float:left;width:49%;}
  .mid-add-rt{float:right;width:49%;}
   .req-heading{font-size:18px; margin-left:0; padding-right:0%; width:100%; margin-bottom:15px;}  
  .req-colm{width:100%;}
  .req-option{width:24%;}
  .req-textarea{width:76%;}
  .req-col2text{width:24%;}
  .req-textbox{width:76%;}
   .pop-msgdiv { margin-left: -225px; width: 450px; }
   
      .PhNoDv{ left:5%}
     .popupSnp_otr{ float:none; margin:0 auto; left:17px; right:0; top:240px; width:85%;}
                  
  


  
    }

@media only screen and (min-width: 0px) and (max-width: 479px) 
{
    .livesearch{font-size:10pt;}
    .hdr-search .input-group input[type="text"]{width:79% !important;}
    .mob-tab-nav{top:35px !important;}
    .contactLayer {border: 3px solid #666;left: 50%; width: 280px; margin-left:-140px;}
    .bigtextbox{width:249px;}
   .top_header{height:30px; line-height:30px;}
   #RdiButton{font-size:11px;}
   .inner-text2{width:100%;}
   .inner-text2, .popUp-row{font-size:11px;}
     .p-btmTxt{ font-size:11px; }
      #uniquename3{right:0;}
      .popUp-row{padding:5px 10px 0px;}
      .textbox{width:100% !important;}
      #txt_Captcha{width:90px !important;}
      #txt_number, #txt_Email{width:70% !important;}
      #dropmenu{width:100%;border:1px solid #dadada; top:24px;}
      #more:hover{ border-left: none; border-right:none ;}
      .mid-add-lt{float:left;width:100%; margin-bottom:20px;}
  .mid-add-rt{float:left;width:100%;}
    .req-heading{font-size:13px; margin-left:0; padding-right:0%; width:100%; margin-bottom:15px; font-weight:700;}  
  .req-colm{width:100%;}
  .req-option{width:28%;}
  .req-textarea{width:72%;}
  .req-col2text{width:28%;}
  .req-textbox{width:72%;}
  
   .req-popUpDiv{width:250px; margin-left:-125px;}
   .save-money{width:30%; background-repeat:no-repeat; background-position:center; background-size:90%; display:none;}
   .popUp-hding{padding:10px; width:100%; font-size:13px;}
   .Pop-cntnt{width:100%; margin-left:0;}
   .reqpopup-colm{width:100%;}
   .reqpopup-textarea{width:100%;}
   .pop-txtbx2{width:100%;}
   .req-text{margin-bottom:5px;}
   .pop-txtbx2, .reqpopup-textarea{margin-top:0;}
   .popDiv-inr .hw-it-works{font-size:14px;}
   .ItWrk ul li{font-size:11px;}
   .why-vali-lt{width:100%; float:left; padding-right:0%; padding-bottom:3px; color:#FF8000; font-size:11px;}
.why-vali-rt{width:100%; float:left; text-align: left; font-size:11px; color: #555;float: left}
  .pop-msgdiv { margin-left: -140px; width: 280px; }
    .para-content .why-vali{width:280px; margin:auto;}
      .para-content .why-vali-lt{width:100%; float:left; color: #000;}
      .para-content .why-vali-rt{width:100%; float:left; text-align:left; color: #555;}
      .smsLayer1{ width:304px;}
       #divEmail1Frame{ width:100%; height:330px !important}
        #divSmsFrame{ width:100%; height:200px !important}
        #divSms1Frame{ width:100%; height:200px !important}
        #divEmailFrame{width:100%; height:200px !important}
        .popupstyle{ width:220px;}
     .w25{ width:100%}
     .HdDverr{ margin-left:0; float:none; text-align:center}
   .PhNoDv{ left:1%; right:1%; width:98%}
   
   
   #divValidInvalid span.fl{ font-size:12px}
   .W50 {
    width: 50%;
}


   
    }