/* Mobile Responsive */
/*********** HOME PAGE ***********/
@media (max-width: 767px) {
	/* Button */
	.cssbuttons-io {
		font-size: 12px;
	}
	.cssbuttons-io span {
		padding: 8px 14px 8px 14px;
	}
	
	/* Navbar */
	.nav_bar {
		background-image: -webkit-linear-gradient(-45deg, #ffffff 50%, #ffffff00 0);
	}
	.navbar.navbar-expand-lg.navbar-dark {
		padding: .5rem 0;
	}
	.nav_bar .navbar-brand img {
		max-width: 85px;
	}
	.navbar-dark .navbar-toggler {
		top: 35%;
		position: absolute;
		left: 80%;
	}
	.nav_bar .nav-link {
		border-right: none;
	}
	.style img {
		display: none;
	}
	.style2 {
		width: 50%;
		left: 50%;
		clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
	}
	div#navbarNav {
		position: absolute;
		z-index: 99999999;
		background: white !important;
		width: 100%;
		left: 0;
		padding: 0;
	}
	ul.navbar-nav {
		position: absolute !important;
		z-index: 1;
		background: white;
		width: 100%;
		left: 0;
		padding: 10px 0;
	}
	.navbar-nav li a.nav-link {
		color: black !important;
		padding: 4px 12px !important;
		font-size: 16px !important;
	}
	.nav_social {
		display: none;
	}
	/* Banner */
	.hero_text {
		padding: 70px 0;
	}
	.hero_section .container {
		background-size: cover;
		background-repeat: no-repeat;
	}
	.hero_text h2 {
		font-size: 28px;
		max-width: 250px;
		margin: auto;
	}
	.hero_section .grand {
		font-size: 60px;
	}
	.hero_section .col-lg-6.col-md-6.pl-0 {
		padding-left: 15px !important;
	}
	.hero_img {
		padding: 15px 0;
	}
	.at_btn {
		font-size: 10px;
	}
	.hero_i {
		left: 40%;
		top: 75%;
	}
	.hero_i img {
		max-width: 50px;
	}
	.hero_img p {
		font-size: 16px;
	}
	/* About */
	.about_inner {
      padding: 0 !important;
	}
	.about_inner::before, .about_inner::after, .about_right::after {
		display: none;
	}
	.about_inner h3 {
      font-size: 24px;
	}
	.about_inner h2 {
      font-size: 30px;
	}
	.about_right {
      padding-left: 0 !important;
	}
	.about_right p {
      font-size: 12px;
	}
   /* Mission/Calendar/Values/Glossary */
   .mission-box {
      width: 90%;
	  padding: 110px;
   }
   .mission-box::before, .mission-box.box1::before{
		height: 130px;
	}
	.mission-box::after, .mission-box.box1::after{
		height: 130px;
	}
   .box {
		padding: 10px 0;
	}
   .mission img {
		max-width: 75px;
	}
   .mission-box h2 {
      font-size: 22px;
   }
   /* Text */
   .text h1 {
      font-size: 26px;
   }
   .text .underline-svg {
		left: 14px;
		bottom: -5px;
	}
   /* Lession */
   .lession {
      margin-top: 0 !important;
   }
   .lession .container {
      padding: 0 15px !important;
      position: unset !important;
	  transform: translate(-0%, -0%);
   }
   .lession .inner_btn a {
      width: 100%;
      margin-bottom: 15px;
   }
   /* Images */
   .image {
		display: block;
		padding: 50px 0;
	}
	.image iframe {
		width: 100%;
	}
	.image .y_video {
		margin: 0 15px 20px;
	}
   /* Gurbani Messages & Testimonials */
   .inner_images img {
		width: 100%;
	}
   .testimonial {
		padding: 15px 10px;
		margin-top: 15px;
	}
	a.carousel-control-prev, a.carousel-control-next {
		display: none;
	}
	.test_heading{
		top: 9px;
		padding-left: 10px;
	}
	.test_heading h5 {
		font-size: 16px;
		padding: 5px 0;
	}
	.test_heading h5::after {
		left: 25px;
	}
	.test_inner {
		padding: 10px 8px !important;
	}
	.testimonial p {
		font-size: 16px;
	}
	.badge {
		padding: 8px 15px !important;
		font-size: 10px !important;
		top: 10px;
		left: 8px;
	}
	.carousel-control-prev span, .carousel-control-next span {
		height: 20px;
		width: 20px;
	}
	/* Footer */
	.footer .footer_social {
		 float: none;
		text-align: center;
	}
   .footer .footer_social a {
      font-size: 28px;
   }
	.footer_logo{
		margin-bottom: 0 !important;
	}
   .footer_logo img {
		max-width: 50px;
	}
	.footer_logo p {
		font-size: 25px;
		margin-bottom: 0;
	}
   .footer_nav {
		text-align: center;
	}
   .footer .footer_nav ul {
      display: block;
      padding: 0;
   }
   .footer .footer_nav ul li {
      padding: 0;
      letter-spacing: 1px;
   }
   .footer .footer_nav ul li a {
      font-size: 14px;
   }
   .footer_nav .navbar-nav{
	   position: relative !important;
	   background: transparent !important;
   }
   .footer .footer_nav #menu-top_menu-1{
	   display: block !important;
   }
   .footer_nav .navbar-nav li a.nav-link {
		color: #08427c !important;
		padding: 4px 12px !important;
	}
   /* Copywrite */
   .copywrite {
      display: block;
   }
   .copywrite p {
		font-size: 9px;
		margin-bottom: 8px;
		text-align: center;
	}
   .copywrite .text-right{
		text-align: start !important;
   }
   
   /*********** KIDS GURMAT LESSION PAGE ***********/
   /* Banner Sec */
   .banner_sec {
		padding: 20px 0;
	}
	.sec_text::after {
		top: -5px;
		width: 15px;
	}
   .sec_text h2 {
		padding: 10px;
		font-size: 25px;
		text-align: left;
		background: linear-gradient(to right, #f2bc2a 92%, #b79d3f 90%);
	}
	.sec_img {
		top: 20px;
		left: 0;
	}
	.triangle {
		display: none;
	}
	/* Kids Lession */
	.kids_lession {
		padding: 210px 0 50px;
	}
   .kids_lession::before {
		background-image: none;
	}
	.lession_box .kids_img img {
		width: 100%;
	}
	
	/*********** LESSON INNER ***********/
	/* Title Section */
	.title {
		padding: 30px 0;
	}
	.title_text h2 {
		font-size: 16px;
		padding: 12px 14px;
	}
	/* Image Section */
	.image_ii {
		padding: 40px 0;
	}
	.inner_image {
		height: 300px;
	}
	.inner_image::before {
		width: 94%;
	}
	.wave-overlay {
		width: 80%;
		left: 9%;
	}
	/* Text Section */
	.less_text {
		padding: 20px 0 !important;
	}
	.txt_inner p {
		font-size: 20px;
	}
	.txt_inner ul li {
		font-size: 15px;
	}
	/* PDF Section */
	.pdf:before {
		top: 25%;
	}
	span.corner.top-right, span.corner.bottom-left {
		display: none;
	}
	.pdf_preview iframe {
		width: 80%;
		height: 300px;
	}
	/* Acticity Section */
	.act_inner::before {
		clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
	}
	.activity_inner h2 {
		width: 100%;
		font-size: 25px;
		padding: 12px 20px;
		clip-path: polygon(0 0, 85% 0, 75% 100%, 0% 100%);
	}
	.act_inner h5 {
		padding: 4px 14px;
		clip-path: polygon(0 0, 70% 0, 60% 100%, 0% 100%);
	}
	/* Slider Section */
	.wrapper {
		padding: 20px 0;
	}
	.wrapper h2 {
		font-size: 28px;
	}
	.slick-initialized .slick-slide {
		height: auto;
		margin: 0;
	}
}

