@media (max-width: 1400px) {
 .banner-content {
 width: 60%;
 left: 20%;
 top: 25%;
}
.gallery-product {
 width: 22.2%;
}
.counter-sec::before {
 background-position: center 80px;
 background-size: 90%;
}
.contact-inner-box {
 padding: 5em 1.7em 5em;
}
}
 @media (max-width: 1200px) {
 .animenu-nav > li {
 margin: 12px;
}
.banner-content {
 width: 70%;
 left: 15%;
 top: 24%;
}
.customer-service {
 width: 90%;
 left: 5%;
}
.about-us {
 padding: 60px 0;
 margin-top: 0;
}
.about-us p {
 padding: 0;
 margin-bottom: 30px;
}
.gallery-product {
 width: 21.7%;
}
}
@media (max-width: 991px) {
 .service-block {
 min-width: 100%;
 width: 100%;
}
 .animenu-nav > li {
 margin: 10px 5px;
}
.contact-inner-box:before, .contact-inner-box:after {
 border-right: 260px solid transparent;
}
.logo {
 width: 180px;
}
.banner-slider .owl-item img {
 height: 75vh;
}
.banner-content {
 width: 80%;
 left: 10%;
}
.customer-service li {
 width: 31%;
 margin: 0 5px 15px;
 padding: 5px;
}
.customer-service {
 width: 94%;
 left: 3%;
}
.customer-service li {
 width: 31%;
 margin: 0 5px 15px;
 padding: 10px 5px;
}
.customer-service li h3 {
 font-size: 18px;
}
.customer-service li p {
 padding: 0;
 font-size: 14px;
}
.banner-slider {
 margin-bottom: 60px;
}
.service-list li {
 width: 43.9%;
 margin: 15px 3% 30px;
}
.service-sec {
 padding: 60px 0;
}
.gallery-product {
 width: 28.9%;
}
.counter-sec::before {
 background-position: center 70px;
 background-size: 95%;
}
.counter-sec {
 padding: 70px 0px 70px;
}
.counter-sec .counter-count {
 font-size: 32px;
}
.contact-inner-box {
 padding: 5em 15px 5em;
}
.contact-form {
 padding: 20px 15px;
 margin: 2em 0;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
 width: 85%;
}
.contact-form span i {
 width: 15%;
}
.contact-form input[type="submit"] {
 margin: .5em 0 0 7.2em;
}
.review-slider .item {
 width: 100%;
 margin: 0;
}
.service-name {
 font-size: 13px;
}
.career-box h3 {
 font-size: 22px;
}
}
@media (max-width: 767px) {
 .animenu {
 padding: 15px 0;
}
.banner-slider .owl-dots .owl-dot {
 height: 10px;
 width: 10px;
}
 nav.animenu.sticky {
 padding: 10px 0;
}
nav.animenu.sticky .logo {
 width: 135px;
}
.customer-service {
 width: 90%;
 left: 5%;
 position: relative;
}
.customer-service li {
width: 42%;
 margin: 0 20px 30px;
 padding: 15px 20px;
 min-height: 210px;
}
.banner-slider .owl-item img {
 height: 90vh;
}
.about-us, .service-sec {
 padding: 40px 0;
}
.sec-hd {
 margin-bottom: 20px;
 font-size: 42px;
}
.service-list p {
 padding: 0;
}
 .animenu.sticky .animenu-nav {
 top: 82px;
}
 .animenu-toggle {
 display: inline-block;
 float: right;
}
 .animenu-nav {
 top: 95px;
 background: #444;
 padding: 15px 15px;
 z-index: 9;
 transition: All 1s ease;
 -webkit-transition: All 1s ease;
 -moz-transition: All 1s ease;
 -o-transition: All 1s ease;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 position: fixed;
 left: 0;
 float: none;
 display: inline-block;
 will-change: transform;
 -webkit-overflow-scrolling: touch;
width: 100%;
 overflow-x: hidden;
 overflow-y: scroll;
}
 ul.animenu-nav.animenu-nav-open {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
 transition: transform .25s;
 will-change: transform;
 z-index: 10001;
width: 70%;
 left: 15%;
}
 .animenu-nav > li {
 width: 100%;
 margin: 0 0 2px;
 font-size: 16px;
 line-height: 24px;
 float: left;
}
 .animenu-nav > li > a {
width: 100%;
 padding: 10px;
 position: relative;
 float: left;
 background: #fff;
 color: #444;
}
 .animenu-nav a:hover {
 background-color: #d52d2f;
 border-color: #d52d2f;
 color: #fff;
}
.gallery-product {
 width: 43.9%;
}
.counter-sec::before {
 display: none;
}
.banner-slider .owl-dots {
 right: 2px;
}
.banner-content h2 {
 font-size: 28px;
}
.service-list li {
 width: 90%;
 margin: 15px 5% 30px;
}
footer {
 text-align:center;
}
.social-icon li {
 font-size: 18px;
 margin: 0 7px 15px;
 float: none;
 display: inline-block;
}
.get-touch li {
 margin-bottom: 10px;
}
.counter-sec .counter-count {
 font-size: 32px;
 margin-bottom: 30px;
}
.skill-progress > li {
 margin: 10px 0 30px;
}
.team-box {
 padding: 15px;
}
}
@media (max-width: 576px) {
section.counter-sec.sec-padding {
 padding-top: 30px;
}
 .contact-box p {
 font-size: 14px;
}
.contact-form span i {
 width: 100%;
 margin-bottom: 7px;
 margin-top: 0;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
 width: 100%;
}
.contact-form input[type="submit"] {
 margin: .5em 0 0 0;
}
 .banner-content {
 width: 90%;
 left: 5%;
}
.customer-service li {
 width: 90%;
 margin: 0 5% 30px;
 padding: 15px;
 min-height: auto;
}
.sec-hd {
 margin-bottom: 15px;
 font-size: 32px;
}
.service-list li h3 {
 font-size: 18px;
}
.portfalio {
 clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
}
.gallery-product {
 width: 90%;
 margin: 0 5% 30px;
}
.review-slider {
 padding: 40px 8px 40px;
}
.portfalio, .counter-sec, footer {
 padding: 40px 0;
}
ul.animenu-nav.animenu-nav-open {
 width: 90%;
 left: 5%;
}
.counter-sec .counter-icon {
 font-size: 52px;
 width: 120px;
 height: 120px;
 line-height: 120px;
}
.contact-inner-box:before, .contact-inner-box:after {
 border-right: 290px solid transparent;
}
.page-banner img {
 height: 220px;
}
.review-main {
 margin-bottom: 15px;
}
.sec-padding {
 padding: 60px 0;
}
.cus-heading {
 font-size: 22px;
}
.about-us-section .box-img .section-line {
 left: -10px;
 width: 120px;
}
.about-us-section .box-img {
 margin-bottom: 30px;
}
.skill-progress {
 padding: 15px;
}
}