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

@media only screen and (min-width: 980px) and (max-width: 1100px) {
	.banner .wrapper .banner_pic{ left:0px;}
}

@media only screen and (min-width: 980px) and (max-width: 1024px) {
	.wrapper {max-width:940px;}
	.banner_cont{ padding-left:60px}]
	.banner .home .banner_pic{ left:0px;}
	.si_txt01 a	{ margin-left:10px;}
	.singing_box .sbx_left img{ left:0;}
	.singing_box .sbx_right{ width:530px;}
	.singing_box .sbx_left	{ padding:12px 0 0;}
	.contact_sec .lft01	{ width:486px;}
	
	.data_sec .text01	{ width:600px;}
	.l_changes_sec ul strong{ width:568px;}
	.l_changes_sec ul span.version,
	.l_changes_sec ul span.date{ width:175px;}
	.price_table ul li label{ width:150px;}
}
   
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.wrapper {max-width:748px;}
	.banner_cont{ padding-left:0px;}
	.banner_cont h1{ font-size:26px;}
	.banner.home .banner_pic{ right:0px;}
	.banner.home .banner_pic img{ max-width:506px;}
	.download_option .column25{ padding:0 15px;}
	.banner.home{ min-height:403px;}
	.methods_img_info_left{ width:auto; float:none;}
	.listening h2{ max-width:200px; font-size:20px; padding-top:6px;}
	.listening h2 span{ font-size:14px; padding-top:4px;}
	.download h2 { max-width:340px;}
	.si_txt01 .column5{ width:100%; margin-bottom:5px;}
	.price_sec ul li h2	{ min-height:60px; max-width:235px; margin:0 auto;}
	.buy_sec			{ margin-top:26px;}
	.singing_box .sbx_left{ width:320px; padding:12px 0 0;}
	.singing_box .sbx_right{ width:415px;}
	.singing_box		{ padding-top:20px;}
	.price_table ul li strong	{ width:466px;}
	.price_table ul li label	{ width:105px;}
	.contact_sec .lft01			{ width:360px; padding-right:15px;}
	.contact_sec .rgt01			{ width:360px;}
	.data_sec .text01	{ width:448px;}
	.data_sec .data_size	{ width:130px;}
	
	.l_changes_sec ul strong{ width:490px; font-size:11px;}
	.l_changes_sec ul span.version,
	.l_changes_sec ul span.date{ width:125px;}
}

