/*changed on 30th dec 2016 (removed 1170px resolution max width)*/
.container {
  margin: 0 auto;
  text-align: center;
  width: 100%; max-width: 100%; }/*changed on 02nd jan 2017*/

 /*changed on 02nd jan 2017*/ 
 #welcomeSummary{clear: both;  margin-top:0px;}/*11th jan 2017*/ 
  
.container.grey{}
.container.grey .banner__component.banner{float:left;margin-left: 8%;}
.container.grey a button.signInButt{margin-right: 68%; margin-top:14px;}

.container.grey .banner__component.banner img{    width: 100%;   max-width: 330px;   min-width: 130px;margin-bottom: 20px;
    margin-top: 25px;}
.container #welcomeNav .container.grey{display: inline-block; width: 160px; float: right;  margin-top: -66px; margin-right:0px;}
	
#myWelcomeHeader, #enrollRegSection, #mySignInHeader{  margin-left: -15px;}

.tier-gradient {
  height: 100%;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  width: 100%;
  background: -webkit-linear-gradient(51.73deg, #159BD7 0%, #B13393 100%);
  background: linear-gradient(51.73deg, #159BD7 0%, #B13393 100%);
  }

@media (min-width : 640px) and (max-width : 1023px) {
	#myWelcomeHeader, #enrollRegSection, #mySignInHeader{     margin-left: -30px;  width: 109%;}
	.container.grey .banner__component.banner img{width: 60%;}
	.container #welcomeNav .container.grey{margin-top: -54px; margin-right: -37px; height: 54px;}
	.container.grey a button.signInButt{margin-top: 6px;}
	/*10th jan 2017*/
	.container.grey .banner__component.banner{margin-left: -2% !important;}
	.container.grey .banner__component.banner img{margin-top: 15px !important;}
	.container #welcomeSummary{margin-top: 30px;} /*11th jan 2017*/
	.container #myWelcomeHeader .container.text-center h1{font-size: 61px !important;
    line-height: 62px !important;}
	.emptySpace{padding-top:50% !important;}
}
#enrollRegSection {
    background: url("img/test/Home_Benefits_CAD_1800.jpg") no-repeat center center;
   }
   @media (max-width : 767px) {
	#enrollRegSection {
    background: url("img/test/Home_Benefits_CAD_768.jpg") no-repeat center center;
    background-size: cover;
   }
   .container #welcomeSummary{margin-top: 30px;} /*11th jan 2017*/
   }

/*changed on 3rd jan 2017*/
  #topNav, #welcomeNav {margin: auto;}/*10th jan 2017*/
  #topNav .container{width:85%;}
 
/*changed on 4th jan 2017*/ 
.container #myWelcomeHeader {background: url("img/test/ZoetisUS_Welcome_Banner_1800_r2.jpg") no-repeat center center; height: 504px;padding: 130px 0;    background-size: cover;    color: #ffffff;    font-size: 16px;font-family: "proxima-nova-condensed", Arial, Helvetica, sans-serif;
    font-weight: 400;}   
 .container #myWelcomeHeader .container.text-center h1{font-size: 94px;
    line-height: 95px;    font-weight: 200;}
    
/*changed on 5th jab 2017*/
@media (min-width : 320px) and (max-width : 480px) {
	.container.grey .banner__component.banner img{max-width: 140px;  min-width: 110px;}
	button.signInButt{margin-top:24px; margin-right: 10% !important;}/*10th jan 2017*/
	.container #welcomeNav .container.grey{width: 120px;}
	/*12th Jan 2017*/
	.outline .smallText{padding-left:0px;padding-right:0px;}
	.emptySpace{padding-top:50% !important;}
	.outline{margin-left:0px !important;}
	.form-horizontal .controls{width:80% !important;}
	.form-horizontal .controls input{width:100% !important;}
	.container #myWelcomeHeader .container.text-center h1{    font-size: 33px !important;
    line-height: 35px !important;}
    /*24th Jan 2017*/
    .container #myWelcomeHeader {background: url("img/test/ZoetisUS_Welcome_Banner_768_r2.jpg") no-repeat center center !important; height: 576px !important; width: 111% !important; padding: 200px 0 !important;}
	
}
.emptySpace{padding-top:20%;}
/*6th jan 2017*/
.container #howItWorks{width: 104%;margin-left: -15px;}
/*login page*/
/*10th jan 2017*/
#registrationBox .outline{border:none;padding:0px;}
.container #myAccountHeader{padding-bottom: 20px;}
/*12th jan 2017*/
.outline #customer_login-widget-container iframe{width:100% !important; max-width:900px;}