/*================================ 

    #RESPONSIVE CSS 

====================================*/



/* Large Device: 1200px. */

@media only screen and (min-width: 991px) and (max-width: 1200px){

	

	.cate-3-title h2 {

		margin-bottom: 3.5rem;

	}

		

	.navbar .navbar-expand-lg .navbar-nav .nav-link,

	.navbar .navbar-nav .nav-link {

		padding: 1rem;

		font-size: 1.4rem;

	}

	

	/*	Course Details*/

	

	.course-info-wrapper {

		grid-template-columns: 1fr;

	}

	

	/*	Hero*/

	

	.hero-content {

		padding-top: 10rem;

		padding-bottom: 10rem;

	}

	

	.hero-content h2 {

		font-size: 5rem;

	}

	

	.hero-single {

		height: auto;

	}

	

	.home-2 .hero-content {

		padding-top: 10rem;

	}

	

	/*	Header 3*/

	

	.header-3-bt a {

		padding: 13px 4rem;

	}

	

	.header-3 .menu-bg.hd::before {

		width: 75%;

	}

	

	.header-3-bt a::before {

		-webkit-transform: skewX(-40deg);

		transform: skewX(-40deg);

	}

	

	.header-3 .hero-content {

		padding-top: 17rem;

	}

	

	/*	Feature*/

	.feature-wrapper.grid-4 {

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

	}

	

	.t-area .feature-wrapper {

		flex-direction: column;

		text-align: center;

		padding: 3rem;

	}

	

	.t-area .feature-wrapper .t-left h2 {

		margin-bottom: 2.5rem;

		font-size: 2rem;

	}

	

	/*About	*/

	

	.about-right {

		padding-right: 0;

	}

	

	.header-2 .hero-single {

		padding: 5rem 0 10rem 0;

	}

	

	/*	Blog*/

	

	.blog-2-box {

		display: grid;

		grid-template-columns: 1fr;

		box-shadow: 0px 5px 18px rgba(139, 139, 139, 0.157);

	}

	

	/*	Counter*/

	

	.counter-area.counter-2 .counter-wrapper .fun-fact {

		margin: 0 auto;

	}

	

	.counter-area.counter-2 .counter-wrapper.grid-4 {

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

	}

	

	/*	Footer*/

	

	.footer-widget-wrapper {

		grid-gap: 6rem;

	}

	

	.foo-widget-title {

		font-size: 1.8rem;

	}

	

	/*	Single*/

	

	.single-page-img img {

		width: 100%;

	}

	

}



/* Tablet Layout: 768px.*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

	

	/*	Home - 3*/

	.header-2 .bsnav-mobile {

		top: 40px;

	}

	

	.header-3 .header-top {

		display: none;

	}

	

	.hero-3-shape .hero-shape-2 {

		display: none;

	}

	

	.header-3 .menu-bg {

		margin-top: 0rem;

	}

	

	.header-3 .menu-bg.hd::before {

		display: none;

	}

	

	.header-3-bt {

		display: none;

	}

	

	.header-3 .hero-single .hero-content {

		padding-top: 5rem;

	}

		

	.cate-3-title h2 {

		margin-bottom: 3.5rem;

	}

	

	.single-header .navbar {

		padding: 0;

	}

	

	.hero-single .hero-shapes {

		display: none;

	}

	

	/*	Shop*/

	

	.sh-de-wrapper {

		grid-template-columns: 1fr;

	}

	

	.sldr.owl-carousel .owl-item img {

		width: auto;

	}

	

	/*	Porfolio*/

	

	.portfolio-area .pf-item {

		width: 50%;

	}

	

	.footer-gallery.grid-3 img {

		width: 100%;

	}

	

	.footer-gallery.grid-3 {

		grid-gap: 1rem;

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

	}

	

	/*	Bs Mobile*/

	

	.bsnav-mobile .navbar-nav .nav-item .nav-link {

		max-width: 100%;

		padding: 5px 0;

		display: inline-block;

		padding-top: 2rem;

	}

	

	/*	Grid*/

	

	.grid-2 {

		grid-template-columns: 1fr;

	}

	

	.grid-3 {

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

	}

	

	.grid-4 {

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

	}

	

	/*	Nav*/

	

	nav.navbar.bootsnav .navbar-toggle {

		margin-top: 25px;

	}

	

	/*NavBar*/

	

	.navbar ul.navbar-nav .nav-item a {

		color: var(--heading-color) !important;

	}



	.navbar.sticked.in ul.navbar-nav .nav-item a {

		color: var(--heading-color);

	}

	

	nav.navbar.bootsnav .navbar-toggle {

		margin-top: 2.5rem;

	}

	

	.navbar {

		padding: 1rem;

	}

	

	.navbar-toggler .navbar-toggler-icon,

	.navbar-toggler .navbar-toggler-icon::after,

	.navbar-toggler .navbar-toggler-icon::before {

		background-color: var(--heading-color);

	}

	

	.navbar-toggler.active .navbar-toggler-icon,

	.navbar-toggler.active .navbar-toggler-icon::after,

	.navbar-toggler.active .navbar-toggler-icon::before {

		background-color: var(--heading-color);

	}

	

	.single-header .navbar-toggler .navbar-toggler-icon,

	.single-header .navbar-toggler .navbar-toggler-icon::after,

	.single-header .navbar-toggler .navbar-toggler-icon::before {

		background-color: var(--white-color);

		outline: none;

	}

	

	.navbar.sticked.in .navbar-toggler .navbar-toggler-icon,

	.navbar.sticked.in .navbar-toggler .navbar-toggler-icon::after,

	.navbar.sticked.in .navbar-toggler .navbar-toggler-icon::before {

		background-color: var(--heading-color);

	}

	

	/*	Header top*/

	

	.header-top-area .header-top-wrapper .header-top-left ul li {

		margin-right: 2rem;

	}

	

	.header-1-wrap {

		flex-direction: column;

	}

	

	/*	Hero*/

	

	.hero-content {

		padding: 0;

		padding-top: 3rem;

		padding-bottom: 10rem;

	}

	

	.hero-single .hero-content h2 {

		font-size: 5rem;

		line-height: 1.1;

	}

	

	.hero-content p {

		font-size: 1.5rem;

		line-height: 3rem;

	}

	

	.hero-single {

		height: auto;

	}

	

	span.hero-p1.hero-sm {

		color: #d91901;

	}

	

	/*	Breadcrumb*/

	

	.site-breadcrumb .breadcrumb-title {

		font-size: 3rem;

	}

	

	/*	Subsciber*/

	

	.sub-header {

		text-align: center;

	}

	

	.sub-fields form input {

		width: 100%;

	}

	

	.sub-fields form button {

		right: 3px;

	}

	

	/*	Header top*/

	

	.menu-bg {

		justify-content: flex-end;

		background: transparent!important;

		align-items: center;

	}

	

	.header-serarch-btn {

		display: none;

	}

	

	.navbar {

		z-index: 999;

		background: transparent;

	}

	

	

	/*	About*/

	.about-right-pic img {

		width: 100%;

	}

	

	.about-area .about-wrapper {

		display: grid;

		grid-template-columns: 1fr;

		grid-gap: 3rem;

	}

	/*	Cate*/

	

	.cat-pic img {

		width: 100%;

	}

	

	/*	Team*/

	

	.team-2-wrapper.grid-4 {

		grid-row-gap: 12rem;

	}

	

	/*	Counter*/

	

	.counter-area.counter-2 .counter-wrapper .fun-fact {

		margin: 0 auto;

	}

	

	

	/*	Portfolio*/

	

	.home-2 .hero-content {

		padding-top: 10rem;

		padding-bottom: 10rem;

	}

	

	.hero-section.header-2 .hero-single {

		padding: 5rem 0 10rem 0;

	}

	

	/*	T Area*/

	

	.t-area .feature-wrapper {

		flex-direction: column;

		text-align: center;

		padding: 3rem;

	}

	

	.t-area .feature-wrapper .t-left h2 {

		margin-bottom: 2.5rem;

		font-size: 2rem;

	}

	

	/*	Blog*/

	

	.blog-2-box {

		grid-template-columns: 1fr;

	}

	

	/*	Course Details*/

	

	.course-info-wrapper {

		grid-template-columns: 1fr;

	}

	

	.course-syl-price ul, .course-syl-author ul {

		flex-direction: column;

		align-items: flex-start;

	}

	

	.course-syl-price ul li, .course-syl-author ul li {

		margin-right: 0;

		padding-right: 0;

		margin-bottom: 2rem;

	}

	

	.course-syl-author ul li::before {

		display: none;

	}

	

	.course-syl-price .theme-btn {

		display: inline-block;

	}

	

	h2.course-syl-title {

		font-size: 2.4rem;

		line-height: 3.6rem;

		margin-top: 0rem;

	}

	

	.course-over-fet {

		padding: 2rem;

	}

	

	.course-video-wrp {

		align-items: center;

		flex-direction: column;

	}

	

	.course-item-info {

		text-align: center;

	}

	

	.course-item-name {

		flex-direction: column;

	}

	

	.course-item-name h5 {

		margin-left: 0;

		margin-top: 13px;

		margin-bottom: 13px;

	}

	

	/*	Contact Page*/

	

	.contact-area .contact-wrapper {

		grid-template-columns: 1fr;

	}

	

	/*	Footer Widget*/

	

	.footer-widget-wrapper.grid-4 {

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

	}

	

	footer {

		padding-top: 80rem;

		margin-top: 38rem;

	}

	

	/*	Contact*/

	

	.contact-area .contact-wrapper {

		grid-template-columns: 1fr;

	}



	.con-area .con-wrapper {

		grid-template-columns: 1fr;

	}



	/*	Footer*/

	

	.footer-widget-wrapper {

		display: grid;

		grid-template-columns: 1fr 1fr;

		grid-gap: 3rem;

	}

	

	.footer-widget-wrapper {

		margin-bottom: 3rem;

	}

	

	.pagination {

		margin-top: 2rem;

	}

	

	.com-form {

		margin-bottom: 3rem;

	}

	

	.header-2 .bsnav-mobile {

		top: 40px;

	}

	

	.header-3 .menu-bg {

		margin-top: 0rem;

	}

	

	.cta-wrapper .cta-left h2 {

		margin-top: 0;

		text-align: center;

	}

	

}





/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {

	

	/*	Home - 3*/

	.single-header .bsnav-mobile, 

	.header-2 .bsnav-mobile {

		top: 133px;

	}

	.notisec{padding:20px 25px;}

	.downs{flex-direction:column;}

	.header-3 .header-top {

		display: none;

	}

	

	.hero-3-shape .hero-shape-2 {

		display: none;

	}

	

	.header-3 .menu-bg {

		margin-top: 0rem;

	}

	

	.header-3 .menu-bg.hd::before {

		display: none;

	}

	

	.header-3-bt {

		display: none;

	}

	

	.header-3 .hero-single .hero-content {

		padding-top: 0rem;

	}

	

	.hero-single .hero-shapes {

		display: none;

	}

	

	.cate-3-title h2 {

		margin-bottom: 3.5rem;

	}

	

	.event-bottom {

		flex-direction: column;

	}

	

	.event-bottom a {

		margin-bottom: 2rem;

	}

	

	.event-meta {

		flex-direction: column;

	}

	

	/*	Author bio*/

	

	.author-bio-wrapper {

		padding: 3rem;

	}

	

	/*	Event*/

	

	.eve-de-spk {

		align-items: flex-start; 

		flex-direction: column;

	}

	

	/*	404*/

	

	._404-content-bottom {

		margin-top: 10rem;

	}

	

	/*	Course Details*/

	

	.course-info-wrapper {

		grid-template-columns: 1fr;

	}

	

	.course-syl-price ul, .course-syl-author ul {

		flex-direction: column;

		align-items: flex-start;

	}

	

	.course-syl-price ul li, .course-syl-author ul li {

		margin-right: 0;

		padding-right: 0;

		margin-bottom: 2rem;

	}

	

	.course-syl-author ul li::before {

		display: none;

	}

	

	.course-syl-price .theme-btn {

		display: inline-block;

	}

	

	h2.course-syl-title {

		font-size: 2.4rem;

		line-height: 3.6rem;

		margin-top: 0rem;

	}

	

	.course-over-fet {

		padding: 2rem;

	}

	

	.course-video-wrp {

		align-items: center;

		flex-direction: column;

	}

	

	.course-item-info {

		text-align: center;

	}

	

	.course-item-name {

		flex-direction: column;

	}

	

	.course-item-name h5 {

		margin-left: 0;

		margin-top: 13px;

		margin-bottom: 13px;

	}

	

	/*	Shop*/

	

	.sh-de-wrapper {

		grid-template-columns: repeat(auto-fit,minmax(300px,1fr));

	}

	

	.sldr.owl-carousel .owl-item img {

		width: auto;

	}

	

	.product-rev-wrapper .nav-item {

		width: inherit;

	}

	

	.cart-wrapper .media {

		width: 230px;

	}

	

	/*	Padding*/

	

	.de-padding{

		padding: 5rem 0;

	}



	.de-pt {

		padding-top: 5rem;

	}



	.pt-120 {

		padding-top: 5rem;

	}



	.pt-105 {

		padding-top: 5rem;

	}



	.pt-210 {

		padding-top: 13rem;

	}

	

	.de-pb {

		padding-bottom: 5rem;

	}



	.pb-120 {

		padding-bottom: 5rem;

	}



	.pb-105 {

		padding-bottom: 5rem;

	}

	

	.pb-80 {

		padding-botto: 5rem;

	}

	

	/*	Breadcrumb*/

	

	.single-header .navbar {

		padding: 0;

	}

	

	

	.site-title h2 {

		font-size: 3rem;

	}

	

	.main-breadcrumb {

		padding: 0;

		text-align: center;

	}

	

	.site-breadcrumb-title h2 {

		font-size: 3rem;

		line-height: 1;

		margin-bottom: 0;

		padding-top: 8rem;

	}



	/*NavBar*/

	

	.navbar ul.navbar-nav .nav-item a {

		color: var(--heading-color) !important;

	}



	.navbar.sticked.in ul.navbar-nav .nav-item a {

		color: var(--heading-color);

	}

	

	nav.navbar.bootsnav .navbar-toggle {

		margin-top: 2.5rem;

	}

	

	.navbar {

		padding: 2rem;

	}

	

	.navbar-toggler .navbar-toggler-icon,

	.navbar-toggler .navbar-toggler-icon::after,

	.navbar-toggler .navbar-toggler-icon::before {

		background-color: var(--heading-color);

		outline: none;

	}

	

	.single-header .navbar-toggler .navbar-toggler-icon,

	.single-header .navbar-toggler .navbar-toggler-icon::after,

	.single-header .navbar-toggler .navbar-toggler-icon::before {

		background-color: var(--white-color);

		outline: none;

	}

	

	.navbar-toggler.active .navbar-toggler-icon,

	.navbar-toggler.active .navbar-toggler-icon::after,

	.navbar-toggler.active .navbar-toggler-icon::before {

		background-color: var(--heading-color);

	}

	

	.navbar.sticked.in .navbar-toggler .navbar-toggler-icon,

	.navbar.sticked.in .navbar-toggler .navbar-toggler-icon::after,

	.navbar.sticked.in .navbar-toggler .navbar-toggler-icon::before {

		background-color: var(--heading-color);

	}

	

	.bsnav-mobile .navbar-nav .nav-item .nav-link {

		max-width: 100%;

		display: inline-block;

		padding-top: 1rem;

	}

	

	.bsnav-mobile .navbar-nav .nav-item .navbar-nav {

		margin-left: 0;

		margin-right: 0;

	}



	/*	grids*/

	

	.grid-2 {

		grid-template-columns: 1fr;

	}

	

	.grid-3 {

		grid-template-columns: 1fr;

	}

	

	.grid-4 {

		grid-template-columns: 1fr;

	}

	

	/*	Header top*/

	

	

	.dmnone{display:none}

	.header-bottom{margin-top:10rem}

	.header-bottom .row{justify-content:center;}

	.header-social-loc {

		display: flex;

		flex-direction: column;

		align-items: center;

	}

	

	.header-1-wrap {

		flex-direction: column;

	}

	

	.header-1-dropdown {

		flex-direction: column;

		align-items: center;

	}

	

	.header-logo {

		padding: 2rem 0 0 0;

		flex-direction: column;

	}

	

	.header-logo-1 {

		margin-top: 2rem;

	}

	

	.header-serarch-btn {

		display: none;

	}

	

	.header-logo-1 ul {

		flex-direction: column;

	}

	

	.header-logo-1 ul li {

		margin-right: 0;

		margin-bottom: 2rem;

	}

	

	/*	Header 2*/

	.header-2 .navbar {

		padding: 1rem 1rem 1rem 1rem;

	}

	

	

	.t-area .feature-wrapper {

		flex-direction: column;

		text-align: center;

		padding: 3rem;

	}

	

	.t-area .feature-wrapper .t-left h2 {

		margin-bottom: 2.5rem;

		font-size: 2rem;

	}	



	.team-2-wrapper.grid-4 {

		grid-row-gap: 12rem;

	}

	

	.blog-2-box {

		grid-template-columns: 1fr;

	}

	

	.reg-info {

		padding: 3rem;

		text-align: center;

	}

	

	.reg-bottom .reg-btn-2, .reg-bottom .reg-btn {

		position: inherit;

	}



	.footer-gallery.grid-3 {

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

	}

	

	.footer-gallery.grid-3 img {

		width: 100%;

	}

	

	/*

	.navbar {

		z-index: 999;

		background: transparent;

	}

*/

	

	/*	Header*/

	

	

	.navbar {

		margin-top: 0;

	}

	

	.hero-section {

		height: auto;

		

	}

	

	.menu-bg {

		justify-content: flex-end;

		background: transparent!important;

		align-items: center;

	}

	

	.hero-single {

		height: auto;

		padding: 8rem 0;

	}

	

	.hero-single .hero-content {

		padding-top:  5rem;

	}

	

	.hero-single .hero-content h2 {

		font-size: 3.6rem;

		line-height: 1.1;

	}

	

	.hero-content p {

		font-size: 1.5rem;

		line-height: 3rem;

	}

	

	span.hero-p1.hero-sm {

		color: var(--white-color);

	}

	

	.hro-btn {

		align-items: flex-start;

		flex-direction: column;

	}

	

	.hro-btn a {

		margin-right: 0;

		margin-bottom: 2rem;

		display: block;

		text-align: center;

	}

	

	

	/*	About*/

	

	.about-area .about-wrapper {

		grid-template-columns: 1fr;

	}

	

	.about-right {

		padding-left: 0;

	}

	

	.about-ply-btn {

		position: absolute;

		top: 50%;

		left: 50%;

		transform: translate(-50%,-50%);

	}

	

	/*	Category*/

	

	.cat-pic img {

		width: 100%;

	}

	

	/*	Brand*/

	

	.brand-wrapper {

		padding-bottom: 5rem;

		margin-top: 5rem;

	}

	

	/*	Sub Area*/

	.sub-header h2 {

		font-size: 2.8rem;

	}

	

	.sub-fields form input {

		width: 100%;

	}

	

	.sub-fields form button {

		top: 3px;

		right: 3px;

	}

	

	/*	About*/

	

	

	

	/*	Service*/

	

	

	

	/*	Feature*/

	

	

	/*	Team */

	.team-wrapper.grid-3 {

		grid-template-columns: 1fr;

	}

	

	.team-details-wrapper {

		grid-template-columns: 1fr;

	}

	

	.team-single-box img {

		width: 100%;

	}

	

	/*	Price*/

	

	

	

	/*	Faq*/

	

	#accordion .panel-title > a.accordion-toggle::before,

	#accordion a[data-toggle="collapse"]::before {

		top: 15px;

		right: -5px;

	}

	

	/*	CTA*/

	

	

	/*	Portfolio*/

	

	.portfolio-area .pf-item {

		width: 100%;

	}

	

	.proj-1-info ul.proj-1-info-list li {

		grid-template-columns: 1fr;

		grid-gap: 1rem;

	}

	

	/*	Footer Instagram*/

	

	.foter-img.grid-3 {

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

	}

	

	/*	BLog*/

	



	

	/*	Contact home-2*/

	

	.con-area .con-wrapper {

		grid-template-columns: 1fr;

		grid-gap: 3rem;

	}

	

	.con-area .con-wrapper .con-inputs h2 {

		margin-bottom: 3rem;

		font-size: 3.6rem;

	}

	

	/*	Contact Page*/

	

	.contact-area .contact-wrapper {

		grid-template-columns: 1fr;

	}

	

	/*	Contact*/

	/*	Single Page*/

	

	

	.single-content .single-page-meta-content ul {

		align-items: center;

		flex-wrap: wrap;

	}

	

	.single-content .single-page-meta-content ul li {

		margin-right: 1rem;

		margin-bottom: 1rem;

	}

	

	.single-content .single-content-tags ul {

		align-items: center;

		flex-wrap: wrap;

	}

	

	.single-content .single-content-tags ul li {

		margin-right: 1rem;

		margin-bottom: 1rem;

	}

	

	

	.single-commentor-user.rlp {

		padding-left: 2rem;

	}

	

	.single-comments-section .single-commentor .single-commentor-user .single-commentor-user-bio-head {

		flex-wrap: wrap;

	}

	

	/*	footer*/



	footer {

		padding-top: 98rem;

		margin-top: 35rem;

	}



	.footer-widget-wrapper {

		grid-template-columns: 1fr;

		margin-bottom: 0;

		grid-gap: 3rem;

	}

	

	.footer-widget-box h4 {

		margin-bottom: 2rem;

	}

	

	.footer-menu .logo-menu ul {

		flex-direction: column;

	}

	

	.footer-menu .logo-menu {

		grid-template-columns: 1fr;

	}

	

	footer .footer-content {

		grid-template-columns: 1fr;

	}

	

	footer .footer-content ul {

		justify-content: flex-start;

	}

	

	.copyright {

		display: inherit;

		text-align: center;

	}

	

	.copyright .container {

		display: flex;

		flex-direction: column;

	}

	

	.cta-wrapper .cta-left .cta-left-wrap .cta-left-single i {

		margin-right: 0;

		margin-bottom: 3rem;

	}

	

	.cta-wrapper {

		padding: 2rem;

	}

	

	.cta-right {

		padding: 2rem;

	}



	.cta-wrapper .cta-left {

		padding: 2rem;

	}

	

	.cta-wrapper .cta-left .cta-left-wrap .cta-left-single {

		margin-bottom: 3rem;

		flex-direction: column;

		justify-content: center;

		text-align: center;

	}

	

	

	.cta-wrapper .cta-left h2 {

		margin-top: 0;

		text-align: center;

	}

	

	footer ul.footer-social {

		display: flex;

		align-items: center;

		justify-content: flex-start;

	}

	

	ul.footer-menu {

		display: flex;

		align-items: center;

		justify-content: center;

	}

	

	/*	Single page*/

	

	.user-pic {

		margin-bottom: 2rem;

	}

	

	/*	sidebar*/

	

	aside.sidebar {

		margin-top: 3rem;

	}

	

	/*	Pagination*/

	

	aside.sidebar.left-bar {

		margin-bottom: 3rem;

	}

	

	.pagination {

		margin-top: 2rem;

	}

	

	.com-form {

		margin-bottom: 3rem;

	}

	

	/*	Brwadcrumb*/

	

	.site-breadcrumb .breadcrumb-title {

		font-size: 2.5rem;

	}

	

}



/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.main-navigation .navbar.bsnav-sticky .navbar-collapse ul li a {

		color: #333;

	}

}



@media only screen and (max-width: 576px) {

	

	/*	Counter */

	.counter-wrapper.grid-4 {

		grid-template-columns: 1fr;

	}

	

	/*	Team*/

	

	

}