@charset"utf-8";

/* ==========================================================================
   Responsive CSS
   ========================================================================== */

/* #Tablet (Landscape) 1024px */


/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 960px) and (max-width: 1240px) {

/*********************home*****************/	
   	.title-product{
   		margin-left: 90px;
   	}
   	.sub-menu-product{
   		max-width: 1000px;
   	}
   	.info-footer-content{
   		background-size: cover;
   	}
   	.info-footer-top{
   		margin-top: 40px;
   	}
   	.swiper-container-horizontal>.swiper-pagination{
   		left: -225px;
   	}
   	.list-promotion div.promotion-slider{
   		width: 960px;
   	}
   	.image .border-image:before{
   		left: 265px;
   	}
   	.info-news:after{
   		left: -49px;
   	}
   	.title-list-product{
   		margin-left: -46px;
   	}
   	.btn-slide:before{
   		border-top: none;
   	}
      .img-pro-museum{
         margin-top: -281px;
      }
      .wrap-news-detail .wrap-title h3{
         font-size: 28px;
      }
      #list-promo-img{
         max-height: 220px;
      }
      #list-promo .wrap-list-img{
         max-height: 250px;
      }
      .certify{
         width: 88%;
      }
      /*.slippry_box.thumbnails{
         max-height: 343px;
      }*/
      .info-footer-bot .pull-right{
         right: 15%;
      }
      .image-product-detail .slippry_box.thumbnails{
         height: 400px;
      }
      #thumbnails-pro li.sy-slide a img{
        height: auto;
      }
      .form-send-mail .form-group:nth-child(2){
        padding-left: 15px;
        padding-right: 15px;
      }
}
/* #Tablet (Portrait) 768px */

