/*umrah*/
.text-st1 {
	font-family: "OpenSansRegular", sans-serif; 
    font-size: 14px;
    color: #1a1a1a; 
    line-height: 20px;
}

.page_contacts .bgw { background: #fff; padding: 32px 15px 36px; } 
.page_contacts .right { padding-left: 32px; } 
.page_contacts .bgw .item { 
    display: table;
    width: 33%;
    float: left;
    margin-bottom: 17px;
} 
.page_contacts .right .item { margin-bottom: 24px; } 
.page_contacts .title {
    margin-bottom: 8px;
	font-family: "OpenSansSemiBold", sans-serif; 
    font-size: 16px;
    color: #26b; 
} 
.page_contacts .bgw .title { line-height: 20px; }
.page_contacts li { 
    list-style: none;
    margin-bottom: 4px;
	font-family: "OpenSansRegular", sans-serif; 
    font-size: 15px;
    color: #1a1a1a;
    line-height: 20px;
} 
.page_contacts li span { 
    color: #808080;
}
.page_contacts #map { 
    width: 100%;
    height: 500px;
} 


/*320 - 767*/
@media (min-width: 320px) and (max-width: 767px) {    

.page_contacts #map { margin-top: 7px; margin-bottom: 25px; } 
    
}


/*320 - 479*/
@media (max-width: 479px) {	
    
    .page_contacts .bgw .item { width: 100%; }
	   
}

/*480 - 767*/
@media (min-width: 480px) and (max-width: 767px) {

    .page_contacts .bgw .item { width: 50%; }    
    .page_contacts .bgw .first { width: 100%; } 
    
}

/*768 - 991*/
@media (min-width: 768px) and (max-width: 991px) { 
    
    .page_contacts #map { height: 400px; } 
    
}


/*992 - 1199*/
@media (min-width: 992px) and (max-width: 1199px) {	

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

}