/* MEDIA QUERIES */

/*.desktopoff{display:none;}*/
 #locateaddressbtn{width:100% !important; height:auto !important; min-height:40px !important; background:#333 !important; color:#fff !important; line-height:40px !important; font-weight:bold !important; padding:0 0 0 10px !important; margin-bottom:10px !important; cursor:pointer !important;}
 #locateaddressbtn .fa{text-align:right; float:right; padding:10px 20px;} 
 #locateaddressbtn{display:none;}
 
 #locateaddressbtn2{width:100% !important; height:auto !important; min-height:40px !important; background:#333 !important; color:#fff !important; line-height:40px !important; font-weight:bold !important; padding:0 0 0 10px !important; margin-bottom:10px !important; cursor:pointer !important;}
@media screen and (max-width: 1024px) {
	.mobileOff {
		display:black
	}

    /* Wrapper */
	.wrapper {
		width:96%;
		margin:0 auto;
		padding:2%
	}
	.topHeaderLI {
		width:20%;
		margin:0 2.5%;
		
	}
	.topHeaderLIR {
		/*width:45%;*/
		margin:0 2.5%;
	}
	.search_main {
		padding-bottom: 0px;
	}
	.btn2nd {
		padding: 0 10px;
		font-size: 13px;
	}
	.paralaldiv .heading h1{
		font-size:22px;
	}
	.menuContainer {
		width:100%
	}
	.tabularDataTabs .tabulateData li {
	height:auto;
    min-height: 90px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 934px) {
	.step ul li{
		width:70px;
	}
	.step ul li span{
		display:none;
	}
	.textLabel{
		width:50%;
	}
	.textBox{
		width:40%;
	}
	.paralaldiv .heading h1{
		font-size:18px;
	}

}

@media screen and (max-width: 800px){
/*	.searchCriteriaColumn1 {
  float: left !important;
  width: 49% !important;
}

.searchCriteriaColumn2 {
  float: left !important;
  margin-left: 10px !important;
  width: 49% !important;
}

#map {
	width:100% !important;
	height: 100% !important;
	float:none !important;
	margin-top:15px !important;
}*/
.tabularDataTabs .tabulateData li {
height:auto;
  min-height: 67px;

}

article.accordion
{
	display: block;
	width:100%;
	padding: 0.5em 0.5em 1px 0.5em;
	margin: 0 auto;
	background-color: #666;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

article.accordion section
{
	display: block;
	width: 98;
	height: 2em;
	padding: 0 1em;
	margin: 0 0 0.5em 0;
	color: #333;
	background-color: #333;
	overflow: hidden;
	border-radius: 3px;
}

 .mapsearchdesplay{width:auto; min-height:550px;}
 #map {
  float: left;
  height: 320px;
  width: 100% !important;
}
/* #locateaddressbtn{display:block !important;}
  #locateaddressbtn2{display:block !important;}
 #searchcolumnarea{display:none;}*/

	 #locateaddressshow{width:100%;}
	 #locateaddressshow2{display:none; width:100%;}
	 #locateaddressbtn{display:block;}
	 #locateaddressbtn2{display:block !important;}
	 .searchCriteriaColumn1 {
  float: none;
  width: 100%;
}
.searchCriteriaColumn2 {
  float: none;
  margin-left: 0;
  width: 100%;
}
}


@media screen and (max-width: 768px) {
	.mobileOff {
		display:none
	}
	
	 /* Wrapper */
	.wrapper {
		width:96%;
		margin:0 auto;
		padding:2%;
		min-height:300px
	}
	.tabulateData li {
		width:100%;
		float:left
	}
	.tabulateData {
		margin-bottom:20px
	}
	.tabulateDataWrapper {
		border:5px solid #eaeaea; 
		padding:20px
	}
	.tabulateDataWrapperHeading {
		text-align:center
	}
	.tabulateDataWrapperBottom {
		text-align:center;
	}
	
	.tabularDataTabs .inactive {
     width: 50% !important;
     }
	.tabularDataTabs .tabulateData li {
		width:50% !important;
		float:left
	}

	.addAnoSec {
		width:100%
	}
	.viewport_left, .viewport_right {
		float: none;
		width: auto;
	}
	.buttonSubLeft {
		text-align:center; 
		margin:10px 0 0 0px
	}
	.buttonSubRight {
		text-align:center
	}
	.buttonHeadRight {
		margin-top:50px
	}
	.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,
	.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { 
		width:100%;
		 margin-right:0;
	}
	.step {
		font-size:16px;
		margin:20px 10px;
		text-align:center;
		width:auto;
	}
	.step .select {
		text-transform:uppercase;
		border-bottom:1px solid #666;
		margin-bottom:3px;
	}
	.step ul::after{
		right:34px;
	}
	.step ul li{
		width:55px;
	}
	.step ul li span{
		display:none;
	}
	.paralaldiv .heading h1{
		font-size:18px;
	}
	.paralaldiv .heading h1 span{
		line-height:18px;
	}
	.topHeaderLIR{
		width:96%;
	}
	.topHeaderLI{
		width:100%;
		margin-bottom:40px;
		text-align:center
	}
	.search_main{
		margin-top:-22px;
	}
	.new_lft_table, .new_rght_table{
	width:auto;
	vertical-align:top;
	float:none;
	clear:both;
	}
	.row .help{
		width:45%;
	}
	.coll2 {
		float:left;
		width:100%
	}
	.coll3 {
		float:left;
		width:100%
	}
	#logo {
		float: left;
		width: 100%;
	}
	.headerPannel {
		max-width: 100%;
		margin:20px auto;
		overflow:hidden;
		padding:0
	}
	.topMenuText {
		text-align:center;
		margin-bottom:10px
	}
	.twoBoxInsure {
		margin:10px 0px;
		overflow:hidden
	}
	.twoBoxInsure li{
		height:295px;
		padding:15px;
		color:#FFF;
	}
	.button-case {
		margin: 20px 0;
	}
	.pesonal_insurance, .business_insurance, .motor_insurance{
	width:auto;
	height:auto;
	margin-right:0;
	float:none;
	}
	.pesonal_insurance ul li a img , .business_insurance ul li a img, .motor_insurance ul li a img{
		width:5%;
	}
	.pesonal_insurance ul li a span, .business_insurance ul li a span, .motor_insurance ul li a span{
		width:90%;
	}
	.popMenu {
		width:100%; 
		margin:0 auto; 
		float: none
	}
	.lossItemListing {
		padding:35px 15px 15px 15px
	}
	.remove {
	    position: absolute;
	    right: 10px;
	    top: 10px;
	}
	.info {
		width:12%;
		background:url(../images/info-mob.png) 50% 50% no-repeat #393939;
		position: absolute; 
		right:0; 
		top:0; 
		height:100%; 
		cursor:pointer;
		display:inline-block
	}
	.tipsy-n .tipsy-arrow { top: 0; left: 75%; margin-left: -4px; }
	
	.pesonal_insurance ul li a , .business_insurance ul li a, .motor_insurance ul li a {
		line-height:17px;
	}
	#formCustomerLogin {
		margin-top:20px
	}
	#formCustomerLogin .textLabel{
		text-align: left; 
		line-height: 20px;
	}
	
	
