@media (min-width: 1300px) {
    .container {
        max-width: 1240px;
    }
    .hero-image {
        margin-right: -25px;
    }
    .hero-slider-full .owl-nav button.owl-prev,
    .hero-slider-full2 .owl-nav button.owl-prev {
        top: 45%;
        left: 10px;
    }
    .hero-slider-full .owl-nav button.owl-next,
    .hero-slider-full2 .owl-nav button.owl-next {
        top: 45%;
        right: 10px;
    }
    .hero-slider-full .owl-nav span.hero-nav,
    .hero-slider-full2 .owl-nav span.hero-nav {
        width: 70px;
        height: 70px;
    }
    .owl-carousel .hero-slider-item .owl-item .hero-image img {
        width: auto !important;
        max-width: 580px;
    }
}
@media (min-width: 1600px) {
    .hero-area .hero-image,
    .hero-slider-item .hero-image {
        margin-right: -160px;
    }
    .owl-carousel .hero-slider-item .owl-item .hero-image img {
        width: auto !important;
        max-width: 800px;
    }
    .hero-slider-full .owl-nav button.owl-prev,
    .hero-slider-full2 .owl-nav button.owl-prev {
        top: 45%;
        left: 90px;
    }
    .hero-slider-full .owl-nav button.owl-next,
    .hero-slider-full2 .owl-nav button.owl-next {
        top: 45%;
        right: 90px;
    }
}
@media (max-width: 1300px) {
    .owl-carousel .hero-slider-item {
        padding-top: 50px;
    }
    .hero-caption h2 {
        font-size: 60px;
        line-height: 75px;
        margin-bottom: 20px;
    }
    .hero-caption p {
        margin-bottom: 25px;
    }
    .hero-slider-full .owl-nav button.owl-prev,
    .hero-slider-full2 .owl-nav button.owl-prev {
        top: 45%;
        left: 10px;
    }
    .hero-slider-full .owl-nav button.owl-next,
    .hero-slider-full2 .owl-nav button.owl-next {
        top: 45%;
        right: 10px;
    }
    .hero-slider-full2 .owl-nav span.hero-nav {
        width: 70px;
        height: 70px;
    }
    .hero-slider-full .owl-nav span.hero-nav {
        width: 55px;
        height: 55px;
        font-size: 22px;
    }
    .why-choose-or-client-section .shap img.shap2 {
        bottom: 7px;
        left: 2%;
        max-width: 150px;
    }
}
@media (max-width: 1200px) {
    .header-right{
        text-align: center;
    }
    .hero-image {
        margin-right: -20px;
    }
    .menu ul li a {
        padding: 36px 18px;
        font-size: 15px;
    }
    .menu nav ul li > ul > li a {
        font-size: 14px;
    }
    .make-appointment-button {
        display: none;
    }
    .header-language.mobile-padding-0 {
        margin-right: 0;
    }
    .hero-caption h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .hero-slider-full .owl-nav button.owl-prev {
        left: 5px;
    }
    .hero-slider-full .owl-nav button.owl-next {
        right: 5px;
    }
    .hero-slider-full2 .hero-slider-2 .hero-slider-item {
        padding-top: 200px;
    }
    .about-content {
        padding-left: 0;
        padding-bottom: 50px;
    }
    .large-title {
        padding-top: 0;
    }
    .about-area.pb-80 {
        padding-bottom: 20px;
    }
    .about-count-num {
        bottom: 34%;
    }
    .homepage-project .section-title {
        text-align: center;
        margin-bottom: 30px;
    }
    .helpline-area .about-content {
        padding-bottom: 0;
    }
    .helpline-area.pb-120,
    .journey-area.pb-120 {
        padding-bottom: 90px;
    }
    .about-area,
    .info-area,
    .singlepage-area.pt-120.pb-120,
    .testimonial-area {
        padding: 90px 0;
    }
    .what-we-best-content {
        padding: 50px 0 50px 30px;
    }
    .team-section-area {
        padding-top: 90px;
        padding-bottom: 50px;
    }
    .info-box-5 {
        padding: 30px 20px;
    }
    .faq-area.pt-110 {
        padding-top: 90px;
    }
    .blog-area.homep2.pt-110.pb-80,
    .blog-details-section.pt-120.pb-90 {
        padding-top: 90px;
        padding-bottom: 60px;
    }
    .best-services-section.pt-110.pb-100 {
        padding-top: 90px;
        padding-bottom: 80px;
    }
    .blog-page-area.pt-120.pb-90,
    .service-page-section.pt-120.pb-80 {
        padding-top: 90px;
        padding-bottom: 70px;
    }
    .related-blog-section.mt-120.mb-90 {
        margin-top: 90px;
        margin-bottom: 70px;
    }
}
@media (max-width: 991px) {
    .about-images,
    .canvas_open_full,
    .header-left,
    .header-right.text-right,
    .hero-caption {
        text-align: center;
    }
    .hero-area .shap-img img.shap3,
    .hero-area .shap-img img.shap4,
    .hero-area .shap-img img.shap5,
    .hero-slider-area .shap-img img.shap1,
    .hero-slider-area .shap-img img.shap3,
    .hero-slider-area .shap-img img.shap4,
    .hero-slider-area .shap-img img.shap6,
    .menu,
    .video-play-section .content h2 br {
        display: none;
    }
    .header-left {
        margin-bottom: 10px;
    }
    .canvas_open_full {
        display: block;
        float: right;
        height: 100%;
        margin-right: 20px;
    }
    .canvas_open_full a {
        cursor: pointer;
        color: var(--body-color);
        font-size: 24px;
        line-height: 1;
    }
    .header-language {
        margin: 0 20px;
    }
    .section-title h2 {
        font-size: 40px;
        line-height: 52px;
    }
    .shaparator-footer {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .header-search {
        padding: 30px 0;
    }
    .canvas_open_full {
        padding: 26px 0;
    }
    .hero-slider-area.hero-slider-2 {
        margin-top: -80px;
    }
    .hero-image {
        margin-right: 0;
    }
    .header-language-dropdown {
        top: 54px;
    }
    .about-area,
    .blog-page-area.pt-120.pb-120,
    .homepage-project,
    .info-area,
    .singlepage-area.pt-120.pb-120,
    .testimonial-area {
        padding: 70px 0;
    }
    .infobox-slider.owl-carousel .owl-stage,
    .team-section-area {
        padding-bottom: 30px;
    }
    .about-count-num {
        bottom: 11%;
        right: 17%;
    }
    .about-content,
    .accordion.faq-custom {
        margin-top: 30px;
    }
    .best-services-section.ab-page,
    .helpline-area.pb-120,
    .journey-area.pb-120 {
        padding-bottom: 70px;
    }
    .why-choose-area.pt-110 {
        padding-top: 90px;
    }
    .blog-area.pt-80 {
        padding-top: 40px;
    }
    .client-logo-section.pb-110.pt-80 {
        padding-top: 40px;
        padding-bottom: 70px;
    }
    .homeabout-shape3 {
        bottom: -10%;
        left: -9%;
    }
    .about-area .about-content {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .large-title.mt-40 {
        margin-top: 0;
    }
    .what-we-best-img {
        position: relative;
        width: 100%;
    }
    .checkup-area .section-title,
    .what-we-best-content {
        padding-left: 0;
    }
    .what-we-best-area.black-bg .what-we-best-content {
        padding-left: 0;
        padding-right: 0;
    }
    .team-section-area {
        padding-top: 70px;
    }
    .journey-area .about-content {
        padding-bottom: 0;
    }
    .why-choose-or-client-section .image.services-image-sec {
        margin-top: 0;
        margin-left: 0;
    }
    .why-choose-or-client-section {
        padding-bottom: 70px;
        padding-top: 70px;
    }
    .get-appointment-area .shap img {
        position: absolute;
        display: none;
    }
    .faq-area.pt-110 {
        padding-top: 70px;
    }
    .blog-area.homep2.pt-110.pb-80,
    .blog-details-section.pt-120.pb-90,
    .testimaonial-area-full.pt-120.pb-70 {
        padding-top: 70px;
        padding-bottom: 40px;
    }
    .best-services-section.pt-110.pb-100 {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .get-appointment-image.mt-10 {
        margin-bottom: 30px;
    }
    .video-play-section .content h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .single-testimonial.style2.mlr-85 {
        margin-left: -55px;
        margin-right: 55px;
    }
    .why-choose-or-client-section h2.big-title {
        font-size: 200px;
    }
    .contact-area-section {
        padding-top: 20px;
    }
    .breadcumb-area,
    .page-section-full.pt-120.pb-120 {
        padding: 80px 0;
    }
    .teamdetails-left .te-thumb {
        max-width: 350px;
        float: left;
        margin-right: 20px;
    }
    .teamdetails-left .te-content {
        overflow: hidden;
    }
    .teamdetails-left .te-content h2.pt-25 {
        padding-top: 0;
    }
    .teamdetails-right {
        padding-left: 0;
        margin-top: 30px;
    }
    .service-page-section.pt-120.pb-80 {
        padding-top: 70px;
        padding-bottom: 50px;
    }
    .singlepage-content {
        margin-bottom: 40px;
    }
    .projectdetails-related.pt-110 {
        padding-top: 50px;
    }
    .blog-page-area.pt-120.pb-90 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .related-blog-section.mt-120.mb-90 {
        margin-top: 70px;
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .header-left span{
        visibility: hidden;
    }
    .header-left {
        font-size: 14px;
    }
    .footer-bottom .copyright-text p {
        font-size: 12px;
    }
    .footer-widegts-single,
    .shaparator-footer {
        margin-top: 30px;
    }
    .hidden-xs {
        display: none;
    }
    .h-slider {
        min-height: 450px;
    }
    .footer-subscribe-form {
        margin-top: 30px;
    }
    .footer-top {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mtmn {
        margin-top: 0px;
    }
    .shaparator-footer {
        margin-top: 20px;
    }
    .blog-share,
    .footer-widegts-single p,
    .team-section-area .section-title.mb-50 {
        margin-bottom: 20px;
    }
    .footer-widegts-single p {
        font-size: 16px;
    }
    .footer-widegts-single .footer-social span {
        margin-right: 20px;
    }
    .footer-widegts-single h3.title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .footer-widegts-single ul li a,
    .footer-widegts-single ul.contact-info li a {
        font-size: 14px;
    }
    .footer-widegts-single ul li {
        padding: 2px 0;
    }
    .hero-slider-full2 .owl-nav span.hero-nav {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .blog-page-area.pt-120.pb-120,
    .homepage-project,
    .info-area,
    .testimonial-area {
        padding: 50px 0;
    }
    .about-count-num {
        width: 100px;
        height: 100px;
        bottom: 19%;
    }
    .about-count-num-full h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .helpline-area.pb-120,
    .journey-area.pb-120 {
        padding-bottom: 50px;
    }
    .all-testimonial.owl-carousel .owl-stage {
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .why-choose-area.pt-110 {
        padding-top: 70px;
    }
    .blog-area.pt-80 {
        padding-top: 20px;
    }
    .team-card-item .content .social span {
        padding: 0 8px;
    }
    .team-card-item .content h4 {
        font-size: 20px;
    }
    .why-choose-or-client-section {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .faq-area.pt-110 {
        padding-top: 50px;
    }
    .contact-area-section .contact_map {
        position: relative;
        height: 400px;
        margin-top: 50px;
    }
    .contact-area-section .contact_map iframe {
        position: relative;
        min-height: 100%;
        height: 100%;
        width: 100%;
    }
    .contact-area-section {
        padding: 0;
    }
    .breadcumb-area h2 {
        font-size: 50px;
        line-height: 70px;
    }
    .breadcumb-area ul li {
        font-size: 18px;
        line-height: 36px;
    }
    .page-section-full.pt-120.pb-120,
    .singlepage-area.pt-120.pb-120 {
        padding: 60px 0;
    }
    .teamdetails-left .te-thumb {
        max-width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .teamdetails-left .te-content {
        overflow: hidden;
        width: 100%;
    }
    .testimaonial-area-full.pt-120.pb-70 {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .singlepage-titletext h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .singlepage-box h3 {
        margin-top: 20px;
    }
    .blog-page-area.pt-120.pb-90 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .blog-details-full .content h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .blog-share {
        text-align: left;
    }
    .blog-author-section .content-auth .auth-header {
        display: inherit;
    }
    .blog-author-section
        .content-auth
        .auth-header
        .a-social-icon
        span:first-child {
        margin-left: 0;
    }
    .blog-author-section .content-auth p {
        font-size: 15px;
        line-height: 28px;
    }
    .blog-author-section,
    .comment-section-full {
        padding: 30px;
    }
    .related-blog-section.mt-120.mb-90 {
        margin-top: 60px;
        margin-bottom: 40px;
    }
}
@media (max-width: 676px) {
    .header-top-search-form {
        width: 320px;
    }
    .footer-bottom {
        padding: 20px 0;
    }
    #project-content .owl-theme .owl-nav {
        display: none;
    }
    #project-content .owl-carousel .owl-stage {
        padding-bottom: 30px;
    }
    .why-choose-or-client-section .shap img.shap1 {
        top: 2%;
        right: 5px;
        width: 50px;
    }
    .single-testimonial.style2.mlr-85 {
        margin-left: 0;
        margin-right: 0;
    }
    .page-section-full .glenic-pagination.mt-30 {
        margin-top: 0;
    }
}
@media (max-width: 576px) {
    .about-shap-img img.shap1,
    .header-right.text-right,
    .hero-area .shap-img img.shap1,
    .singlepage-navigation.border-0,
    .singlepage-navigation.pt-35,
    .what-we-best-content .we-icon-box .content h4 br {
        display: none;
    }
    .header-left {
        margin-bottom: 0;
    }
    .header-left a {
        font-size: 12px;
    }
    .header-top-search-form {
        right: -20px;
    }
    .header-top-search-form-full::after {
        right: 24px;
    }
    .about-sidebar-section {
        padding: 46px 20px 50px;
    }
    .footer-subscribe-form input {
        height: 60px;
        padding-left: 28px;
        padding-right: 60px;
        font-size: 15px;
    }
    .footer-subscribe-form button {
        width: 56px;
        height: 56px;
    }
    .button-1 {
        height: 52px;
        padding: 0 0 0 32px;
        font-size: 14px;
    }
    .button-1 i {
        width: 48px;
        height: 48px;
    }
    .hero-caption h2 {
        font-size: 38px;
        line-height: 48px;
    }
    .hero-caption p,
    .single-testimonial p {
        font-size: 15px;
        line-height: 28px;
    }
    .about-area,
    .blog-page-area.pt-120.pb-120,
    .homepage-project,
    .info-area,
    .singlepage-area.pt-120.pb-120,
    .testimonial-area {
        padding: 40px 0;
    }
    .section-title h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 0;
    }
    .section-title h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .about-content {
        padding-bottom: 0;
    }
    .checkup-area .button-1 {
        margin-top: 20px;
    }
    .checkup-area {
        padding: 75px 0;
    }
    .homepage-project .row.pt-50 {
        padding-top: 30px;
    }
    .project-homeslide .project-single {
        margin: 0 12px;
    }
    .helpline-area.pb-120 {
        padding-bottom: 30px;
    }
    .helpline-number {
        margin-bottom: 20px;
    }
    .helpline-content ul li {
        padding-left: 16px;
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 0;
    }
    .helpline-content ul li::after {
        top: 10px;
    }
    .single-testimonial {
        padding: 80px 20px 35px;
    }
    .testimonial-img img {
        max-width: 80px;
    }
    .testimonial-text {
        padding-top: 21px;
    }
    .testimonial-text h5 {
        font-size: 18px;
        line-height: 28px;
    }
    .why-choose-area.pt-110 {
        padding-top: 50px;
    }
    .blog-single-item .content h3 a {
        font-size: 20px;
        line-height: 26px;
    }
    .client-logo-section.pb-110.pt-80 {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .what-we-best-content .we-icon-box .content h4 {
        font-size: 20px;
        line-height: 32px;
    }
    .blog-area.homep2.pt-110.pb-80,
    .service-page-section.pt-120.pb-80,
    .team-section-area {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .about-iconbox,
    .blog-author-section {
        margin-bottom: 30px;
    }
    .journey-area.pb-120 {
        padding-bottom: 20px;
    }
    .get-appointment-area {
        padding: 60px 0;
    }
    .faq-area.pt-110 {
        padding-top: 40px;
    }
    .best-services-section.pt-110.pb-100 {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .video-play-section {
        padding: 80px 0;
    }
    .video-play-section .content h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .why-choose-or-client-section h2.big-title {
        font-size: 150px;
    }
    .single-testimonial.style2 p {
        font-size: 18px;
        line-height: 30px;
    }
    .contact-form {
        padding: 40px 30px;
    }
    .breadcumb-area,
    .page-section-full.pt-120.pb-120 {
        padding: 50px 0;
    }
    .breadcumb-area h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .breadcumb-area ul li {
        font-size: 16px;
        line-height: 30px;
    }
    .best-services-section.ab-page {
        padding-bottom: 50px;
    }
    .team-timelineleft {
        padding-right: 20px;
    }
    .team-timelineright {
        width: 65%;
        padding-left: 20px;
    }
    .team-timelinesingle h5 {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .singlepage-content p {
        font-size: 14px;
        line-height: 24px;
    }
    .team-timelinesingle {
        padding-bottom: 20px;
        display: flex;
    }
    .appointment-contactdet {
        padding: 30px 20px;
        margin-bottom: -80px;
    }
    .get-appointment-area.appointment-page-mt {
        padding-top: 120px;
        padding-bottom: 20px;
    }
    .glenic-pagination ul li a,
    .glenic-pagination ul li span {
        width: 40px;
        height: 40px;
    }
    .socialicon-widget ul li {
        padding-right: 15px;
    }
    .sidebar-single-widget {
        padding: 30px;
    }
    .portfolio-cate-list-full ul li {
        margin: 4px 2px;
    }
    .projectdetails-related.pt-110 {
        padding-top: 0;
    }
    .blog-details-section.pt-120.pb-90 {
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .blog-details-full .content p {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 13px;
    }
    .blog-details-full .content p.quote {
        padding: 15px 40px 15px 48px;
        font-size: 14px;
    }
    .blog-details-full .blog-tags a {
        margin: 6px 10px;
    }
    .blog-author-section .thumb {
        width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 14px;
    }
    .blog-author-section .thumb img {
        width: 100px;
    }
    .blog-author-section .content-auth {
        overflow: hidden;
        width: 100%;
    }
    .related-blog-section.mt-120.mb-90 {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .comment-section-full ul li.single-comment .thum {
        width: 100%;
        float: left;
    }
    .comment-section-full ul li.single-comment .content {
        overflow: hidden;
        width: 100%;
        margin-top: 10px;
    }
    .comment-section-full ul li.single-comment ul.comment-reply {
        padding-left: 20px;
    }
    .comment-section-full ul li.single-comment .content p {
        font-size: 14px;
        line-height: 28px;
    }
}
@media (max-width: 450px) {
    p {
        line-height: 28px;
        font-size: 15px;
    }
    .header-language,
    .hero-area .shap-img img.shap6 {
        display: none;
    }
    .header-search {
        margin-right: 20px;
    }
    .hero-caption h2 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .hero-area .shap-img img.shap2 {
        bottom: 0;
    }
    .section-title h2 {
        font-size: 26px;
        line-height: 34px;
    }
    .why-choose-area.pt-110 {
        padding-top: 40px;
    }
    .blog-area.pt-80 {
        padding-top: 10px;
    }
    .video-play-section .content h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .video-play-section .content .video-btn a {
        height: 70px;
        width: 70px;
    }
    .breadcumb-area h2 {
        font-size: 32px;
        line-height: 50px;
    }
}
@media (max-width: 375px) {
    .header-top-search-form {
        width: 280px;
    }
    p {
        line-height: 28px;
        font-size: 14px;
    }
    .single-testimonial.style2 p {
        font-size: 16px;
        line-height: 30px;
    }
}