body{
    font-family: 'Oakes Grotesk';
}
@font-face {
    font-family: 'Oakes Grotesk';
    src: url('../fonts/OakesGrotesk-Bold.eot');
    src: url('../fonts/OakesGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OakesGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/OakesGrotesk-Bold.woff') format('woff'),
        url('../fonts/OakesGrotesk-Bold.ttf') format('truetype'),
        url('../fonts/OakesGrotesk-Bold.svg#OakesGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oakes Grotesk';
    src: url('../fonts/OakesGrotesk-SemiBold.eot');
    src: url('../fonts/OakesGrotesk-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OakesGrotesk-SemiBold.woff2') format('woff2'),
        url('../fonts/OakesGrotesk-SemiBold.woff') format('woff'),
        url('../fonts/OakesGrotesk-SemiBold.ttf') format('truetype'),
        url('../fonts/OakesGrotesk-SemiBold.svg#OakesGrotesk-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oakes Grotesk';
    src: url('../fonts/OakesGrotesk-SemiBoldItalic.eot');
    src: url('../fonts/OakesGrotesk-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OakesGrotesk-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/OakesGrotesk-SemiBoldItalic.woff') format('woff'),
        url('../fonts/OakesGrotesk-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/OakesGrotesk-SemiBoldItalic.svg#OakesGrotesk-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Oakes Grotesk';
    src: url('../fonts/OakesGrotesk-Regular.eot');
    src: url('../fonts/OakesGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OakesGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/OakesGrotesk-Regular.woff') format('woff'),
        url('../fonts/OakesGrotesk-Regular.ttf') format('truetype'),
        url('../fonts/OakesGrotesk-Regular.svg#OakesGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oakes Grotesk';
    src: url('../fonts/OakesGrotesk-Medium.eot');
    src: url('../fonts/OakesGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OakesGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/OakesGrotesk-Medium.woff') format('woff'),
        url('../fonts/OakesGrotesk-Medium.ttf') format('truetype'),
        url('../fonts/OakesGrotesk-Medium.svg#OakesGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
html{scrollbar-color:#ec3237 #000; scrollbar-width: thin;}
body::-webkit-scrollbar { width: 7px;}
body::-webkit-scrollbar-track {background: #000;}
body::-webkit-scrollbar-thumb {background: #ec3237;}
body::-moz-scrollbar { width: 7px;}
body::-moz-scrollbar-track {background: #000;}
body::-moz-scrollbar-thumb {background: #ec3237;}
body::-o-scrollbar { width: 7px;}
body::-o-scrollbar-track {background: #000;}
body::-o-scrollbar-thumb {background: #ec3237;}
body::-ms-scrollbar { width: 7px;}
body::-ms-scrollbar-track {background: #000;}
body::-ms-scrollbar-thumb {background: #ec3237;}



.hc-offcanvas-nav .nav-container{ display:block!important; width: 435px !important; left: -188px !important;}
.hc-offcanvas-nav.nav-position-left .nav-container{ left:0!important;}
.hc-offcanvas-nav.hc-nav-1.nav-position-left .nav-container {transform: translate3d(-493px, 0, 0);}
.ttle h1{
        padding-top:50px;
}

.logo-min{
    padding-top: 20px;
    text-align: center;
}




/* hedear */
.hedear-top.active {
    top: 0px;
    transition: all 0.3s ease-in-out;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
}
.phone{
    display: none;
}
.readmoreicon {
  cursor: pointer;
  color: #000;
  font-weight: normal;
  font-size: 16px;
  color: #ec3237 !important;
  margin-left: 20px;
}
.headerRightmainAll ul li {
    list-style-type: none;
}
.headerRightmainAll ul{
    margin: 0;
    padding: 0;
}
header .container{
    max-width: 1322px;
}
header .toggle {
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    z-index: 9980;
    position: absolute;
    width: 30px;
    top: 30px;
    right: 5%;
    display: block;
    cursor: pointer;
    font-size: 20px;
    height: 0px;
    display: flex !important;
    -webkit-display: flex !important;
    -ms-display: flex !important;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}
.navbar-expand-lg .navbar-collapse{
    justify-content: end;
    padding-right: 5%;
}
.container{
    max-width: 1300px;
}
header{
    position: relative;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 15px 20px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #ED3237;
}
.hedear-color{
    background: #ED3237;
    height: 100%;
    width: 41.666667%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.color{
    color: #fff !important;
}
.navbar-light .navbar-nav .nav-link:focus{
    color: #ED3237;
}
.navbar-light .navbar-nav .color:hover{
    color: #000 !important;
}
.navbar-light .navbar-nav .color:focus{
    color: #000 !important;
}
/* hover */
.dropdown .dropbtn { 
    border: none;
    outline: none;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    cursor: pointer;
  }
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width: 430px;
    z-index: 99;
    border-top: 2px solid #000;
}
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }
.dropdown-content a:hover {
    color: #fff;
    background: #ED3237;
  }
.dropdown:hover .dropdown-content {
    display: block;
}
/* banner */
.banner{
    position: relative;
}
.banner-div{
    background: #ec3237;
    height: 100%;
    padding-left: 20px;
}
.banner-img-1 img{
    padding-right: 20px;
    position: relative;
    z-index: 999;
}
.padd{
    padding-left: 0;
    padding-right: 0;
}
.banner-img-1{
    text-align: right;
    position: relative;
    padding-top: 50px;
}
.banner-btn{
    text-align: left;
    position: relative;
    z-index: 9999;
}
.banner-text{
    position: absolute;
    left: 0;
    top: 36%;
    border: 1px solid #fff;
    border-radius: 6px;
    height: 275px; 
    width: 97%;
}
.banner-text h2{
    text-align: left;
    margin-top: 15%;
    margin-left: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: normal;
}
.submite-btn .btn-primary
{
    background-color:transparent;
    border-color:transparent;
}
.banner-btn .btn-primary{
    background:#000;
    border-color: #000;
    border-radius: 6px;
    font-size: 18px;
    font-weight: normal;
}
.banner-btn .btn-primary:hover{
    background: #fff;
    transition: .4s;
    color: #000;
}
.banner-btn .btn-primary:focus{
    box-shadow: none;
}
.banner-btn .btn-primary:not(:disabled):not(.disabled):active{
    background: #000;
    border-color: #000;
}
.banner-btn .btn-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow: none;
}
.banner-btn{
    padding-left: 30px;
}
/* Exceptional */
.exceptional{
    background: url(../images/exceptional-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 10%;
    padding-bottom: 5%;
    position: relative;
  
}
#pulse-container {
    position: relative;
    z-index: 1
}
.pulse-containerDiv {
    position: absolute;
    left: 47%;
    top: 150px;
    width: 260px;
    height: 444px;
    margin-left: -170px;
    z-index: 100;
}
.circle {
    z-index: -1;
    width: 400px;
    height: 400px;
    background-color: #ed323799;
    border-radius: 50%;
    position: absolute;
    opacity: 0;
    animation: scaleIn 4s infinite cubic-bezier(.36, .11, .11, .32)
}
.box-top-plus{
    margin-top: 50px;
}
.box-top-minus{
    margin-top: -50px;
}
@keyframes scaleIn {
    from {
        transform: scale(.4, .4);
        opacity: .5
    }
    to {
        transform: sclae(0, 0);
        opacity: 0
    }
}
.contact-topimg{
	position: relative;
	max-height: 100%;
    -webkit-transform-origin: top center;
    transform-origin: top center;
	-webkit-animation: illustration-2 ease-in-out 7s infinite;
    animation: illustration-2 ease-in-out 7s infinite;
    right: -3px;
}
@-webkit-keyframes illustration-2{
	0%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
	50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
	100%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
}
@keyframes illustration-2{
	0%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
	50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
	100%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
}
.exceptionl-text h3{
    font-weight: normal;
    font-size: 55px;
    color: #fff;
}
.exceptionl-text{
    height: 300px;
    display: flex;
    align-items: flex-end;
}
.exceptional-text p{
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    position: relative;
    padding-left: 20px;
    padding-bottom: 30px;
}
.exceptional-text p::before{
    position: absolute;
    background: #ec3237;
    width: 1px;
    height: 90px;
    left: 0;
    top: 0;
    content: '';
}3
.readmoreicon{
    cursor:pointer;
    color:#000;
    font-weight: normal;
    font-size: 16px;
    color: #ec3237 !important;
    margin-left: 20px;
}
.details{
    display:none;
    transition:.9s;
    animation:open .4s linear
}
.exceptional-img{
    display: flex;
    align-items: flex-end;
}
/* HONEYWELL */
.honeywell-text h5{
    color: #ED3237;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 10px;
    font-size: 18px;
}
.honeywell-img-2{
    background: url(../images/honey-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    height: 463px;
    margin-top: 45%;
    text-align: center;
}
.honeywell-img-2 img{
    margin-top: -25%;
}
.scrol:after {
    content: "";
    display: block;
    height: 100vh;
    margin-bottom: -100vh;
} 
.index-high{
    position: relative;
    z-index: 101;
}
.honeywell-img img{
    width: 100%;
}
.all-contant{
    padding: 0 5%;
}
.honeywell-text p{
    font-weight: normal;
    font-size: 15px;
    color: #000;
    margin-bottom: 50px;
}
.honeywell-box{
    padding-top: 5%;
    padding-bottom: 6%;
}
/* XENON™ */
.xenon-bg{
    background: url(../images/xenon-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    height: 712px;
    position: sticky;
   
}
.xenon-text{
    background: #ED3237;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 530px;
    padding: 50px;
}
.xenon-text h5{
    color: #fff;
    padding-right: 15%;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
}
.xenon-text p{
  color: #fff;
  margin: 0;
  font-size: 14px;
}
.xenon-contant{
    display: flex;
    align-items: flex-end;
}
.printing-img{
    position: absolute;
    bottom: -100px;
    left: 50%;
}
/* SUNMI T 2s */
.sunmi{
    padding-top: 6%;
    padding-bottom: 5%;
}
.sunmi-img-box{
    margin: 0 10px;
}
.sunmi-img-1{
    background: #F2F2F2;
    padding: 21px;
    height: 300px;
}
.sunmi-text h5{
  text-align: center;
  color: #ec3237;
  font-weight: 600;
  padding-top: 10px;
  font-size: 18px;
}
.sunmi-text p{
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

.table-result table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
    color: #333;
    font-weight: normal;
    font-size: 16px;
}

.table-result tr th {
    border: 2px solid #fff;
    text-align: left;
    padding: 10px;
    text-align: center;
    background-color: #337ab7;
    color: #ffffff;
}

.table-result tr td {
    border: 2px solid #fff;
    text-align: left;
    padding: 10px;
}

.table-result tr:nth-child(odd) {
    background-color: #ededed;
}

/* footer */
footer{
    padding-bottom: 0;
}
.coppy-text a{
    color: #fff;
    text-decoration: none;
    transition: .4s;
    
}
.coppy-text a:hover{
        color: #ED3237;
    transition: .4s;
}

.footer-bg{
    background: url(../images/footer-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
   padding-top: 5%;
   background-attachment: fixed;
}
.black-bg{
    background: rgba(0, 0, 0, 0.8);
    padding: 10% 3%;
}
.form-box .form-control{
    background: transparent;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
   padding-left: 0;
}
.form-box .form-control:focus{
    box-shadow: none;
}
.form-box .form-group{
    position: relative;
}
.submite-btn{
    position: absolute;
    top: 8px;
    right: 0;
}
.submite-btn button{
    background: transparent;
    border-radius: 0;
    border-color: transparent;
    padding: 0;
    font-size: 17px;
    font-weight: normal;
}
.submite-btn .btn-primary:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}
.submite-btn .btn-primary:not(:disabled):not(.disabled):active{
    background: transparent;
    border-color: transparent;
}
.submite-btn .btn-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow: none;
}
.submite-btn .btn-primary:focus{
    box-shadow: none;
}
.form-box input::placeholder{
    color: #fff !important;
    font-size: 17px;
    font-weight: normal;
}
.form-box h3{
    font-size: 30px;
    font-weight: normal;
    color: #ec3237;
    padding-bottom: 20px;
}
.social-icon i{
    color: #ec3237;
    margin: 0 30px;
    font-size: 20px;
}
.social-icon i:hover{
    color: #fff;
}
.social-icon i:first-child{
    margin-left: 0;
}
.social-icon {
    padding-top: 30px;
}
.footer-menu li{
    list-style-type: none;
    padding-bottom: 20px;
}
.footer-menu a{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
.footer-menu a:hover{
    margin-left: 5px;
    color: #ED3237;
    transition: .4s;
}
.footer-loction p{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    padding-left: 25px;
}
.location-mapp::before{
    background: url(../images/location.png) no-repeat;
    background-position: center;
    height: 20px;
    width: 15px;
    content: '';
    top: 0;
    left: 0;
    position: absolute;
}
.mali-icon::before{
    background: url(../images/mail-icon.png) no-repeat;
    background-position: center;
    height: 20px;
    width: 30px;
    content: '';
    top: 3px;
    left: -9px;
    position: absolute;
}
.phone-icon::before{
    background: url(../images/phone-icon.png) no-repeat;
    background-position: center;
    height: 20px;
    width: 30px;
    content: '';
    top: 3px;
    left: -9px;
    position: absolute;
}
.form-box{
    padding-right: 27%;
}
.coppy-text{
    padding-top: 5%;
    padding-bottom: 30px;
}
.coppy p{
    color: #fff;
    font-size: 13px;
    font-weight: normal;
}
.footer-logo{
    text-align: right;
}
/* about us */
.about-box{
    background: #000;
    position: relative;
    height: 100%;
}
.historiy-text{
    position: absolute;
    transform: rotate(7deg);
    -webkit-transform: rotate(-90deg);
    top: 50%;
    left: -27px;
}
.historiy-text h6{
  font-size: 25px;
  font-weight: 500;
  opacity: 0.1;
  color: #fff;
}
.about-box-img {
    position: absolute;
    right: -110px;
    top: 8%;
    z-index: 9;
}
.about-box-2{
    background:  linear-gradient(1000deg, #F9F9F900 0%, #EBE9E9 100%) 0% 0%;
    padding: 9% 5% 6% 21%;
    min-height:780px;
}
.about-box-2 h3{
    font-size: 40px;
    color: #ED3237;
    font-weight: normal;
    padding-bottom: 20px;
}
.about-box-2 p{
    font-size: 15px;
     color: #000;
     font-weight: normal;
}
.about-padd{
    padding-left: 0;
    padding-right: 0;
}
/* vision */
.vision-img{
    background: url(../images/vision-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% 0;
}
.mision-img{
    padding-bottom: 65px;
    text-align: center;
}
.mision-img-box{
    text-align: center;
}
.mission-padd{
    padding-bottom: 0;
}
.mission-box{
    padding-left: 17%;
    position: relative;
}
.mission-box::before{
    position: absolute;
    content: '';
    width: 1px;
    height: 360px;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0.5;
}
.mission-box h3{
    color: #ec3237;
    font-size: 35px;
    font-weight: normal;
    padding-bottom: 10px;
}
.mission-box p{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
.mission-all-img{
    padding-top: 0px;
}
.mission-text{
    margin-top: 15%;
}
.vision-bg{
    padding-right: 6%;
    position: relative;
}
.vision-log{
    position: absolute;
    right: -35px;
    top: 50%;
    transform: rotate(7deg);
    -webkit-transform: rotate(-90deg);
}
.solution-bg{
    background: linear-gradient(271deg, #F9F9F900 0%, #EBE9E9 100%) 0% 0% ;
}
.slution-box{
    position: relative;
    padding-left: 3%;
}
.slution-box p{
    font-size: 23px;
    color: #000;
    margin: 0;
    font-weight: 500;
}
.slution-box::before{
  position: absolute;
  content: '';
  background: #ec3237;
  width: 8px;
  height: 50px;
  top: 7px;
  left: 0;
}
.solution-img{
    padding-top: 9%;
}
.boxpush-solution h4{
    font-size: 40px;
    font-weight: normal;
    color: #4B4B4D;
    padding-top: 25px;
    padding-bottom: 15px;
}
.boxpush-solution{
    position: relative;
}
.color-1{
    color: #ec3237;
}
.color-2{
    color: #0098DB;
}
.boxpush-solution h6{
    color: #ec3237;
    font-weight: 500;
    font-size: 25px;
}
.hori-text{
     position: absolute;
     content: '';
     transform: rotate(7deg);
    -webkit-transform: rotate(-90deg);
    left: -160px;
    top: 126px;
}
.boxpush-solution p{
    font-size: 16px;
    font-weight: normal;
    color: #000;
}
.solution-logo{
    margin-top: -13%;
}
.solution-bg{
    padding: 5% 0;
}
/* product */

.tblProducts td {
  border: 1px solid #fff;
  padding: 7px;
}
.gryphon h1,.gryphon h3{
    font-size: 40px;
    font-weight: normal;
    color: #000;
    padding-bottom: 50px;
}
.gryphon h4{
    font-size: 20px;
    font-weight: 500;
    color: #ec3237;
}
.gryphon p{
    font-size: 16px;
    color: #000;
    font-weight: normal;
    padding-bottom: 25px;
    margin: 0;
}
.gryphon p:last-child{
    padding-bottom: 0;
}
.gryphon-img{
    background: #EFEFEF;
    text-align: center;
    margin-top: 25%;
    padding-bottom: 5%;
}
.product-box{
    margin-top: -22%;
}
.small-pro{
    text-align: left !important;
    padding-left: 5%;
}
.product-bg{
    padding: 5% 0;
}
.gryphon img{
    padding-bottom: 10px;
}
/* IMPLE TO USE AND DEPLOY */
.simple-bg{
    background: url(../images/simple-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% 0;
}
.simlpe-padd{
    padding-left: 0;
}
.simple-text{
    background: #ec3237;
    width: 750px;
    padding: 50px;
}
.simple-text h4{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 30px;
}
.simple-text p{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}
/* tabs */
.tab-section .nav-tabs {
    display:none;
}
.tab-section .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ec3237;
    border-color: #ec3237;
}
.tab-section .nav-tabs .nav-link{
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #000;
    color: #fff;
}
.tab-section .nav-tabs .nav-link:hover{
    background: #ec3237;
    color: #fff;
    border-color: transparent;
}
.tab-section .nav-tabs{
    border-bottom: none;
}
.tab-section .nav-link{
    padding: 25px 95px;
}
.tab-box-contant li{
    list-style: none;
    padding-bottom: 13px;
    padding-left: 15%;
    position: relative;
    color: #000;
    font-weight: 500;
    font-size: 15px;
}
.tab-box-contant li::before{
    position: absolute;
    content: '';
    border: 1px solid #ec3237;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: 13%;
    top: 7px;
}
.tab-box-contant{
    padding: 3% 0;
}
/* contact */
.padd-con{
    padding-left: 0;
    padding-right: 0;
}
.contact-text h5{
    color: #ED3237;
    font-size: 20px;
    font-weight: 500;
}
.contact-text h3{
    font-weight: 600;
    font-size: 45px;
    color: #000;
    padding-bottom: 35px;
}
.contact-text a{
    text-decoration: none;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    transition: .4s;
    margin-left: 22%;
}
.contact-text a:hover{
    transition: .4s;
    color: #009C95;
}
.contact-text-bg{
    background:  linear-gradient(1000deg, #F9F9F900 0%, #EBE9E9 100%) 0% 0% no-repeat padding-box;;
    height: 100%;
    position: relative;
    padding-top: 10%;
}
.contact-box{
    background: url(../images/contact-text-bg.png) no-repeat;
    background-position: bottom bottom;
    padding-bottom: 19%;
    padding-left: 28%;
}
.contact-img img{
    width: 100%;
}
.padd-loct{
    padding-right: 0;
    padding-left: 0;
}
.map-locti{
    position: relative;
}
.mapp-pad{
    padding-left: 0;
    padding-right: 0;
}
.map-btn{
    position: absolute;
    right: 0;
    top: 16px;
}
.map-btn a{
    background: #000;
    color: #fff;
    padding: 15px 20px;
    text-decoration: none;
}
.contact-call{
    background: #ED3237;
    padding-left: 50px;
    height: 100%;
}
.contact-us-text{
    background: #fff;
    padding-left: 23%;
    padding-top: 15%;
    height: 100%;
}
.contact-us-text h5{
   color: #a2a2a2;
   font-size: 16px;
   font-weight: 500;
   position: relative;
}
.addres-box::before{
    position: absolute;
    content: '';
    width: 15px;
    height: 25px;
    background: url(../images/address.png) no-repeat;
    background-position: center;
    left: -35px;
    top: 0;
    opacity: 1 !important;
}
.suport::before{
    position: absolute;
    content: '';
    width: 15px;
    height: 25px;
    background: url(../images/suport.png) no-repeat;
    background-position: center;
    left: -35px;
    top: 0;
    opacity: 1 !important;
}
.email::before{
    position: absolute;
    content: '';
    width: 22px;
    height: 25px;
    background: url(../images/contact-mail.png) no-repeat;
    background-position: center;
    left: -38px;
    top: -4px;
    opacity: 1 !important;
}
.contact-us-text h6{
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.social-meid a{
  font-size: 18px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  transition: .4s;
}
.social-meid a:hover{
    color: #ED3237;
    transition: .4s;
}
.social-meid li{
    list-style-type: none;
    display: inline-block;
    margin: 0 20px;
}
.social-meid h5{
    color: #a2a2a2;
    font-size: 16px;
   font-weight: 500;
}
.social-meid{
    padding-left: 13%;
}
.social-meid:first-child li{
    margin-left: 0;
}
.contact-form{
    background: #EFEFEF;
    padding: 10% 15% 10% 15%;
    border-bottom-right-radius: 86px;
    margin-top: -28%;
    box-shadow: 0px 3px 10px #00000029;
}
.contact-form .form-control{
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 1px solid #707070;
    padding: 8px 0;
}
.contact-frm-bg{
    padding-right: 50px;
}
.contact-form h3{
    font-size: 45px;
    font-weight: normal;
    color: #000;
    padding-right: 45%;
    padding-bottom: 20px;
}
.contact-form input::placeholder{
    color: #000;
}
.contact-form textarea::placeholder{
    color: #000;
}
.contact-form p{
    color: #000;
    opacity: 0.6;
    padding-right: 34%;
}
.contact-form label{
    color: #000;
    font-weight: 500;
    font-size: 15px;
    padding-left: 7%;
    padding-bottom: 25px;
}
.contact-form span{
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    opacity: 0.3;
}
.from-btn{
    text-align: right;
}
.from-btn .btn-primary{
    background: #000;
    border-color: #000;
    border-radius: 6px;
    padding: 8px 25px;
    font-size: 17px;
    font-weight: normal;
    transition: .4s;
}
.from-btn .btn-primary:focus{
    box-shadow: none;
}
.from-btn .btn-primary:hover{
    background: #ED3237;
    border-color: #ED3237;
    transition: .4s;
}
.from-btn .btn-primary:not(:disabled):not(.disabled):active{
  background: #000;
  border-color: #000;
}
/* product-listing */
.product-list .btn-primary{
    background: transparent;
    color: #000;
    border-color: transparent;
}
.product-list .btn-primary:focus {
    box-shadow: none;
}
.product-list .btn-primary:not(:disabled):not(.disabled):active{
    background: transparent;
    border-color: transparent;
    color: #000;
}
.btn-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow: none;
}
.product-list .accordion .item .item-header h2 button.btn.btn-link {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    padding:0;
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0;
}
.other-link-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5% 5% 3% 15% !important;
    border-bottom: 1px solid #707070 !important;
}
.border-line{
    border-bottom: none !important;
}
.contant-product a{
    color: #000;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    transition: .4s;
}
.contant-product a:hover{
    color: #ec3237;
    transition: .4s;
}
.other-link-btn a{
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: .4s;
}
.other-link-btn a:hover{
    color: #ec3237;
    transition: .4s;
}
.product-list .accordion .item:last-child .item-header h2 button.btn.btn-link {
    border-bottom: none;
}
.product-list .accordion .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;
    margin: 2px;
} 
.product-list .accordion .item .item-header h2 i {
    float: right;
    font-size: 20px;
    color: #000;
} 
.product-list button.btn.btn-link.collapsed i {
    transform: rotate(0deg);
} 
.product-list button.btn.btn-link i {
    transform: rotate(180deg);
    transition: 0.5s;
}
.contant-product li{
    list-style: none;
    padding-left: 36%;
    position: relative;
    padding-bottom: 10px;
}
.contant-product li::before{
    position: absolute;
    content: '';
    width: 25px;
    height: 1px;
    left: 24%;
    top: 11px;
    background: #ccc;
}
.product-list{
    background: #FAFAFA;
    padding: 10% 0;
    height: 100%;
}
.padd-left{
    padding-left: 0;
}
.product-list h4{
    font-weight: 600;
    color: #000;
    font-size: 20px;
    border-bottom: 2px solid #707070;
    padding-left: 15%;
    padding-bottom: 5%;
}
.contant-product{
    padding-top: 6%;
    padding-right: 2%;
}
.min-hedding h3{
    font-weight: normal;
    font-size: 35px;
    color: #000;
    padding-bottom: 2%;
}
.product-img-text-box{
    padding-top: 9%;
}
.product-bg-list{
    background: #EFEFEF;
    padding-bottom: 20px;
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
}
.product-bg-list img{
    margin-top: -35%;
}
.select-box-btn{
    padding-left: 65%;
    padding-bottom: 4%;
}
.select-box-btn .form-control{
    background: #ec3237;
    color: #fff;
    padding: 8px 15px;
    border-radius: 0;
    border-color: #ec3237;
}
.select-box-btn option{
    font-size: 16px;
}
.form-control:focus{
    box-shadow: none;
    border-color: transparent;
}
.select-box-btn select{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
.product-img-logo{
    padding-left: 10%;
    text-align: left;
    padding-top: 6%;
}
.product-img-logo img{
    margin-top: 0;
}
.product-list-text{
    background: #fff;
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
    padding: 5% 0;
}
.product-list-text h6{
    font-weight: 500;
    color: #ED3237;
    font-size: 20px;
}
.pro-list-page{
    padding-top: 12%;
}
.min-hedding{
    padding: 5% 0;
    padding-right: 10%;
}
.next-btn{
    text-align: center;
    padding-top: 5%;
}
.next-btn a{
    text-decoration: none;
    color: #000;
    margin: 0 15px;
    font-weight: 500;
    font-size: 18px;
    transition: .4s;
}
.next-btn a:hover{
    color: #ED3237;
    transition: .4s;
}
.prev-btn{
    opacity: 0.2;
}
.prev-btn:hover{
    opacity: 1;
    transition: .4s;
}
.min-hedding select.form-control:not([size]):not([multiple]){
    height: auto;
}
.download-btn button{
    background:#ED3237;
    color: #fff;
    padding:10px 25px;
    border:none;
    font-weight: 500;
    font-size: 18px
    cursor: pointer;
}
.download-btn{
     text-align: center;
}
.download-btn button:hover{
    background:#000;
}
}
/* responsive */
@media(max-width:1355px){
.tab-section .nav-link {
    padding: 25px 92px;
}
}
@media(max-width:1329px){
.tab-section .nav-link {
    padding: 25px 87px;
}  
}
@media(max-width:1290px){
.tab-section .nav-link {
    padding: 25px 82px;
}
}
@media(max-width:1249px){
.tab-section .nav-link {
    padding: 25px 77px;
}   
}
@media(max-width:1209px){
.tab-section .nav-link {
    padding: 25px 73px;
} 
}
@media(max-width:1199px){
.navbar-expand-lg .navbar-nav .nav-link{
    padding: 25px 23px;
}
.printing-img {
    left: 61%;
} 
.form-box {
    padding-right: 16%;
} 
.tab-section .nav-link {
    padding: 25px 75px;
}
}
@media(max-width:1193px){
.tab-section .nav-link {
     padding: 25px 65px;
}  
}
@media(max-width:1170px){
.navbar-expand-lg .navbar-collapse{
    padding-right: 4%;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding: 25px 18px;
}
br{
    display: none;
}
header .toggle{
    right: 3%;
}
.vision-log{
    display: none
}
.vision-bg{
    padding-right: 0;
}
}
@media(max-width:1113px){
.tab-section .nav-link {
    padding: 25px 60px;
}   
}
@media(max-width:1073px){
.tab-section .nav-link {
    padding: 25px 55px;
}
}
@media(max-width:1033px){
.tab-section .nav-link {
    padding: 25px 50px;
}
}
@media(max-width:995px){
.tab-section .nav-link {
    padding: 25px 45px;
}    
}
@media(max-width:991px){
header .toggle {
    right: 4%;
    }
  .download-btn  
  {
      padding-top:30px;
  }
    
.product-bg-list img {
    margin-top: 0;
}

.hedear-color{
    display: none;
}
.navbar-light .navbar-toggler{
    display: none;
}
.phone-slide{
    display: none;
}
.banner-text h2{
    margin-top: 6%;
}
.m-t-0{
    margin-left: 0;
    margin-right: 0;
}
.scrol .image-holder{
    height: auto;
    position: relative;
    overflow: inherit;
}
.phone-text{
    display: block;
}
.phone{
    display: block;
}
.deskdop{
    display: none;
}
.form-box {
    padding-right: 0%;
}
.footer-logo {
    text-align: left;
    padding-bottom: 20px;
}
.odear{
    order: 2;
}
.printing-img{
    display: none;
}
.exceptional-img{
    display: block;
   padding-top: 3%;
}
.exceptional-text p{
    padding-top: 20px;
    padding-left: 0;
}
.readmoreicon{
    margin-left: 0;
}
.exceptional-text p::before{
   display: none;
}
.honeywell-img img{
    margin-top: 0;
}
.honeywell-img{
    padding: 0px;
}
.honeywell-img-2{
    margin-top: 0;
    height: auto;
}
.honeywell-img-2 img{
    margin-top: 0;
}
.exceptional{
    padding-top: 2%;
    padding-bottom: 2%;
}
.exceptionl-text{
    height: auto;
    display: block;
}
.exceptionl-text h3{
    font-size: 40px;
}
.honeywell-box{
    padding-top: 2%;
    padding-bottom: 2%;
}
.all-contant{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 0px;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.honeywell-text p{
    margin: 0;
}
.xenon-text{
    width: 100%;
}
.sunmi-img{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.sunmi-img img{
    width: 100%;
}
.sunmi{
    padding-top: 2%;
    padding-bottom: 2%;
}
.phone-viwe{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 10px;
}
.padd-box{
    padding-left: 0;
    padding-right: 0;
}
.sunmi-img-box {
    margin: 0 0px;
}
.sunmi-text h5{
    text-align: left;
}
.sunmi-text{
    padding-bottom: 20px;
}
.social-icon{
    padding-bottom: 20px;
}
.black-bg{
    padding: 3% 2%;
}
.footer-loction p:last-child{
    margin-bottom: 0;
}
/* about us */
.about-box-img {
    position: relative;
    right: 0;
    top: 0;
    z-index: 9;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 10px;
}
.about-box{
    background: transparent;
}
.about-padd{
    padding-left: 15px;
    padding-right: 15px;
}
.historiy-text{
    display: none;
}
.about-box-img img{
    width: 100%;
}
.about-box-2{
    padding: 20px 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.vision-log{
    display: none;
}
.vision-bg{
    padding-right: 0;
}
.mision-img-box{
    text-align: left;
}
.mision-img{
    text-align: left;
    padding-bottom: 25px;
}
.mission-box::before{
    display: none;
}
.mission-box{
    padding-left: 0;
}
.mission-text {
    margin-top: 2%;
}
.mission-box{
    margin-top: 3%;
}
.mission-box h3{
    padding-bottom: 0;
}
.about-box-2 h3{
    padding-bottom: 0;
}
br{
    display: none;
}
.boxpush-solution h4{
    font-size: 30px;
    padding-bottom: 15px;
}
.solution-img {
    padding-top: 3%;
    padding-bottom: 2%;
}
.mision-img-box img{
    width: 100%;
}
.mision-img img{
    width: 100%;
}
.hori-text{
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
}
/* product */
.gryphon h1,.gryphon h3{
    font-size: 30px;
    padding-bottom: 5px;
}
.gryphon h4{
    font-size: 18px;
}
.gryphon p{
    font-size: 14px;
    padding-bottom: 15px;
}
.gryphon{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 15px;
    padding: 10px;
}
.gryphon-img{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-top: 2%;
}
.product-box {
    margin-top: 0;
}
.simple-text{
    width: auto;
    padding: 20px;
}
.simple-text h4{
    padding-bottom: 5px;
}
.simlpe-padd{
    padding-left: 15px;
}
/* contact */
.contact-img{
    display: none;
}
.contact-text {
    padding: 3% 15px 3% 15px;
}
.contact-form {
    padding: 2% 15px 2% 15px;
    border-bottom-right-radius: 0;
    margin-top: -20%;
}
.contact-text h3 {
    padding-bottom: 0;
}
.contact-text-bg {
    padding-top: 0;
}
.contact-box{
    padding-left: 0;
    background: none;
}
.contact-frm-bg{
    padding-right: 0;
}
.padd-loct {
    padding-left: 15px;
    padding-right: 15px;
}
.contact-us-text {
    padding-top: 3%;
    padding-bottom: 4%;
    padding-left: 6%;
}
.from-btn {
    text-align: left;
}
.social-meid li {
    display: block;
    padding-bottom: 10px;
}
.social-meid {
    padding-left: 0;
    padding-top: 10px;
}
/* product-listing */
.padd-left {
    padding-left: 15px;
}
.min-hedding{
    padding-right: 0;
}
.product-bg img {
    margin-top: 0%;
}
.product-list-text{
    margin-bottom: 20px;
}
.pro-list-page {
    padding-top: 0%;
}
.product-list h4{
    padding-left: 15px;
    padding-bottom: 2%;
}
.other-link-btn{
    padding: 2% 15px !important;
}
.contant-product li{
    padding-left: 5%;
}
.contant-product li::before{
    left: 16px;
}
.product-list{
    height: auto;
    padding: 3% 0;
}
.contant-product{
    padding-top: 3%;
}
.select-box-btn{
    padding-left: 0;
    padding-right: 60%;
}
}
@media(max-width:953px){
.tab-section .nav-link {
    padding: 25px 39px;
}   
}
@media(max-width:905px){
.tab-section .nav-link {
    padding: 25px 34px;
}   
}
@media(max-width:866px){
.tab-section .nav-link {
    padding: 25px 30px;
}    
}
@media(max-width:834px){
.tab-section .nav-link {
    padding: 25px 25px;
}   
}
@media(max-width:793px){
.tab-section .nav-link {
    padding: 25px 22px;
}  
}
@media(max-width:770px){
.tab-section .nav-link {
    padding: 25px 18px;
}    
}
@media(max-width:767px){
.exceptionl-text h3 {
    font-size: 35px;
}
.box-top-plus {
    margin-top: 0;
}
.box-top-minus {
    margin-top: 0;
}
.banner-text h2{
    margin-top: 8%;
}
.exceptional-text p{
    font-size: 14px;
}
.exceptional-text p{
    padding-bottom: 12px;
}
.xenon-text{
    padding: 20px;
}
.xenon-text h5{
    padding-right: 0;
}
.sunmi-text {
    padding-bottom: 5px;
}
.form-box h3{
    font-size: 25px;
}
.social-icon i{
    margin: 0 20px;
}
.coppy-text{
    padding-bottom: 10px;
}
/* about us */
.about-box-2 h3{
    font-size: 30px;
}
.about-box-2 p{
    font-size: 14px;
}
.mission-box h3{
    font-size: 30px;
}
.mission-box p{
    font-size: 14px;
}
.slution-box p{
    font-size: 19px;
}
.boxpush-solution h6{
    font-size: 20px;
}
.slution-box::before {
    height: 39px;
    top: 5px;
}
.boxpush-solution p{
    font-size: 14px;
}
.solution-logo {
    margin-top: -17%;
}
/* contcat */
.contact-text h5 {
    font-size: 16px;
}
.contact-text h3 {
    font-size: 30px;
}
.contact-form h3 {
    padding-right: 0;
    font-size: 30px;
    padding-bottom: 10px;
}
.contact-form p {
    font-size: 16px;
    padding-right: 0;
}
.contact-form label {
    padding-left: 2%;
    padding-bottom: 5px;
}
.contact-call {
    padding-left: 0;
}
/* product-listing */
.contant-product li {
    padding-left: 8%;
}
}
@media(min-width:768px) {
.tab-section .nav-tabs {
    display: flex;
    justify-content: space-between;
}   
.tab-section .card {
    border: none;
}
.tab-section .card .card-header {
    display:none;
}  
.tab-section .card .collapse{
    display:block;
}
.tab-content h5{
    background-color: #000 !important;
    color: #fff;
}
}
@media(max-width:767px){
.tab-section .tab-content > .tab-pane {
    display: block !important;
    opacity: 1;
}
.card{
    border: none !important;
    border-radius: 0;
}
.card-header{
    background: #000 !important;
    margin-bottom: 5px;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
}
.card-header h5{
    margin: 0;
    font-size: 16px;
}
.card-header:hover{
   background: #ec3237 !important;
}
.card-header a{
    color: #fff;
    border-radius: 0;
    text-decoration: none;
    display: block;
}
.card-header:first-child{
    border-radius: 0;
}
.tab-box-contant li{
    padding-left: 2%;
    font-size: 13px;
}

.tab-box-contant li::before{
    left: 0;
}
/* product */
.simple-text{
    width: auto;
    padding: 20px;
}
.simple-text h4{
    padding-bottom: 5px;
}
.simple-text p{
    font-size: 14px;
}
.gryphon h1,.gryphon h3{
    font-size: 25px;
}
}
@media(max-width:499px){
header .toggle {
    right: 6%;
}
.banner-text h2{
    margin-left: 10px;
    position: relative;
    z-index: 999;
}
.banner-btn {
    padding-left: 10px;
}
.banner-text h2{
    font-size: 30px;
}
.banner-btn .btn-primary{
    font-size: 14px;
}
.banner-text h2 {
    margin-top: 14%;
}
.navbar-brand{
    width: 135px;
}
header .toggle{
    top: 25px;
}
.exceptionl-text h3 {
    font-size: 25px;
}
.readmoreicon{
    font-size: 14px;
}
.honeywell-text h5{
    padding-top: 15px;
    padding-bottom: 0;
    font-size: 16px;
}
.honeywell-text p{
    font-size: 14px;
}
.xenon-text h5{
    font-size: 16px;
}
.xenon-text p{
    font-size: 14px;
}
.sunmi-text h5{
    font-size: 16px;
}
.sunmi-text p{
    font-size: 14px;
}
.xenon-bg{
    height: 390px;
}
.form-box h3 {
    font-size: 20px;
}
.exceptionl-text br{
    display: inline-block !important;
}
.form-box input::placeholder{
    font-size: 14px;
}
.footer-menu a{
    font-size: 15px;
}
.footer-loction p{
    font-size: 15px;
}
.coppy p:last-child{
    margin-bottom: 0;
}
.coppy-text {
    padding-bottom: 15px;
}
/* about us */
.about-box-2 h3 {
    font-size: 25px;
}
.mission-box h3 {
    font-size: 25px;
}
.slution-box p {
    font-size: 17px;
}
.boxpush-solution h4 {
    font-size: 25px;
    padding-bottom: 0px;
}
.solution-logo {
    margin-top: -21%;
}
/* product */
.tab-box-contant li{
    padding-left: 4%;
}
/* contact */
.contact-text h5 {
    font-size: 15px;
}
.contact-text h3 {
    font-size: 25px;
}
.contact-form h3 {
    font-size: 25px;
}
.contact-form p {
    font-size: 14px;
}
.contact-call {
    padding-left: 20px;
    background: none;
}
.social-meid a{
    font-size: 16px;
}
/* product-listing */
.select-box-btn{
    padding-right: 0;
}
.min-hedding h3{
    font-size: 25px;
}
.product-list-text h6{
    font-size: 18px;
}
.contant-product li {
    padding-left: 13%;
}
}
@media(max-width:390px){
.banner-text h2 {
    font-size: 25px;
}
.banner-text{
    height: 215px;
}
.banner-div{
    padding-left: 15px;
}
.navbar-brand {
    width: 120px;
}
.exceptionl-text h3 {
    font-size: 22px;
}
.honeywell-text p {
    font-size: 13px;
}
.xenon-text h5 {
    font-size: 15px;
}
.xenon-text {
    padding: 15px;
}
/* about us */
.about-box-2 h3 {
    font-size: 20px;
}
.about-box-2 p {
    font-size: 13px;
}
.mission-box h3 {
    font-size: 20px;
}
.boxpush-solution h6 {
    font-size: 18px;
}
.mission-box p {
    font-size: 13px;
}
.boxpush-solution h4 {
    font-size: 20px;
}
.boxpush-solution p {
    font-size: 13px;
}
/* product-listing */
.contant-product li {
    padding-left: 16%;
}
.circle{
    height: 300px;
    width: 300px;
}
}