/*=========================================
  TABLET RESPONSIVE
=========================================*/

@media (max-width:991px){

    .training-category-hero{

        padding:35px 20px;

    }

    .training-category-hero h1{

        font-size:36px;

    }

    .training-category-hero p{

        font-size:17px;

    }

    .training-course-grid{

        grid-template-columns:repeat(2,1fr);

        gap:25px;

    }

}

/*=========================================
  MOBILE RESPONSIVE
=========================================*/

@media (max-width:767px){

    .training-category-hero{

        padding:30px 15px;

    }

    .training-category-hero h1{

        font-size:28px;

        line-height:1.4;

    }

    .training-category-hero p{

        font-size:16px;

        line-height:1.7;

    }

    .training-category-rating{

        font-size:18px;

    }

    .training-category-rating span{

        display:block;

        margin-top:8px;

        margin-left:0;

    }

    .training-category-experience{

        width:100%;

        font-size:15px;

        padding:12px;

    }

    .training-course-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .training-course-card h3{

        font-size:22px;

    }

}


/*=========================================
  MOBILE MAIN CONTENT SPACING FIX
=========================================*/

@media (max-width:767px){

    .site-main{

        padding-top:0;

        margin-top:0;

    }

}