@media only screen and (min-width: 1025px) and (max-width: 1200px) {

	header { width: 100%; }
	header .Center { width: 100%; padding: 0px 2%;  }
    header.smaller .site-logo {width: 10%;}
	
	.Navigation { margin-right: 0px; }
    .Navigation ul { list-style: none; margin: 0px; float: right; }
    .Navigation li { float: left; padding: 0px;  margin: 0px; height: 105px; position: relative; transition: all 0.3s ease; }
    .Navigation li a { padding: 42px 28px 36px 28px; font-size: 16px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; text-decoration: none; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
	header.smaller .Navigation li a { padding: 16px 36px; }

	
	.Banner_sec { width: 100%; height: 524px; }
	.Banner_sec .Center {width: 100%; padding: 0px 2%; }
	.Banner_sec .bannerside { top: 144px; }
	.Banner_sec .leftside h3 { font-size: 32px; }
	.Banner_sec .rightside { width: 66%; }
	.Banner_sec .rightside .Slider { width: 100%; }
	.Banner_sec .rightside .Slider .text { padding: 25px 10px 21px 10px; }
	.Banner_sec .rightside .Slider .text .Icon { width: 45%; }
	.Banner_sec .rightside .Slider .text .Lorem { width: 40%; }
	.Banner_sec .rightside .Shadow { width: 105%; }
	.Banner_sec .rightside .prevBtn { top: 160px; }
	.Banner_sec .rightside .nextBtn { top: 160px; }

	#Container { width: 100%; }

	.About_sec { width: 100%; padding: 70px 0px; }
	.About_sec .Center { width: 100%; padding: 0px 2%; }
	.About_sec p { font-size: 13px; }
	.About_sec .Tabside { padding: 50px 0; }
	.About_sec .Tabside .Description { margin-top: 0px; width: 51%; }

	.production_sec { width: 100%; padding: 70px 0px; }
	.production_sec .Center { width: 100%; padding: 0px 2%; }
	.production_sec p { font-size: 13px; }
	.production_sec .productionide { width: 100%; padding: 50px 0 0px; }
	.production_sec .productionide li { margin: 0px 2% 0px 0px; width: 23.5%; }

    .production_sec .prodlist { width: 100%; padding: 50px 0 0 }
	.production_sec .prodlist li .year { width: 5%;}
	.production_sec .prodlist li .title { width: 30%;  }
	.production_sec .prodlist li .cast { width: 13.75%;}
	.production_sec .prodlist li .lang { width: 10%; float: right; }

	.production_sec .prodlist li.bg1 .title1 { width: 14.8%; }
	.production_sec .prodlist li.bg1 .cast { width: 16%; padding:  1px 30px}
	.production_sec .prodlist li.bg1 .lang1 { width: 16%; float: right; }
    
	.distrib_sec { width: 100%; padding: 70px 0px; }
	.distrib_sec .Center { width: 100%; padding: 0px 2%; }
	.distrib_sec p { font-size: 13px; }

	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%; padding: 70px 2%;}
	
	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 300px; width: 100%; }
	
	.Get_sec { width: 100%; }
	.Get_sec .Mid { width: 100%; padding: 50px 2%; }

	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 20px 2%; }
}	

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	header { width: 100%; height: 105px; }
	header .Center { width: 100%; padding: 0px 2%; }
	header .site-logo { width: 28%;  position: relative; z-index: 1; }
	header .site-logo h1 { line-height: 33px; }
	header.smaller {width: 100%;}
    header.smaller .site-logo {width: 20%}
    header.smaller .site-logo h1 { padding-top: 11px; }
    header.smaller .Navigation li a { padding: 16px 14px; }

	.Navigation {  margin-right: 0px; width: auto;}
	.Navigation li a { padding: 40px 10px; }

	.Banner_sec { width: 100%; height: 464px; }
	.Banner_sec .Center {width: 100%; padding: 0px 2%; }
	.Banner_sec .bannerside { top: 144px; }
	.Banner_sec .leftside { padding: 0px; width: 34%; }
	.Banner_sec .leftside h3 { font-size: 30px; }
	.Banner_sec .leftside p { padding: 10px  0px; font-size: 14px; line-height: 18px; }
	.Banner_sec .rightside { width: 64%;}
	.Banner_sec .rightside .Slider { width: 100%;}
	.Banner_sec .rightside .Shadow { width: 106.5%; left: -21px; }
	.Banner_sec .rightside .prevBtn { top: 100px; left: 10px; }
	.Banner_sec .rightside .nextBtn { top: 100px; right: 10px; }

	#Container { width: 100%; }

	.About_sec { width: 100%; padding: 70px 0px 30px 0px; }
	.About_sec .Center { width: 100%; padding: 0px 2%; }
	.About_sec h2 { font-size: 40px; line-height: 40px; }
	.About_sec p { padding: 15px 0px; font-size: 13px; }
	.About_sec .Tabside { padding: 50px 0 0px 0; }
	.About_sec .Tabside .Description { margin-top: 0px; width: 51%; }
	.About_sec .Tabside .Description p { padding: 10px 0px; }
	.About_sec .Tabside .TabImage { width: 45.63%; }
	.About_sec .Tabside .TabImage .img1 { left: 0px; background-position: -40px 203px; }
	.About_sec .Tabside .TabImage .img1 img { width: 95%; }
	
	.About_sec .Tabside .TabImage .img2 { left: 15px; height: auto; background-position: -50px 132px;  }
	.About_sec .Tabside .TabImage .img2 img { width: 90%; height: auto; }
    
    .About_sec .Tabside .TabImage .img3 { left: 30px; height: auto; background-position: -50px 132px;  }
	.About_sec .Tabside .TabImage .img3 img { width: 85%; height: auto; }

	.production_sec { width: 100%; padding: 70px 0px 30px 0px; }
	.production_sec .Center { width: 100%; padding: 0px 2%; }
	.production_sec h2 { font-size: 40px; line-height: 40px; }
	.production_sec p { padding: 15px 0px; font-size: 13px; }
	.production_sec .productionide { width: 100%; padding: 50px 0 30px; }
	.production_sec .productionide li { margin: 0px 2% 0px 0px; width: 23.5%; }

    .production_sec .prodlist { width: 100%; padding: 50px 0 0 }
	.production_sec .prodlist li .year { width: 5%;}
	.production_sec .prodlist li .title { width: 30%; height: 60px; }
    .production_sec .prodlist li .title h2 { font-size: 14px; padding-top: 10px;}
	.production_sec .prodlist li .cast { width: 13.75%;}
    .production_sec .prodlist li .cast p {font-size: 12px;}
	.production_sec .prodlist li .lang { width: 10%; float: right; }
    .production_sec .prodlist li .lang p {font-size: 11px; }

	.production_sec .prodlist li.bg1 .title1 { width: 14.8%; }
	.production_sec .prodlist li.bg1 .cast { width: 16%; padding:  1px 30px}
	.production_sec .prodlist li.bg1 .lang1 { width: 16%; float: right; }
    
	.distrib_sec { width: 100%; padding: 70px 0px 30px 0px; }
	.distrib_sec .Center { width: 100%; padding: 0px 2%; }
	.distrib_sec h2 { font-size: 40px; line-height: 40px; }
	.distrib_sec p { padding: 15px 0px; font-size: 13px; }

	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%; padding: 70px 2% 30px 2%; }
	.Contact_sec h2 { font-size: 40px; line-height: 40px; }
	.Contact_sec p { padding: 15px 0px; font-size: 13px; }

	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 250px; width: 100%; }
	
	.Get_sec { width: 100%; }
	.Get_sec .Mid { width: 100%; padding: 50px 2%; }
	.Get_sec .Leftside p { margin: 0 0 20px; } 
	.Get_sec .Leftside input.field { padding: 10px 20px; }
	.Get_sec .Leftside textarea { padding: 10px 20px; height: 125px; }
	.Get_sec .Leftside .button {-webkit-appearance: none; }

	.Get_sec .Rightside { padding-top: 0px; }
	.Get_sec .Rightside h3 { font-size: 40px; padding-bottom: 34px; }
	.Get_sec .Rightside address { padding: 0 0 23px 65px; }

	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 20px 2%; }
	

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	header { width: 100%; height: 60px;}
	header .Center { width: 100%;  }
	header .site-logo { width: 20%; height: 60px; background: url(../img/head-logo-small.jpg) no-repeat;display: block; padding: 10px 0% 0px 3%; position: relative; z-index: 1; }
	header .site-logo h1 { margin: 0px; height: 60px; width: 15%; padding: 0px 40px;}
    header .site-logo h1 a { font-size: 22px; padding: 0 0 0 0;}
	header.smaller { height: 60px;}
	header.smaller .site-logo { width: 20%; height: 60px; background: url(../img/head-logo-small.jpg) no-repeat;display: block; padding: 10px 0% 0px 3%; position: relative; z-index: 1; }
	header.smaller .site-logo h1 { margin: 0px; height: 60px; width: 15%; padding: 0px 40px;}
    header.smaller .site-logo h1 a {  font-size: 22px; padding: 0 0 0 0;}
    header.smaller .Navigation li a { font-size: 9px; padding: 30px 8px; font-weight: 550;  }
    
    .Navigation {width: 70%;}
    .Navigation ul {width: 100%;}
    .Navigation li {height: 60px;}
    .Navigation li a { font-size: 9px; padding: 30px 8px; font-weight: 550; }
	
	.Banner_sec { width: 100%; height: 620px; }
	.Banner_sec .Center {width: 100%; padding: 0px 3%; }
	.Banner_sec .bannerside { top: 144px; }
	.Banner_sec .leftside { padding: 0px 0px 20px 0px; width: 100%; float: none; }
	.Banner_sec .rightside { width: 99%;}
	.Banner_sec .rightside .Slider { width: 100%;}
	.Banner_sec .rightside .Slider .text { padding: 10px 10px; }
	.Banner_sec .rightside .Slider .text .Icon { width: 48%; }
	.Banner_sec .rightside .Slider .text li { padding: 0px 10px;}
	.Banner_sec .rightside .Slider .text .Lorem { width: 50%; }
	.Banner_sec .rightside .Slider .text .Lorem p { font-size: 14px; }
	.Banner_sec .rightside .Shadow { width: 105.5%; left: -16px; }
	.Banner_sec .rightside .prevBtn { top: 100px; left: 10px; }
	.Banner_sec .rightside .nextBtn { top: 100px; right: 10px; }
	.Banner_sec .rightside #slider li img { height: 280px; width: 100%;}	

	.bgcolor { height: 50px; }

	#Container { width: 100%; }

	.About_sec { width: 100%; padding: 100px 0px 50px; }
	.About_sec .Center { width: 100%; padding: 0px 3%; }
	.About_sec h2 { font-size: 30px; line-height: 30px; }
	.About_sec p { padding: 15px 0px; font-size: 13px; }
	.About_sec .Tabside { padding: 30px 0 0px 0; }
	.About_sec .Tabside ul { padding-bottom: 25px;}
	.About_sec .Tabside li a { font-size: 14px; padding: 14px 30px; }
	.About_sec .Tabside .TabImage { width: 100%; float: none; padding-bottom: 35px; text-align: center;}
	.About_sec .Tabside .TabImage .img1 { left: 0px; position: relative; }
	.About_sec .Tabside .TabImage .img1 img { margin: auto;}
	.About_sec .Tabside .TabImage .img2 { left: 25px; }
	.About_sec .Tabside .TabImage .img2 img { width: 100%; height: auto; }
    .About_sec .Tabside .TabImage .img3 { left: 18px; }
	.About_sec .Tabside .TabImage .img3 img { width: 100%; height: auto; }
	.About_sec .Tabside .Description { margin-top: 0px; width: 100%; }
	.About_sec .Tabside .Description p { padding: 10px 0px; text-align: justify; }

	.production_sec { width: 100%; padding: 100px 0px 30px; }
	.production_sec .Center { width: 100%; padding: 0px 3%; }
	.production_sec h2 { font-size: 30px; line-height: 30px; }
	.production_sec p { padding: 15px 0px; font-size: 13px; }
	.production_sec .productionide { width: 100%; padding: 50px 0 30px; }
	.production_sec .productionide li { margin: 0px 0% 3% 2%; float: none; display:inline-block; }

    .production_sec .prodlist { width: 100%; padding: 30px 0 0 }
	.production_sec .prodlist li { height: 100%; width: 100%; margin: 0px 0px 50px 0px; }
	.production_sec .prodlist li .year { width: 100%; float: none; }
	.production_sec .prodlist li .year h5 { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); writing-mode: lr-tb; }
	.production_sec .prodlist li .title { width: 100%; float: none; }
    .production_sec .prodlist li .title h2 {font-size: 14px; height: 60px; text-align: center; padding-top: 10px; }
	.production_sec .prodlist li .cast { width: 100%; float: none; border-bottom: solid 1px #ccc; background: none; height: 75px; }
	.production_sec .prodlist li .lang { width: 100%; float: none; }
	.production_sec .prodlist li:hover .cast { height: 75px; }

	.distrib_sec { width: 100%; padding: 100px 0px 30px; }
	.distrib_sec .Center { width: 100%; padding: 0px 3%; }
	.distrib_sec h2 { font-size: 30px; line-height: 30px; }
	.distrib_sec p { padding: 15px 0px; font-size: 13px; }

	
	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%; padding: 80px 3%;}
	.Contact_sec h2 { font-size: 30px; line-height: 30px; }
	.Contact_sec p { padding: 15px 0px; font-size: 13px; }

	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 200px; width: 100%; }
	
	.Get_sec { width: 100%; }
	.Get_sec .Mid { width: 100%; padding: 30px 3%; }
	.Get_sec .Leftside { width: 100%; float: right;}
	.Get_sec .Leftside p { margin: 0 0 20px; } 
	.Get_sec .Leftside input.field { padding: 10px 20px; }
	.Get_sec .Leftside textarea { padding: 10px 20px; height: 125px; }
	.Get_sec .Leftside .button { -webkit-appearance: none;  margin: 0px; padding: 12px 0px; }

	.Get_sec .Rightside { padding-top: 0px; width: 100%; }
	.Get_sec .Rightside h3 { font-size: 30px; padding-bottom: 20px; }
	.Get_sec .Rightside address { padding: 0 0 15px 65px; }
	.Get_sec .Rightside ul { padding: 10px 0 0 3px; }

	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 10px 3%; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


	header { width: 100%; height: 60px;}
	header .Center { width: 100%;  }
	header .site-logo { width: 20%; height: 60px; background: url(../img/head-logo-small.jpg) no-repeat;display: block; padding: 10px 0% 0px 3%; position: relative; z-index: 1; }
	header .site-logo h1 { margin: 0px; height: 60px; width: 15%; padding: 0px 40px;}
    header .site-logo h1 a { font-size: 22px; padding: 0 0 0 0;}
	header.smaller { height: 60px;}
	header.smaller .site-logo { width: 20%; height: 60px; background: url(../img/head-logo-small.jpg) no-repeat;display: block; padding: 10px 0% 0px 3%; position: relative; z-index: 1; }
	header.smaller .site-logo h1 { margin: 0px; height: 60px; width: 15%; padding: 0px 40px;}
    header.smaller .site-logo h1 a {  font-size: 22px; padding: 0 0 0 0;}
    header.smaller .Navigation li a { font-size: 9px; padding: 36px 8px; font-weight: 550;  }
    
    .Navigation {width: 60%;}
    .Navigation ul {width: 100%;}
    .Navigation li {height: 60px; width: 15%}
    .Navigation li a { transform: rotate(270deg); font-size: 9px; padding: 36px 8px; font-weight: 550; }
	
	
	.Banner_sec { width: 100%; height: 556px; }
	.Banner_sec .Center {width: 100%; padding: 0px 3%; }
	.Banner_sec .bannerside { top: 90px; }
	.Banner_sec .leftside { padding: 0px 0px 10px 0px; width: 100%; float: none; }
	.Banner_sec .leftside h3 { font-size: 30px; }
	.Banner_sec .leftside p { font-size: 14px; line-height: 18px; padding: 10px 0px; }
	.Banner_sec .leftside a { font-size: 13px; }
	.Banner_sec .rightside { width: 98%;}
	.Banner_sec .rightside .Slider { width: 99%; text-align: center; }
	.Banner_sec .rightside .Slider .text { padding: 10px 10px; }
	.Banner_sec .rightside .Slider .text .Icon { width: 100%; }
	.Banner_sec .rightside .Slider .text .Icon li { float: none!important; display: inline-block; padding: 0px 10px;}
	.Banner_sec .rightside .Slider .text .Lorem { width: 100%;  }
	.Banner_sec .rightside .Slider .text .Lorem p { font-size: 13px; text-align: initial;}
	.Banner_sec .rightside .Slider .text .Lorem p span { display: inline-block; float: right; }
	.Banner_sec .rightside .Shadow { width: 105.5%; left: -16px; }
	.Banner_sec .rightside .prevBtn { top: 100px; left: 10px; }
	.Banner_sec .rightside .nextBtn { top: 100px; right: 10px; }
	.Banner_sec .rightside #slider li img { height: 290px; width: 100%;}	

	
	.bgcolor { height: 50px; }

	#Container { width: 100%; }

	.About_sec,
	.production_sec,
	.distrib_sec { 
		width: 100%; padding: 60px 0px 30px; 
	}
	.About_sec .Center { width: 100%; padding: 0px 3%; }
	.About_sec h2 { font-size: 30px; line-height: 30px; }
	.About_sec p { padding: 15px 0px; font-size: 13px; }
	.About_sec .Tabside { padding: 30px 0 0px 0; }
	.About_sec .Tabside ul { padding-bottom: 25px;}
	.About_sec .Tabside li a { font-size: 13px; padding: 14px; }
	.About_sec .Tabside .TabImage { width: 100%; float: none; padding-bottom: 25px; text-align: center;}
	.About_sec .Tabside .TabImage .img1 { left: 0px; position: relative; height: 244px; background: none;background-size: 100%; }
	.About_sec .Tabside .TabImage .img1 img { margin: auto;}
	.About_sec .Tabside .TabImage .img2 { left: 20px;  background: none; background-size: 100%; }
	.About_sec .Tabside .TabImage .img2 img { width: 94%; height: auto; }
    .About_sec .Tabside .TabImage .img3 { left: 35px;  background: none; background-size: 100%; }
	.About_sec .Tabside .TabImage .img3 img { width: 88%; height: auto; }
	.About_sec .Tabside .Description { margin-top: 0px; width: 100%; }
	.About_sec .Tabside .Description p { padding: 10px 0px; text-align: justify; }
	
	.production_sec .Center { width: 100%; padding: 0px 3%; }
	.production_sec h2 { font-size: 30px; line-height: 30px; }
	.production_sec p { padding: 15px 0px; font-size: 13px; }
	.production_sec .productionide { width: 100%; padding: 50px 0 30px; }
	.production_sec .productionide li { margin: 0px 0% 3% 2%; float: none; display:inline-block; }
	
    .production_sec .prodlist { width: 100%; padding: 30px 0 0 }
	.production_sec .prodlist li { height: 100%; width: 100%; margin: 0px 0px 50px 0px; }
	.production_sec .prodlist li .year { width: 100%; float: none; }
	.production_sec .prodlist li .year h5 { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); writing-mode: lr-tb; }
	.production_sec .prodlist li .title { width: 100%; float: none; }
    .production_sec .prodlist li .title h2 {font-size: 14px; height: 60px; text-align: center; padding-top: 10px; }
	.production_sec .prodlist li .cast { width: 100%; float: none; border-bottom: solid 1px #ccc; background: none; height: 75px; }
	.production_sec .prodlist li .lang { width: 100%; float: none; }
	.production_sec .prodlist li:hover .cast { height: 75px; }
    
	.distrib_sec .Center { width: 100%; padding: 0px 3%; }
	.distrib_sec h2 { font-size: 30px; line-height: 30px; }
	.distrib_sec p { padding: 15px 0px; font-size: 13px; }
	
	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%; padding: 60px 3% 30px;}
	.Contact_sec h2 { font-size: 30px; line-height: 30px; }
	.Contact_sec p { padding: 15px 0px; font-size: 13px; }

	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 200px; width: 100%; }
	
	.Get_sec { width: 100%; }
	.Get_sec .Mid { width: 100%; padding: 30px 4%; }
	.Get_sec .Leftside { width: 100%; float: right;}
	.Get_sec .Leftside p { margin: 0 0 20px; } 
	.Get_sec .Leftside input.field { padding: 10px 20px; }
	.Get_sec .Leftside textarea { padding: 10px 20px; height: 125px; }
	.Get_sec .Leftside .button { margin: 0px; padding: 12px 0px; -webkit-appearance: none; }

	.Get_sec .Rightside { padding-top: 0px; width: 100%; }
	.Get_sec .Rightside h3 { font-size: 30px; padding-bottom: 10px; }
	.Get_sec .Rightside address { padding: 0 0 15px 47px; }
	.Get_sec .Rightside ul { padding: 10px 0 0 3px; }

	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 10px 3%; }	
}