/* ==========================================================================
   Media Queries
   ========================================================================== */


@media only screen and (min-width: 992px) {
	/****Ipad Landscape 1024 Container 970 ****/
	.carousel-indicators {top: 458px;}
	.dealers-group ul li {margin:0 15px;}
	.main-nav {display:block !important; }
	.video-youtube {width:1110px; height:624px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	/****Ipad Portrait 768 Container 750 ****/
	body {font-size:13px;}
	p {line-height:18px; font-size: 14px}
	.logo {margin: 0 35px 0 35px;}
	.header h1 {font-size:46px;}
	.header {padding:125px 0 34px 0; background:url(../img/header_HSB100E-medium_02.png) center left no-repeat;}
	.slogan {margin: 20px 0 65px 0;}
	.main-nav {display:block !important; padding: 20px;}
	.main-nav ul li a {padding:8px 15px;}
	.main-nav li.small-logo {display:none;}
	h2 {font-size:25px}
	h6 {font-size:16px;}
	h3 {font-size:15px;}
	.illu {padding-bottom: 70px;}
	.caracteristique-list {font-size:15px;}
	.caracteristique-list-col2 {padding-bottom: 5px;}
	.use-text-01, .use-text-02, .use-text-03, .use-text-04 {padding-top: 170px;}
	.carousel-indicators {top: 345px;}
	.video-youtube-wrapper {padding-bottom: 53%; padding-top: 24px; margin-bottom: 20px;} /* for italian version */
	.video-youtube-wrapper .video-youtube {width: 100%; height: 100%;} /* for italian version */
	.video-youtube {width:690px; height:388px;}
	.online .col-md-3, .online .col-md-6 {margin-bottom:20px;}
	.dealers .col-md-1 {margin-bottom:20px;}
	.main-section {padding:70px 0;}
	.social-link {margin:0;}
}

@media only screen and (max-width: 767px) {
	/****Mobile Landscape 480 Container 100% ****/
	body {font-size:12px;}
	h2 {font-size:26px;}
	h3 {font-size:14px;}
	h6 {font-size:16px; margin-bottom:40px;}
	p {line-height:18px;}
	.feature-list {font-size:12px; padding-bottom:9px;}
	.use-text-01, .use-text-02, .use-text-03, .use-text-04 {padding-top: 0;}
	.use-text-01, .use-text-03 {padding-top: 15px; padding-bottom: 30px;}
	.use-text-02, .use-text-04 {padding-top: 30px; padding-bottom: 15px;}
	.video-youtube-wrapper {padding-bottom: 53%; padding-top: 24px; margin-bottom: 20px;} /* for italian version */
	.video-youtube-wrapper .video-youtube {width: 100%; height: 100%;} /* for italian version */
	.video-youtube {width: 688px;height: 387px;}
	.header h1 {font-size:32px; margin-bottom:10px;}
	.header {padding:375px 0 25px 0; background:url(../img/header_HSB100E-small_02.png) center top no-repeat;}
	.slogan {margin: 10px 0 18px;}
	.slogan li {font-size:17px; padding:0;}
	.link {margin-bottom: 0; font-size:15px; padding:10px 15px; line-height: 15px;}
	.main-section {padding:60px 0 70px;}
	.main-section#features figure {text-align: center;}
	.main-nav {display:none; position:absolute; left:0; width:100%; top:74px; margin:0 auto; float:none; background:#fff; z-index: 1000}
	.main-nav li {display:block;}
	.main-nav li.small-logo {display:none;}
	.main-nav li a {display:block; padding:7px 32px; border-bottom:none;}
	.main-nav li a:hover {color:#7cc576;}
	.res-nav_click {display:block;}
	.illu {text-align: center;}
	.illu img {width:350px; padding-bottom: 20px;}
	.carousel-caption {left: 0; right: 0; padding-bottom: 0;}
	.social-link {margin-left:30px;}
	.copyright {font-size:12px;}
	.logo {width:200px; margin: 15px auto 10px auto;}
	.online .col-md-3, .online .col-md-6 {margin-bottom:20px;}
	.dealers .col-md-1 {margin-bottom:20px;}
}

@media only screen and (max-width: 479px) {
	/****Mobile Portrait 320 ****/
	.main-section#features figure img {width: 75%; padding-bottom: 20px;}
	.illu {text-align: center;}
	.illu img {width:50%; height:50%;}
	.video-youtube {width: 329px; height: 185px;}
	.header {padding:25px 0 24px 0; background:url(../img/header_HSB100E-x-small_02.png) center top no-repeat;}
	.slogan {margin: 12px 0 12px 0;}
	.slogan li {font-size: 13px;}
	.header h1 {font-size:28px;}
	.link {font-size: 10px; padding: 4px 8px;}
	.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left {top: 33%;}
	.carousel-indicators {top: 165px;}
	.social-link {margin-left:0px;}
	.online .col-md-3, .online .col-md-6 {margin-bottom:20px;}
	.dealers .col-md-1 {margin-bottom:20px;}
}