/* Small screens mobile Define mobile styles */
@media only screen {
	.cirle-circle{max-width:600px; margin-left:auto; margin-right:auto; float:none;}
	.contact-title{width:50px; float:left;}
	.contact-value{float:left; max-width:150px;}
	/* trainee modal */
	img.trainee-popup-close{width:15px;}
	.trainee-modal-style{padding-left:0; padding-right:0;}
	.trainee-modal-style p{font-size:12px;}
	.trainee-modal-style .trainee-top{display:table; margin-bottom:15px;}
	.trainee-modal-style .trainee-top-text{display:table-cell; vertical-align:middle; padding-left:0.46875rem; font-size:12px; padding-top:20px;}
	.trainee-modal-line{width:100%; display:block; background:url(../images/trainee-popup-horizontal.jpg) top center no-repeat #ffffff; height:11px; background-size:cover; margin-bottom:15px;}
	/* end trainee modal */
	/* trainee words */
	.trainee-words-container > div{text-align:center; padding-left:0.46875rem; padding-right:0.46875rem; min-height:200px; height: 273px; overflow: hidden;}
	.trainee-words-container > div > a{display:block; color:#000000; font-size:10px;}
	.trainee-words-container > div > a:hover{color:#808080;}
	/* end trainee words */  
	/* footer */
	footer{font-size:12px; color:#666666; text-align:center; padding:0.9375rem 0 0 0;}
	footer p{font-size:12px; margin-top:5px; margin-bottom:20px;}
		.footer-mobile{margin-top:30px;}
	/* end footer */
	/* off canvas header */
		/* mobile */
		.tab-bar-section .title{padding-left:0; text-align:left;}
		.tab-bar-section .title > a > img{max-height:60px;}
		.mobile-phone-icon{
			color:#a8a8a8;
			padding-left: 0;
			padding-right: 0;
			position: absolute;
			right: -1.5rem;
			font-size: 22px;
			padding-top: 10px;
		}
		.right-submenu .back > a{
            background:#f2f2f2;
            border:none;
            border-bottom:1px solid #ffffff;
            color:#010101;
            padding:0.66667rem;
            font-weight:normal;
            padding-left:35px;
        }
        ul.off-canvas-list li a{position:relative !important;}
        .right-submenu .back > a:after{
            content:'' !important;
            margin-left:0; 
        }
        .right-submenu .back > a:before{
            content:'' !important;
            width: 0; 
            height: 0; 
            border-bottom: 5px solid transparent;  /* left arrow slant */
            border-top: 5px solid transparent; /* right arrow slant */
            border-right: 5px solid #ababab; /* bottom, add background color here */
            font-size: 0;
            line-height: 0;
            top: 18px;
            left:16px;
            position:absolute;
        }
        ul.right-submenu li a{padding-left:35px;}
        .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before{
            content:'' !important;
            margin-right:0 !important;
            height: 0;
            position: absolute;
            width: 0;
            border-bottom: 5px solid transparent;  /* left arrow slant */
            border-top: 5px solid transparent; /* right arrow slant */
            border-left: 5px solid #ababab; /* bottom, add background color here */
            /* positioning */
            position: absolute;
            top: 18px;
            right: 16px;
            z-index: 2;
        }
        .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after{
            content:'' !important;
            margin-right: 1rem;
            display: inline;
            right: 0px;
            height: 0;
            position: absolute;
            width: 0;
            border-bottom: 5px solid transparent;  /* left arrow slant */
            border-top: 5px solid transparent; /* right arrow slant */
            border-left: 5px solid #ababab; /* bottom, add background color here */
            /* positioning */
            position: absolute;
            top: 18px;
            right: 0px;
            z-index: 1;
        }

		/* end mobile */
	/* end off canvas header */
	/* search and contact numbers */
	.contact-number-container{background-color:#666666; padding-top:10px; padding-bottom:10px; height:53px; overflow: hidden;}
	.mobile-search{position:relative;}
	.mobile-search input{
		width:100%;
		margin-bottom:0;
		height:34px;
		background-color:#979797;
		border:1px solid #5b5b5b;
		border-radius:6px;
		padding-left:45px;
		padding-right:10px;
		color:#000000;
	}
	.mobile-search > button{
		position:absolute;
		top:0;
		left:0;
		width:45px;
		height:34px;
		border:none;
		background-color:transparent;
		padding:0;
	}
	.mobile-search > button > i{color:#d1d1d1;}
	/* end search and contact numbers */
	
	/* homepage */
		/* slider */
		/*.slider-area > div {max-width: 732px;}*/
		.main-slider {margin-bottom:10px !important;}
		.main-slider .slick-dots{bottom:10px; right:20px; text-align:right !important; margin-bottom:0; z-index: 1;}
		.slick-dots li{width:8px !important; height:8px !important; margin:0px 10px 0px 0px !important;}
		.slick-dots li button{width:8px !important; height:8px !important; background:#e9e9e9 !important; padding:0!important; }
		.slick-dots li.slick-active button{background:#0366bb !important;}
		.slick-dots li button:before{content:"" !important;}
		/* end slider */
		/* text below slider */
		h2.text-below-slider{font-size:16px;}
		.text-below-slider{font-size:13px;}
		/*end text below slider */
		/* begin sub slider */
		.sub-slider-area > div{padding-left:0; padding-right:0;}
		.sub-slider div.sub-huggies {
			padding-left: 0.9375rem;
  			padding-right: 0.9375rem;
			padding-bottom: 20px;
			border-bottom:1px solid #ffffff;
		}
		.sub-slider p{font-size:13px; color:#000000;}
		.sub-slider .sub-slider-content p:first-child{height: 60px;}
		.sub-slider .sub-slider-content p:last-child{text-align:right; height: 60px; margin-bottom: 0px;}
		.sub-slider .sub-slider-content p:last-child a{text-decoration:underline; }
		.sub-slider .sub-slider-hero-image{text-align:center; height: 120px;}
		.sub-slider .sub-slider-hero-image img{display: inline-block;}
		.sub-slider-sinaicon-mobile{margin-left:20px;}
		.sub-slider .slick-slider { margin-bottom: 0px!important; }
        .sub-slider-product {max-height: 80px;}
        .product-slider { border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; }
			/* huggies */
			/*.sub-huggies{background-color:#cc0004;}*/
			.sub-huggies p.white, .sub-huggies a.white {color:#ffffff;}
			.sub-huggies p.black, .sub-huggies a.black {color:#000000;}
			/* end huggies */
			/* kc professional */
			.sub-kcprofessional{background-color:#0060ad;}
			.sub-kcprofessional p{color:#ffffff;}
			/* end kc professional */
		/* end sub slider */
		/* begin four sliders */
		.four-sliders > div{padding-left:0; border-bottom:1px solid #e2e2e2; }
		.four-sliders > div img.four-slider-icon{padding-left:0;}
		.four-slider-entry > div{padding-left:0; padding-right:0;}
		.four-slider-content p{padding-top:0.9375rem; margin-bottom:0; font-size:12px; color:#666666;}
		.four-slider-content p > span > a {color:#000000;}

		.four-slider-entry > .row > div{padding-right:0;}
		/* end four sliders */
	/* end homepage */
	
	/* inner pages */
		/* inner pages content */
		.inner-pages-content p{font-size:13px; color:#666666;}
		.inner-pages-content p > span{color:#000000;}
		.inner-pages-content p.image-container{padding-left:0; padding-right:0; text-align: center;}
		.inner-pages-content div.image-container{margin: 0 auto; text-align: center;}
		
		.breadcrumbs > * { font-size: 0.7875rem; }
		
		.page-name{
			border-bottom:1px solid #e6e7e8;
			padding-top:10px;
			padding-bottom:10px;
			margin-bottom:25px;
		}
		.page-name > p{
			color:#0366bb;
			font-size:16px;
			margin-bottom:0;
		}
		.button-container{position:relative;height:200px}
        .button-container-a{position:absolute;left:30%;top:76px;width:124px;height:86px}
	    .button-container-1{position:absolute;left:38%;top:-10px;width:84px;height:84px}
		.button-container-2{position:absolute;left:65%;top:10px;width:84px;height:84px}
	    .button-container-3{position:absolute;left:70%;top:98px;width:84px;height:84px}
	    .button-container-4{position:absolute;left:54%;top:170px;width:84px;height:84px}
		.button-container-5{position:absolute;left:22%;top:170px;width:84px;height:84px}
	    .button-container-6{position:absolute;left:4%;top:90px;width:84px;height:84px}
	    .button-container-7{position:absolute;left:10%;top:5px;width:84px;height:84px}
		
		#theLink{display:block;width:84px;height:84px;margin:0 auto;background:url(../images/01-welcome.png) no-repeat;}
		#theLink:hover{background:url(../images/01-welcome-2.png) no-repeat;}
        #theLink2{display:block;width:84px;height:84px;margin:0 auto;background:url(../images/02-dream.png) no-repeat;}
        #theLink2:hover{background:url(../images/02-dream-2.png) no-repeat;}
        #theLink3{display:block;width:84px;height:84px;margin:0 auto;background:url(../images/03-grow.png) no-repeat;}
		#theLink3:hover{background:url(../images/03-grow-2.png) no-repeat;}
        #theLink4{display:block;width:84px;height:84px;margin:0 auto;background:url(../images/04-win.png) no-repeat;}
		#theLink4:hover{background:url(../images/04-win-2.png) no-repeat;}
		#theLink5{display:block;width:84px;height:84px;margin:0 auto;background:url(../images/05-celebrate.png) no-repeat;}
		#theLink5:hover{background:url(../images/05-celebrate-2.png) no-repeat;}
        #theLink6{display:block;width:84px;height:84px;margin:0 auto;background:url(../images/06-livewell.png) no-repeat;}
		#theLink6:hover{background:url(../images/06-livewell-2.png) no-repeat;}
        #theLink7{display:block;width:84px;height:84px;margin:0 auto;background:url(../images/07-giveback.png) no-repeat;}
		#theLink7:hover{background:url(../images/07-giveback-2.png) no-repeat;}


        #divA{display:block}
        #divB{display:none}
        #divC{display:none}
        #divD{display:none}
		#divE{display:none}
        #divF{display:none}
        #divG{display:none}
		/* end inner pages content */
		
		/* about kc behavior */
		.behavior-text-container{padding-left:0.9375rem; padding-right:0.9375rem;}
		.behavior-entry{
			padding-top:0.9375rem; padding-bottom:0.9375rem;
			border-radius:6px;
			background-color:#e5eff8;
			margin-bottom:5px;
		}
		.behavior-entry.behavior-entry-2{background-color:#cddeee;}
		.behavior-entry.behavior-entry-3{background-color:#b3cee9;}
		.behavior-entry p{margin-bottom:0;}
		.behavior-entry p{font-size:13px; line-height:15px; color:#000000;}
		.behavior-entry p:first-child{font-size:18px; color:#3682be;}
		.behavior-graphic{margin-top:10px !important; margin-bottom:10px !important;}
		.behavior-graphic img{float:left; width:50%;}
		/* end about behavior */
		
		/* news */
			/* news list */
			select.news-inner-page-select{
				width:45%; 
				float:right; 
				margin-bottom:0; 
				background-color:#fbfbfb; 
				border:0;
				-webkit-box-shadow:inset 1px 1px 10px 3px rgba(0,0,0,.2);
				box-shadow:inset 1px 1px 10px 3px rgba(0,0,0,.2);
				border-radius:4px;
				-webkit-border-radius:4px;
				-moz-border-radius:4px;
			}
			
			ul.news-container{margin:0; padding:0;}
			ul.news-container li{list-style:none; width:100%; border-bottom:1px solid #e1e1e1; overflow:hidden; padding:10px 0 10px 0;}
			ul.news-container li > img{padding-left:0; }
			ul.news-container li > p{padding-right:0; padding-left:0;}
			ul.news-container li > p a{display:block; color:#000000;  margin-bottom:10px;}
			ul.news-container li > p a:hover{color:#0366bb;}
			ul.news-container li > p span{font-size:11px; color:#8a8a8a;}
			/* end news list */
			/* news article */
			p.news-title{color:#000000; font-size:16px !important; text-align:center;}
			p.news-title > span{font-size:11px; color:#8a8a8a; display:block;}
			.news-images .main-slider { margin-bottom: 20px!important; }
			.news-images .main-slider .slick-dots{  right:10px!important; }
			/* end news article */
		/* end news */
		
		/* sustainability */
		    ul.sustainability-list{margin:0; padding:0;}
			ul.sustainability-list li{list-style:none; width:100%; border-bottom:1px solid #e1e1e1; overflow:hidden; padding:10px 0 10px 0;}
			ul.sustainability-list li > img{padding-left:0; }
			ul.sustainability-list li > p{padding-right:0; padding-left:0;}
			ul.sustainability-list li > p a{display:block; color:#000000;  margin-bottom:10px;}
			ul.sustainability-list li > p a:hover{color:#0366bb;}
			ul.sustainability-list li > p span{font-size:11px; color:#8a8a8a;}
		    ul.sustainability-list li > p span:first-child {font-size:15px;display:block; color: #0366bb;  margin-bottom:10px;}
		/* end sustainability */
		
		/* products */
			/* products inner content */
			.row .products-inner-page-hero-image{margin-bottom:40px;}
			.products-inner-page-content-right{border-top:1px solid #d1d1d1; padding-top:20px;}
			.products-inner-page-content-right span{color:#0366bb !important; font-size:13px; margin-bottom:10px; display:block;}
			.products-inner-page-content-right a img{margin-right:20px;}
			.products-inner-page-content-right a{color:#0366bb;}
			/* end products inner content */
			/* product videos */
			ul.product-videos{margin:0 0.9375rem; padding:0;}
			ul.product-videos li{list-style:none; margin-bottom:20px;}
			ul.product-videos li:nth-child(odd){padding-left:0;}
			ul.product-videos li:nth-child(even){padding-right:0;}
			ul.product-videos li img{border:6px solid #858585; display:block; margin-bottom:5px; width:95%;}
			ul.product-videos li a{display:block; font-size:12px; color:#858585; line-height:12px;}
				/* product video modal */
				#productVideoModal{border-radius:0; border:1px solid #336699;}
				#productVideoModal > div{width:100%; margin-left:auto; margin-right:auto; margin-top:20px;}
				#productVideoModal > div > video {width:100%;}
				#productVideoModal > h2{font-size:13px; position:absolute; top:0.625rem; left:1.375rem;}
				#productVideoModal > a{font-size:13px; color:#000000 !important;}
				/* end product video modal */
			/* end product videos */
		/* products */
		
	/* end inner pages */
}

@media only screen and (min-width: 30em){
		/* inner pages */
		/* inner pages content */
		.button-container{position:relative;height:200px}
        .button-container-a{position:absolute;left:38%;top:76px;width:124px;height:86px}
	    .button-container-1{position:absolute;left:42%;top:-14px;width:84px;height:84px}
		.button-container-2{position:absolute;left:58%;top:10px;width:84px;height:84px}
	    .button-container-3{position:absolute;left:60%;top:98px;width:84px;height:84px}
	    .button-container-4{position:absolute;left:50%;top:170px;width:84px;height:84px}
		.button-container-5{position:absolute;left:32%;top:170px;width:84px;height:84px}
	    .button-container-6{position:absolute;left:22%;top:90px;width:84px;height:84px}
	    .button-container-7{position:absolute;left:26%;top:5px;width:84px;height:84px}
		/* end inner pages content */
}

/* Medium screens tablets */ /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em){
	.cirle-circle{max-width:350px;}
	.four-sliders > div{padding-left:0.9375rem; }
	.four-sliders > div.green, .four-sliders > div.yellow{padding-left:0.9375rem;}
	.four-slider-entry > .row > div{padding-right:0.9375rem;}
	
	.recruit-text-1{height:130px;}
	/* trainee words modal */
	img.trainee-popup-close{width:29px;}
	.trainee-modal-style p{font-size:14px;}
	.trainee-modal-style .trainee-top img{display:block; margin-left:auto; margin-right:auto;}
	.trainee-modal-style .trainee-top-text{font-size:14px;}
	.trainee-modal-style{background:url(../images/trainee-popup-background.jpg) top center #ffffff no-repeat; background-size:100% 100%; width:590px !important;}
	.trainee-modal-line{width:90%; margin-left:auto; margin-right:auto; float:none;}
	.trainee-modal-content{width:90%; margin-left:auto; margin-right:auto; float:none;}
	/* end trainee words modal */
	/* trainee words */
	.trainee-words-container{max-width:560px !important; margin-left:auto !important; margin-right:auto !important;}
	.trainee-words-container > div{text-align:center; padding-left:0.46875rem; padding-right:0.46875rem; min-height:200px; height: 273px; overflow: hidden;}
	.trainee-words-container > div > a{display:block;font-size:12px;}
	/* end trainee words */
	/*.mobile-search.show-for-small-only{display:none !important;}
	.contact-number-container > div:last-child{display:block !important;}*/
	/* off canvas header */
	.mobile-search{padding-right:0;}
	/*.mobile-search > button{top:30%; left:5%;}*/
	.mobile-search > button > i{color:#d1d1d1;}
	/*.mobile-search input{
		display:inline-block; 
		vertical-align:middle;
		border:1px solid #d1d1d1;
		background-color:#ffffff;
		padding-left:25px;
	}*/
	/* end off canvas header */
	/* contact number strip */
	/*.contact-number-container{padding-top:0px; padding-bottom:0px; height:30px;}*/
	.contact-number-container > div:last-child{padding-right:0; padding-left:0;}
	.contact-number-strip{margin:0; padding:0;} 
	.contact-number-strip li{list-style:none; float:left; display:block; margin-right:1.25rem; height:30px; padding-top:5px;}
	.contact-number-strip li:first-child{background-color:#0366bb;}
	.contact-number-strip li:first-child a{padding-left:0.9375rem; padding-right:0.9375rem;}
	.contact-number-strip li i{margin-right:10px;}
	.contact-number-strip li a{color:#ffffff; font-size:13px; height:100%; display:inline-block; vertical-align:middle;}
	/* end contact number strip */
	
	/* homepage */
		/* text below slider */
		h2.text-below-slider{font-size:22px;}
		/* end text below slider */
		/* begin sub slider */
		.sub-slider div.sub-huggies {
			padding-left: 0;
  			padding-right: 0;
			border-bottom:none;
		}
		.sub-slider .sub-slider-hero-image{padding-left:0; padding-right:0; height:120px; border-top: 1px solid #e2e2e2; }
		.sub-slider .sub-slider-content{border:1px solid #e2e2e2; border-left:0; height:120px; border-right:0; padding-top:10px; padding-bottom:0.9375rem;}
		.sub-slider .sub-slider-content p:first-child{width:60%; float:left; color:#000000; margin-bottom:0;}
		.sub-slider .sub-slider-content p:last-child{width:40%; float:right; text-align:center; margin-bottom:0;}
		.sub-slider .sub-slider-content p:last-child a{color:#a60002; text-decoration:underline; display:block;}
		.sub-slider .sub-slider-content p:last-child a.sub-slider-productlink-tablet{margin-left:10px; display:inline-block !important; position:relative; top:-3px;}
		.sub-slider .sub-slider-content p:last-child .sub-slider-sinaicon-tablet {margin-left:10px; display:inline-block !important; position:relative; top:-3px;}
		.sub-slider .sub-slider-content p:last-child .sub-slider-sinaicon-mobile {display: none!important;}
		.sub-slider-product{width:60%; display:inline-block !important;}
		.product-slider { border-bottom: none; border-top: none; }
			/* huggies */
			.sub-huggies .sub-slider-hero-image{}
			/*.sub-huggies{background-color:#ffffff;}*/
			/* end huggies */
			/* kc professional */
			.sub-kcprofessional .sub-slider-hero-image{background-color:#0060ad;}
			.sub-kcprofessional{background-color:#ffffff;}
			/* end kc professional */
		/* end sub slider */
		/* four sliders */
		.four-sliders > div {border:none; border-bottom:0; margin-bottom:10px; height:104px;}
		.four-sliders > div img{width:117px;}
		.four-sliders > div.yellow, .four-sliders > div.green{padding-left:0.9375rem;}
		.four-slider-entry .border-area {border:1px solid #e2e2e2;}
		/* end four sliders */
	/* end homepage */
	/* footer */
	.footer-mobile > .footer-links{
		background:#f7f7f7;
		color:#999999;
		font-size:13px;
		padding:0.9375rem;
		margin-bottom:20px;
	}
	.footer-mobile > .kcww{width:60%; margin-left:auto; margin-right:auto; margin-bottom:10px;}
	footer p{margin-bottom:0; margin-top:0;}
	footer p:last-child{margin-bottom:50px;}
	footer ul{margin:0; padding:0;}
	footer ul li{list-style:none; margin-bottom:5px; text-align:left; font-size:12px;}
	footer ul li a{color:#999999; font-size:12px;}
	footer ul li a:hover{text-decoration:underline;}
	/* end footer */
	
	/* inner pages */
		/* inner pages content */
		.page-name{
			border-bottom:none;
			padding-top:0;
			padding-bottom:0;
			margin-bottom:10px;
		}
		
		.page-name > p{
			border-bottom:1px solid #e6e7e8;
			padding-top:10px;
			padding-bottom:10px;
		}
		
		.inner-pages-content p{padding-left:0.9375rem; padding-right:0.9375rem;}
		/*.inner-pages-content p.image-container > img{width:100%;}*/
		
		.button-container{position:relative; height:200px}
        .button-container-a{position:absolute;left:30%;top:96px;width:124px;height:86px}
	    .button-container-1{position:absolute;left:38%;top:0px;width:84px;height:84px}
		.button-container-2{position:absolute;left:65%;top:25px;width:84px;height:84px}
	    .button-container-3{position:absolute;left:70%;top:111px;width:84px;height:84px}
	    .button-container-4{position:absolute;left:54%;top:185px;width:84px;height:84px}
		.button-container-5{position:absolute;left:22%;top:185px;width:84px;height:84px}
	    .button-container-6{position:absolute;left:4%;top:110px;width:84px;height:84px}
	    .button-container-7{position:absolute;left:10%;top:20px;width:84px;height:84px}
		
		.inner-page-nav{margin:0; padding:0;}
		.inner-page-nav li{list-style:none; float:left; margin-right:30px; margin-bottom:20px;}
		.inner-page-nav li a{font-size:13px; color:#858585;}
		.inner-page-nav li a:hover{color:#0366bb;}
		
			/* about kc behavior */
			.kc-behavior-container{max-width:566px; margin-left:auto; margin-right:auto;}
			/* end about kc behavior */
		/* end inner pages content */
		
		/* news */
			/* news list */
			ul.news-container{margin:0; padding:0;}
			ul.news-container li{padding:10px 0 30px 0;}
			ul.news-container li > p{padding-left:0.9375rem;}
			/* end news list */
		/* end news */
		
		/* sustainability */
		ul.sustainability-list li > p a{float: right;}
		/* sustainability */
		
		/* products */
			/* products inner content */
			.products-inner-page-content-right{border-top:none; padding-top:0;}
			.products-inner-page-content-right p{border-top:1px solid #d1d1d1; padding-top:20px;}
			.products-inner-page-content-right a{vertical-align: bottom;}
			/* end products inner content */
			/* product videos */
			ul.product-videos{margin:0 1.8750rem;}
			ul.product-videos li:nth-child(odd){padding-left:0.9375rem;}
			ul.product-videos li:nth-child(even){padding-right:0.9375rem;}
			/* end product videos */
			/* product video modal */
				#productVideoModal{width:542px; border-radius:0; border:1px solid #336699;}
				#productVideoModal > div{width:360px; margin-left:auto; margin-right:auto; margin-top:20px;}
				#productVideoModal > h2{font-size:13px; position:absolute; top:0.625rem; left:1.375rem;}
				#productVideoModal > a{font-size:13px; color:#000000 !important;}
			/* end product video modal */
		/* products */
	/* end inner pages */
	.contact-value{float:left; max-width:400px;}
} 

/* ipad screen */ /* min-width 768px */
@media only screen and (min-width: 48.000em){
	.cirle-circle{max-width:600px; float:left;}
	.contact-value{float:left; max-width:400px;}
	.sub-slider .sub-slider-hero-image{ border-bottom: 1px solid #e2e2e2; }
	.mobile-search input{
		display:inline-block; 
		vertical-align:middle;
		border:1px solid #d1d1d1;
		background-color:#ffffff;
		padding-left:25px;
	}
	.contact-number-container{padding-top:0px; padding-bottom:0px; height:30px;}
	.mobile-search > button{top:30%; left:5%;}
	
	.four-sliders > div.blue, .four-sliders > div.red{padding-left:0;}
}

/* Desktop screens */ /* min-width 1024px, large screens */
@media only screen and (min-width: 64.000em) {
	/* trainee words */
	.trainee-words-container{max-width:none !important;}
	.trainee-words-container > div{height: 273px; overflow: hidden;}
	/* end trainee words */
	.row{max-width:61.250rem;}
	/* header */
	header > .row, header > .row > .columns {height:85px; line-height:85px;}
	header img{max-height:85px;}
	/* end header */
	/*main menu*/
	.main-menu-container{
		width:61.250em;
		margin-left:auto;
		margin-right:auto;
		background-color: #666666;
		height:34px;
	}
		/* main menu search */
		.mobile-search{padding-right:0;}
		.mobile-search > button{top:25%; left:-8px; z-index:20; height:28px;}
		.mobile-search > button > i{color:#d1d1d1;}
		.mobile-search input{
			display:inline-block; 
			vertical-align:middle;
			margin-bottom: 0;
			height: 28px;
			background-color: #979797;
			border: 1px solid #5b5b5b;
			border-radius: 0px;
			padding-right: 10px;
			color: #000000;
		}
		/* end main menu search */
		/* top bar section */
		.top-bar{height:34px;}
		.top-bar-section ul.left{margin-left:0.9375rem;}
		.top-bar-section ul li{background:transparent; height:41px;}
		.top-bar-section ul li > a{height: 41px; margin-top: -4px; line-height:2.5625rem;}
		.top-bar-section li:not(.has-form) a:not(.button){background:transparent;}
		.top-bar-section .has-form{height:34px;}
		.mobile-search > input{top:0.2rem; height:24px; padding-left:10px; padding-right:25px;}
		.mobile-search > button{top:11%; left:auto; right:-8px; }
		/* end top bar section */
	/*end main menu*/
	
	/* homepage */
	.slider-area{margin-top:20px;} 
		/* sub slider */
		.slider-area aside{padding-right:0;}
		/*.sub-slider div.sub-huggies {padding-left:0.9375rem; padding-right:0.9375rem;}*/
		.sub-slider .sub-slider-content{padding-left:0; padding-right:0; height:auto; border:1px solid #e2e2e2; border-top:5px solid #e2e2e2; padding:0.9375rem 0.46875rem; height:373px;}
		.sub-slider .sub-slider-content p:first-child, .sub-slider .sub-slider-content p:last-child{width:100%}
		.sub-slider .sub-slider-content p:last-child{margin-top:80px;}
		.sub-slider-content p:last-child a{text-align:left; position:relative;}
		.sub-slider .sub-slider-content p:last-child a.sub-slider-productlink-tablet{float:left;}
		.sub-slider .sub-slider-content p:last-child a.sub-slider-sinaicon-tablet{float:right;}
		.sub-slider .sub-slider-content p{display:block;}
		.sub-slider-product{width:100%; max-height: inherit;}
		.sub-slider .sub-slider-hero-image{border: 0px none;}
        .sub-slider-area { margin-left: 0!important; margin-right: 0!important; }
		/* end sub slider */
		/* four sliders */
		.four-sliders{padding-bottom:15px; border-bottom:none;}
		.four-slider-entry .border-area{border:0; padding-top:10px;}
		.four-sliders > div{padding-left:1.8450rem !important; padding-right:0.9375rem;}
		.four-sliders > div:first-child{padding-left:0.9375rem !important;}
		.four-sliders > div:last-child{padding-right:0; padding-left:1.8450rem;}
		.four-slider-entry{padding-left:0; padding-right:0;}
			.four-slider-entry.yellow .border-area{border-top:1px solid #ffc000;}
			.four-slider-entry.green .border-area{border-top:1px solid #79abdb;}
			.four-slider-entry.blue .border-area{border-top:1px solid #a4d668;}
			.four-slider-entry.red .border-area{border-top:1px solid #dc7e98;}
		.four-slider-entry > div > div{padding-left:0;}
		.four-slider-entry .border-area img.four-slider-icon{width:90px; padding-right:0;}
		.four-slider-content p {padding-top:5px;}
		.four-slider-content {top:-5px;}
		/* four sliders */
	/* end homepage */
	
	/* footer */
	.footer-mobile > .footer-links{
		border:1px solid #cacaca;
		border-left:none;
		border-right:none;
		background:#ffffff;
		color:#999999;
		font-size:13px;
		padding:0.9375rem;
		margin-bottom:20px;
		padding-left: 0;
	}
	.footer-links > div:first-child{padding-left:0;}
	.footer-mobile > .kcww {width:290px; float:right;}
	.footer-mobile > .kcww > div{padding-right:0; font-size:11px;}
	.footer-mobile > .footer-copyright > p{font-size:11px;}
	.footer-copyright{float:left; width:600px; text-align:left; margin-left:-0.9375rem;}
	.footer-copyright p{text-align:left !important;}
	 /*end footer */
	
	/* inner pages */
		/* inner pages content */
		.inner-page-nav li a{display:block;}
		
		/*.inner-pages-content{border-right:1px solid #d1d1d1}*/
		.inner-pages-content p{padding-left:0; padding-right:0;}
		
		.breadcrumbs-container{padding-left:0; margin-top:10px;}
		.breadcrumbs-container > ul{padding-left:0;}
		aside.inner-pages-nav > div{width:214px; padding-right:38px; padding-left:0;}   
		/*.inner-pages-content{width:572px; padding-right:20px; padding-left:0;}*/
		.inner-pages-content{padding-right:20px; padding-left:0;}
		aside.inner-pages-nav-right > div{width:190px;}
		
		.inner-page-nav li{list-style:none; height:39px; width:100%; border-bottom:1px solid #d1d1d1; line-height:39px; margin-bottom:0;}
		.inner-page-nav li.sec{margin-left: 11px;}
		
		.inner-pages aside {padding-right: 0; }
		.inner-pages .sub-slider-area { padding-top: 47px;}
		
		p.page-name{font-size:20px; margin-bottom:15px; color:#0366bb;}
		/* end inner pages content */
		
		/* about kc behavior */
		.behavior-text-container p{padding-left:0.9375rem; padding-right:0.9375rem;}
		/* end about kc behavior */
		
		/* news */
			/* news list */
			ul.news-container li > p a{font-size:15px;}
			/* end news list */
			/* news article */
			p.news-title > span{margin-top:15px; margin-bottom:15px;}
			/* end news article */
		/* end news */
		
		/* products */
		.products-template{width:521px; padding-right:0; border-right:none;}
		.products-sub-slider{padding-right:0;}
		.products-sub-slider .sub-slider div.sub-huggies {padding-right:0; margin-left:0.9375rem; padding-left:0;}
			/* products inner page */
			.row .products-inner-page-hero-image{margin-right:0; margin-left:0;}
			.products-inner-page-content-right p{border-top:none; padding-top:0px; margin-bottom:0;}
			.products-inner-page-content-right a.picMore{position:absolute; bottom:0; right:15px; color:#666666; font-size:12px;}
			.products-inner-page-content-right a:hover {color:#0366bb;}
			.products-inner-page-content-right img {max-width:130px}
			/* end products inner page */
			/* products video */
			ul.product-videos{margin-left:-0.9375rem;}
			ul.product-videos li{margin-bottom:30px;}
			ul.product-videos li img{margin-bottom:10px; width:100%;}
				/* products video modal */
				#productVideoModal{width:542px; border-radius:0; border:1px solid #336699;}
				#productVideoModal > div{width:360px; margin-left:auto; margin-right:auto; margin-top:20px;}
				#productVideoModal > h2{font-size:13px; position:absolute; top:0.625rem; left:1.375rem;}
				#productVideoModal > a{font-size:13px; color:#000000 !important;}
				/* end produts video modal */
			/* end products video */
		/* end products */
		/* social responsibility */
			.list-gray a:hover {color:#0366bb;}
		/* end social responsibility */
	/* end inner pages */
} 

/* Small screens mobile Define mobile styles */
@media only screen {  
    .four-slider-content p > span > a:link, .four-slider-content p > span > a:visited{color:#000;}
    .four-slider-content p > span > a:hover, .four-slider-content p > span > a:active{color:#0366BB;}
    .four-slider-content p > a:link, .four-slider-content p > a:visited{color:#666666;}
    .four-slider-content p > a:hover, .four-slider-content p > a:active{color:#0366BB;}
    .four-slider { margin-bottom: 0px!important; }
    .four-slider .slick-dots { bottom: -20px!important; margin-left: 35%; text-align:left !important;}
    .sustainability-flash, .desktop-only, .tablet-only {display: none!important;}
}

/* Medium screens tablets */ /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
    .four-slider .slick-dots { bottom: -20px!important; margin-left: 130px; text-align:left !important; }
    .sub-huggies { background-color: #ffffff!important; }
    .four-slider-entry > div > div{ padding-right:0.9735rem!important;}
    .tablet-only {display: inherit!important;}
    .mobile-only {display: none!important;}
}

/* Desktop screens */ /* min-width 1024px, large screens */
@media only screen and (min-width: 64.000em)  
{
    .border-area .fbPic{ width:90px; height:90px; padding:0 4px 4px 0; background:url(/images/picBg.gif) right bottom no-repeat; float:left; }
    .four-slider-content p > span > a:link, .four-slider-content p > span > a:visited{color:#000;}
    .four-slider-content p > span > a:hover, .four-slider-content p > span > a:active{color:#0366BB;}
    .four-slider-content p > a:link, .four-slider-content p > a:visited{color:#666666;}
    .four-slider-content p > a:hover, .four-slider-content p > a:active{color:#0366BB;}
    .four-slider { margin-bottom: 0px!important; }
    .four-slider .slick-dots { bottom: -20px!important; margin-left: 105px; text-align:left !important; }
    .sustainability-flash, .desktop-only {display: inherit!important;}
    .sustainability-pdf, .tablet-only {display: none!important;}
}

/* Validations */
.required {color:Red!important;}

/*Culture start*/
.culPics{ max-width:566px; margin-left: auto; margin-right: auto; }
.culPics .culBox{ max-width:566px; max-height: 324px; padding:0 0 0 20%; background:#B2CEE9; float: left; display: block;}
.culPics img{ display: block; }
.culPics .culBox .culBox1{ width: 46%; float:left;}
.culPics .culBox .culBox2{ width: 46%; float:left;}
.culPics .culBox .culBox3{ width: 46%; float:left;}
.culPics .culBox .culBox4{ width: 46%; float:left;}
/*Culture end*/

.turnPage{ line-height:16px; margin-top:20px; float:right; margin-right:20px;font-size:12px;}
.turnPage a{ float:left; margin:0 4px;}
.turnPage a.num:link,.midBox .newsList .turnPage a.num:visited{ padding:0 4px; display:inline; float:left; margin:0 4px; text-align:center;}
.turnPage a.num:hover,.midBox .newsList .turnPage a.num:active{ background:#0366BB; color:#FFFFFF;}
.turnPage a.curr{ padding:0 4px; display:inline; float:left; margin:0 4px; text-align:center;background:#0366BB; color:#FFFFFF;}
.csr-pag a.disabled{ color: #D1D1D1; }
.csr-pag a.disabled:hover { cursor: pointer; background: none;  }

.news-images { margin: 0 auto; max-width: 450px; }
.list-gray li.selected{  list-style-image:url(../images/csr-list2.png); }



.tvc_float{ position:relative;}
.tvc_fla h1{ font-size:12px; width:200px; float:left;  text-align: left;font-weight:normal; color: Black; line-height:normal; margin-bottom:auto;}
.tvc_fla span{ position:absolute; right:15px;}
.tvc_fla .fla_t{ margin-top:60px;}

#msgDiv{z-index:500;width:510px;height:375px;background:white;border:#336699 1px solid;position:absolute;left:50%;font-size:12px;margin-left:-225px;display: none;padding:15px;text-align:center;}
#bgDiv{height:100%;display: none;position: absolute;top: 0px;left: 0px;right:0px;filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.3;background:#000;}



.hs_boxbg{ height:950px; width:100%;position:fixed; z-index:1000; top:0px; left:0px;filter:alpha(opacity=60);opacity:0.5;-moz-opacity:0.5;background:#fff;}
.fd_box{ text-align:left; width:743px; margin-top:220px; position:fixed; z-index:1001; left:50%; top:50%; margin-left:-372px; margin-top:-247px;background:url(/images/campus_msg_mid.jpg) repeat-y ;}
.fd_head{ height:40px; background:url(/images/campus_msg_top.jpg);}
.fd_foot{ height:44px; background:url(/images/campus_msg_foot.jpg);}
.msClose{ display:block; width:31px; height:30px; background:url(/images/msClose.jpg); float:right; margin:-15px 30px 0 0;}
.hdHeadImg{ height:190px; height:190px; float:left; margin:-19px 0 0 45px;}
.hdHeadImg img{ max-height:190px; max-width:190px;}
.hdDes{ float:left; margin:10px 0 0 40px; line-height:22px; color:#000;}
.hdLine{ background:url(/images/hdLine.jpg)  29px 0 no-repeat; height:11px; margin:10px 0;}
.hdTxt{ margin:25px 30px 25px 30px; line-height:22px; text-indent:2em;}

.talentBox{ margin-top:20px; text-align:left;}
.talentBox #flashBox{ margin-top:20px;}


.sitemap a {color: #008CBA;}
.trainee-words-container .columns:last-child {float:left!important;}
.product-videos .columns:last-child {float:left!important;}
ul ul { margin-bottom: 0px; }
iframe#site-search { overflow:hidden; border:none; overflow-y: hidden; }
.mobile-phone-icon > a { color: #a8a8a8; }








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */