@media only screen and (min-width:1024px) and (max-width:1139px){
    .details_form input{font-size: 13px;}
    .productlist h4 {font-size: 17px;}
    .pbtn .packbtn a{padding: 5px 6px; font-size: 12px;}
    .packagebtn a span{font-size: 9px;}
    .applicationlist h4{font-size: 14px;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .details_form input{font-size: 13px;}
    .productlist h4 {font-size: 17px;}
    .pbtn .packbtn a{padding: 5px 6px; font-size: 12px;}
    .packagebtn a span{font-size: 9px;}
    .applicationlist h4{font-size: 14px;}
    .box_inner h2{font-size: 14px;}
    .application {padding: 40px 0px;}
    .application-top .aapbox1 h2 {font-size: 27px;}
    .application-top .aapbox1 p{font-size: 13px;}
    .applicationlist{flex: 0 0 31%;}
    .aboutus h2{font-size: 18px;}
    .aboutus p{font-size: 12px;}
    .servodiffernt h2{font-size: 14px;}
    .servodiffernt ul li{font-size: 12px;}
    .whyus h2 {font-size: 20px;}
    .whyus p {font-size: 13px;}
    .footerabove ul li p{font-size: 13px;}
    footer h3{font-size: 16px;}
    footer .footerfirst ul li{font-size: 14px;}
    .copyright p{font-size: 10px;}   
    header h2 {font-size: 16px;}
    header p {font-size: 11px;line-height: 15px;}
    header ul li a{font-size: 14px;}
    header ul li a img{width: 16px;}
}
@media only screen and (max-width:767px){
    header h2 {font-size: 16px;}
    header p {font-size: 11px;line-height: 14px;}
    header ul li a {font-size: 11px;}
    header ul li a img{width: 11px;}
    .details_form input{font-size: 13px;}
    .productlist h4 {font-size: 17px;}
    .pbtn .packbtn a{padding: 5px 6px; font-size: 12px;}
    .packagebtn a span{font-size: 9px;}
    .applicationlist h4{font-size: 12px;}
    .box_inner h2{font-size: 14px;}
    .application {padding: 20px 0px;}
    .application-top .aapbox1 h2 {font-size: 21px;}
    .application-top .aapbox1 p{font-size: 12px;}
    .applicationlist{flex: 0 0 47%;}
    .servodiffernt,.aboutus,.specifications{padding: 20px 0px;}
    .servodiffernt .servbox{margin: 10px 0px;}
    .aboutus h2{font-size: 18px;margin-top: 15px;}
    .aboutus p{font-size: 12px;}
    .servodiffernt h2{font-size: 14px;}
    .servodiffernt ul li{font-size: 12px;}
    .sevenway h2 {font-size: 17px; padding-bottom: 10px;}
    .sevenway button{font-size: 13px;}
    .sevenway .accordion-body{font-size: 13px;}
    .whyus h2 {font-size: 20px;}
    .whyus p {font-size: 13px;}
    .footerabove ul li p{font-size: 13px;}
    .footerabove ul li{flex: 0 0 50%;    margin: 10px 0px;}
    footer h3{font-size: 16px;}
    footer .footerfirst ul li{font-size: 14px;}
    footer h3,footer h5,footer .footerfirst ul li a{font-size: .8rem;}
    .disclamier p{font-size: .7rem;}
    .details_form input{font-size: .8rem;}
    .copyright p{font-size: 10px; text-align: center;    padding: 3px 0;}   
    .questioncolor .col-sm-4.text-center img{width: 100%; padding: 10px 0px;}
    .application-top .aapbox1{flex: 0 0 100%;}
    .sector ul li{width: 18%;}
    .productlist img{width: 100%;}
    .homeicon img {width: 14px;}
    .homeicon {padding: 2.5px 7px; margin: 5px 5px 5px 0;}
    .menu ul.topmenu {overflow-x: scroll; white-space: nowrap; padding: 5px 0px;  display: block; width: calc(100% - 43px);}
    .menu ul.topmenu li a{font-size: 14px;}
    .menu ul.childmenu a{font-size: 12px;}
    .menu ul.topmenu li a {font-size: .8rem;border:2px solid #e3c16b;background: #e5e5e5; padding: 4px 4px;}
    .menu ul.childmenu{text-align: left;width: 100%; white-space: nowrap; padding: 5px 5px; overflow-x: scroll;}
    .menu ul.childmenu a {font-size: .7rem; padding: 0.2rem 0.3rem; display: inline-block; border: 1px solid #e3c16b;  background: #e5e5e5; border-radius: 60px;margin-right: 10px; font-weight: 500;}
    .packageenquiry {max-width: 100%;       position: static;       margin-top: 0;   }
    .counterlist ul{display: block;}
    .counterlist ul li{width: 100%;border-top: 1px solid #ddd;}
    .counterlist .counter {font-size: 30px;}
    .counterlist h4{font-size: 14px;}

}
@media only screen and (max-width:567px){
    header{display: none;}
    .mobileheader{display: block; padding: 12px;background: #f9f9f9;}
    .mobileheader h1{font-size: 15px;  margin-top: 10px;text-shadow: 1px 1px 2px rgb(244 116 53);}
    .mobileheader p{margin-bottom: 0; text-align: center; font-size: 10px;margin-top: 10px;}
    .mobileheader ul{list-style: none;padding-left: 0;text-align: right; margin-bottom: 7px;}
    .mobileheader ul li a{color: #000;padding-bottom: 1px;display: block;font-size: 14px;font-family: arial;}
    .mobileheader .mobrgt{padding-right: 5px;}
    .mobileheader .moblft{padding-left: 5px;}
    .mobileheader ul img{width: 13px;background: transparent; padding: 0;  border-radius: 0;}
    .mobileheader img{width: 110px;}

    .mobile-cta{position: fixed;bottom: 0;    left: 0;    width: 100%;    display: flex;    background: #fff;    box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);    z-index: 99;}
    .mobile-cta .btn {text-align: center;   font-size: 12px;    letter-spacing: 0.5px;    font-weight: 500;    max-width: 33.33%;    flex: 0 0 33.33%;    padding: 0;    min-height: auto; position: relative;}
    .mobile-cta p{position: absolute;margin-bottom: 0;width: 100%; top: -12px;height: 150%; opacity: 0;}
    .mobile-cta  .btn .icon_bg {height: 40px; width: 40px;  margin: auto;  display: flex;  align-items: center;   justify-content: center;  background: #fff;  border-radius: 50%;  margin-top:-10px;  margin-bottom: 5px;  -webkit-box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);-moz-box-shadow: 0 -1px 15px rgb(0 0 0 / 7%); box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);}
    .mobile-cta .icon { width: 18px;height: 18px;  object-fit: contain;  display: block;margin: auto;}
    footer{padding-bottom: 70px;}
    .sector{padding: 20px 0px;}
    .sector ul li {width: 29%;}
    .sector h2{font-size: 20px;}

    .menu ul.childmenu a{margin-right: 1px; text-transform: capitalize;}
    .menu ul.topmenu{width: calc(100% - 13px);margin-left: 5px;padding-right: 19px;}
    .menu ul.topmenu li a{padding: 8px 4px;}
    .menu ul.topmenu li a{border-color: transparent;}
    .menu ul.topmenu li.active a{border-color: green;}
    .homeicon{display: none;}
    .menu-arrow{display: block !important; position: absolute;right: 0px;	top: 0;	background: #eaeaead9;width: 26px;height: 47px;line-height: 100%;box-sizing: border-box;	cursor: pointer;	z-index: 99;}
	.menu-arrow img{width: 60px;height: 47px;}
    .scrollfix{height: 80vh;padding-bottom: 21%;}
    .packageenquiry{padding: 15px 10px;}
    .whyus .modeltitle{    font-size: 20px;}
    .popframe {height: 346px; margin-top: 10px;}
    .applicationlist img{width: 90px;height: 90px;}
    .applicationlist h4 {font-size: 11px;    padding: 5px 5px;}
    .box_inner.fixscroll{    height: 253px;}
}
@media only screen and (min-width: 600px) {
    .modal-content.slideupcontent{height: 80vh;}
    .modal-content.slideupcontent{width: 70%;}
    }
    @media only screen and (max-width: 600px) {
        .modal-content.slideupcontent{width: 100%;}
    .modal-content.slideupcontent{ height: 75vh !important;}
    .close-btn {position: relative !important; top: -38px !important;left: 0px !important;margin: -29px auto !important;} 
    }