@media (max-width: 1920px) {}

@media (max-width: 1800px) {}

@media (min-width: 1600px) {}

@media (max-width: 1599px) {}

@media (max-width: 1501px) {}

@media (max-width: 1440px) {
    .hero-section .slide-content h1 {
        font-size: 54px;
    }
    .map-img img {
        width: 100%;
    }
}

@media (max-width: 1300px) {
    .choose-section .choose-bg {
        margin-left: 150px;
        margin-right: 150px;
    }
    .testimonial-active .owl-nav div {
        bottom: -60px;
    }
    .testimonial-text p {
        margin-right: 25px;
    }
}

@media (max-width: 1240px) {
    .about-text h1 {
        font-size: 40px;
    }
    .about-img {
        margin-left: 0;
    }
    .hero-section .slide-content {
        margin: -135px 30px 0 0px;
    }
    .team-01 {
        width: 50%;
        text-align: end;
        right: 2%;
    }
    .testimonial-active .owl-nav div {
        bottom: -85px;
    }
    li.nav-item {
        margin-left: 10px;
    }
    .gallery-layout-info {
        margin-right: 30px;
    }
    .gallery-layout-info h5 {
        font-size: 21px;
    }

}
@media (max-width: 1140px) {
    .main-menu nav>ul>li .sub-menu {
        left: auto;
        right: -113px;
    }
    .choose-section .choose-bg {
        margin-left: 80px;
        margin-right: 80px;
        padding: 26px 0px 15px 0px;
    }
    .testimonial-section {
        margin-bottom: 40px;
    }
    .portfolio-menu button {
        margin-right: 20px;
    }
}
@media (max-width: 1024px) {
    .slider-video.text-md-end {
        right: 50px;
        bottom: 50%;
        transform: translate(0px, 60%);
    }
    .hero-section .slide-content {
        margin: -135px 30px 0 0px;
    }
    .about-text h1 {
        font-size: 34px;
    }   
    span.header-en {
        display: none;
    }
    span.header-ph {
        display: none;
    }
    .section-title h1 {
        font-size: 40px;
    }
    .team-page .our-team-section .section-title {
        margin: 0 auto 0;
    }
    .team-page .section-title h1 {
        margin-bottom: 20px;
    }
    .about-us-page .brand-section {
        padding: 70px 0px 70px 0px;
    }
    .client-area.testimonial-section {
        padding: 70px 0px;
    }
    .cta-widget-container {
        padding: 70px 0;
    }
    .about-us-page .who-we-are-section {
        padding: 70px 0 90px 0;
    }
    .about-us-page .breadcrumb-inner>.page-title {
        font-size: 44px;
        line-height: normal;
    }
    .gallery-area {
        padding: 80px 0;
    }
    .contact-us-page .contact-section-2 {
        padding: 80px;
    }
}

