/* stylelint-disable */

/* 	CSS CONTENTS
	----------------------------
	1) NEI Kids Content Area Baseline
	2) Content Area Footer Styles
	3) Healthy Vision Tips Custom Styles
	4) Media Queries
*/


/*-------------------------------------------------------------------------*/
/*-- 1) NEI KIDS CONTENT AREA BASELINE ------------------------------------*/
/*-------------------------------------------------------------------------*/

#neikids-hvt-title {
	background-color:#e2e2e2;
}
#neikids-hvt-main {
	padding:0px 50px 70px;
	background-color:#e2e2e2;
}
#neikids-hvt-title {
	text-align: center;
	padding:5px 10px 20px;
}

#neikids-hvt-footer-video {
	background-color:#73CECB;
	padding: 30px 55px 80px;
}

#block-block-footer-trim {
	background-color:#28001E;
	padding:20px 20px;
}

.neikids-header-head-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color:#e2e2e2;
}

.neikids-header-head-container > img {
    width:100%;
    height:auto;
    max-width:818px;
}

/*-------------------------------------------------------------------------*/
/*-- 2) Content Area Footer Styles ----------------------------------------*/
/*-------------------------------------------------------------------------*/


.neikids-hvt-video {
    background-color: #73cecb;
}

.neikids-hvt-video .neikids-video-paragraph-middle p {
    width: 90%;
}

.neikids-hvt-footer {
    background-color: #28001e;
}

.neikids-hvt-footer .neikids-didyouknow-container h4 {
	color:#73CECB;
}
.neikids-hvt-footer .neikids-didyouknow-container p {
	color:#F6CB79;
}


/*-------------------------------------------------------------------------*/
/*-- 3) Glossary Custom Styles --------------------------------------------*/
/*-------------------------------------------------------------------------*/


#neikids-hvt-title p {
	width: auto;
	margin:0 auto;
	margin-top:20px;
	padding-bottom:10px;
    font-size: 1.1em;
}
.neikids-letter-nav {
	text-align: center;
}

#neikids-natural-container {
	position:relative;
}

.neikids-item-container {
	clear:both;
	display:block;
	margin: 50px auto 30px;
	max-width: 360px;
	border-top:2px solid #0A0237;
	overflow:hidden;
}
#neikids-item-tip-1.neikids-item-container {
	margin-top:0px;
	border-top:0px solid #fff;
}

.neikids-item-container .neikids-section-number {
	font-size:98px;
	line-height: 98px;
	margin-top:50px;
	margin-bottom:50px;
	font-weight: bold;
	font-family: 'Bree Serif', serif;
	color:#0A0237;
	width:100px;
	text-align: left;
	float:left;
}
.neikids-section-illustration {
	width:200px;
	height:210px;
	float:left;
	position: relative;
}
.neikids-section-illustration img {
	width:100%;
	height:auto;
	position:absolute;
	left:0px;
	top:0px;
}
.neikids-section-illustration .neikids-illi-layer1,
.neikids-section-illustration .neikids-illi-layer2,
.neikids-section-illustration .neikids-illi-layer3,
.neikids-section-illustration .neikids-illi-layer4,
.neikids-section-illustration .neikids-illi-layer5,
.neikids-section-illustration .neikids-illi-layer6,
.neikids-section-illustration .neikids-illi-layer7,
.neikids-section-illustration .neikids-illi-layer8,
.neikids-section-illustration .neikids-illi-layer9,
.neikids-section-illustration .neikids-illi-layer10
 {
	position: absolute;
}
.neikids-section-illustration .neikids-illi-layer1 { z-index: 1; -webkit-animation-delay: 1s; animation-delay: 1s; -moz-animation-delay: 1s;}
.neikids-section-illustration .neikids-illi-layer2 { z-index: 2; -webkit-animation-delay: 2s; animation-delay: 2s; -moz-animation-delay: 2s;}
.neikids-section-illustration .neikids-illi-layer2a { z-index: 2; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -moz-animation-delay: 1.5s;}
.neikids-section-illustration .neikids-illi-layer3 { z-index: 3; -webkit-animation-delay: 3s; animation-delay: 3s; -moz-animation-delay: 3s;}
.neikids-section-illustration .neikids-illi-layer3a { z-index: 3; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; -moz-animation-delay: 2.5s;}
.neikids-section-illustration .neikids-illi-layer4 { z-index: 4; -webkit-animation-delay: 4s; animation-delay: 4s; -moz-animation-delay: 4s;}
.neikids-section-illustration .neikids-illi-layer5 { z-index: 5; -webkit-animation-delay: 5s; animation-delay: 5s; -moz-animation-delay: 5s;}
.neikids-section-illustration .neikids-illi-layer6 { z-index: 6; -webkit-animation-delay: 6s; animation-delay: 6s; -moz-animation-delay: 6s;}
.neikids-section-illustration .neikids-illi-layer7 { z-index: 7; -webkit-animation-delay: 7s; animation-delay: 7s; -moz-animation-delay: 7s;}
.neikids-section-illustration .neikids-illi-layer8 { z-index: 8; -webkit-animation-delay: 8s; animation-delay: 8s; -moz-animation-delay: 8s;}
.neikids-section-illustration .neikids-illi-layer9 { z-index: 9; -webkit-animation-delay: 9s; animation-delay: 9s; -moz-animation-delay: 9s;}
.neikids-section-illustration .neikids-illi-layer10 { z-index: 10; -webkit-animation-delay: 10s; animation-delay: 10s; -moz-animation-delay: 10s;}

