@charset "utf-8";
@media only screen and (min-width:240px) and (max-width:680px) {
    #dd,
    .logoRgt figure {
        position: relative
    }
    #dd,
    .dropDown ul li,
    .factWrap ul li,
    .innovationImg,
    .innovationText,
    .listboxWrap1,
    .logoRgt,
    .registerForm ul li,
    .registerForm ul li span,
    .tablinks ul li,
    nav>ul>li,
    nav>ul>li>a,
    ul.aboutBox li {
        width: 100%
    }
    .logoRgt figure {
        margin: 0 auto
    }
    .logoContainer {
        padding: 1em 0;
        text-align: center
    }
    .logoRgt {
        top: 3em
    }
    .logoLeft {
        float: none
    }
    #menu-icon {
        display: inline-block;
        padding: 1.5em 0
    }
    #dd,
    .banner,
    .clientWrap,
    .rightSlide {
        display: none
    }
    .dropDown {
        position: static;
        padding: 0;
        background: #ededed
    }
    .dropDown ul li {
        border-bottom: 1px dotted #999;
        padding: .5em 0
    }
    nav {
        margin: 0
    }
    nav>ul>li {
        border-bottom: 1px dotted #ffbda0
    }
    nav>ul>li>a {
        padding: .8em .94em
    }
    .dropDown ul li a {
        padding: .8em 1.42em;
        font-size: 1.2em;
        color: #333
    }
    .dropDown ul li a:hover {
        color: #f15714
    }
    .dropDown ul li a span {
        color: #000
    }
    .tabWrap {
        padding: 0 1em 1.7em
    }
    .tablinks ul li a {
        width: 100%;
        padding: 1em 0;
        text-align: center
    }
    .aboutPannel {
        padding: 1.6em 1em 2em
    }
    .innovationContent,
    .solutionText ul {
        padding: 1em
    }
    .aboutPannel h3 {
        margin: 0 0 .4em
    }
    ul.aboutBox li {
        margin: 0 0 2em
    }
    .btmLogo,
    .fRgt {
        float: left
    }
    .solutionText ul li {
        text-align: justify
    }
    .innovationImg {
        margin: 0 0 .5em
    }
    .innovationImg figure {
        height: 100%
    }
    .btmLogo {
        margin: 0 0 1em
    }
    .socialLinks h6 {
        margin: 0 0 .5em
    }
    .factWrap ul li.grey {
        margin: 0
    }
    .enquiryContent {
        height: 40em
    }
    .registerArea {
        padding: 3em 1em
    }
    .registerArea h4 {
        font-size: 2.6em
    }
    .container {
        margin: 2em 0 0
    }
    .productBox {
        padding: 3.5em 1em
    }
    .listbox ul li {
        width: 50%;
        padding: .8em .5em
    }
    .productDetail {
        margin: 1em 0 0
    }
    .inHeading {
        padding: 0 2em
    }
    .inHeading h2 {
        margin: .5em 0
    }
    .inHeading h3 {
        margin: 0 0 .5em
    }
    .aboutWrap h3 {
        font-size: 1em
    }
    .aboutWrap {
        padding: 0
    }
    .productText {
        width: 100%
    }
    .productText a {
        width: 48%;
        font-size: 1em
    }
    .productText a::after {
        bottom: 10px
    }
    .protablinks ul li {
        width: 100%;
        margin: 0 0 1.5em
    }
    .productBanner {
        width: 100%;
        margin: 0 0 4em
    }
    .proTabWrap {
        margin: .7em 0 0
    }
    .inHeading h3 {
        font-size: 2em
    }
    .dropDown1 ul {
        width: 31em
    }
    .conLeft,
    .conLeft iframe,
    .productBanner1 {
        width: 100%
    }
    .protablinks1 ul li {
        width: 100%;
        margin: 0 0 1.5em
    }
    .productBanner1 figure {
        height: 100%
    }
    .productText h5 {
        font-size: 1.5em;
        text-align: left
    }
    .conLeft {
        padding: 1em
    }
    .tabText ul.tabList li {
        width: 33.1%;
        margin: 0 .1em .1em 0
    }
    .enqiur {
        bottom: 0;
        top: inherit
    }
    .productWrap ul {
        border: none
    }
    .productWrap ul li {
        width: 100%;
        margin: 0 0 3em
    }
    .productWrap ul li h3 {
        font-size: 1.8em
    }
    .anoutText figure {
        clear: both;
        width: 100%
    }
    .socialLinks {
        width: 100%;
        margin: 0
    }
   
    /* floating css */
       .rightSideStickyBtn {
		    right: 0;
		    width: 100%;
		    bottom: 0;
		    top: inherit;
		    -webkit-transform: rotate(0deg);
		    text-align: center;
		}
		.downloadBtnSection {
		    float: left;
		    width: 50%;
		}
		.enquiryBtnSection {
		    float: left;
		    width: 50%;
		}
		.footerIn1 {
		    margin-bottom: 45px;
		}
		.downloadBtnSection a, .enquiryBtnSection a {
            display: block;
   
        }
  

    /* floating css */
}

