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



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

@media (max-width: 1132px){
	
}
@media (max-width: 1098px){
	
}
@media (max-width: 1041px){
	
}

@media (max-width: 1024px){
    

	
	
}

@media (max-width: 991px){
	
	
	
	
}
@media (max-width: 900px){
	
}

@media (max-width: 800px){
	.des568{
        width: 50%;
        text-align: center;
    }
}


@media (max-width: 767px){
	.tinh img{ width:100%; }
	.foot_content{ text-align:center;}
	.foot_content ul li{ background:none;}
	
	.hotline_contact{ margin-left:0%; display:none;}
	.hotline_contact .hide{ display:none;}
	.cart{ margin-top:5%; margin-left:0px;}
	.box_slider{ margin-top:-35px;}
	.box_logo{ width:5%;}
	.box_banner{ width:75%;}
	.box_cart{         width: 20% !important;}
	.fan{ display:none;}
	.onl{background:none; padding-left:25px;}
	.all{ background:none; padding-left:25px;}
	.tinh img {
    width: auto !important;
    max-height: 40px;
}
.cart{
	padding-left:25px !important
}
.footer img.log{
	width:auto !important
}
#main_container{
	padding-left:10px !important;
	padding-right:10px !important
}
.colmd3tk.colmd4tk {
    float: left;
    width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}
.contaiu {
    float: left;
    width: 100%;
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.foot_content {
        text-align: left !important;
    }
	.foot_content ul li{
		padding-left:0px !important
	}
    .cart {
      
        font-size: 11px;
        letter-spacing: -1px;
    }
	.aboutx-form,.aboutx-map{
    float: left;
    width: 100%;
    margin-right: 0%;
}
	#dichvu .contaiux h2, .aboutx-form h3 {
		font-size:24px;
	}
	.aboutx-left {
    float: left;
    width: 100%;
}
.colcate {
    float: left;
    width: 33.333333333%;
    padding: 20px 12px;
    font-size: 13px;
    background: #FAF8F4 !important;
    border-right: 1px solid #ffe0b4 !important;
	 border-bottom: 1px solid #ffe0b4 !important;
    font-weight: 500 !important;
    text-align: center;
}
.aboutx-right {
    float: left;
    width: 100%;
	padding-left:10px !important;
	padding-right:10px !important
}
	.colmd3tk {
    float: left;
    width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}
.colmd3tk-text h3{
	height:60px;
	overflow:hidden;
}
.colmd3tk-text p{
	height:80px;
	overflow:hidden;
}
	.contaifix {
    width: 100%;
    clear: both;
    padding-left: 2px;
    padding-right: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	.bg_main{
		margin-top:10px !important
	}
	.colmd3-text {
    width: calc(100% - 45px);
    float: left;
}
	.colmd3-img {
    float: left;
    width: 30px;
    margin-right: 15px;
}
.colmd3 {
    float: left;
    width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}
}

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

@media (max-width: 680px){
    
}
@media (max-width: 600px){
    .des568{
        width: 50%;
        text-align: center;
    }
}
@media (max-width: 568px){
	.des568{
        width: 50%;
        text-align: center;
    }
}
@media (max-width: 500px){
	
}
@media (max-width: 480px){
	
}
@media (max-width: 360px){
	
	
	
}
	
@media (max-width: 320px){
    .tittle_right h2{
       padding-left: 0px !important;
       background: none !important;
    }
   
}	
	


/* Extra small devices (phones, less than 768px) */
/*-----------col-xs-----------*/
@media (min-width: 315px)and (max-width: 760px) {
    .banner {width: 100%;}
	
    .box_logo{         width: 12% !important;
        padding-left: 10px !important;
    }
    .box_banner { width: 65% !important;}
 
     #responsive-menu{ display:block !important;}
    #cssmenu{
        display: block !important;
    }
    .box_search{
		position:relative;
		width:100%;
		
    }
	#keyword {
	  width: 100%;
	  border-radius: 0px;
	  height: 25px;
	}
    .box_search_2{
        display: block !important;
        margin: 5px auto;
        margin-left: 20px;
    }
    /*************************/
    .tittle_right{
    
    }
    .title_right h2{  
            display: block;
            margin: 0px auto; 
            height: 30px;
            font-family: 'fontB';
            color: black;
            font-size: 30px;
            text-transform: capitalize;

            padding-left: 0px !important;  
            background: #a1bba2;
            padding-right: 0px !important;
            background-size: 100% 100%;
            text-align: center;


    }
    /*************************/
    .vay_von{
        width: 99%!important;
        float: none;
        background-size: 100% 100%;
    }
    .vay_von img{
        width: 99%;
    }
    .dien_lanh{
        float: none;
        margin: 0px auto;
    }
    .xay_dung{
        float:none;
        margin: 0px auto;
    }
    .pdVD{
        padding: 0!important;
    }
    /**************************/
    
  
    .icon_xt{
        top:0px;
        right:0px;
    }
    .module_left .title_left h2{
          width: 100%;
    }
    .module_left .content1{  
        width: 100%;
	
}
.vert{
    margin:0px auto;
}
    .menu_con{
    float: none !important;
    text-align: center;
   
}  
.thongke li{
    list-style-type: none!important;
}
.lien_he{
    border-right: none!important;
}

}


@media (max-width: 678px)
{
    .fb_iframe_widget iframe
    {
        width: 100% !important;
        margin: 0 auto;
    }
	.log{ width:100%; margin:0px !important; }
	.hotline_contact{ margin-left:0%; display:none !important;}
	.hotline_contact .hide{ display:none ;}
	.cart{ margin-top:10%;}
	.box_slider{ margin-top:-35px;}
}


