@media (max-width: 576px) {


    .home-section01 .card-block h1 {
        font-size: 16px;
    }
    .home-section01 .card-block p {
        font-size: 12px;
        line-height: 26px;
    }
    .home-section03 h2 {
        font-size: 16px;
    }
    .blue-box p {
        font-size: 12px;
        line-height: 28px;
    }
    
    
    }
    
    
    
    
    
    @media (min-width: 576px) and (max-width: 767.98px) { 
    
    #topbar.d-flex {
        display: block!important;
    }
    #topbar .d-flex {
        display: block!important;
    }
    #topbar .contact-info a {
        line-height: 1;
        color: #fff;
        transition: 0.3s;
        padding: 3px 4px;
        display: block;
    }
    
    
    }
    
    
    
    
    
    @media (max-width: 768px) {  
    
        .sub-banner{
            margin-top: 3.5em;
        }
    
    #topbar {
        font-size: 12.5px;
        height: auto;
        padding: 10px 0px;
    }
    #topbar .top-mobile{
        float: right;
    }
    #topbar.d-flex {
        display: block!important;
    }
    #topbar .d-flex {
        display: block!important;
    }
    #topbar .contact-info a {
        display: inline;
    }
    #header .logo img {
        max-height: 61px;
    }
    .home-main-slider-master {
        margin-top: 5em;
    }
    .home-main-slider-master {
        
        height: 300px;
    }
    .home-main-slider-master header .item{
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
    .home-section01 .card-block h1 {
        font-size: 20px;
    }
    .home-section01 {
        padding: 30px 0px 0px 0px;
    }
    section {
        padding: 30px 0px;
    }
    .home-section01 .card-block p {
        font-size: 13px;
    }
    .home-section01 .card-block {
        padding: 0em 0.8em;
    }
    .btn-primary {
        border: 1px solid #000;
        padding: 3px 4px;
        font-size: 13px;
    }
    .home-section02 h3 {
        font-size: 16px;
        color: #000;
        line-height: 28px;
    }
    .home-section03 h2 {
        font-size: 18px;
    }
    .home-section03 .flex-row {
        flex-direction: column!important;
    }
    #topalignright {
        text-align: center;
    }
    #topalignleft {
        text-align: center;
    }
    #alignleft {
        padding-top: 0em;
        padding-bottom: 1.6em;
        text-align: center;
    }
    .blue-box p {
        font-size: 13px;
        line-height: 33px;
    }
    #alignright {
        text-align: center;
    }
    .home-section04 .card-block h4 {
        font-size: 16px;
    }
    .home-section04 .card-block p {
        font-size: 13px;
    }
    .home-section04 .card-block ul li {
        font-size: 13px;
    }
    .home-section05 h3 {
        text-align: center;
        margin-bottom: 0.4em;
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 0.5em;
    }
    .box-services01 h4 {
        font-size: 15px;
        line-height: 28px;
    }
    .box-services01 {
        padding: 1em;
    }
    .box-services01 p {
        margin-bottom: 1em;
    }
    .home-section06 h2 {
        font-size: 18px;
    }
    .home-section06 .flex-row {
        flex-direction: column!important;
    }
    .home-section06 .card-header .card-title {
        font-size: 16px;
    }
    .home-section07 h3 {
        font-size: 16px;
    }
    #testi-content {
        margin-left: 0px;
        border-radius: 30px;
    }
    #testi-content h4 {
        font-size: 15px;
    }
    #testi-content h4 span {
        font-size: 13px;
        padding-top: 6px;
    }
    #testi-content h5 {
        font-size: 14px;
    }
    #testi-content ul li {
        font-size: 13px;
    }
    #testi-content ul {
        padding-left: 0rem;
    }
    #testi-content::before {
        display: none;
    }
    .home-section08 h3 {
        margin-bottom: 0.6em;
        font-size: 16px;
    }
    .home-section08 .aligner .item p {
        font-size: 13px;
    }
    .home-section08 .aligner .item h5 {
        font-size: 14px;
    }
    .home-section08 .aligner .item h5 span {
        color: #fff;
        font-size: 13px;
        padding-left: 10px;
    }
    .bottom-last .flex-row {
        flex-direction: column!important;
    }
    .bottom-last h4 {
        font-size: 16px;
    }
    .copyright-section p {
        font-size: 13px;
    }
    #footer .nowa {
        flex-wrap:wrap ;
      }
      .home-main-slider-master header .item .innner-txt{
        height: 100px;
        width: 300px;
        background-color: #03121cde;
        margin-bottom: 20px;
        border-radius: 20px;
        padding: 20px;
        font-size: xx-small;
        color: #fff;
      }
      .home-main-slider-master header .item .innner-txt h5{
        font-size: small;
      }
    .back-to-top {
        right: 5px;
        bottom: 0px;
        width: auto;
        height: auto;
    }
    .home-main-slider-master header .owl-nav .owl-prev .bi {
        font-size: 20px;
    }
    .home-main-slider-master header .owl-nav .owl-next .bi {
        font-size: 20px;
    }
    
    
    .about-section01 h1 {
        font-size: 20px;
    }
    .about-section01 p {
        font-size: 14px;
    }
    .about-section02 .card-block {
        font-size: 14px;
        line-height: 32px;
    }
    .about-section03 h2 {
        font-size: 20px;
    }
    .about-section03 p {
        font-size: 14px;
        line-height: 29px;
    }
    .about-section04 h3 {
        font-size: 20px;
    }
    .about-section05 h3 {
        font-size: 15px;
        line-height: 32px;
        text-align: justify;
    }
    .about-section06 h3 {
        margin-bottom: 0.6em;
        font-size: 20px;
        margin-top: 0em;
    }
    .float-img01 img {
        display: none;
    }
    .training-section01 h1 {
        font-size: 20px;
        width: auto;
    }
    .training-section01 p {
        font-size: 15px;
        line-height: 31px;
    }
    .training-section02 h3 {
        font-size: 18px;
    }
    .trainingbox01 h4 {
        font-size: 16px;
        margin-bottom: 0.6em;
        margin-top: 0.5em;
    }
    .trainingbox01 tr th {
        font-size: 13px;
    }
    .trainingbox01 tr td span {
        padding: 6px;
        font-size: 13px;
    }
    .training-section03 h3 {
        margin-bottom: 0.6em;
        font-size: 18px;
    }
    .training-section03 .card-block .card-text {
        font-size: 14px;
        line-height: 32px;
        text-align: justify;
    }
    .training-section04 h2 {
        margin-bottom: 0em;
        font-size: 20px;
    }
    .training-section04 .card-header {
        padding: 0.6em;
        text-align: center;
        margin: 0.5em 0;
    }
    .training-section04 .card-header .card-text {
        font-size: 14px;
    }
    .products01 h1 {
        font-size: 20px;
    }
    .products01 h5 {
        margin-bottom: 0.6em;
        color: #03121c;
        font-size: 15px;
    }
    .products01 p {
        font-size: 14px;
        line-height: 28px;
    }
    .products01 .card-block {
        padding: 1em;
    }
    .products02 h1 {
        font-size: 20px;
    }
    .products02 .card-header h4 {
        font-size: 20px;
    }
    .products02 .card-block h4  {
        font-size: 15px;
    }
    .products02 .card-block ul li {
        font-size: 14px;
    }
    .services01 h3 {
        text-align: center;
        margin-bottom: 0em;
        text-transform: uppercase;
        font-size: 20px;
        color: #000;
        line-height: 30px;
    }
    .our-team01 .card-header {
        width: 100%;
    
    }
    .our-team01 h1 {
        font-size: 18px;
    }
    .our-team01 .card-header h4 {
        font-size: 14px;
    }
    .our-team01 .card-header span {
        font-size: 12px;
    }
    .our-team01 .card-header p a {
        font-size: 13px;
    }
    .contact01 .card-title {
        font-size: 18px;
    }
    .contact01 .card-header .card-text {
        font-size: 14px;
    }
    .contact-us02 .card-title {
        font-size: 18px;
    }
    .contact-us02 .card-header form label {
        font-size: 13px;
    }
    
    
    
    .services-page01 h1 {
        font-size: 20px;
        margin-bottom: 0.6em;
    }
    .services-page01 .card-block .card-title {
        font-size: 15px;
    }
    .services-page01 .card-block .card-text {
        font-size: 14px;
    }
    .services-products01 h3 {
        font-size: 20px;
        margin-bottom: 0.6em;
    }
    .services-products01 .card-header h4 {
        font-size: 16px;
    }
    
    .ser-what-we h2 {
        font-size: 20px;
    }
    .ser-what-we ul li {
        font-size: 14px;
    }
    .ser-what-we ul li .bx {
        color: #03121c;
        font-size: 17px;
    }
    
    
    }
    @media only screen and (max-width: 1024px) {
        .footer-links {
            padding-left: 20px;
        }
    }
    @media only screen and (max-width: 768px) {
        #footer .footer-top .footer-info {
            text-align: left;
            padding-left: 30px;
            padding-top: 30px;
        }
        #footer .footer-top .partner {
            padding: 20px;
            display:  flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        #footer .footer-top .footer-links {
            margin-bottom: 20px;
        }
        #footer .footer-top {
         padding: 0px 0 5px 0;
        }
    }