@media (max-width: 991px) {
    .tn-header-transparent-07 .header-area {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .contact-bg {
        padding: 0;
    }
}

@media (max-width: 993px) {
    ul.sub-menu li.nav-item a.nav-link {
        padding: 10px;
    }
    .tn-header-transparent-07 .header-area {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    header.second-header .tn-header-transparent-07 .header-area {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    li.nav-item {
        margin-left: 0;
    }
    /* .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    } */
    li#menu-item-40 a.nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .nav-link {
        display: inline-block;
    }
    .navbar-collapse {
        margin-top: 20px;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .logo img.main-logo {
        width: 75px;
        height: 65px;
    }
    a.navbar-brand.d-flex.align-items-center img {
        width: 80px;
    }
    .right-nav {
        display: block;
    }
    ul.navbar-nav.ms-auto.align-items-lg-center.mb-2.mb-lg-0.nav-social.me-lg-3 {
        display: block;
    }
    ul.navbar-nav.ms-auto.align-items-lg-center.mb-2.mb-lg-0.nav-social.me-lg-3 li {
        display: inline-block;
        margin-right: 10px;
    }
    .nav-item:hover ul.sub-menu {
        width: 95%;
    }
    ul.sub-menu {
        display: none !important;
    }
    ul.sub-menu.show {
        display: block !important;
    }
    .menu-item-has-children:hover i.fas.fa-chevron-down {
        transform: rotate(0);
    }
    .menu-item-has-children i.fas.fa-chevron-down.open {
    transform: rotate(180deg) !important;
    }
    .about-area-section .about-text,
    .about-area-section .about-content {
        margin-top: 0;
    }
    .service-section {
        padding: 70px 0px 50px 0px;
    }
    .our-team-section {
        padding: 60px 0 30px 0;
    }
    .testimonial-section {
        margin-bottom: 0;
    }
    .about-area-section .mb-30 {
        margin-bottom: 0;
    }
    .counter-section .counter-bg {
        padding: 100px 0;
    }
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .navbar-expand-lg {
        background: var(--primary-color);
    }
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: .25rem;
    }
    .hero-section .slide-content {
        max-width: 100%;
        padding: 30px 15px;
    }
    .about-text h1 {
        margin-bottom: 10px;
    }
    .about-text a {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .section-title {
        width: 80%;
    }
    .section-title h1 {
        font-size: 32px;
    }
    .our-team-section .section-title h1 {
        margin-bottom: 15px;
    }
    .lg-mb-0 {
        margin-bottom: 0;
    }
    .tn-ctat1-button-wrap {
        justify-content: start;
    }
    .cta-button {
        margin-top: 0;
    }
    .c-row {
        flex-direction: column;
    }
    .testimonial-content {
        width: 100%;
    }
    .testimonial-text p {
        margin-right: 0;
    }
    .testimonial-wrapper::before {
        font-size: 510px;
        right: 40%;
        top: -70px;
    }
    .testimonial-img {
        margin: 150px auto 0;
        width: 100%;
        text-align: center;
    }
    .testimonial-active .owl-nav div.owl-prev {
        left: 53%;
    }
    .testimonial-active .owl-nav div.owl-next {
        left: 43%;
    }
    .video-wrapper {
        margin-top: 0;
        margin-left: 0;
    }
    .video-section .section-title p {
        margin-top: 0;
    }
    .video-section .section-title h1 {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .contact-bg {
        padding: 20px 20px 0 20px;
    }
    
    div#appointment-form-page {
        padding: 0;
    }
    .blog-section {
        padding: 120px 0 40px 0;
    }
    div#nav_menu-3 {
        padding-left: 0;
    }
    .footer-3-bottom {
        margin-top: 25px;
    }
    .single-blog {
        padding: 32px 26px 20px 20px;
    }
    .brand-section {
        padding: 0px 0px 70px 0px;
    }
    .about-wrapper-box {
        padding-left: 0;
    }
    .choose-img img.auto-width-img {
        width: 100%;
    }
    .map-img {
        text-align: center;
    }
    .map-img img {
        width: 60%;
    }
    .about-us-2-img {
        position: unset;
        right: auto;
        top: 235px;
        left: 250px;
    }
    .about-us-img {
        padding-right: 0;
    }
    .service-video-container {
        width: 100%;
    }
    .team-page .our-team-section .section-title {
        width: 70%;
        margin: 0 auto 70px;
    }
    .service-video-container .service-video-thumbnail, .service-video-container video {
        height: 400px;
        object-fit: cover;
    }
    .postbox__video img.auto-width-img {
        width: 100%;
    }
    .postbox__thumb.mb-30 a img.auto-width-img {
        width: 100%;
    }
    .counter-section .projectFactsWrap .item p.number {
        font-size: 48px;
    }
    .about-us-page .who-we-are-section,
    .contact-details-section-2 {
        padding: 70px 0;
    }
    .team-page .cta-widget-container {
        padding: 90px 0px 75px 0px;
    }
    .about-me img {
        margin-bottom: 15px;
    }
    .gallery-area .section-title h1 {
        margin-top: 5px;
        margin-bottom: 25px;
    }
    .casestudy-page .portfolio-menu.mb-30 {
        margin-bottom: 0;
    }
    .casestudy-page .gallery-area .container .row.mb-40.align-items-end {
        margin-bottom: 0;
    }
    .contact-us-page .contact-section-2 {
        padding: 40px;
    }
    .gallery-layout-bg {
        padding: 75px 30px 84px 30px;
    }
    .case-details-content {
        margin-left: 0;
        margin-top: 0;
    }
    #portfolio-grid .grid-item {
        width: 50% !important;
    }
    .portfolio-menu button {
        margin-right: 12px;
        font-size: 14px;
    }
    .who-we-are-section {
        padding: 35px 0px 100px 0px;
    }
    .about-us-img .about-us-img-1{
        display: none;
    }
}

@media (max-width: 769px) {
    .pt-70 {
        padding-top: 35px;
    }
    .pb-70 {
        padding-bottom: 35px;
    }
    .py-70 {
        padding: 35px 0;
    }
    .hero-section .slide-content {
        top: 50%;
    }
    .slider-video.text-md-end {
        bottom: 20%;
        transform: translate(0px, 0px);
    }
    .hero-section .slide-content h1 {
        margin-bottom: 15px;
    }
    .hero-section .slide-content p {
        margin-right: 0;
    }
    .about-img img {
        width: 100%;
    }
    .service-area-section {
        padding: 60px 0px 30px 0px;
    }
    .cta-widget-container {
        padding: 60px 0px 30px 0px;
    }
    .cta-text h1 {
        font-size: 32px;
    }
    .project-text {
        padding: 20px 40px 26px 40px;
    }
    .project-area .section-title h1 {
        margin-bottom: 20px;
    }
    .testimonial-section .section-title h1 {
        margin-bottom: 15px;
    }
    .testimonial-text h4 {
        margin-top: 20px;
    }
    .testimonial-active .owl-nav div {
        bottom: -70px;
    }
    .testimonial-img {
        margin: 100px auto 0;
    }
    .projectFactsWrap .item {
        flex: 0 0 50%;
    }
    .counter-section .projectFactsWrap .item i {
        margin-top: 55px;
    }
    .counter-section .projectFactsWrap .item p.number {
        margin-top: 0;
    }
    .counter-section .projectFactsWrap .item:first-child i { 
        margin-top: 0;
    }
    .counter-section .projectFactsWrap .item:nth-child(2) i { 
        margin-top: 0;
    }
    .pt-130 {
        padding-top: 70px;
    }
    .blog-section {
        padding: 60px 0 30px 0;
    }
    .blog-section .section-title h1 {
        margin-bottom: 0;
    }
    .news-letter-section .newsletter-area {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .footer-3-bottom {
        margin-top: 0;
    }
    .choose-section .choose-bg {
        margin-left: 25px;
        margin-right: 25px;
    }
    .team-page .our-team-section .section-title {
        width: 80%;
        margin: 0 auto 70px;
    }
    .contact-us-page .contact-section-2 {
        padding: 60px 0px 30px 0px;
    }
    .header-info {
        display: none;
    }
    .header-top-area .f-right {
        width: 100%;
        display: flex;
        justify-content: end;
        margin-left: 0;
        order: 2;
    }
    .header-top-area .header-icon {
        justify-content: start;
        order: 1;
    }
    .section-title h1 {
        margin-top: 10px;
    }
    .about-img {
        margin-bottom: 15px;
    }
    .about-us-page .who-we-are-section {
        padding: 70px 0 30px 0;
    }
    .about-us-page .brand-section {
        padding: 70px 0;
    }
    .breadcrumb-inner>.page-title {
        font-size: 48px;
    }
    .team-page .section-title h1 {
        font-size: 38px;
    }
    .choose-section {
        padding: 70px 0;
    }
    .about-us-page .services-section {
        padding: 0 0 35px 0;
    }
    .client-area.testimonial-section {
        padding: 50px 0 30px 0;
    }
    div#media_image-2 {
        margin-bottom: 0;
    }
    .blog-page-section {
        padding: 40px 0;
    }
    .about-us-page .breadcrumb-inner>.page-title {
        font-size: 36px;
    }
    .gallery-area {
        padding: 40px 0;
    }
    .contact-us-page .contact-section-2 {
        padding: 20px 0px 30px 0px;
    }
    #portfolio-grid .grid-item {
        width: 100% !important;
    }
    .portfolio-menu {
        display: flex;
        flex-direction: column;
    }
    .portfolio-menu button {
        text-align: start;
        margin-bottom: 20px;
    }
}

