/* ============================================================================
    Media Queries 960 and higher (Desktop)
============================================================================ */
@media screen and (max-width: 1150px) {
	/* Globals */
	body { min-width: 100%; }
	body:after { display: none; content: ""; font-family: "FontAwesome"; font-size: 20px; position: fixed; line-height: 30px; text-align: center; color: #FFF; right: 20px; bottom: 20px; z-index: 999; width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; background: #000; }
	.inner { width: 90%; }
	.mainMenu ul li { font-size: 12px; margin: 0 5px; }
	
	/* Home */
	.requestBox .subtitle { font-size: 24px; }
		
	/* Grids */
}
/* ============================================================================
    Media Queries 480 - 960 (iPad Portrait)
============================================================================ */
@media screen and (max-width: 960px) {
	/* Globals */
	body:after { background: green; content: ""; font-size: 24px; }
	.menuToggle { display: block; }
	.mainMenu, .mainMenuWrapper { display: none; }
	.newsletterForm form input { width: 120px; }

	/* Home */
	.featuredCatCols.cols > * { width: 33.333333%; }
	.requestBox div { float: none; }
	.requestBox .Btn { float: none; margin: 10px 0 0; }
	
	/* About */
	.aboutTop { padding: 40px 0 0; background: none; }
	.cols.aboutCols > * { width: 100%; }
	
	/* Machines */
	.machineCols.cols > * { width: 100%; }
	.machineFilter h3 { position: relative; display: block; padding: 0 40px 0 10px; cursor: pointer; background: #1f4c77; color: #FFF; -webkit-border-radius: 10px; border-radius: 10px; line-height: 30px; margin: 0 0 5px; }
	.machineFilter h3:hover { background: #3074b7; }
	.machineFilter h3:after { content: "\f063"; display: block; position: absolute; top: 0; right: 0; font-family: "FontAwesome"; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; }
	.machineFilter.active h3:after { content: "\f062"; }
	.machineFilter ul { display: none; background: #4d4d4d; margin: 5px 0; -webkit-border-radius: 5px; border-radius: 5px; padding: 15px; }
	.machineFilter.active ul { display: block; }
	.machineFilter ul li { border-bottom: 1px solid #717171; color: #e6e6e6; line-height: 24px; }
	.machineFilter ul li a { color: #e6e6e6; }
	.machineCols .cols-3 > * { width: 33.3333333%; }
	
	/* Product */
	.productCols > * { width: 100%; }
	.productImgCols.cols > * { width: 16.6666666%; }
	.productImgCols.cols > .col-1 { width: 100%; }
	
	/* Contact */
	.contactCols.cols > * { width: 100%; }
	
	/* Grids */
	.cols-5 > * { width: 33.333333%; }
	.cols-4 > * { width: 50%; }
	.cols-3 > * { width: 50%; }
	.cols .col-3-2, .cols .col-3-1 { width: 100%; }
	.col-3-1 .cols > * { width: 50%; }
    
    .panel .menuToggles .menuLang { bottom: 20px; left: 15px; padding: 0; position: absolute; top: auto; width: 100px; height: 20px;}
    .favoriteMachines { width: 50px; position: absolute; top: 20px; right: 0px; }
    .panelMenu .menu { margin: 0; }
    .favoriteMachines > p { top: -5px; }
}
/* ============================================================================
    Media Queries 480 - 720 (iPhone landscape)
============================================================================ */
@media screen and (max-width: 720px) {
	/* Globals */
	body { font-size: 13px; }
	body:after { background: brown; content: ""; font-size: 28px; transform: rotate(-90deg); }
	.title { font-size: 36px; line-height: 40px; }
	.container { min-height: inherit; }
	.footer { height: auto; margin-top: 0; }
	.innerContainer { padding-bottom: 0; }
	.footerTop { padding: 130px 0 0; background-position: 50% 30px; text-align: center; }
	.footerTitle, .footerSubtitle { display: none; }
	.footerCol { float: none; margin: 0 20px; display: inline-block; vertical-align: top; }
	.newsletterTitle, .newsletterForm { float: none; }
	.footerSocials { margin: 30px 0 0; }
	
	/* Home */
	.headerTitle { font-size: 38px; line-height: 45px; }
	.featuredCatCols.cols > * { width: 100%; margin: 0 0 5px; }
	.featuredCatCols .blockImg { display: none; }
	
	/* News */
	.newsColBig { display: none; }
	.newsColSmall { display: block; }
	
	/* Machines */
	.machineCols .cols-3 > * { width: 50%; }
	
	/* Product */
	.productImgCols.cols > * { width: 20%; }
	
	/* Grids */
	.cols-5 > * { width: 33.33333%; }
	.cols.descCols > * { width: 100%; margin: 0; }
	
	/* Article */
	.articleImg { float: none; margin: 0 0 20px; max-width: 100%; }
    
    .rrssb-whatsapp { list-style-type: none; position: absolute; right: -44px; top: 29px; display: block;}
}
/* ============================================================================
    Media Queries 480 - 600 (iPhone landscape)
============================================================================ */
@media screen and (max-width: 600px) {
	.agendaCols.cols > *, .projectCols.cols > * { width: 100%; }
	.pageContent { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; }
}
/* ============================================================================
    Media Queries 480 and lower (iPhone Portrait)
============================================================================ */
@media screen and (max-width: 480px) {
	/* Globals */
	body { min-width: 320px; font-size: 12px; }
	body:after { background: darkblue; font-size: 30px; transform: rotate(0deg); }
	.title { font-size: 30px; line-height: 34px; }
	.Btns .Btn { padding: 0; display: block; width: 100%; text-align: center; }
	.footerMenu, .copyright { float: none; text-align: center; margin: 0; }
	.footerMenu ul li { float: none; display: inline-block; }
	.footerSocials { float: left; margin: 10px 0 0; }
	.logo { width: 210px; }
	.menuToggle { margin-right: 5px; }
	
	/* Home */
	body.home .header { height: 550px; }
	.homeHeader { padding: 30px 0 0; }
	.headerTitle { font-size: 32px; line-height: 34px; }
	.headerBar h4 { font-size: 16px; line-height: 20px; }
	.requestBox { padding: 20px; }
	.requestBox .desc { font-size: 17px; }
	.requestBox .subtitle { font-size: 20px; }
	
	/* Machines */
	.machineCols .cols-3 > * { width: 100%; }
	
	/* Product */
	.productImgCols.cols > * { width: 25%; }
	.productBtns { padding: 90px 0 10px; background-position: 0 0; }
	
	/* Grids */
	.cols > *, .cols-2 > *, .cols-3 > *, .cols-4 > * { width: 100%; }
	.col-3-1 .cols > * { width: 100%; }
}