/*
CSS RESPONSIVE ON DEVICE
 */

/*=============== START DESKTOP ====================*/

@media only screen 
and (min-width : 1024px) {
	




}

/*=============== END DESKTOP ====================*/

/*=============== START IPAD ====================*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) {
	
.contact-3-info-item {
    flex: 0 0 30%;
}


}		
/*=============== END IPAD ====================*/



/*=============== START MOBILE ====================*/

@media only screen 
and (max-width : 767px) {
	
h2.header-page-title {
    font-size: 18px;
}

section.bg-breadcrumb {
    padding: 30px 0;
}

.contact-3-info {
    flex-wrap: wrap;
}

.contact-3-info-item {
    flex: 0 0 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}

.form-contact-3-row-top {
    flex-wrap: wrap;
    margin-bottom: 0;
}

.form-contact-3-row-top>div {
    flex: 0 0 100%;
    margin-bottom: 15px;
}


}

/*=============== END MOBILE ====================*/



/*=============== START MOBILE < 320px ====================*/

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 320px) {
	


}

/*=============== END MOBILE < 320px====================*/