@media only screen and (min-width:1300px) and (max-width:1400px) {
    .services-slider .slick-track .slick-slide {
        margin-right: 44px;
    }

    .sub-nav-bg {

        width: 41%;
    }
}
@media (max-width:1550px){
    .hero-section-slider-item {
    max-height: 550px;
}
}
@media (max-width:1200px){
    .hero-section-slider-item {
    max-height: 450px;
}
}
@media (max-width:1199px) {
    .callus-header .callus-text span {
        font-size: 15px;
    }

    .about-section .about-right .big-img {
        width: 370px;
        height: 370px;
    }

    .about-section .about-right .small-img1 {
        width: 90px;
        height: 90px;
        top: 170px;
    }

    .about-section .about-right .small-img2 {
        width: 120px;
        height: 120px;
        bottom: 127px;
        right: -50px;
    }

    .about-section .about-right {
        height: 620px;
        width: 620px;
        margin-top: -71px;
        margin-left: -94px;
    }

    .about-section .about-right .d-flex {
        margin-left: 50px;
    }

    .about-left h4 {
        font-size: 24px;
    }

    .about-left a.about-btn {
        font-size: 15px;
        padding: 6px 18px;
    }

    .services-section .services-title h4,
    .QA-section h4,
    .insurance-section .insurance-title h4,
    .blog-section .blog-title h4 {
        font-size: 28px;
    }

    .QA-section,
    .blog-section,
    .insurance-section,
    .services-section .services-title h4 {
        padding-top: 64px;
    }

    .services-section {
        padding-bottom: 136px;
    }

    .services-section .top-pattern img {
        margin-right: -153px;
        margin-top: -46px;
    }

    .bottom-pattern {
        height: 60%;
    }

    .services-section .bottom-pattern img {
        margin-left: -121px;
        margin-top: 138px;
    }

    /* .services-section .services-slider {
        padding-right: 30px;
        padding-left: 30px;
    } */
    .services-slider .slick-track .slick-slide {
        margin-right: 26px;
        margin-left: 26px;
    }

    .faq-item {
        padding: 24px;
    }

    .counter-section .honors_num h3,
    .counter-section .honors_num p {
        font-size: 34px;
    }

    .get-time {
        font-size: 22px;
    }

    .get-time-btn span {
        font-size: 15px;
    }

    .blog-box .card-body h5 {
        line-height: 22px;
    }

    .location span {
        line-height: 22px;
    }

    footer hr {
        margin-top: 34px !important;
    }

    .faq-item.open .faq-answer {
        max-height: 90px;
    }

    .hero-section-boxes .hero-box {
        height: 126px;
    }

    .blog-box .card .blog-img.single-page-blog {
        width: 301px;
        height: 181px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .hero-section .hero-section-boxes .gap-5.gap-sm-3 .col-9.col-sm-5.col-lg-3 {
        width: 31% !important;
    }

}

@media (max-width:910px) {
    .header-logo {
        /*width: 97px;*/
        height: 69px;
    }

    main {
        margin-top: 101px;
    }

    .about-section .about-right {
        height: 458px;
        width: 520px;
    }

    .about-section .about-right .big-img {
        width: 300px;
        height: 300px;
    }

    .about-section .about-right .d-flex {
        margin-right: 50px;
    }

    .about-section .about-right .small-img2 {
        width: 110px;
        height: 110px;
        bottom: 78px;
    }

    .about-left span.about-body {
        font-size: 14px;
    }

    .about-left h4 {
        font-size: 22px;
    }

    .about-left a.about-btn {
        font-size: 14px;
    }

    .about-left a.about-btn {
        padding: 6px 12px;
    }

    .about-section .about-right .small-img1 {
        width: 80px;
        height: 80px;
        top: 120px;
        left: -35px;
    }

    .about-section .about-right .small-img1 img,
    .about-section .about-right .small-img2 img {
        border: 6px solid #F4F2FF;
    }

    .about-section .about-right .small-img2 {
        width: 100px;
        height: 100px;
        bottom: 55px;
        right: -38px;
    }

    .about-section .about-right .small-img2,
    .about-section .about-right .small-img2 img {
        border-radius: 30px;

    }

    .about-section .about-right {
        margin-left: -103px;
    }

    .services-section .services-title h4,
    .QA-section h4,
    .insurance-section .insurance-title h4,
    .blog-section .blog-title h4 {
        font-size: 24px;
    }

    .services-section {
        margin-top: 24px;
        padding-bottom: 126px;
    }

    .services-slider .slick-track .slick-slide {
        margin-right: 20px;
        margin-left: 20px;
    }

    .QA-section,
    .blog-section,
    .insurance-section,
    .services-section .services-title h4 {
        padding-top: 54px;
    }

    .faq-item .faq-top h6 {
        font-size: 15px;
    }

    .faq-item {
        padding: 10px;
    }

    .blog-box .card-body h5 {
        line-height: 20px;
        font-size: 14px;
    }

    .card-body {
        padding: 12px 10px;
    }

    .footer-line {
        max-width: 336px;
    }

    .faq-item.open .faq-answer {
        max-height: 110px;
    }

    .contactus-page {
        width: 100%;
    }

    .map {
        height: 379px;

    }

    .single-bolg-pragraph span,
    .single-service-pragraph p,
    .about-pragraph p {
        font-size: 14px;
    }

    .chat-cnt.open .chat-desc {
        opacity: 1;
        visibility: visible;
    }

    .chat-cnt:not(.open) .chat-desc {
        opacity: 0;
        visibility: hidden;
    }

    .chat-cnt.open .quick-menu-desc {
        opacity: 1;
        bottom: 100px;
        visibility: visible;
    }

    .chat-cnt.open .chat-desc {
        opacity: 1;
        visibility: visible;
    }

    .chat-cnt:not(.open) .chat-desc {
        opacity: 0;
        visibility: hidden;
    }

    .hero-section-slider-item {
        height: 36vh;
    }

    .hero-section-slider .slick-prev.slick-arrow svg,
    .hero-section-slider .slick-next.slick-arrow svg {
        width: 30px;
        height: 30px;
    }

    .blog-box .card .blog-img.single-page-blog {
        width: 340px;
        height: 181px;
    }

    .gallery-cnt.gallery-pg .gallery-item {
        height: 120px;
        width: 22%;
    }


}

@media (max-width:800px) {
    .hero-section-slider-item {
        height: 50vh;
    }
}
@media (max-width:750px){

    .hero-section-slider .slick-next.slick-arrow svg{
    transform: translate(16px, -25px);
    }
    .hero-section-slider .slick-prev.slick-arrow svg{
      transform: translate(-16px, -25px);
  
    }
    .hero-box .hero-box-text h2 {
    font-size: 15px;
    }
}
@media (max-width:700px) {

    .header-logo,
    .footer-logo {
        max-width: 158px !important;
        max-height: 64px !important;
        
    }
    
    .header-logo img {
        max-width: 100%;
        object-fit: contain
    }

    main {
        margin-top: 96px;
    }

    .hero-section-slider-item {
        height: 300px;
    }

    .hero-section-slider .slick-next.slick-arrow {
        transform: translate(-12px, -50%);
    }

    .hero-section-slider .slick-prev.slick-arrow {
        transform: translate(12px, -50%);

    }

    .hero-section-boxes .hero-box {
        height: 126px;
    }

    .hero-box .hero-box-text h2 {
        font-size: 14px;
    }

    .about-left h4 {
        font-size: 20px;
    }

    .services-slider .slick-next {
        transform: translate(9px, -50%);
        width: 30px;
        height: 30px;
    }

    .services-slider .slick-prev {
        transform: translate(-9px, -50%);
        width: 30px;
        height: 30px;
    }

    .services-section .services-title h4,
    .QA-section h4,
    .insurance-section .insurance-title h4,
    .blog-section .blog-title h4 {
        font-size: 22px;
    }

    .QA-section,
    .blog-section,
    .insurance-section,
    .services-section .services-title h4 {
        padding-top: 34px;
    }

    .counter-section .honors_num h3,
    .counter-section .honors_num p {
        font-size: 22px;
    }

    .record-line {
        margin-right: 24px;
        margin-left: 24px;
    }

    .counter-section {
        padding-top: 48px;
    }

    .counter-section .counter .container {
        background-color: var(--primary-color);
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .get-time {
        padding-top: 30px;
        padding-bottom: 14px;
        font-size: 18px;
    }

    .insurance-section {
        padding-bottom: 76px;
    }

    .time-section .flex-wrap {
        padding-bottom: 30px;
    }

    .blog-box {
        padding-top: 44px;
    }

    .QA-section .QA-tittle {
        padding-bottom: 44px;
    }

    .insurance-title {
        padding-bottom: 44px;
    }

    .services-section {
        padding-bottom: 102px;
    }

    .faq-item.open .faq-answer {
        max-height: 104px;
        margin-bottom: 16px;
    }

    .footer-logo {
        /*width: 100%;*/
        height: 100%;
        object-fit: cover;
    }

    .collapsible.collapsible--expanded .mobile-menu {
        height: calc(100dvh - 96px);
    }

    .mobile-menu {
        top: 96px;
    }

    .mobile-menu-bg {
        width: 100%;
    }

    /* 
    .services-section .services-slider {
        padding-right: 0;
        padding-left: 0;
    } */
    .chat-cnt {
        align-items: flex-end;
    }

    .chat-cnt {
        bottom: 24px;
        right: 24px;
        left: initial;
    }

    .chat-cnt .chat-desc {
        margin-right: 55px;
        margin-left: 0;
    }

    .blog-box .card .blog-img.single-page-blog {
        width: 377px;
        height: 181px;
    }
    .error-code{
        font-size:50px;
    }
}
@media screen and (min-width:580px) and (max-width:720px){
    .about-section .row .col-12.col-sm-5,.about-section .row .col-12.col-sm-8{
    width:100% !important;
    justify-content: center;
}
}
@media screen and (min-width:580px) and (max-width:700px){
    .hero-section-slider-item {
        height: 300px;
    }
    .hero-section-slider .slick-next.slick-arrow svg {
    transform: translate(25px, -27px);
}
.hero-section-slider .slick-prev.slick-arrow svg{
     transform: translate(-25px, -27px);
   
}

.service-img-cnt {
    width: 125px;
    height: 125px;
}
.services-item:hover .service-item-img {
    width: 120px;
    height: 120px;
}
    .services-slider .slick-track .slick-slide {
        margin-right: 24px;
        margin-left: 23px;
    }
}
@media (max-width: 550px) {
    .hero-section-slider .slick-next.slick-arrow svg {
        transform: translate(22px, -25px);
    }
     .hero-section-slider .slick-prev.slick-arrow svg {
        transform: translate(-22px, -25px);
    }
    .services-slider .slick-track .slick-slide {
        margin-right: 16px;
        margin-left: 16px;
    }
}
@media (max-width:450px) {
    .about-section .about-right .d-flex {
        margin-right: 57px;
        margin-left: 57px;
    }

    h5.contact-form-title,
    .breadcrumb-name-page h5 {
        font-size: 20px;
    }

    .information-box {
        gap: 0;
    }

    .contactus-page {
        gap: 38px;
    }

    .information-box-content {
        font-size: 14px;
    }

    .information-box-title span {
        font-size: 15px;
    }

    .contact-form span {
        padding-bottom: 12px;
    }

    form input,
    form textarea {
        padding: 16px
    }

    form input::placeholder,
    form textarea::placeholder {
        font-size: 14px;
    }

    .contact-form {
        padding: 40px 24px;
    }

    .map {
        height: 310px;
    }

    .all-services-item {
        box-shadow: 0px 0px 12px 0px #9493934d;
        padding: 20px 0px 35px 0;
        border-radius: 40px;
        width: 250px;
        margin: 0 auto;
    }

    .all-QA .faq-item .faq-answer .body-text {
        color: #fff;
        font-size: 12px;
    }

    .pag li a {
        width: 35px;
        height: 35px;
        border-radius: 50%;

    }

    .services-slider .slick-track .slick-slide {
        margin-right: 52px;
    }

    .contact-form.contact-us>p {
        font-size: 14px;
    }
    footer{
        background-color: unset;
        border-radius: unset;
    }
    footer .container {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-right: 12px;
        background-color: var(--primary-color);
        border-radius: 24px;
    }

    .hero-section-slider .slick-prev.slick-arrow svg,
    .hero-section-slider .slick-next.slick-arrow svg {
        width: 25px;
        height: 25px;
    }

    .hero-section-slider .slick-next.slick-arrow {
        transform: translate(-2px, -50%);
    }

    .hero-section-slider .slick-prev.slick-arrow {
        transform: translate(2px, -50%);
    }

    .bg-arrow-next {
        transform: translate(34px, -50%);
    }

    .bg-arrow-prev {
        transform: translate(-34px, -50%);
    }

    .hero-section-slider .slick-next.slick-arrow svg {
        transform: translate(5px, -26px);
    }

    .hero-section-slider .slick-prev.slick-arrow svg {
        transform: translate(-5px, -26px);

    }

    .blog-box .card .blog-img.single-page-blog {
        width: 377px;
        height: 181px;
    }

    .gallery-cnt.gallery-pg .gallery-item {
        width: 47%;
    }
    .counter{
        padding-left: 12px;
        padding-right:12px;
    }
}


@media (max-width:435px) {
    .services-slider .slick-track .slick-slide {
        margin-right: 30px;
        margin-left: 31px;
    }

    .blog-box .card .blog-img.single-page-blog {
        width: 382px;
        height: 181px;
    }
}

@media (max-width:426px) {
    .blog-box .card .blog-img.single-page-blog {
        width: 377px;
        height: 181px;
    }
}

@media (max-width:420px) {
    .about-section .about-right .d-flex {
        margin-right: 49px;
        margin-left: 49px;
    }

    .services-slider .slick-track .slick-slide {
        margin-right: 36px;
        margin-left: 18px;
    }

    .blog-box .card .blog-img.single-page-blog {
        width: 366px;
        height: 181px;
    }
}

@media (max-width:415px) {
    .services-slider .slick-track .slick-slide {
        margin-right: 27px;
        margin-left: 27px;
    }

}
@media (max-width: 405px) {
    .services-slider .slick-track .slick-slide {
        margin-right: 24px;
        margin-left: 24px;
    }
}

@media (max-width:395px) {
    .about-section .about-right {
        height: 345px;
        width: 380px;
        margin-top: -31px;
    }

    .about-section .about-right .big-img {
        width: 280px;
        height: 280px;
    }

    .about-section .about-right .d-flex {
        margin-right: 42px;
        margin-left: 42px;
    }

    .about-section .about-right .small-img1 {
        width: 78px;
        height: 78px;
        top: 68px;
        left: -38px;
    }

    .about-section .about-right .small-img2 {
        width: 90px;
        height: 90px;
        bottom: 10px;
        right: -30px;
    }

    .faq-item.open .faq-answer {
        max-height: 110px;
    }

    .hero-section-boxes>.row.justify-content-center.gap-5 {
        gap: 2rem !important;
    }

    .services-slider .slick-track .slick-slide {
        margin-right: 22px;
        margin-left: 21px;
    }

    .blog-box .card .blog-img.single-page-blog {
        width: 342px;
        height: 181px;
    }
}
@media (max-width:385px){    
    .services-slider .slick-track .slick-slide {
        margin-right: 20px;
        margin-left: 20px;
    }
@media (max-width:380px) {
    .about-section .about-right .d-flex {
        margin-right: 34px;
        margin-left: 34px;
    }

    .services-slider .slick-track .slick-slide {
        margin-right: 18px;
        margin-left: 18px;
    }

    .blog-box .card .blog-img.single-page-blog {
        width: 327px;
        height: 181px;
    }
}
@media (max-width:375px){
        .services-slider .slick-track .slick-slide {
        margin-right: 33px;
        margin-left: 33px;
    }
    .service-img-cnt {
    width: 110px;
    height: 110px;
    }
    .services-item:hover .service-item-img {
    width: 110px;
    height: 110px;
    }
}
@media (max-width: 365px) {
    .services-slider .slick-track .slick-slide {
        margin-right: 29px;
        margin-left: 29px;
    }
    .services-item:hover .service-item-img {
    width: 110px;
    height: 110px;
    }
    .service-img-cnt {
    width: 110px;
    height: 110px;
    }
}
@media (max-width:359px) {
    .get-time {
        font-size: 14px;
    }

    .get-time-btn span {
        font-size: 14px;
    }

    .about-section .about-right .d-flex {
        margin-right: 14px;
        margin-left: 14px;
    }

    .about-section .about-right .big-img {
        width: 265px;
        height: 265px;
    }

    .about-section .about-right .small-img1 {
        width: 70px;
        height: 70px;
        top: 71px;
        left: -23px;
    }

    .about-section .about-right .small-img2 {
        width: 70px;
        height: 70px;
        bottom: 20px;
        right: -19px;
    }

    .about-section .about-right .small-img2,
    .about-section .about-right .small-img2 img {
        border-radius: 24px;
    }

    .services-slider .slick-track .slick-slide {
        margin-right: 115px;
    }
}
@media (max-width: 345px) {
    .services-slider .slick-track .slick-slide {
        margin-right: 30px;
    }
        .service-img-cnt {
        width: 100px;
        height: 100px;
    }
        .services-item:hover .service-item-img {
        width: 100px;
        height: 100px;
    }
    .service-item-img {
    width: 100px;
    height: 100px;
    }
}
@media (max-width:325px) {
    .blog-box .card .blog-img.single-page-blog {
        width: 272px;
        height: 181px;
    }
        .services-slider .slick-track .slick-slide {
        margin-right: 92px;
        margin-left:92px;
    }
}

@media only screen and (min-width:910px) and (max-width:950px) and (orientation:landscape) {
    .about-section .about-right {
        height: 400px;
        width: 400px;
    }

    .about-section .about-right .big-img {
        width: 300px;
        height: 300px;
    }

    .about-section .about-right .d-flex {
        margin-right: 20px;
    }

    .about-section .about-right {
        margin-left: 0px;
        margin-top: 0px;
    }

    .faq-item .faq-top h6 {
        line-height: 22px;
    }

    .faq-item.open .faq-answer {
        max-height: 150px;
    }

    .about-section .about-right .small-img1 {
        top: 88px;
        left: -50px;
    }

    .about-section .about-right .small-img2 {
        width: 110px;
        height: 110px;
        bottom: 0px;
        right: -42px;
    }

    .blog-box .card .blog-img.single-page-blog {
        width: 340px;
        height: 181px;
    }
}

@media (max-width:1000px) and (orientation:landscape) {
    .header-logo {
        width:117px;
        height: 49px;
    }

    main {
        margin-top: 81px;
    }

    .collapsible.collapsible--expanded .mobile-menu {
        height: calc(100dvh - 81px);
    }

    .mobile-menu {
        top: 81px;

    }
}

@media (max-width:800px) and (orientation:landscape) {
    .about-section .about-right {
        height: 400px;
        width: 400px;
    }

    .about-section .about-right .big-img {
        width: 260px;
        height: 260px;
    }

    .about-section .about-right .d-flex {
        margin-right: 0px;
    }

    .about-section .about-right {
        margin-left: -85px;
        margin-top: 0px;
    }

    .faq-item .faq-top h6 {
        line-height: 22px;
    }

    .faq-item.open .faq-answer {
        max-height: 150px;
    }

    .blog-box .card .blog-img.single-page-blog {
        width: 234px;
        height: 122px;
    }
}

@media (min-width:910px) {
    .chat-cnt:hover .quick-menu-desc {
        opacity: 1;
        bottom: 115px;
        visibility: visible;
    }
}
@media screen and (max-device-width:680px){
    body{
        -webkit-text-size-adjust:100%;
    }
}