.dcg {max-width:1240px; background: #fff;}
    .dcg .clearfix::after {content: ""; clear: both; display: table;}
    .dcg {font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif; }
    .dcg h1, h2 {font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;}

    .dcg  a {text-decoration: none; color: #fff;}
    .dcg  a:hover {color: #fff;border: none;}

    .dcg .clearfix::after {content: ""; clear: both; display: table;}
    .dcg .button {font-weight: bold;}

    .dcg .home-header {display: block;}


    .dcg .nav-top {width: 100%;height: auto; overflow: auto;margin-top: 20px;margin-bottom: 20px;}
    .dcg .nav-top nav {margin:5px;}
    .dcg .nav-top nav ul { overflow: hidden; border:0px; padding: 25px 0px 0px 20px; }
    .dcg .nav-top li {float: left;padding: 0px 40px; font-weight: bold; font-size: 15px;} 
    .dcg .nav-top ul a {border-right: 1px solid #000;} 
    .dcg .nav-top ul a:last-child {border-right:none;}
    .dcg .nav-top nav ul li.active {color:#e30613;;}
    .dcg .nav-top a { padding:5px; color: #000; width: 25%;}
    .dcg .nav-top a {text-decoration: none; list-style: none;}
    .dcg .nav-top nav figure {display: inline-block; float: left; width:100%; padding: 10px; margin-right: 10px; text-align: center;}

@media (max-width:1239px) {
    .dcg .nav-top li {float: left;padding: 0px 38px; font-weight: bold; font-size: 15px;} 

}
@media only screen and (max-width: 768px) {
    .dcg .nav-top a { padding:5px; color: #000; width: 24%;}
    .dcg .nav-top nav a {display: inline-block; width:100%; float: none; }
    .dcg .nav-top nav ul { overflow: hidden; border:0px; padding: 25px 0px 0px 10px; }
    .dcg .nav-top nav figure { display: inline-block; float: none; width:100%;  padding:10px; margin:0px; text-align: center;}
    .dcg .nav-top ul a  {float: left; width: 25%; }
    .dcg .nav-top li {float: none; font-weight: bold; font-size: 14px; } 
    }

@media only screen and (max-width: 500px) {
    .dcg .nav-top li {float: none; padding: 0px 10px; font-weight: bold; font-size: 14px; } 
    }




.dcg .JHP-row {width:100%;}
.dcg .JHP-block {float: right; width:50%;}
.dcg .JHP-text {margin:120px 10%;}
.dcg .JHP-text h1 {color:#e30613; font-size: 40px;}
.dcg .JHP-text p {font-size: 15px; width: 100%;}
.dcg .JHP-text .button {color:#fff; background-color:#e30613; width:20%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}


@media (max-width:1239px) {
.dcg .JHP-text {margin:100px 10%;}
.dcg .JHP-text .button {color:#fff; background-color:#e30613; width:23%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
}

@media (max-width:1024px) {
.dcg .JHP-text {margin:100px 10%;}
.dcg .JHP-text .button {color:#fff; background-color:#e30613; width:23%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
}

@media (max-width:899px) {
.dcg .JHP-text {margin:70px 5%;}
.dcg .JHP-text .button {color:#fff; background-color:#e30613; width:25%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
.dcg .JHP-text h1 {color:#e30613; font-size: 30px;}
}

@media (max-width:599px) {
.dcg .JHP-block {float: none; width:100%;}
.dcg .JHP-text h1 {color:#e30613; font-size: 40px;}
.dcg .JHP-text {margin:20px 10%;}
.dcg .JHP-text .button {color:#fff; background-color:#e30613; width:20%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
}

@media (max-width:500px) {
.dcg .JHP-block {float: none; width:100%;}
.dcg .JHP-text h1 {color:#e30613; font-size: 40px;}
.dcg .JHP-text {margin:20px 10%;}
.dcg .JHP-text .button {color:#fff; background-color:#e30613; width:23%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}    
}

.dcg .on-ear-row {width:100%;}
.dcg .on-ear-block {width:50%; float: left;}
.dcg .on-ear-text {margin:120px 10%;}
.dcg .on-ear-text h1 {color:#e30613; font-size: 40px;}
.dcg .on-ear-text p {font-size: 15px; width: 100%;}
.dcg .on-ear-text .button {color:#fff; background-color:#e30613; width:50%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}

@media (max-width:1239px) {
.dcg .on-ear-text {margin:45px 10%;}
.dcg .on-ear-text .button {color:#fff; background-color:#e30613; width:60%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
}

@media (max-width:1024px) {
.dcg .on-ear-text {margin:60px 10%;}
.dcg .on-ear-text .button {color:#fff; background-color:#e30613; width:60%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
}

@media (max-width:899px) {
.dcg .on-ear-text {margin:10px 5%;}
.dcg .on-ear-text .button {color:#fff; background-color:#e30613; width:60%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
.dcg .on-ear-text h1 {color:#e30613; font-size: 35px;}

}

@media (max-width:599px) {
.dcg .on-ear-block {width:100%; float: none;}
.dcg .on-ear-text .button {color:#fff; background-color:#e30613; width:50%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}   
}

@media (max-width:599px) {
.dcg .on-ear-text .button {color:#fff; background-color:#e30613; width:45%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}   
}

@media (max-width:500px) {
.dcg .on-ear-text .button {color:#fff; background-color:#e30613; width:50%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}   
}

.dcg .in-ear-row {width:100%;}
.dcg .in-ear-block {width:50%; float: right;}
.dcg .in-ear-text {margin:120px 10%;}
.dcg .in-ear-text h1 {color:#e30613; font-size: 40px;}
.dcg .in-ear-text p {font-size: 15px; width: 100%;}
.dcg .in-ear-text .button {color:#fff; background-color:#e30613; width:50%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}


@media (max-width:1239px) {
.dcg .in-ear-text {margin:35px 10%;}
.dcg .in-ear-text .button {color:#fff; background-color:#e30613; width:60%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
}

@media (max-width:1024px) {
.dcg .in-ear-text {margin:60px 10%;}
.dcg .in-ear-text .button {color:#fff; background-color:#e30613; width:60%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
}

@media (max-width:899px) {
.dcg .in-ear-text {margin:20px 5%;}
.dcg .in-ear-text .button {color:#fff; background-color:#e30613; width:60%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
.dcg .in-ear-text h1 {color:#e30613; font-size: 30px;}
}

@media (max-width:599px) {
.dcg .in-ear-block {width:100%; float: none;}
.dcg .in-ear-text .button {color:#fff; background-color:#e30613; width:40%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
}

@media (max-width:500px) {
.dcg .in-ear-block {width:100%; float: none;}
.dcg .in-ear-text .button {color:#fff; background-color:#e30613; width:55%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}

}
.dcg .kids-row {width:100%;}
.dcg .kids-block {width:50%; float: left;}
.dcg .kids-text {margin:120px 10%;}
.dcg .kids-text h1 {color:#e30613; font-size: 40px;}
.dcg .kids-text p {font-size: 15px; width: 100%;}
.dcg .kids-text .button {color:#fff; background-color:#e30613; width:50%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}

@media (max-width:1239px) {
.dcg .kids-text {margin:45px 10%;}
.dcg .kids-text .button {color:#fff; background-color:#e30613; width:55%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
}

@media (max-width:1024px) {
.dcg .kids-text {margin:65px 10%;}
.dcg .kids-text .button {color:#fff; background-color:#e30613; width:55%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
}

@media (max-width:899px) {
.dcg .kids-text {margin:20px 5%;}
.dcg .kids-text .button {color:#fff; background-color:#e30613; width:55%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}
.dcg .kids-text h1 {color:#e30613; font-size: 30px;}

}

@media (max-width:599px) {
.dcg .kids-block {width:100%; float: none;}
.dcg .kids-text .button {color:#fff; background-color:#e30613; width:40%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}

}

@media (max-width:500px) {
.dcg .kids-block {width:100%; float: none;}
.dcg .kids-text .button {color:#fff; background-color:#e30613; width:50%; text-align: center; border-radius: 20px; padding:5px;font-weight: bold;}

}