@charset "utf-8";
.icons img{width:100%;}
.con-1 img{ width:100%;}
.left-box img{width:100%;}
.logo img{100%;}
.owl-pagination{padding-left:33px;}
.icons ul{display:block; text-align:center;}
@media only screen and (max-width:1140px){
.toggle_menu{
 display:none;
}

	}
@media only screen and (max-width:1024px){
.inner-wrapper{width:98%;}
.line-shape{width:38%;}
.icons li{padding:48px 2px;}
.con-1 div:last-child {margin-left:13%;}
.width-custom img{padding-right:5px;}
	}
@media only screen and (max-width:960px){
.inner-wrapper{width:98%;}
.icons li{padding:48px 1px;}
.width-custom{width:22%;}
.footer-top ul{padding-left:40px;}
    }
 @media only screen and (max-width:800px){   
.top_link input{padding: 9px 5px;width: 131px;}
.top_link img{padding:0 6px;}
.top_link .button2{width:130px;}
.top_link > ul {text-align: right;}
.menu ul li > a{padding:15px;}
.right-box h1{font-size:2.3em;}
.form-add input{width:300px;}
.form-add{padding-left:15px;}
.icons li{padding:48px 32px;}
.right-boxx {margin-left: 50px;}
.con-1 div:last-child{margin-left:5%;}
.footer-top ul{padding:10px;}
.width-custom{width:21%;}
.width-custom li:last-child img{padding-right:12px;}
 }
@media only screen and (max-width:768px){
.form-add input{width:250px;}
.form-add button {font-size: 15px;padding: 8px 5px;width: 155px;}
.footer-top ul {width: 24%;}
.width-custom li:last-child img {padding-right: 2px;}
}

@media only screen and (max-width:640px){
.menu-link{position:absolute;top:10px;right:10px;}
.menu{position:absolute; top:50px; right:10px; min-width:250px;z-index:9;}
.right-box {width: 62%;}
.order .logo img{width:85%;}
.right-box h1 {font-size: 1.6em; padding-top:0;}
.form-add button{width:250px; margin-top:5px;}
.form-add p{ text-align:center;}
.icons li {padding: 20px 13px;}
.con-1 div:last-child {margin-left: 0;}
.con-1 {padding-left: 0;}
.width-custom li:last-child img {padding-right: 7px;}
}
@media only screen and (max-width:568px){
.top_link > ul {text-align: left;}
.top_link .button1 {width: 68px;}
.top_link .button2 {width: 80px;}
.top_link button{padding:8px 0;}
.right-box h1 {font-size: 1.2em;}
.icons li {padding: 20px 9px;}
.con-1 div:last-child {width: 50%;}
}


@media only screen and (max-width:480px){
.toggle_menu{ display:block;}
.top_link input {padding: 9px 2px;width: 92px;}
.shadow {padding-bottom: 16px;}
.order .logo{display:none;}
.right-box {width: 100%;}
.line-shape {width: 29%;}
.left-box, .right-boxx {float: none; width: 90%;}
.right-boxx {margin-left: 35px;}
.footer-top ul {width: 44%;}
}
@media only screen and (max-width:360px){
.menu{width:100%;}
.top_link > ul {text-align: center;}
.top_link button {margin-top: 5px;padding: 8px 0;width: 125px !important;}
.footer-top ul {display: block;width: 100%;}
    
    }
@media only screen and (max-width:320px){
    
    }