/*

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: -43px
  }



  .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: 60vh;

    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
  }

}