/*------------------1365px--------------------*/
@media screen and (max-width:1499px){

	 /*---container---*/
	.container{width:1320px;}
	/*---container---*/

	/*---header----*/
	.main-header .logo .normal-logo img{
	  max-width:215px;
	}
	.header-top-text p{
	    font-size: 15px;
	    margin-top: 14px;
	}	
	.header-right .header-menu .menu-header-menu-container ul li{
	    padding:10px 5px;
	    margin:2px 6px;
	}
	.header-right .header-menu .menu-header-menu-container ul li a {
	    font-size: 17px;
	    padding-right: 9px;
	}	
	.header-right .header-menu .menu-header-menu-container ul li.menu-item-has-children {
	    background-position:right 0px top 19px;
	}	
	/*---header----*/
.product-to-label-area ul li{width: 150px;margin-right: 19px;
margin-left: 19px;}
.product-to-label-area ul li figure a{height: 150px}
.left_footer{width: 890px;}
.product_sec li{margin-right: 26px;}
.banner-box ul{padding: 0 24px;}
.header-phone-no p{font-size: 24px;}
}

/*------------------1365px--------------------*/

/*------------------1365px--------------------*/
@media screen and (max-width:1365px){

    /*---container---*/
	.container{width:1240px;}
	/*---container---*/	

	/*---header----*/
	.main-header .logo .normal-logo img{
	  max-width:215px;
	}
	.header-right .header-menu .menu-header-menu-container ul li {
	    padding: 10px 5px;
	    margin: 2px 5px;
	}   
	.main-header .header-menu .menu-header-menu-container ul li a{
	    font-size:16px;
	    padding-right:9px;
    }
	/*---header----*/
/*----product-area----*/
	
	.product-main-area ul li {
	    display: inline-block;
	    width: 47%;
	    vertical-align: top;
	    margin: 0px 40px 60px 0px;
	}
	.product-box .product-details p {
	    font-size: 20px;
	    min-height: auto;
	}	
	/*----product-area----*/


	.product-to-label-area ul li {
	    
	    margin-right:42px;
	    display: inline-block;
	}
	
	/*----inquery----*/	
	.inquery .inquery-area .inquery-details p {
	   font-size:19px;
	}
	/*----inquery----*/

.contact-container .field-row input.btn-submit {
    margin-right: 10px;
}
.right_footer{width: 250px;}
.left_footer {
    width: 790px;
}
.banner-box ul{padding: 0}
.banner-box ul li{margin-right: 9px}
.sl-head span {	font-size: 26px;	margin-top: 12px;}
.header-phone-no p{font-size: 22px;}
}
/*------------------1365px--------------------*/


/*------------------1275px--------------------*/
@media screen and (max-width:1275px){

    /*---container---*/
	.container{width:1100px;}
	/*---container---*/

	/*---header-top---*/
	.header-top-text {
	    line-height:30px;
	}
	.header-top-text p{
	    font-size:13px;
	}
	.search-form .search-field {
	    padding: 10px 15px;
	    font-size: 15px;width: 245px;
	}
	.header-phone-no p{
	    font-size:15px;
	}
	.header-left .logo {
	    float: left;
	    margin-top: 27px;
	    width:100%;
	}
	.header-right .header-menu .menu-header-menu-container ul li.menu-item-has-children{
	    background-position:right 0px top 17px;
	}	
	/*---header-top---*/
	/*---header---*/
	
	.header-right {
	    float: right;
	    width: 73%;
	}	
	.header-right .header-menu .menu-header-menu-container ul li a {
	    font-size: 14px;
	    padding-right: 9px;
	}	
	/*---header---*/


	/*----product-area----*/
	.product-main-area ul li {
	    display: inline-block;
	    width: 47%;
	    vertical-align: top;
	    margin: 0px 50px 60px 0px;
	}
	.product-box .product-details p {
	    font-size: 20px;
	    min-height: auto;
	}	
	/*----product-area----*/


	.product-to-label-area ul li {
	   
	    margin-right: 36px;
	    display: inline-block;
	}
	   

	/*----inquery----*/	
	.inquery .inquery-area .inquery-details p {
	    font-size:16px;
	}
	/*----inquery----*/
.g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
.contact-container .field-row input[type="submit"], .contact-container .field-row input[type="reset"]{width: 47%;}
.contact-container.request .contact-left{width: 700px;}
.header-left .logo{margin-top: 34px;}
.banner-box ul li{width: 268px;}
}
/*------------------1275px--------------------*/

