@media only screen and (min-width: 1024px) {

}

/*==========================================================================================================*/
@media (max-width: 1069px){
	.quick_part .left-img2  img	{width:100%;}
}
@media only screen and (max-width: 1300px) {


	.main_wapper {
		width:100%;
		/*float:left;
		padding:0px 2%;*/
	}
	
	
	/*.top-tab ul li a{
		padding:0px 48px;
	}*/
}

@media screen and (max-width: 1023px) {
	.main_wapper {
		width:100%;
		
	}
	
	.main_cont{
		
	}
	
	/*.left-img{
		display:none;
	}*/
	
	.top-tab ul li a{
		
	}
	
	/*.top-tab ul li{
		width:12.28%;
	}*/
	
	.top-tab ul li a{
		width:100%;
		padding:0px;
	}
	.quote{
		width:80%;
	}
	.intro p{
		width:100%;
	}
} 

@media screen and (max-width: 992px) {
	/*.top-tab ul li{
		width:11.28%;
	}*/
	.inclusions .box-sec-con h3 { font-size:15px; }
	.inclusions .box-sec-con p { font-size:14px; }
}
/*==========================================================================================================*/
@media screen and (max-width: 767px) {
	
	.main_wapper {
		width:100%;
		
	}
	
	.main_cont{
		width:100%;
		/*float:left;
		padding:0px 2%;*/
	}
	
	.left-img{
		display:none;
	}
	
	.top-tab ul li a{
		font-size:0px;
	}
	
	/*.top-tab ul li{
		width:11.28%;
	}*/
	
	.top-tab ul li a{
		width:100%;
		padding:0px;
	}
	
	.quote{
		width:80%;
	}
	.intro{
		text-align:center;
	}
	
	.quick_part .intro h1{ text-align:left; }
	.quick_part .intro p { text-align:left; }

}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media screen and (max-width: 567px) {
	.main_wapper {
		width:100%;
		float:left;
		/*padding:0px 2%;*/
	}
	
	.main_cont{		
		width: 100%;
		
		padding: 0px 15px;
		box-sizing: border-box;
		display: inline-block;
	}
	
	.left-img{
		display:none;
	}
	
	.top-tab ul li a{
		font-size:0px;
	}
	
	/*.top-tab ul li{
		width:12.28%;
	}*/
	
	.top-tab ul li a{
		width:100%;
		padding:0px;
	}
	
	.inclusions .box-sec-con{
		width:66%;
	}
	
	.inclusions .box-sec-con p{
		width:100%;
	}
	.inclusions .facade-sel{
		width:90%;
	}
	
	.left-img2{
		width:100%;
	}
	.quick_part .left-img2{
		padding:0px;
	}
	.left-img2 img{
		max-width: 100%;
	}
	
	.intro{
		text-align:center;
	}
	
	.quote{
		width:100%;
	}
	.quick_part .intro {
		margin-top:0px;
	}
	.quick_part .intro h1{ font-size: 32px; line-height:32px; text-align:left; margin-bottom: 10px;	}
	.quick_part .intro p { font-size:18px; line-height:24px; text-align:left; }
	.quote .btn_sec .back_btn{ display:inline-block; float:none; }
	
	.quote .btn_sec .next_btn{
		display:inline-block;
		float:none;
	}
	.Summary-sec ul li { line-height: normal; min-height: 40px; height:auto;  font-size: 12px; padding-top:10px;}
	.Summary-sec ul li span { width: 40%; }
}


/*newly added*/
@media (max-width: 1279px){
	.region h1		{font-size:30px;     margin-bottom: 18px;}
	.inclusions h1	{font-size:30px;     margin-bottom: 18px;}
	.second_step		{padding-top:30px;}
	.second_step .left-img	{padding-top:20px;}
	
	.third_step .region			{padding-left:15px;}
	
	.forth_step					{padding-top:30px;}
	.forth_step	 .left-img		{padding-top:20px;}
	
	.fifth_step .region			{padding-top:10px;}
	.inclusions					{padding-top:30px;}
	.eighth_step				{padding-top:12px;}
	.eighth_step .left-img		{padding-top:26px;}
	
}
@media (max-width: 1069px){
	.quick_part .left-img2  img	{width:100%;}
	
	
}

