/*
Version: 1.0
Author: Symlink Technology
Author URI: https://www.symlinktech.com/.
*/

/*
@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 990px) {
	
}

@media screen and (max-width: 990px) and (orientation: landscape){
	
}

@media screen and (max-width: 767px) {
	
}
@media screen and (max-width: 480px) {
	
}
*/

@media screen and (max-width:1400px) {
  .banner-section:after {
    right: 411px
  }
}

@media screen and (max-width:1200px) {
  .banner-section:after {
    right: 438px;
    top: -24px
  }
}

@media screen and (max-width:991px) {
  .header-navigation .responsive-action {
    display: block
  }

  .header-navigation .responsive-action .btn-menu {
    justify-content: flex-end
  }

  .header-navigation .navigation-wrap.active {
    transform: translateX(0)
  }

  .header-navigation .navigation-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: #fff;
    height: 100%;
    width: 300px;
    box-shadow: 2px 0 10px rgb(0 0 0 / 10%);
    padding: 15px 0;
    transform: translateX(-108%);
    transition: all .4s ease
  }

  .header-navigation .navigation-menu {
    display: block
  }

  .header-navigation .navigation-menu>li {
    border-bottom: 1px solid #f8f8f8
  }

  .banner-section:after {
    right: 500px;
    top: -123px
  }

  .banner-section .banner-text .img-wrap {
    width: 39%
  }

  .banner-section .banner-text .main-heading {
    font-size: 25px
  }

  .banner-section .banner-text {
    transform: translateY(100%)
  }

  .query-section .query .text-highlight,
  .query-section .query-text {
    font-size: 22px
  }

  .query-section .query-content .ans {
    font-size: 14px;
    padding-top: 6px
  }

  .query-section .query-style {
    font-size: 35px
  }

  .query-section .ans-style {
    font-size: 35px;
    left: 16px
  }

  .section-title .title-style {
    font-size: 35px
  }

  .section-title .title-text {
    font-size: 22px
  }

  .why-us-section .why-us-text .why-heading {
    font-size: 20px
  }

  .why-us-section .why-us-text .why-focus {
    font-size: 16px;
    padding: 6px 0
  }

  .why-us-section .why-us-text .why-des {
    font-size: 14px
  }

  .process-section .section-title .step-count-text {
    padding: 10px 0 0
  }

  .process-section .process-step .process-text .process-heading,
  .process-section .step-count-text .text {
    font-size: 16px
  }

  .process-section .process-step .step-num {
    font-size: 35px
  }

  .faq-section .accordion-content .accor-des,
  .testimonial .description {
    font-size: 14px
  }

  .faq-section .faq-image img {
    display: block;
    margin: 0 auto
  }

  footer .footer-title {
    font-size: 22px
  }

  .form-banner .banner-text .main-heading {
    font-size: 30px
  }

  .form-section .form-left .left-side-heading .main-text {
    font-size: 18px
  }

  .form-section .right-side-form .form-fillup .form-list .link-pdf .fill-icon {
    font-size: 35px
  }

  .form-section .form-left .left-side-heading .form-des {
    font-size: 14px
  }

  .form-section .right-side-form .form-heading {
    font-size: 18px
  }

  .form-section .right-side-form .form-fillup .form-list .link-pdf .fill-text {
    font-size: 16px
  }

  .submit-section .submit-title {
    font-size: 18px
  }

  .submit-section .sub-title {
    font-size: 14px;
    padding-top: 8px
  }

  .submit-section .form-button {
    font-size: 16px
  }

  .claim-form-section {
    padding: 50px 0
  }

  .claim-form-section .claim-forms .form-item .claim-text {
    font-size: 14px
  }

  .claim-form-section .claim-forms .form-item {
    padding: 15px 20px 15px 58px
  }

  .claim-form-section .claim-forms .form-item .claim-icon {
    font-size: 20px
  }

  .claim-form-section .claim-forms .form-item:before {
    height: 47px
  }

  .claim-form-section .claim-form-type .title-text {
    font-size: 18px
  }

  .call-us-section .left-cta .call-section .content {
    font-size: 22px
  }

  .mt-5 {
    margin-top: 2rem !important
  }

  .calculator-sec .calculator-inner .calculator-content .calculator-title {
    font-size: 18px;
    line-height: 1.4
  }

  .contact-sec .contact-inner .form-inner .btn-msg {
    font-size: 16px
  }

  .contact-sec .contact-img {
    margin: 0 0 20px
  }

  .contact-sec .contact-img img {
    display: block;
    margin: 0 auto
  }

  .contact-part .contact-info .contact-content {
    padding: 16px 0 30px 0
  }

  .contact-part {
    padding: 40px 0 10px
  }

  .contact-part .contact-info .contact-icon i {
    height: 60px;
    width: 60px
  }

  .contact-part .contact-info .contact-icon {
    font-size: 30px
  }
}

