/* CSS Document */

@media screen and (max-width:1200px){
	
	#main-menu li {
		display: inline-block;
		float: none;
		padding: 0 9px;
	}	
	
	#main-menu li a {
		font-size: 15px;
	}
	
	.main-text h1 {
		font-size: 32px;
	}
	
	.main-text p {
		font-size: 17px;
		line-height: 29px;
	}
	
	.main-grid.home .box .button {
		font-size: 20px;
		margin: 0 0 0 -73px;
		padding: 3px 19px;
		width: 146px;
		bottom: 10px;
	}
	
	.contact .right-col h3 {
		font-size: 20px;
	}
	
	.contact .right-col {
		margin: 20p 0 0 0;
	}
	
	.contact .right-col form {
		padding: 10px 35px 0;
	}
	
	.contact .right-col input,
	.contact .right-col textarea {
		height: 39px;
		line-height: 39px;
		font-size: 12px;
	}
	
	.contact .right-col textarea {
		height: 60px;
		line-height: 14px;
	}
	
	.contact .right-col button {
		margin: -1px 0 0 0;
	}
	
	.main-grid {
		height: 470px;
	}
	
	.main-grid .box {
		height: 216px;
	}
	
	#sidebar-nav li a {
		font-size: 15px;
	}
	
	#sidebar-nav li ul li a {
		font-size: 12px;
	}
	
}

@media screen and (max-width:992px){
	
	#header .logo img {
		width: 200px;
	}
	
	#header .top-info .large {
		font-size: 21px;
	}
	
	#header .top-info {
		top: 19px;
	}

	#main-menu li {
		padding: 0 2px;
	}
	
	#main-menu li a {
		font-size: 13px;
	}
	
	#main-menu li a.active {
		font-size: 15px;
	}
	
	.main-text h1 {
		font-size: 25px;
		border-bottom: 3px solid #6eab39;
		line-height: 37px;
	}
	
	.main-text p {
		padding: 0 90px 25px;
	}
	
	.main-grid.home .box h3 {
		font-size: 21px;
	}
	
	.main-grid.home .box .button {
		font-size: 16px;
		margin: 0 0 0 -65px;
		padding: 3px 19px;
		width: 130px;
	}
	
	.contact .left-col {
		height: 250px;
		overflow: hidden;
		width: 100%;
	}
	
	.contact .right-col {
		width: 100%;
	}
	
	.contact .right-col button {
		margin: 10px 0 30px;
	}
	
	.items .item {
		background-size: 60px 61px;
		padding: 19px 0 15px 80px;
	}
	
	.items .item h3 {
		font-size: 18px;
	}
	
	.main-grid .box {
		height: 256px;
	}
	
	#sidebar-nav li a {
		font-size: 13px;
	}
	
	#sidebar-nav li ul li a {
		width: 100%;
		display: block;
		margin: 0 0 0 12px;
	}
	
	.main-grid {
		height: auto;
	}
	
	#footer p {
		font-size: 15px;
	}
	
	#footer .footer-menu li {
		font-size: 15px;
	}
	
	#footer .footer-menu li::after {
		padding: 0 15px;
	}
		
}

@media screen and (max-width:768px){
	
	#header .logo img {
		width: 170px;
	}
	
	#header .top-info {
		padding: 15px 0 0;
		position: relative;
		right: auto;
		text-align: center;
		top: auto;
	}
	
	#header .top-info .large {
		font-size: 19px;
	}
	
	#header .top-info .social {
		text-align: center;
	}
	
	#header .navbar {
		margin-bottom: 0;
	}
	
	#main-menu {
		margin: 0;
		border: none;
	}
	
	#header .navbar {
		border-bottom: 2px solid #e2e2e2;
	}
	
	#main-menu li {
		display: block;
	}
	
	#main-menu li a.active {
		font-size: 14px;
		border-bottom: 2px solid #6eab39;
	}
	
	#main-menu li a:hover,
	#main-menu li a:active,
	#main-menu li a:focus {
		border-bottom: 2px solid #FFF !important;
		background: none !important;
	}
	
	#main-menu li a {
		font-size: 15px !important;
		padding: 5px 0;
	}
	
	#main-slider .owl-controls .owl-prev,
	#main-slider .owl-controls .owl-next {
		width: 15px;
		height: 40px;
		background-size: 30px 40px;
		margin: -20px;
	}
	
	#main-slider .owl-controls .owl-prev {
		left: 30px;
	}
	
	#main-slider .owl-controls .owl-next {
		background-position: -15px 0;
		right: 30px;
	}
	
	.main-text {
		margin: 15px 0 0;
	}
	
	.main-text h1 {
		border-bottom: 2px solid #6eab39;
		font-size: 21px;
		line-height: 31px;
		margin: 0 0 15px;
	}
	
	.main-text p {
		font-size: 15px;
		line-height: 25px;
		padding: 0 0 15px;
	} 
	
	.main-grid.home .col1,
	.main-grid.home .col2,
	.main-grid.home .col3 {
		width: 100%;
	}
	
	.main-grid.home .col1 .box,
	.main-grid.home .col2 .box,
	.main-grid.home .col3 .box {
		height: 200px;
		margin: 5px 0 0 0 !important;
	}
	
	.contact .left-col {
		height: 200px;
	}
	
	.contact .right-col form {
		padding: 10px 20px 0;
	}
	
	.items .item {
		padding: 74px 0 30px;
		background-position: center top;
	}
	
	.items .item h3 {
		font-size: 17px;
		text-align: center;
	}
	
	.items .item p {
		font-size: 13px;
		line-height: 18px;
		padding: 17px 0 0 0;
	}
	
	.main-grid .box {
		height: auto;
	}
	
	#footer .social img {
		width: 26px;
	}
	
	#footer p {
		font-size: 13px;
	}
	
	#footer .footer-menu li {
		font-size: 12px;
	}
	
	#footer .footer-menu li::after {
		padding: 0 3px !important;
	}
	
}