/* Default Layout	*/


/*	Extra small devices (portrait phones, less than 576px)	*/
@media (max-width: 575.98px) {
	
	/* ============================== */

	.heading {
		margin-bottom: 15px;
	}
	.heading h2{
		font-size: 28px;
	}
	.heading h3{
		font-size: 20px;
	}

	.sub_heading h4{
		font-size: 16px;
	}

	.para_texts p{
		font-size: 14px;
	}

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

	.header_wrap {
		padding: 5px 0px;
	}
	.header .logo img {
		max-width: 100px;
	}
	.header ul li i {
		width: 36px;
		height: 36px;
		line-height: 34px;
		font-size: 16px;
	}

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

	.hero_banner {
		padding: 50px 0px;
	}
	.hero_banner .contents {
		padding: 50px 30px;
	}
	.hero_banner .contents h1{
		font-size: 36px;
	}
	.hero_banner .contents h2{
		font-size: 20px;
	}
	.hero_banner .contents h3{
		font-size: 18px;
	}
	.hero_banner .contents h4{
		font-size: 18px;
	}

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

	.colored_banner {
		padding: 30px 0px;
		padding-top: 25px;
	}
	.colored_banner .contents p{
		font-size: 15px;
	}
	.colored_banner .contents h6{
		font-size: 16px;
	}

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

	.related_companies {
		padding: 10px 0px;
	}
	.related_companies ul li {
		margin: 0px 10px;
	}
	.related_companies ul li img {
		height: 52px;
	}

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

	.project_gallery_wrap {
		padding: 30px 0px;
	}
	.project_gallery_wrap .container{
		padding: 0px 10px;
	}

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

	.our_partners {
		padding: 20px 0px;
	}
	.our_partners .partners_list {
		max-width: 265px;
	}
	.our_partners .partners_list ul li{
		font-size: 16px;
		padding-left: 20px;
	}
	.our_partners .partners_list ul li::before{
		font-size: 14px;
	}

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

	.contact_us_banner {
		padding: 30px 0px;
	}
	.contact_us_banner ul li span{
		font-size: 14px;
	}
	.contact_us_banner ul li i{
		font-size: 32px;
	}

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

	.about_us {
		padding: 25px 0px;
	}

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

	.footer p{
		font-size: 15px;
	}

	/* ============================== */
	
}

/*	Small devices (landscape phones, 576px and up)	*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	/* ============================== */

	.container{
		max-width: 540px;
	}

	.heading h2{
		font-size: 30px;
	}

	.sub_heading h4{
		font-size: 17px;
	}

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

	.header_wrap {
		padding: 5px 0px;
	}
	.header .logo img {
		max-width: 120px;
	}
	.header ul li i {
		width: 36px;
		height: 36px;
		line-height: 34px;
		font-size: 16px;
	}

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

	.hero_banner {
		padding: 40px 0px;
	}
	.hero_banner .contents {
		padding: 50px 30px;
	}
	.hero_banner .contents h1{
		font-size: 36px;
	}
	.hero_banner .contents h2{
		font-size: 24px;
	}
	.hero_banner .contents h3{
		font-size: 18px;
	}
	.hero_banner .contents h4{
		font-size: 20px;
	}

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

	.colored_banner {
		padding: 30px 0px;
		padding-top: 25px;
	}
	.colored_banner .contents p{
		font-size: 16px;
	}
	.colored_banner .contents h6{
		font-size: 17px;
	}

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

	.related_companies {
		padding: 10px 0px;
	}
	.related_companies ul li {
		margin: 0px 5px;
	}
	.related_companies ul li img {
		height: 50px;
	}

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

	.project_gallery_wrap {
		padding: 40px 0px;
	}

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

	.contact_us_banner {
		padding: 35px 0px;
	}
	.contact_us_banner ul li span{
		font-size: 16px;
	}

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

	.footer p{
		font-size: 15px;
	}

	/* ============================== */
	
}

/*	Medium devices (tablets, 768px and up)	*/
@media (min-width: 768px) and (max-width: 991.98px) {
	
	/* ============================== */

	.container{
		max-width: 720px;
	}

	.heading h2{
		font-size: 36px;
	}

	.sub_heading h4{
		font-size: 20px;
	}

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

	.header_wrap {
		padding: 5px 0px;
	}
	.header .logo img {
		max-width: 130px;
	}
	.header ul li i {
		width: 36px;
		height: 36px;
		line-height: 34px;
		font-size: 16px;
	}

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

	.hero_banner {
		padding: 50px 0px;
	}
	.hero_banner .contents {
		padding: 50px;
	}
	.hero_banner .contents h1{
		font-size: 48px;
	}
	.hero_banner .contents h2{
		font-size: 30px;
	}
	.hero_banner .contents h3{
		font-size: 25px;
	}
	.hero_banner .contents h4{
		font-size: 24px;
	}

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

	.colored_banner {
		padding: 30px 0px;
		padding-top: 25px;
	}
	.colored_banner .contents p{
		font-size: 18px;
	}
	.colored_banner .contents h6{
		font-size: 20px;
	}

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

	.related_companies ul li{
		margin: 0px 10px;
	}
	.related_companies ul li img {
		height: 64px;
	}

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

	.project_gallery_wrap {
		padding: 40px 0px;
	}

	/* ============================== */
	
}

/*	Large devices (desktops, 992px and up)	*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	/* ============================== */

	.container{
		max-width: 960px;
	}

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

	.related_companies ul li img {
		height: 85px;
	}

	/* ============================== */
	
}

/*	Extra large devices (large desktops, 1200px and up)	*/
@media (min-width: 1200px) {
	
	.container{
		max-width: 1140px;
	}
	
}