/*@media (max-width: 980px)
{
    .fb_iframe_widget iframe
    {
        width: 100% !important;
        margin: 0 auto;
    }
    .text_footer{ background:#ffb307; padding:0 5%;}
    .fb_iframe_widget span {
  width: 100% !important;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  text-align: justify;
}
}*/

/*-----------col-sm-----------*/
@media (min-width: 768px) and (max-width: 991px) {
    .banner {
               width: 100%;
            }
	.fan{ display:none;}
	.foot_content{ width:32% !important; margin-left:1%;}
	.onl{background:none; padding-left:25px;}
	.all{ background:none; padding-left:25px;}
  	.tinh img{ width:65%; }
    .log{ width:90%; margin-left:5%; margin-top:10%;}
	.hotline_contact{ margin-left:0%;}
	.hotline_contact .non_show{ display:none;}
	.cart{ margin-top:20%;}
	.box_slider{ margin-top:-35px;}
	.text_footer{ background:#ffb307; padding:0 5%;}
    .text_banner{
        position: absolute;
        top:100px;
        right: 70px;
        z-index: 1;
    }
  	 #responsive-menu{ display:block !important;}
    #cssmenu{
        display: block!important;
    }
    .box_search{
        top:40px;
        right:15px;
    }
	
    /*************************/
    .tittle_right{
    
    }
    .title_right h2{  
            display: block;
            margin: 0px auto; 
            height: 30px;
            font-family: 'fontB';
            color: black;
            font-size: 30px;
            text-transform: capitalize;

            padding-left: 0px !important;  
            background: #a1bba2;
            padding-right: 0px !important;
            background-size: 100% 100%;
            text-align: center;


    }
 
    .icon_xt{
        top:0px;
        right:0px;
    }
    .module_left .title_left h2{
          width: 100%;
          background: #009f0f;
    }
       .module_left .content1{  
        width: 100%;
	
}
.vert{
    margin:0px auto;
}
.menu_con{
    float: none!important;
    text-align: center;
    
}   
.thongke li{
    list-style-type: none!important;
}
.fb_iframe_widget iframe
    {
        width: 100% !important;
        margin: 0 auto;
    }
    
    .fb_iframe_widget span {
  width: 100% !important;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  text-align: justify;
}
.lien_he{
    border-right: none!important;
}



}
     


/* Medium devices (desktops, 992px and up) */
/*-----------col-md-----------*/
@media (min-width: 992px) and (max-width: 1199px) {
    .banner {
       width: 100%;
    }
	.fan{ display:none;}
	.title_left{ height:35px; background:#009f0f; }
  	.log{ width:50%; margin-top:0%; margin-left:43%;}  
	.hotline_contact .non_show{ display:block ;}
	.cart{ margin-top:10%; }
  	.hotline_contact{ margin-top:10%;}
   #responsive-menu{ display:block !important;}
 	.container{ width:100%;}
	
     #cssmenu{
        display: block!important;
    }
    .box_search{
        top:40px;
        right:15px;
    }
	
    /*************************/
    .tittle_right{
    
    }
    .title_right h2{  
            display:block;
            margin: 0px auto; 
            height: 30px;
            font-family: 'fontB';
            color: black;
            font-size: 30px;
            text-transform: capitalize;

            padding-left: 0px !important;  
            background: #a1bba2;
            padding-right: 0px !important;
            background-size: 100% 100%;
            text-align: center;


    }
    /********************slider***********************/
   
    .vay_von{
        float: none;
    }
    .dien_lanh{
        float: none;
        margin: 0px auto;
    }
    .xay_dung{
        float:none;
        margin: 0px auto;
    }
    .pdVD{
        padding: 0!important;
    }
     .menu_con{
    float: none !important;
    text-align: center;
   
}  
.thongke li{
    list-style-type: none!important;
}
.fb_iframe_widget iframe
    {
        width: 100% !important;
        margin: 0 auto;
    }
    
    .fb_iframe_widget span {
  width: 100% !important;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  text-align: justify;
}
    
}


/* Large devices (large desktops, 1200px and up) */
/*-----------col-lg-----------*/
@media (max-width: 1199px) { .laco{ display:none;}}
@media (min-width: 1200px) {
    .banner {
       width: 100%;
       position: relative;
    }
    
   
    .text_banner{
        position: absolute;
        top:100px;
        right: 170px;
    }
    
    .menu{
        display: block !important;
        text-align: left;
		font-size:16px;
    }

    .box_search{
        top:6px;
        right:8px;
    }
    /********************slider***********************/
    .nivoSlider img{
        width: 100%;
        height: auto!important;
    }
    /**********************container******************/
   
    /**************************/
    .container{
        width: 1200px!important;
    }
	.left{ width:265px; float:left; border:1px #ccc solid; border-radius:10px; }
	.right{ width:920px; float:right; }
    .danhmuc_sp{
        display: block!important;
    }
    .icon_xt{
        top:0px;
        right:0px;
    }
    .module_left {
        /*margin-top: 20px;*/
    }
    .module_left .content1{  
     
	
}
.q_c{
    display: block!important;
}
.menu_con{
    float: right!important;
   
    
}  
.thongke li{
    list-style-type: disc!important;
}
    .ddsmoothmenu ul li a{
        padding: 0px 30px ;
    }
	
   
}
@media (min-width: 1350px){
    .ddsmoothmenu ul li a{
        padding: 0px 14px;
    }
	
}