/*
CSS Module
*/
@media (max-width: 1024px) {

.wrap-synopticlist{
	overflow: scroll;
	margin-left:20px;
	}

}

@media (max-width: 768px) {
/*
============================================================
*/
div#smtNav{
	position: fixed;
	display: block;
	top:auto;
	bottom:-1px;
	width: 100%;
	height:60px;
	padding:10px;
	z-index: 10000000;
	}
header,
div#fixNav{
	top: -9999px;
	display: none;
	}
footer img.footer-logo{
	display: none;
	}
footer{
	margin-top:10px;
	margin-bottom:70px;
	}
footer .wrapFooter .block ul li a {
    display: block;
	}

h2.titleDoor div,
div.wrap-appeal h3,
h2.titleSupport{
	font-size:22px;
	text-align: left;
	}

/*
============================================================#breadcrumb / Nav
*/
#breadcrumb{
	margin-bottom:10px;
	}

#breadcrumb,
.contentNav,
.contentBody,
.descriptionPhoto,
ul.list-photogallery{
    width: calc(100% - 20px);
	margin-left:auto;
	margin-right:auto;
	min-height: auto;
	}
.contentBody{
    width: calc(100% - 0px);
	margin-top: 60px;
	}
/*
============================================================News
*/
div.setNewsPost{
    width: calc(100% - 20px);
	margin:0 auto 30px auto;
	}
div.setNewsPost ul.wrapPost > li.photo,
div.setNewsPost ul.wrapPost > li.photo img,
div.setNewsPost ul.wrapPost > li.detail{
	width: 100%;
	}


/*
============================================================Event
*/
.wrap-table{
	overflow: scroll;
    width: calc(100% - 40px);
	}
.wrap-table th,
.wrap-table td{
	font-size: 10px;
	}
table.listEvent tr th,
table.listEvent tr td{
	font-size: 10px;
	line-height: 18px;
	}



/*
============================================================photogallery
*/
ul.list-photogallery{
	text-align: left;
	}
ul.list-photogallery li{
	height:140px;
	}
ul.list-photogallery li img{
	width: auto;
    height: 300px;
	}
/*
============================================================Support
*/
.contentNav ul{
	height:auto;
	margin-bottom:40px;
	}
.contentNav ul li,
ul.listPdf li:nth-child(3n){
	margin-bottom:10px;
	margin-right: 15px;
	}
.contentNav ul li a{
	border-bottom: 2px solid #eee;
	}
ul.listPdf {
    text-align: left;
	}

ul.listPdf li .pdf-default{
	margin-bottom:0;
	}

ul.listPdf li {
    width: calc((100% - 30px) / 2);
	margin-bottom:10px;
	margin-right: 15px;
	}
ul.listPdf li .coverPdf{
	width: 110px;
    text-align: center;
    padding-right: 15px;
	}

ul.listPdf li .titlePdf{
	width: calc(100% - 160px);
	left: 110px;
	}
ul.listPdf li .coverMovie img{
	height:55px
	}
ul.listPdf li a.video .titlePdf{
	width: calc(100% - 160px);
	height:55px;
    left: 110px;
	}
ul.listPdf li .coverMovie {
    width: 110px;
    height: 55px;
    overflow: visible;
	}
div.wrapBrochures ul.listPdf li a{
	height: auto;
	}


ul.listPdf li .coverMovie:after{
    line-height: 55px;
	}
.wrap-videos .coverMovie:after{
    line-height: 280px;
	}




/*
============================================================Products
*/
.wrap-categorydoor ul li:last-child, .wrap-categorydoor ul li:nth-last-child(2){
	margin-bottom:20px;
	}

h2.titleCategory.ex-title{
    padding: 0px 0;
    background-position: -157px -21px;
    background-size: 145%;
    background-repeat: no-repeat;
	}

.wrap-speclist{
	width:calc(100% - 20px);
	max-width:none;
	}
.wrap-speclist ul.title-spec,
.wrap-speclist ul.title-spec2{
	width:150px;
	vertical-align: top;
	}
.wrap-speclist ul li{
	font-size: 10px;
	}
.wrap-speclist .scroll-wrap{
	width:calc(100% - 150px);
	display: inline-block;
	overflow: auto;
	}
.wrap-speclist .innner-wrap{
	width: 800px;
	max-width: none;
	}
	.wrap-speclist .innner-wrap.turbine{ width: 1080px;}
	.wrap-speclist .innner-wrap.turbine ul{ width:calc(100% / 7);}
	.wrap-speclist .innner-wrap.contra{ width: 800px;}
	.wrap-speclist .innner-wrap.contra ul{ width:calc(100% / 7);}


.wrap-speclist ul:nth-child(8n+1){
	margin-left:0;
    margin-bottom: 40px;
	}
.wrap-speclist ul.title-spec,
.wrap-speclist ul.title-spec2,
.wrap-speclist ul{
	margin-bottom: 0;
	}
.wrap-speclist ul.title-spec2{
	/*display: none;*/
	margin-bottom: 16px;
	margin-bottom: 8px;
	opacity: 0.5;
	}
.wrap-synopticlist{
	overflow: scroll;
	margin-left:20px;
	}

.wrap-categorydoor ul {
    text-align: center;
	}
.wrap-categorydoor ul li {
    width: calc(100% - 20px);
	margin-right:0;
    }
div.wrap-function ul {
    text-align: center;
	}
div.wrap-function ul li {
    width: calc(100% - 20px);
	margin-right:0;
	}
div.wrap-related ul {
	width:calc(100% - 20px);
    text-align: left;
	margin:0 auto;
	}

