html {}

body {
    padding-top: 70px;
    font-family: 'Open Sans', sans-serif;
}

#footer {
    background: url(../images/footer-bg-2.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #f9af18;
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer a:hover {
    color: #f9af18;
}

#footer li {
    list-style: none;
}

#footer hr {
    border: 1px solid #f9af18;
}

#footer #footer-links img {
    width: 100px;
}

.carousel-inner {
    width: 108.6%;
    margin: 0 -5%;
}

#header .carousel-indicators li {
    border: 1px solid #808080;
    background-color: #d8d8d8;
}

#header .carousel-indicators li.active {
    border: 1px solid #808080;
    background-color: #737373;
}

#product img {
    max-width: 110%;
    margin: 0 -5%;
}

#company img {
    max-width: 110%;
    margin: 0 -5%;
}

#contact img {
    max-width: 110%;
    margin: 0 -5%;
}

.navbar-brand {
    height: 70px;
}

.navbar-brand img {
    width: 235px;
    margin: -20px 0 0 -15px;
}

#navbar-collapse-menu ul {
    margin-top: 20px;
}

#navbar-collapse-menu ul li a {
    color: #fff;
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    #navbar-collapse-menu .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    #navbar-collapse-menu .dropdown:hover .dropdown-menu li {
        background: #e62b56;
    }
}

.navbar-default {
    background: url("../images/navbar-bg-7.jpg");
    /*opacity: 0.75*/
    background-size: cover;
    border-bottom-color: #f9af18;
    font-weight: 500;
}

.navbar-default .dropdown-menu {
    background: url("../images/navbar-bg-7.jpg");
}

.navbar-default .dropdown-menu li a:hover {
    background: #808080;
}

#diaper .carousel-indicators li {
    border: 1px solid #808080;
    background-color: #d8d8d8;
}

#diaper .carousel-indicators li.active {
    border: 1px solid #808080;
    background-color: #737373;
}

#diaper .container {
    margin-bottom: 5%;
}

.diaper-heading {
    margin: 5% 0 0 0;
    background: #0477e1 repeat;
}

.diaper-heading h3 {
    color: #ffffff;
    padding: 5px 0 5px 5px;
    margin: 0 0 0 20px;
}

.diaper-desc {
    margin-top: 5%;
    margin-bottom: 5%;
}

.diaper-desc img {
    width: 100%;
}

.diaper-desc-right {
    margin-top: 7.5%;
}

#wipe .carousel-indicators li {
    border: 1px solid #808080;
    background-color: #d8d8d8;
}

#wipe .carousel-indicators li.active {
    border: 1px solid #808080;
    background-color: #737373;
}

#wipe .container {
    margin-bottom: 5%;
}

.wipe-heading {
    margin: 5% 0 0 0;
    background: #e62b56 repeat;
}

.wipe-heading h3 {
    color: #ffffff;
    padding: 5px 0 5px 5px;
    margin: 0 0 0 20px;
}

.wipe-desc {
    margin-top: 5%;
    margin-bottom: 5%;
}

.wipe-desc ul {
    list-style-type: none;
    padding-top: 35px;
    padding-left: -10px;
}

.wipe-desc ul li {
    color: #eb2b56;
    line-height: 23px;
}

.wipe-desc ul li span {
    color: #000000;
    font-size: 14.5px;
}

.wipe-desc .wipe-desc-list img {
    width: 100%;
    margin: -45px 0 0 0;
    padding: 0;
}


/* screen size : small */

@media (max-width: 768px) {
    .carousel-inner {
        width: 109.5%;
        margin: 0 -5%;
    }
    #product img {
        width: 109.5%;
        margin: 0 -5%;
    }
    #company img {
        width: 109.5%;
        margin: 0 -5%;
    }
    #contact img {
        width: 109.5%;
        margin: 0 -5%;
    }
    #footer #footer-links {
        width: 50%;
        float: none;
        margin: 0 auto;
    }
    .navbar-default .navbar-header button {
        border-color: #f9af18;
        background: url("../images/navbar-bg-7.jpg");
        margin-top: 17.5px;
    }
    .navbar-default .navbar-header button:focus {
        border-color: #f9af18;
        background: url("../images/navbar-bg-7.jpg");
    }
    .navbar-default .navbar-header span.icon-bar {
        color: #f9af18;
        border-color: #f9af18;
        background-color: #f9af18;
    }    
    .wipe-desc ul {
        margin-left: 17px;
    }    
    #navbar-collapse-menu ul li a {
        background: #e62b56;
    }
    #navbar-collapse-menu ul li a:hover {
        background: #808080;
    }
    .wipe-desc .wipe-desc-list img {
        width: 75%;
        margin: 0 0 0 0;
        padding: 0;
    }
}