﻿/* reponsive */
@media (max-width: 1200px) {
.wrapper{
	overflow:hidden;
}
.body-website{
	width:auto;
}	
.logo{
	display:none;
}
.top-header{
	display:none;
}
.logo-mobile{
	margin:auto;
	display:block;
}	
.logo-mobile img{
	display:block;
	height:42px;
	margin:auto;
}	
.right-header {
    float: none;
    width: auto;
}
.header {
    height: 40px;
    border-bottom: 2px #0069c5 solid;
}
.list-main-menu {
    float: none;
    text-align: left;
    position:absolute;
    top:41px;
    left:0px;
    width:100%;
    background: #fff;
    display:none;
	z-index:101;
}
.list-main-menu li{
    float: none;
	border-bottom:1px #ddd solid;
}
.list-main-menu li a {
    display: block;
    line-height: 36px;
    padding: 0px 15px 0px;
    font-size: 14px;
    text-transform: uppercase;
    color: #2f2f2f;
	text-align:right;
	padding-right:20px;
    font-weight: bold;
    font-family: svn-azo_sansbold;
}
.list-main-menu li a:hover, .list-main-menu li a.selected {
    color: #fff!important;
	background: #005aab;
}
.box-menu-sanpham{
	display:none!important;
}
.icon-search {
    /*border-left: 1px #d3d3d3 solid;
    border-right: 1px #d3d3d3 solid;*/
    display: block;
    margin: 0px 0px 0px 10px;
    /*padding:5px 0px;*/
    padding:0px 0px;
    float: right;
    cursor: pointer;
	height:40px;
}
.icon-search img{
	display:block;
	height:40px;
}
.list-language {
    float: right;
    margin: 0px 10px 0px 10px;
    width: 17px;
}
#menu-mobile{
	width:60px;
	height:40px;
	display:block;
	float:right;
	background-image:url('../images/mobile-menu.png');
	background-size:40px 40px;
	background-repeat:no-repeat;
	background-position:10px 0px;
	/*border-left:1px #e6e6e6 solid;*/
	cursor:pointer;
}
.container {
    padding-top:1px;
}
.body-wrapper{
	width:auto;
}
.feature {
    margin-bottom:15px;
}
.item-home01 {
    width:46%;
	margin-left:2.5%;
}
.item-home02{
	margin-right:2.5%;
}
.group-home01 {
    padding-bottom: 0px;
}
.summary-item-home01{
	display:none;
}
.item-lydo {
    width:auto;
	margin:0px 10px 10px 10px;
	float:none;
}
.img-lydo {
    width: 20%;
	margin-right:2%;
}
.content-lydo{
	width:78%;
}
.content-lydo h4 {
    margin: 0px 0px 10px;
}
.box-slide {
    height: 190px;
}
.list-news-home li {
    width:46%;
    margin-left:2.5%;
    margin-bottom:20px;
}
.title-news-home {
	height:40px;
	overflow:hidden;
}
.left-group-home05{
    width:94%;
	margin:auto;
	float:none;
}
.right-group-home05 {
	display:none;
}
.title04 {
    margin: 20px 0px 15px;
}
.top-footer {
    padding: 20px 0px 0px;
}
.item-footer {
    padding-left:0px;
    width:46%;
	margin-left:2.5%;
    margin-bottom: 25px;
    background:none;
}
.left-bottom-footer {
    width: 94%;
    float: none;
    margin:0px auto 10px;
}
.right-bottom-footer {
    width: 94%;
    float: none;
    margin:auto;
}
.title02 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    line-height:30px;
    margin-bottom: 20px;
}
.group-home02 {
    padding: 15px 0px 0px;
    margin-bottom: 15px;
    background: #fff;
}
.title01 {
    color: #006bcc;
    font-size:18px;
    margin-bottom: 10px;
    line-height: 26px;
}
.sub-group-home02 {
    margin-bottom: 30px;
	padding:10px 0px 10px 0px;
}
.group-home03 {
    margin-bottom: 50px;
}
.title03 {
    color: #fff;
    font-size: 18px;
    margin: 20px 0px 20px;
    line-height:26px;
}
.link-banner,.note-banner01,.note-banner02{
	display:none;
}
.group-home04 {
    margin-bottom:30px;
}
.group-home05 {
    margin-bottom: 20px;
	display:none;
}
.group-contact {
    background:none;
    padding:0px 0px;
}
.content-introduction {
    width: auto;
    margin: 0px 10px;
}
.list-baogia li{
	float:left;
	width:46%;
	margin:0px 2% 10px 2%;
}
.icon-home{
	display:none;
}

