/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1366px) 
  and (orientation: portrait) {
  	.fix-margin-top{
  	    margin-top: 152px;	
  	}
  	.part2{
		padding-bottom: 50px;
	}
	
	.apartment
	{
	float:left;
	display:block;
	width:25%;
	padding:5px;
	}
	
	.matbangthietke
	{
		float:left;
		display:block;
		width:31%;
		margin-right:10px;
	}
	
	.tiendoduan
	{
		float:left;
		display:block;
		width:48%;
		margin-right:10px;
		margin-top:10px;
	}
	
}


/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1366px) 
  and (orientation: landscape) {
  	.fix-margin-top{
  	    margin-top: 152px;	
  	}
  	.part2{
		padding-bottom: 50px;
	}
	
	.apartment
	{
	float:left;
	display:block;
	width:25%;
	padding:5px;
	}
	
	.matbangthietke
	{
		float:left;
		display:block;
		width:31%;
		margin-right:10px;
	}
	
	.tiendoduan
	{
		float:left;
		display:block;
		width:48%;
		margin-right:10px;
		margin-top:10px;
	}
	
	
}

/*ipad ngang*/
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
	.consult h3{
	    font-size: 30px;
	    line-height: 45px;
	}
	.title-hotline h2{
	    font-size: 48px;	
	}
	
	.apartment
	{
	float:left;
	display:block;
	width:100%;
	padding:5px;
	margin-bottom:30px;
	}
	
	.matbangthietke
	{
		float:left;
		display:block;
		width:31%;
		margin-right:10px;
	}
	
	.tiendoduan
	{
		float:left;
		display:block;
		width:48%;
		margin-right:10px;
		margin-top:10px;
	}
	
}