div.wrap-related ul li,
div.wrap-related ul li:nth-child(3n),
div.wrap-related ul li:nth-last-child(2n),
div.wrap-related ul li:nth-last-child(3n){
	width: 100%;
	max-width:400px;
	margin:0 auto 10px auto;
	display: block;
	}

div.wrap-function ul li img {

	}
div.wrap-function ul li div.function-text {
    width: calc(100% - 0px);
	}
.wrap-product .list-wrap{
	padding:10px;
	}
.wrap-product p.img-product{
    text-align: center;
    max-width: 650px;
    width: 100%;
    display: block;
    margin: 0 auto;
	}
.wrap-product img.cupling{
	position: relative;
    display: block;
    left: auto;
    right: auto;
    margin: 0 auto;
	}

.list-wrap ul > li {
    padding: 5px 0px;
	}
.list-wrap ul li.list-vis,
.list-wrap ul li.list-detail{
    width: 100%;
	}
.list-wrap ul li.list-detail ul.model li:nth-child(1),
.list-wrap ul li.list-detail ul.model li:nth-child(3n+1){
	border: none;
	}
.list-wrap ul li.list-detail ul.model li,
.list-wrap ul li.list-detail ul.model li:nth-child(3n){
	width:100%;
	}

div.wrap-appeal{
	width:calc(100% - 20px);
	margin:0 auto 40px auto;
	}
div.wrap-appeal ul.appeal-right li,
div.wrap-appeal ul.appeal-left li,
div.wrap-appeal ul.appeal-right li:nth-child(2),
div.wrap-appeal ul.appeal-left li:nth-child(1){
	margin-left:0;
	width:100%;
	}
div.wrap-appeal ul.appeal-right li img,
div.wrap-appeal ul.appeal-left li img{
	display: block;
	margin:10px auto;
	}
div.wrap-youtube iframe{
    height:150%;
	}

div.wrap-tips{
    margin: 20px auto 20px auto;
	}
div.wrap-tips ul{
	width: calc(100% - 20px);
	margin:0 auto 10px auto;
	}
div.wrap-tips ul li,
div.wrap-tips ul li:nth-child(3n),
div.wrap-tips ul li:nth-last-child(3),
div.wrap-tips ul li:nth-last-child(2),
div.wrap-tips ul li:nth-last-child(1){
	width: 100%;
	max-width:400px;
	margin:0 auto 10px auto;
	display: block;
	}
div.wrap-tips ul li img{
	margin-bottom:0;
	}
div.wrap-tips ul li a{min-height: auto;}

div.wrap-repimg ul.contents li,
div.wrap-repimg ul.contents li:nth-child(5n) {
    letter-spacing: normal;
    margin-right: 5px;
    width: calc((100% - 5px)/2)!important;
	}
div.wrap-repimg ul.contents li:nth-child(2n) {
    margin-right: 0;
	}

.list-wrap.list-tips ul li.list-vis,
.list-wrap.list-tips ul li.list-detail{
	width: 100%;
	display: block;
	}
.list-wrap ul li.list-vis img{
	display: block;
    margin: 0 auto 20px auto;
	}
/*
============================================================Contact
*/
div.wrapContact ul.regional_hq > li,
div.wrapContact div.region,
div.wrapContact div.region:nth-child(1),
div.wrapContact div.region:nth-child(2),
div.wrapContact div.region:nth-child(2n+1){
	letter-spacing: normal;
	width:calc((100% - 20px));
	margin-right:auto;
	margin-left: auto;
	vertical-align: top;
	display: block;
	}
div.wrapContact{
	margin-bottom:40px;
	}
div.wrapContact h2.titleRegion div {
    max-width: 80%;
    margin: 0 auto 0 0;
    font-size: 31px;
    line-height: 41px;
	}

div.wrapContact div.region:nth-child(3) ul li {
    width: calc((100% - 20px) / 2);
	}
div.page-col2-left .pagecol-tex, div.page-col2-right .pagecol-tex {
    width: calc(100% - 0px);
	}
div.wrapContact div.contactDetail{
	width:100%;
	margin-right:0;
	}
div.wrapContact dl.mailform dt,
div.wrapContact dl.mailform dd{
	width:100%;
	margin:0;
	margin-bottom:10px;
	}

/*
============================================================Region
*/
div.page-col2-left img, div.page-col2-right img {
	display: block;
    width: 150px;
    margin-bottom: 40px;
    margin: 0 auto 40px auto;
	}

/*
============================================================
*/

/*
============================================================modaal
*/
.modaal-wrapper *{
    max-width: 100%;
	}
.wrap-specifications2,
.wrap-features2,
.wrap-contents2{
    width: 100%;
	}
.modaal-content-container img.cupling,
.wrap-cuplings img.cupling{
	display: block;
	margin:20px auto 40px auto;
	}
.modaal-content-container h3.itemName{
	width:100%;
	}
.modaal-content-container h3.itemName p.title{
	font-size: 24px;
	}
.modaal-content-container h3.itemName span,
.modaal-content-container .list-wrap h3 span{
	margin-left:0;
	}
.modaal-content-container p.icon-thermo2 {
	width: calc(100% - 0px);
    position: relative;
    top: 20px;
    text-align: left;
    height: 40px;
	}
.modaal-content-container ul.model,
.modaal-content-container ul.model li,
.modaal-content-container ul.model li:nth-child(1),
.modaal-content-container ul.model li:nth-child(3n+1),
.modaal-content-container ul.model li:nth-child(2n){
	width: 100%!important;
	}
ul.specifications li{
    width: calc(100% - 100px);
	}
ul.specifications li:nth-child(1),
ul.specifications li:nth-child(2n+1){
	width:100px;
	}



}


@media (max-width: 375px) {

.wrap-videos .coverMovie:after{
    line-height: 220px;
	}

}