.introduction{
    width:auto;
    padding: 0px 10px;
	margin-bottom:20px;
	background:none;
}
.introduction-text{
    width:auto;
    padding: 0px 0px 0px 0px;
}
.introduction-image{
    width:auto;
    padding: 0px;
	float:none;
}
.introduction-image img,.introduction-image iframe{
    width: 100%!important;
	height: 300px!important;
}
.introduction-title
{
     margin: 0px 0px 5px 0px;
}
.introduction-title h2{
    font-size: 18px;
}
.gioi-thieu-summary{
    padding: 0px 0px 0px 0px;
    text-align: justify;
    font-size: 14px;
}
.gioi-thieu-summary p{
    font-size: 14px;
}

.listvideo li {
    float: none;
    margin: 0px auto 15px;
    width: 300px;
    position: relative;
}
.listvideo li.marginleft0 {
    margin: 0px auto 15px;
}
.list-products-in-cat{
	text-align:center;
}
.list-products-in-cat li {
    width:44%;
    margin: 0px 2% 30px 2%;
    float:none;
	display:inline-block;
}

.overlay-left,.overlay-right {
	display:none;
}

.library-x {
    margin: 0px 1px 0px 0px;
}
.name-library-x {
    line-height: 40px;
    height: 40px;
}
.footer {
	background-image:none;
}
.bottom-footer {
    padding: 0px 10px 0px 10px;
    width:auto;
	height:auto;
}
.left-footer {
    width: auto;
    float: none;
}
.logo-footer{
	display:block;
	margin:0px auto 10px;
	max-width:200px;
}
.right-left-footer {
    float:none;
    width:auto;
}
.right-footer {
    width: auto;
    float: none;
    text-align:center;
}
.social-title {
    float: none;
    text-align:center;
}
.socials ul {
    float: none;
    margin: 0 auto;
    width: auto;
}
.bg-cat{
	display:none;
}