.neikids-item-container .neikids-section-definition {
	width: auto;
	text-align:left;
	float:left;
	padding-top:5px;
	clear:both;
}
.neikids-item-container h2 {
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #000;
}

.neikids-section-definition > p{
    font-size: 1.1em;
    line-height: 1.6em;
}
.neikids-item-container .neikids-section-definition p strong {
	color:#000;
}

.neikids-item-container .neikids-item-social {
	padding-top:10px;
	text-align: left;
	clear:both;
}
.neikids-item-container .neikids-item-social a.social-icon-link {
	display:inline-block;
	margin-right:5px;
}
.neikids-item-container .neikids-item-social a.social-icon-link img {
	width:50px;
}

.neikids-item-container .neikids-item-image-highlight {
	width:100%;
	height:auto;
	max-width: 519px;
}

#neikids-item-tip-2 > .neikids-section-illustration > div,
#neikids-item-tip-2 > .neikids-section-illustration > div > div,
#neikids-item-tip-2 > .neikids-section-illustration > div > div > div
{
    border:solid;
    border-width:0px;
}

#neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1-static
{
    width:300px;
	height:315px;
}

#neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1
{
    width:96px;
	height:106px;
    left:52px;
    top:-24px;
    position: absolute;
    z-index: 90;
    background-repeat: no-repeat;
}
#neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1 > .tip2-layer4
{
    width:56px;
	height:82px;
    left:42px;
    top:79px;
    position: absolute;
    z-index: 40;
    background-repeat: no-repeat;
}
#neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1 > .tip2-layer4 > .tip2-layer6
{
    width:80px;
	height:49px;
    left:21px;
    top:56px;
    position: absolute;
    z-index: 6;
    background-repeat: no-repeat;

}
#neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer2
{
    width:98px;
	height:100px;
    left:0px;
    top:-18px;
    position: absolute;
    z-index: 80;
    background-repeat: no-repeat;
}
#neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer2 >  .tip2-layer3
{
    width:84px;
	height:69px;
    left:-28px;
    top:65px;
    position: absolute;
    z-index: 30;
    background-repeat: no-repeat;
}

#neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer2 >  .tip2-layer3 > .tip2-layer5
{
    width:64px;
	height:71px;
    left:-22px;
    top:46px;
    position: absolute;
    z-index: 5;
    background-repeat: no-repeat;

}

#neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer1
{
    width:300px;
	height:315px;
    left:0px;
    top:0px;
    position: absolute;
    background: url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer1.png");
    z-index: 60;
    background-repeat: no-repeat;
}
#neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer2
{
    width:95px;
	height:95px;
    left:100px;
    top:144px;
    position: absolute;
    background: url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer2.png");
    z-index: 90;
    background-repeat: no-repeat;
}


#neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer1
{
    width:425px;
	height:156px;
    left:0px;
    top:0px;
    position: absolute;
    background: url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer1.png");
    z-index: 60;
    background-repeat: no-repeat;
}
#neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-L
{
    height: 41px;
    left: 105px;
    position: absolute;
    top: 60px;
    width: 42px;
    background: url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png");
    z-index: 90;
    background-repeat: no-repeat;
}

#neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-R
{
    height: 41px;
    left: 279px;
    position: absolute;
    top: 60px;
    width: 42px;
    background: url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png");
    z-index: 90;
    background-repeat: no-repeat;
}

.neikids-didyouknow-container h2 {
  color: #F6CB79;
}


/*-------------------------------------------------------------------------*/
/*-- 4) Media Queries -----------------------------------------------------*/
/*-------------------------------------------------------------------------*/



@media only screen and (max-width: 450px) {
    #neikids-hvt-main {
        padding: 0 10px 20px;
    }
    #neikids-hvt-title p {
    width: 80%;
    }
    .neikids-item-container .neikids-section-definition {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    float:none;
    }
	.neikids-item-container .neikids-section-number {
		margin:0 auto;
		text-align: center;
		float:none;
	}
	.neikids-item-container .neikids-section-illustration {
		float:none;
		margin:0 auto;
	}
	.neikids-item-container .neikids-item-social {
		text-align: center;
	}
    #neikids-item-tip-2 > .neikids-section-illustration
    {
    margin-top: -98px;
    }
    #neikids-item-tip-2 > .neikids-section-number
    {
    position: relative;
    top: 110px;
    }

        #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1-static
    {
    width:225px;
	height:236px;
    }
        #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer2 {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer2.png") no-repeat;
        background-size:65%;
        left: 68px;
        position: absolute;
        top: 94px;
        z-index: 90;
    }

    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer1 {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer1.png") no-repeat;
        background-size:65%;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 60;
    }
    #neikids-item-tip-4 .neikids-section-illustration {
    width: 260px;
    }
    #neikids-item-tip-4 .neikids-section-illustration > .neikids-illi-layer1 {
    height: auto;
    margin-top: 44px;
    width: 260px;
    }
    #neikids-item-tip-6 > .neikids-section-illustration {
    float:none;
    margin-left:10%;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer1 {
    height: 156px;
    position: absolute;
    width: 260px;
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer1.png") no-repeat;
    background-size:100%;
    left: 0;
    top: 25%;
    z-index: 60;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-L {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png") no-repeat;
    background-size: 55% auto;
    left: 65px;
    top: 90px;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-R {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png") no-repeat;
    background-size: 55% auto;
    left: 171px;
    top: 90px;
    }
    #neikids-item-tip-7 > .neikids-section-illustration{
    width: 260px;
    }
        #neikids-item-tip-7 > .neikids-section-illustration > .neikids-illi-layer1 {
    height: auto;
    margin-top: 71px;
    width: 260px;
    }
    #neikids-item-tip-7 .neikids-section-illustration > .neikids-illi-layer2 {
    height: 10px;
    left: 238px;
    margin-top: 71px;
    top: 15px;
    width: 10px;
    }
    #neikids-item-tip-8 > .neikids-section-illustration{
    width: 260px;
    }
     #neikids-item-tip-10 .neikids-section-illustration {
        margin-left: 19%;
        margin-top: 11%;
    }
    #neikids-item-tip-10 .neikids-section-illustration > .neikids-illi-layer2 {
        margin-top:56%;
    }
}
@media (min-width: 0px) and (max-width: 359px) {
    #neikids-item-tip-4 .neikids-section-illustration {
    width: 230px;
    }
    #neikids-item-tip-4 .neikids-section-illustration > .neikids-illi-layer1 {
    width: 230px;
    }
    #neikids-item-tip-6 > .neikids-section-illustration {
       margin-left: -3%;
    }
    #neikids-item-tip-7 .neikids-section-illustration {
    width: 230px;
    }
    #neikids-item-tip-7 .neikids-section-illustration > .neikids-illi-layer1 {
    width: 230px;
    }
    #neikids-item-tip-7 .neikids-section-illustration > .neikids-illi-layer2 {
    left: 211px;
    }
    #neikids-item-tip-8 .neikids-section-illustration {
    width: 230px;
    }
    #neikids-item-tip-8 .neikids-section-illustration > .neikids-illi-layer1 {
    width: 230px;
    }
    #neikids-item-tip-10 .neikids-section-illustration {
    margin-left: 9%;
    }
    #neikids-footer {
      height: 300px;
    }
}
@media (min-width: 360px) and (max-width: 413px) {
    #neikids-item-tip-6 > .neikids-section-illustration {
       margin-left: 4%;
    }
    #neikids-item-tip-10 .neikids-section-illustration {
       margin-left: 12%;
    }
    #neikids-footer {
    height:255px;
    }
}
/*content realestate: 677px */
@media (min-width: 451px) and (max-width: 719px),
(min-width: 720px) and (max-width: 767px)
 {
    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer2 {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer2.png") no-repeat;
        background-size:75%;
        height: 95px;
        left: 76px;
        position: absolute;
        top: 109px;
        width: 95px;
        z-index: 90;
    }

    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer1 {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer1.png") no-repeat;
        background-size:75%;
        height: 315px;
        left: 0;
        position: absolute;
        top: 0;
        width: 300px;
        z-index: 60;
    }
    #neikids-item-tip-4 .neikids-section-illustration {
    margin-left: 0%;
    margin-top: 5%;

    }
    #neikids-item-tip-4 .neikids-section-illustration > .neikids-illi-layer1 {
    height: auto;
    margin-top: 44px;
    width: 260px;
    }
        #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer1 {
    height: 156px;
    position: absolute;
    width: 260px;
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer1.png") no-repeat;
    background-size:100%;
    left: 0;
    top: 25%;
    z-index: 60;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-L {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png") no-repeat;
    background-size: 55% auto;
    left: 65px;
    top: 90px;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-R {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png") no-repeat;
    background-size: 55% auto;
    left: 171px;
    top: 90px;
    }
    #neikids-item-tip-7 > .neikids-section-illustration > .neikids-illi-layer1 {
    height: auto;
    margin-top: 71px;
    width: 260px;
    }
    #neikids-item-tip-7 .neikids-section-illustration > .neikids-illi-layer2 {
    height: 10px;
    left: 236px;
    margin-top: 71px;
    top: 14px;
    width: 10px;
    }
    #neikids-item-tip-8 .neikids-section-illustration {
    width: 260px;
    }
    #neikids-item-tip-10 .neikids-section-illustration {
        margin-left: 10%;
        margin-top: 0;
        width: 250px;
    }
    #neikids-item-tip-10 .neikids-section-illustration > .neikids-illi-layer2 {
        margin-top:56%;
    }
}
/*content realestate: 503px */
@media only screen and (min-width: 451px) and (max-width: 485px) { /* Smart and Feature phones */
    #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1-static
    {
    width:225px;
	height:236px;
    }
    #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1
    {
        width:96px;
	    height:106px;
        left:52px;
        top:-24px;
    }

    #neikids-item-tip-2 > .neikids-section-illustration > img {
    left: -43px;
    top: 10px;
    }
    #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1 > .tip2-layer4
    {
        width:56px;
	    height:82px;
        left:42px;
        top:79px;
    }
    #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1 > .tip2-layer4 > .tip2-layer6
    {
        width:80px;
	    height:49px;
        left:23px;
    }
    #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer2
    {
        width:98px;
	    height:100px;
        left:0px;
        top:-18px;
    }
    #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer2 >  .tip2-layer3
    {
        width:84px;
	    height:69px;
        left:-28px;
        top:65px;
    }

    #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer2 >  .tip2-layer3 > .tip2-layer5
    {
        width:64px;
	    height:71px;
        left:-20px;
        top:43px;
    }
    #neikids-item-tip-2 > .neikids-section-illustration
    {
        margin-left: 65px;
    }
     .neikids-section-illustration {
        margin-top:0;
        width: 195px;
    }
    .neikids-item-container .neikids-section-number {
    margin: 0 auto;
    }
    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer2 {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer2.png") no-repeat;
        background-size:65%;
        left: 68px;
        position: absolute;
        top: 94px;
        z-index: 90;
    }

    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer1 {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer1.png") no-repeat;
        background-size:65%;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 60;
    }
    #neikids-item-tip-10 .neikids-section-illustration {
    margin-left: 3%;
    }
}