@media only screen and (width:320px) {
    .tabText ul.tabList li {
        width: 100%
    }
    .tabText ul.tabList li.medi {
        background: url(../images/medical.jpg) center top no-repeat #d76f30
    }
    .tabText ul.tabList li.elect {
        background: url(../images/electronics.jpg) center top no-repeat #d76f30
    }
    .tabText ul.tabList li.machine {
        background: url(../images/machine-tools.jpg) center top no-repeat #d76f30
    }
    .tabText ul.tabList li.process {
        background: url(../images/process-controls.jpg) center top no-repeat #d76f30
    }
    .tabText ul.tabList li.railways {
        background: url(../images/railways.jpg) center top no-repeat #d76f30
    }
    .tabText ul.tabList li.elect-syst {
        background: url(../images/electrical-systems.jpg) center top no-repeat #d76f30
    }
    .tabText ul.tabList li.con-elect {
        background: url(../images/consumer-electronics.jpg) center top no-repeat #d76f30
    }
    .tabText ul.tabList li.defence {
        background: url(../images/defence.jpg) center top no-repeat #d76f30
    }
    .tabText ul.tabList li.textile {
        background: url(../images/textile-industry.jpg) center top no-repeat #d76f30
    }
}

@media only screen and (width:680px) {
    .productBanner ul li figure {
        margin: 0 0 0 10em
    }
}

@media only screen and (min-width:681px) and (max-width:1003px) {
    nav>ul>li>a {
        padding: 1.28em .66em;
        font-size: 1.2em
    }
    .dropDown {
        top: 5em
    }
    .tablinks ul li a {
        padding: 1.5em 2.96em
    }
    .tabText ul.tabList li {
        width: 24.85%
    }
    ul.aboutBox li {
        margin: 0 3.4em 0 0
    }
    .clientPannel ul li figure {
        margin: 0 .7em
    }
    .fotterNew {
        float: left!important;
        margin: 2em 0 0
    }
    .innovationImg {
        margin: 0 2em 0 0
    }
    .innovationText {
        width: 59%
    }
    .factWrap ul li {
        width: 23.8%
    }
    .listboxWrap1,
    .productText {
        width: 55%
    }
    .factWrap ul li.grey {
        margin: 0 .1em 0 17em
    }
    .banneTextBox {
        margin: 11.2em 0 0 2em
    }
    .banneTextBox h1 {
        font-size: 2em
    }
    .productBox {
        padding: 3.5em 2em
    }
    .protablinks ul li {
        margin: 0 4em 0 0
    }
    .productText a {
        width: 48%
    }
    .conLeft {
        margin: 0 3em 0 0
    }
    .conLeft1 {
        margin: 0
    }
    .conLeft iframe {
        width: 100%
    }
    .rightSideStickyBtn {
         top: 34%;
   
    }
}