@media screen and (max-width:480px)
{
	.topbar .left-area
	{
		text-align: center;
	}
	.navigation
	{
		margin-bottom: 10px;
	}
	.navigation .navigation-bar
	{
		display: none;
	}
	.navigation .logo
	{
		display: block;
		margin-top: 5px;
	}
	.navigation .menubtgn
	{
		display: block;
	}
	.navigation .menubtgn .toggle-btn
	{
		margin-top: 40px;
		display: block;
		cursor: pointer;
		color: var(--color1);
	}
	.navigation .menubtgn .toggle-btn i
	{
		font-size: 2em;
	}
	.navigation .navigation-bar .main-ul
	{
		float: none;
	}
	.navigation .navigation-bar .main-ul .main-li
	{
		float: none;
		display: block;
		text-align: center;
		margin:5px 13px;
	}
	.navigation .navigation-bar .main-ul .main-li a
	{
		padding: 5px 3px;
	}

	.navigation .navigation-bar .main-ul .main-li a::before
		{
			width: 100%;
			height: 2px;
			background-color:#ccc;
		}
	.navigation .navigation-bar .main-ul .main-li.active a::before,	
	.navigation .navigation-bar .main-ul .main-li:hover a::before	
	{
		background-color: var(--color1);
	}
	section.about-home .content-about-home
	{
		padding:30px 10px;
	}

	.heading1 h2, .heading1 h3, .heading1 h4
	{
		font-size: 30px;
	}
	section.events
	{
		margin-top: 30px;
	}
	footer .colomn4css .ftr-box ul.list-footer
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	/*==============*/
	.banners
	{
		height: 150px;
	}
	.banners .text-box-banner
	{
		left: 20px;
	}
	.breadcrumbs
	{
		padding:6px 20px;
	}
	section.contact-section, section.about-section
	{
		margin-top: 20px;
	}
	.desc-content .about-image.right
	{
		margin-left: 0;
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.desc-content
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	.heading1 h3{
		font-size: 25px;
	}
	.heading1 h3::before{
		font-size: 24px;
	}
	.banners .text-box-banner h4
	{
		font-size: 25px;
	}
	.spaccer1
	{
		height: 25px;
	}
	.padding-1
	{
		padding:30px 15px;
	}
	.padding-2
	{
		padding-top: 0;
	}
	.margin-1
	{
		margin-top: 20px;
	}
	.capatcha-image
	{
		margin-top: 0px;
		text-align: center;
	}
	.form-container
	{
		margin-bottom: 20px;
	}
	.map-margin
	{
		margin-top: 20px;
	}

}


@media screen and (min-width:481px) and (max-width:576px)
{
	.topbar .left-area
	{
		text-align: center;
	}
	.navigation
	{
		margin-bottom: 10px;
	}
	.navigation .navigation-bar
	{
		display: none;
	}
	.navigation .logo
	{
		display: block;
		margin-top: 5px;
	}
	.navigation .menubtgn
	{
		display: block;
	}
	.navigation .menubtgn .toggle-btn
	{
		margin-top: 40px;
		display: block;
		cursor: pointer;
		color: var(--color1);
	}
	.navigation .menubtgn .toggle-btn i
	{
		font-size: 2em;
	}
	.navigation .navigation-bar .main-ul
	{
		float: none;
	}
	.navigation .navigation-bar .main-ul .main-li
	{
		float: none;
		display: block;
		text-align: center;
		margin:5px 13px;
	}
	.navigation .navigation-bar .main-ul .main-li a
	{
		padding: 5px 3px;
	}

	.navigation .navigation-bar .main-ul .main-li a::before
		{
			width: 100%;
			height: 2px;
			background-color:#ccc;
		}
	.navigation .navigation-bar .main-ul .main-li.active a::before,	
	.navigation .navigation-bar .main-ul .main-li:hover a::before	
	{
		background-color: var(--color1);
	}
	section.about-home .content-about-home
	{
		padding:30px 10px;
	}

	.heading1 h2, .heading1 h3, .heading1 h4
	{
		font-size: 30px;
	}
	section.events
	{
		margin-top: 30px;
	}
	footer .colomn4css .ftr-box ul.list-footer
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	/*==============*/
	.banners
	{
		height: 150px;
	}
	.banners .text-box-banner
	{
		left: 20px;
	}
	.breadcrumbs
	{
		padding:6px 20px;
	}
	section.contact-section, section.about-section
	{
		margin-top: 20px;
	}
	.desc-content .about-image.right
	{
		margin-left: 0;
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.desc-content
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	.heading1 h3{
		font-size: 25px;
	}
	.heading1 h3::before{
		font-size: 24px;
	}
	.banners .text-box-banner h4
	{
		font-size: 25px;
	}
	.spaccer1
	{
		height: 25px;
	}
	.padding-1
	{
		padding:30px 15px;
	}
	.padding-2
	{
		padding-top: 0;
	}
	.margin-1
	{
		margin-top: 20px;
	}
	.capatcha-image
	{
		margin-top: 0px;
		text-align: center;
	}
	.form-container
	{
		margin-bottom: 20px;
	}
	.map-margin
	{
		margin-top: 20px;
	}

}

@media screen and (min-width:577px) and (max-width:767px)
{
   	.topbar .left-area
	{
		text-align: center;
	}
	.navigation
	{
		margin-bottom: 10px;
	}
	.navigation .navigation-bar
	{
		display: none;
	}
	.navigation .logo
	{
		display: block;
		margin-top: 5px;
	}
	.navigation .menubtgn
	{
		display: block;
	}
	.navigation .menubtgn .toggle-btn
	{
		margin-top: 40px;
		display: block;
		cursor: pointer;
		color: var(--color1);
	}
	.navigation .menubtgn .toggle-btn i
	{
		font-size: 2em;
	}
	.navigation .navigation-bar .main-ul
	{
		float: none;
	}
	.navigation .navigation-bar .main-ul .main-li
	{
		float: none;
		display: block;
		text-align: center;
		margin:5px 13px;
	}
	.navigation .navigation-bar .main-ul .main-li a
	{
		padding: 5px 3px;
	}

	.navigation .navigation-bar .main-ul .main-li a::before
		{
			width: 100%;
			height: 2px;
			background-color:#ccc;
		}
	.navigation .navigation-bar .main-ul .main-li.active a::before,	
	.navigation .navigation-bar .main-ul .main-li:hover a::before	
	{
		background-color: var(--color1);
	}
	section.about-home .content-about-home
	{
		padding:30px 10px;
	}

	.heading1 h2, .heading1 h3, .heading1 h4
	{
		font-size: 30px;
	}
	section.events
	{
		margin-top: 30px;
	}
	footer .colomn4css .ftr-box ul.list-footer
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	section.events .pradingReduce .event-box .images img
	{
		width: 100% !important;
	}
	

	/*==============*/
	.banners
	{
		height: 150px;
	}
	.banners .text-box-banner
	{
		left: 20px;
	}
	.breadcrumbs
	{
		padding:6px 20px;
	}
	section.contact-section, section.about-section
	{
		margin-top: 20px;
	}
	.desc-content .about-image.right
	{
		margin-left: 0;
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.desc-content
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	.heading1 h3{
		font-size: 25px;
	}
	.heading1 h3::before{
		font-size: 24px;
	}
	.banners .text-box-banner h4
	{
		font-size: 25px;
	}
	.spaccer1
	{
		height: 25px;
	}
	.padding-1
	{
		padding:30px 15px;
	}
	.padding-2
	{
		padding-top: 0;
	}
	.margin-1
	{
		margin-top: 20px;
	}
	.capatcha-image
	{
		margin-top: 0px;
		text-align: center;
	}
	.form-container
	{
		margin-bottom: 20px;
	}
	.map-margin
	{
		margin-top: 20px;
	}
	.image-border .img img
	{
		width: 100%;
	}	
}

@media screen and (min-width:768px) and (max-width:992px)
{
	 .topbar .left-area
	 {
	 	float: none;
	 	display: table;
	 	margin:auto;
	 }
	 .navigation .logo
	 {
	 	display: block;
	 	text-align: center;
	 }
	 .navigation .navigation-bar .main-ul .main-li
	 {
	 	margin:10px 13px;
	 }
	 .navigation .navigation-bar .main-ul .main-li a
	 {
	 	padding:8px 3px;
	 }
	 section.about-home .content-about-home
	 {
	 	padding:0 10px;
	 }
	 section.events .pradingReduce .event-box .overlay .content-box
	 {
	 	bottom: 0;
	 }
     /* ================= */

	 .padding-1
	 {
	 	padding: 10px 30px;
	 }
	 .padding-2
	 {
	 	padding:25px 30px;
	 }
	 .desc-content .about-image.w500
	 {
	 	width: 350px;
	 }
	 .margin-top1
	 {
	 	margin-top: 25px;
	 }
}





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

@media screen and (max-width:767px)
{
	#clone
	{
		display: none;
	}
}