@media only screen and (min-width: 486px) and (max-width: 767px) { /* Smart and Feature phones */
    #neikids-hvt-main {
    width: 583px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom: 15px;
    }
    .neikids-header-head-container {
    width: 583px;
    margin-left:auto;
    margin-right:auto;
    }
    #neikids-hvt-title{
    width: 583px;
    margin-left:auto;
    margin-right:auto;
    }
    #neikids-hvt-title p {
    width: 60%;
    }
    .neikids-item-container .neikids-section-number {
    margin-bottom: 0;
    margin-top: 0;
    }
    #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1-static{
    width:225px;
	height:236px;
    }
    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer2 {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer2.png") no-repeat scroll;
        background-size:65%;
        left: 68px;
        position: absolute;
        top: 94px;
        z-index: 90;
    }

    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer1 {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer1.png") no-repeat;
        background-size:65%;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 60;
    }
    #neikids-item-tip-4 .neikids-section-illustration > .neikids-illi-layer1 {
    height: auto;
    margin-top: 44px;
    width: 260px;
    }
        #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer1 {
    height: 156px;
    position: absolute;
    width: 260px;
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer1.png") no-repeat;
    background-size:100%;
    left: 0;
    top: 25%;
    z-index: 60;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-L {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png") no-repeat;
    background-size: 55% auto;
    left: 65px;
    top: 90px;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-R {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png") no-repeat;
    background-size: 55% auto;
    left: 171px;
    top: 90px;
    }
    #neikids-item-tip-7 > .neikids-section-illustration > .neikids-illi-layer1 {
    height: auto;
    margin-top: 71px;
    width: 260px;
    }
    #neikids-item-tip-7 .neikids-section-illustration > .neikids-illi-layer2 {
    height: 10px;
    left: 235px;
    margin-top: 71px;
    top: 13px;
    width: 10px;
    }
    #neikids-item-tip-8 .neikids-section-illustration {
    width: 250px;
    }
    #neikids-item-tip-10 .neikids-section-illustration {
    margin-left: 6%;
    }
    #neikids-footer {
    height:225px;
    }
}



