.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 27px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */

    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
	text-indent: 0;
}
.container > .nav {
	margin: 0px -15px;
}
@media only screen
  and (min-width: 320px)
  and (max-width: 480px) {
	.owl-cap-title {
		font-size: 20px;
	}
	.owl-cap-price h5 {
		font-size: 18px;
	}
	.owl-cap-price small {
		font-size: 14px;
	}
}

@media only screen
  and (min-width: 320px)
  and (max-width: 568px){

}

@media only screen
  and (min-width: 375px)
  and (max-width: 667px){
	.owl-cap-title {
		font-size: 30px;
	}
	.owl-cap-price h5 {
		font-size: 22px;
	}
	.owl-cap-price small {
		font-size: 20px;
	}
}
@media only screen
  and (min-width: 414px)
  and (max-width: 736px){

}
@media only screen
  and (min-width: 768px)
  and (max-width: 1024px){
  	ul.slimmenu li a{
  		padding: 12px;
  		font-size: 13px;
  	}
  	ul.slimmenu li.slimmenu-sub-menu a {
  		    padding: 12px 35px 12px 12px;
  		    font-size: 13px;
  	}
}