@media only screen and (min-width: 768px) {
	.main_nav ul{ display:block !important}
	.banner.home .banner_pic{ left:50px;}
	.footer .social_link li span{ margin-right:5px;}	
}
@media only screen and (max-width: 768px) {
.banner_cont h1		{ max-width:316px;line-height:32px;}
.banner_cont .link_style2		{ margin-top:30px;}
.banner.home .banner_pic{ left:0px;}
.social_info .si_txt01		{ padding:0 8px;}
}
@media only screen and (max-width: 767px) { 
	/* body{ font-size:13px;} */
	p{line-height:20px;margin-bottom:20px;}
	h1{font-size:27px;}
	h2{font-size:25px;}
	h3{font-size:20px;}
	h4{font-size:17px;}
	h5{font-size:15px;}
	.wrapper {max-width:460px;}
	.banner_pic{ position:static;}
	.banner_cont{ padding-left:0px; width:100%; text-align:center;}
	.wrapper.main{ text-align:center;}
	.logo{ width:205px;}
	.main_nav ul{ display:none;}
	.main_nav ul li:first-child{ border-bottom:1px solid #eceaea}
	.main_nav ul li{ float:none; text-align:center; border-left:0px;border-bottom:1px solid #eceaea}
	.nav_icon{ width:27px; height:25px; background:url(../img/menuicon.png) 0 0 no-repeat; display:block; line-height:25px; padding:0; margin:0 auto;}
	.column4,.column6,.column5{ width:auto; float:none;}
	img.fl-lt{ float:none; margin-right:0px;}
	.main ul{ margin-left:0px;}
	.main .list_row li{ text-align:left;}
	.column15{ width:auto; margin-right:0px;}
	.tips_col{ float:none;}
	.main ul li{ text-align:left;}
	.g_language{ margin:0 auto; float:none; padding-top:10px; clear:both;}
	blockquote{ margin:10px;}
	
	.banner_cont .link_style{margin-top:30px;}
	.column25{ width:50%;}
	.download_option .column25:nth-child(2n+1){ clear:left;}
	.banner.home .banner_pic{ left:0px;}
	.column5.listening{ width:auto;}
	.methods_img_info_left{ float:left; width:auto; text-align:center;}
	.methods_list{ float:none; width:auto;}
	.methods_view{ width:auto; float:none;}
	.for_more_information .column5{ width:auto; float:none;}
	.absolute_pitch_left{ margin-right:0px;}
	.methods_list{ margin-bottom:20px;}
	.methods_view_img_info .fl-rt{ float:none;}
	.methods_view{ text-align:center;}
	.methods_view_img span{ right:2px; top:2px;}
	.methods_list ul li a{ padding:12px 20px}
	.spacer{ display:none;}
	ul.normal-list_style.sub{ margin-left:25px;}
	
	.header .social_link li{ margin:1px 0;}
	.logo{ width:100%; text-align:center;}
	.social_link{ float:none; margin:10px auto 0; text-align:center;}
	.copyright{ text-align:center; width:100%;}
	.footer .social_link	{ clear:left; float:left;}
	.si_txt01 a img			{ width:200px; height:auto;}
	.info01 h2		{ margin-top:10px;}
	.txt01			{ padding-left:0;}
	
	.price_sec ul li	{ width:100%; background:none; margin-bottom:20px;}
	.singing_box .sbx_right	{ width:100%;}
	.banner_cont h1{ max-width:600px;}
	.price_table ul li strong{ width:232px;}
	.price_table ul li label{ width:98px;}
	.buy_sec02{ padding-top:20px;}
	.sbx_right span a{ line-height:20px;}
	
	.contact_sec .lft01			{ width:100%;}
	.contact_sec .rgt01			{ width:100%; max-width:410px; margin:0 auto; float:none; clear:left;}
	
	.data_sec .text01	{ width:242px; padding-left:10px;}
	.data_sec .data_size	{ width:100px;}
	.data_sec .img_sec	{ width:100px;}
	.data_sec ul li		{ height:130px;}
	.data_sec h4 a		{ font-size:18px;}
	
	.l_changes_sec ul li	{ text-align:center;}
	.l_changes_sec ul strong{ width:286px; font-size:11px;}
	.l_changes_sec ul span.version{ width:70px; font-size:11px; padding:20px 0;}
	.l_changes_sec ul span.date{ width:90px; font-size:11px; padding:20px 0;}
	.l_changes_sec{ margin-top:14px;}
	.social_info .si_txt01 p{ margin:10px 0 0;}
	.contact_sec .lft01 { border:0; padding-right:0;}
	.l_changes_sec h3	{ padding-left:10px;}
	.l_changes_sec p	{ padding-left:10px;}
	
}

@media only screen and (max-width: 479px) {
	.wrapper {max-width:294px;}
	.logo{ float:none; margin:0 auto 10px;}
	.copyright{ float:none; width:auto; clear:both; text-align:center;}
	
	.column25{ width:auto; float:none;}
	.download_option .column25{ text-align:center;}
	.link_style{ font-size:16px; line-height:22px;}
	.listening{ padding:15px;}
	.our_methods{ padding:15px;}
	.for_more_information .column5{ padding:0 15px;}
	.block_padding{ padding:15px 0;}
	.video_box{ height:300px;}
	.footer .social_link li{ margin:1px 0px;}
	.footer .social_link li img{ width:25px; height:auto;}
	.social_info .si_txt01	{ padding:0 12px;}
	.si_txt01 a img			{ width:128px; height:auto;}
	.social_info p			{ font-size:15px;}
	.singing_box .sbx_left	{ width:100%;}
	.price_table ul li strong{ border-right:0; border-bottom:1px solid #fff; width:92%;}
	.price_table ul li label{ width:48%;}
	.subscribe		{ padding:28px 25px;}
	
	.data_sec .text01	{ width:134px; padding-left:10px;}
	.data_sec .data_size	{ width:64px;}
	.data_sec .img_sec	{ width:80px;}
	.data_sec ul li		{ height:212px;}
	.data_sec h4 a		{ font-size:18px;}
	.data_sec .data_size span{ font-size:13px; padding-top:90px;}
	.data_sec strong		{ font-size:11px; line-height:18px;}
	
	.l_changes_sec ul li	{ text-align:center;}
	.l_changes_sec ul strong{ width:286px; font-size:11px;}
	.l_changes_sec ul span.version{ width:70px; font-size:11px; padding:20px 0;}
	.l_changes_sec ul span.date{ width:90px; font-size:11px; padding:20px 0;}
	.l_changes_sec{ width:100%; overflow-x:scroll;}
	.l_changes_sec ul{ width:480px;}
	.l_changes_sec ul li:first-child span.version, .l_changes_sec ul li:first-child span.date, .l_changes_sec ul li:first-child strong { font-size:15px;}
	
	.bg02 .banner_pic{ overflow:hidden;}
	.bg02 .banner_pic img{ position:relative; right:-40px;}
	.singing_box .sbx_left,
.singing_box	 { padding:12px 0 0;}

}