@media (max-width: 670px) {
    .project-text {
        padding: 20px 20px 20px 20px;
    }
    .project-text h3 {
        font-size: 22px;
    }
    .video-icon a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
    div#appointment-form-page {
        padding: 0 20px;
    }
    .footer-area {
        padding-top: 60px;
    }
    .newsletter-form.subs-style-1 .newsletter-form p {
        display: flex;
        flex-direction: column;
    }
    .newsletter-form.subs-style-1 .newsletter-form p input {
        width: 100%;
    }
    .newsletter-form.subs-style-1 .newsletter-form p button.btn {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media (max-width: 586px) {
    .slider-video.text-md-end {
        bottom: 20%;
    }
    .testimonial-active .owl-nav div.owl-prev {
        left: 55%;
    }
    .testimonial-active .owl-nav div.owl-next {
        left: 40%;
    }
    .news-letter-section .newsletter-form form input {
        flex: auto;
        width: 100%;
        margin-bottom: 15px;
    }
    .news-letter-section .newsletter-form form {
        flex-direction: column;
    }
    .news-letter-section .newsletter-form button.btn {
        margin-left: 0;
    }
    .news-letter-section .newsletter-text h1 {
        font-size: 24px;
    }
    .team-page .our-team-section .section-title {
        width: 100%;
        margin: 0 auto 30px;
    }
    .team-page .section-title h1 {
        font-size: 32px;
    }
}

@media (max-width: 576px) {
    .slider-video.text-md-end {
        bottom: 12%;
    }
    div#nav_menu-3 {
        padding-left: 0;
    }
    .about-us-2-img {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        width: 100%;
    }
    .about-us-img {
        padding-right: 0;
    }
    .about-us-img img.auto-width-img,
    .about-inner-img img.auto-width-img {
        width: 100%;
    }
    .service-section,
    .about-us-page .who-we-are-section {
        padding: 60px 0px 30px 0px;
    }
    .section-title {
        width: 100%;
        text-align: start;
    }
    .services-part .border-left-1 {
        left: 0;
        margin-left: 0 !important;
    }
    .services-part .border-right-1 {
        margin-left: 0 !important;
    }
     .services-part .section-title>span {
        margin-left: 10px;
    }
    .project-area .border-left-1 {
        left: 0;
        margin-right: 15px;
    }
    .counter-section .projectFactsWrap .item i {
        font-size: 36px;
    }
    .counter-section .projectFactsWrap .item p.number {
        font-size: 40px;
    }
    .video-section .video-wrapper {
        margin-top: 20px;
        margin-left: 0;
    }
    .video-area {
        padding-bottom: 580px;
    }
    div#appointment-form-page {
        padding: 0 0px;
    }
    .hero-section .slide-content h1 {
        font-size: 46px;
    }
    .team-text {
        padding: 20px 20px 20px 20px;
    }
    .about-us-2-img {
        margin-top: 15px;
    }
    .about-us-page .brand-section {
        padding: 40px 0;
    }
    .blog-title {
        font-size: 32px;
    }
    .about-us-page .breadcrumb-inner>.page-title {
        font-size: 32px;
    }
    .post-text blockquote p, blockquote p {
        font-size: 18px;
    }
    .portfolio-img .portfolio-text.bdevs-box-content h3 {
        font-size: 20px;
        margin-top: 10px;
    }
}

