/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1320px) {
.box .description{
	font-size:0.8em;
}
}
@media only screen and (max-width : 1200px) {
.controls{
	display:none;
}
.catalog{
	width:100%;
	padding:10px;
}
.box>.image{
	display:none;
}
.box .description .image{
	display:block;
	max-width:37%;
	float:right;
	margin:0 0 5px 10px;
}
.box .description .image img{
	width:100%;
	height:auto;
}
.box .description{
	width:auto;
}
.box .description span.price{
	position:static;
}
}
@media only screen and (max-width : 1200px) {
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.box .description .image{
	max-width:45%;
}
header{
	height:auto;
	padding:30px 0;
	text-align:center;
}
header h1{
	margin:2.5em auto;
	text-align:center;
	
}
.tabs li {
	font-size:0.8em;
	margin-right:0px;
}
.wrapper .contact-form  input{
	min-width:300px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.box .description .image{
	max-width:47%;
}
.box{
	margin-top:20px;
}
.wrapper .whatsapp{
	position:static;
	background:#f7f7f7 url('../img/whatsapp.png') right center no-repeat;
	text-align:right;
	padding:10px 45px 10px 5px;
	display:inline-block;
	width:49%;
	font-size:1em;
}
.tabs li {
	width:32%;
}
.wrapper h2.title{
	display:none;
}
.wrapper .mobile-menu{
	display:inline-block;
	width:49%;
}
.catalog{
	margin-top:0;
	padding:0;
}
ul.tabs{
	margin-top:0;
	margin:0 0 20px 5px;
	padding:0;
	display:none;
	border:1px solid #4e982c;
	width:calc(100% - 12px);
}

.tabs li,.tabs li.current, .tabs li:hover{
	margin: 0 0 0 -1px;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.tabs li {
	width:33.333%;
	padding:10px;
	border-left:none;
	border-bottom:none;
}
.tabs li:nth-child(3n){
	border-right:none;
}
.tabs li:nth-child(-n+3){
	border-top:none;
}
}
@media only screen and (max-width : 640px) {
.box .description .image{
	max-width:49%;
}
header h1{
	margin:2em auto;
	font-size:1.8em;
}
.contact{
	padding-left: 10px;
	padding-right: 10px;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.box .description .image{
	float:none;
	max-width:100%;
}
header h1{
	margin:1.6em auto;
	font-size:1.3em;
}
.tabs{
	position:absolute;
	z-index:99;
	background:#f7f7f7;
}
.tabs li {
	width:100%;
	border:none;
	border-bottom:1px solid #86c868 !important;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
.wrapper .whatsapp{
	display:none;
}
.wrapper .mobile-menu{
	width:100%;
}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
@media only screen and (min-width : 1400px) {
.box .description{
	font-size:0.95em;
}
}
@media only screen and (min-width : 1500px) {
.box .description{
	font-size:1.1em;
}
}
@media only screen and (min-width : 1900px) {
	body{
		font-size:20px;
	}
}