section[data-cattype="304"] {z-index:2;}

section[data-cattype="304"] .listMission{padding:35px 29px}

section[data-cattype="304"] .icon{height:50px; vertical-align:middle; display: inline-flex;}

section[data-cattype="304"] h2 {color:#e30007;  font-weight:bold;}

section[data-cattype="304"].big-title h2{
	color:#272324;
	font-size: 25px;
    margin-bottom: 10px;
}

.morph-content .no-header > h1.section-title, .morph-content section.no-header > .container > h1.section-title {
    display: block;
}


section[data-cattype="304"] .mission-description{margin-top:10px;}



[data-cattype="304"] .list-quicklink{
    margin: 30px 0;
}

[data-cattype="304"] .list-quicklink li{
    width: 23%;
    margin: 0 10px;
}







.content-inner{
    max-width: 1300px;
}

.content-inner ul li.vehicle-types {
    width: 275px;
    padding: 60px 0;
    vertical-align: top;
	display: inline-block;
}

.pageHino300Series .callpage .content-style-overlay h1,
.pageHino500Series .callpage .content-style-overlay h1,
.pageHino700Series .callpage .content-style-overlay h1,
.pageBuses .callpage .content-style-overlay h1
 {
    color: #000;
}
.pageHino300Series .morph-button-overlay .morph-content,
.pageHino500Series .morph-button-overlay .morph-content,
.pageHino700Series .morph-button-overlay .morph-content,
.pageBuses .morph-button-overlay .morph-content{background: repeat-x top rgba(255, 255, 255, 0.92);}


.pageHino300Series ul li.vehicle-types .submenu-content,
.pageHino500Series ul li.vehicle-types .submenu-content,
.pageHino700Series ul li.vehicle-types .submenu-content,
.pageBuses ul li.vehicle-types .submenu-content {
    border-left: 1px solid #000;
    padding-left: 30px;
    padding-right: 30px;
	min-height: 250px;
}

.pageHino300Series ul li.vehicle-types:first-child .submenu-content,
.pageHino500Series ul li.vehicle-types:first-child .submenu-content,
.pageHino700Series ul li.vehicle-types:first-child .submenu-content,
.pageBuses ul li.vehicle-types:first-child .submenu-content{
	border-left: 0;
}

.pageHino300Series .morph-button-fixed .morph-content.callpage > div .icon-close::before,
.pageHino500Series .morph-button-fixed .morph-content.callpage > div .icon-close::before,
.pageHino700Series .morph-button-fixed .morph-content.callpage > div .icon-close::before,
.pageBuses .morph-button-fixed .morph-content.callpage > div .icon-close::before    {
    display:none;
}
.pageHino300Series .morph-button-fixed .morph-content.callpage > div .icon-close,
.pageHino500Series .morph-button-fixed .morph-content.callpage > div .icon-close,
.pageHino700Series .morph-button-fixed .morph-content.callpage > div .icon-close,
.pageBuses .morph-button-fixed .morph-content.callpage > div .icon-close{
display: inline-block;
}

.pageHino300Series .morph-button-fixed .morph-content.callpage > div .icon-close img,
.pageHino500Series .morph-button-fixed .morph-content.callpage > div .icon-close img,
.pageHino700Series .morph-button-fixed .morph-content.callpage > div .icon-close img,
.pageBuses .morph-button-fixed .morph-content.callpage > div .icon-close img {
    display: block;
}


@media (min-width: 768px) and (max-width: 980px) {
    section.big-title[data-cattype="304"] h2 {
        font-size: 20px;
	}
    
    section[data-cattype="304"] .container{
        width: 100%;
        padding: 0;
    }
    
    [data-cattype="304"] .list-quicklink li,
    section[data-cattype="304"] .listMission {
        text-align: center;
        padding: 20px 10px;
        width: 23%;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
	
	section[data-cattype="304"]{padding:0; overflow:hidden;}
	
    
    section[data-cattype="304"] .container{
        width: 100%;
        padding: 0;
    }
    
    [data-cattype="304"] .list-quicklink li,
    section[data-cattype="304"] .listMission {
        text-align: center;
        padding: 20px 10px;
/*        background: #000;*/
        min-height: 150px;
        margin: 0;
        width: 25%;
    }
    
    [data-cattype="304"] .list-quicklink li:hover,
	section[data-cattype="304"] .listMission:hover{
/*        background:#e30007;*/
    }
	
    [data-cattype="304"] .list-quicklink li .btn{
        padding: 5px 10px;
        font-size: 14px;
    }
    
    section[data-cattype="304"] .icon {display:block; width:55px; vertical-align: top; height:auto; margin: 0 auto;  }
	section[data-cattype="304"] h2 {display:inline-block;}
  	section[data-cattype="304"] .mission-description{display:none;}
	
	section.big-title[data-cattype="304"] h2 {
        font-size: 18px;
/*        color: #fff;*/
        text-align: center;
	}
	.pageHino300Series ul li.vehicle-types .submenu-content,
	.pageHino500Series ul li.vehicle-types .submenu-content,
	.pageHino700Series ul li.vehicle-types .submenu-content,
	.pageBuses ul li.vehicle-types .submenu-content {
		border-left: 0px;
		padding-left: 0px;
		padding-right: 0px;
		
	}
}


@media screen and (max-width: 480px) {
    [data-cattype="304"] .list-quicklink li,
    section[data-cattype="304"] .listMission {
        padding: 20px 10px;
        min-height: 150px;
        width: 50%;
    }
}