@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1699.98px) {
    .slide {
        height: 81vh;
    }
    .carousel-inner>.item {
        height: 81vh;
    }
    .carousel.slide img.sliderImg {
        min-height: 626px;
    }
}

@media (max-width: 1399px) {
    .navbar-nav li {
        margin-right: 0px;
    }
    .slide {
        height: 76vh;
    }
    .carousel-inner>.item {
        height: 76vh;
    }
}

@media only screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .navbar-right .dropdown-menu {
        right: auto;
        left: 0;
    }
}
@media only screen and (max-width: 1200px) {
    .tz-qualification {
        padding: 98px 0 20px 40px !important
    }
    .tz-structure {
        padding: 60px 0 40px 60px !important;
    }
    .carousel.slide img.sliderImg {
        min-height: 632px;
    }
    .carousel-caption h3 {
        font-size: 46px;
    }
    .tz-intro {
        padding: 60px 0;
    }
    .tz-main {
        margin-bottom: 40px;
    }
    .tz-training [class*="col-"] {
        margin-bottom: 50px;
    }
    .slide {
        height: 82vh;
        margin-top: 90px;
    }
}
@media only screen and (max-width: 1100px) {
    .carousel-inner>.item {
        height:82vh;
    }
    .tz-border.white {
        padding: 40px 30px 0 10px !important;
    }
    .tz-border.blue {
        padding: 40px 30px 0 30px !important;
    }
    #background-video {
        left:-15%;
        top:-10%;
    }
    .tz-intro .tz-services .tz-services-text .learn-more {
        bottom: 30px;
    }
    .timeline:before {
        height: 98%;
        top: 10px;
    }
    .timeline__midpoint {
        top: -36px;
    }
    .tz-intro .clients h4.section-title {
        margin-top: 40px;
    }
    .content-2-8 .image-container, .tz-over-text {
        height: 80vh !important;
    }
    .tz-main-paragraph {
        bottom: 30;
    }
    .tz-intro.tz-child-page {
        padding: 60px 0 80px;
    }
    .navbar-nav li {
        margin-right: 0px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
    }
    .navbar-brand>img {
        width: 250px;
    }
    .navbar-nav li {
        margin-bottom: 0px;
        padding: 5px 5px;
    }
}
@media only screen and (max-width: 992px) {
    .carousel-inner>.item {
        height:auto;
    }
    .tz-inner-text h2 {
        font-size: 38px;
    }
    .tz-qualification {
        padding: 65px 0 85px 30px !important
    }
    .tz-structure {
        padding: 60px 0 40px 30px !important;
    }
    .carousel-inner .carousel-caption-text {
        width: 62%;
    }
    .carousel-caption h3 {
        font-size: 38px;
    }
    .tz-intro {
        padding: 50px 0 65px;
    }
    .tz-main {
        margin-bottom: 30px;
    }
    .carousel.slide img.sliderImg {
        min-height: 50vh;
    }
    .navbar-header {
        margin-right: 15px;
    }
    .tz-intro h1, .tz-main-paragraph h1, .block h1 {
        font-size: 38px;
    }
    .tz-inner-title {
        padding: 30px 0 15px;
    }
    .tz-book.tz-contact {
        padding: 0px;
    }
    .tz-book h4 {
        padding: 0px;
    }
    .tz-intro .tz-services .tz-services-text h4 {
        font-size: 30px;
    }
    .btn.btn-blue {
        font-size: 20px;
    }
    .tz-intro .tz-services p {
        max-width: 100%;
    }
    .tz-intro.tz-sidebar {
        margin-top: 40px;
    }
    .navbar-default .navbar-brand {
        padding: 10px 0px 15px 15px;
    }
    .tz-services .tz-services-img img {
        width: 100%;
    }
    .tz-services .pad-left {
        padding: 0 15px !important;
    }
    .tz-services .tz-services-text {
        margin-bottom: 30px;
    }
    .tz-intro .tz-services.tz-services1{
        margin-bottom: 0;
    }
    .tz-services-img .reveal-holder {
        display: block;
    }
    .tz-services:nth-child(2n+1) .tz-services-img {
        padding-right: 15px !important;
    }
    .inner-page-body, .content-2-8 {
        margin-top: 70px;
    }
    .content-2-8 .image-container, .tz-over-text {
        height: 70vh !important;
    }
    .slide {
        height: 70vh;
        margin-top: 88px;
    }
    .navbar-nav {
        margin-top: 15px;
    }
    #counter .item {
        margin-bottom: 30px;
    }
    .mobile-view {
        display: block;
    }
    .desk-view {
        display: none;
    }
}