/*ipad doc*/
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	.content-banner>h1>a{
		font-size: 120px;
	}
	.content-banner>h2{
		font-size: 55px;
		line-height: 80px;
	}
	.quick-call{
		padding: 6px 55px;	
	}
	.part2{
		padding-top: 50px;
/*		padding-bottom: 50px;*/
	}
	.part2 .title-hotline{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.fix-step2{
		margin-top: 0px;
	}
	.fix-step3{
	    margin-top: 48px;
	}
	.fix-step4{
	    margin-top: 52px;
	}
	.four-step{
	    padding: 0px 0px;	
	    min-height: 460px;
	}
	.fix-step1{
		padding-top: 34px;
	}
	.part3{
	    padding-top: 65px;	
	    padding-bottom: 40px;
	}
	.title-hotline{
	    margin-bottom: 30px;	
	    margin-top: 0px;
	}
	.title-hotline h2{
	    font-size: 45px;
	    line-height: 60px;
	}
	.title-hotline h3{
		font-size: 36px;
	}
	.consult{
	    min-height: 385px;	
	}
	.consult h3{
	    margin: 26px 0px;
	    font-size: 24px;
	    line-height: 40px;    	
	}
	.consult p{
	    font-size: 22px;	
	}
	.girl-hotline img{
	    width: 100%;
	}
	.phone-hotline{
	    padding-top: 95px; 	
	}
	.phone-hotline h1{
		font-size: 75px;
	}
	.phone-hotline h2{
		font-size: 35px;
	    margin-bottom: 30px;		
	}
	.benefit img{
		width: 50%;
	}
	.fix-benefit1{
		margin-top: 42px;
	}
	.fix-benefit3{
		margin-top: 9px;
	}
	.hot-line{
	    padding-top: 75px;
    	padding-bottom: 80px;	
	}
	.hot-line img{
		width: 50%;
	}
	.hot-line h1 a{
	    font-size: 100px;	
	}
	.hot-line h2{
	    font-size: 40px;	
	}
	.hot-line a img{
		width: 6%; 
	}
		
	.apartment
	{
	float:left;
	display:block;
	width:100%;
	padding:5px;
	margin-bottom:30px;
	}
	
	.matbangthietke
	{
		float:left;
		display:block;
		width:31%;
		margin-right:10px;
	}
	
	.tiendoduan
	{
		float:left;
		width:48%;
		display:block;
		margin-right:10px; 
		margin-top:10px;
	}
	
}
/*iphone 6 doc*/
@media only screen 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : portrait) {
	.hot-line>img{
		width: 100%;
	}
	.hot-line h1 a {
	    font-size: 80px;
	}
	.hot-line h2 {
	    font-size: 30px;
	}
	.hot-line>a {
	    padding-left: 60px;
	    padding-right: 60px;
	}
	.girl-hotline img{
		width: 100%;
	}
	.benefit img{
		width: 100%;
	}
	.header {
	    position: fixed;
	    width: 100% !important;
	    z-index: 999;
	    bottom: 0;
	    display: block;
	    margin-left: -15px;
	}
	.part2{
		padding-top: 0px;
	}
	.content-banner>h1>a {
	    font-size: 75px;
	}
	.content-banner>h2 {
	    font-size: 38px;
	    line-height: 52px;
	}
	.content-banner>a{
	    font-size: 35px;
	}
	.content-banner>img {
	    width: 60%;
	}
	.content-banner>a>img{
		width: 10% !important;
	}
	.quick-call{
	    padding: 6px 55px;
	}
	/*6+*/
	.four-step img{
		width: 20% !important;
		float: left;
	}
	/*6+*/
	.fix-step1 h2{
		float: left !important;
		padding-left: 30px !important;
	    padding-top: 5px !important;
	}
		/*6+*/
	.fix-step1 a{
	    margin-right: 50px !important;
	}
	.four-step {
	    padding: 50px 0px;
	}
	.four-step h2{
		font-size: 36px;
		padding-left: 90px !important;
	}
	.four-step p {
	    margin-left: 90px !important;
	}
	.four-step a{
		font-size: 36px;
	}
	.fix-step1 h2{
		float: left;
		margin-left: -59px;
	}
	.fix-step1 a {
	    margin-right: 15px !important;
	}
	.fix-step3{
		margin-top: 0px;
	}
	.fix-step4{
		margin-top: 0px;
	}
	.title-hotline h2 {
	    font-size: 30px !important;
	}
	.title-hotline h3 {
	    font-size: 24px;
	}
	.title-hotline {
	    margin-bottom: 40px;
	}
	.consult {
	    min-height: 320px;
	}
	.consult {
	    min-height: 80px !important;
	}
	.consult h3 {
	    font-size: 20px !important;
	    margin: 15px 0px;
	    text-align: left;
	    padding-left: 80px !important;
	    line-height: 28px !important;   
	}
	.consult p {
	    font-size: 16px !important;
	    padding-left: 80px !important;
    	text-align: left;
	}
	.consult .number{
	    width: 60px !important;
	    height: 60px !important;
	    border-radius: 50px !important;
	    line-height: 70px !important;
	    font-size: 35px !important;
	    float: left !important;
	}
	.phone-hotline {
	    padding-top: 25px;
	    padding-bottom: 25px;
	}
	.phone-hotline h1 {
	    font-size: 70px;
	}
	.benefit img {
	    width: 65%;
	}
	.benefit h2 {
	    font-size: 45px;
	    margin-top: 30px;
	    margin-bottom: 10px;
	}
	.benefit h3 {
	    font-size: 30px;
	}
	.fix-margin-top {
	     margin-top: 45px; 
	}
	.quick-call {
	    font-size: 40px;
	}
	.hot-line>a>img{
		width: 13%;
	}
	.hot-line {
	    padding-top: 75px;
	    padding-bottom: 30px;
	}
	.phone-hotline>a>img{
		width: 13%;
	}
	.copyright h3 {
	    font-size: 19px !important;
	    padding-top: 8px;
	    line-height: 1.5;
	}
	
	
	.apartment
	{
	float:left;
	display:block;
	width:100%;
	padding:5px;
	margin-bottom:30px;
	}
	
	.bottom-address
	{
		width:100%;
	}
	.bottom-form
	{
		width:100%;
	}
	
	.logo-img
	{
		width:70%;
		margin-left:-40px;
	}
	
	.logo-img img
	{
		width:70%;
	}
	
	.matbangthietke
	{
		float:left;
		width:100%;
		display:block;
		margin-top:20px;
	}
	
	.tiendoduan
	{
		float:left;
		width:100%;
		display:block;
		margin-top:15px;
	}
	
}
/*iphone 6 plus doc*/
@media only screen 
    and (min-width : 414px) 
    and (max-width : 736px)
    and (device-width : 414px)
    and (device-height : 736px)
    and (orientation : portrait){ 
    .content-banner {
	    padding: 40px 0px;
	}
    .content-banner>h1>a {
	    font-size: 70px;
	}	
	.content-banner>img {
	    width: 60%;
	}
	.header{
		position: fixed;
	    bottom: 0;
	    z-index: 9999;
	    width: 100% !important;
	    cursor: pointer;
	    display: block;
	    margin-left: -16px;    
	}
	.girl-hotline img{
		width: 100%;
	}
	.phone-hotline {
	    padding-top: 50px;
    	padding-bottom: 40px;
	}
	.phone-hotline h1 {
	    font-size: 85px;
	}
	.phone-hotline>a>img {
	    width: 10% !important;
	}
	.hot-line{
		padding-bottom: 75px;	
	}
	.hot-line>img{
		width: 100%;
	}
	.hot-line>h1>a{
		font-size: 80px;
	}
	.hot-line h2 {
	    font-size: 35px;
	}
	.hot-line>a{
		padding-left: 69px;
    	padding-right: 69px;
	}
	.hot-line>a>img{
		width: 10% !important;
	}
	.copyright h3{
		font-size: 18px;
	}
	.content-banner>h2{
		font-size: 50px;
	}
	.content-banner>a>img{
		width: 10% !important;
	}
	.quick-call{
		font-size: 40px;
	}
	/*6+*/
	.four-step img{
		width: 20% !important;
		float: left;
	}
	/*6+*/
	.fix-step1 h2{
		float: left !important;
		padding-left: 23px !important;
	    padding-top: 5px !important;
	    margin-left: 0px;
	}
		/*6+*/
	.fix-step1 a{
	    margin-right: 50px !important;
	}
	.four-step{
		padding: 25px 0px;
	}
	.four-step h2 {
	    font-size: 36px;
	}
	.four-step a {
	    font-size: 36px;
	}
	.title-hotline h2 {
	    font-size: 34px !important;
	}
	.title-hotline h3 {
	    font-size: 22px;
	    line-height: 45px;
	}
	.title-hotline {
	    margin-bottom: 40px;
	}
	.consult {
	    min-height: 85px !important;
	}
	.consult h3 {
	    font-size: 22px !important;
	    margin: 15px 0px;
	    text-align: left;
	    padding-left: 80px !important;  
	}
	.consult p {
	    font-size: 18px !important;
	    padding-left: 80px !important;
    	text-align: left;
	}
	.consult .number{
	    width: 60px !important;
	    height: 60px !important;
	    border-radius: 50px !important;
	    line-height: 70px !important;
	    font-size: 35px !important;
	    float: left !important;
	}
	.phone-hotline>a>img{
		width: 10%;
	}
	.benefit img{
		width: 65%;
	}
	.benefit h2 {
	    font-size: 50px;
	    margin-top: 40px;
	    margin-bottom: 10px;
	}
	.benefit h3 {
	    font-size: 30px;
	}
	.fix-margin-top {
	    margin-top: 65px;
	}
	.copyright h3 {
	    font-size: 20px !important;
	    padding-top: 8px !important;
	    line-height: 1.5;
	}
	
	.apartment
	{
	float:left;
	display:block;
	width:100%;
	padding:5px;
	margin-bottom:30px;
	}
	
	.bottom-address
	{
		width:100%;
	}
	.bottom-form
	{
		width:100%;
	}
	
	.logo-img
	{
		width:70%;
		margin-left:-40px;
	}
	
	.logo-img img
	{
		width:70%;
	}
	
	.matbangthietke
	{
		float:left;
		width:100%;
		display:block;
		margin-top:20px;
	}
	
	.tiendoduan
	{
		float:left;
		width:100%;
		display:block;
		margin-top:15px;
	}
	
}

