/*Benifits Website Css*/
#main-wrapper-container-breztri-car .cmp-container__backgroundImage--enabled {
    background-size: auto;
    padding-left: 0px;
    background-repeat: no-repeat!important;
    margin-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    background-position: center -147px;
    min-height: 755px;
    /*background-size:cover;*/
}



#main-wrapper-container-breztri-car {  }
#breztri-no-car .learn-but span:after{
    top:50%;
    font-size:18px;
}
#breztri-no-car .learn-but span  { padding-right: 18px;}
#main-wrapper-container-breztri-car .benifits-container h1 {
  font-size: 45px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #373A37;
}

#breztri-no-car .maintenance-copd-in a.learn-but{
    max-width:250px;
}

#breztri-no-car h3.cmp-video__item-title {
    margin-bottom: 0px; max-width: 360px; margin-top: 12px;
}
#breztri-no-car .cmp-video__item-text p
{
    max-width: 356px;
}
#breztri-no-car .cmp-video__item-text p.crew
{
    max-width: 100%;
}
#breztri-no-car .cmp-video__item-text p.austin
{
    max-width: 100%;
}

#explore-videos-inner .video {
    margin-bottom: 40px;
}

#explore-videos-inner .cmp-video__content {
    width: 94%;
}

#main-wrapper-container-breztri-car .text-bold{
    font-weight:600;
    font-size:24px;
}

#main-wrapper-container-breztri-car .benifits-container {
    padding-top: 60px;
}

#main-wrapper-container-breztri-car .benifits-header p {
    margin-bottom: 10px;
    max-width: 1144px;
}
#main-wrapper-container-breztri-car .benifits-header p.connection {
       margin-bottom: 18px;
}


div#explore-videos-inner {
    max-width: 1160px;
    margin: 0 auto;
    box-shadow: 3px 3px 16px #00000029;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 15px;
    padding-bottom: 25px;
    border-radius: 10px;
    
    background: #fff;
}

#explore-videos-inner .cmp-video__content {
    margin-left: 15px;
}

.videos-sec h3.title.align-center {
    font-size: 24px;
}


#main-wrapper-container-breztri-car .benefits-header {
max-width: 1073px;
}

#breztri-no-car .maintenance-copd-in {
padding-bottom: 0;
}




@media screen and (min-width:1020px) and (max-width:1152px){
    div#explore-videos-inner{
        max-width:100%;
        margin-left:15px;
        margin-right:15px;
    }
}
/*Mobile Stypes Start Here*/
@media screen and (min-width: 991px) {
	#breztri-no-car .breztri-banner-bg {
        background-image: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase4/desktop/breztri-car/breztri-car-bg.jpg);
        border-radius: 0;
        background-size: cover;
        min-height: 270px;
        background-repeat: no-repeat;
        background-position: 50% 30%;
    }
    
    
}

@media screen and (max-width: 991px) {
    
    #breztri-no-car .breztri-banner-bg {
        background-image: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase4/mobile/breztri-car/breztri-car-bg.jpg);
        border-radius: 0;
        background-size: cover;
        min-height: 200px;
        background-position: 50% 30%;
        background-repeat: no-repeat;
    }
    
