body{
	background-image: url(../assets/images/main_bg.png);
	background-repeat: no-repeat;
    background-size: cover;
}

.main{
	height: 620px;

    @media (max-width: 991px) {
    	height: auto;
	}
}

.mainlogo{
	height: 200px;

	@media (max-width: 991px) {
		height: auto;
	}
}

.antibacterial{
	height: 200px;

	@media (max-width: 991px) {
		height: auto;
	}
}

.theproduct{
	position: absolute;
	z-index: 1;
    top: -20px;
    left: 250px;

    @media (max-width: 1199px) {
    	left: 210px;
    }

    @media (max-width: 991px) {
    	position: relative;
    	left: 0;
    	top: 60px;
    }

    @media (max-width: 480px) {
    	top: 30px;
    }

    &__bottle{
	    width: 315px;

	    @media (max-width: 991px) {
	    	width: 410px;
	    }

	    @media (max-width: 768px) {
	    	width: 250px;
	    }

	    @media (max-width: 480px) {
	    	width: 220px;
	    }
	}

    &__infoliquid{
    	position: absolute;
	    left: -180px;
	    bottom: 175px;
	    z-index: -1;
	    width: 200px;

	    @media (max-width: 991px) {
    	    left: -30px;
    	    bottom: 300px;
	    	width: 260px;
	    }

	    @media (max-width: 768px) {
    	    left: 0;
		    bottom: 185px;
		    width: 160px;
	    }

	    @media (max-width: 480px) {
    	    bottom: 260px;
    	    left: 15px;
    		width: 135px;
	    }
    }

    &__infogel{
    	position: absolute;
	    right: -175px;
	    bottom: 175px;
	    z-index: -1;
	    width: 200px;

	    @media (max-width: 991px) {
	    	right: 0;
	    	top: 310px;
	    	width: 260px;
    	}

	    @media (max-width: 768px) {
	    	right: 20px;
		    bottom: 230px;
	    	top: auto;
		    width: 160px;
    	}

	    @media (max-width: 480px) {
    	    bottom: 220px;
    		right: 0;
    		width: 135px;
	    }
    }
}