/*------==============   BEGIN HEADER ==================------------*/
@media screen and (min-width: 1600px){  }

@media screen and (min-width: 1366px){  }

 @media screen and (max-width: 1280px){  }
 @media screen and (max-width: 1024px){ 
 	.width1170 {
 		width: 100%;
 		height: auto;
 		padding: 0px 10px;
 	}   

 	.dln_menu1 {display: none;}
	
}

 @media screen and (max-width: 950px){ .dln_menu {display: none;} }

@media screen and (max-width: 768px){  
	.top-header { float: none;margin: auto;display: block;width: auto;text-align: center;}
	.bg-top-header {padding-bottom: 10px;background: #563210; color: #fff;}
	.logo img { width: 200px;padding: 10px 0px}
	.menu .bg-menu:before {top: 8px}
	.menu .bg-menu:after {top: 8px}
	.menu_moblie {display: block;}
	.menu_moblie {right: -215px;position: absolute;}  
	.dln_menu {display: none;}

	.menu >ul >li { padding: 50px 15px 19px 15px;}

	.show-menu-moblie {  background: #603814; }

    .show-menu-moblie >ul, .show-menu-moblie,
	.show-menu-moblie { width: 100%; height: auto; }

    .show-menu-moblie >ul >li >a {
        display: block;
        font-size: 15px;
        line-height: 21px;
        color: #fff;
        padding: 10px 0px;
        padding-left: 20px;
        border-bottom: 1px solid #fff;
    } 

    .bg-silder ,.slideritem img , .slideritem {  height: 450px;  } 
 	.title-contact-home  {padding-bottom: 5px}
 	.bg-button {margin-top: 5px;}
 	.bg-tc-home {width: 100%}

 	.text-item-about-home a {font-size: 16px;line-height: 21px;}

 	.item-about-home {padding: 1px;}
 	.img-item-about-home {padding: 5px;}
 	.img-item-about-home img, .img-item-about-home {min-height: 200px;}
 	.text-item-about-home a {    font-size: 14px;  line-height: 20px;}
 	.logo-footer img { width: 85%; float: left;}
 	.adress-footer {margin-bottom: 40px;}
 	.bg-cpright {width: 100%;text-align: center;float: none;}
 	.slider-wrap {margin-bottom: 30px;}
 	.info-project {padding-left: 0px;margin-bottom: 20px}
 	.tab_wrapper {margin-bottom: 30px;}
 	.list-news-project-orther {width: 100%;}
 	.adress-footer {padding-left: 0px}
 	.menu ul{display: none;}
 	.menu_moblie  {display: block !important;left: 30px; }

 	.child-menu1 {
		width: 100%;
	    height: auto;
	    background: #000; 
	}

	.child-menu1 li a {
		color: #fff;
	    display: block; 
	    border-bottom: 1px solid #fff;
	    padding: 5px 0px 5px 50px;
	}
}

@media screen and (max-width: 640px){ 
	.menu >ul >li:first-child {padding-left: 65px;}
	.menu_moblie { right: -200px;} 
	.overflow {overflow: inherit !important}
	.bg-silder ,.slideritem img , .slideritem {  height: 400px;  } 

	
}

@media screen and (max-width: 600px){ 
	
	
	.menu >ul >li >a {font-size: 25px;}
	.bg-silder ,.slideritem img , .slideritem {  height: 350px;  } 

	.logo-footer  {width: 100%;height: auto;margin-bottom: 20px;}
	.logo-foote a {width: 100%;height: auto;}
	.logo-footer img {max-width: 100%;display: block;margin: auto;}
	.pd_slide_thumb {display: none;}
}

@media screen and (max-width: 480px){
	.logo img {width: 150px;}
	.menu >ul >li { padding: 33px 15px 19px 15px;}
	.search { top: 30px;}
	.menu .bg-menu:before{    background-size: 95px 68px;}
	.bg-silder ,.slideritem img , .slideritem {  height: 220px;  } 

	.text-tc-home,.img-tc-home {width: 100%}
	.img-tc-home img {display: block;margin: auto;}
	.text-tc-home {border-left: 0px solid #FC0;}

	.text-tc-home p{font-size: 13px;line-height: 20px}
	.text-tc-home p strong {  font-size: 15px; line-height: 21px; padding-left: 0px;}
	.text-tc-home {padding: 10px;}
	.bg-about-home img{width: 100%;}

	.item-about-home {width: 100%;}
	.img-item-about-home img, .img-item-about-home {min-height: auto}
 	.text-item-about-home a {    font-size: 17px;  line-height: 22px;}
 	.form-header {width: 100%;}

 	.bg-header {
 		overflow: hidden;
 	}

	.title-group-home h2 {
		font-size: 30px;
		font-size:35px;
	}

	.title-group-home h3 {
		font-size: 17px;
		line-height: 24px;
	} 

	.bg-form-footer {
		background: url(../images/bg-search1.jpg) no-repeat;
		background-size: 100% 100%;
	}

}

@media screen and (max-width: 414px){
	.search {display: none;}  
	.logo img {width: 120px;}
	.menu .bg-menu:before{    background-size: 95px 61px;}
	bg-silder.slideritem img , .slideritem {  height: 170px;  } 
}

@media screen and (max-width: 375px){
	.menu_moblie { left: 10px}
	.bg-silder ,.slideritem img , .slideritem {  height: 150px;  } 
}

@media screen and (max-width: 360px){
	 

}

@media screen and (max-width: 320px){
	.menu >ul >li {padding: 30px 15px 19px 15px;}
	.menu_moblie { font-size: 21px; }
}
/*------==============   END HEADER ==================------------*/



/*-----======    BG TAB    ========-----*/
@media screen and (max-width: 1024px){
	.tab_wrapper ul li a { padding: 10px 20.8px; }
}

@media screen and (max-width: 768px){
	.tab_wrapper { margin-top: 20px;} 
    .tab_wrapper  ul li a { padding: 10px 25.4px; }
}
@media screen and (max-width: 640px){
	.tab_wrapper  ul li a {padding: 10px 14.4px;}
}
@media screen and (max-width: 600px){
	.tab_wrapper ul li a { padding: 10px 13.92%;}
}
@media screen and (max-width: 480px){
	.tab_wrapper ul {display: block;}
	.tab_wrapper ul li { display: block;border-bottom: 1px solid #fff;}
}
@media screen and (max-width: 414px){
	.title-group-home img {width: 100%}
}
@media screen and (max-width: 375px){}
@media screen and (max-width: 360px){}
@media screen and (max-width: 320px){}
/*-----======    ED TAB    ========-----*/