@media screen and (max-width: 992px){
    .floating_head {
        width: 70%;
    }
    .spacer-74{
        height: 13px;
    }
    .header_mobile{
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 9999;
        padding: 11px 22px;
    }
    .header_mobile::after{
        content: "";
        background: linear-gradient(0deg, rgba(59, 59, 60, 0), rgba(52, 52, 52, 1));
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .offcanvas{
        z-index: 9999;
        border: 0 !important;
        width: 50% !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
        background: linear-gradient(13deg, rgba(121, 120, 125, 1), rgba(56, 55, 58, 1));
    }
    .offcanvas_header{
        padding: 0;
    }
    .offcanvas_header img{
        width: 38%;
        margin-left: auto;
    }
    body:has(.offcanvas.show) .head_menu svg{
        display: none;
    }
    .offcanvas-backdrop.show {
        opacity: 1;
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
        background-color: rgb(0 0 0 / 5%);
    }
    .offcanvas_body{
        padding: 20px 0;
    }
    .slide_menu{
        text-align: center;
        padding-top: 54.9px;
        position: relative;
        margin-right: 21px;
        padding-bottom: 91.2px;
        border-right: 1px solid var(--lighter);
    }
    .slide_menu::before{
        content: "";
        border-top: 1px solid var(--lighter);
        width: 70%;
        position: absolute;
        top: 0;
        right: 0;
    }
    .slide_menu::after{
        content: "";
        border-bottom: 1px solid var(--lighter);
        width: 30%;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .slide_menu li{
        margin-bottom: 22.9px;
    }
    .slide_menu li a{
        font-size: 18px;
        color: var(--light);
        text-decoration: none;
    }
    .head_logo img{
        width: 114px;
    }
    .main_banner::before{
        bottom: 0;
        height: 73%;
    }
    .main_banner .carousel-item img{
        height: 67vh;
        object-fit: cover;
        object-position: right;
    }
    .banner_content {
        bottom: 55%;
        padding: 0 7px;
    }
    .explore a{
        font-size: 19px;
        display: block;
        text-align: right;
    }
    .explore img {
        width: auto;
        height: 50px;
        margin-left: 8px;
        margin-bottom: 20.5px;
    }
    .brand_icons{
        text-align: center;
    }
    .brand_icons ul li:not(:first-child){
        margin-left: .75rem !important;
    }
    .brand_icons img{
        height: 37px;
    }
    .about_section{
        border-bottom-width: 13px;
        padding: 0 6px;
    }
    .about_body{
        padding: 5px 5px 0 0;
        margin-bottom: 1rem;
    }
    .about_body::before{
        width: 80%;
    }
    .about_heading img{
        height: 100px;
        margin-top: 10px;
    }
    .about_content p{
        font-size: 11px;
        line-height: 30px;
    }
    .footer_widget a{
        font-size: 11px;
    }
    .footer_widget p{
        font-size: 11px;
    }
    .footer_bottom p{
        font-size: 11px;
    }
    .footer_bottom a{
        font-size: 11px;
    }
    .carousel-indicators{
        margin-bottom: 0;
    }
    .slider .carousel-indicators [data-bs-target]{
        width: 6px;
        height: 6px;
    }
    .carousel-indicators [data-bs-target]{
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }
    .courses_heading img{
        height: 116px;
    }
    .courses_slider img {
        width: auto;
        height: 107px;
    }
    .courses_head {
        padding-bottom: 25.8px;
    }    
    .courses_slides{
        padding: 0 24px;
    }
    .courses_sliders .owl-prev::after{
        width: 14.38px;
        height: 22.06px;
        left: -8%;
    }
    .courses_sliders .owl-next::after{
        width: 14.38px;
        height: 22.06px;
        right: -8%;
    }
    .all_courses_heading img{
        width: 6.47px;
        height: 9.01px;
    }
    .all_courses_heading h3{
        font-size: 10px;
        font-weight: bold;
    }
    .courses_list {
        margin-top: 10px;
    }
    .course_details{
        margin-top: 8.6px;
        height: 122px;
    }
    .pointer i{
        font-size: 4.68px;
        display: table;
    }
    .course_link{
        padding: 0 11.5px;
        margin-bottom: 2px;
    }
    .pointer {
        min-width: 20px;
    }
    .course_link_heading h3{
        font-size: 9px;
    }
    .c_link img{
        width: 6.33px;
        height: 8.81px;
    }
    .internship{
        padding: 24.72px 0;
        min-height: 70vh;
    }
    .internship_heading img{
        height: 116px;
    }
    .internship_image img{
        height: 102px;
    }
    .internship_info p{
        font-size: 10px;
        line-height: 10px;
        margin-bottom: 19px;
        margin-top: 14.5px;
    }
    .internship_info h3{
        font-size: 18px;
    }
    .objectives{
        margin-top: 22px;
        padding: 22px;
    }
    .objective_card_count h3 {
        font-size: 37px;
    }
    .objective_card::before{
        width: 30.69px;
        height: 42.75px;
        top: -21px;
        left: -10px;
    }
    .objective_card_head h3{
        font-size: 8px;
    }
    .objective_card{
        padding: 9.21px 0;
    }
    .objective_card_count{
        top: -33px;
    }
    .objective_info p{
        font-size: 8px;
        line-height: 15px;
        margin: 0;
    }
    .objective_card:hover .objective_info{
        padding: 6px 6px 0;
    }
    .accreditation{
        padding: 12.5px 7px 31px;
    }
    .accreditation_heading img{
        height: 116px;
    }
    .accreditation_head_arrow img{
        height: 76.43px;
    }
    .brands{
        width: 90%;
        top: -20px;
        padding: 10px 20px;
    }
    .brands_shadow{
        width: 92%;
        top: -25px;
        height: 7vh;
    }
    .brand img {
        height: 47px;
    }
    .brands .brand:not(:first-child) {
        margin-left: 10px;
    }
    .brand:hover::after{
        width: 57px;
        height: 18px;
        position: absolute;
        bottom: 10px;
    }
    .clients_heading::before{
        height: 10px;
        width: 44%;
    }
    .clients_heading::after{
        height: 10px;
        width: 44%;
    }
    .clients_heading img{
        width: 10px;
        height: 10px;
        margin: 0;
    }
    .clients_heading h3{
        margin: 0;
        font-size: 9px;
    }
    .client img{
        height: 1rem;
    }
    .clients_heading{
        margin: 0 auto 10px;
    }
    .clients{
        margin: 4.4px 0 10px;
    }
    .map_main > img{
        height: 145px;
    }
    .map_link img {
        width: 31px;
        height: 31px;
    }
    .map_link p{
        font-size: 10px;
    }
    .map_footer{
        padding: 20px 0;
    }
    .social_media{
        width: 100%;
    }
    .social_media li {
        width: 50px;
    }
    .social_media a {
        width: 50px;
        height: 50px;
        font-size: 26px;
    }
    footer {
        text-align: center;
        padding: 90px 0 0;
    }
    .footer_widget h3 {
        font-size: 17px;
    }
    .course_img img{
        height: 90px;
    }
    .course_body h3{
        font-size: 11px;
        min-height: 41px;
    }
    .course_body{
        padding: 8.8px 12px 5.7px;
    }
    .course_body a i{
        font-size: 9px;
    }
    .training_content{
        padding: 75px 1rem .1rem;
    }
    .training_price_card{
        padding: 22.8px 27.5px;
        height: auto;
        margin-bottom: 1.2rem;
    }
    .training_price h2{
        font-size: 18px;
        font-weight: 500;
        padding-left: 0;
        margin-bottom: 8px;
    }
    .training_price p{
        font-size: 1rem;
        padding-left: 12px;
        margin: 0;
    }
    .training_price_card::before{
        height: 60px;
        top: 8px;
    }
    .training_price{
        margin-bottom: 2px;
    }
    .training_price_info p{
        font-size: 1rem;
        line-height: 25px;
    }
    .training_price_info p span{
        color: var(--primary);
    }
    .training_price_card::after{
        display: none;
    }
    .training_price_info {
        margin-bottom: 0;
    }
    .training_badge{
        font-size: 13px;
        padding: 9.5px 26px;
        margin-bottom: 10px;
    }
    .training_heading h1{
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 19.1px;
    }
    .rating ul li{
        font-size: 13px;
    }
    .rating i{
        font-size: 17px;
    }
    .training_description p{
        font-size: 13px;
        line-height: 29px;
    }
    .training_includes li{
        font-size: 13px;
    }
    .training_includes li i{
        font-size: 5px;
        margin-right: 4px;
    }
    .training_includes{
        padding: 15px 21px;
    }
    .training_includes h3{
        font-size: 18px;
    }
    .objectives_bg{
        padding: 0;
    }
    .objectives_body{
        padding: 18px 1rem 0;
    }
    .objectives_body .heading{
        margin-bottom: 0;
    }
    .heading h3{
        font-size: 18px;
    }
    .objectives_list li{
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 1rem;
    }
    .objectives_list li i{
        font-size: 5px;
    }
    .objectives_list{
        padding-bottom: 30px;
        margin-bottom: 1.5rem;
        border-bottom: 2px solid var(--primary);
    }
    .program_info_card{
        padding: 20.8px 16.6px;
        margin-bottom: 33.33px;
    }
    .program_info_card h3{
        font-size: 18px;
        margin-bottom: 9px;
    }
    .program_info_card li i{
        font-size: 5px;
    }
    .program_info_card ul li{
        font-size: 13px;
        margin-bottom: 5px;
    }
    .related_list li{
        font-size: 13px;
    }
    .related_list li i{
        font-size: 5px;
    }
    .related_img img{
        height: 113px;
    }
    .related_list ul{
        margin-bottom: 0;
    }
    .related_list li:last-child{
        margin-bottom: 0;
    }
    .register_body{
        height: auto;
        background-size: 22%;
        background-position: bottom right;
    }
    .register_heading h3{
        font-size: 18px;
        margin-bottom: 0;
    }
    .register_heading a{
        font-size: 13px;
    }
    .register_inquirres{
        padding: 1rem;
    }
    .training_body .btn_secondary{
        padding: 10px 19px;
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 13px;
        background-color: var(--primary);
        color: var(--light);
        border-radius: 5px;
    }
    .terms_bg{
        padding: 80px 1rem 30px;
    }
    .terms_list li{
        font-size: 13px;
    }
    .terms_bg .heading{
        margin-bottom: 0;
    }
    .btn_primary{
        padding: 10px 35px;
        font-size: 13px;
    }
    .thanks_you_content p{
        font-size: 18px;
        line-height: 25px;
    }
    .checkout_bg{
        padding: 80px 1rem 30px;
    }
    .program_details_card{
        margin-bottom: 14px;
        border-bottom: 4px solid var(--primary);
        padding: 19.8px 26px;
    }
    .program_details_card h3{
        font-size: 18px;
        margin-bottom: 9.2px;
    }
    .program_details_info p{
        font-size: 10px;
    }
    .program_details_card::before{
        height: 67.36px;
    }
    .program_details_card::after{
        height: 92.3px;
    }
    .program_details_info {
        margin-bottom: 9.2px;
    }
    .btn_light{
        padding: 10px 35px;
        font-size: 13px;
    }
    .heading h4{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .participant_details{
        border-bottom: 4px solid var(--primary);
    }
    .form-group{
        margin-bottom: 13.6px;
    }
    .form-group label{
        font-size: 13px;
        font-weight: 500;
        color: var(--dark);
        margin-bottom: 3.4px;
    }
    .form-group input{
        border-radius: 10px;
        border-width: 1px;
        padding: 9.5px;
        background-color: var(--light);
    }
    .add_user i{
        font-size: 19.2px;
    }
    .participant_options .form-check-input{
        margin-top: 0;
    }
    .form-check img{
        width: 53.52px;
    }
    .terms_conditions_card{
        padding: 17px 15px;
    }
    .terms_conditions h3{
        font-size: 18px;
    }
    .terms_conditions_card label{
        font-size: 13px;
        margin-left: 10px;
    }
    .brand_icons ul{
        display: flex;
        justify-content: center;
    }
    .map_main_link img{
        width: 95px;
    }
    .map_main::after{
        width: 45px;
        height: 45px;
        display: none;
    }
    .courses_section {
        padding: 26.2px 0;
    }
    .footer_widget h3{
        font-weight: bold;
    }
}
@media screen and (max-width: 767px){
    .social_media li{
        width: 40px;
    }
    .social_media a{
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    footer{
        padding: 40px 0 0;
    }
    .course_details{
        height: auto;
    }
    .banner_content{
        top: 35%;
    }
    .main_banner .carousel-item img{
        min-height: 70vh;
    }
   .main_banner .carousel-item video{
        min-height: 480px;
        object-fit: cover;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
    .about_body{
        padding: 24px 0 0 0;
        margin-bottom: 0;
    }
    .main_banner .carousel-item img{
        height: 55vh;
        object-fit: cover;
        object-position: right;
    }
    .main_banner .carousel-item video{
        height: 55vh;
        object-fit: cover;
        object-position: right;
    }
    .banner_content{
        bottom: 48%;
    }
    .brand_icons img{
        height: 80px;
    }
    .explore img{
        height: 60px;
        margin-left: 15px;
        margin-bottom: 15px;
    }
    .explore a{
        font-size: 25px;
    }
    .about_section{
        min-height: 60vh;
    }
    .about_heading img {
        height: 180px;
    }
    .about_content p {
        font-size: 15px;
        line-height: 1.5rem;
    }
    .courses_heading img{
        height: 180px;
    }
    .courses_slider img {
        height: 180px;
    }
    .course_details{
        height: 165px;
    }
    .internship_heading img{
        height: 180px;
    }
    .internship_image img{
        height: 180px;
    }
    .internship{
        padding: 45px 0;
        min-height: auto;
    }
    .arrow_link{
        margin: 0;
    }
    .objective_card_head h3{
        font-size: 12px;
    }
    .objective_card_count h3 {
        font-size: 60px;
    }
    .objective_card::before{
        top: -25px;
        left: -18.5px;
        width: 50px;
        height: 50px;
    }
    .objective_card_count{
        top: -50px;
    }
    .objectives{
        margin-top: 60px;
    }
    .internship_info p{
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 1;
    }
    .internship_info h3{
        font-size: 30px;
    }
    .accreditation_heading img{
        height: 180px;
    }
    .accreditation_head_arrow img{
        height: 180px;
    }
    .accreditation {
        padding: 30px 0 80px;
    }
    .clients_heading{
        margin-bottom: 0;
    }
    .client img{
        height: 95px;
        padding: 10px;
    }
    .clients{
        margin-bottom: .5rem;
    }
    .float_logo img{
        height: 50px;
    }
    .floating_menu li a{
        font-size: 13.5px;
    }
    .floating_head{
        padding: 18px 15px;
    }
    .courses_section {
        padding: 26.2px 0;
    }
    .training_price_card {
        padding: 30px 25px;
    }
    .training_price_card::before{
        height: 65px;
    }
    .training_price h2{
        padding-left: 0;
    }
    .training_price p{
        padding-left: 0;
    }
    .training_price_card::after{
        height: 100px;
    }
    .related_img img{
        height: 160px;
        margin-left: auto;
        display: block;
    }
    .register_body{
        height: 80px;
    }
    .register_heading h3{
        margin-bottom: 5px;
    }
    .program_details_card{
        padding: 1rem 16px 44px 16px;
    }
    .program_details_card::before{
        top: 70px;
        height: 65px;
    }
    .program_details_card::after{
        height: 80px;
    }
    .terms_conditions_card{
        padding: 29.31px 17px;
    }
    .heading h3{
        font-size: 30px;
    }
    .heading h4{
        font-size: 20px;
    }
    .payment_method h3{
        font-size: 20px;
        padding-left: 0;
        margin-bottom: 10.69px;
    }
    .payment_method {
        padding-bottom: 35px;
    }
}
@media (min-width: 1024px) and (max-width: 1366px){
    .banner_content{
        bottom: 50%;
    }
    .main_banner::before{
        height: 67%;
    }
    .objective_card_head h3{
        font-size: 1rem;
    }
    .objective_info p{
        font-size: 14px;
    }
    /* .floating_head{
        width: 65%;
    } */
    .courses_section{
        padding: 26.2px 0;
    }
    .brand img{
        height: 80px;
    }
}