/*------------------1150px--------------------*/
@media screen and (max-width:1150px){

    /*---container---*/
	.container{width:1000px;}
	/*---container---*/
	

	/*---header----*/
		
	.header-right .header-menu .menu-header-menu-container ul li {
	    padding: 10px 5px;
	    margin: 2px 0px;
	}	
	.header-right .header-menu .menu-header-menu-container ul li a {
	    font-size: 14px;
	    padding-right: 9px;
	}
	.header-right .header-menu .menu-header-menu-container ul li.menu-item-has-children {
	    background-position: right -1px top 18px;
	}
	/*---header----*/

	/*----product-area---*/
	.product-main-area ul li {
	    display: inline-block;
	    width:48%;
	    vertical-align: top;
	    margin:0px 33px 60px 0px;
	}
	.product-box .product-details p{
	    min-height: auto;
	}	
	/*----product-area---*/
	
	/*---product-to-label---*/
	.product-to-label-area ul li{
	   
	    
	    margin-right:64px;
	    
	}
	/*---product-to-label---*/

	
	/*----inquery----*/
	.inquery .inquery-area {
	    display: block;
	    width: 85%;
	    margin: 0 auto;
	}
	.inquery .inquery-area .inquery-details p {
	    font-size: 16px;
	}
	/*----inquery----*/

	/*-----footer-----*/
	.footer-main .footer-menu ul li a{
	    font-size:16px;
	}
	.footer-main .footer-menu-1 ul li a{
	    font-size:16px;
	}    
	.footer-details .footer-address p{
	    margin-top:20px;
	    width:50%;
	    font-size:15px;
	    padding-bottom:20px;
	    line-height:30px;
	}
	.footer-details .footer-phone-no p {
	    font-size: 17px;
	}
	.header-left{width: 27%;}
	.header-right ul li ul.sub-menu{max-width: 430px}
	.header-right .header-menu .menu-header-menu-container ul li ul.sub-menu li a{font-size: 13px;}
	/*-----footer-----*/
	.banner .slid-txt{bottom: 180px;}
	.banner .slid-txt h2 p.banner-title {    font-size: 51px;}
	.leading-title h1,.leading-title h2{font-size: 36px}
	.product-to-label-area ul li {    margin-right: 20px;}
	header.sticky .header-right .header-menu .menu-header-menu-container ul li{padding: 10px 7px;}
	.inner_footer{padding: 0 50px;}
	.right_footer a{font-size: 17px;}
	.image_sec li figure span{float: none;}
	.inner_page h1{font-size: 33px}
	.inner_page h2{font-size: 19px;}
	.inner_page p{line-height: 26px;margin-bottom: 17px;    font-size: 17px;}
	.inner_page p {    margin-bottom: 13px;    font-size: 16px;}
	.video iframe {    height: 285px;}
	.detail_rgt figure span{height: 280px;}
	.inner_page h1 {    font-size: 31px;}
.detail_page{margin-bottom: 40px;margin-top: 30px;}
	.right_footer{width: 210px;}
.left_footer{width: 690px;}
.inner_sec h4{font-size: 18px;}
.top_cnt h3{font-size: 23px;}
.product_sec li{width: 23%}
.product_sec li:nth-child(5n) {    margin-right: 26px;}
.product_sec li:nth-child(4n){margin-right: 0}
.iner-lft {	float: left;	width: 100%;}
.iner-rgt {	float: right;	width: 100%;	margin-top: 30px;}
.product_sec.machine_page li{width: 31%;float: none;display: inline-block;text-align: center;vertical-align: top;}
.product_sec.machine_page li:nth-child(3n){margin-right: 0}
.product_sec.machine_page ul{float: none;display: inline-block;text-align: center;}
	.banner{height: 365px;}
.sl-head span{font-size: 24px;}
.sl-head span.banner-subtitle { font-size: 18px;}
.banner-box ul li{width: 243px;}
.leading-area{padding: 20px 0 65px 0px;}
.banner .slid-txt h2 p.banner-title{font-size: 48px;}
ul#banner{display: none;}
#banner-mobile.mobile-banner {    display: block;}
}
/*------------------1150px--------------------*/