.sub-cat {
    position:inherit;
    top: 0px;
    left: 0px;
    width: auto;
    padding: 30px 20px;
	margin:0px 3% 20px 3%;
    background: url(../images/bg-cat.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.list-products-home {
    padding: 0px 0px 0px 0px;
    border:none;
}
.news-item {
    width: 94%;
    margin: 0px 3% 20px 3%;
    float: none;
}
.box-company-member a {
    display: block;
    float: none;
    margin: 0px auto 0px;
    text-align: center;
    width: 94%;
    border:none;
    margin-bottom: 10px;
}
.box-company-member a img{
    display: block;
    width:100%;
}
.title03 span {
    font-size:18px;
	padding-bottom:10px;
}
.title03 {
    margin: 0px 0px 10px;
}
.title06 span {
    font-size:18px;
	padding-bottom:10px;
}
.title06 {
    margin: 0px 0px 20px;
}
.title07 span {
    font-size:20px;
	padding-bottom:0px;
}
.title07 {
    margin: 0px 0px 10px;
}
.group-home04 {
    padding: 30px 0px 30px 0px;
    margin-bottom: 40px;
}
.sumary-lydo {
    min-height: 20px;
}
.list-lydo {
    padding-top: 30px;
}
.group-product {
    padding: 40px 0px 40px 0px;
    margin-bottom:30px;
}
.title-module {
      position: absolute;
    z-index: 1;
    bottom: 20px;
    left: 0;
    background: rgba(255,255,255,0.75);
    width: auto;
    float: left;
    padding: 10px 10px 10px 10px;
	margin:0px 10px 0px 10px;
}

.head-module img {
    margin-bottom:0px;
}
.head-module {
    width:auto;
    margin-bottom: 30px;
}
.name-title {
    font-size:18px;
    text-transform: uppercase;
    color: #fff;
    line-height: 50px;
    margin-bottom:5px;
	padding-left:0px;
}
.title-module h3 {
    padding-top:5px;
}
.root-title {
    width: auto;
    height: auto;
    line-height: 30px;
}
.body-dieuhuong {
    padding: 0px 0% 0px 0px;
}
.primary {
    width: auto;
    float: none;
    margin:0px 10px 10px 10px;
}
.sidebar {
    width: auto;
    float: none;
    margin-bottom: 0px;
	padding:0px 10px;
}
.list-products-cat li {
    width: 100%;
    float: none;
    margin: 0px 0px 20px 0px;
    position: relative;
    padding-bottom:0px;
}
.attr-product-cat {
    position:relative;
    bottom: 0px;
    left: 0px;
    width: auto;
    padding: 15px 20px 15px 20px;
    z-index: 4;
    background: #fff;
}
.box-content-product .list-products-cat li {
     margin: 0px 0px 20px 0px;
    width: auto;
}
.box-content-product .list-products-cat li .attr-product-cat {
    background:#f8f8f8;
	padding:10px 10px 10px 10px;
}
.col02-footer ul,.col03-footer ul {
	margin-left:42px;
}
.title-post {
    font-size:18px;
    line-height: 20px;
    padding:0px 0px 15px 10px;
}
.content-news {
    padding:10px;
}

.ui-widget-content iframe{
	width:100%!important;
	height:auto!important;
}
.ui-dialog-content{
	min-height:auto!important;
}
.left-left-footer {
    float: none;
    width: 200px;
    margin-right:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.right-footer ul li {
	width:50%;
	float:left;
	text-align:left;
}
.info-footer {
	text-align:justify;
}
.info-footer {
	border-bottom:1px #f3f3f3 dashed;
	padding-bottom:8px;
}
.introduction-detail {
    margin: 10px 10px;
    overflow: hidden;
}
.library{
    width: 300px;
	height:180px;
	margin: 10px auto 20px;
    float: none;
}
.name-library {
    font-size: 14px;
    width: 300px;
}
.box-product{
    width: auto;
	margin:0px 10px 0px 10px;
}
.list-product01,.list-product03{
    width: auto;
    float: none;
    margin-right:0px;
    list-style: none;
}
.attr-product-list {
    height: 85%;
    width: 44%;
    background: rgba(255,255,255,0.85);
    padding: 3% 3% 3% 3%;
    position: absolute;
    z-index: 3;
    left:2%;
    top: 2%;
}
.title-products-home {
	margin-top:20px;
    margin-bottom: 10px;
}
.footer-item a{
    color: #333;
}
.price-new {
    font-size: 14px;
    background:none;
    line-height: 36px;
}
.list-product02 {
    width: auto;
    float: none;
    margin-right:0px;
}
.col01-footer,.col02-footer,.col03-footer {
    width: auto;
    float: none;
    margin:0px 10px 10px 10px;
}
.bottom-header {
    bottom:0px;
	position:relative;
	padding:4px 2px 4px 2px;
    background:#006bcc url(../images/bg-menu-header.png) repeat-x;
}
.note-daily2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.icon-trangtri01 {
    display: none;
}
.note-daily-footer {
    line-height: 30px;
    padding: 10px 20px 10px 20px;
    float: none;
    font-size: 14px;
    width: auto;
}

}






@media (max-width: 559px) {
.item-home01,.item-home02 {
	margin-left: 2.3%;
}
.title-item-home01 {
    font-size: 15px;
	line-height:20px;
	text-transform:capitalize;
}
.ui-widget-content iframe{
	width:100%!important;
	height:auto!important;
}

.img-item-home01 {
    margin-bottom: 6px;
}
	
.viewsdetail-item-home01 {
    width: 146px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}
.input-search-maps {
    width: 94%;
    margin:0px auto 18px;
}	
.button-search-maps {
    width: 94%;
    margin-bottom:0px auto 18px;
    margin:0px auto 18px;
    font-size:16px;
    background:url("../images/bg-button-search-daily.png") ;
}
.item-footer {
	width: 47%;
	margin-bottom: 10px;
}
.list-footer01 li a {
    font-size: 15px;
    padding: 0px 6px 0px 6px;
}
.list-footer01 li:first-child a {
    padding: 0px 6px 0px 0px;
}
.list-footer02 li {
    width:30%;
    margin-bottom:15px;
    border:none;
}
.list-footer02 li a .text-link02 {
    display: none;
}
.list-footer02 li:first-child {

}
.list-footer02 li a.item01-list-footer02 {
	background-size:20px 20px;
}
.list-footer02 li a.item02-list-footer02 {
    background-size:20px 20px;
}
.list-footer02 li a.item03-list-footer02 {
    background-size:20px 20px;
}
.list-footer02 li a {
    height: 20px;
    padding: 0px 0px 0px 25px;
}
.list-footer02 li a .text-link01 {
    line-height: 20px;
}
.link-austdoor-group {
    line-height: 16px;
    color: #3590ff;
    font-size: 14px;
    background: url(../images/austdoor-group-icon.png) no-repeat 0px 0px;
}


.title05 {
    margin-bottom:0px;
    font-size: 12px;
}
.item-footer li a {
    font-size: 12px;
}
.box-header-module {
    padding: 10px 0px 0px 0px;
}
.content-module {
    margin-bottom: 0px;
}
.box-content .item-products-home {
    width: 45.5%;
    margin-left:3%;
    margin-bottom: 20px;
}


/*ly do chon bach khoa*/
.item-group-box02{
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.item-group-box02 img{
    display:block;
    margin: 0 auto;
}
.item-group-box02 h3{
    margin: 20px 0px 15px 0px;
    text-align: center;
    font-size: 14px;
    color: #005aab;
}
.item-group-box02 p{
    font-size: 12px;
    text-align: center;
    color: #333;
}




/*update*/


.header-cat-home a,.header-cat-home span{
    font-size: 18px;
}
.viewsdetail-intro {
    width: 120px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    background: #006bcc;
    margin: 0px auto 15px;
	padding-right:0px;
}

.title-products-home{
    font-size: 14px;
}
.bx-controls-direction{
    display: none;
}
.title03{
    font-size: 16px;
}
.body-wrapper > h4{
    font-size: 14px;
}


.hotline-fix-footer {
    display: none;
}
.right-bottom-footer{
/*    display: none;*/
}
.left-bottom-footer{
    margin-bottom: 250px;
}
/* san pham*/
.box-content .item-products-home{
    width: 46%;
    margin: 0px 2% 10px;
}
.img-products-home {

    margin-bottom: 0px;
}

/*tin tuc*/
.content-news ul li .img-post img {
    width: 100%;
}
.info-post {
    width: 100%;
    margin-top: 20px;
}

.title-news{
    display: none;
}
.content-info-post{
    text-align: justify;
}
.content-news-cat{
    text-align: justify;
}
.head-module img {
	width:250%;
	margin-left:-50%;
}

.author{
    display: none;
}
.right-bottom-footer{
    margin-bottom: 20px;
}
.content-footer p{
    font-size: 14px;
    text-align: justify;
} 
.content-footer ul li{
    font-size: 13px;
}


/*bao hanh*/
.box-list-warranty{
    padding-left: 15px;
}
.warranty-item .image-warranty img{
    width: 96%;
    height: 300px;
    margin: 0px 2%
}
.image-warranty{
}
.warranty-item{
    width: 96%;
    float: left;
    margin: 0px 2% 50px 0px;
}
.content-warranty-item{
    background: #005aab;
    height: 50px;
    width: 96%;
    text-align: center;
    opacity: 0.8;
    margin: 0 2%;
}
.content-warranty-item .title-warranty{
    color: #fff;
    line-height: 50px;
}


}













@media (max-width: 400px) {

.title02{
    color: #005aab;
    font-weight: bold;
    font-size: 18px;
    /*margin-bottom: 40px;*/
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.item-group-box02{
    float: left;
    width: 98%;
    /*margin: 10px 0px;*/
}
.item-group-box02 img{
    display:block;
    margin: 0 auto;
}
.item-group-box02 h3{
    margin: 20px 0px 15px 0px;
    text-align: center;
    font-size: 14px;
    color: #005aab;
}
.item-group-box02 p{
    font-size: 14px;
    text-align: center;
    color: #333;
}

/* introduce*/
.introduction-title h2{
    font-size: 18px;
}
.gioi-thieu-summary p{
    font-size: 14px;
}
.header-cat-home a,.header-cat-home span{
    font-size: 18px;
}

.title-products-home{
    font-size: 14px;
}
.bx-controls-direction{
    display: none;
}
.title03{
    font-size: 16px;
}
.body-wrapper > h4{
    font-size: 14px;
}


.hotline-fix-footer {
    display: none;
}
.right-bottom-footer{
/*    display: none;*/
}
.left-bottom-footer{
    margin-bottom: 250px;
}
/* san pham*/
.box-content .item-products-home{
    width: 46%;
    margin: 0px 2% 10px;
}

/*tin tuc*/
.content-news ul li .img-post img {
    width: 100%;
}
.info-post {
    width: 100%;
    margin-top: 20px;
}

.title-news{
    display: none;
}
.content-info-post{
    text-align: justify;
}
.content-news-cat{
    text-align: justify;
}
.author{
    display: none;
}
.right-bottom-footer{
    margin-bottom: 20px;
}
.content-footer p{
    font-size: 14px;
    text-align: justify;
} 
.content-footer ul li{
    font-size: 13px;
}
.maps-where-buy iframe{
    width: 100%;
    height: 350px;
}

/*bao hanh*/
.box-list-warranty{
    padding-left: 15px;
}
.warranty-item .image-warranty img{
    width: 96%;
    height: 200px;
    margin: 0px 2%
}
.image-warranty{
}
.warranty-item{
    width: 96%;
    float: left;
    margin: 0px 2% 50px 0px;
}
.content-warranty-item{
    background: #005aab;
    height: 50px;
    width: 96%;
    text-align: center;
    opacity: 0.8;
    margin: 0 2%;
}
.content-warranty-item .title-warranty{
    color: #fff;
    line-height: 50px;
}

}



