@media (min-width: 768px) and (max-width: 940px),
(min-width: 941px) and (max-width: 992px)
 {
    #neikids-hvt-main {
    padding-bottom: 30px;
    }
    #neikids-hvt-title p {
    width: 80%;
    }
    #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1-static
    {
    width:225px;
	height:236px;
    }
    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer2 {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer2.png") no-repeat;
        background-size:75%;
        height: 95px;
        left: 76px;
        position: absolute;
        top: 109px;
        width: 95px;
        z-index: 90;
    }

    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer1 {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer1.png") no-repeat;
        background-size:75%;
        height: 315px;
        left: 0;
        position: absolute;
        top: 0;
        width: 300px;
        z-index: 60;
    }
    #neikids-item-tip-4 .neikids-section-illustration {
    margin-left: 0%;
    margin-top: 5%;

    }
    #neikids-item-tip-4 .neikids-section-illustration > .neikids-illi-layer1 {
    height: auto;
    margin-top: 44px;
    width: 260px;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer1 {
    height: 156px;
    position: absolute;
    width: 260px;
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer1.png") no-repeat;
    background-size:100%;
    left: 0;
    top: 25%;
    z-index: 60;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-L {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png") no-repeat;
    background-size: 55% auto;
    left: 65px;
    top: 90px;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-R {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png") no-repeat;
    background-size: 55% auto;
    left: 171px;
    top: 90px;
    }
    #neikids-item-tip-7 > .neikids-section-illustration > .neikids-illi-layer1 {
    height: auto;
    margin-top: 71px;
    width: 260px;
    }
    #neikids-item-tip-7 .neikids-section-illustration > .neikids-illi-layer2 {
    height: 10px;
    left: 235px;
    margin-top: 71px;
    top: 13px;
    width: 10px;
    }
    #neikids-item-tip-8 .neikids-section-illustration {
    height: auto;
    width: 250px;
    }
    #neikids-item-tip-10 .neikids-section-illustration {
        margin-left: 7%;
        margin-top: 11%;
    }
    #neikids-item-tip-10 .neikids-section-illustration > .neikids-illi-layer2 {
        margin-top:56%;
    }
    #neikids-footer {
    height: 230px;
    }
}