/*27-06-16*/	
	#cssmenu ul ul li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #000000;
  font-size: 12px;
  padding: 10px;
}

#cssmenu ul ul, #cssmenu ul ul ul {
  background: #3ec1f3 none repeat scroll 0 0;
  left: 0;
  margin: 0;
  position: relative;
  right: auto;
  width: 100%;
  margin-bottom:10px;
}



#cssmenu > ul > li > a {

  text-align: left;

}	

	
	
	
}

@media screen and (max-width: 480px){
	.searchCriteriaColumn1 {
  float: none !important;
  width: 100% !important;
}

.searchCriteriaColumn2 {
  float: none !important;
  margin-left: 0px !important;
  width: 100% !important;
}
.mapsearchdesplay{width:auto; min-height:850px !important;}

}

@media screen and (max-width: 400px) {
	    /* Wrapper */
	.wrapper {
		width:96%;
		margin:0 auto;
		padding:2%
	}
	.textBox {
		width: 100%;
	}
	.textLabel {
		width: 100%;
	}
	.mediaDN {
		display:none
	}
	.jQueryDialogBox{
		width: 90% !important;
	}
	.paralaldiv .heading{
		width:auto;
	}
	.step{
		width:100%;
	}
	.step ul li{
		width:44px;
	}
	.row .help{
		width:90%;
	}
	.menuContainer {
		width:100%
	}
	
	.welcomesection .btn { margin: 5px 0; width: 98%; }
	
.welcomebg{width:100%; height:auto; padding:60px 0; margin:0 auto; background:#00a7f6; text-align:center; }
.header-whitebg{width:100%; height:auto; background:#fff; padding:25px;}
.header-whitebg h2{text-align:center; color:#00a7f6 ; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:lighter;}

.welcomesection{margin-top:20px; margin-bottom:20px;}

.heading2 { font-family: open sans; font-size: 24px; font-weight: lighter; line-height: 32px; padding-bottom: 0; }	
	
	
	
	
}

@media screen and (max-width: 320px) {
	.tabularDataTabs .inactive {
     width: 100% !important;
	 height:auto; min-height:50px !important;
     }
	.tabularDataTabs .tabulateData li {
		width:100% !important;
		float:left;
		height:auto; min-height:50px !important;
	}
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
	body{-webkit-text-size-adjust: none;}
	input[type='text'], input[type='password'], input[type='button'], input[type='submit'], textarea {
	  -webkit-appearance: none; -moz-appearance: none;
	  -webkit-border-radius:0; border-radius:0;
	}
	input[type='checkbox'] {
		width:10px;
		height:10px;
		border:1px solid #838383;
		background:none;
	    -webkit-border-radius:0; border-radius:0;
	}
	.menuContainer {
		width:100%
	}
}