@media (max-width: 475px) {
    a.navbar-brand.d-flex.align-items-center img {
        width: 60px;
    }
    .navbar-expand-lg {
        top: 0;
    }
    .hero-section .slide-content h1 {
        font-size: 46px;
    }
    .hero-section .slide-content {
        padding: 30px 15px;
    }
    .slider-video a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .pt-130 {
        padding-top: 40px;
    }
    section.hero-section.video-section {
        margin-top: 79px;
    }
    .video-section,
    .news-section-img,
    .video-custom,
    .video-custom .poster-img,
    .hero-section::after {
        height: 30vh;
    }
    .play-pause.popup-video.bdevs-el-video {
        top: 40%;
        right: 56%;
    }
    .video-custom .play-btn, .video-custom .pause-btn {
        width: 40px;
        height: 40px;
    }
    .contact-area {
        margin-top: 587px;
    }
    .services-wrapper {
        padding: 20px;
    }
    .section-title>span {
        font-size: 18px;
    }
    .services-img img {
        width: 60px;
    }
    .service-section .services-text h3 {
        font-size: 13px;
    }
    .service-section .services-text p {
        line-height: 20px;
        font-size: 10px;
    }
    .service-section .services-text a {
        padding: 6px 0px;
        font-size: 10px;
    }
    .tn-footer-logo-desc p {
        padding-right: 0;
    }
    .section-title h1,
    .about-text h1,
    .cta-text h1 {
        font-size: 22px;
    }
    .section-title>span,
    .about-area-section .about-text p:first-child {
        font-size: 18px;
    }
    .about-text p, .about-content p {
        font-size: 13px;
        line-height: 24px;
    }
    .about-text a {
        font-size: 12px;
    }
    .testimonial-text p {
        font-size: 14px;
        line-height: 24px;
    }
    .tn-footer-logo-desc p {
        font-size: 13px;
        line-height: 24px;
    }
    .footer-logo a img {
        width: 70px;
    }
    .team-text h4 {
        font-size: 16px;
    }
    .team-text span {
        font-size: 12px;
    }
    .tn-solid-btn {
        padding: 10px 40px;
    }
    .testimonial-img img {
        max-width: 60%;
    }
    .about-img img {
        height: 260px;
        object-fit: cover;
        object-position: top;
    }
    .about-1-img img {
        margin-top: 10px;
        height: 70px;
        object-fit: contain;
        width: 100%;
    }
    .brand-section .brand-active.owl-carousel .owl-item img {
        height: 70px;
        width: 70px;
    }
    section.brand-section.pt-70 {
        padding: 35px 0 !important;
    }
}

