@media (min-width: 1200px) {  
	
}

@media (min-width: 992px) and (max-width: 1199px) { 
	
	.our_office_heading, .location_heading, .contact_heading{
		font-size: 16pt;
	}
	.main_office_heading, .branch_office_heading{
		font-size: 13pt;
	}
	.main_office p, .branch_office p{
		font-size: 11pt;
	}
	.address_info p, .follow_heading{
		font-size: 11pt;
	}
	.follow_info a{
		font-size: 10pt;
	}
	.col_maps {
	    width: 48.761%;
	}
	.col_contact {
	    width: 31%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {  
	.col_office{
		margin: auto;
		width: 80%;
	}
	.col_maps {
	    width: 80%;
    	margin: auto;
	}
	.col_contact {
	    width: 80%;
    	margin: auto;
	}
	.bg_office{
		padding: 20px 0;
	}
	.our_office_heading, .location_heading, .contact_heading{
		font-size: 16pt;
	}
	.main_office_heading, .branch_office_heading{
		font-size: 13pt;
	}
	.main_office p, .branch_office p{
		font-size: 11pt;
	}
	.address_info p, .follow_heading{
		font-size: 11pt;
		text-align: center;
	}
	.follow_info {
	    text-align: justify;
	}
	.follow_info a{
		font-size: 10pt;
		text-align: center;
	}
	.follow_info p {
	    width: 250px;
	    margin-left: auto;
	    margin-right: auto;
	}
}

@media (max-width: 767px) { 
	.col_office{
		margin: auto;
		width: 80%;
	}
	.col_maps {
	    width: 80%;
    	margin: auto;
	}
	.col_contact {
	    width: 80%;
    	margin: auto;
	}
	.our_office_heading, .location_heading, .contact_heading{
		font-size: 14pt;
	}
	.main_office_heading, .branch_office_heading{
		font-size: 13pt;
	}
	.main_office p, .branch_office p{
		font-size: 11pt;
	}
	.address_info p, .follow_heading{
		font-size: 11pt;
		text-align: center;
	}
	.follow_info {
	    text-align: justify;
	}
	.follow_info a{
		font-size: 10pt;
		text-align: center;
	}
	.follow_info p {
	    width: 250px;
	    margin-left: auto;
	    margin-right: auto;
	}
}

@media (max-width: 400px){
	.bg_contact_office{
		padding: 10px;
	}
	.follow_info a{
		font-size: 9pt;
	}
}