/* media queries for responsiveness */
@media screen and (min-width: 1800px) {
    .custom-container {
        min-width: 100%;
    }

    .navbar-brand {
        margin-left: 30px;
    }

    .offcanvas-body .main-btn a {
        margin-right: 30px;
    }
}

@media screen and (max-width: 1200px) {
	.navbar-nav .nav-link {
		margin: 0 5px;
	}
/* 	.navbar-nav .dropdown-menu .nav-item {
		font-size: 16px;
	} */
	
    .banner-sec {
        background-size: 400px;
    }

    .typewriter {
        font-size: 60px;
    }
	
	.themebg-triangle, .themebg-circle, .themebg-rectangle {
		display: none;
	}

    .service-subheading {
        font-size: 60px;
    }

    .heading-text {
        font-size: 35px;
    }

    .creative-text {
        font-size: 110px;
    }

    .support-heading {
        font-size: 35px;
    }

    .contact-heading {
        font-size: 35px;
    }
}

@media screen and (max-width: 1024px) {
	.contact-box {
        padding: 70px 30px;
    }
}

@media screen and (max-width: 992px) {
    .main-header {
        padding: 0;
    }

    .navbar-brand {
        width: 80px;
    }

    .navbar-nav {
        align-items: start;
    }
	
	.navbar-nav .nav-link {
		color: var(--text-color);
	}

/*     .navbar-expand-lg .navbar-nav .nav-link {
        color: #000000a6;
    } */

    .nav-link::before {
        background-color: var(--color-primary);
    }
	.nav-link.active::before {
		width: 100%;
	}
	.navbar-nav .nav-link:hover.nav-link::before {
		width: 100%;
	}

    .navbar-nav .nav-link.active {
        color: var(--color-primary);
    }
	
	.navbar-nav .dropdown-menu {
		top: 35px;
	}

    .offcanvas-body .main-btn {
        margin-top: 20px;
    }

    .banner-sec {
        min-height: 100vh;
    }

    .typewriter {
        font-size: 50px;
    }

    .main-heading h2 {
        width: 50%;
    }

    .service-subheading {
        font-size: 50px;
    }

/*     .banner-img {
        display: none;
    } */

    .heading-text {
        font-size: 30px;
    }

    .about-img .about-img2 {
        width: 150px;
        bottom: -47px;
    }

    .about-col2 {
        margin-top: 50px;
    }

    .about-detail {
        margin: 0;
    }

    .about-detail .main-heading {
        margin-bottom: 15px;
    }

    .about-row2 {
        margin-top: 50px;
    }

    .creative {
        padding: 70px 0;
    }

    .creative-text {
        font-size: 90px;
    }
	
/* 	training programs page */
	.training-banner-detail h1 {
		font-size: 35px;
	}
	.training-contact-box {
		padding: 130px 80px 90px;
	}
}

@media screen and (max-width: 768px) {
	#offcanvasNavbar {
	--bs-offcanvas-width: 400px;
	}
	
	.nav-item {
		font-size: 16px;
	}
	
    .typewriter {
        font-size: 35px;
    }

    .banner-sec {
        padding: 50px 0;
        background-size: 330px;
    }

    .banner-detail p {
        font-size: 16px;
    }

    .services {
        padding: 70px 0;
    }
	
	.service-row {
		margin-top: 60px;
	}
	
	.industries {
		padding: 70px 0;
	}
	
	.industry-row {
		margin-top: 60px;
	}
	
	.testimonials .main-heading {
		margin-bottom: 60px;
	}

    .main-heading h2 {
        width: 60%;
    }

    .service-subheading {
        font-size: 40px;
        top: -15px;
    }

    .heading-text {
        font-size: 25px;
    }

    .underlined-text::after {
        height: 5px;
    }

    .service-box h3 {
        font-size: 20px;
    }

    .about {
        padding: 70px 0;
    }

    .about-what-heading {
        font-size: 25px;
    }

    .steps {
        padding: 70px 0 30px;
    }

    .creative-text {
        font-size: 50px;
    }

    .support {
        padding: 70px 0;
    }

    .support-detail {
        text-align: center;
    }

    .support-heading {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .support-detail p {
        font-size: 18px;
    }

    .support-number {
        font-size: 26px;
    }

    .testimonials {
        padding: 70px 0 50px;
    }

    .author-box {
        margin-bottom: 20px;
    }

    .author-review p {
        font-size: 16px;
    }

    .contact {
        padding: 70px 0;
    }

    .contact-box {
        padding: 70px 15px 40px;
    }

    .footer-row1 {
        padding-bottom: 50px;
    }
	
/* 	training programs page  */
	.training-about-img,
	.training-build-img {
		text-align: center;
	}
	.tb-ps-5 {
		padding-left: 0;
	}
	.tb-pe-5 {
		padding-right: 0;
	}
	.training-contact-box {
		padding: 130px 120px 90px;
	}
}

@media screen and (max-width: 767px) {
	.banner-sec.training-hero-sec {
		background-size: 100% calc(100% - 595px);
	}
}

@media screen and (max-width: 576px) {
    .typewriter {
        font-size: 30px;
    }

    .banner-sec {
        background-image: none;
    }

    .main-heading h2 {
        width: 100%;
    }

    .creative::before {
        opacity: 0.6;
    }

    .creative-text {
        font-size: 45px;
    }

    .contact-box {
        padding: 40px 15px;
    }

    .contact-heading {
        font-size: 25px;
    }
	
	.support-number {
		font-size: 22px;
	}
	
/* 	training programs page */
	.banner-sec.training-hero-sec {
		background-size: 100% calc(100% - 450px);
	}  
	.training-contact-box {
		padding: 130px 90px 90px;
	}
	.training-about-sec,
	.training-build-sec,
	.explore-courses-sec,
	.certificate-section,
	.feedback-section,
	.training-contact-sec {
		padding: 40px 0;
	}
	.training-support-sec {
		padding: 50px 0;
	}
	h3.feedback-title {
		padding-bottom: 30px;
	}
	.explore-courses-title h3 {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 400px) {
	.banner-sec.training-hero-sec {
		background-size: 100% calc(100% - 410px);
	}  
	.training-contact-box {
		padding: 130px 70px 90px;
	}
}
@media screen and (max-width: 370px) {
	.banner-sec.training-hero-sec {
		background-size: 100% calc(100% - 380px);
	}  
}