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


@media screen and (min-width: 20px) and (max-width: 767px) {
	.wrap {width:95%;}
	h1 {font-size:1.2em; padding:20px 0;}
	h2 {font-size:1.5em; padding:10px 0;}
	.grUpdate h3 {font-size:1em;}
	.grUpdate p {font-size:.9em; line-height:18px;}
	.header {min-height:100px;}
	.logoSpotify {margin-left:5px;}
	.grDescription {margin-top:0; min-height:750px; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; background:url("../images/bgUpdateGramofonMobile11.png") no-repeat 67% 9%; background-size:cover;}
	
	/*.grDescription2{background:url("../images/background_gramofon_mobile_01.png") no-repeat center; min-height:640px; background-size:cover;}
	.leftTexto{background:url("../images/background_gramofon_mobile_02.png") no-repeat center; background-size:cover;}*/
	
	.grDescription h1 {margin-top:20px;}
	.grDescription h2{font-size:1.3em; line-height: 24px;}
	/*.grDescription .left{width:100%; float:none;}*/
	.grDescription .left{position:absolute; bottom:15px; width:95%; margin:0; text-align:center;}
	.grDescription p{width:100%; font-size:0.9em;}
	.grWatchVideo{top:-115px;}
	a.watchVideo {width:92px;}
	.buttonTransparent{margin: 25px 0 10px 0;}
	.watchVideo.buttonTransparent{margin:10px 0;}
	.grOrderNow {margin:0; min-height:240px; text-align:center;}
	.grPricing {margin:0 auto; width:auto; display:inline-block; min-width:290px;}
	.grPricing span:first-child {margin-left:15px;}
	.grPricing small {padding:0; text-align:center;}
	.buyNow a.orderNow {padding:15px; font-size:1em;}
	.price {/*font-size:2.5em;*/ font-size:2em;}
	.infoSpecial{margin-top: -7px; font-size: 0.75em;}
	a.orderNow{/*width: 50%;*/ width:42%; padding: 11px 0px; margin: -29px 0px 0px 10px;}
	a.orderNow span, .header small {display:none;}
	.grStreamon { min-height:250px;}
	.grStreamon .wrap h2{padding-bottom:10px; padding-top:10px;}
	.grStreamon .wrap h2:first-child{padding-top:30px;}
	.grStreamon .wrap p{padding-bottom:20px; padding-top:10px;}
	.Aupeo{width:16%;}
	.Double-Twist{width:8%;}
	.Rhapsody{width:21%;}
	.Spotify{width:19%;}
	.Napster{width:19%;}
	.Tuenin{width:18%;}
	.Somafm{width:17%;}
	.Darfm{width:14%;}
	.Astroplayer{width:11%;}
	.WahWah{width:7%;}
	.Tidal{width:22%;}
	.QQmusic{width:8%;}
	.StyleJukebox{width:16%;}
	.KTmusic{width:16%;}
	.iHeartradio{width:26%;}
	.SoundCloud{width:14%;}
	.Soundmachine{width:16%;}
	.grMultiroom {background:url("../images/bgMultiroom.png") no-repeat bottom center; min-height:430px; text-align:left; background-size:300px;}
	.grMultiroom .left {width:90%; margin:5% 0; text-align:center;}
	.grMultiroom img{width:30%; max-width:169px;}
	.grHowItWorks{padding-bottom:0px;}
	.grHarmony .wrap{width:100%;}
	.grHarmony .step{min-height:100px; margin:0; width:100%; padding-top:60px; padding-bottom:20px;}
	.grHarmony .step:first-child{background:url("../images/bgUpdateHarmony1.png") no-repeat top center; background-size:cover; padding-top: 80px; padding-bottom: 30px;}
	.grHarmony .step:nth-child(2){background:url("../images/bgUpdateHarmony2.png") no-repeat top center; background-size:cover;}
	.grHarmony .step:nth-child(3){background:url("../images/bgUpdateHarmony3.png") no-repeat top center; background-size:cover;}
	.grTestimonialMobile{  display: inline-block; margin: 30px 0 10px 0;}
	.grTestimonialMobile .logoTestimonial {
	  width: 30%;
	  min-height: 40px;
	  text-align: right;
	  margin-right: 15px;
	  float: left;
	  margin-bottom: 10px;
	}
	.grTestimonialMobile .textTestimonial {
	  width:59%;
	  min-height: 40px;
	  text-align: left;
	  float: left;
	  font-size: .9em;
	  margin-bottom: 10px;
	  line-height: 20px;
	}
	.grTestimonial{display:none;}
	.grTestimonial.grTestimonialTop{display:block; padding:0;}
	.grGet p, .grTestimonial {background:#fff; padding:10px 0; font-size:85%; margin-top:100px;}
	.logoTestimonial, .textTestimonial {margin-bottom:5px; line-height:15px; /*display:inline-block;*/}
	.textTestimonial::before,.textTestimonial::after {display:none;}
	.specialOffer {margin:5px 0;}
	.header .left {margin-top:5px;}
	.header .right{display: block; padding: 5px 0 15px 0; float:none; margin:0 auto;}
	.lineThrough{font-size:1em;}
	.priceContainer{display: inline-block;}
	img.logoGrSp {/*width:90%;*/width:60%; margin:0 auto; max-width:490px;}
	ul.advantages {margin-left:10%; font-size:.8em;}
	.step {width:95%; margin-bottom:40px; min-height: inherit;}
	.step h3 { font-size:1.3em; padding-top:0;}
	.grSlogans {min-height:1000px;}
	.grSlogans p {font-size:.9em; width:100%;}
	.slogRow {min-height:100px;}
	.mention {font-size:80%;}
	.mention p{padding-right:4px;}
	.grGet{min-height:450px; background: url("../images/bgGramofon02.png") no-repeat 65% 100%; background-size:cover;} 
	.grGet h2 {font-size:2em; text-align:left; margin-top:30px;}
	.grSlogans .left, .grSlogans .right, .grGet .left,.grFaqs .left, .grFaqs .right, .footer .left, .footer .right, .copy, .grOrderNow, .header .left, .header .right, .grDownload .right {width:100%; clear:both;}
	.grSlogans .alignLeft, .grSlogans .alignRight {width:auto; max-width:97%; margin:40px 20px; float:none; text-align:center;}
	/*.grSlogans .alignLeft{float:left; }*/
	.slogRow{min-height:185px;}
	.grFaqs .left, .grFaqs .right {margin:0;}
	.grDownload {min-height: inherit;}
	.grDownload .left div, .grDownload .right div {display:block; width:100%; margin:5px 0;}
	.grDownload img{width:80%;}
	.footer {font-size:.9em;}
	.footer small {margin-bottom:30px;}
	.footer .left {text-align:center;}
	.socialLinks {float:right;} 
	ul.footerLinks {font-size:.9em; margin-bottom:10px;}
	ul.footerLinks li {margin:0 5px;}
	a.fb, a.tw, a.vm, a.gg {margin:0;}
	.copy {margin-top:20px;}
	iframe#fon_video {width:100%; height:300px;}
	.skippr-nav-container{bottom:0; display:inline-block; margin-top:15px; position:relative;}
	.skippr-nav-arrow{width: 26px;}
	.skippr-nav-element-block {width:20px;}
	.mention{margin: 50px auto; text-align:center;}
	/* Update page */
	body.update .header {min-height:30px;}
	.grUpdate {margin-top:-10%; min-height:720px; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; background:url("../images/bgUpdateGramofonMobile01.png") no-repeat 100% 75%; background-size:cover;}
	.grUpdate .left {width:100%; margin-top:25%;}
	.grUpdate h2 {font-size:1.3em; letter-spacing:0; line-height:25px;}
	.grUpdate h3{font-size: 1.2em;}
	.grHowto{display:none;}
	.grHowto .right {width:98%; margin:10% 0; color:#fff; text-align:center;}
	.grHowtoInfoMobile{display:block;}
	.grAllplay .wrap {width:80%;}
}


@media screen and (min-width: 768px) and (max-width: 1099px) {
	h1 {font-size:1.8em; white-space:nowrap;}
	h2 {font-size:1.4em;}
	.grDescription {overflow:hidden;}
	.header .left {max-width:350px; margin-top:5px;}
	.header .right{font-size:90%; padding:15px 0;}
	.price {font-size:3em;}
	.grGet .left {margin:20px;}
	.grWatchVideo{position: absolute; top: 470px; width: 86%;}
	.grStreamon{min-height: initial;}
	.grStreamon .wrap{padding: 2% 0 4% 0;}
	.grMultiroom{background-size:65%; min-height: 375px;}
	.grMultiroom img{width:50%;}
	.footer small {margin-bottom:30px;}
	.footer .left {width:100%; text-align:center; margin-bottom:10px;}
	.footer .right {width:100%; margin-top:10px;}
	.logoSpotify {margin-left:30px;}
	img.logoGrSp {width:100%;}
	.grSlogans .alignLeft, .grSlogans .alignRight {width:80%;}
	.logoTestimonial {width:80px;}
	.grPricing {margin-left:-30px;}
	.grStreamon .updStreamLogo, .grStreamon .updComingLogo{width:100%;}
	.grHowto{background: url("../images/bgUpdateHowto.jpg") no-repeat -200px;}
	.Aupeo{width:7%; max-width:75px; margin: 0 6px;}
	.Double-Twist{width:3%; max-width:38px; margin: 0 6px;}
	.Rhapsody{width:10%; max-width:130px; margin: 0 6px;}
	.Spotify{width:10%; max-width:114px; margin: 0 6px;}
	.Napster{width:10%; max-width:148px; margin: 0 6px;}
	.Tuenin{width:9%; max-width:112px; margin: 0 6px;}
	.Somafm{width:8%; max-width:78px; margin: 0 6px;}
	.Darfm{width:7%; max-width:74px; margin: 0 6px;}
	.Astroplayer{width:4%; max-width:38px; margin: 0 6px;}
	.WahWah{width:6%; max-width:62px; margin: 0 6px;}
	.Soundmachine{margin: 0 6px; }
}
	
@media screen and (min-width: 1100px) and (max-width: 1224px) {
	.price {font-size:3em; }
	.grDescription .left{width:49%;}
	.grGet .left {margin-top:120px;}
	.grWatchVideo{position: absolute; top: 470px; width: 86%;}
	.grMultiroom{background-size:56%;}
	.gramofonIco {margin-left:60px;}
	.footer small {margin-bottom:40px;}
	.footer .left {width:100%; text-align:center; margin-bottom:10px;}
	.footer .right {width:100%; margin-top:10px;}
	.logoSpotify {margin-left:30px;}
	img.logoGrSp {width:100%;}
	.grSlogans .alignLeft, .grSlogans .alignRight {width:80%;}
	.textTestimonial {white-space:nowrap; font-size: 1.4em;}
}
	
@media screen and (min-width: 1225px) {
	.price {font-size:3em; }
	.grGet .left {margin-top:120px;}
	.grMultiroom{background-size:54%;}
	.gramofonIco {margin-left:60px;}
	.footer small {margin-bottom:30px;}
	.logoSpotify {margin-left:30px;}
	img.logoGrSp {width:100%;}
	.textTestimonial {white-space:nowrap; font-size: 1.4em;}
}