@media (max-width: 1366px){
  .asas{display:none;}
}

@media (max-width: 1365px){
  .maincontent{max-width: 100%;}
}

@media (max-width: 1300px){
}

@media (max-width: 1250px){

}

@media (max-width: 1199px){
  div#tabs_sp{padding-left:0;}
  .app-figure{text-align: center;}
  /*===page product detail===*/
  .maincontent{width: 100%}
  .maintial_detail{padding:20px 1%;}
  .fixwidth, .fixpage{width:100%;max-width: 100%;} 

  .menumain{width:100%;text-align: center;}

  .call_hotline{position: relative;}
  .call_show{border-radius: 7px; padding: 5px; background: #2aa6e7; border: 1px solid #2aa6e7; position: absolute; top: -70px; left: 40%; 
    margin-bottom: 0; box-sizing: border-box; display: none; line-height: initial;}
  .call_show a{display: block; min-width: 150px;    margin: 5px 0;}
  .call_show::after{
      content: '';
      position: absolute;
      left: 8%;
      top: 100%;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #2aa6e7;
      clear: both;
  }

  .frm_timkiem2{float:right;text-align: right}
  .frm_timkiem2 input{padding: 7px 0; outline: none; border: none;text-indent: 15px;width: 250px;}
  .frm_timkiem2 button{border: none; line-height: 33px; padding: 0 15px;background: #ffc600; color: #fff; border-radius: 0;}
  .frm_timkiem2 button img{margin-top:8px;}

  /*==main===*/  
  .wrap-main{padding:0 1%;margin-bottom:20px;}
  .wrap-home{padding:0;}
  .header_container{padding:15px 2%;}
  .boxlinhvuc_conatainer{padding:30px 2%;}
  .boxintro_container, .boxproductnb_container{padding:0 2% 30px 2%;}
  .loadkhung_tieuchi{position: relative;z-index: 9;}
  .boxduan_container .fixwidth, .boxhotro_container, .boxfooter_container{padding:30px 2%;}
  .wrap_container{overflow: hidden;}
  .boxfooter_bottom{padding:12px 2%;}
}

@media (max-width: 1150px){
  .header_add{display: none;}
  .header_container{text-align: center;}
  .header_logo, .header_banner{float:none;display: inline-block;width:initial;}
  .boxintro_left{width:45%;}
  .boxintro_right{width:55%;}
}

@media (max-width: 1100px){
  
}

@media (max-width: 1050px){
  /*========Chung=======*/
  .menu ul li a{font-size:13px;}
}


@media (max-width: 1024px){
  .call{display:block;}
  .menu_top{padding: 5px 1%;position: relative;display:block;z-index: 999999;background:#f70000;}
  .menu{display:none;float:none;}
  .asas{display:inline-block;color: #fff; font-size: 34px;}
  .menu_top a{display: inline-block;}
  .menu_top a i{color:#fff;}
  #menu_top{padding-top:0;position: relative;}
  #menu{display: none;}

  .resmenu_logo{display: block;text-align: center;background: #ffc527;padding:5px 1%;}
  .boxhotro_left{width:50%;padding-right:25px;}
  .boxhotro_right{width:50%;}
  .boxtintuc_lg{display: none;}
  .boxtintuc_sm{padding-left:0;width:100%;}
  #accordion{display: none;}
  .boxspchinh_res{display:block;}
}


@media (max-width: 1000px){
  .table.table-cart td b{font-size:13px;}
  .qty-number input{width:30px;height:30px;font-size: 13px;}
  .table.table-cart td .thumb-cart img{width:80px;}
  .table.table-cart td .thumb-cart h4{padding-top:0;font-size: 14px;}
  .table.table-cart td .thumb-cart span{font-size:13px;}
}
@media (max-width: 900px){
  /*header*/
  
}

@media (max-width: 850px){
  /*header*/
  .loadkhung_product{grid-template-columns: 1fr 1fr 1fr;}
}


@media (max-width: 800px){
  /*header*/ 
  .thongtin_pay,.httt_pay{width:50%;}
  .info_cart{width:100%;}  
  .loadkhung_video, .loadkhung_tailalbum{grid-template-columns: repeat(3,1fr);}
  .boxtieuchi_container:after{display: none;}
  .loadkhung_tieuchi{width:100%;padding:0 2%;}
  .boxtieuchi_container{min-height: auto;padding:35px 0;}
}

/* Extra small devices (phones, less than 768px) */
/*-----------col-xs-----------*/

@media (max-width: 770px){
    /*====header=======*/
   
}
@media (max-width: 768px){
    /*====header=======*/
    
    
}
@media (max-width: 750px){
   
} 

@media (max-width: 736px){ 
    /*=====main=======*/
    
}

@media (max-width: 700px){
  /*================trang chủ================*/
  /*===intro===*/  
  .boxintro_left{display: none;}
  .boxintro_right{width:100%;padding-left:0;}
  .boxfooter_left{width:100%;padding-right:0;margin-bottom:25px;}
  .boxfooter_center{width:50%;}
  .boxfooter_right{width:50%;}
}

@media (max-width: 680px){

}

@media (max-width: 667px){

}
 
@media (max-width: 650px){
  /*header*/    

}

@media (max-width: 600px){ 
  .loadkhung_product, .loadkhung_proindex{grid-template-columns: 1fr 1fr;}  
  .loadkhung_video, .loadkhung_tailalbum, .loadkhung_duan{grid-template-columns: repeat(2,1fr);grid-gap:10px;}
  .header_logo{float:left;width:25%;}
  .header_banner{float:left;width:75%;margin-left:0;padding-left:10px;}
  .boxhotro_left{width:100%;padding-right:0px;margin-bottom:25px;}
  .boxhotro_right{width:100%;}
}

@media (max-width: 586px){ 

}

@media (max-width: 568px){
 
}

@media (max-width: 550px){

}

@media (max-width: 500px){
  .loadkhung_product, .loadkhung_proindex, .loadkhung_duan{grid-gap: 10px;}
  .pagetitle span{font-size:20px;}
  .pageslogan{font-size:14px;}

  .thongtin_pay,.httt_pay{width:100%;}
  .cart{float:none;position: fixed;right:0;top:50%;transform: translate(-0,-50%);z-index: 9999;text-align: right;}
  .cart a{background:#fff;padding: 10px 5px; border-radius: 4px; box-shadow: 0px 0px 5px #999;}
  .cart a img{width: 50%;}
  .cart span{top:-15px;right:-1px;}
  .tieude{font-size:18px;}
  .button-action a, .calculate-area .ct-ft-cart .update-cart{height: 30px;line-height: 30px;padding: 0 20px;font-size:13px;}

  /*.btn_zalo img{width:40px;}
  .js-facebook-messenger-box{width:40px !important;height:40px !important;line-height: 40px !important;}
  .js-facebook-messenger-box svg#fb-msng-icon{width:20px !important;height:20px !important;top:10px !important;left:10px !important;}*/
  .mainkhung_product{margin-bottom:25px;}
  .frm_timkiem2{position: relative;width:calc(100% - 60px);}
  .frm_timkiem2 button{position: absolute;top:0;right:0;height:100%;border-radius:0;}
  .frm_timkiem2 input{width:100%;}
  .title-main span{font-size:24px;}
  .title-main{margin: 1.5rem 0 0.5rem 0;}
  .boxlinhvuc_name a{font-size:15px;}
  .boxintro_name{font-size:24px;}
  .boxintro_btn{font-size:14px;line-height: 35px;}
  .boxproindex_name a{padding: 10px 5px;}
  .boxtieuchi_item{padding:15px;}
  .boxtieuchi_name{font-size:16px;}
  .boxduan_item{padding-right:10px;}
  .auto_duan{margin-right:-10px;}
  .boxduan_name{width:100%;left:5px;bottom: 15px;}
  .auto_duan .slick-slide >div{margin-bottom:25px;}
  .boxhotro_title{font-size:20px;}
  .boxfooter_name{font-size:24px;}
  .boxfooter_center{width:100%;margin-bottom:25px;padding-right:0;}
  .boxfooter_right{width:100%;}
}

@media (max-width: 450px){
  .table.table-cart td .thumb-cart h4{clear: both;}
  .qty-number input[type="button"]{width:20px;}
  .table.table-cart th{font-size:12px;}
}

@media (max-width: 420px){  
  
}
@media (max-width: 414px){
    /*====trang chủ=======*/
    /*==trang trong news===*/
    .box_new{width:100%;}
    .giohang_form, .cl_area{width:100%;padding:0;}    
    .form_giohang .tt_cart h3{font-size: 14px;}
    .page_title_i, .page_title{font-size:24px;}        
    .pro_info_box, .khung, .frame_images{padding-right: 0;}
}
@media (max-width: 412px){
    /*=================trang trong===============*/
    .form_lh p textarea{width:100%;}
}

@media (max-width: 400px){
  .table-cart-area{max-width: 400px;overflow: auto;}
  .table-cart{width: 400px; max-width: 400px;}
}

@media (max-width: 380px){
  
}

@media (max-width: 360px){
    /*====main====*/
    /*===trang trong===*/
    .boxbaogia_item{font-size:14px;}
}

@media (max-width: 320px){
    /*============trang chủ================*/
    /*===sản phẩm nb===*/
    div#tabs_sp ul#ultabs_sp li{padding: 7px 7px !important;}
    div#tabs_sp ul#ultabs_sp li.active{padding-right: 10px !important;}
    .loadkhung_tieuchi{grid-template-columns: repeat(1,1fr);}
}