@media(max-width:1024px) {}



@media(max-width:480px) {

	.sm-padding {

		padding: 15px

	}

	.header-section .navbar-brand {

		height: 80px;

		padding: 0;

		display: flex;

		align-items: center

	}

	.menu-btn,

	.js #mainmenu {

		display: none

	}

	.project-2 .project-item,

	.js .slicknav_menu {

		display: block

	}

	.about-content h2 {

		font-size: 24px;

		line-height: 36px

	}

	.year-box {

		padding-left: 0

	}

	.error-content .error-info {

		padding-left: 10px

	}

	.counter-content {

		text-align: left;

		padding-left: 70px

	}

	.counter-wrap .col-lg-4:last-child {

		margin-top: 50px

	}

	.index_banner cite span {

		width: 30px;

	}

	.index_banner cite {

		margin-left: -52px;

		bottom: 0px;

		z-index: 9;

		

	}

}



@media all and (min-width:480px) and (max-width:768px) {}



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

	body,

	p {

		font-size: 12px;

		line-height: 22px

	}

	h1 {

		font-size: 30px

	}

	h2 {

		font-size: 22px

	}

	h3 {

		font-size: 16px

	}

	p br {

		display: none

	}

	.padding {

		padding: 60px 0

	}

	.xs-padding {

		padding: 15px

	}

	.hero-section {

		height: 350px

	}

	.hero-section .scroll-down {

		display: none

	}

	.hero-section h1 {

		font-size: 40px;

		line-height: 1;

		margin: 0 0 10px

	}

	.page-header {

		height: 250px

	}

	.page-content h2 {

		font-size: 30px;

		margin: 0

	}

	.about-content h2 {

		font-size: 24px;

		line-height: 36px

	}

	.cta-content h2 {

		font-size: 28px;

		line-height: 1.2

	}

	.error-content {

		display: block

	}

	.error-content .error-info h2 {

		font-size: 120px;

		line-height: 120px;

		margin-bottom: 30px

	}

	.error-content .error-info a {

		display: block

	}

	.contact-form .form-group .col-sm-6:first-child {

		margin-bottom: 15px

	}

	.contact-info h2 {

		line-height: 28px

	}

	.sidebar-wrap {

		padding-left: 0

	}

	.blog-single-content h2 a {

		font-size: 22px;

		line-height: 28px

	}

	.blog-single-content h2 {

		line-height: 28px

	}

	blockquote p {

		line-height: 32px

	}

	.year-bg {

		width: 100%

	}

}



@media all and (max-width:580px) {

	.subscribe-form {

		width: 100%

	}

	.counter-wrap .col-lg-4:first-child {

		margin-bottom: 50px

	}

}



@media all and (max-width:420px) {}



@media all and (max-width:380px) {}