@media (max-width: 426px) {
    .hero-section .slide-content {
        top: 40%;
    }
    .slider-video.text-md-end {
        bottom: 22%;
    }
    .section-title {
        width: 100%;
    }
    .section-title h1 {
        margin-bottom: 30px;
    }
    .cta-button {
        flex-direction: column;
        align-items: self-start;
    }
    .cta-link {
        margin-left: 0;
        margin-top: 20px;
    }
    .cta-text {
        margin-bottom: 15px;
    }
    .testimonial-active .owl-nav div.owl-prev {
        left: 53%;
    }
    .testimonial-active .owl-nav div.owl-next {
        left: 30%;
    }
    .testimonial-wrapper::before {
        right: 22%;
        top: -15px;
    }
    div#appointment-form-page {
        padding: 0 15px;
    }
    .client-say-text {
        padding: 10px 20px 30px 20px;
    }
    .client-say-text p {
        line-height: 24px;
        font-size: 15px;
    }
    .about-us-page .breadcrumb-inner>.page-title {
        font-size: 28px;
    }
    
}

@media (max-width: 390px) {
    .hero-section .slide-content h1 {
        font-size: 32px;
    }
    .hero-section .slide-content p {
        font-size: 16px;
        line-height: 26px;
        color: var(--white);
        margin-right: 0;
        margin-bottom: 40px;
    }
    .slider-video.text-md-end {
        left: 25px;
    }
}

@media (max-width: 320px) {
    .slider-video.text-md-end {
        bottom: 9%;
    }
}