
@media only screen and ( min-width : 1200px) {
	.nivoSlider {height:320px;}
	 .slider {height: 320px; overflow: hidden;}
	 /*.slider img {width: auto !important; max-width: 100% !important; max-height: 100% !important;}*/
	 .slider img {max-width: 100% !important; max-height: 100% !important;}
	 
	 .banner-content-right{height: 317px; overflow: hidden;}

}

@media only screen and ( min-width : 1441px) {
	.support-apply {margin-left: -180px; top: 350px;}
}
	
@media only screen and ( min-width : 1700px) {
	.support-apply {margin-left: -220px; top: 350px;}
}

/* Large Devices, Wide Screens */
@media only screen and ( min-width : 1921px) {
	.catalog-list {min-height: 600px;}
	.support-apply {margin-left: -250px; top: 400px;}
}

	

@media only screen and (max-width: 1440px) {
	.catalog-list {min-height: 400px;}
	.support-apply {left: 0px; top: 350px;}
}

@media only screen and (max-width: 1366px) {
	.support-apply {left: 0px; bottom: 10px; top: auto;}
}

@media only screen and (max-width: 1200px) {
	.menu-mb {display: inline-block;}
    .nav-menu-pc ul {display: none;}

    .hotline{ display: none; }
	.drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger{ display: block;}
}
@media only screen and (max-width: 1199px) { 
	.bg-right-top{ display: none; }
	.banner-content-right {margin-top: 20px;} 
	.col-top-1{ width: 20% }
	.col-top-2{ width: 60% }
}
@media only screen and (max-width: 768px) {
	.search-menu{ 
	    position: relative;
	    width: 360px;
	    max-width: 100%;
	    /* right: 0; */
	    /* top: 0; */
	    height: 35px;
	    text-align: right;
	    padding-right: 25px;    margin: 0 auto;
 	}
	.menu-support ul li { width: 100% !important}
	.news-content{    margin: 0 15px !important;}
	.col-top-1{ float: left; width: 100%}
	.col-top-2{float: left; width: 100%}
	.col-top-3{float: left; width: 100%; display: none;}
	header .mid-header { text-align: center;}
	.col-top-1 .logo{    margin: 5px auto;
    display: block;}
    
    .language {padding-right: 10px;}
	.name-company h1{font-size: 16px; margin: 5px 0px;}
	.name-company h2{font-size: 14px; margin: 4px 0px;}
	.name-company h3{font-size: 13px; margin: 4px 0px;}
 	.logo {max-height: 50px;}
 	.col-top-1 .logo {margin-bottom: 0;}
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

	#content {
    position: absolute;
    height: 40px;
    width: 40px;
    margin-left: 0;
    top: 50px;
    left:95%;
    transform: translate(-50%, -50%);
    z-index: 11;
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 560px) {
	.application-form table td {display: block; width: 100%; padding: 1px 5px;}
	.application-form table tr td:first-child {padding-top: 10px;}
	.space-left, .space-left2, .space-left3 {padding-left: 5px !important;}
	.logo {max-height: 30px;}
	
	.search-box label {display: none;}
	.search-box input {width: 200px;}
}

/* small mobile :480px. */
@media only screen and (min-width: 321px) and (max-width: 480px) {

	
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.search-box input {width: 100px;}
}