@media only screen and (max-width:1024px) {
.what-hot-section{ margin-top:-80px;}
}

/************ Main **************/
@media only screen and (min-width: 768px) and (max-width:1024px) {
header .navbar-inner .nav li{ float:left;}
.container{ width:96% !important; margin:0 auto;}
header .navbar-inner .nav li{ margin:0 7px;}
.banner-image img{ max-width:100%; width:100%;}
.banner-right{ width:48% !important; padding-bottom:80px;}
.home-banner p{ padding:0;}

.what-hot-title{ margin-top:30px;}
.what-hot-title img{ width:22%;}

.contact-sec h4{ font-size:19px; margin-bottom:20px;}
.contact-detail-1 p{ width:85%;}
}

/************ Tablet **************/
@media only screen and (min-width: 481px) and (max-width: 767px) {
header .navbar-inner .nav li{ float:left;}
.container{ width:96% !important; margin:0 auto;}
.home-banner{ background-image:none;}
.banner-image img{ max-width:100%; width:100%;}
.home-banner p{ padding:0;}
.banner-right{ padding-bottom:150px;}
.what-hot-listing-main{ margin:-7% 0 0 0;}
ul.what-hot-listing{ margin:70px 0 0 0;}
.product-title{ margin-bottom:20px;}

.contact-sec .span4{ width:100% !important; float:left !important; margin-bottom:25px;}

}

/************ iphone **************/
@media only screen and (min-width: 0px) and (max-width: 480px) {
header .navbar-inner .nav li{ padding: 0 28%;}
.container{ width:92% !important; margin:0 auto;}
.home-banner{ background-image:none;}
.banner-image img{ max-width:100%; width:100%;}
.home-banner p{ padding:0;}
.banner-right{ padding-bottom:130px;}
.footer-detail a{ display:block; line-height:30px;}

.what-hot-listing-main{ margin:-9% 0 0 0;}
ul.what-hot-listing{ margin:50px 0 0 0;}
.product-title{ margin-bottom:20px;}

.contact-sec .span4{ width:100% !important; float:left !important; margin-bottom:25px;}

.privacy-title{ font-size:31px !important; margin-top:13px !important;}
.banner-image{ background-position:-103px 0; }
}
@media only screen and (min-width: 320px) {
.banner-image{ background:url(../images/head_left2.png) center top no-repeat; }
.banner-image .carousel-inner{text-align:center;  float:left; width:auto; margin:53px 0 0 21%   }/*--11-01--change--*/
}
@media only screen and (min-width: 360px) {
.banner-image{ background:url(../images/head_left2.png) center top no-repeat; }
.banner-image .carousel-inner{text-align:center;  float:left; width:auto; margin:53px 0 0 24%   }
}
@media only screen and (min-width: 480px) {
.banner-image{ background:url(../images/head_left.png) center top no-repeat; }
.banner-image .carousel-inner{text-align:center;  float:right; width:auto; margin:53px 19px 0 0px;   }/*--11-01--change--*/
}

@media only screen and (min-width: 600px)and (max-width: 640px) {
.banner-image{ background:url(../images/head_left.png) center top no-repeat; width:560px !important; }
.banner-image .carousel-inner{text-align:center;  float:right; width:auto; margin:53px 85px 0 0px;   }
}

@media only screen and (min-width: 768px)and (max-width: 979px) {
.banner-image{ background:url(../images/head_left2.png) center top no-repeat; }
.banner-image .carousel-inner{text-align:center;  float:right; width:168px; margin:53px 21% 0 0px;   }/*--11-01 --change--*/
.banner-image .carousel-inner img { width:auto;}
}
@media only screen and (min-width: 980px)and (max-width: 1024px) {
	.banner-image{ background:url(../images/head_left.png) -40px top no-repeat; }
.banner-image .carousel-inner{text-align:center;  float:right; width:168px; margin:53px 13px 0 0px;   }
.banner-image .carousel-inner img { width:auto;}
header .navbar-inner .nav li{ margin:0px;}
}
@media only screen and (min-width: 1025px)and (max-width: 2200px) {
.banner-image{ background:url(../images/head_left.png) -5px top no-repeat; }
.banner-image .carousel-inner{text-align:center;  float:right; width:168px; margin:53px 47px 0 0px;   }
.banner-image .carousel-inner img { width:auto;}
}