#main-wrapper-container-breztri-car .cmp-container__backgroundImage--enabled {
    margin: 0;
    padding: 0;
    background-position: top right;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: auto;
    height: auto;
  }
	#breztri-no-car .cmp-container__backgroundImage--enabled {    
    background-image: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/mobile-images/mob-banner/breztri-no-3-mobile-banner.jpg) !important;    
	     background-position: top right;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
	#breztri-no-car .benifits-header {
    /* width: 70%; */
    padding-top: 0px;
  }
	#main-wrapper-container-breztri-car { margin-right: 0;  margin-left: 0;}
  div#explore-videos-inner {
        padding-left:15px;
        padding-right:20px;
        box-shadow: none;
        padding-top:0px;
        padding-bottom:0px;
    }

    #main-wrapper-container-breztri-car .benifits-header {
    margin-bottom: 0;
    }
 
 
    
    .videos-sec h3.title.align-center {
        font-size: 18px; line-height: 24px;
    }
    
  
    
    div#explore-videos-inner .video.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--3.aem-GridColumn--offset--default--0 {
        width: 100%;
    }
    
    #explore-videos-inner h3.cmp-video__item-title p {
       font-size: 14px;
       line-height: 21px;
       
    }
 
     #explore-videos-inner .cmp-video__item-text p {
        font-size: 14px;
        line-height: 20px; 
        padding-bottom: 10px;
        padding-right: 9px;
    }
    
    #explore-videos-inner h3.cmp-video__item-title {
        margin-bottom: 0;
		font-size: 14px;
        line-height: 21px;
    }
    
    #main-wrapper-container-breztri-car .benifits-container {
        padding-top: 10px;
    }

    #main-wrapper-container-breztri-car .benifits-container h1 {
      font-size: 27px;
      /* margin-top: -8px; */
      margin-bottom: 0px;
      line-height: 32px;
      /* padding-top: 55px; */
      max-width: 76%;
    }

    
    #main-wrapper-container-breztri-car .benifits-container h2 {
        font-size: 27px;
        /* margin-top: -8px; */
        margin-bottom: 0px;
        line-height: 32px;
        /* padding-top: 55px; */
        max-width: 76%;
    }
    
    #explore-videos-inner .cmp-video__player {
        padding-left: 0px;
        padding: 0;
    }
    
    #explore-videos-inner .cmp-video__content{
        margin-left:0px;
    }

    
 
    #breztri-no-car .benifits-header h4{
        width: 110px;
        align-items:baseline;
    }
    
    
#main-wrapper-container-breztri-car .text-bold{
    font-size:18px;
    line-height:24px; 
}

div#explore-videos-inner{
    margin-top: 0;
}

#explore-videos-inner .video{
    margin-bottom:20px;
}
   #breztri-no-car .maintenance-copd-in h4{
       max-width:505px;
       margin:40px auto 20px;
   }
   
   #breztri-no-car .learn-but span:after{
       top:50%;
       font-size:18px;
   }

}
  


 
@media screen and (max-width: 480px) {
   #breztri-no-car .benifits-header { width: 100%;} 
 
	.videos-sec h3.title.align-center { max-width: 310px;}
	#main-wrapper-container-breztri-car .cmp-container__backgroundImage--enabled{
	    background-size:100% auto;
	}
	 
}
@media screen and (max-width: 414px) {
   #breztri-no-car .benifits-header { width: 100%;}  
	.videos-sec h3.title.align-center { max-width: 310px;} 
}	



/*#breztri-no-car .hide-id {display: block;}*/

#breztri-no-car .show-id {display: none;}
#breztri-no-car .correction{ display:block}


  /* UBP3-74 : Breztri DTC Website: Q3 2024 Integration of New Campaign Style Starts here*/

#breztri-no-car h4.banner-title { margin-bottom: 15px; margin-top: 100px;}
#main-wrapper-container-breztri-car .benifits-container h1 { max-width: 100%;}
#main-wrapper-container-breztri-car .benifits-header { padding-bottom: 50px;}
     #breztri-no-car .benifits-header h6{
       font-size: 24px;
       line-height: 28px;
        max-width: 100%;
        margin: 19px 0 33px;
        color: #333333;
    }
     

