@media screen and (min-device-width:1025px) and (max-device-width:3000px) { 
.animated {-webkit-animation-duration: .5s;-moz-animation-duration: .5s;-o-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;will-change: transform,opacity;}
.animated.swingInX {-webkit-transform-origin: top;-moz-transform-origin: top;-ie-transform-origin: top;-o-transform-origin: top;transform-origin: top;-webkit-backface-visibility: visible !important;-webkit-animation-name: swingInX;-moz-backface-visibility: visible !important;-moz-animation-name: swingInX;-o-backface-visibility: visible !important;-o-animation-name: swingInX;backface-visibility: visible !important;animation-name: swingInX;}
@keyframes swingInX {0% {transform: perspective(400px) rotateX(-90deg);opacity: 0;}100% {transform: perspective(400px) rotateX(0deg);opacity: 1;}}
.animated.swingOutX {-webkit-transform-origin: top;-webkit-animation-name: swingOutX;-webkit-backface-visibility: visible !important;-moz-animation-name: swingOutX;-moz-backface-visibility: visible !important;-o-animation-name: swingOutX;-o-backface-visibility: visible !important;animation-name: swingOutX;backface-visibility: visible !important;}
@keyframes swingOutX {0% {transform: perspective(400px) rotateX(0deg);opacity: 1;}100% {transform: perspective(400px) rotateX(-90deg);opacity: 0;}}

}

@media only screen and (max-width:1024px){
.top-social-icon,.headermenu {display: none;}
.responsive2 .slick-prev,.responsive .slick-prev {left: -10px;padding: 0;}
.responsive2 .slick-next,.responsive .slick-next {right: -10px;padding: 0;}
.about-left-in {padding: 15px;}
.responsive-menu {display: block;}
.about-page-box {gap: 30px;}
.logo {width: 290px;padding: 10px 15px;}
.contact-map{height:350px;}
.gallery-box-in {min-height: 218px;}
.products-box{width:50%;}

}

@media only screen and (max-width:991px){
.about-main {flex-direction: column;margin-top: 40px;}
.about-left, .about-right {flex: unset;width: 100%;}
.about-right {order: 1;}
.about-left {order: 2;}
.our-products-box {width: 33.33%;}
.about-left-in {padding:20px 15px 0;}
.footer-box-main .footer-box:nth-child(1) {width:50%;}
.footer-box-main .footer-box:nth-child(4) {width:100%;}
.categories {margin-top: 30px;}
.about-page-box{flex-direction: column;gap:0px;margin-bottom:30px;}
.about-page-box-left, .about-page-box-right{flex: unset;width: 100%;}
.about-page-box-left {order: 1;margin-bottom:30px;}
.about-page-box-right {order: 2;}
.contact-map{height:300px;}
.gallery-box-in {min-height: 158px;}

}

@media only screen and (max-width:767px){
.counter-box {width: 50%;}
.counter-box:nth-child(2){border-right:0;}
.our-products-box {width:50%;}
.contact-detail {flex-direction: column;}
.contact-detail-in,.contact-detail-form {width: 100%;}
.contact-map{height:250px;}
.gallery-box {width: 50%;}
.gallery-box-in {min-height: 198px;}
.blog-box{width:100%;}
.key-person-section {flex-direction: column;align-items: center;}
.person-card {max-width: 100%;flex: 1 1 100%;width: 100%;}
.products-main {flex-direction: column;margin: 40px 0 10px;gap: 0;}
.products-left,.products-right {width: 100%;}
.products-left ul li.active::after{display:none;}
.products-detail-page-left {float: none;width: 100%;}
.products-detail-page-right{float: none;width: 100%;margin-top:20px;}

.products-detail-btn a {font-size: 14px;padding: 12px 25px;}

}

@media only screen and (max-width:580px){
.htl-phone, .htl-email{display:none;}
.slider-text{font-size:30px;left:50px;right:50px}
.slider-main .slick-prev::before, .slider-main .slick-next::before {font-size:40px;}
.slider-main .slick-prev {border-radius: 0 12px 12px 0;padding: 3px 15px 3px 8px;}
.slider-main .slick-next {border-radius: 12px 0 0 12px;padding: 3px 8px 3px 15px;}
#back-to-top {bottom: 10px;right: 10px;width: 40px;height: 40px;line-height: 40px;font-size: 28px;}
.about-left-title {font-size: 32px;}
.about-left p {margin: 0 0 15px;font-size: 14px;}
.footer-box-main .footer-box:nth-child(1) {width:100%;margin-bottom:30px;}
.footer-box-main .footer-box:nth-child(2) {width:50%;}
.footer-box-main .footer-box:nth-child(3) {width:50%;}
.footer-box-main .footer-box:nth-child(4) {margin-top:30px;}
.inner-banner-title{text-align:center;}
.form-groups-btn {text-align: center;}
.gallery-box-in {min-height: 146px;}
.middlewrapper {padding-top: 128px;}
.products-title {font-size: 26px;}

}

@media only screen and (max-width:479px){
.slider-text{font-size:25px;}
.logo {width: 270px;padding: 10px 0px 10px 15px;}
.categories-title {font-size: 35px;margin-bottom: 20px;}
.counter-box {width: 100%;border-right:0;border-bottom: 1px solid #d2cdcd;}
.counter-box:nth-child(4){border-bottom:0;}
.section-counter {margin: 20px 0;}
.counter-box i {line-height: 200px;}
.our-products-box {width: 100%;}
.certification-title {font-size: 24px;margin-bottom: 0px;}
.footer__copyright__text {margin-top: 15px;}
.footerwrapper {padding: 30px 0 0;}
.about-company-profile {margin:35px 0;}
.about-page-box-left {margin-bottom: 20px;}
.contact-map{height:200px;}
.contact-detail-form {padding: 20px;}
.contact-bottom {margin-top: 30px;}
.contact-detail-in {padding: 15px 20px;}
.contact-detail-main {margin: 40px 0;}
.form-groups {margin-bottom: 15px;}
.gallery-box {width: 100%;}
.gallery-box-in {min-height: 200px;}
.blog-img-detail {padding: 10px 15px;}
.blog-img-detail p {font-size: 15px;line-height: 24px;}
.person-card img {width: 140px;height: 140px;}
.middlewrapper {padding-top: 127px;}
.products-box{width:100%;}
.inner-banner-title {font-size: 38px;}

}

@media only screen and (max-width:320px){

}