/*------------------1023px--------------------*/
@media screen and (max-width:1023px){

	/*---container---*/
	.container{width:782px;}
	/*---container---*/

    /*----header----*/ 
		.header-right .header-menu .menu{
		  display:none;
		}
		.header a.burger-menu{
		  background-image: url('../image/menu-icon.png');
		  background-repeat: no-repeat;
		  background-position: left center;
		  width:20px;
		  height:16px;
		  display:block;
		  float:left;
		  
		}
        .header-left{
            width: 100%;
            float: left;
            text-align: center;
        }
    .header-left .header-top-main {
        float: left;
        width: 100%;
    }    

    .burger-menu-area{
        float:left;
        width:auto;
        margin-top: 12px;
    }
    
    .header-top-text{margin-bottom:20px;}
    .header-top-text p{
        margin-top:0px;
    }
    
    .header-left .logo {
        float:none;
        
        width:auto;
        margin:0 auto;
        
    }
.header-phone-no p a{color:#fff;}    
    
.header-right, .header-serach{width: 100%;padding-right: 0} 
.search-form .search-field{width: 100%; box-sizing: border-box;}
.search-form .search-submit{top:0;}
/*----header----*/ 

	/*---banner---*/
	.banner .slid-txt {
	    display:block;
	    width: 100%;
	}	
	.banner .slid-txt h2 p.banner-title{
	    font-size:42px;
	}    
	.header-right .headder-right-bottom{
	    display:none;
	}
	.header-phone-no{
	    display:none;
	}
	.header-phone-no.tablet {
        display:block;
        float:right;
        width:auto;
        margin-top: -45px;
    }
    	
	/*---banner---*/

	/*----leading-area---*/
	.leading-area{
	   padding:40px 0px;
	}
	.leading-title h1,.leading-title h2{
	   font-size:25px;
	}
	.leading-details p {
	    font-size:15px;
	    font-family:'Segoe-UI-Light';
	    color: #000000;
	    line-height:31px;
	}	
	/*----leading-area---*/

	/*-----product-area------*/
	.product-main-area ul li {
		display: inline-block;
		width: 47%;
		margin: 0px 40px 30px 0px;
		vertical-align: top;
	}
	.product-box .product-title {
	    padding: 25px 15px 0px 15px;
	    display: block;
	    width: 100%;
	}
	.product-box .product-title h3 {
	    font-size: 18px;
	}
	.product-box .product-details{
	    padding:15px 15px;
	    display:block;
	    width:100%;
	}
	.product-box .product-details p{
	    font-size:15px;
	    line-height:26px;
	}
	.product-box .product-link {    
	   padding:15px;
	}
	/*-----product-area------*/
	/*----inquery----*/
	.inquery .inquery-area{
	    display: block;
	    width: 100%;
	    margin: 0 auto;
	}
	.inquery .inquery-area .inquery-details {
	    display: inline-block;
	    width: 70%;
	    vertical-align: top;
	}	
	.inquery .inquery-area .inquery-now {
	    display: inline-block;
	    width: 24%;
	    text-align: center;
	}	
	.inquery .inquery-area .inquery-details p {
	    font-size: 15px;
	}	
	.inquery .inquery-area .inquery-now a{
	    padding: 14px 36px;
	    font-size: 15px;
	}
	/*----inquery----*/


	/*----product-to-label-----*/

	.our-client .our-client-title h2{
	    text-align:center;
	}
	/*----product-to-label-----*/


	.product-to-label-area ul li{
        
        margin-bottom: 20px;
        display: inline-block;
        margin-right: 31px;
	}	
	
	/*-----footer-----*/
	.footer-main .footer-menu {
	    width:45%;
	    float: left;
	}
	.footer-main .footer-menu-1 {
	    width:45%;
	    float:left;
	    margin-left:30px;
	}
	.footer-main .footer-details {
	    float: left;
	    width: 100%;
	    color: #ffffff;
	    margin-top: 40px;
	}
	.footer-details{
		margin-top:25px;
	}
	/*-----footer-----*/
	.mm-navbar:first-child {    display: none;}
	.mm-listitem::after{left: 0 !important;}
	.product-to-label-area ul li .service-title p{font-size: 15px;}
	.product-to-label-area ul li figure a{height: 140px;padding: 20px;box-sizing: border-box;}
	.product-to-label-area ul li{margin-bottom: 40px;width: 140px;}
	.footer-details .footer-logo {    padding-bottom: 0;}
	.header-phone-no.tablet a{color: #fff;background: #fa0109;padding: 10px 16px;font-size: 17px;font-weight: 600;float: left;box-sizing: border-box;line-height: 25px;}
	.header-phone-no.tablet a:hover{background: #000;}
	.mm-listitem a:hover{
		    color:#e71e25 !important; 
		}
header.sticky .header-phone-no.tablet{display: none;}
.bottom_footer{font-size: 17px;}
.left_footer {    width: 572px;}
.left_footer .small{margin-left: 26px;}
.inner_footer {    padding: 0;}
.image_sec li{width: 49%;margin-bottom: 10px;}
.image_sec li:nth-child(2n+1){margin-left: 0}
.video_sec ul li {    margin-left: 30px;    margin-bottom: 30px;}
.inner_page p{font-size: 15px;line-height: 23px;}
.video iframe {    height: 255px;}
.contact-container .field-row{width: 100%;}
.inner_page .contact-right p{margin-bottom: 0}
.contact-container.request .field-row{width: 49%;}
.detail_lft .product-box .product-title h3 {    font-size: 17px;    min-height: 50px;}
.detail_lft .product-box .product-details p {    font-size: 15px;}
.inner_page .product-to-label-area ul li {    width: 150px;margin-right: 25px;}
.inner_page .product-to-label-area ul li figure span{height: 150px;}
#menu.mm-menu_opened{display: inline-block;}
.detail_lft .product-main-area ul li{width: 47%}
.product_sec li {    width: 31%;}
.product_sec li:nth-child(4n) {    margin-right: 26px;}
.product_sec li:nth-child(3n) {    margin-right: 0;}
.product_sec{margin-top: 35px}
.product_sec.machine_page li:nth-child(3n) {    margin-right:0px;}
.product_sec.machine_page li {    width: 31%;}
.product_sec.machine_page li{width: 47%}
.product_sec.machine_page li:nth-child(3n){margin-right: 26px}
.product_sec.machine_page li:nth-child(2n){margin-right: 0}
.desc p{min-height: 250px}
.header-left .logo{width: 30%;}
header{padding: 10px 0;}
.banner-box ul li {    padding: 0px 5px;    width: 25%;    margin: 0;}
.banner-box ul{margin-top: -88px;}
.banner .slid-txt{top:67px;bottom: 0;}
.banner{background-position: center center !important;}
}

/*------------------1023px--------------------*/

/*------------------810px--------------------*/
@media screen and (max-width:810px){

	/*---container---*/
	.container{width:750px;} 
	/*---container---*/


    /*----header----*/ 
		.main-header .header-menu .menu{
		  display:none;
		}
		.mobile-memu-area a.burger-menu{
		  background-image: url('https://www.hyooauto.com/template/default/images/menu-icn.png');
		  background-repeat: no-repeat;
		  background-position: left center;
		  width:60px;
		  height:50px;
		  display:inline-block;
		}

    /*----header----*/ 
	/*---banner---*/
	
	.banner .slid-txt h2 p.banner-title{
	    font-size:42px;
	}    
	/*---banner---*/

	/*----leading-area---*/
	.leading-area{
	   padding:40px 0px;
	}
	.leading-title h1,.leading-title h2{
	   font-size:25px;
	}
	.leading-details p {
	    font-size:15px;
	    font-family:'Segoe-UI-Light';
	    color: #000000;
	    line-height:31px;
	}	
	/*----leading-area---*/
	/*-----product-area------*/
	.product-main-area ul li {
		margin: 0px 40px 30px 0px;
		vertical-align: top;
	}
	.product-box .product-title {
	    padding: 25px 15px 0px 15px;
	    display: block;
	    width: 100%;
	}
	.product-box .product-title h3 {
	    font-size: 18px;
	}
	.product-box .product-details{
	    padding:15px 15px;
	    display:block;
	    width:100%;
	}
	.product-box .product-details p{
	    font-size:15px;
	    line-height:26px;
	}
	.product-box .product-link {    
	   padding:15px;
	}
	/*-----product-area------*/

	/*----product-to-label-----*/
	.product-to-label-area ul li {
	   
	    margin-bottom: 20px;margin-right: 20px;
	}
	/*----product-to-label-----*/


		

	/*------inquery------*/
	.inquery .inquery-area {
	    display:block;
	    width:100%;
	    margin-bottom:15px;
	}
	.inquery .inquery-area .inquery-details {
	    vertical-align: middle;
	    text-align: left;
	}
	.inquery .inquery-area .inquery-now a {    box-sizing: border-box;    width: 100%;    float: left;}
	.inquery .inquery-area .inquery-details p {    font-size: 17px;}
	/*------inquery------*/

	/*-----footer-----*/
	.footer-main .footer-menu {
	    width:45%;
	    float: left;
	}
	.footer-main .footer-menu-1 {
	    width:45%;
	    float:left;
	    margin-left:30px;
	}
	
	.footer-details{
		margin-top:25px;
	}
	.product-to-label{padding: 40px 0px 20px 0px;}
	.product-to-label .title h2 {    font-size: 27px;}
	.our-client {    padding: 40px 0px;}
	/*-----footer-----*/
.right_footer{width: 210px;padding: 12px 0 13px}
.right_footer a{font-size: 15px;}
.left_footer {    width: 540px;padding: 13px 0;}
.inner_page h1 {
    font-size: 30px;line-height: 37px;}
.detail_lft{width: 100%;}
.detail_rgt{width: 100%;}
.detail_page{margin-top: 10px;}
.inner_page .product-to-label-area ul li figure span {    height: 130px;}
.inner_page .product-to-label-area ul li {    width: 130px;    margin-right: 10px;}
.product_sec h3{font-size: 17px}
span.screen-reader-text{font-size: 19px}
}
/*------------------810px--------------------*/

/*------------------767px--------------------*/
@media screen and (max-width:767px) {

    /*---container---*/
	.container{width:620px;}
	/*---container---*/


    /*----header----*/ 
		.main-header .header-menu .menu{
		  display:none;
		}
		.mobile-memu-area a.burger-menu{
		  background-image: url('https://www.hyooauto.com/template/default/images/menu-icn.png');
		  background-repeat: no-repeat;
		  background-position: left center;
		  width:60px;
		  height:50px;
		  display:inline-block;
		}

    /*----header----*/ 

	/*---banner---*/
	
	.banner .slid-txt h2 p.banner-title{
	    font-size:38px;
	}   
	.banner {
    height: 265px;
} 

	/*---banner---*/

	/*----leading-area---*/
	.leading-area{
	   padding:40px 0px;
	}
	.leading-title h1,.leading-title h2{
	   font-size:22px;
	}
	.leading-details p {
	    line-height:26px;
	}	
	/*----leading-area---*/
	/*-----product-area------*/
	.product-main-area ul li {
		margin: 0px 30px 30px 0px;
	}
	.product-box .product-title {
	    padding: 25px 15px 0px 15px;
	    display: block;
	    width: 100%;
	}
	.product-box .product-title h3 {
	    font-size: 18px;
	}
	.product-box .product-details{
	    padding:15px 15px;
	    display:block;
	    width:100%;
	}
	.product-box .product-details p{
	    font-size:15px;
	    line-height:26px;
	}
	.product-box .product-link {    
	   padding:15px;
	}
 .product-to-label-area ul li {
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 60px;
    }
.inquery .inquery-area .inquery-now a{padding: 14px 0px;}
	/*-----footer-----*/
	.footer-main .footer-menu {	    width:45%;	    float: left;	}
	.footer-main .footer-menu-1 {	    width:45%;	    float:left;	    margin-left:30px;	}
	.footer-details{		margin-top:25px;	}
	/*-----footer-----*/
.inquery .inquery-area .inquery-details {    vertical-align: top;}
.inquery .inquery-area{margin-bottom: 0}
.inquery{padding: 30px 0px;}
.product-to-label .title h2{padding-bottom: 15px;}
.banner .slid-txt {    bottom: 130px;}
.right_footer::before {    border-bottom: 46px solid #707a7e;    border-left: 32px solid transparent;    left: -32px;}
.right_footer a {    font-size: 14px;}
.right_footer {    width: 196px;}
.left_footer {    width: 424px;}
.bottom_footer {    font-size: 15px;}
.inner_page h1 {    font-size: 28px;}
.inner_page h2 {    font-size: 18px;}
.inner_page p {    line-height: 25px;    margin-bottom: 13px;    font-size: 16px;}
.image_sec li {    width: 48%;float: none;display: inline-block;}
.video_sec ul li {    width: 100%;    margin-left: 0;}
.contact-container .contact-left {    width: 100%;}
.contact-container .contact-right {    width: 100%;margin-top: 20px;}
.contact-container .field-row {    width: 48%;}
.contact-container{margin: 30px 0;}
.contact-container.request .contact-left{width: 100%;}
.cnt_rgt{width: 100%;margin: 10px 0;}
.cnt_lft {	width: 100%;margin: 10px 0;}
.top_cnt h3{margin: 26px 0 10px;font-size: 22px;}
.top_cnt h5{font-size: 18px;}
.inner_sec{margin:10px 0;}
.detail_rgt figure{width: 100%}
.detail_lft .product-main-area ul li{width: 47%}
.page-id-267 .inner_sec {
    margin: 20px 0 30px;
}
.product_sec li {
    width: 30%;
}
.product_sec figure span{height: 160px}
.product_sec h3{font-size: 15px}
.product_sec.machine_page li {
    width: 47%;
}
.product_sec.machine_page li:nth-child(3n) {
    margin-right: 26px;
}
.product_sec.machine_page li:nth-child(2n) {
    margin-right: 0;
}
.banner-box ul {    margin-top: 20px;}
.banner .slid-txt{top:50px;bottom: 0}
.banner-box ul li{width: 100%;}
}
/*------------------767px--------------------*/

/*------------------639px--------------------*/
@media screen and (max-width:639px){

  /*---container---*/	
  .container{width:548px;}
  /*---container---*/	
    /*----header----*/ 
		.main-header .header-menu .menu{
		  display:none;
		}
		.mobile-memu-area a.burger-menu{
		  background-image: url('https://www.hyooauto.com/template/default/images/menu-icn.png');
		  background-repeat: no-repeat;
		  background-position: left center;
		  width:60px;
		  height:50px;
		  display:inline-block;
		}
    /*----header----*/ 

	/*---banner---*/
	
	.banner .slid-txt h2 p.banner-title{
	    font-size:34px;
	}    
	/*---banner---*/

	/*----leading-area---*/
	.leading-area{
	   padding:40px 0px;
	}
	.leading-title h1,.leading-title h2{
	   font-size:26px;
	}
	/*----leading-area---*/
	/*-----product-area------*/
	.product-main-area ul li {
	    display: block;
	    width: 100%;
	    margin: 0px 0px 20px 0px;
	}
	.product-to-label-area ul li {
        width:150px;
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 60px;
    }
    .product-to-label-area ul li figure a {
        width: 100%;
        height: 150px;
    }    

	.product-box .product-title {
	    padding: 25px 15px 0px 15px;
	    display: block;
	    width: 100%;
	}
	.product-box .product-title h3 {
	    font-size: 18px;
	}
	.product-box .product-details{
	    padding:15px 15px;
	    display:block;
	    width:100%;
	}
	.product-box .product-details p{
	    font-size:15px;
	    line-height:26px;
	}
	.product-box .product-link {    
	   padding:15px;
	}
	.product-main-area ul li {
	    padding-top:15px;float: left;
	    
	}
	/*-----product-area------*/



	/*------inquery------*/

	.inquery .inquery-area .inquery-details {
	    display: block;
	    width: 100%;
	    vertical-align: top;
	    text-align: center;
	}
	.inquery .inquery-area .inquery-now {
	    display: block;
	    width: 100%;
	    text-align: center;
	    margin-top: 28px;
	}
	.inquery .inquery-area .inquery-now a{font-size: 19px}
	/*------inquery------*/

	/*-----footer-----*/
	.footer-main .footer-menu {
	    width: 100%;
	    float: left;
	}
	.footer-main .footer-menu-1 {
	    width: 47%;
	    float: left;
	}
	/*-----footer-----*/
.product-area{padding: 30px 0px 20px 0px;}
.footer-main .footer-menu ul li ul.sub-menu li{background-position: left 15px;}
.site-footer{padding: 35px 0px;}
.header-phone-no.tablet a {    padding: 7px 13px;    font-size: 15px;    line-height: 23px;}
.right_footer a {    font-size: 13px;    padding-left: 5px;}
.right_footer {    width: 176px;padding: 12px 0 12px;}
.left_footer .small {    margin-left: 3px;}
.bottom_footer {    font-size: 14px;}
.left_footer {    width: 372px;padding: 13px 0;}
.right_footer::before{display: none;}
.inner_page h1 {    font-size: 26px;line-height: 34px;}
.inner_page h2 {    font-size: 17px;}
.image_sec li figure span{height: 200px;}
.detail_lft .product-main-area ul li{padding-top: 0}
.img_rgt{width: 100%}
.img_lft{width: 100%;}
.footer-details .footer-tronics{padding-bottom: 45px;}
.footer-main .footer-menu-1{margin-left: 0;width: 100%;}
.detail_lft .product-main-area ul li{width: 48%}
.product_sec li {
    width: 47%;
}
.product_sec li:nth-child(3n) {
    margin-right: 26px;
}
.product_sec li:nth-child(2n) {
    margin-right: 0;
}
.inner_page .desc p{font-size:15px }
span.screen-reader-text{font-size: 18px}
.inner_sec ul{width: 90%;}
ul.group-page li{width: 50%;}
.header-phone-no.tablet{margin-top: -37px;}
.banner {    height: 231px;}
header.sticky .logo img{max-width: 235px;}
}
/*------------------639px--------------------*/

/*------------------567px--------------------*/
@media screen and (max-width:567px) {

	/*---container---*/	
	.container{width:400px;}
	/*---container---*/


    /*----header----*/ 
		.main-header .header-menu .menu{
		  display:none;
		}
		.mobile-memu-area a.burger-menu{
		  background-image: url('https://www.hyooauto.com/template/default/images/menu-icn.png');
		  background-repeat: no-repeat;
		  background-position: left center;
		  width:60px;
		  height:50px;
		  display:inline-block;
		}
        .header-phone-no .tablet p{
            display:none;
        }

    /*----header----*/ 

	/*---banner---*/
	
	.banner .slid-txt h2 p.banner-title{
	    font-size:26px;
	}    
	/*---banner---*/

	/*----leading-area---*/
	.leading-area{
	   padding:30px 0px;
	}
	.leading-title h1,.leading-title h2{
	   font-size:24px;
	}
	.banner .slid-txt {
    bottom: inherit;
	top:33px;
}
	
.banner {
    height: 200px;
}
	/*----leading-area---*/
	/*-----product-area------*/
	.product-main-area ul li {
	    display: block;
	    width: 100%;
	    margin: 0px 0px 20px 0px;
	}
	.product-box .product-title {
	    padding: 25px 15px 0px 15px;
	    display: block;
	    width: 100%;
	}
	.product-box .product-title h3 {
	    font-size: 18px;
	}
	.product-box .product-details{
	    padding:15px 15px;
	    display:block;
	    width:100%;
	}
	.product-box .product-details p{
	    font-size:15px;
	    line-height:26px;
	}
	.product-box .product-link {    
	   padding:15px;
	}
	/*-----product-area------*/
/*------inquery------*/
	.inquery .inquery-area {
	    display:block;
	    width:98%;
	    margin-bottom:15px;
	}
	.inquery .inquery-area .inquery-now {
	    margin-top: 28px;
	}
	/*------inquery------*/

	/*-----footer-----*/
	.footer-main .footer-menu {
	    width: 100%;
	    float: left;
	}
	.footer-main .footer-menu-1 {
	    width: 100%;
	    float: left;margin-left: 0;margin-top: 35px;
	}
	.footer-main .footer-details {
	    margin-top: 35px;
	}
	.product-box .product-details p {    min-height: auto;}
	.footer-details .footer-phone-no p{margin-bottom: 10px;}
	.header-left .header-top-main {

    float: left;
    width: 100%;
    float: none;
    display: inline-block;
    margin-left: -50px;

}
.burger-menu-area {

    float: left;
    width: auto;
    margin-top: 12px;
    position: absolute;
    top: 0px;
    left: 0;

}
.header-left .logo {
    float: none;
    width: 160px;
    margin: 0 auto;
}
.header-left .logo .normal-logo img {

    max-width: 100%;

}
.header-top-text {

    margin-bottom: 6px;padding-top: 0;

}
.header-phone-no.tablet {

    display: block;
    float: right;
    width: auto;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0px;

}
.header-left{position: relative;}
	/*-----footer-----*/	

.our-client {

    padding: 25px 0px;

}
.our-client-area {

    margin-top: 20px;

}
.product-to-label .title h2 {    font-size: 25px;}
.product-to-label-area ul li{margin-bottom: 40px;}
header.sticky .burger-menu-area{top: 7px;margin-top: 0;}
.right_footer {    width: 150px;    padding: 24px 0 25px;}
.left_footer {    width: 250px;    padding: 13px 0;}
.bottom_footer {    font-size: 14px;}
.right_footer a {    font-size: 12px;line-height: 17px;padding-right: 13px;}
.left_footer .small {    width: 100%;    margin-top: 4px;    float: left;}
header.sticky{display: none;}
.image_sec li {    width: 100%;    margin-left: 0;}
.inner_page h1 {
    font-size: 24px;
}
.inner_page h2 {
    font-size: 16px;
}
.inner_page p{font-size: 15px;}
.footer-details .footer-phone-no p {    margin-bottom: 0;}
.contact-container .field-row {
    width: 100%;
}
.contact-container .contact-right address,.contact-container .contact-right .ft-email,.contact-container .contact-right .ft-fax,.contact-container .contact-right .ft-phone{font-size:16px }
.sc-content strong {    width: 100%;    float: left;}
.contact-container .field-row{margin-bottom: 15px;}
.contact-container.request .field-row {
    width: 100%;
}
.contact-container.request .sc-content{height: auto;}
.contact-container.request .contact-left{padding: 20px 20px 00px;}
.detail_lft .product-main-area ul li{width: 100%;}
.inner_sec h4 {
	margin: 10px 0 10px 0;
	font-size: 16px;
}
.inner_sec ul{font-size: 16px;}
.footer-details .footer-tronics{padding-bottom: 65px;}
#page{overflow: hidden;}
.product_sec li {
    width: 46%;
}
.product_sec.machine_page li {    width: 100%;    margin-right: 0;}
.product_sec.machine_page li:nth-child(3n) {
    margin-right: 0;
}
.machine_page.product_sec h3{min-height: auto;}
.desc p{min-height: auto;}
.sl-head span {
   font-size: 18px;
}
.sl-head span.banner-subtitle {
    font-size: 15px;
} 
	
}
/*------------------567px--------------------*/

/*------------------413px--------------------*/
@media screen and (max-width:413px){

	 /*---container---*/ 	
	.container{width:300px;}
.header-left .header-top-main{margin-left: 0;}
.header-phone-no.tablet {    position: initial;    top: 0;    margin-top: 7px;    float: none;    display: inline-block;    text-align: center;}
.banner .slid-txt h2 p.banner-title::after{width: 100%;border-bottom: 7px solid #e74079;}
.banner .slid-txt {    bottom: 70px;}
.leading-title h1,.leading-title h2 {    font-size: 23px;}
.product-box .product-title h3 {    font-size: 16px;}
.product-box .product-link {    padding: 10px;}
.our-client .our-client-title h2 {    font-size: 21px;}
.product-to-label .title h2 {    font-size: 21px;}
.product-to-label {padding: 25px 0px 20px 0px;}
.left_footer {    width: 100%;}
.right_footer {
    width: 100%;padding: 13px 0 13px;}
.right_footer::before {    position: absolute;    content: '';    padding-left: 999px;    margin-left: -999px;    background: #707a7e;    left: 0;    height: 100%;    top: 0;display: block;border: none;}
.left_footer::before {    background: #252525;    position: absolute;    content: '';    right: 0;    height: 100%;    padding-right: 999px;    margin-right: -999px;    top: 0;}
.right_footer a{padding-left: 0;font-size: 14px;}
.left_footer .small {    margin-left: 0;}
.inner_page h1 {    font-size: 22px;margin-bottom: 15px;}
.inner_page h2{line-height: 23px}
.inner_page p{font-size: 14px;}
.inner_page{margin: 30px 0;}
.inner_page p {    font-size: 14px;line-height: 22px;}
.video_sec ul li{margin-bottom: 20px;}
.contact-container .field-row input[type="submit"], .contact-container .field-row input[type="reset"]{font-size: 15px;height: 43px;}
.footer-details .footer-tronics{padding-bottom: 120px;}
.product_sec li {
	width: 100%;
	margin-right: 0;
}
.product_sec li:nth-child(3n) {
    margin-right: 0px;
}
.product_sec li:nth-child(5n) {
    margin-right: 0;}
    .img-caption {
    width: 100%;
    margin-top: 10px;
}
span.screen-reader-text{font-size: 15px}
ul.group-page li{width: 50%;}
.target-page-section {    line-height: 22px;    font-size: 14px;}
.target-page-section h3 {    font-size: 16px;}
.banner .slid-txt{top:15%;}
.sl-head span{font-size: 17px;margin-top: 8px;}
.header-right .header-right-top{margin-top: 5px;}
.banner .slid-txt h2 p.banner-title {
    font-size: 20px;
}
.right_footer{padding: 10px 0 10px;}
.owl-carousel .owl-item .banner-box ul li .ineer_box img{max-width: 90%;}
.search-form .search-submit{padding: 10px 3px;}
.search-form .search-field{height: 34px;}
.banner{height: 160px;}
.left_footer{padding: 8px 0;}
}
@media screen and (max-width:370px){
	.banner .slid-txt h2 p.banner-title::after{width: 70%}
.banner {
    height: 130px;
}
.banner .slid-txt {
    top: 9%;
}
.sl-head span.banner-subtitle {
    font-size: 14px;
}
.sl-head span {    font-size: 15px; margin-top: 5px;}
.burger-menu-area{    margin-top: 7px;}
.header-left .logo {
    float: left;
    width: 150px;
    margin: 0 auto;
    margin-left: 25px;
}
.header-phone-no.tablet {
    position: initial;
    top: 0;
    margin-top: 0;
}
.header-phone-no.tablet a {
    padding: 4px 8px;
}
}