font-face {
     font-family: 'Gobold';
     src: url('../otf/gobold%20regular.otf') format('opentype');
 }

 font-face {
     font-family: 'Gothic821 Cn BT';
     src: url('../woff2/gothic821condensedbt-regular.woff2') format('woff2'), url('../woff/gothic821condensedbt-regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Helvetica 45';
     src: url('../woff2/helveticaneue-light.woff2') format('woff2'), url('../woff/helveticaneue-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Helvetica';
     src: url('../woff2/helvetica.woff2') format('woff2'), url('../woff/helvetica.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Helvetica-Condensed';
     src: url('../woff2/helvetica-condensedbold.woff2') format('woff2'), url('../woff/helvetica-condensedbold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Helvetica-CondensedBold';
     src: url('../woff2/helvetica-condensedbold.woff2') format('woff2'), url('../woff/helvetica-condensedbold.woff') format('woff'),
     url('../ttf/helvetica-condensed-bold.ttf') format('ttf');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }

 body {
     font-family: 'Roboto', sans-serif;
 }

 html {
     scroll-behavior: smooth;
 }

 body {
     scroll-padding-top: 70px;
 }

 html {
     scroll-padding-top: 70px;
 }

 .site-header.topmain {
     border-bottom: 1px solid #f2f2f2;
 }

 .site-header.topmain.norm {
     width: 100%;
     left: 0;
     z-index: 9;
     transition: all ease 1s;
 }

 .site-header.topmain.navfixed {
     position: fixed;
     top: 0;
     z-index: 99;
     width: 100%;
     background: #fff;
 }

 .site-header.topmain .navbar ul li a.nav-link {
     color: #000000;
     font-weight: 500;
     padding: 0px 20px;
     font-size: 14px;
 }

   .site-header.topmain .navbar-nav {
    align-items: center;
   }

  .site-header.topmain .navbar ul li.num {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    padding-left: 12px;
    border-left: 1px solid #dddddd;
  }

  .site-header.topmain .navbar ul li.num span {
    padding: 0;
  }

 .site-header.topmain .navbar ul li span {
     font-size: 14px;
     color: #1c3f71;
     font-weight: 500;
     padding: 0px 12px;
     float: left;
     font-weight: 700;
 }

 .site-header.topmain .navbar ul li span img {
     width: 22px;
 }

 /* .site-header.topmain .navbar ul li span:nth-child(1) {
     border-right: 2px solid;
 } */

 .site-header.topmain .navbar ul li span:nth-child(2) {
    border-right:  0 !important;
 }

 .site-header.topmain .navbar-light .navbar-brand img {
     width: 140px;
 }

 .modal-body button.close {
     position: absolute;
     right: 0;
     outline: none;
 }

 .toll-sets img {
     width: 94px;
 }

 .site-header.topmain .navbar ul li .nav-link.buy-cta {
     border: 2px solid #ed1d24;
     border-radius: 20px;
     color: #000;
     font-weight: 700;
 }

 span.tollfrees {
     color: #dc1b1b;
     text-transform: uppercase;
     font-size: 14px;
     margin-right: 15px;
     border-right: 1px solid #7b7474;
     padding-right: 15px;
 }

 span.tollfrees img {
     width: 20px;
     margin-right: 10px;
 }

 .toll-sets {
     text-align: center;
 }

 .toll-sets p {
     margin: 0;
     color: #82777a;
 }

 a.tellbigsnum {
     color: #50451d;
     font-size: 40px;
     font-weight: 600;
     text-decoration: none;
 }

 span.whtsps img {
     width: 18px;
     filter: brightness(0%) invert(0.4);
     margin-right: 8px;
 }

 span.whtsps a {
     color: #666;
 }

 .homebanner {
     position: relative;
     height: 490px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
 }

 .homebanner .desktopadapts {
     width: 100%;
     position: absolute;
     top: 0;
 }

 .banner-content {
     padding: 0% 0;
 }

 .abouts-sainik .abts-pads.midbdr h2:after {
     margin: auto;
     left: 0;
     right: 0;
 }

 .homebanner .container {
     margin: auto auto auto auto;
 }

 .banner-content h1 {
     position: relative;
     color: #fff;
     margin: 0 0 40px 0;
 }

 .banner-content h1 span {
     font-weight: 700;
 }

 .banner-content p {
     color: #fff;
 }

 .banner-content h1:before {
     content: "";
     position: absolute;
     left: 0;
     width: 97px;
     border-bottom: 5px solid #fff;
     bottom: -10px;
 }

 .automatehome {
     padding: 50px 0;
 }

 p {
     color: #000;
     font-size: 15px;
     margin: 0 0 15px 0;
 }

 .boraxter ul {
     background: #ffcc0b;
     display: flex;
     flex-direction: row;
     list-style-type: none;
     padding: 9px 0;
     width: 89%;
     margin: auto;
     position: relative;
 }

 .boraxter ul li {
     margin: auto;
     position: relative;
     padding: 0 23px;
 }

 .boxico-thm {
     display: flex;
 }

 .text-icon {
     margin: auto 5px;
     text-align: center;
 }

 .text-icon h5 {
     text-transform: uppercase;
     font-size: 17px;
     color: #000;
 }

 .boraxter ul li:after {
     content: "";
     position: absolute;
     right: 0;
     border-right: 2px solid #0b79bf;
     height: 100%;
     top: 0;
 }

 .boraxter ul li:last-child:after {
     border-right: 0px solid #0b79bf;
 }

 .boraxter ul:after {
     content: "";
     position: absolute;
     right: -15px;
     border-right: 6px solid #0b79bf;
     height: 100%;
     top: 0;
 }

 .boraxter ul:before {
     content: "";
     position: absolute;
     left: -15px;
     border-right: 6px solid #0b79bf;
     height: 100%;
     top: 0;
 }

 .boraxter {
     position: relative;
     bottom: 11px;
 }

 .abts-pads h2 span {
     display: block;
     color: #000;
     font-weight: 400;
 }

 .abts-pads h2 {
     font-size: 28px;
     color: #ed1c24;
     position: relative;
     margin-bottom: 40px;
     font-weight: 700;
 }

 .abts-pads h2:after {
     content: "";
     position: absolute;
     left: 0;
     width: 60px;
     border-bottom: 4px solid #ed1c24;
     bottom: -10px;
 }

 .abts-pads p {
     font-size: 15px;
     margin: 25px 0;
 }

 .enquirecod {
     position: relative;
 }

 .enquirecod img {
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
 }

 .form-enquires {
     padding: 0px;
 }

 .form-enquires h3 {
     color: #ffcc0b;
     font-size: 43px;
 }

 .form-enquires p {
     color: #fff;
     font-size: 20px;
 }

 .form-enquires .form-group input,
 .form-enquires .form-group select,
 .form-enquires .form-group textarea {
     background: #f9f9f9;
     border: none;
     border-bottom: none;
     border-radius: 20px;
     font-size: 14px;
 }

 .abts-pads {
     padding-top: 50px;
 }

 .form-enquires .form-group input::placeholder,
 .form-enquires .form-group select,
 .form-enquires .form-group textarea::placeholder {
     color: #62666b;
 }

 .form-enquires .form-control:focus {
     box-shadow: none;
 }

 button.yello-cta {
     background: #ea1f27;
     border: none;
     color: #fff;
     text-transform: uppercase;
     float: left;
     padding: 3px 23px;
     border-radius: 20px;
 }

 .form-enquires .form-group select option {
     color: #000;
 }

 .leftcover {
     height: 100%;
     width: 100%;
     height: 600px;
 }

 .rightcover {
     width: 100%;
     height: 600px;
 }

 img.backcover {
     position: absolute;
     left: 0;
     top: 0px;
     z-index: -2;
     width: 100%;
     margin: auto;
 }

 img.leftcv {
     position: relative;
     top: 100px;
     float: right;
     right: 23px;
 }

 img.rightcv {
     position: relative;
     top: 100px;
     float: left;
     left: 22px;
 }

 section.warenty-sect {
     padding: 100px 0 0 0;
     overflow: hidden;
     position: relative;
     margin-bottom: 70px;
 }

 .white-patts h5 {
     text-transform: uppercase;
     color: #000;
     font-size: 32px;
     margin: 40px 0;
     text-align: center;
 }

 .white-patts h5 span {
     color: #ffbc08;
 }

 .white-patts ul {
     list-style-type: none;
     padding: 0;
 }

 .white-patts .boxico-thm .text-icon {
     text-align: left;
     margin: 0;
     float: left;
     width: 77%;
 }

 .white-patts .boxico-thm .text-icon h5 {
     margin: 0 0;
     font-size: 21px;
     text-align: left;
 }

 .white-patts .boxico-thm .text-icon p {
     font-size: 15px;
     font-family: 'Helvetica';
     color: #4e4646;
 }

 .white-patts .boxico-thm .icon-thm {
     float: left;
     width: 47px;
     overflow: hidden;
     margin-right: 20px;
     text-align: center;
 }

 .white-patts {
     position: absolute;
     right: 0;
     left: 0;
     margin: auto;
     max-width: 328px;
     background: #fff;
     padding: 0 24px;
     z-index: 6;
     height: 100%;
 }

 footer.sitefooter {
     background: #171e26;
     padding: 50px 0 0;
 }

 .socialico ul li {
     display: inline-block;
     margin: 0 10px;
 }

 .socialico ul {
     list-style-type: none;
     padding: 0;
 }

 .socialico {
     text-align: center;
 }

 .copyright {
     margin-top: 40px;
     border-top: 1px solid #282f35;
     padding: 7px 0;
 }

 .copyright p,
 .copyright a,
 .copyright span,
 .copyright {
     color: #747373;
     font-size: 12px;
 }

 .credits {
     text-align: right;
 }

 .leftcover,
 .rightcover {
     height: 626px;
 }

 .homebanner .mobileadapts {
     display: none;
 }

 .homebanner .tabletadapts {
     display: none;
 }

 .abts-pads.boldonly .mnhda {
     color: #000;
 }

 .redwall {
     background: #ea1f27;
     position: relative;
 }

 .redwall .boldonly.whtbdr .mnhda {
     color: #fff;
 }

 .redwall .boldonly.whtbdr .mnhda::after {
     border-bottom: 4px solid #ffffff;
 }

 .whtswall .abts-pads,
 .redwall .abts-pads {
     padding: 0;
 }

 .whtswall,
 .redwall {
     padding: 20px;
     height: 337px;
 }

 .blockbottom {
     position: absolute;
     bottom: 0;
     right: 36px;
     width: 297px;
 }

 .buynwcta {
     text-decoration: none;
     background: #fff;
     color: #ea1f27;
     text-transform: uppercase;
     font-weight: 700;
     padding: 7px 20px;
     border-radius: 20px;
     font-size: 18px;
 }

 .buynwcta:hover {
     text-decoration: none;
     color: #000;
 }

 .whycenturypls .abts-pads h2 span {
     display: inline-block;
     margin-right: 8px;
 }

 .whycenturypls {
     position: relative;
     height: 600px;
     background: #e6e6e6;
     overflow: hidden;
 }

 .desktpss {
     position: absolute;
     width: 100%;
     top: 0;
 }

 .handfree {
     position: absolute;
     bottom: 1px;
     left: 0;
     right: 0;
     margin: auto;
     max-width: 818px;
 }

 .vidofrms {
     text-align: center;
     background: #f3f3f3;
     padding: 20px;
 }

 .vidofrms .mnfrms {
     width: 100%;
     height: 300px;
 }

 .abouts-sainik {
     padding: 80px 0;
 }

 .abouts-sainik .abts-pads {
     padding: 0;
 }

 .abouts-sainik .col-lg-6 {
     flex: auto;
     max-width: 47%;
     margin: auto;
 }

 a.telcd {
     text-decoration: none;
     color: #1c3f71;
 }

 .enquire-btn {
     transform: rotate(90deg);
     position: fixed;
     top: 50%;
     right: -40px;
     height: 38px;
     background: #d22028;
     color: #fff;
     text-align: center;
     padding: 7px 16px;
 }

 .enquire-btn a {
     display: inline;
     color: #fff;
     font-size: 14px;
     text-decoration: none;
 }

 .usp-sainik {
     background: #f8f8f8;
     padding: 80px 0;
     margin: 80px 0 0 0;
 }

 .usp-sainik.enquirebgsa {
     background: url(../jpg/enquirebga.jpg);
 }

 .usp-sainik .abts-pads {
     padding-top: 0;
 }

 .pro li {
     margin: 15px 0;
     list-style-type: disc;
 }

 .pr-img {
     width: 77px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 16px;
 }

 .pr-img img {
     width: 100%;
 }

 .pro li p {
     margin-bottom: 0;
     font-size: 17px;
 }

 .pro ul {
     padding: 0 0px;
     list-style-type: disc;
 }

 .usp-sainik .form-enquires .form-group input,
 .usp-sainik .form-enquires .form-group select,
 .usp-sainik .form-enquires .form-group textarea {
     background: #ffffff;
     border: 1px solid;
 }

 .usp-sainik .whtswall,
 .usp-sainik .redwall {
     padding: 0;
     height: auto;
 }

 .banner-content img {
     width: 100%;
 }

 .pro li {
     display: inline-flex;
     width: 33%;
     position: relative;
     padding-left: 0px;
 }

 .pro li p {
     font-weight: 600;
     margin: auto 0;
 }

 .appicsd a img {
     width: 100px;
 }

 .appicsd {
     text-align: center;
     padding: 5% 0 0 0;
 }

 .appicsd a {
     margin: 0 16px;
 }

 .menlays img {
     width: 64%;
     position: absolute;
     bottom: -21px;
     left: 0;
     right: 0;
     margin: auto;
 }

 .menlays {
     position: relative;
     text-align: center;
 }

 .dealer-data li {
     width: 32%;
     margin: .5%;
     background: #fff;
     padding: 16px;
     border: 1px solid #e9e9e9;
     display: inline-block;
     vertical-align: top;
     min-height: 211px;
 }

 section.dealer-data .container {
     background: rgb(239, 35, 31);
     padding: 30px 12px;
     position: relative;
 }

 .locations-list .location-box h5 {
     font-size: 16px;
     line-height: 1;
     font-weight: 500;
     color: #373737;
     text-transform: uppercase;
     margin-bottom: 25px;
 }

 .locations-list .location-box .info {
     background-repeat: no-repeat;
     background-position: left 5px;
     font-size: 14px;
     line-height: 1.6;
     padding-left: 35px;
     margin-bottom: 15px;
 }

 .locations-list .location-box .info.address {
     background-image: url(../icon-map-2.html);
     min-height: 35px;
 }

 .locations-list .location-box .info.phone {
     background-image: url(../icon-phone-2.html);
     background-position: left top;
 }

 .locations-list .location-box .info:nth-last-of-type(1) {
     margin-bottom: 0;
 }

 .locations-list .location-box .info.mail {
     background-image: url(../icon-mail-2.html);
     background-position: left 4px;
     text-transform: lowercase;
 }

 ul#dealers {
     list-style: none;
     padding: 0;
 }

 .meshbelows {
     background: url(../png/mesh.png);
     background-size: 100% 174%;
 }

 @media screen and (max-width: 767px) and (min-width: 320px) {
     .centneryou {
         order: 2;
     }

     .redcap {
         background: #ea1f27;
     }

     .dealer-data li {
         width: 100%;
     }

     body {
         scroll-padding-top: 55px;
     }

     html {
         scroll-padding-top: 55px;
     }

     .usp-sainik {
         padding: 40px 0;
         margin: 40px 0 0 0;
     }

     .site-header.topmain .navbar ul li {
         margin-bottom: 10px;
     }

     .site-header.topmain .navbar ul li a.nav-link {
         padding: 0 0;
     }

     .site-header.topmain .navbar ul li .nav-link.buy-cta {
         padding: 0 16px;
     }

     .site-header.topmain .navbar ul li span {
         padding: 0 7px 0 7px;
     }

     .abouts-sainik .col-lg-6 {
         flex: auto;
         max-width: 100%;
         margin: 0 0 30px 0;
     }

     .abouts-sainik {
         padding: 40px 0;
     }

     .whycenturypls {
         height: 345px;
     }

     .whycenturypls .handfree {
         max-width: 90%;
     }

     .whycenturypls .abts-pads {
         padding-top: 25px;
     }

     .whtswall {
         height: auto;
         padding: 20px 0;
     }

     .abts-pads .blockbottom {
         width: 192px;
         margin: 0;
     }

     .abts-pads h2 {
         font-size: 23px;
     }

     .toll-sets {
         float: right;
     }

     .homebanner .desktopadapts {
         display: none;
     }

     .homebanner .mobileadapts {
         width: 300%;
         position: absolute;
         top: 0;
         display: block;
     }

     .homebanner:after {
         position: absolute;
         content: "";
         width: 100%;
         top: 0;
         height: 100%;
     }

     .banner-content {
         position: relative;
         z-index: 3;
         padding: 15% 0;
     }

     .homebanner {
         height: auto;
         background: #e61f26;
     }

     .homebanner .container {
         margin: 0;
     }

     .banner-content h1 {
         font-size: 27px;
     }

     .boraxter {
         display: none;
     }

     .abts-pads img {
         width: 100%;
         margin-bottom: 40px;
     }

     .white-patts {
         position: relative;
         max-width: 95%;
     }

     img.rightcv {
         width: 86%;
         left: 35px;
     }

     .leftcover,
     .rightcover {
         height: 396px;
     }

     img.leftcv {
         width: 86%;
         right: 6px;
     }

     .pro li {
         width: 100%;
     }

     .socialico ul li img {
         width: 32px;
     }

     .menlays img {
         position: relative;
         top: 0;
     }

     .menlays {
         order: 2;
     }
 }

 @media screen and (max-width: 767px) and (min-width: 375px) {
     .homebanner {
         height: auto;
         background: #ea1f27;
     }
 }

 @media screen and (max-width: 1024px) and (min-width: 768px) {
     .boraxter {
         display: none;
     }

     .blockbottom {
         width: 220px;
     }

     .handfree {
         max-width: 720px;
     }

     .banner-content h1 {
         font-size: 33px;
     }

     .abts-pads h2 {
         font-size: 25px;
     }

     .abts-pads2 h2 {
         margin-bottom: 90px !important;
     }

     .homebanner {
         height: 626px;
     }

     .white-patts {
         max-width: 291px;
     }

     img.rightcv,
     img.leftcv {
         width: 59%;
     }

     img.rightcv {
         left: 10px;
     }

     img.leftcv {
         right: 8px;
     }

     .white-patts .boxico-thm .text-icon h5 {
         font-size: 18px;
     }

     .homebanner .desktopadapts {
         display: none;
     }

     .homebanner .tabletadapts {
         width: 211%;
         position: absolute;
         top: 0;
         display: block;
     }

     .homebanner:after {
         position: absolute;
         content: "";
         width: 100%;
         top: 0;
         height: 100%;
         background: #00000047;
     }

     .banner-content {
         padding: 3% 3%;
         position: relative;
         z-index: 3;
     }

     .homebanner .container {
         margin: 44px auto auto auto;
     }
 }

 @media only screen and (max-width: 992px) {
    .site-header.topmain .navbar-nav {
        align-items: flex-start;
        row-gap: 12px;
    }

    .site-header.topmain .navbar ul li a.nav-link {
        padding: 0 !important;
    }

    .site-header.topmain .navbar ul li span {
        padding: 0;
    }

    .site-header.topmain .navbar ul li.num {
        padding-left: 0;
        border-left: 0;
    }
 }