@media screen and (min-width:1600px) {
    div#main-wrapper-container-breztri-car {
      max-width: 1303px;
      margin-left: auto;
      margin-right: auto;
    }
}
@media screen and (min-width: 991px) {
 
}
@media screen and (max-width: 1300px) {
    #main-wrapper-container-breztri-car  div#banner-container {
        background-size: 45%;
      }
}
@media screen and (max-width: 991px) {
    #main-wrapper-container-breztri-car .benifits-container {
        padding-left: 0;
        padding-right: 0;
    }
    #main-wrapper-container-breztri-car div#banner-container{
        margin-top: 20px;
    }
    #breztri-no-car .global-banner-inner {
        background: none;
    }
    
     
    #breztri-no-car h4.banner-title  {
        padding-top: 28px;
        padding-bottom: 15px;
        margin-bottom: 0;
        width: 100%;
        margin-top: 0px;
    }
       #breztri-no-car .benifits-header h6{
        font-size: 18px;
        line-height:24px; 
        margin-top: 10px;
         margin-bottom: 20px;
    }
    #main-wrapper-container-breztri-car .benifits-header p.connection
    {
          margin-bottom: 6px;
    }

}



    #main-wrapper-container-breztri-car .text-bold { max-width: 280px;}
    #main-wrapper-container-breztri-car .benifits-header { 
        padding-bottom: 10px;
        margin-bottom: 40px;
    }
    
    
    #breztri-no-car h3.cmp-video__item-title {
          max-width: 97%;
    }
    #breztri-no-car .cmp-video__item-text p {
        max-width: 100%;
    }
    #explore-videos-inner .cmp-video__content {
        width: 96%;
    }
    #breztri-no-car .cmp-video__player iframe  {
        height: 400px !important;
   }

@media screen and (max-width: 767px) {
    #breztri-no-car .global-banner-inner { background-size:30%; }
    #breztri-no-car .cmp-video__player iframe  {
         height: 320px !important;
    }
        
 
}
@media screen and (max-width: 677px) {
    #breztri-no-car .global-banner-inner { background-size: 33%;}
 
    #breztri-no-car .cmp-video__player iframe  {
        height: 220px !important;
   }
   #main-wrapper-container-breztri-car .benifits-container h1, 
   #main-wrapper-container-breztri-car .benifits-container h6 {
    text-align: left;
}

   

#main-wrapper-container-breztri-car .benifits-header {
    margin-bottom: 10px;
    margin-top: 40px;
}
#main-wrapper-container-breztri-car .benifits-container h1 
{
  max-width: 313px;
}
#breztri-no-car .benifits-header h6 
{
      max-width: 270px;
}
#main-wrapper-container-breztri-car .benifits-header p
{
   padding-right: 10px;
}

}
@media screen and (max-width: 414px) {
    #breztri-no-car .global-banner-inner { background-size: 39%;}
    #breztri-no-car .cmp-video__player iframe  {
    height: 100% !important;
   }
   
   #breztri-no-car .breztri-banner-bg {
    height: 200px!important;
    }
    #breztri-no-car .maintenance-copd-in h4 {
    margin-top: 15px;
    }
   


   #breztri-no-car .breztri-banner h1 {
        max-width: 272px;
    }
    #explore-videos-inner h3.cmp-video__item-title p {
        width: 334px;
    }
}
#breztri-no-car .breztri-banner h2 {
    font-size: 70px;
    line-height: 70px;
    color: #FFFFFF;
    margin: 0;
    text-transform: uppercase;
    max-width: 550px;
    font-family: 'Gotham-Black';
}
@media screen and (max-width: 991px) {
    #breztri-no-car .breztri-banner h2 {
        font-size: 30px;
        line-height: 30px;
        max-width: 280px;
    }
    
    #main-wrapper-container-breztri-car .benifits-header {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 414px) {
    #breztri-no-car .breztri-banner h2 {
        max-width: 272px;
    }
}

@media screen and (max-width: 350px) {
    #explore-videos-inner h3.cmp-video__item-title p {
    width: 265px!important;
    }
}



  /* UBP3-74 : Breztri DTC Website: Q3 2024 Integration of New Campaign Style End here*/

#explore-videos-inner .responsivegrid {
    display: none;
}
#explore-videos-inner > .responsivegrid:first-child {
    display: block;
}