/*responsive*/

@media only screen and (min-width: 1366px) and (max-width: 1920px) {}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .banner_text h1 {
        font-size: 97px;
    }
    .banner_text p {
        font-size: 16px;
    }
    .work-txt {
        height: 350px;
    }
    .service-img img {
        height: 300px;
    }
    .servic-txt {
        padding: 20px 20px;
    }
    .testio-box p {
        width: 90%;
        line-height: 30px;
    }
    .testimon-reply {
        padding: 20px 30px;
    }
    .inner-banner-txt h1 {
        font-size: 60px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    html {
        overflow-x: hidden;
    }
    ul#menu {
        margin-left: -60px;
        margin-top: 0;
    }
    .nav-btn a.btn1 {
        padding: 0 45px !important;
        width: fit-content;
    }
    .nav-btn {
        margin-top: 0;
    }
    .banner_text h1 {
        font-size: 82px;
    }
    .banner_text p {
        font-size: 16px;
    }
    .banner_img img {
        height: 500px;
    }
    img.hm-baner-imag {
        height: 750px;
    }
    img.about-imag-1 {
        object-position: 0 center;
    }
    .about-img2 {
        bottom: 0%;
    }
    section.about-sec {
        padding: 80px 0 100px;
    }
    .work-txt p {
        font-size: 14px;
        line-height: 22px;
    }
    .service-slider .slick-slide {
        margin: 0 12px;
    }
    .service-img img {
        height: 250px;
    }
    .servic-txt {
        padding: 20px 10px 10px;
    }
    .testiomal-sec {
        padding: 70px 0;
    }
    section.service-sec {
        padding: 70px 0;
    }
    .testio-box {
        padding: 20px 0px;
    }
    .testio-box p {
        width: 90%;
        font-size: 14px;
        line-height: 26px;
        padding-right: 50px;
    }
    .testio-box::after {
        right: 5%;
    }
    .testimon-reply {
        padding: 20px;
        width: 90%;
    }
    .testio-box .d-flex {
        width: 125px;
        position: relative;
        right: 10%;
    }
    .footerSec .col-lg-3.col-md-5.col-12 {
        margin-left: -100px;
        width: 34%;
    }
    .footer-logo {
        width: 90%;
    }
    .inner-banner-txt h1 {
        font-size: 60px;
    }
    .about-txt h3 {
        font-size: 40px;
    }
    .about-txt p {
        font-size: 12px;
        line-height: 23px;
        font-weight: 400;
    }
    .training-page .calendar {
        padding: 0;
    }
    .training-page .calendar table thead th {
        font-size: 15px;
    }
    .training-page .calendar h1 {
        font-size: 20px;
    }
    .training-page .calendar table tbody td {
        height: 100px;
    }
    .detai-s .row {
        gap: 10px;
    }
    .Leave-wrap button {
        width: fit-content;
    }
    .Leave-wrap {
        padding: 40px 30px;
    }
    .captcha {
        width: fit-content;
    }
    .text {
        font-size: 13px;
        width: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* header {
        position: relative;
    } */
    .menuSec ul li a {
        padding: 0px 10px;
        font-size: 11px;
        /* color: #004a98; */
    }
    .nav-btn {
        margin-top: 0;
    }
    ul#menu {
        margin-top: 0;
    }
    html {
        overflow-x: hidden;
    }
    .nav-btn a {
        width: fit-content;
        padding: 0 20px;
    }
    .menuSec {
        padding: 10px 0;
    }
    .banner_text h3 {
        font-size: 28px;
        margin: 0;
    }
    .banner_text h1 {
        font-size: 34px;
    }
    .banner_text h2 {
        font-size: 30px;
    }
    .banner_text h6 {
        font-size: 12px;
        margin: 0 0 10px;
    }
    .banner_text p {
        font-size: 11px;
        line-height: 1.5;
        margin: 0 0 10px;
    }
    .banner-btn a {
        margin: 0 10px 0 0;
    }
    .banner_img img {
        height: 290px;
    }
    .play-btn {
        top: 80px;
    }
    .about-txt h6:before {
        left: -17%;
    }
    .about-img img {
        width: 100%;
        object-position: center;
    }
    img.hm-baner-imag {
        height: 500px;
    }
    .about-txt h3 {
        font-size: 30px;
    }
    .about-txt p {
        font-size: 14px;
        line-height: 24px;
    }
    .about-img2 {
        width: 500px;
        left: 0;
        right: auto;
    }
    .work-txt i {
        font-size: 30px;
    }
    .work-txt h4 {
        font-size: 20px;
    }
    .work-txt p {
        font-size: 12px;
        line-height: 22px;
    }
    .work-txt {
        height: 310px;
    }
    .work-img img {
        height: 600px;
    }
    section.service-sec {
        padding: 60px 0;
    }
    .service-slider .slick-slide {
        margin: 0 12px;
    }
    .service-img img {
        height: 220px;
        border-radius: 15px 15px 0 0;
    }
    .servic-txt {
        padding: 20px 10px 10px;
    }
    .servic-txt h4 {
        font-size: 18px;
    }
    .servic-txt p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .testiomal-sec {
        padding: 60px 0;
    }
    .testiomal-sec h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .testio-box ul li h6 {
        margin-bottom: 0;
    }
    .testio-box {
        padding: 20px 0px;
    }
    .testio-box::before {
        width: 100%;
    }
    .testio-box p {
        width: 90%;
        font-size: 12px;
        line-height: 20px;
        padding-right: 30px;
    }
    .testio-box::after {
        width: 30px;
        height: 30px;
        font-size: 15px;
        right: 0;
    }
    .testimon-reply {
        padding: 10px 15px;
    }
    .testimon-reply .user-repl p {
        padding-right: 0;
    }
    .testio-box .d-flex {
        position: relative;
        right: 5%;
    }
    .linkList li a {
        font-size: 13px;
    }
    .footer-logo {
        width: 100%;
    }
    .footer-logo p {
        font-size: 13px;
        line-height: 22px;
    }
    .tetsiomal-sli .slick-slide {
        margin: 0 12px;
    }
    section.inner-baner-sec {
        height: 350px;
    }
    section.inner-baner-sec .inner-banner-txt {
        top: 0;
    }
    .inner-banner-txt h1 {
        font-size: 50px;
    }
    section.about-inner .about-img2 {
        width: fit-content;
        position: relative;
        height: 260px;
    }
    section.about-inner .about-img2 img {
        height: 100%;
        object-fit: cover;
    }
    section.about-inner .about-txt {
        margin-top: 0;
    }
    section.team-sec {
        padding: 60px 0;
    }
    .training-page .calendar {
        padding: 0;
    }
    .training-page .calendar h1 {
        font-size: 20px;
    }
    .training-page .calendar table thead th {
        font-size: 14px;
        width: 14%;
    }
    .training-page .calendar table tbody td {
        height: 80px;
    }
    .Leave-wrap {
        padding: 30px 15px;
        height: auto;
    }
    .contact-us-pg h3 {
        font-size: 28px;
        margin-bottom: 0;
    }
    .captcha {
        width: 100%;
    }
    .Leave-wrap button {
        width: fit-content;
    }
}

