@media (max-width:1200px){
	.navbar a{padding:10px 0 10px 25px;}
	.hero h1{font-weight:600;font-size:36px;}
	.hero h2{font-size:24px;}
	.grid-box .icon-box{height:100%;}
	.section-header p{font-size:24px;}
}

@media only screen and (max-width: 991px){
	.ourcommfiled {margin-top: 30px;}
	.features .feture-tabs {margin-top: 80px;}
	.features .feature-icons {margin-top: 80px;}
	.faq .accordion-button {font-size: 17px;}
}

@media only screen and (max-width: 767px){
	.blog .blog-comments .reply-form {padding: 20px;}
	section {padding: 35px 0;}
	.features .feature-box {padding: 10px;}
	.feture-tabs h3.helpline {font-size: 17px;}
	.features .feture-tabs {margin-top: 40px;}
	.portfolio #portfolio-flters li {width: 100%; padding: 10px 0; margin: 0;}
}