@media (min-width:768px) and (max-width:992px){
	/* Nav Bar */
	.nav_bar {
		background-image: -webkit-linear-gradient(-44deg, #ffffff 32%, #ffffff00 0);
	}
	.style {
		left: 33%;
		position: absolute;
	}
	.style img {
		top: -155px;
		max-width: 400px;
	}	
	.style2 {
		width: 75%;
		left: 25%;
	}
	/* Hero */
	.hero_text {
		padding: 84px 0;
	}
	.hero_text h2 {
		font-size: 35px;
	}
	.hero_i {
		left: 34%;
	}
	.hero_section .grand {
		font-size: 70px;
	}
	.hero_img p {
		font-size: 15px;
	}
	/* About */
	.about_inner::before {
		left: -12px;
	}
	.about_inner h3 {
		font-size: 28px;
	}
	.about_inner h2 {
		font-size: 28px;
	}
	.about_right p {
		font-size: 13px;
	}
	/* Mission/Calendar/Values/Glossary */
	.box, .box2 {
		margin-bottom: 10px;
	}
	.mission-box {
		padding: 75px 80px;
	}
	.mission-box::before, .mission-box.box1::before {
		height: 65px;
	}
	.mission-box::after, .mission-box.box1::after {
		height: 65px;
	}
	.mission img {
		max-width: 55px;
	}
	.mission-box h2 {
		font-size: 14px;
	}
	/* Text */
	.text h1 {
		font-size: 40px;
	}
	.text .underline-svg {
		left: 20px;
		bottom: -4px;
	}
	/* Lession */
	.lession .inner_btn a {
		padding: 10px 0;
	}
	/* Gurbani Messages & Testimonials */
	.gurbani_inner h2 {
		font-size: 28px;
	}
	.inner_images img {
		width: 100%;
	}
	.testimonial {
		padding: 10px 20px;
	}
	.test_heading h5 {
		font-size: 24px;
	}
	.test_heading h5::after {
		left: 45px;
	}
	.test_inner {
		padding: 10px !important;
	}
	.badge {
		top: 10px;
		left: 10px;
	}
	/* Footer */
	.footer .footer_nav ul li {
		padding: 0 15px;
	}
	.footer .footer_nav ul li a {
		font-size: 15px;
	}
	.footer .footer_social a {
		font-size: 30px;
	}
	/* Copywrite */
	.copywrite p {
    font-size: 14px;
	}
	
	/*********** KIDS GURMAT LESSION PAGE ***********/
	/* Banner Sec */
	.banner_sec {
		padding: 70px 0 70px;
	}
	.sec_text::after {
		top: -10px;
		width: 28px;
	}
	.sec_text h2 {
		padding: 30px 20px;
		font-size: 28px;
		text-align: left;
		background: linear-gradient(to right, #f2bc2a 87%, #b79d3f 80%);
	}
	.sec_img {
		top: -30px;
	}
	.triangle {
		bottom: -115px;
		left: -25px;
		border-top: 40px solid #08427c;
		border-left: 40px solid transparent;
	}
	/* Kids Lession */
	.kids_lession {
		padding: 90px 0 50px;
	}
	.kids_lession::before {
		top: 150px;
		background-image: repeating-linear-gradient( to bottom, #f2bc2a 0, #f2bc2a 80px, transparent 0, transparent 600px );
	}
	.lession_box .kids_img img {
		width: 100%;
	}
	.lession_box h5 {
		font-size: 16px;
	}
	.lession_box {
		min-height: 230px;
	}
	
	/*********** LESSON INNER ***********/
	/* Title Section */
	.title {
		padding: 50px 0;
	}
	.title_text h2 {
		font-size: 30px;
	}
	/* Image Section */
	.image_ii {
		padding: 40px 0;
	}
	.inner_image::after {
		height: 320px;
	}
	.wave-overlay {
		width: 85%;
		left: 8%;
	}
	.wave-overlay::before {
		width: 110%;
		left: -5%;
	}
	/* PDF Section */
	.pdf_preview iframe {
		width: 80%;
		height: 400px;
	}
	.top-right {
		top: 15px;
		right: 45px;
	}
	.bottom-left {
		bottom: 15px;
		left: 45px;
	}
	/* Activity Section */
	.activity_inner h2 {
		width: 50%;
	}
	.act_inner::before {
		padding: 10px 75px;
	}
	.act_inner h5 {
		font-size: 18px;
	}
	/* Slider Section */
	.wrapper {
		padding: 30px 0;
	}
	.slick-initialized .slick-slide {
		height: 300px;
	}
}

@media (min-width:993px) and (max-width:1200px){
	/* Nav Bar */
	.nav_bar {
		background-image: -webkit-linear-gradient(-44deg, #ffffff 28%, #ffffff00 0);
	}
	.style img {
		left: 27.1%;
	}
	/* Mission/Calendar/Values/Glossary */
	.mission-box {
		padding: 125px 100px;
	}
	.mission img {
		max-width: 70px;
	}
	.mission-box h2 {
		font-size: 22px;
	}
	/* footer */
	.footer .footer_nav ul li {
		padding: 0 10px;
	}
	.footer .footer_nav ul li a {
		font-size: 22px;
	}
	
	/*********** KIDS GURMAT LESSION PAGE ***********/
	/* Banner Sec */
	.sec_text::after {
		top: -9px;
		background: linear-gradient(to right, #f2bc2a 90%, #b79d3f 90%);
	}
	.sec_text h2 {
		padding: 30px;
		text-align: left;
		font-size: 38px;
	}
	.sec_img {
		left: 0;
	}
	.triangle {
		bottom: -147px;
		left: -40px;
		border-top: 40px solid #08427c;
		border-left: 40px solid transparent;
	}
	/* Kids Lession */
	.kids_lession {
		padding: 100px 0 50px;
	}
	.kids_lession::before {
		background-image: repeating-linear-gradient( to bottom, #f2bc2a 0, #f2bc2a 80px, transparent 0, transparent 670px );
		top: 170px;
	}
	.lession_box .kids_img img {
		width: 100%;
	}
	
	/*********** LESSON INNER ***********/
	/* Image Section */
	.wave-overlay {
		width: 80%;
		left: 10%;
	}
	/* PDF Section */
	.top-right {
		right: 175px;
	}
	.bottom-left {
		left: 175px;
	}
	/* Activity Section */
	.activity_inner h2 {
		padding: 15px 20px;
		width: 40%;
		clip-path: polygon(0 0, 90% 0, 75% 100%, 0% 100%);
	}
	.act_inner::before {
		padding: 15px 105px;
	}
	/* Slide Section */
	.wrapper {
		padding: 40px 0;
	}
	.slick-initialized .slick-slide {
		height: 300px;
	}
}

@media (min-width:1201px) and (max-width:1400px){
	/* Nav Bar */
	.nav_social {
		left: 73%;
	}
	/* Mission/Calendar/Values/Glossary */
	.mission-box {
		padding: 150px 130px;
	}
	
	/*********** KIDS GURMAT LESSION PAGE ***********/
	/* Kids Lession */
	.kids_lession {
		padding: 120px 0 50px;
	}
	/*********** LESSON INNER ***********/
	/* Image Section */
	.image_ii {
		padding: 60px 0;
	}
	.wave-overlay {
		width: 70%;
		left: 16%;
	}
	/* PDF Section */
	.top-right {
		right: 215px;
	}
	.bottom-left {
		left: 215px;
	}
	/* Slider Section */
	.wrapper {
		padding: 40px 0;
	}
	.slick-initialized .slick-slide {
		height: 350px;
	}
}


@media (min-width:320px) and (max-width:400px){
	/*********** KIDS GURMAT LESSION PAGE ***********/
	/* Kids Lession */
	.kids_lession {
		padding: 270px 0 50px;
	}
}

@media (min-width:400px) and (max-width:767px){
	/*********** KIDS GURMAT LESSION PAGE ***********/
	/* Kids Lession */
	.kids_lession {
		padding: 300px 0 50px;
	}
}


@media (min-width:470px) and (max-width:767px){
	/*********** KIDS GURMAT LESSION PAGE ***********/
	/* Kids Lession */
	.kids_lession {
		padding: 350px 0 50px;
	}
}

@media (min-width:555px) and (max-width:767px){
	/*********** KIDS GURMAT LESSION PAGE ***********/
	/* Kids Lession */
	.kids_lession {
		padding: 370px 0 50px;
	}
}