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

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

}

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

	section {
		margin-top: 137px;
	}

 .headname, .headphone {
 	text-align: center;
 }

 .aboutus .tableus {
 	margin-bottom: 15px;
 	float: left;
 	width: 100%;
 	margin-bottom: 70px;
 }

}

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

	.mainmenu {
		padding: 10px 0;
	}
	.mainmenu ul {
		display: none;
		margin-top: 10px;
	}
	.mainmenu ul li {
		float: none;
	}
	.mainmenu a {
		padding: 7px 12px;
	}
	.mainmenu ul li:nth-child(2n+1) a {
		background: rgba(255,255,255,.2);
	}
}

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

	
}

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

}


/*==========  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) {
	.mainmenu p {
		display: none;
	}
	
	.drinkinfo .drinkcall {
		margin-left: 20%;
	}
	.drinkinfo h4 {
		font-size: 32px;
	}
	.drinkinfo h5 {
		font-size: 24px;
	}

	.topindex h1 {
		font-size: 48px;
		margin-top: 80px;
	}
	.topindex h2 {
		font-size: 32px;
		margin-bottom: 120px;
	}

	.services p {
		font-size: 14px;
	}

	.tarif .boxall {
		margin: 0 auto 20px;
	}

	.tarif .text1 {
		font-size: 14px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.topindex h1 {
		font-size: 60px;
		margin-top: 100px;
	}
	.topindex h2 {
		font-size: 50px;
		margin-bottom: 150px;
	}

	.services p {
		font-size: 16px;
	}

	.aboutus h1 {
		font-size: 48px;
	}

	.tarif h1 {
		font-size: 48px;
	}

	.tarif .text1 {
		font-size: 16px;
	}

	.databoard h1 {
		font-size: 48px;
	}

	.databoard .downadata .boxsqr {
		margin-bottom: 0;
	}

	.vodunit h1 {
		font-size: 48px;
	}



}

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

}