@media screen and (max-width:767px) {
  header {
    top: -105px
  }

  .header-navigation {
    padding: 8px 0
  }

  .sub-nav .right-side-nav .contact-btn {
    font-size: 14px;
    padding: 6px 13px
  }

  .sub-nav .left-side-nav {
    flex-wrap: wrap;
    justify-content: center
  }

  .sub-nav .left-side-nav .sub-nav-menu {
    flex-wrap: wrap
  }

  .sub-nav .right-side-nav {
    justify-content: center
  }

  .sub-nav {
    height: 105px
  }

  .sub-nav .left-side-nav .sub-nav-menu .sub-item {
    padding: 7px 8px
  }

  .banner-section {
    height: 279px;
    background-size: cover;
  }
  .header-navigation .brand{font-size: 15px;}
  .banner-section:after {
    height: 100%;
    right: 0;
    top: 0;
    transform: rotate(0);
    background: rgb(0 0 0 / 30%);
    backdrop-filter: none;
  }

  .banner-section .banner-text {
    transform: translateY(31%);
    text-shadow: 1px 1px 1px rgb(0 0 0 / 69%);
  }

  .banner-section .banner-text .img-wrap {
    width: 61%
  }

  .query-section .query-content {
    margin: 30px 0 0
  }

  .query-section {
    padding: 30px 0
  }

  .claim-form-section,
  .contact-sec,
  .faq-section,
  .form-section,
  .process-section,
  .testimonial-section,
  .why-us-section,
  footer {
    padding: 35px 0
  }

  .why-us-section .why-us-img .img-wrap {
    margin-top: 10px
  }

  .call-us-section .cta-button-part .cta-button,
  .contact-sec .contact-inner .form-inner .btn-msg,
  .faq-section .view-more-button,
  .process-section .started-button {
    font-size: 14px;
    padding: 9px 20px
  }

  .process-section .process-step .process-img .img-wrap img,
  .why-us-section .why-us-img .img-wrap img {
    display: block;
    margin: 0 auto
  }

  .process-section .process-step .step-num {
    left: 0;
    right: 0
  }

  .testimonial .testimonial-content {
    padding: 25px 25px 25px 34px;
    margin: 12px 20px 12px 20px
  }

  .testimonial-content .testimonial-icon {
    width: 40px;
    height: 42px;
    font-size: 17px
  }

  footer .footer-link .quick-link .link {
    font-size: 14px;
    padding: 0 0 8px 0
  }

  footer .footer-logo .logo-img {
    margin: 0 0 15px
  }

  .design-copyright .copyright {
    justify-content: flex-start;
    margin: 7px 0 0
  }

  .design-copyright {
    padding: 10px 0
  }

  .call-us-section .left-cta .call-section .content {
    text-align: center
  }

  .form-banner .banner-text .main-heading {
    font-size: 26px;
    letter-spacing: 3px
  }

  .form-banner .banner-text {
    padding: 50px 0
  }

  .submit-section {
    padding-bottom: 0
  }

  .form-section .form-left .left-side-heading .main-text {
    font-size: 16px
  }

  .calculator-sec .calculator-inner .calculator-content .calculator-title {
    font-size: 16px
  }

  .calculator-sec {
    padding: 50px 0 30px 0
  }

  .calculator-sec .calculator-inner .form-control {
    min-height: 36px
  }

  .call-us-section {
    padding: 30px 0
  }

  .contact-part {
    padding: 30px 0 0
  }

  .form-section .right-side-form .form-heading {
    margin-bottom: 30px
  }

  .contact-sec .form-inner .form-control {
    min-height: 42px
  }
}

@media screen and (max-width:480px) {
  .banner-section .banner-text {
    transform: translateY(58%)
  }
}

@media screen and (max-width:320px) {
  .sub-nav .left-side-nav .sub-nav-menu .sub-item {
    padding: 7px 4px
  }
}