@media only screen and (min-width:421px) {
     .big-img {
         width: 350px
     }
 }

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

 @media only screen and (max-width:575px) {

    .header-login {
        right: 64px !important;
        left: 60% !important;
        top: 8px !important;
    }

    .footer-social a {
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-right: 5px;
    }
    .banner-contact ul {
        padding: 25px 80px 25px 10px !important;
    }
    .banner-contact i {
        padding-right: 5px;
    }
    .banner-contact .btn.theme-button {
        right: -25px;
        bottom: 20px;
        border-radius: 3px;
        padding: 7px 6px;
    }

     .banner-image,
     .service-shape2 img {
         display: none
     }

     .benefits-block-1 {
         right: -75px
     }

     .single-box+.single-box {
         border-top: 1px solid var(--bs-white);
         padding-top: 25px
     }

     .info-content {
         padding-top: 20px
     }

     .contact-bottom-shape3 {
         left: 0
     }

     .footer-social {
         margin-right: 0%;
     }

     .footer-logo {
         padding-bottom: 20px;
         text-align: center
     }

     .footer-links {
         padding: 20px;
         background: #eaeaf2;
         text-align: center
     }

     .footer-links a {
         margin-right: 20px;
         font-size: 15px
     }

     .copyright-text p {
         text-align: center
     }

     .copyright-links {
         padding-top: 20px;
         border-top: 1px solid #d8d8e5;
         margin-top: 20px;
         text-align: center
     }
 }

 @media only screen and (min-width:576px) {
     .right-shape3 {
         width: 40px
     }

     .right-shape4 {
         width: 70px
     }

     .right-shape1 {
         width: 60px
     }

     .right-shape2 {
         width: 80px
     }

     .right-shape1 {
         right: 30px
     }

     .right-shape2 {
         right: 20px
     }

     .right-shape3 {
         right: 20px
     }

     .benefits-block-1 {
         right: -75px
     }

     .single-box {
         display: flex
     }

     .info-content {
         padding-left: 25px
     }

     .single-box::before {
         content: '';
         width: 1px;
         height: 110%;
         background-color: #e8e8ef;
         position: absolute;
         left: 37.5px;
         top: 75px;
     }

     .single-box:last-child::before {
         display: none
     }

     .contact-bottom-shape3 {
         right: 0
     }

     .footer-links a {
         margin-left: 20px;
         font-size: 15px
     }

     .copyright-area {
         border-top: 1px solid var(--bs-dark-gray);
         margin-top: 20px
     }
 }

 @media (min-width:576px) and (max-width:767px) {
     .conter-section .col-lg-4:first-child::after {
         content: "";
         width: 1px;
         height: 94%;
         top: 0;
         right: 0;
         position: absolute;
         background: var(--bs-gray)
     }

     .conter-section .col-lg-4:first-child .single-count,
     .conter-section .col-lg-4:nth-child(2) .single-count {
         border-bottom: 1px solid var(--bs-gray)
     }
 }

 @media only screen and (max-width:767px) {
     .banner-content-wrap p {
         margin: 30px 0 50px
     }

     .banner-left-shape {
         display: none
     }

     .banner-service-wrap.banner-service-blog2 {
         right: 0
     }

     .banner-contact ul {
         padding: 25px 100px 25px 30px
     }

     .banner-contact li {
         font-size: 21px
     }

     .aboutus-content {
         padding: 20px
     }

     .blog-area {
         margin-top: 20px
     }

     .benefits-img img {
         width: 65%
     }

     .dott-shap {
         left: 12px
     }

     .choose-column5 {
         order: 5
     }

     .choose-column6 {
         order: 4
     }

     .choose-column7 {
         order: 7
     }

     .choose-column8 {
         order: 6
     }

     .choose-img img {
         width: 100%;
         padding-top: 25px
     }

     .single-count {
         padding: 18px 0
     }

     .header-navbar ul li a {
         color: var(--color-text);
         transition: 0.5s all ease-in-out
     }

     .header-navbar ul li a:hover {
         color: #004469
     }
 }

 @media only screen and (min-width:768px) {
     .header-navbar ul li a {
         font-size: 18px;
         padding-right: 20px
     }

     .btn.theme-button {
         padding: 8px 26px
     }

     .banner-service-blog1,
     .banner-service-wrap.banner-service-blog4,
     .banner-service-wrap.banner-service-blog5 {
         left: -13px;
     }

     .banner-service-wrap.banner-service-blog2 {
         right: -31px
     }

     .banner-contact ul {
         padding: 15px 100px 15px 30px
     }

     .banner-contact li {
         font-size: 40px
     }

     .home-heading-area {
         margin-left: 44px
     }

     .aboutus-content {
         padding: 40px
     }

     .aboutus-right-wrapper {
         padding: 0
     }

     .about-right-section {
         display: grid;
         grid-template-columns: 33.3% 33.3% 33.3%
     }

     .service-inner .col-lg-4:nth-child(2) {
         transform: translateY(-55px)
     }

     .service-inner .col-lg-4:nth-child(3) {
         transform: translateY(30px)
     }

     .service-inner .col-lg-4:nth-child(4) {
         transform: translateY(-50px)
     }

     .service-inner .col-lg-4:nth-child(5) {
         transform: translateY(5px)
     }

     .service-inner .col-lg-4:nth-child(6) {
         transform: translateY(-27px)
     }

     .benefits-block-1 {
         right: 30px
     }

     .dott-shap {
         left: 90px
     }

     .choose-column1 {
         order: 0
     }

     .choose-column2 {
         order: 1
     }

     .choose-column3 {
         order: 3
     }

     .choose-column4 {
         order: 2
     }

     .choose-column5 {
         order: 5
     }

     .choose-column6 {
         order: 4
     }

     .choose-column7 {
         order: 6
     }

     .choose-column8 {
         order: 7
     }

     .why-choose-section .gap {
         padding: 0
     }

     .choose-column3,
     .image-blog4 {
         text-align: right
     }

     .choose-rectangle1,
     .choose-rectangle2,
     .choose-rectangle3,
     .choose-rectangle4 {
         width: 147px;
         height: 147px;
     }

     .counter-left-line {
         width: 100px;
         background: var(--bs-mary-blue);
         height: 2px;
         display: block;
         position: absolute;
         top: 30px;
         left: -50px;
     }

     .contact-detail {
         padding: 28px 0 28px 50px
     }

     .footer-links a {
         margin-left: 40px;
         font-size: 16px
     }
 }

 @media only screen and (max-width:991px) {
     .site-header {
         padding: 10px 20px 0
     }

     .menu-toggle {
         display: block
     }

     .header-nav nav {
         position: absolute;
         width: 100%;
         height: calc(100vh - 50px);
         background: var(--bs-dark-blue);
         top: 81px;
         left: -100%;
         transition: 0.5s
     }

     .active .nav-menu {
         opacity: 1;
         display: block;
         width: 100%
     }

     .header-nav .active {
         left: 0;
         overflow: hidden;
         width: 400px
     }

     .sticky-fixed .header-nav .active {
         top: 65px
     }

     .header-nav ul {
         text-align: center;
         display: none
     }

     .header-nav ul li a {
         border-bottom: 1px solid rgb(9, 102, 153);
         color: var(--color-white);
         padding: 25px 0;
     }

     .header-nav ul li a:hover {
         color: var(--color-white);
         transform: translateX(15px)
     }

     .header-login {
         position: absolute;
         left: 0;
         right: 0;
         text-align: center;
         top: 20px
     }

     .about-type {
         margin-top: 20px
     }

     .aboutus-rectangle1,
     .aboutus-rectangle2,
     .aboutus-rectangle3,
     .aboutus-rectangle4,
     .aboutus-rectangle5 {
         display: none;
     }

     .benefits-content {
         padding-top: 50px
     }
 }

 @media only screen and (min-width:992px) {
     .header-navbar ul li a {
         padding-right: 30px
     }

     .btn.theme-button {
         padding: 8px 38px
     }

     .banner-service-blog1,
     .banner-service-wrap.banner-service-blog4,
     .banner-service-wrap.banner-service-blog5 {
         left: 0
     }

     .vision-blog {
         height: 280px;
         margin: 110px 0 0 0
     }

     .mission-blog {
         margin: 12px 0 0 0;
         height: 270px
     }

     .goal-blog {
         margin: -102px 0 0 0;
         height: 270px
     }

     .aboutus-right-wrapper .col-lg-4 {
         padding: 0
     }

     .aboutus-rectangle5 {
         top: 294px
     }

     .service-inner .col-lg-4:nth-child(2) {
         transform: translateY(-40px)
     }

     .service-inner .col-lg-4:nth-child(3) {
         transform: translateY(-80px)
     }

     .service-inner .col-lg-4:nth-child(4) {
         transform: translateY(40px)
     }

     .service-inner .col-lg-4:nth-child(5) {
         transform: translateY(-35px)
     }

     .service-inner .col-lg-4:nth-child(6) {
         transform: translateY(-91px)
     }

     .benefits-block-1 {
         right: -50px
     }

     .dott-shap {
         left: 0px
     }

     .benefits-content {
         padding-left: 70px
     }

     .choose-content p {
         font-size: 18px
     }

     .choose-column1 {
         order: 0
     }

     .choose-column2 {
         order: 1
     }

     .choose-column3 {
         order: 2
     }

     .choose-column4 {
         order: 6
     }

     .choose-column5 {
         order: 4
     }

     .choose-column6 {
         order: 5
     }

     .choose-column7 {
         order: 7
     }

     .choose-column8 {
         order: 6
     }

     .choose-img img {
         border-left: 15px solid var(--bs-white);
         border-right: 15px solid var(--bs-white)
     }

     .choose-img.image-blog1,
     .choose-img.image-blog2 {
         border-bottom: 15px solid var(--bs-white)
     }

     .choose-img.image-blog3,
     .choose-img.image-blog4 {
         border-top: 15px solid var(--bs-white)
     }

     .contact-detail {
         padding: 28px 0 28px 100px
     }

     .home-contact .col-lg-6:nth-child(2) {
         order: 1
     }

     .site-header nav ul li {
         display: inline-block
     }

     .site-header nav ul li a {
         font-size: 20px;
         padding-right: 40px;
         color: var(--bs-mary-blue)
     }

     .site-header nav ul li a:hover {
         color: var(--color-black)
     }
 }

 @media only screen and (max-width:1199px) {
     .banner-service-wrap {
         width: max-content
     }

     .banner-left-shape {
         opacity: 0.4
     }
 }

 @media only screen and (min-width:1200px) {
     .site-header nav ul li a {
         font-size: 21px;
         padding-right: 50px
     }

     .big-img {
         width: 380px
     }

     .banner-service-wrap {
         width: 227px
     }

     .service-row {
         width: 95%;
         margin: 0 auto !important;
     }

     .benefits-block-1 {
         right: 0
     }

     .dott-shap {
         left: 30px
     }

     .choose-content p {
         font-size: 15px
     }

     .choose-column4 {
         order: 4
     }

     .choose-column8 {
         order: 8
     }

     .choose-rectangle1,
     .choose-rectangle2,
     .choose-rectangle3,
     .choose-rectangle4 {
         width: 100px;
         height: 100px
     }
 }

 @media only screen and (min-width:1400px) {

     .site-header .container,
     .banner-section .container,
     .home-aboutus .aboutus-container,
     .home-contact .container {
         max-width: 1370px
     }

     .big-img {
         width: 420px
     }

     .banner-service-blog1 {
         left: 60px
     }

     .banner-service-wrap.banner-service-blog4 {
         left: 60px
     }

     .banner-service-wrap.banner-service-blog5 {
         left: 59px
     }

     .aboutus-container .aboutus-row {
         margin-right: 0px
     }

     .aboutus-content {
         padding: 40px 100px 40px 70px;
         width: 115%
     }

     .vision-blog {
         margin: 124px 0 0 0
     }

     .aboutus-rectangle5 {
         top: 110px
     }

     .service-inner .col-lg-4:nth-child(6) {
         transform: translateY(-73px)
     }

     .dott-shap {
         left: 57px
     }

     .choose-content p {
         font-size: 19px
     }

     .choose-rectangle1,
     .choose-rectangle2,
     .choose-rectangle3,
     .choose-rectangle4 {
         width: 147px;
         height: 147px
     }
 }