/*@media (min-width: 993px) and (max-width: 1199px)*/
@media (min-width: 993px)
 {
    #neikids-hvt-main {
    padding-bottom: 20px;
    }
    #neikids-item-tip-2 > .neikids-section-illustration > .tip2-layer1-static
    {
    width:225px;
	height:236px;
    }

    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer2 {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer2.png") no-repeat;
    background-size:75%;
    height: 95px;
    left: 76px;
    position: absolute;
    top: 109px;
    width: 95px;
    z-index: 90;
    }

    #neikids-item-tip-3 > .neikids-section-illustration > .tip3-layer1 {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi3-layer1.png") no-repeat;
    background-size:75%;
    height: 315px;
    left: 0;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 60;
    }

    #neikids-item-tip-4 .neikids-section-illustration {
    margin-left: 0%;
    margin-top: 5%;

    }
    #neikids-item-tip-4 .neikids-section-illustration > .neikids-illi-layer1 {
    height: auto;
    margin-top: 44px;
    width: 260px;
    }

    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer1 {
    height: 156px;
    position: absolute;
    width: 260px;
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer1.png") no-repeat;
    background-size:100%;
    left: 0;
    top: 25%;
    z-index: 60;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-L {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png") no-repeat;
    background-size: 55% auto;
    left: 65px;
    top: 90px;
    }
    #neikids-item-tip-6 > .neikids-section-illustration > .tip6-layer2-R {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/kids/healthy_vision_tips/tips-illustrations/illi6-layer2.png") no-repeat;
    background-size: 55% auto;
    left: 171px;
    top: 90px;
    }
    #neikids-item-tip-7 > .neikids-section-illustration > .neikids-illi-layer1 {
    height: auto;
    margin-top: 71px;
    width: 260px;
    }
    #neikids-item-tip-7 .neikids-section-illustration > .neikids-illi-layer2 {
    height: 10px;
    left: 235px;
    margin-top: 71px;
    top: 13px;
    width: 10px;
    }
    #neikids-item-tip-8 .neikids-section-illustration {
    height: auto;
    width: 250px;
    }
    #neikids-item-tip-10 .neikids-section-illustration {
   margin-left: 10%;
    margin-top: 11%;
    }
    #neikids-item-tip-10 .neikids-section-illustration > .neikids-illi-layer2 {
    margin-top:56%;
    }

}
/*content realestate: 668px */
@media (min-width: 1200px) {
    .neikids-hvt-video .neikids-video-paragraph-middle p {
    width: 100%;
    }
}

