/* Responsive
================================*/
@media (max-width:1599.98px) {
    .sectors-slider button.slick-next { right: 50%; margin-right: -44px; }
    .sectors-slider button.slick-prev { left: 50%; margin-left: -44px; }
    .sectors-slider .slick-arrow { bottom: -64px; top: auto; }
    .sectors-slider { margin-bottom: 64px; }
    .gmp .slick-arrow { height: 40px; width: 40px; }
}
@media (max-width:1399.98px) {
    h1, .h1 { font-size: 42px; }
    .sec-padding { padding: 100px 0; }
    .sec-padding-sm { padding: 64px 0; }
    .sec-padding-xs { padding: 48px 0; }
    .orbitals { transform: translate(-50%, -50%) scale(0.9); -webkit-transform: translate(-50%, -50%) scale(0.9); transform-origin: center; }
    .phone-img { max-width: 326px; }
}
@media (max-width:1199.98px) {
    .gmp .navbar-nav .nav-link { font-size: 14px; }
    .gmp .navbar-nav { gap: 20px; }
    .orbitals { transform: translate(-50%, -50%) scale(0.7); -webkit-transform: translate(-50%, -50%) scale(0.7); transform-origin: center; }
    .phone-img { max-width: 276px; }
    .slick-slide:not(:last-child) .bc-box { margin-bottom: 32px; }
    .stamp { left: 83%; transform: scale(0.7); }
    .testimonail-wrap button.slick-next { right: 50%; margin-right: -44px; }
    .testimonail-wrap button.slick-prev { left: 50%; margin-left: -44px; }
    .testimonail-wrap .slick-arrow { bottom: -64px; top: auto; }
    .testimonial-outer { margin-bottom: 64px; }
}
@media (min-width:992px) {
    .bc-box p { height: 0; margin: 0; opacity: 0; -webkit-transition: opacity .4s ease-in-out .2s, margin-top .5s ease-in-out .3s; transition: opacity .4s ease-in-out .2s, margin-top .5s ease-in-out .3s; width: 100%; overflow: hidden; }
    .slick-current  .bc-box p { height: auto; opacity: 1; margin-top: 16px; -webkit-transition: opacity .4s ease-in; transition: opacity .4s ease-in; }
    .bc-box h5 { opacity: 0.6; -webkit-transition: opacity .4s ease-in-out .2s; transition: opacity .4s ease-in-out .2s; }
    .slick-current .bc-box h5 { opacity: 1; -webkit-transition: opacity .4s ease-in-out .2s; transition: opacity .4s ease-in-out .2s; }
    .bc-box h5:hover { opacity: 1; cursor: pointer; }
}
@media (max-width:991.98px) {
    h1, .h1 { font-size: 40px; }
    h2, .h2 { font-size: 32px; }
    h3, .h3 { font-size: 28px; }
    h4, .h4 { font-size: 24px; }
    h5, .h5 { font-size: 22px; }
    h6, .h6 { font-size: 20px; }
    .text-lg { font-size: 18px; }
    .text-md { font-size: 16px; }
    .text-rg { font-size: 15px; }
    .text-xs { font-size: 12px; }
    p, body { font-size: 15px; }
    .sec-padding { padding: 64px 0; }
    .sec-padding-sm { padding: 48px 0; }
    .sec-padding-xs { padding: 32px 0; }
    .gmp .navbar { padding: 8px 0; }
    .gmp .navbar-nav { gap: 8px; text-align: center; padding: 16px; }
    .gmp .navbar-collapse { position: absolute; top: 100%; background: var(--white); left: -12px; right: -12px; border: none; border-radius: 0; max-height: calc(100vh - 88px); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1) }
    .gmp .navbar-collapse.show { overflow: auto; }
    .gmp .navbar-nav .nav-link { border-radius: var(--radius-sm); padding: 12px 16px; }
    .gmp .navbar-nav .nav-link.active, .gmp .navbar-nav .show>.nav-link, .gmp .navbar-nav .nav-link:focus, .gmp .navbar-nav .nav-link:hover { background: var(--primary-light); color: var(--primary-main); }
    .nav-btns { justify-content: center; width: 100%; padding: 16px; border-top: 1px solid var(--gray-100); gap: 8px; }
    .hp-box { position: relative; padding: 28px 0 8px; max-width: 320px; margin: 0 auto; }
    .hp-box:before, .hp-box:not(:last-child):after { display: none; }
    .hp-number { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 64px; }
    .img-width-resp img, .bc-image img, .howwe-img img { max-width: 500px; margin: 0 auto; width: 100%; }
    .bc-box p { margin-top: 8px; }
    .slider-timer { display: none; }
    .slick-slide:not(:last-child) .bc-box { margin-bottom: 0px; }
    .pb-head, .pb-features { padding: 24px; }
    .stamp { left: 70%; }
    .checklist-img > img { max-width: 500px; margin: 0 auto; width: 100%; }
    .checklist-img { display: flex; justify-content: center; flex-direction: column; }
    .contact-wrapper, .payment-left { max-width: 580px; width: 100%; margin: 0 auto; }
    .nlogo-wrapper img { height: 40px; width: auto; }
    .contact, .payment-page { background-image: url('../images/bg-ptrn-mobile.png'); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; }
    .gmp .slick-arrow { height: 36px; width: 36px; background-size: 16px auto; }
    .testimonail-wrap button.slick-next, .sectors-slider button.slick-next { margin-right: -40px; }
    .testimonail-wrap button.slick-prev, .sectors-slider button.slick-prev { margin-left: -40px; }
    .nlogo-wrapper { padding: 0 16px; }
}
@media (max-width:767.98px) {
    h1, .h1 { font-size: 32px; }
    h2, .h2 { font-size: 28px; }
    h3, .h3 { font-size: 26px; }
    h4, .h4 { font-size: 24px; }
    h5, .h5 { font-size: 20px; }
    h6, .h6 { font-size: 18px; }
    .text-lg { font-size: 17px; }
    .gmp .btn { font-size: 15px; padding: 0 16px; height: 44px; }
    .gmp .btn-sm { padding: 0px 12px; }
    .img-width-resp img, .bc-image img { max-width: 450px; }
    .sec-padding { padding: 48px 0; }
    .sec-padding-sm { padding: 40px 0; }
    .sec-padding-xs { padding: 24px 0; }
    .stamp { left: auto; position: relative; top: auto; bottom: auto; margin: 0 auto; justify-content: center; }
    .contact-wrapper { padding: 24px; }
    .contact-wrapper .nav-tabs .nav-link { padding-bottom: 16px; }
    .media-logo { gap: 16px; }
    .lg-wrapper img { height: 32px; width: auto; }
    .nlogo-wrapper img { height: 32px; }
}
@media (max-width:575.98px) {
    .orbitals { transform: translate(-50%, -50%) scale(0.6); -webkit-transform: translate(-50%, -50%) scale(0.6); transform-origin: center; }
    .phone-img { max-width: 225px; }
    .numberbox img { max-width: 320px; margin: 0 auto; width: 100%; }
    .cardsn-input:after { right: 8px; width: 70px; background-size: 100% auto; }
    .cardsn-input .form-control { padding-right: calc(70px + 12px) !important; }
    .iti-inner { height: 40px; width: 40px; min-width: 40px; }
}
@media (max-width:479.98px) {
    .orbitals { transform: translate(-50%, -50%) scale(0.45); -webkit-transform: translate(-50%, -50%) scale(0.45); transform-origin: center; }
    .phone-img { max-width: 180px; }
    .iti-inner { height: 32px; width: 32px; min-width: 32px; }
    .iti-inner img { height: 16px; width: 16px; }
}