@media (max-width: 991px) {
    .slide {
        height: 50vh;
        margin-top: 88px;
    }
}
@media only screen and (max-width: 767px) {
    .tz-black-bg1 {
        background: transparent;
    }
    .carousel-inner>.item {
        height:480px;
    }
    .tz-commercial-bg {
        height: 50%;
    }
    .tz-inner-page .navbar-default {
        margin: 4px 0 6px;
        min-height: 70px;
    }
    .navbar-default .navbar-toggle {
        margin-top: 15px;
        margin-right: 0px;
        background: transparent;
        border: none;
    }
    .affix .navbar-default .navbar-toggle {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .navbar-collapse {
        margin-top: 15px;
    }
    .carousel-inner .carousel-caption-text {
        width: 68%;
    }
    .navbar-nav {
        margin-bottom: 10px;
    }
    .navbar.navbar-default .navbar-nav>li {
        margin: 0px;
        padding: 0px;
    }
    .navbar.navbar-default .navbar-nav>li>a {
        padding: 10px 0;
    }
    .navbar-default .navbar-collapse {
        background: #00BBFF;
        text-align: center;
    }
    .tz-training h4 br {
        display: none;
    }
    .tz-intro {
        padding: 30px 0 40px;
    }
    .tz-main {
        margin-bottom: 25px;
    }
    .tz-intro h4, .timeline__content .timeline__year {
        font-size: 26px;
    }
    .tz-intro h4:after {
        margin-top: 10px;
    }
    .tz-book h4 {
        font-size: 30px;
    }
    .tz-inner-text {
        background: linear-gradient(to bottom, #fff 0%, #fff 45%, #fafafa 45%, #fafafa 0%) !important;
    }
    .tz-qualification {
        padding: 30px 15px 0px 15px !important
    }
    .tz-intro.tz-child-page {
        padding: 0px 0 80px;
    }
    .tz-structure {
        padding: 60px 15px 40px 15px !important;
    }
    .tz-over-text {
        height: 480px !important;
    }
    .tz-border.white {
        padding: 40px 15px 30px 15px !important;
    }
    .bg-gray {
        background: linear-gradient( to bottom, #fafafa 0%, #fafafa 50%, #ffffff 50%, #ffffff 100% );
    }
    .bg-gray:before {
        background: none;
    }
    .tz-border.blue {
        padding: 40px 15px 0 15px !important;
    }
    .social-links.text-right {
        text-align: left !important;
    }
    .tz-footer .social-links li {
        display: inline-block;
        margin: 15px 15px 0 0;
    }
    .tz-footer .tz-mar-60 {
        margin-bottom: 30px;
    }
    .tz-footer {
        padding: 40px 0 60px;
    }
    .tz-footer ul {
        margin-top: 30px;
    }
    .tz-services .tz-services-text.bg-gray-simple  {
        padding: 20px 30px 40px !important;
    }
    .tz-services .tz-services-img  {
        padding-right: 15px !important;
    }
    .pad-left {
        padding-left: 15px !important;
    }
    .pad-right {
        padding-right: 15px !important;
    }
    .tz-services:nth-child(2n) .tz-services-img {
        padding-right: 15px;
    }
    .tz-services:nth-child(2n+1) .tz-services-img {
        padding-left: 15px;
    }
    .tz-services:not(:last-child) {
        margin-bottom: 30px;
    }
    .tz-book.tz-contact h4 {
        margin-bottom: 10px;
    }
    .tz-commercial-bg, .tz-private-bg, .tz-fight-bg, .tz-license-bg {
        background-position: center 0px;
        background-size: 120%;
    }
    .tz-intro .tz-services .tz-services-text h4 {
        font-size: 28px;
    }
    .btn.btn-blue {
        font-size: 18px;
    }
    .tz-inner-text h2, .tz-intro h2 {
        font-size: 28px;
    }
    .navbar.navbar-default .navbar-nav>li>a:hover, .navbar.navbar-default .navbar-nav>li>a:focus {
        border-bottom: 1px solid #00BBFF;
    }
    .navbar-header .navbar-toggle {
        padding: 10px 7px 10px 13px;
    }
    .navbar-toggle.collapsed {
        padding: 10px 0px 10px 10px;
    }
    .navbar-toggle .icon-bar {
        width: 30px;
        height: 3px;
        transition: all 0.2s;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar-toggle .top-bar {
        transform: rotate(45deg);
        transform-origin: 10% 10%;
    }
    .navbar-toggle .middle-bar {
        opacity: 0;
    }
    .navbar-toggle .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
    }
    .navbar-toggle.collapsed .top-bar {
        transform: rotate(0);
    }
    .navbar-toggle.collapsed .middle-bar {
        opacity: 1;
    }
    .navbar-toggle.collapsed .bottom-bar {
        transform: rotate(0);
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 5px;
        background-color: #fff;
    }
    .navbar.navbar-default .navbar-nav>li>a:hover, .navbar.navbar-default .navbar-nav>li>a:focus, .navbar.navbar-default .navbar-nav>li>a.active {
        border-bottom: 0px solid;
    }
    .affix .navbar-default .navbar-brand {
        padding: 8px 0px 15px 15px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        text-align: center;
        color:#000;
        padding: 5px 0;
        font-size: 16px;
    }
    .navbar-header {
        width: auto;
    }
    .navbar-right {
        width: 100%;
        margin: 10px 0;
    }
    .navbar-brand>img, header.affix .navbar-brand>img {
        width:200px;
    }
    .content-2-8 .tz-inner-text {
        height: auto;
    }
    .clients.owl-theme .item img {
        height: 60px;
    }
    .tz-training {
        display: block;
    }
    .tz-services .pad-right {
        padding-left: 15px !important;
    }
    .tz-intro .clients h4.section-title {
        margin-top: 25px;
    }
    .history, .tz-intro .history.clients h4.section-title  {
        margin-top: 0px;
    }
    .timeline  {
        margin-top: 30px;
    }
    .tz-training h4 {
        font-size: 22px;
    }
    .carousel-inner .carousel-caption {
        position: relative;
        padding: 0;
    }
    .carousel-inner .carousel-caption-text.banner-caption-text {
        width: 100%;
        padding: 5px 15px 15px 15px;
    }
    .carousel-caption h3.banner-main-title {
        font-size: 24px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .slide {
        height: 62vh;
        margin-top: 76px;
    }
    .banner-sub-title {
        text-align: left;
        font-size: 18px;
        width: 100%;
        text-shadow: none;
    }
    .scrolled .navbar-brand>img {
        width: 170px;
    }
    #counter .item {
        margin-bottom: 15px;
    }
    .tz-black-bg {
        height: 99%;
    }
    .g-5, .gy-5 {
        --bs-gutter-y: 1rem;
    }
    .g-5, .gx-5 {
        --bs-gutter-x: 1rem;
    }
    .board-director-main .card img {
        margin-bottom: 15px;
    }
    .history h3 {
        font-size: 28px;
    }
    .mobile-view {
        display: block;
    }
    .desk-view {
        display: none;
    }
    .blog-main-home .tz-services .tz-services-text {
        padding: 0px !important;
    }
}
@media only screen and (max-width: 600px) {
    .carousel.slide img.sliderImg {
        min-height: 40vh;
    }
    .carousel-inner .carousel-caption-text {
        padding:5px 30px 15px 30px;
        background-color: #00BBFF;
        float: none;
    }
    .carousel-caption h3 {
        text-align: left;
        font-size: 32px;
    }
    .carousel-inner>.item {
        height:auto;
    }
    .tz-intro h1, .tz-main-paragraph h1, .block h1 {
        font-size: 32px;
    }
    .tz-book h4 {
        padding: 0;
    }
    .tz-book.tz-video {
        height: auto;
    }
    .tz-video .vAligh {
        transform: none;
        -webkit-transform: none;
        top: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 18px;
    }
}
@media only screen and (max-width: 480px) {
    .carousel-inner .carousel-caption-text {
        padding:5px 30px 15px 30px;
        width: 100%;
    }
    .carousel-caption h3 {
        text-align: left;
    }
    .carousel-inner>.item {
        height:auto;
    }
    .carousel-caption h3 {
        font-size: 28px;
    }
    .carousel-inner .carousel-caption-text {
        background-color: #2f46a2;
    }
    .tz-intro .tz-services .tz-services-text .learn-more {
        position:relative;
        bottom: 0px;
    }
    .tz-intro h6 {
        font-size: 15px;
    }
}

@media (max-width: 430px) {
    .slide {
        height: 54vh;
    }
}

@media (max-width: 415px) {
    .slide {
        height: 56vh;
    }
}

@media (max-width: 390px) {
    .slide {
        height: 57vh;
    }
}

@media (max-width: 375px) {
    .slide {
        height: 62vh;
    }
}

@media (max-width: 350px) {
    .slide {
        height: 56vh;
    }
}