@media (max-width: 991px){
	.quick_part .left-img2{
		width:26%;
	}
	.quick_part  .intro{
		width:66%;
		margin-left: 8%;
	}
	.quick_part  .intro h1	{
		font-size:30px;
	}
	.quick_part  .intro p{
		font-size:18px;
		line-height:28px;
	}
	
	.second_step .left-img	{width:36%; float:left;}
	.second_step .region		{width:64%;float:left;}
	.region h1		{font-size:25px;     margin-bottom: 18px;}
	.inclusions h1	{font-size:25px;     margin-bottom: 18px;}
	.second_step		{padding-top:25px;}
	.second_step .left-img	{padding-top:25px;}
	
	.third_step	 .left-img		{width:40%; float:left;}
	.third_step .region		{width:60%;float:left; padding-top:0;}
	.third_step	 .left-img img	{max-width:94%;}
	
	.forth_step	 .left-img		{width:33%; float:left;}
	.forth_step .region		{width:67%;float:left; padding-top:0;}
	.forth_step	 .left-img img	{max-width:90%;}
	
	.fifth_step	 .left-img		{width:35%; float:left;}
	.fifth_step .region		{width:65%;float:left; padding-top:0;}
	.fifth_step	 .left-img img	{max-width:90%;}
	.inclusions .refine .radio_btn input[type=checkbox]:not(old) + label, .refine .radio_btn input[type=radio ]:not(old) + label	{height:auto;}
	.inclusions .refine .radio_btn input[type=radio]:not(old):checked + label > span > span	{height:100%; }
	.inclusions .refine .radio_con	{height:auto;}
	.inclusions .refine .radio_btn input[type=radio ]:not(old) + label > span	{margin-bottom:0;}
	.inclusions .refine .radio_con	{padding-bottom:0;}
	.inclusions .refine .radio_btn input[type=radio ]:not(old) + label > span	{height:auto;}
	.inclusions .box-sec	{display:block; height:110px;}
	.inclusions			{padding-top:25px;}
	
	
	.eighth_step	 .left-img		{width:35%; float:left;}
	.eighth_step .region		{width:65%;float:left; padding-top:0;}
	.eighth_step	 .left-img img	{max-width:96%;}
	
	
	.nineth_step	 .left-img		{width:29%; float:left;}
	.nineth_step .region		{width:68%;float:right; padding-top:0;}
	.nineth_step	 .left-img img	{max-width:100%;}

}

@media (max-width: 767px){
	.quick_part  .intro h1	{
		font-size:28px;
		margin-bottom:10px;
	}
	.quick_part  .intro p{
		font-size:17px;
		line-height:27px;
		
	}
	.cont{
		margin-top:20px;
	}
	.second_step .region	{
		width:100%;
	}
	.top_header .site-header{
		background:#00a9ec;
	}
	.site-title{
		    padding: 3px 0 10px
	}
	.region h1	{text-align:center;}
	.third_step .region	{width:100%;}
	.forth_step .region	{width:100%; padding-left:15px;}
	.fifth_step .region	 {width:100%; padding-left:15px;}
	.inclusions .box-sec	{height:auto;}
	.eighth_step .region		{width:100%; padding-left:15px;}
	
	.nineth_step .region			{width:100%;}
	
	.refine .radio_con				{padding-bottom:0px;}
	.nineth_step .region	p			{width:100%; text-align:center;}
	
	.top-tab ul li:first-child						{    margin-left: -5.5%;}
	.top-tab									{overflow:hidden;}
}

@media (max-width: 599px){
	.quick_part .left-img2{
		width:100%;
	}
	.quick_part  .intro{
		width:100%;
		margin-left:0;
		text-align:center;
		padding-top:20px;
	}
	.quick_part  .intro p{
		text-align:center;
		font-size:15px;
		line-height:22px;
		
	}
	.quick_part  .intro h1{
		text-align:center;
		font-size:23px;
		line-height:26px;
	}
	.quick_part .left-img2  img{
		width:auto;
		display:block;
		margin:0 auto;
		width:85px;
		height:auto;
	}
	.site-content{
		padding-bottom:0;
	}
	.btn_sec .next_btn{
		margin-bottom:0px;
	}
	.main_cont {
		padding:0;
	}
	
	.header_logo{
		width:88px;
	}
	.header_title	{
		    float: left;
			width: calc(100% - 88px);
	}
	.site-title {
    padding: 6px 0 10px;
}
header.site-header .header_title a	{padding:0;}
.top-tab ul li:first-child						{    margin-left: -4.8%;}
}

@media (max-width: 479px){
	.site-title {
    padding: 15px 5px 10px;
}
.top-tab ul li:first-child						{    margin-left: -4.1%;}
}

@media (max-width: 359px){
	.header_title {
        padding: 13px 5px;
}
}


/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {
	/*.quick_part .intro h1{ font-size: 24px; line-height:24px;	}
	.quick_part .intro p { font-size:14px; line-height:16px; }*/
	

}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
.top-tab .sec-step{
	background-position:-130px 47px !important;
}
.top-tab .thar-step{
	background-position:-130px 47px !important;
}

.top-tab .fast-step{
			
} 
/*==========================================================================================================*/
/* Retina css */ 
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	
}