/*content realestate: 668px
@media (min-width: 1200px) {
    .neikids-item-container {
    max-width: 690px;
    }
    .neikids-item-container .neikids-section-definition {
    font-size: 1.3em;
    }
    .neikids-item-container h2 {
    font-size: 2em;
    }
    .neikids-item-container .neikids-section-number {
    font-size: 10em;
    }
    .neikids-section-illustration {
    margin-left: 20%;
    height: 260px;
    width: 250px;
    }
    #neikids-item-tip-2 .neikids-section-illustration {
    height: 275px;
    margin-left: 15%;
    margin-top: 0;
    }
    #neikids-item-tip-3 .neikids-section-illustration {
    height: 290px;
    margin-left: 17%;
    margin-top: -2%;
    }
     #neikids-item-tip-4 .neikids-section-illustration {
    margin-left: 12%;
    margin-top: 5%;
     height: 215px;
    }
      #neikids-item-tip-4 .neikids-section-illustration > .neikids-illi-layer1 {
     width:407px;
     height:170px;
    }

    #neikids-item-tip-6 .neikids-section-illustration {
    height: 200px;
    margin-left: 10%;
    margin-top: 6%;
    width: 438px;
    }

    #neikids-item-tip-7 .neikids-section-illustration {
    height: 200px;
    margin-left: 10%;
    margin-top: 6%;
    width: 438px;
    }
    #neikids-item-tip-7 .neikids-section-illustration > .neikids-illi-layer1 {
   height: 143px;
    margin-left: 0;
    width: 400px;
    }
    #neikids-item-tip-7 .neikids-section-illustration > .neikids-illi-layer2 {
    height: 25px;
    left: 357px;
    top: 22px;
    width: 25px;
    }
    #neikids-item-tip-10 .neikids-section-illustration {
    height: 270px;
    margin-left: 18%;
    margin-top: 4%;
    width: 319px;
    }
    #neikids-item-tip-10 .neikids-section-illustration > .neikids-illi-layer2 {
    margin-top:56%;
    }
}*/


@media (min-width: 736px) and (max-width: 767px) {
    /* force fixed for consistancy*/
    #neikids-hvt-main
    {
    width: 679px;
    margin-left: auto;
    margin-right: auto;
    }
    .neikids-header-head-container {
     width: 679px;
    margin-left:auto;
    margin-right:auto;
    }
    #neikids-hvt-title{
     width: 679px;
    margin-left:auto;
    margin-right:auto;
    }
}

@media (min-width: 640px) and (max-width: 735px) {
    #neikids-hvt-main
    {
    width: 583px;
    margin-left: auto;
    margin-right: auto;
    }
    .neikids-header-head-container {
    width: 583px;
    margin-left:auto;
    margin-right:auto;
    }
    #neikids-hvt-title{
    width: 583px;
    margin-left:auto;
    margin-right:auto;
    }
}

@media (min-width: 568px) and (max-width: 639px) {
    #neikids-hvt-main
    {
     width: 511px;
    margin-left: auto;
    margin-right: auto;
    }
    .neikids-header-head-container {
     width: 511px;
    margin-left:auto;
    margin-right:auto;
    }
    #neikids-hvt-title{
     width: 511px;
    margin-left:auto;
    margin-right:auto;
    }
}


@media (min-width: 414px) and (max-width: 567px) {
    #neikids-hvt-main {
    width: 357px;
    margin-left: -5%;
    margin-right: auto;
    }
    .neikids-header-head-container {
    width: 357px;
    margin-left: -5%;
    margin-right:auto;
    }
    #neikids-hvt-title{
    width: 357px;
    margin-left: -5%;
    margin-right:auto;
    }
    #neikids-footer {
    height:245px;
    }
}

@media (min-width: 360px) and (max-width: 413px) {
    #neikids-hvt-main {
    margin-left: -3%;
    }
    .neikids-header-head-container {
    margin-left: -3%;
    }
    #neikids-hvt-title{
    margin-left: -3%;
    }
}
@media (min-width: 375px) and (max-width: 413px) {
    #neikids-hvt-main {
    margin-left: auto;
    }
    .neikids-header-head-container {
    margin-left: auto;
    }
    #neikids-hvt-title{
    margin-left: auto;
    }
}
@media (min-width: 360px) and (max-width: 413px) {
    #neikids-hvt-main {
    width: 303px;
    margin-right: auto;
    }
    .neikids-header-head-container {
    width: 303px;
    margin-right:auto;
    }
    #neikids-hvt-title{
    width: 303px;
    margin-right:auto;
    }
}
@media (min-width: 0px) and (max-width: 359px) {
    #neikids-hvt-main {
    width: 263px;
    margin-left: -3%;
    margin-right: auto;
    }
    .neikids-header-head-container {
    width: 263px;
    margin-left: -3%;
    margin-right: auto;
    }
    #neikids-hvt-title{
    width: 263px;
    margin-left: -3%;
    margin-right: auto;
    }
}

/* stylelint-enable */