@media only screen and (max-width:730px) {
.project-sidebar .sidebar { position: relative; top: 0 }
}
@media only screen and (max-width:1199px) {
#sub-page .cooking-equipment .col-lg-2 { width: 33.33%!important }
#footer-top .contactus-address p br { display: none; }
#footer-top .footer-img { width: 310px; }
#application h3::before{ right:32%;}
}
@media only screen and (max-width:1800px) {
#sub-page .cooking-equipment .col-lg-2 {width:25%}

}

@media only screen and (max-width:1280px) {
#our-product .owl-theme .owl-controls { right: 2% }
#clients .clients-title:after { width: 130%; right: 30px }
#clients .clients-title { min-height: 154px; padding-top: 22px; max-width: 17%; padding-right: 11px }
.sitemenu .navbar ul li a { font-size: 30px; line-height: 60px }
.sitemenu .navbar ul li ul { padding: 15px }
}
@media only screen and (max-width:1248px) {
#welcome h5 { left: 15px; font-size: 90px; line-height: 88px }
#welcome h6 { right: 20px; font-size: 90px; line-height: 88px }
}

@media screen and (max-width: 1024px) {
.sitemenu:before { left: 45% }
.sitemenu .navbar ul li a { font-size: 24px }
}
@media only screen and (max-width:991px) {
#welcome:before { width: 100%; height: 49% }
#welcome h6 { top: 50%; left: 20px }
#welcome .emquiry { padding: 50px 0 0 }
.slider-shape { right: -7%; top: -93px; width: 16% }
#our-product .owl-theme .owl-controls { top: -40% }
#why-us .bdr1b { border: none }
#application h3::before{ right:42%;}
#clients .clients-title { max-width: 20%; min-height: 141px }
.contact-more p, .contact-more p a { font-size: 21px; }
.contact-more p i { font-size: 20px; }
#footer-top .call-mail { margin-bottom: 20px!important }
#sub-page .clients .col-md-2 { width: 25% }
#sub-page .cooking-equipment .col-lg-2 { width: 50%!important }
#footer-top .footer-img { display: none; }
#footer-top .contactus-address h4, #footer-top .contactus-address h5 { padding: 0; }
#footer-top .contactus-address p { padding: 0; margin-bottom: 10px; }
#footer-top .contactus-footer h4 { margin: 10px 0 5px 0; }
#footer-top .contactus-footer p, #footer-top .contactus-footer a, #footer-top .contactus-footer ul li a, #footer-top .contactus-address p { line-height: 22px; }
#welcome .welcome-info{ padding:50px 0;}
}
@media only screen and (max-width:865px) {
#clients { padding-top: 105px }
#clients .clients-title { max-width: 100%; top: 0 }
#clients .clients-title:after { display: none }
#clients h3 { color: #1499CC }
#clients h3:before { background: #1499CC; right: 13% }
#clients h4 { color: #333 }
#clients .owl-controls { right: 4%; left: initial; top: 12% }
.owl-carousel .owl-item .item2 { margin: 20px 10px }
}
@media screen and (max-width: 768px) {
.sitemenu:before { left: 40% }
}
@media screen and (max-width: 767px) {
#footer-top .footer-img { float: left; margin-bottom: 15px }
#sub-page .cooking-equipment .col-lg-2 { width: 100%!important }
#clients h3::before{right: 20%;}
}
@media only screen and (max-width:691px) {
#header-main .logo-right h2 { background: transparent }
#header-main .logo-right h2 a span { display: none }
#header-main .logo-main img { max-width: 80% }
#header-main .logo-main:before { left: -199px; top: -265px }
.slider-shape { top: -66px }
#application h3::before {right: 50%;}
}
@media screen and (max-width: 576px) {
#welcome:before{height: 55%;}
#welcome h6 { display: none }
#welcome h5 { display: none }
#welcome .form-contact .button { float: left }
.footer-left { float: none; text-align: center; margin-bottom: 20px }
.footer-right { float: none; text-align: center }
#sub-page .clients .col-md-2 { width: 33.333% }
.contact-more p a { display: block; margin: 10px 0 0 10px; }
#header-main .logo-right h2 > a > i { margin: -3px 0 0 15px; font-size: 16px; height: 36px; width: 36px; line-height: 36px; }
#header-main .logo-right h2 > a > i::after { height: 36px; width: 36px; }
#header-main .logo-right h2 { padding: 10px 0px 10px 15px; }
#application h3::before {right: 60%;}
}
@media screen and (max-width: 515px) {
#header-main .logo-main img { max-width: 60% }
#header-main .logo-main { padding: 12px 20px 20px 10px }
#header-main .logo-main:before { left: -277px; top: -276px }
.slider-shape { top: -44px }
#welcome::before {height: 56%;}
#application h3::before {right: 73%;}
}
@media screen and (max-width: 390px) {
#header-main .logo-main img { max-width: 50% }
#header-main .logo-main h3 { font-size: 14px; line-height: 9px }
#header-main .logo-main { padding: 12px 20px 20px 10px }
#header-main .logo-main:before { left: -307px; top: -285px }
.slider-shape { top: -33px }
}
@media screen and (max-width: 425px) {
.sitemenubar { text-align: center!important }
.sitemenubar .navbar { display: block }
.sitemenubar .address, .sitemenu:before { display: none }
.sitemenu .navbar ul li:hover:after, li.current-item:after { position: absolute; content: ''; height: 4px; width: 50px; background: #fff; left: 0; right: 0; bottom: 0; margin: 0 auto }
.sitemenubar .navbar ul { margin: 0; padding: 0 }
.sitemenu .navbar ul li ul { left: -51px }
.owl-carousel .owl-item .item { margin-left: 16px }
#clients h3:before { right: 30% }
#application h3:before { right: 85% }
#welcome .emquiry { padding: 20px 0 30px }
#sub-page .clients .col-md-2 { width: 50% }
#welcome::before {height: 60%;}
#application h4{font-size: 38px;}
}
@media screen and (max-width: 375px) {
sitemenu .navbar ul li ul { left: 15px }
#application h3::before{width:40px;}
#application h3{font-size:15px;}
}
@media screen and (max-width: 320px) {
.sitemenu .navbar ul li ul { left: -15px }
}