@media(max-height: 375px){
	.landing-banner .mouse{ bottom: 130px; width: 40px }
}

@media(max-height: 280px){
	.landing-banner .mouse{ bottom: 90px; width: 40px }
}

@media(max-width: 1199px){
	.course span{ padding: 15px 0 }
	/* pragnesh-certificate */

}

@media(max-width: 991px){

	header.landing nav ul li,header.landing nav ul li.btn-data{ margin-right: 12px }
/*	header .logo a{ width: 200px }
*/
	section.course .row .col-md-2{ padding-bottom: 15px }
	section.course .row .col-md-2:last-child{ padding-bottom: 0 }

	.track-record .col-md-3{ margin-bottom: 20px }
	.track-record .col-md-3:last-child{ margin-bottom: 0 }

	footer h3{ font-size: 16px; line-height: 20px }

	/* pragnesh-certificate */
	.transcript{ width: 600px }
	.transcript .logo{ width: 300px }
	.transcript header .enrol span{ font-size: 16px }
	.transcript .signature{ padding-top: 60px; padding-bottom: 60px }

	.cert-footer a{ width: 200px; }
	.cert-footer .row{ width: 100%; margin: 0 }
}


@media(max-width: 767px){

    h1{ font-size: 22px; line-height: 26px }
    h2,h3{ font-size: 16px; line-height: 20px }
    p{ font-size: 14px }

    .btn-black, .btn-black:hover{ padding: 10px 20px }

    .delivery a.close{ top: 0; right: 0 }

    /* banner */
    .bottom-banner-text{ height: auto; }
    .bottom-banner-text p{ padding: 15px; font-size: 16px; line-height: 26px }

    .platform{ display: block; }

    section p{ padding-bottom: 40px }

   .plat-button ul{ display: block; }
   .plat-button ul li{ margin: 0 auto 20px; display: block; }
   .plat-button ul li:last-child{ margin-bottom: 0 }

   .tab_container h2{ padding-bottom: 30px }

   ul.tabs{ display: none; }

    footer{ padding: 15px; }
	footer .col-sm-4{ margin-bottom: 15px }
	footer .contact-data{ text-align: left; }
	footer .social{ text-align: left; }
	footer h2{ padding-bottom: 10px }
	footer h3{ font-weight: normal;; font-size: 15px }

	.tabs { display: none; }
	.tab_drawer_heading { background: #fff; color: #2ac0ac; padding: 10px 20px; border-radius: 25px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.tab_drawer_heading:first-child{ margin-bottom: 20px }
	.d_active {  color: #2ac0ac; display: block; }
	.tab_content{ margin-bottom: 30px; margin-top: 30px }
	.tab_content:last-child{ margin-bottom: 0 }
	.tab_content .btn-black{ margin: 20px auto 0; width: 100% }
	.tab-data .container{ display: block; margin-left: inherit; margin-right: inherit; width: 100% }
	.tab_container ul{ margin-left: auto; padding-left: 0 }

	.delivery{ display: block; }
	.delivery .row{ display: block; }
	.delivery h2{ margin-bottom: 40px }
	.delivery a{ margin-bottom: 25px }
	.delivery .col-md-6{ margin-bottom: 20px; display: block; }
	.delivery .col-md-6:last-child{ margin-bottom: 0 }

	section h2:after{ bottom: -10px }
	section h2{ margin-bottom: 40px }

	header.landing{ padding: 0 15px }
	header.landing nav{ display: none; position: absolute; top: 80px; z-index: 1; background: #fff; right: 15px; padding: 15px; box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -ms-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -moz-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 3px 20px rgb(0 0 0 / 20%); }
	header.landing nav ul li{ display: block; margin: 0; padding-bottom: 15px }
	header.landing nav ul li a{ padding: 0; font-size: 18px }
	header.landing nav ul li:last-child a{ margin-bottom: 0 }
	header.landing nav ul li:last-child{ padding: 0 }

	.testimonial{ display: block; }
	.testimonial .item{ display: block; width: 100%; margin: 0 auto }
	.owl-carousel{ margin: 0 }

	.client .container{ display: block; width: 100% }

	.listing ul li{ width: 49.5% }
	.delivery a{ display: block; min-width: auto; }

	/* pragnesh-certificate */
	.transcript{ width: auto;padding: 0 20px; margin: 0 }
	.transcript header{ display: block;  }
	.transcript header .enrol{ display: inline-block; margin-top: 10px }
	.transcript .signature .sign-data{ display: block; margin: 0 auto 35px }
	footer.trans-footer .row{ display: block; }
	footer.trans-footer .row .col-md-4{ margin-bottom: 50px }
	.transcript .trans-data h1{ font-size: 34px; line-height: 38px }
	footer.trans-footer a{ width: auto; display: block; margin: 0 auto }
	.transcript .logo{ width: auto; }
	.transcript header .enrol span{ padding: 15px 25px 15px 38px }

	.transcript .signature .row{ display: block; }

	.transcript header .enrol:before{ display: none; }
	.transcript header .enrol span{ padding: 10px 25px }

	.cert-footer .row{ display: block; }
	.cert-footer .row .col-md-4{ margin-bottom: 20px; display: block; text-align: center; }

	.certificate header{ padding: 20px 15px 0 }
	.certificate .logo{ width: 180px }
	.certificate .inner-data h1{ padding-top: 10px; font-size: 30px; line-height: 34px; padding-bottom: 15px }
	.certificate .inner-data h3{ font-size: 22px; line-height: 26px; padding-bottom: 15px }
	.certificate .inner-data h2{ font-size: 30px; line-height: 34px; padding-bottom: 20px }
	.certificate .inner-data p{ font-size: 14px; line-height: 18px }
	.certificate .inner-data p.grade{ padding-top: 0 }

	.certificate .signature .row{ display: block; margin: 0 }
	.cert-footer{ margin-left: 4px; margin-right: 4px }

	.strip{ font-size: 16px; padding: 10px }

	.advantage i img{ width: 100% }
	section p{ font-size: 16px; line-height: 20px }
/*	section.course{ display: block; }
*/
	.owl-stage-outer{ height: auto; }

	.testimonial .container{ height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }

	html.fsvs #fsvs-pagination{ display: none; }
	html.fsvs #fsvs-body>*{ height: auto; }
	section{ height: auto; display: block; padding: 30px 0; }

	.landing-banner .mouse{ width: 50px }

	footer .row{ width: 100%; margin: 0; }
	#page10{ height: auto; }
	footer{ height: auto; }
	footer {
    height: 100%;
    padding: 15px 0 0;
}
footer .row {
    width: 100%;
    margin: 0;
}
}


@media(max-width: 567px){
	.listing ul li{ width: 100% }

	/* pragnesh-certificate */
	.transcript .table-data table td{ padding: 15px }
	.transcript .trans-data h1{ font-size: 28px; line-height: 32px }
	.transcript .trans-data p{ font-size: 18px; line-height: 22px; padding: 20px 0 0 0  }
	.transcript .table-data h2{ font-size: 22px; line-height: 26px; padding-bottom: 20px }
	.transcript header .enrol span{ padding: 10px 12px }

	section h2{ font-size: 18px; line-height: 22px; }
	section p{ padding-bottom: 20px }

}