.tabs[aria-current=desktop] .tab-menu .form-control.desktop>.tab-link {
  max-width: none;
}

.tabs[aria-current=mobile] .tab-menu {
    max-width: 100% !important;
    margin: auto;
}

.dls-bright-blue-bg {
    background-color: #006fcf !important;
}

.main{
    /* display:flex; */
    flex-wrap:wrap;
    justify-content: center;
}

.buttonAsLink > a{
	background: none!important;
	border: none;
	padding: 0!important;
	color: #006fcf;
	text-decoration: none;
	cursor: pointer;
    transition: color .25s ease-out,background-color .25s ease-out;
	text-align: left;
}

.img-responsive.mobile {
  display: none;
}

@media only screen and (max-device-width: 1024px) {
  .img-responsive {
    display: none;
  }
  .img-responsive.mobile {
    display: block;
  }
  .custom-widgets  {
	color: white;
  }
  
   /* horizontal scrollbar for tables if mobile screen */
  .specialOfferColumn {
    padding: 0.5rem !important;
    font-size: smaller !important;
  }

  .specialOfferCouponVal {
		padding: 0.5rem !important;
	}
	 
	.specialOfferTable {
		width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

}

/* Font related changes Start */

h1, h2, h3, h4, h5, h6 {
     font-weight: 400 !important 
}

 .legal-1{
     /* font-family: BentonSans !Important; */
     font-size:.8125rem;
     line-height:1.25rem;
     font-weight:400 
}
 .legal-2{
    /* font-family: BentonSans !Important; */
     font-size:.8125rem;
     line-height:1.25rem;
     font-weight:600 
}

/* Font related changes End */


@media only screen and (max-width: 575px) {
	  /* For mobile phones: */
	.benefits_table{
		font-size: .7375rem !important;
	}
		
	.benefits_table.heading-2 {
		font-size: .7375rem !important;
	}
	
	.benefits_table tr td {
		padding: .325rem;
	}
	
	.heroBannerChubbLogoImg img{
		max-width: 50%;
	}
	
	.glossary_table{
		font-size: .8375rem !important;
	}
}

/* css to align the rich text over QQE in mobile view */
.banner-grid .container .row {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}

.banner-grid .container .row  .col-md-4 h2, .banner-grid .container .row  .col-md-4 p{
	color: #ffffff;
}

@media only screen and (max-width: 480px) {
  	.main {
    	justify-content: space-between;
  	}

	.banner-grid .container .row .col-md-7{
    	order:2;
  	}

	.banner-grid .container .row  .col-md-4{
    	order:1;
  	}
	
}
/* Media Query for low resolution  Tablets, Ipads */ 
@media (min-width: 481px) and (max-width: 767px) {   	
	.main {
    	justify-content: space-between;
  	}

	.banner-grid .container .row .col-md-7{
    	order:2;
  	}

	.banner-grid .container .row  .col-md-4{
    	order:1;
  	}

}

/* Media Query for Tablets Ipads portrait mode */ 
@media (min-width: 768px) and (max-width: 1024px){ 
	.main {
    	justify-content: space-between;
  	}

	.banner-grid .container .row .col-md-7{
    	order:2;
  	}

	.banner-grid .container .row  .col-md-4{
    	order:1;
  	}
}

/* css to align the rich text over QQE in mobile view */

.showEnroll.mobile {
  display: none;
}

@media only screen and (max-width: 480px) {

  .showEnroll {
    display: none;
  }
  .showEnroll.mobile {
    display: block;
  }
  
}


/* Start : Changes introduced for modal windows in Revamped Home Insurance Page - Table of Benefits */
.close {
	float: right;
	margin-right: 10px;
	cursor: pointer
}

.view-more-popup {
	position: static;
	height: 50%;
	bottom: 0;
	left: 0;
	z-index: 9;
	overflow-y: auto;
	text-align: left;
}

@media only screen and (max-width: 575px) {
	.view-more-popup {
		position:fixed;
		height: 50%;
		bottom: 1%;
		left: 0;
		z-index: 999999;
		overflow-y: scroll;
		text-align: left;
	}
}

.alert-apply {
	width: 100%;
	padding: 3px;
	background-color: #006fcf;
	color: #fff;
	line-height: normal;
	text-align: left;
}

/* End : Changes introduced for modal windows in Revamped Home Insurance Page - Table of Benefits */