/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
/*********************home*****************/
  /* .slippry_box.thumbnails{
      max-height: 458px;
   }*/
   .info-footer-bot .pull-right{
      right: 0px;
   }
	.main-menu-nav{
		display: none;
	}
	.logo{
		width: 40%;
		float: left;
	}
	.logo img{
		max-width: 100%;
	}
	/*.title-product{
		margin-left: 50px;
	}*/
	.list-promotion div.promotion-slider{
		width: 725px !important;
	}
	#ninja-slider{
		width: 550px;
	}
	.info-footer-content{
		background-size: cover;
	}
	.info-footer-top .col-xs-6{
		width: 34%;
	}
	.info-footer-top{
		margin-top: 40px;
	}
	.info-footer-bot .col-xs-6{
   	/*width: 100%;*/
   	margin-bottom: 20px;
	}
	.swiper-container-horizontal>.swiper-pagination{
		left: -165px;
	}
	#thumbnail-slider{
		height: 220px;
	}
	.info-footer-bot{
	margin-left: 0px;
	}
	.news-concern .border-image:before{
		display: none;
	}
	.news-concern .info-news:before,
	.news-concern .info-news:after{
		display: none;
	}
	.btn-slide:before{
		border-top: none;
	}
	.title-mus .title{
		margin-left: 18px;
	}
	.btn-slide:before{
		/*border-top: none;*/
		border-top: 64px solid #e9e9e9;
 	border-right: 43px solid transparent;
 	top: -59px;
	}
	.title-mus .title{
		margin-left: 18px;
		width: 247px;
	}
	.img-pro-museum{
		width: 95.6%;
      left: 28px;
	}
	.list-musical .title-list-product:first-child{
		margin-bottom: 103px;
      margin-left: -87px;
	}
	.img-pro-museum .owl-carousel .owl-item > .accordion-wrapper,
	.img-pro-museum .owl-carousel .owl-item > .accordion-wrapper div.slide,
	.img-pro-museum .owl-carousel .owl-item > .accordion-wrapper div.slide img{ 
		height: 265px !important;
	}
   .title-icon-document a{
      margin-bottom: 10px;
      display: block;
   }
   .info-news{
      right: 130px;
   }
   .info-news:after{
      left: -49px;
   }
   .wrap-news-detail .wrap-title{
      margin-bottom: 20px;
   }
   .content-product h5{
      min-height: 53px;
   }
   .title-name-product{
      width: 86%;
   }
   .banner-slider .list-banner-slider::before{
      background-size: contain;
      bottom: -27px;
   }
   .wrap-news-detail .wrap-title h3{
      font-size: 28px;
   }
   #list-promo .col-md-10{
      width: 80%;
      float: left;
   }
   #list-promo .col-md-2{
      width: 20%;
      max-height: 183px;
   }
   #list-promo-img{
      max-height: 157px;
   }
   #list-promo{
      margin-bottom: -30px;
   }
   .dl-menuwrapper button{
      display: block;
   }
   .logo p{
      font-size: 13px;
      max-width: 100%;
   }
   .list-product .title-product,
   .list-musical{
      margin-bottom: 15px;
   }
   .form-send-mail .form-group{
      width: 44%;
   }
   .form-send-mail .col-md-2.form-group{
      float: right;
      margin-top: -50px;
      text-align: right;
   }
   /*.list-product .item{
      width: 50%;
      float: left;
   }*/
   .content-product p{
      min-height: 54px;
   }
   .dl-menuwrapper{
      margin-top: 0px;
   }
   .col-xs-12.col-md-4{
      width: 32%;
   }
   .col-xs-6.col-md-12{
      width: 100%;
   }
   #thumbnails-pro li.sy-slide a img{
      height: auto;
   }
   .form-send-mail .form-group:nth-child(2){
     padding-left: 15px;
     padding-right: 15px;
   }

}
/* #Mobile (Landscape) 480px 
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
   .form-send-mail .form-group:nth-child(2){
     padding-left: 15px;
     padding-right: 15px;
   }
   .image-product-detail .slippry_box.thumbnails{
      height: 335px;
   }
   #thumbnails-pro li.sy-slide a img{
      height: auto;
   }
	.info-footer-content{
   		background-size: cover;
   	}
   	.content-banner{
   		left: 20px;
   		width: 420px;
   	}
   	.list-promotion div.promotion-slider{
   		width: 100% !important;
   	}
   	#ninja-slider{
   		width: 280px;
   	}
   	#thumbnail-slider{
   		height: 112px;
   	}
   	.info-footer-content{
   		background-size: cover;
   	}
   	.info-footer-top{
   		margin-top: 40px;
   	}
   	.info-footer-bot .col-xs-6{
		width: 100%;
		margin-bottom: 20px;
   	}
   	.swiper-container-horizontal>.swiper-pagination{
   		left: -100px;
   	}
   	.logo img{
		max-width: 100%;
	}
	.img-pro-museum{
		width: 30%;
	}
	.list-musical,
	.list-sound,
	.list-light{
		display: none;
	}

	.info-footer-bot{
		margin-left: 0px;
	}
	.list-sound-mobile,
	.list-musical-mobile,
	.list-light-mobile{
	  display: block;
	}
	.item-news img{
		max-width: 100%;
		width: 100%;
	}
	.info-news{
		position: initial;
		border-left: 1px solid #d5d5d5;
		width: 100%;
		max-width: 100%;
	}
	.border-image:before{
		display: none;
	}
	.info-news:before,
	.info-news:after{
		display: none;
	}
	.item-news .image{
		width: 100%;
	}
	.wrap-title{
		padding-bottom: 50px;
	}
	.list-partner{
		padding-bottom: 20px;
      margin-top: -20px;
	}
	#owl-list-partner .item{
		height: initial;
	}
	#owl-list-partner{
		margin-bottom: 20px;
	}
   .dl-menuwrapper button{
      display: block;
      position: absolute;
      right: 0px;
      top: 0px;
   }
   .header-bot h4{
      font-size: 14px;
      text-align: left;
      margin-top: 0px;
      margin-bottom: 20px;
   }
   .dl-menuwrapper{
      margin-top: -62px;
   }
   .logo p{
      font-size: 15px;
   }
    .info-footer-bot .pull-right{
      position: relative;
      float: none !important;
      left: 0px;
   }
}
/*  #Mobile (Portrait) 320px
/* -------------------------------------------------------------------------- */