/*iphone 5 vs 5s doc*/
@media only screen 
and (min-width : 320px) 
and (max-width : 568px) 
and (orientation : portrait) {

	.header {
	    position: fixed;
	    width: 100%;
	    bottom: -2px;
	    z-index: 999;
	    display: block;
	    margin-left: -15px;
	    line-height: 2;	    
	}
	.header:hover{  
		background: #953c3c;
	}
	.header>span {
	    font-size: 30px;
	}
	.header img{
		width: 12%;
	    padding-bottom: 11px;		
	}
	.part2{
		padding-top: 0px;
		padding-bottom: 20px;	
	}
	.part2 .title-hotline{
	    margin-top: 40px;	
	}
	.content-banner>h1>a {
	    font-size: 65px;
	}
	.content-banner>h2 {
	    font-size: 32px;
	    line-height: 45px;
	}
	.content-banner>a>img{
		width: 13%;
	}
	.content-banner>img {
	    width: 60%;
	}
	.quick-call {
	    padding: 6px 45px;
	    font-size: 38px;
	}
	.content-banner .quick-call{
		padding: 2px 45px;
    	font-size: 38px;
	}
	.four-step {
	    padding: 20px 25px;
	}
	.four-step img{
		width: 22%;
		float: left;
	}
	.four-step h2 {
	    font-size: 20px;
	    text-align: left;
	    padding-left: 72px;
	}
	.four-step a {
	    font-size: 22px;
	}
	.four-step p {
	    font-size: 18px;
	    width: 26%;
	    border-radius: 25px;
	    padding-top: 6px;
	    height: 32px;
	    margin: 0px 0px;
	    margin-left: 72px;
	    margin-bottom: 10px;
	}
	.fix-step1 h2{
		float: left;
	    padding-left: 18px;
	    padding-top: 5px;
	}
	.fix-step1 a{
	    margin-right: -40px;	
	}
	.fix-step2 {
	     margin-top: 0px; 
	}
	.fix-step3 {
	     margin-top: 0px; 
	}
	.fix-step4 {
	     margin-top: 0px; 
	}
	.title-hotline h2 {
	    font-size: 26px;
	    line-height: 38px;    
	}
	.title-hotline h3 {
	    font-size: 22px;
	}
	.title-hotline {
	    margin-bottom: 20px;
	}
	.part3 {
	    padding: 30px 0px;
	}
	.consult {
	    min-height: 75px;
    	margin-bottom: 0px;
	}
	.consult h3 {
	    line-height: 22px;
	    margin-bottom: 0px;
	    font-size: 17px;
	    text-align: left;
	    padding-left: 75px;
	}
	.consult p {
	    font-size: 16px;
	    padding-left: 74px;
    	text-align: left;
	}
	.consult .number {
	  	width: 55px;
	    height: 55px;
	    border-radius: 45px;
	    line-height: 63px;
	    font-size: 30px;
	    float: left;
	}
	.girl-hotline img{
		width: 100%;
	}
	.benefit{
		margin-top: 20px;
	}
	.benefit>img{
		width: 35%;
	}
	.hot-line {
	    padding-top: 55px;
	    padding-bottom: 30px;
	}
	.hot-line>img{
		width: 60%;
	}
	.hot-line h1 a {
	    font-size: 70px;
	}
	.hot-line h2 {
	    font-size: 25px;
	}
	.hot-line>a {
	    padding-left: 40px;
	    padding-right: 40px;
	}
	.hot-line>a>img {
	    width: 13%;
	}
	.phone-hotline h1 {
	    font-size: 65px;
	}
	.phone-hotline {
	    padding-top: 30px;
	    padding-bottom: 30px;
	    text-align: center;
	}
	.phone-hotline h2 {
	    font-size: 34px;
	    margin-bottom: 30px;
	}
	.phone-hotline>a>img{
		width: 13%;
	}
	.benefit h2 {
	    font-size: 40px;
	    margin-top: 26px;
	    margin-bottom: 10px;
	}
	.benefit h3 {
	    font-size: 26px;
	}
	.fix-margin-top {
	    margin-top: 50px;
	}
	.part5 {
	    padding-bottom: 80px;
	}
	.copyright h3 {
	    font-size: 16px;
	    padding-top: 7px; 
	    line-height: 1.5;
	}
	.copyright>img {
	    width: 40%;
	}
	.copyright {
	    margin-bottom: 68px;	
	}
	
	.apartment
	{
	float:left;
	display:block;
	width:100%;
	padding:5px;
	margin-bottom:30px;
	}
	
	.bottom-address
	{
		width:100%;
	}
	.bottom-form
	{
		width:100%;
	}
	
	.logo-img
	{
		width:70%;
		margin-left:-40px;
	}
	
	.logo-img img
	{
		width:70%;
	}
	
	.matbangthietke
	{
		float:left;
		width:100%;
		display:block;
		margin-top:20px;
	}
	
	.tiendoduan
	{
		float:left;
		width:100%;
		display:block;
		margin-top:15px;
	}
	
}