@media (max-width: 767px) {
    .carousel-inner img {
        height: 550px;
    }
    header {
        position: relative;
    }
    .nav-btn {
        margin-top: 26px;
        margin: 10px auto;
        display: flex;
        align-items: center;
        justify-content: end;
    }
    a.btn1 {
        width: 150px;
        font-size: 12px;
    }
    .banner-btn a {
        margin: 0px 10px 0 0;
    }
    .banner_img img {
        width: 100% !important;
        height: 160px !important;
        margin: 10px 0;
    }
    .banner_text h2 {
        font-size: 36px;
    }
    .banner_text h1 {
        font-size: 40px;
    }
    .banner_text h3 {
        font-size: 40px;
        margin: 0 0 10px;
    }
    .banner_text h6 {
        font-size: 12px;
        margin: 0 0 10px;
    }
    .banner_text p {
        font-size: 11px;
        margin: 0 0 10px;
    }
    .play-btn i {
        width: 60px;
        height: 60px;
        font-size: 18px;
    }
    .play-btn {
        top: 60px;
        right: 0;
        left: 0;
    }
    .about-img img {
        height: 350px;
        width: 100%;
    }
    .about-img2 img {
        height: auto !important;
        width: 100% !important;
        border: 4px solid #fff;
    }
    .about-txt h6:before {
        left: -10%;
    }
    h3 {
        font-size: 34px;
        margin: 0 0 20px;
    }
    p {
        font-size: 11px;
        line-height: 16px;
        margin: 0 0 16px;
    }
    section.about-sec {
        padding: 50px 0;
    }
    h4 {
        font-size: 18px;
        margin: 0 0 10px;
    }
    .work-txt:nth-child(2) {
        margin-top: 30px;
    }
    section.schdule-sec {
        padding: 20px 0;
    }
    .work-img img {
        height: 240px;
        margin: 0 0 20px;
    }
    section.service-sec {
        padding: 50px 0;
    }
    h6 {
        font-size: 12px;
        margin: 0 0 10px;
    }
    .service-img img {
        height: 300px;
        object-position: top;
    }
    .servic-txt {
        padding: 16px 14px;
    }
    section.over-working-sec {
        padding: 20px 0;
    }
    .over-rating img {
        margin-bottom: 0;
    }
    .over-rating h2 {
        font-size: 40px;
        margin: 10px 0;
    }
    .over-rating:nth-child(2) {
        margin-top: 30px;
    }
    .over-rating {
        margin: 0 0 15px;
    }
    section.choose-sec {
        padding: 20px 0;
    }
    .choose-list:before {
        content: '';
        position: absolute;
        background: #004b99;
        width: 2px;
        height: 320px;
        top: 10%;
        left: 24px;
        z-index: -1;
    }
    .choose-txt ul li:first-child {
        width: 20%;
    }
    .choose-list:before {
        height: 318px;
        top: 13%;
        left: 25px;
        z-index: -1;
    }
    .choose-img img {
        height: 330px;
    }
    .portofilo-sec {
        padding: 20px 0;
    }
    .p-box-img img {
        height: 300px;
        object-fit: cover;
        width: 100%;
    }
    .portoflio-box .p-box-txt h3 {
        font-size: 16px;
        line-height: 1;
    }
    .portofilo-sec h3 {
        line-height: 1;
    }
    .testiomal-sec h2 {
        font-size: 40px;
        line-height: 1;
        margin: 0 0 20px;
    }
    .testiomal-sec h5 {
        font-size: 12px;
    }
    .testio-box {
        padding: 0;
    }
    .testio-box p {
        font-size: 11px;
        line-height: 25px;
        width: 90%;
        padding-right: 50px;
    }
    .testio-box::before {
        top: 18%;
        height: 89%;
        width: 100%;
    }
    .testio-box ul li h5 {
        margin-bottom: 12px;
    }
    .testio-box ul li img {
        margin-right: 0;
        width: 80%;
    }
    .testio-box::after {
        right: 0;
        top: 18%;
    }
    .footerSec {
        background-color: #004a98;
        width: 100%;
        height: 100%;
        padding: 30px 0 0px;
    }
    section.inner-baner-sec img {
        height: 200px;
    }
    .inner-banner-txt h1 {
        font-size: 28px;
    }
    .captcha {
        width: 100%;
    }
    .Leave-wrap button {
        width: 40%;
    }
    .Leave-wrap {
        padding: 20px 20px;
    }
    .slicknav_nav a:hover {
        background: #004a98;
    }
    .menuSec .col-md-3.col-sm-6.col-xs-6 {}
    .menuSec .col-md-3.col-sm-6.col-xs-6,
    .menuSec .col-md-2.col-sm-6.col-xs-6.text-right {
        width: 50%;
    }
    .header-logo img {
        width: 50%;
    }
    .about-img2 {
        position: relative;
    }
    .about-txt {
        margin-top: 20px;
    }
    .work-txt {
        height: auto;
    }
    .testiomal-sec {
        padding: 50px 0;
    }
    .testio-box ul {
        margin-bottom: 20px;
    }
    .testimon-reply {
        padding: 3px 50px 2px 20px;
    }
    .footer-logo {
        margin-bottom: 40px;
    }
    .footerSec h5 {
        margin: 30px 0 20px;
    }
    section.inner-baner-sec {
        height: 180px;
    }
    section.inner-baner-sec .inner-banner-txt {
        top: 0;
    }
    section.about-inner {
        padding: 50px 0;
    }
    .team-img {
        width: 70%;
        margin: 0 auto;
        display: block;
        justify-self: center;
    }
    .main-headiung-calendar h2 {
        font-size: 30px;
        margin-bottom: 0;
        line-height: 40px;
    }
    .training-page .calendar h1 {
        font-size: 14px;
    }
    .training-page .calendar {
        padding: 0;
    }
    .training-page .calendar table thead th {
        font-size: 11px;
        width: fit-content;
    }
    .training-page .calendar table tbody td {
        font-size: 13px !important;
        height: 65px;
    }
    .tetsiomal-sli .slick-next:before,
    .service-slider .slick-next:before,
    .tetsiomal-sli .slick-prev:before,
    .service-slider .slick-prev:before {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .tetsiomal-sli .slick-next,
    .service-slider .slick-next {
        right: 0;
    }
}

@media (max-width: 519px) {
    .carousel-inner img {
        height: 550px;
    }
    header {
        position: relative;
    }
    .nav-btn {
        margin-top: 26px;
        margin: 10px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    a.btn1 {
        width: 150px;
        font-size: 12px;
    }
    .banner-btn a {
        margin: 0px 10px 0 0;
    }
    .banner_img img {
        width: 100% !important;
        height: 250px !important;
        margin: 10px 0;
    }
    .banner_text h2 {
        font-size: 36px;
    }
    .banner_text h1 {
        font-size: 40px;
    }
    .banner_text h3 {
        font-size: 40px;
        margin: 0 0 10px;
    }
    .banner_text h6 {
        font-size: 12px;
        margin: 0 0 10px;
    }
    .banner_text p {
        font-size: 11px;
        margin: 0 0 10px;
    }
    .play-btn i {
        width: 60px;
        height: 60px;
        font-size: 18px;
    }
    .play-btn {
        top: 60px;
        right: 0;
        left: 0;
    }
    .about-img img {
        height: 350px;
        width: 100%;
        object-position: top;
    }
    .about-img2 img {
        height: auto !important;
        width: 100% !important;
        border: 4px solid #fff;
    }
    .about-txt h6:before {
        left: -18%;
    }
    h3 {
        font-size: 34px;
        margin: 0 0 20px;
    }
    p {
        font-size: 11px;
        line-height: 22px;
        margin: 0 0 16px;
        font-weight: 500;
    }
    section.about-sec {
        padding: 20px 0 20px;
    }
    h4 {
        font-size: 18px;
        margin: 0 0 10px;
    }
    .work-txt:nth-child(2) {
        margin-top: 30px;
    }
    section.schdule-sec {
        padding: 20px 0;
    }
    .work-img img {
        height: 240px;
        margin: 0 0 20px;
    }
    section.service-sec {
        padding: 20px 0;
    }
    h6 {
        font-size: 12px;
        margin: 0 0 10px;
    }
    .service-img img {
        height: 250px;
    }
    .service-slider .slick-slide {
        margin: 0;
    }
    .servic-txt {
        padding: 16px 14px;
    }
    section.over-working-sec {
        padding: 20px 0;
    }
    .over-rating img {
        margin-bottom: 0;
    }
    .over-rating h2 {
        font-size: 40px;
        margin: 10px 0;
    }
    .over-rating:nth-child(2) {
        margin-top: 30px;
    }
    .over-rating {
        margin: 0 0 15px;
    }
    section.choose-sec {
        padding: 20px 0;
    }
    .choose-list:before {
        content: '';
        position: absolute;
        background: #004b99;
        width: 2px;
        height: 320px;
        top: 10%;
        left: 24px;
        z-index: -1;
    }
    .choose-txt ul li:first-child {
        width: 20%;
    }
    .choose-list:before {
        height: 318px;
        top: 13%;
        left: 25px;
        z-index: -1;
    }
    .choose-img img {
        height: 330px;
    }
    .portofilo-sec {
        padding: 20px 0;
    }
    .p-box-img img {
        height: 300px;
        object-fit: cover;
        width: 100%;
    }
    .portoflio-box .p-box-txt h3 {
        font-size: 16px;
        line-height: 1;
    }
    .portofilo-sec h3 {
        line-height: 1;
    }
    .testiomal-sec h2 {
        font-size: 30px;
        line-height: 1;
        margin: 0 0 20px;
    }
    .testiomal-sec h5 {
        font-size: 12px;
    }
    .testio-box {}
    .testio-box p {
        font-size: 11px;
        line-height: 20px;
    }
    .testio-box::before {
        top: 22%;
    }
    .tetsiomal-sli .slick-slide {
        margin: 0 0;
    }
    .testio-box ul li h5 {}
    .testio-box ul li img {
        margin-right: 0;
        width: 80%;
    }
    .testio-box::after {
        right: 0;
        top: 22%;
    }
    .testimon-reply .user-repl p {
        padding-right: 0;
    }
    .footerSec {
        background-color: #004a98;
        width: 100%;
        height: 100%;
        padding: 30px 0 0px;
    }
    section.inner-baner-sec img {
        height: 200px;
    }
    .inner-banner-txt h1 {
        font-size: 28px;
    }
    ul.working-list {
        margin: 0 30px;
    }
    .service-img {
        margin: 10px 0;
    }
    .contact-us-pg h3 {
        font-size: 26px;
    }
    .Leave-wrap {
        padding: 18px 8px;
        height: auto;
    }
    .detai-s i {
        width: 40px;
        height: 40px;
        font-size: 18px;
        margin: 0 0 0 -11px;
    }
    .detai-s a {
        font-size: 13px;
        line-height: 18px;
    }
    .captcha {
        width: 100%;
    }
    .text {
        font-size: 0.75em;
        font-weight: 500;
        margin-right: 1em;
    }
    .Leave-wrap button {
        width: 50%;
    }
    .training-page .calendar table {
        width: 600px;
        border-collapse: collapse;
    }
}