@media only screen and (min-width: 100px) and (max-width: 479px) {
   .form-send-mail .form-group:nth-child(2){
     padding-left: 15px;
     padding-right: 15px;
   }
   .form-send-mail .col-md-4.form-group input{
      margin-left: -33px;
   }
   .certify .col-xs-7,
   .certify .col-xs-5{
      width: 100%;
      text-align: left;
   }
   #thumbnails-pro li.sy-slide a img{
      height: auto;
   }
   .info-footer-bot .pull-right{
      position: relative;
      float: none !important;
      left: 50px;
   }
   .info-address h6 span{
      display: block;
      width: 100%;
   }
   .certify .col-xs-7 p,
   .certify .col-xs-5 p{
      line-height: 20px;
   }
   .logo p{
      max-width: 100%;
      font-size: 13px;
      text-align: center;
   }
   .header-bot h4{
      font-size: 14px;
      text-align: center;
      margin-top: 0px;
      margin-bottom: 20px;
   }
   .header-bot .col-md-7 h4{
      font-size: 14px;
      text-align: center;
   }
   #owl-list-611, #owl-list-623, #owl-list-624, #owl-list-625{
      margin: 0px
   }
	.info-footer-content{
   		background-size: cover;
   	}
   	.content-banner{
   		left: 20px;
   		width: 280px;
   	}
   	.list-promotion div.promotion-slider{
   		width: 100% !important;
   	}
   	#ninja-slider{
   		width: 300px;
   	}
   	#thumbnail-slider{
   		height: 112px;
   	}
   	.info-footer-content{
   		background-size: cover;
   	}
   	.info-footer-top{
   		margin-top: 55px;
   	}
   	.info-footer-bot .col-xs-6{
		width: 100%;
		margin-bottom: 20px;
   	}
   	.swiper-container-horizontal>.swiper-pagination{
   		left: -100px;
   	}
   	.logo img{
		max-width: 100%;
	}
	.img-pro-museum{
		width: 30%;
	}
	.list-musical{
		display: none;
	}
	.info-footer-bot{
		margin-left: 0px;
	}
	.info-footer-top .col-xs-6,
	.form-send-mail .col-xs-6{
		width: 100%;
      /*padding-right: 0px;*/
	}
	.title-promotion{
		margin-left: 30px;
	}
	.list-sound-mobile,
	.list-musical-mobile,
	.list-light-mobile{
	  display: block;
	  margin-bottom: 10px;
	}
	.item-news img{
		max-width: 100%;
	}
	.info-news{
		position: initial;
		border-left: 1px solid #d5d5d5;
	}
	.border-image:before{
		display: none;
	}
	.info-news:before,
	.info-news:after{
		display: none;
	}
	/*.wrap-title{
		padding-bottom: 120px;
	}*/
	.title-promotion{
		margin-left: 50px;
      margin-top: 40px !important;
	}
	.list-partner{
		padding-bottom: 14px;
      margin-top: 0px;
	}
	#owl-list-partner .item{
		height: initial;
	}
	#owl-list-partner{
		margin-bottom: 20px;
	}
   .btn-slide:before{
      /*border-top: none;*/
      border-top: 64px solid #e9e9e9;
      border-right: 43px solid transparent;
      top: -59px;
   }
   .title-mus .title{
      margin-left: 18px;
      width: 247px;
   }
   .img-pro-museum{
      width: 87%;
   }
   .list-musical .title-list-product:first-child{
      margin-bottom: 103px;
   }
   .img-pro-museum .owl-carousel .owl-item > .accordion-wrapper,
   .img-pro-museum .owl-carousel .owl-item > .accordion-wrapper div.slide,
   .img-pro-museum .owl-carousel .owl-item > .accordion-wrapper div.slide img{ 
      height: 265px !important;
   }
   .list-musical-mobile .item img{
      max-width: 100%;
      height: auto;
   }
   
   /*#slider2_container
   {
      height: 300px !important;
   }
   #slider2_container > div,
   #slider2_container > div .list-banner-slider div{
      max-width: 100%;
   }*/
   .form-send-mail{
      text-align: center;
   }
   .info-footer{
      margin-top: 50px;
   }
   .title-name-product{
      width: 63%;
   }
   .info-detail-product ul.nav-tabs li a{
      padding: 10px 4px;
   }
   .concern-product .wrap-title{
      padding-bottom: 20px;
   }
   .item-news > .image::after{
      background-image: none;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
   }
   .content-news-detail{
      margin-top: 20px;
   }
   .content-news-detail img,
   .content-news-detail p img{
      max-width: 100%;
      height: auto;
   }
   .title-icon-document a{
      margin-bottom: 10px;
      display: block;
   }
   /*.wrap-news-detail .wrap-title h3{
      padding-top: 120px;
   }*/
   .wrap-news-detail .wrap-title h3{
      font-size: 20px;
   }
   .form-contact .form-group{
      width: 100%;
   }
   /*.banner-slider #slider2_container{
      display: none;
   }*/
   /*#list-promo .col-md-10{
      width: 80%;
      float: left;
   }*/
   #list-promo .col-md-2{
      display: none;
   }
   .image-product-detail .slippry_box.thumbnails{
      margin-bottom: -40px !important;
      height: 185px;
   }
   .dl-menuwrapper button{
      display: block;
      position: absolute;
      /*top: -170px;*/
   }
   .list-product .title-product{
      margin-bottom: 15px;
      width: 100%;
   }
   .title-product h3{
      font-size: 18px;
      text-align: left;
   }
   .form-send-mail .form-group button{
      width: auto;
   }
   .info-footer-bot .img-logo-bot{
      height: 135px;
   }
   #list-promo > .slippry_box.thumbnails{
      padding-right: 0px;
   }
   .senmail h5{
      font-size: 16px;
   }
   .phone div{
      width: 100%;
      float: initial;
   }
   .phone div:last-child{
      margin-left: 50px;
      margin-top: 17px;
   }
   .wrap-title h3{
      font-size: 28px;
   }
   .main-title-breadcrumb .breadcrumb li{
      min-height: 24px;
   }
   .thumb-box .thumbs{
      margin-top: 20px;
   }
   #owl-list-thumb .owl-next,
   #owl-list-thumb .owl-prev{
      top: 70px;
   }
   .title-name-product h4{
      font-size: 20px;
      top: -25px;
   }
   #owl-list-611, #owl-list-623, #owl-list-624, #owl-list-625, #owl-list-museum{
      margin-left: 0px;
   }
	
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
   .logo img{
      width: 85%
   }
   .col-md-offset-2{
      width: 100%;
      margin-left: 5%
   }
   .logo p{
      font-size: 11px
   }

}
@media only screen and (min-width: 320px) and (max-width: 767px) {
   .list-musical-mobile .title{
      position: relative;
      width: 210px;
   }
   .list-musical-mobile .title::before{
      content:"";
     position:absolute;
     width: 0;
     height: 0;
     top: 0px;
     right: 10px;
     border-top: 38px solid #e9e9e9;
     border-left: 29px solid transparent;
   }
   .list-musical-mobile .title::after{
      content:"";
      position:absolute;
      background: #e9e9e9;
      right: 0px;
      right: -30px;
      width: 40px;
      height: 37px;
      top: 0px;
   }
   #list-promo .wrap-list-img{
      display: none;
   }

}
@media only screen and (min-width: 960px) and (max-width: 991px) {
   .logo a{
      width: 100%;
      text-align: center;
      display: block;
   }
   .logo p{
      display: inline-block;
      width: 100%;
      text-align: center;
   }
   .logo h1{
      text-align: center;
   }
   .header-bot h4{
      text-align: center;
   }
   .main-menu-nav{
      float: none;
      margin: auto;
      display: block;
   }
}