/* info-cont1 */

.info-right-die {
    background-image: -webkit-linear-gradient(-45deg, #90cdaa 37%, #F4F1EF 35%);
    background-size: 130%;
    position: relative;
    -webkit-box-shadow: inset 0px 7px 8px #3a5246;
    box-shadow: inset 0px 7px 8px #3a5246;
}

.info-right-die:after {
    content: '';
    background: #c5a373;
    background-size: cover;
    height: 3%;
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 40%;
}

.info-right-die .logo-img {
    margin: 6% 0 5% 0;
}

.info-right-die .logo-img img {
    width: 120%;
    height: 100%;
    margin-left: -20%;
    max-width: 750px;
	display: block;
	margin: 0 auto;
}

.info-right-tag {
    position: absolute;
    top: 34%;
    left: 22%;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    padding: 4% 18%;
    background-color: #f1dc1f;
    color: #252107;
    font-size: 2em;
    font-family: serif;
    font-weight: 700;
}

/* info-cont1 */

.info-cont2 {
    -webkit-box-shadow: 0px -4px 15px #666;
    box-shadow: 0px -4px 15px #666;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    margin-bottom: 0 !important;
}

.info-cont2 .col-sm-10 {
    margin: 0 auto;
}

.info-cont3 {
    background-image: url("../../images/Header_Vitamat.jpg");
    background-size: 180%;
    background-position: 35%;
    padding: 2%;
}

.info-cont3 img {
    display: block;
    margin: 0 auto;
    width: 70%;
}

.info-cont4 {
    padding: 2%;
    background-image: -webkit-linear-gradient(40deg, #90cdaa 34%, #F4F1EF 33%);
    background-size: 130%;
    position: relative;
    z-index: 2;
}

.info-cont4 p, .info-cont4 h4 {
    color: #4b4b4b;
    margin: 0;
    font-family: "Roboto-Medium";
}

.info-cont4 img {
    position: absolute;
    z-index: -2;
    height: auto;
    overflow: hidden;
    right: 0;
    width: 95%;
}

.info-cont4 .col-sm {
    margin-top: 3%;
    margin-bottom: 8%;
    margin-right: 3%;
    margin-left: 3%;
}

.info-cont5 {
    -webkit-box-shadow: 0px -4px 15px #444;
    box-shadow: 0px -4px 15px #444;
    position: relative;
    z-index: 2;
    padding: 2% 2% 0 2%;
    background: #c5a373;
}

.info-cont5 ul {
    display: inline-block;
    list-style-type: none;
    width: 100%;
}

.info-cont5 ul li {
    display: inline;
    font-size: 15pt;
    font-family: "Roboto-Medium";
    padding: 0 10px;
}

.info-cont5 img {
    width: 25%;
    padding: 5%;
}

.info-cont5::before {
    content: "";
    background: url(../../images/topline.png) no-repeat;
    position: absolute;
    top: -5%;
    height: 50%;
    width: 13%;
    right: -1%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.info-cont5::after {
    content: "";
    background: url(../../images/bottomline.png) no-repeat;
    position: absolute;
    bottom: -5%;
    height: 50%;
    width: 18%;
    left: -5%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.white-text {
    color: white;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.info-cont6 {
    padding: 2%;
    background: #f9f4d6;
}

.info-cont6 .row {
    margin: 0 7%;
}

.info-cont6 img {
    width: 100%;
}

.info-cont6 h4 {
    color: #4b4b4b;
    text-transform: uppercase;
}

.info-cont6 p {
    margin-bottom: 0;
    color: #4b4b4b;
}

.info-cont6 .row .col-sm:nth-child(2) {
    margin-left: 4%;
}

.info-cont7 {
    padding: 2%;
    margin-bottom: 15%;
}

/* responsive design css */

@media screen and (min-width: 1800px) {
    .info-cont5 .col-sm{
        margin-left:15%;
    }
    .info-cont3 img{
        width: 50%;
    }
    .info-cont3 .col-sm-3:nth-child(3) img{
        width: 70% !important;
    }
    .info-cont4 img{
        width:65% !important;
    }
}

@media screen and (min-width: 1600px) {    
    .info-right-die .logo-img img{

    }
    .info-cont3{
        padding:.5%;
    }
    .info-cont4 {
        background-image: -webkit-linear-gradient(36deg, #90cdaa 34%, #F4F1EF 32%);
        padding: .5%;
    }
    .info-cont4 img{
        width:80%;
    }
    .info-cont4 .col-sm {
        margin-bottom: 10%;
    }
    .info-cont5{
        padding: .5% .5% 0 .5%;
    }
    .info-cont5::after {
        bottom: -3%;
        height: 29%;
        width: 14%;
        left: -2%;
    }
    .info-cont5::before {
        width: 9%;
    }
    .info-cont6{
        padding: 0.5%;
    }
    .info-right-tag {
        left: 20%;
        padding: 4% 18%;
        font-size: 1.5em;
    }
}

@media screen and (max-width: 1024px) {
    .info-cont4 {
        background-image: -webkit-linear-gradient(40deg, #90cdaa 32%, #F4F1EF 32%);
    }
    .info-cont5::after {
        bottom: -4%;
        height: 40%;
        width: 18%;
        left: -4%;
    }
    .info-right-tag {
        left: 10%;
    }
}

@media screen and (max-width: 800px) {
    /* info-cont2 */
    .info-right-die {
        background-image: -webkit-linear-gradient(-30deg, #90cdaa 37%, #F4F1EF 35%);
    }
    .info-right-tag {
        padding: 3% 10%;
        font-size: 1em;
        left: 5%;
        margin-top: 30%;
    }
    .info-right-die .logo-img img {
        width: 67%;
        height: 80%;
        margin-left: 35%;
        margin-top: 10%;
    }
    /* info-cont2 */
    /* info-cont4 */
    .info-cont4 {
        background-image: none;
        background: #90cdaa;
    }
    .info-cont4 .row {
        margin: 4% auto;
    }
    .info-cont4 img {
        position: relative;
    }
    /* info-cont4 */
    /* info-cont5 */
    .info-cont5 .col-sm {
        padding: 0 10%;
    }
    .info-cont5 img {
        width: 32%;
    }
    .info-cont5::after {
        bottom: -4%;
        height: 40%;
        width: 30%;
        left: -15%;
    }
    /* info-cont5 */
}

@media screen and (max-width: 480px) {
    /* info-cont1 */
    .info-right-die {
        background-image: -webkit-linear-gradient(-30deg, #90cdaa 37%, #F4F1EF 35%);
    }
    .info-right-tag {
        padding: 1% 4%;
        font-size: 1em;
        left: 5%;
    }
    .info-right-die .logo-img img {
        width: 70%;
        height: 80%;
        margin-left: 35%;
        margin-top: 10%;
    }
    /* info-cont1 */
    /* info-cont5 */
    .info-cont5 img {
        width: 50%;
        padding: 10%;
        display: block;
        margin: 0 auto;
    }
    .info-cont5::before {
        width: 20%;
    }
    .info-cont5::after {
        bottom: -2%;
        height: 20%;
        width: 40%;
        left: -15%;
    }
    /* info-cont5 */
}